@import url(../fonts/stylesheet.css?t=1753187033294);
@import url(custom_plugins/slick-1.8.1/slick/slick.css?t=1753187033294);
@import url(custom_plugins/slick-1.8.1/slick/slick-theme.css?t=1753187033294);
@import url(custom_plugins/aos/aos.css?t=1753187033294);
@import url(custom_plugins/DataTables/DataTables-1.10.21/css/jquery.dataTables.min.css?t=1753187033294);
@import url(custom_plugins/DataTables/dataTables.checkboxes.css?t=1753187033294);
@import url(custom_plugins/fontawesome-5.0.13/fontawesome-all.min.css?t=1753187033294);
@import url(custom_plugins/Highlight/solarized-light.css?t=1753187033294);
@import url(custom_plugins/Highlight/default.css?t=1753187033294);
@import url(custom_plugins/SelectPure/select-pure.css?t=1753187033294);
@import url(custom_plugins/FlatPickr/flatpickr.min.css?t=1753187033294);
@import url(custom_plugins/Select2/select2.min.css?t=1753187033294);
@import url(custom_plugins/animate-4.1.1/animate.min.css?t=1753187033294);
@import url(custom_plugins/roundSlider-1.6.1/roundslider.min.css?t=1753187033294);
@import url(custom_plugins/Tagify/tagify.css?t=1753187033294);
.loadingmask-message {
  background: transparent;
  border-width: 0;
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  width: 1em; }
  .loadingmask-message .loadingmask-message-content {
    -webkit-animation: loading-animation 1.2s infinite ease-out;
    animation: loading-animation 1.2s infinite ease-out;
    background: transparent;
    border-radius: 50%;
    border-width: 0;
    clear: both;
    color: transparent;
    height: 1em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 1em; }

.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Separator ---------- */
.separator {
  border-top: 1px solid #cdced9; }

/* ---------- Status ---------- */
.entry-status {
  border-left: 4px solid transparent; }

span.alert {
  display: inline-block; }

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

.quick-access-nav {
  position: absolute;
  top: -1000px;
  width: 100%;
  z-index: 1000; }
  .quick-access-nav a {
    background: #333;
    background: rgba(51, 51, 51, 0.9);
    border: 1px solid #fff;
    left: 0;
    outline: none;
    padding: 8px;
    position: absolute;
    right: 0;
    text-align: center; }
    .quick-access-nav a:focus {
      color: #fff;
      top: 1000px; }

@media (max-width: 991.98px) {
  .responsive-table-horizontal {
    display: block;
    position: relative;
    width: 100%; }
    .responsive-table-horizontal:after {
      clear: both;
      content: '';
      display: block;
      font-size: 0;
      height: 0;
      visibility: hidden; }
    .responsive-table-horizontal tbody {
      display: block;
      overflow-x: auto;
      position: relative;
      white-space: nowrap;
      width: auto; }
      .responsive-table-horizontal tbody tr {
        display: inline-block;
        vertical-align: top; }
        .responsive-table-horizontal tbody tr td {
          display: block;
          margin-bottom: 20px; }
          .responsive-table-horizontal tbody tr td:first-child {
            text-align: left; }
    .responsive-table-horizontal thead {
      display: block;
      float: left;
      margin-right: 10px; }
      .responsive-table-horizontal thead:after {
        clear: both;
        content: '';
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden; }
      .responsive-table-horizontal thead th {
        display: block;
        margin-bottom: 20px;
        text-align: right; }
        .responsive-table-horizontal thead th:first-child {
          text-align: right; }
  .ie9 .responsive-table-horizontal thead {
    float: none; } }

.important {
  font-weight: bold; }

.highlight {
  background: #ffc;
  font-weight: bold;
  margin: 0 1px; }

.hide-accessible {
  clip: rect(0 0 0 0) !important;
  position: absolute !important;
  /*Webkit and IE7 let clipped content change the scroll height of the page*/
  /*Scale webkit to 0*/
  -webkit-transform: scale(0);
  -webkit-transform-origin-x: 0;
  -webkit-transform-origin-y: 0;
  /*Change IE7 to using fixed*/
  *position: fixed !important;
  /*...And reset back to absolute for IE6*/
  _position: absolute !important; }

.force-offset {
  display: block !important;
  position: absolute !important;
  visibility: hidden !important; }

.unselectable,
.unselectable * {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup,
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  background: transparent; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  background: transparent; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  border-color: #a6a6a6;
  font-family: 'Courier New', Courier,
 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; }

.lfr-asset-category-container .no-matches {
  color: #999; }

.lfr-asset-category-search-container {
  background-color: #d3dadd;
  border-bottom-color: #aeb8bc; }

.lfr-asset-category-list a.selected {
  background-color: #eee; }

.lfr-categories-selector-search-results-path {
  color: #575757;
  font-size: 0.9em;
  text-align: right;
  width: 25%; }

.lfr-asset-column-actions-content {
  background-color: #d7f1ff; }

.lfr-asset-column-actions .lfr-asset-column-actions-content {
  border-color: #88c5d9; }

.lfr-asset-column-details .lfr-asset-categories {
  color: #7d7d7d; }
  .lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
    color: #555; }

.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none; }

.lfr-asset-column-details .lfr-asset-icon {
  border-right-color: #999;
  color: #999; }

.lfr-asset-column-details .lfr-asset-tags {
  color: #7d7d7d; }
  .lfr-asset-column-details .lfr-asset-tags .tag {
    color: #555; }

.lfr-asset-panels .lfr-panel.lfr-extended,
.lfr-asset-column-details .lfr-panel.lfr-extended {
  border-color: #ccc; }

.lfr-form-row {
  border-bottom-color: #ccc; }

.lfr-form-row:hover {
  border-bottom-color: #ccc; }

.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%; }

.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
  background-color: #fff; }

.form-control-inline {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 700; }
  .form-control-inline:not(:hover) {
    border-color: transparent; }
  .form-control-inline::-webkit-input-placeholder {
    color: #a7a9bc;
    font-style: italic; }
  .form-control-inline:-ms-input-placeholder {
    color: #a7a9bc;
    font-style: italic; }
  .form-control-inline::-ms-input-placeholder {
    color: #a7a9bc;
    font-style: italic; }
  .form-control-inline::placeholder {
    color: #a7a9bc;
    font-style: italic; }

.definition-of-terms dt {
  color: #333;
  font-weight: normal;
  width: 100%;
  word-break: break-word; }
  @media (min-width: 576px) {
    .definition-of-terms dt {
      width: auto; } }

.lfr-code {
  background: #fff;
  border-color: #777;
  font-family: monospace; }
  .lfr-code tr td.line-numbers {
    background: #fafafa; }
    .lfr-code tr td.line-numbers:before {
      color: #aaa;
      text-shadow: 1px 1px #fff; }

.popup-alert-notice .countdown-timer {
  font-size: 1.1em;
  font-weight: bold; }

.lfr-token {
  background-color: #b3daef;
  border-color: #5fa8ff;
  color: #444;
  text-decoration: none; }
  .lfr-token:hover {
    background-color: #d1e5ef; }

.lfr-token-primary {
  font-weight: bold; }
  .lfr-token-primary, .lfr-token-primary:hover {
    background-color: #b3daef; }

.lfr-token-close:hover {
  text-decoration: none; }

.lfr-button {
  background: no-repeat 0 50%; }

.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > th {
  font-weight: bold; }

.lfr-checkbox-preselected {
  opacity: 0.5; }

.lfr-header-row {
  border-bottom-color: #7b7b7b; }
  .lfr-header-row .lfr-search-combobox {
    border-color: #5f5f5f; }

.openid-login input[type='text'] {
  background: url(../images/common/openid.gif) no-repeat;
  background-color: #fff;
  background-position: 0 50%;
  color: #000; }

.page-extra-settings .lfr-panel-titlebar .lfr-panel-title {
  font-size: 1em; }

.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  color: #333;
  font-weight: normal; }

.lfr-panel.lfr-extended,
.lfr-panel-container,
.lfr-floating-container {
  border-color: #dedede #bfbfbf #bfbfbf #dedede; }

.lfr-panel-container,
.lfr-floating-container {
  background: #fff; }

.lfr-panel-titlebar .lfr-panel-title {
  font-size: 1.2em;
  font-weight: bold; }

.lfr-panel-titlebar .lfr-panel-button {
  background: url(../images/application/panel_header_toggler_close.png) no-repeat 0 0; }
  .lfr-panel-titlebar .lfr-panel-button:hover {
    background-position: 0 100%; }

.lfr-panel.lfr-collapsible .lfr-panel-titlebar {
  background: url(../images/arrows/05_down.png) no-repeat 2px 50%; }

.lfr-panel.lfr-collapsed .lfr-panel-titlebar {
  background-image: url(../images/arrows/05_right.png); }
  .lfr-panel.lfr-collapsed .lfr-panel-titlebar .lfr-panel-button {
    background-image: url(../images/application/panel_header_toggler_open.png); }

.lfr-panel.lfr-extended .lfr-panel-titlebar {
  background: #d6d6d6 url(../images/application/panel_header.png) repeat-x 0 0;
  border-bottom-color: #cdcdcd; }

.lfr-panel-container .lfr-extended.lfr-collapsible .lfr-panel-titlebar {
  border-top-color: #cecece; }

.js .lfr-floating-trigger {
  background-image: url(../images/arrows/05_down.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  text-decoration: none; }

.lfr-panel-page .panel-page-content {
  border-left-color: #ccc; }

.lfr-panel-page .lfr-add-content h2 {
  border-color: #ccc; }
  .lfr-panel-page .lfr-add-content h2 span {
    background: #efefef; }

.lfr-panel-page .lfr-add-content .lfr-content-category h2 {
  border-bottom-color: #ccc; }
  .lfr-panel-page .lfr-add-content .lfr-content-category h2 span {
    background: none; }

.lfr-panel-content .paginator-container {
  background: #cfd2d5;
  border-bottom-color: #dcdee0;
  border-top-color: #dcdee0; }

.lfr-panel-content .paginator-page-container .paginator-page-link {
  background: none;
  border-color: #cfd2d5; }
  .lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page {
    background: #99a7b3 url(../images/application/current_page_hover_bg.png) repeat-x 0 0;
    border-color: #6b7785 #7c8994 #919fa9;
    color: #fff;
    font-weight: bold; }
    .lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page:hover {
      background: #5094d7 url(../images/application/current_page_bg.png) repeat-x 0 0;
      border-color: #31659c #396ea8 #4c8ccb; }

#portlet-set-properties fieldset fieldset legend {
  font-size: 1.1em; }

.lfr-preview-file-content {
  border-bottom-color: #6d6d6e; }

.lfr-preview-file-image-current-column,
.lfr-preview-file-video-current-column {
  background: url(../images/common/checkerboard.png); }

.lfr-preview-file-toolbar {
  background: #333;
  opacity: 0.5; }
  .lfr-preview-file-toolbar .icon-arrow-1-l {
    background: url(../images/document_library/preview_left.png) no-repeat 0 50%; }
  .lfr-preview-file-toolbar .icon-arrow-1-r {
    background: url(../images/document_library/preview_right.png) no-repeat 0 50%; }
  .lfr-preview-file-toolbar .icon-zoomin {
    background: url(../images/document_library/preview_zoom.png) no-repeat 0 50%; }

.lfr-preview-file-image-current-column:hover .lfr-preview-file-toolbar {
  opacity: 1; }

.lfr-preview-file-info {
  background: #333;
  color: #fff;
  opacity: 0.5; }
  .lfr-preview-file-info:hover {
    opacity: 1; }

.lfr-preview-file-index {
  font-weight: bold; }

.lfr-preview-file-image-current {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%; }

.lfr-preview-file-image img {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%;
  border-color: #aeb8bc; }

.lfr-preview-file-image-selected img,
.lfr-preview-file-image:hover img {
  border-color: #00a2ea; }

.lfr-preview-file-loading-indicator {
  background: #333;
  color: #fff; }

.lfr-preview-file-image-overlay-content {
  background: url(../images/common/checkerboard.png);
  border-color: #555; }

.firefox .lfr-preview-video-content div.video-node {
  height: 100%; }

textarea.lfr-editor-textarea {
  font-family: monospace; }

.lfr-rich-editor.ace_editor {
  border-color: #a1a2a4; }

.lfr-plain-editor textarea,
.lfr-rich-editor.ace_editor {
  font-family: 'Monaco', 'Menlo', 'Droid Sans Mono', 'Courier New', monospace;
  font-size: 12px; }

.sidebar-sm {
  font-size: 0.875rem; }
  .sidebar-sm .sheet-subtitle {
    font-size: 0.75rem;
    margin-bottom: 1rem; }
  .sidebar-sm .form-group {
    margin-bottom: 1rem; }
  .sidebar-sm .form-control {
    border-radius: 0.1875rem;
    font-size: 0.875rem;
    height: 2rem;
    line-height: 1.5;
    min-height: auto;
    padding: 0.25rem 0.75rem; }
    .sidebar-sm .form-control.form-control-tag-group {
      height: auto; }
      .sidebar-sm .form-control.form-control-tag-group .form-control-inset {
        margin-bottom: 0;
        margin-top: 0; }
      .sidebar-sm .form-control.form-control-tag-group .label {
        margin-bottom: 0;
        margin-top: 0;
        padding: 0 0.25rem; }
    .sidebar-sm .form-control[type='file'] {
      padding: 0; }
  .sidebar-sm select.form-control:not([size]) {
    height: 2rem; }
  .sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
    min-height: auto;
    padding: 0.285rem 0.75rem; }
  .sidebar-sm .btn:not(.btn-unstyled) {
    border-radius: 0.1875rem;
    font-size: 0.875rem;
    line-height: 1.15;
    padding: 0.4375rem 0.75rem; }
    .sidebar-sm .btn:not(.btn-unstyled).close {
      padding: 0.4375rem; }
  .sidebar-sm .btn.btn-monospaced, .sidebar-sm .btn.btn-monospaced.btn-sm {
    height: 2rem;
    padding: 0.1875rem 0;
    width: 2rem; }
  .sidebar-sm .input-group-item .input-group-text {
    font-size: 0.875rem;
    height: 2rem;
    min-width: 2rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .sidebar-sm .input-group-item .btn .btn-section {
    font-size: 0.5625rem; }
  .sidebar-sm .list-group-item-flex {
    padding: 0.5rem 0.25rem; }
    .sidebar-sm .list-group-item-flex .autofit-col {
      padding-left: 0.25rem;
      padding-right: 0.25rem; }

.lfr-spa-loading-bar {
  background: #2fa4f5; }

.lfr-tag-selector-popup label {
  border-bottom-color: #eee; }

.lfr-tag-selector-popup .no-matches {
  color: #999; }

.lfr-toolbar {
  background-color: #e5e4e8; }
  .lfr-toolbar .lfr-button:focus {
    border-color: #000; }
  .lfr-toolbar .lfr-button:hover {
    border-color: #ccc #777 #777; }
  .lfr-toolbar .lfr-separator {
    border-left-color: #fff;
    border-right-color: #ccc;
    font-size: 12px; }

.lfr-toolbar .lfr-button,
.lfr-emoticon-container .lfr-button {
  border-color: #e5e4e8; }

.lfr-emoticon-container {
  background: #e5e4e8;
  border-color: #ccc; }

.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1; }

.lfr-translation-manager .lfr-translation-manager-translation {
  text-decoration: none; }
  .lfr-translation-manager .lfr-translation-manager-translation:hover {
    background-color: #d1e5ef; }
  .lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
    background-color: #598bec;
    border-color: #224fa8;
    color: #fff; }

.lfr-tree a {
  text-decoration: none; }

.tree-drag-helper {
  z-index: 1035; }

.lfr-upload-container .upload-target {
  border-color: #ddd; }
  .lfr-upload-container .upload-target h4 span {
    text-transform: lowercase; }
  .lfr-upload-container .upload-target .drop-file-text {
    font-weight: normal; }

.lfr-upload-container a.browse-button {
  background-image: url(../images/common/add.png);
  background-repeat: no-repeat;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none; }

.lfr-upload-container a.clear-uploads {
  background-image: url(../images/common/remove.png);
  background-repeat: no-repeat; }

.lfr-upload-container a.cancel-uploads {
  background-image: url(../images/common/close.png);
  background-repeat: no-repeat; }

.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em; }

.lfr-upload-container .cancel-button {
  color: #869cad; }

.lfr-upload-container .delete-button {
  color: #869cad; }

.lfr-upload-container .file-added .success-message {
  font-weight: normal; }

.lfr-upload-container .upload-error {
  opacity: 1; }

.lfr-upload-container .multiple-files .upload-error {
  background: #fdd url(../images/messages/error.png) no-repeat 5px 5px;
  border-color: #900;
  color: #900;
  font-weight: normal;
  margin-bottom: 16px;
  padding: 8px 8px 8px 24px; }

.lfr-upload-container .upload-complete .error-message,
.lfr-upload-container .upload-complete .success-message {
  font-weight: bold; }

.lfr-upload-container .file-uploading {
  background-color: #ffc; }

.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #ddedde;
  border-color: #7d7;
  border-style: dashed; }

/* ---------- Input file ---------- */
/* ---------- Table ---------- */
.app-view-entry:hover .entry-thumbnail {
  border-color: #7abfdd; }

.app-view-entry.selected .entry-thumbnail {
  border-color: #057cb0; }

.app-view-entry.selected .entry-metadata dt,
.app-view-entry.selected .entry-metadata dd,
.app-view-entry.selected .entry-metadata .entry-categories,
.app-view-entry.selected .entry-metadata .entry-tags,
.app-view-entry.selected .entry-metadata .entry-description {
  color: #f0f0f0; }

.app-view-entry .entry-title {
  font-weight: bold; }

.app-view-entry .entry-link {
  text-decoration: none; }

.app-view-entry .entry-metadata dt,
.app-view-entry .entry-metadata dd,
.app-view-entry .entry-metadata .entry-categories,
.app-view-entry .entry-metadata .entry-tags,
.app-view-entry .entry-metadata .entry-description {
  color: #333;
  word-wrap: break-word; }

.app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary {
  font-weight: bold; }
  .app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary .asset-category {
    font-weight: normal; }

.app-view-entry.selected, .app-view-entry.selected:hover {
  background-color: #00a2ea; }

.app-view-entry.selected a, .app-view-entry.selected a:focus, .app-view-entry.selected a:hover {
  color: #fff; }

.app-view-entry.selected a .lfr-icon-menu-arrow {
  color: #333; }

.app-view-entry.active-area, .app-view-entry.active-area.hover,
.app-view-entry.active-area td {
  background-color: #5ad300; }

.app-view-entry:hover, .app-view-entry.hover {
  background-color: #d3e8f1; }

.app-view-entry a.entry-link:hover {
  text-decoration: none; }
  .app-view-entry a.entry-link:hover .entry-metadata .entry-title .entry-title-text {
    text-decoration: underline; }

.app-view-entry-taglib.entry-display-style.display-icon .entry-title {
  font-weight: normal; }

.app-view-search-entry-taglib .entry-discussion a,
.app-view-search-entry-taglib .entry-attachment a {
  text-decoration: none; }

.app-view-search-entry-taglib .entry-discussion:hover,
.app-view-search-entry-taglib .entry-attachment:hover {
  background-color: #d3e8f1; }

.app-view-search-entry-taglib .entry-folder {
  color: #999; }

.app-view-search-entry-taglib .entry-link .entry-thumbnail-image {
  color: #000;
  text-decoration: none; }

.app-view-search-entry-taglib.alt {
  background-color: #edf0f3; }

.app-view-search-entry-taglib.search {
  background-color: #fff; }
  .app-view-search-entry-taglib.search.alt {
    background-color: #e2e5e8; }

.app-view-taglib .display-style .icon {
  background-image: url(../images/application/layouts.png);
  background-repeat: no-repeat; }

.app-view-taglib .icon-display-descriptive {
  background-position: -32px 0; }

.app-view-taglib .icon-display-icon {
  background-position: -16px 0; }

.app-view-taglib .icon-display-list {
  background-position: 0 0; }

.app-view-taglib .state-active .icon-display-descriptive {
  background-position: -32px 100%; }

.app-view-taglib .state-active .icon-display-icon {
  background-position: -16px 100%; }

@media (max-width: 767.98px) {
  .navbar .nav-display-style-buttons .display-style-buttons > .dropdown > .dropdown-menu {
    background-color: transparent;
    box-shadow: none; } }

.navbar .nav-display-style-buttons .display-style-buttons-container .dropdown-toggle .caret {
  border-bottom-color: #333;
  border-top-color: #333; }

.taglib-asset-metadata .metadata-entry-label {
  font-weight: normal; }

.taglib-asset-metadata .metadata-author {
  font-weight: bold; }

.taglib-asset-metadata .metadata-entry {
  color: #999; }

.taglib-asset-metadata .metadata-author .asset-user-info .user-info {
  color: #009ae5;
  font-size: 14px;
  line-height: 14px; }

.taglib-asset-metadata .metadata-author .asset-user-info .date-info {
  color: #8c8c8c;
  font-size: 13px; }

.taglib-calendar table {
  border-color: #999; }

.taglib-calendar tr th,
.taglib-calendar tr td {
  border-bottom-color: #999; }

.taglib-calendar tr.portlet-section-header th,
.taglib-calendar tr td {
  border-color: #999; }

.taglib-calendar a:hover,
.taglib-calendar a:focus {
  background-color: #ccc; }

.taglib-calendar .calendar-inactive {
  color: #999; }

.taglib-calendar .has-events a span {
  background: url(../images/calendar/event_indicator.png) no-repeat 50% 95%; }

.taglib-calendar .has-events.calendar-current-day a span {
  background-image: url(../images/calendar/event_indicator_current.png); }

.taglib-diff-addedline,
#taglib-diff-results ins {
  background: #e6ffe6; }

.taglib-diff-context {
  background: #eee; }

.taglib-diff-deletedline,
#taglib-diff-results del {
  background: #ffe6e6; }

.taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png); }

.taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat; }

.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  opacity: 0.55; }

.taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em; }
  .taglib-diff-html span.diff-html-added img {
    border-color: #cfc; }

.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x; }
  .taglib-diff-html span.diff-html-changed img {
    border-color: #009; }

.taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: line-through; }
  .taglib-diff-html span.diff-html-removed img {
    border-color: #fdc6c6; }

.diff-version-comparator .taglib-diff-html .diff-html-changed {
  background-image: none;
  border-bottom-color: #009ae5; }
  .diff-version-comparator .taglib-diff-html .diff-html-changed img {
    border-color: #009ae5; }

.diff-version-comparator .diff-target-selector {
  border-left-color: #e5e5e5; }

.diff-version-comparator .diff-version-filter {
  background-color: #f9f9f9; }

.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #dbdde1; }

@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word; } }

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none; }
  .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
    text-decoration: underline; }

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px; }

.taglib-discussion .lfr-discussion-actions li a,
.taglib-discussion .lfr-discussion-actions li a span {
  text-decoration: none; }

.taglib-discussion .lfr-discussion-actions li a:hover span, .taglib-discussion .lfr-discussion-actions li a:focus span {
  text-decoration: underline; }

.taglib-discussion .lfr-discussion-form-container .lfr-discussion-form {
  background: #ddd;
  border-radius: 4px; }
  .taglib-discussion .lfr-discussion-form-container .lfr-discussion-form .taglib-user-display .user-profile-image .avatar {
    background-size: 40px; }

.lfr-discussion-reply.popover .lfr-discussion-reply-user-name {
  font-weight: bold; }

.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5); }

.drop-here-info .drop-icons span:nth-of-type(1),
.drop-here-info .drop-icons span:nth-of-type(3) {
  background: #e8e6e8;
  color: #a5a6ac; }

.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00c2ff;
  color: #fff; }

.drop-here-info .drop-text {
  color: #fff; }

.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100; }

.lfr-ddm-field-group {
  margin-bottom: 20px; }

.lfr-ddm-field-group-inline {
  display: inline-block;
  vertical-align: bottom; }

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  background: transparent; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active {
    background: transparent;
    opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:focus {
      background: transparent; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .message {
      color: #000;
      opacity: 0.7; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .number {
      background: #333;
      font-size: 18px;
      opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .tab-icon {
      color: #333; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label {
    background: transparent;
    outline: 0; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus {
      text-decoration: none; }
      .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
        opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
      background: #ccc;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      opacity: 0.6;
      text-decoration: none; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .message {
      color: #000;
      font-size: 12px; }

.taglib-header {
  border-bottom-color: #c8c9ca;
  color: #555; }
  .taglib-header .header-back-to a {
    font-weight: bold;
    text-decoration: none; }

a.taglib-icon, a.taglib-icon:focus, a.taglib-icon:hover {
  text-decoration: none; }

a.taglib-icon:focus .taglib-text, a.taglib-icon:hover .taglib-text {
  text-decoration: underline; }

a.taglib-icon.btn:focus .taglib-text, a.taglib-icon.btn:hover .taglib-text {
  text-decoration: none; }

.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 16px; }

.taglib-icon-label {
  margin-left: 12px; }

.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5; }

.input-localized.input-localized-focused .palette-item-inner .lfr-input-localized-flag {
  opacity: 1; }

.input-localized .palette-item-inner {
  border-color: #666; }

.input-localized .palette-item,
.input-localized .palette-item-inner,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  background: #ddd; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    background: #ff0047; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2; }

.taglib-move-boxes .choice-selector label {
  background: #ebf1f9;
  border-bottom-color: #8db2f3; }

.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent; }
  .taglib-move-boxes .sortable-container .move-option.move-option-dragging {
    background-color: #fafafa; }
  .taglib-move-boxes .sortable-container .move-option .handle {
    color: #999; }

.taglib-image-selector .change-image-controls {
  background: #fff; }

.taglib-image-selector .selection-status {
  background: #fff;
  opacity: 0;
  z-index: -1; }

.taglib-image-selector .progress-wrapper .progressbar {
  background: #b0b4bb;
  opacity: 0.7; }

.taglib-image-selector.check-active .selection-status {
  opacity: 1;
  z-index: 0; }

.taglib-image-selector.drop-active {
  outline-width: 0; }
  .taglib-image-selector.drop-active .browse-image-controls {
    opacity: 0; }
  .taglib-image-selector.drop-active .selection-status {
    opacity: 0; }
  .taglib-image-selector.drop-active .image-wrapper {
    opacity: 0.15; }
  .taglib-image-selector.drop-active .error-wrapper {
    opacity: 0; }

.taglib-image-selector.progress-active .image-wrapper {
  opacity: 0.15; }

.taglib-image-selector.progress-active .browse-image-controls {
  opacity: 0; }

.taglib-image-selector.progress-active .drop-here-info {
  opacity: 0; }

.taglib-image-selector.progress-active .selection-status {
  opacity: 0; }

.dialog-iframe-popup {
  background-color: #fff; }

.portlet-item-selector .management-bar {
  border-bottom-color: #e7e7ed; }

.item-selector .card-row {
  align-items: center; }

.item-selector .drop-zone {
  background-color: #f1f2f5; }

.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1; }
  .item-selector .input-file + label {
    position: relative; }
    .item-selector .input-file + label::before {
      border-radius: 4px;
      bottom: -2px;
      content: '';
      display: block;
      left: -2px;
      position: absolute;
      right: -2px;
      top: -2px;
      transition: box-shadow 0.15s ease-in-out; }
  .item-selector .input-file:focus + label::before {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff; }

.lfr-tree-display-page .tree-node .tree-node-over .tree-label {
  text-decoration: none; }

.lfr-tree-display-page .tree-label {
  cursor: default; }
  .lfr-tree-display-page .tree-label a {
    color: black; }
  .lfr-tree-display-page .tree-label .layout-page-invalid {
    color: #aaa;
    font-style: italic; }
    .lfr-tree-display-page .tree-label .layout-page-invalid:hover {
      cursor: default;
      text-decoration: none; }

.lfr-tree-radio.lfr-tree-root-node-hidden .lfr-root-node + .tree-container {
  margin-left: 0; }

.lfr-map {
  border-color: #ccc; }
  .lfr-map .search-controls {
    font-size: 15px; }

.navbar .navbar-search {
  background-color: #f3f3f3; }
  @media (min-width: 576px) {
    .navbar .navbar-search {
      background-color: transparent; } }

.taglib-portlet-preview.show-borders {
  border-color: #828f95; }
  .taglib-portlet-preview.show-borders .title {
    background-color: #d3dadd;
    font-size: 1.4em;
    font-weight: bold; }

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative; }
  @media (min-width: 576px) {
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
      margin-left: 375px;
      width: auto; } }
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
    position: static; }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
      left: 12px;
      position: fixed;
      right: 12px;
      top: -1px;
      z-index: 1020; }
      .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
        display: block;
        padding: 0; }
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
          overflow-x: hidden; }
          @media (min-width: 576px) {
            .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
              margin-left: 375px; } }
          .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
            border-collapse: collapse;
            width: 100%; }
            .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
              border-radius: 0; }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
      width: auto; }
      @media (min-width: 576px) {
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
          left: 0;
          position: absolute;
          right: 15px; } }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
      height: auto; }

.lfr-search-container-wrapper a {
  color: #212529; }

.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6c757d; }
  .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
    background-color: #f7f8f9;
    border-radius: 4px;
    color: #212529; }

.lfr-search-container-wrapper .list-group {
  margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item:nth-last-child(2) {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .lfr-search-container-wrapper .list-group .list-group-item h4 {
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item h5,
  .lfr-search-container-wrapper .list-group .list-group-item h6,
  .lfr-search-container-wrapper .list-group .list-group-item .h5,
  .lfr-search-container-wrapper .list-group .list-group-item .h6 {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
    font-weight: 600; }
  .lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
    font-weight: 600; }
  .lfr-search-container-wrapper .list-group .list-group-item .checkbox {
    margin-top: 0; }
  .lfr-search-container-wrapper .list-group + .taglib-search-iterator-page-iterator-bottom {
    margin-top: 20px; }

.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem; }

.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem; }

.lfr-asset-type-column,
.lfr-author-column,
.lfr-city-column,
.lfr-country-column,
.lfr-email-address-column,
.lfr-job-title-column,
.lfr-region-column,
.lfr-removed-by-column,
.lfr-replier-column,
.lfr-scope-column,
.lfr-screen-name-column,
.lfr-type-column,
.lfr-user-column,
.lfr-users-column {
  word-break: break-all \9;
  word-wrap: break-word; }
  @media (min-width: 576px) {
    .lfr-asset-type-column,
    .lfr-author-column,
    .lfr-city-column,
    .lfr-country-column,
    .lfr-email-address-column,
    .lfr-job-title-column,
    .lfr-region-column,
    .lfr-removed-by-column,
    .lfr-replier-column,
    .lfr-scope-column,
    .lfr-screen-name-column,
    .lfr-type-column,
    .lfr-user-column,
    .lfr-users-column {
      max-width: 125px;
      min-width: 100px; } }

.lfr-completion-date-column,
.lfr-create-date-column,
.lfr-date-column,
.lfr-display-date-column,
.lfr-expiration-date-column,
.lfr-last-post-date-column,
.lfr-modified-date-column,
.lfr-removed-date-column,
.lfr-reply-date-column,
.lfr-revision-column,
.lfr-size-column {
  white-space: nowrap; }

.lfr-description-column,
.lfr-role-column {
  max-width: 375px;
  min-width: 375px; }

.lfr-email-address-column,
.lfr-name-column,
.lfr-parent-organization-column,
.lfr-screen-name-column,
.lfr-title-column,
.lfr-url-column,
.lfr-wiki-column {
  max-width: 200px;
  min-width: 200px; }

.lfr-email-column,
.lfr-mobile-column,
.lfr-website-column {
  min-width: 100px; }
  @media (min-width: 576px) {
    .lfr-email-column,
    .lfr-mobile-column,
    .lfr-website-column {
      min-width: 115px; } }
  .lfr-email-column .checkbox-container .form-group,
  .lfr-mobile-column .checkbox-container .form-group,
  .lfr-website-column .checkbox-container .form-group {
    margin-bottom: 0; }

.taglib-search-toggle .toggle-advanced {
  color: inherit; }
  .taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
    text-decoration: none; }

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #fcfcfc;
  border-color: #ddd; }
  .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .btn.close {
    margin-right: 5px; }
  .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
    position: relative; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
      margin-bottom: 0; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
      color: #999;
      font-size: 13px; }

.taglib-social-activities .day-separator {
  border-bottom-color: #ccc; }

.taglib-social-bookmarks a.social-bookmark-link {
  background-repeat: no-repeat; }

.taglib-user-display a .user-name {
  text-decoration: underline; }

.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px; }
  .taglib-user-display .avatar.author:after {
    background: rgba(50, 168, 230, 0.5); }

.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold; }

.js .taglib-webdav.visible {
  background: #f0f5f7; }

.js .taglib-webdav table {
  border-color: #828f95; }

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999; }

/* ---------- Cards ---------- */
/* ---------- Cards horizontal ---------- */
/* ---------- Dialogs ---------- */
/* ---------- Splitter ---------- */
/* ---------- Toggle card ---------- */
/* ---------- File icons colors ---------- */
/* ---------- File icons text colors ---------- */
/* ---------- User icons background colors ---------- */
/* ---------- User icons border color ---------- */
/* ---------- User icons colors ---------- */
.aspect-ratio.aspect-ratio-8-to-3 {
  padding-bottom: 37.5%; }

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0; }

.liferay-autocomplete-input-mirror {
  left: -9999px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: -9999px;
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word; }

.card-tab-group .card-tab:nth-child(n + 2) {
  border-left: 4px solid #65b6f0;
  padding-left: 20px; }
  .card-tab-group .card-tab:nth-child(n + 2) .card-tab {
    border-left: 4px solid #93ccf5;
    padding-left: 20px; }
    .card-tab-group .card-tab:nth-child(n + 2) .card-tab .card-tab {
      border-left-color: #c2e2f9; }
      .card-tab-group .card-tab:nth-child(n + 2) .card-tab .card-tab .card-tab {
        border-left-width: 0;
        padding-left: 0; }

.hsv-palette .hsv-view-container .hsv-label-value-hex .hsv-value {
  width: 95px; }

.hsv-palette .hsv-view-container .hsv-value {
  width: 56px; }

.yui3-color-picker-popover .palette-container {
  border-collapse: separate; }

.dialog-iframe-popup .hsv-palette-modal.modal-dialog {
  bottom: 0 !important;
  left: 0 !important;
  margin: 0;
  max-width: none;
  right: 0 !important;
  top: 0 !important;
  width: 100%; }
  @media (min-width: 768px) {
    .dialog-iframe-popup .hsv-palette-modal.modal-dialog {
      bottom: auto !important;
      height: 100%;
      left: 50% !important;
      max-height: 375px;
      max-width: 650px;
      right: auto !important;
      top: 50% !important;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
    bottom: 0;
    left: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0; }
    @media (max-width: 767.98px) {
      .dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
        border-radius: 0;
        border-width: 0; } }
  @media (max-width: 767.98px) {
    .dialog-iframe-popup .hsv-palette-modal.modal-dialog .modal-body {
      padding: 1rem; } }
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-default-size.hsv-container {
    width: 100%; }
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-image-container {
    margin: 0; }

.dialog-bd {
  min-height: 30px; }

.dialog-content {
  border: 1px solid #c8c9ca;
  padding: 5px; }

.dialog-iframe-popup .sheet > .lfr-nav {
  margin-top: -24px; }

.dialog-iframe-popup .contacts-portlet .portlet-configuration-container .form {
  position: static; }

.dialog-iframe-popup .lfr-form-content {
  padding: 15px; }

.dialog-iframe-popup .portlet-body,
.dialog-iframe-popup .portlet-boundary,
.dialog-iframe-popup .portlet-column,
.dialog-iframe-popup .portlet-layout {
  height: 100%; }

.dialog-iframe-popup .portlet-column {
  position: static; }

.dialog-iframe-popup .dialog-body > .container-fluid-1280,
.dialog-iframe-popup .dialog-body .container-view,
.dialog-iframe-popup .export-dialog-tree > .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree .container-view,
.dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view,
.dialog-iframe-popup .lfr-form-content > .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content .container-view,
.dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content .container-view,
.dialog-iframe-popup .process-list > .container-fluid-1280,
.dialog-iframe-popup .process-list .container-view,
.dialog-iframe-popup .roles-selector-body > .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body .container-view {
  padding-top: 20px; }
  .dialog-iframe-popup .dialog-body > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .dialog-body > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .dialog-body .container-view > .nav-tabs-default,
  .dialog-iframe-popup .dialog-body .container-view .nav-tabs-underline,
  .dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .export-dialog-tree .container-view > .nav-tabs-default,
  .dialog-iframe-popup .export-dialog-tree .container-view .nav-tabs-underline,
  .dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .lfr-dynamic-uploader .container-view > .nav-tabs-default,
  .dialog-iframe-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
  .dialog-iframe-popup .lfr-form-content > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .lfr-form-content > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .lfr-form-content .container-view > .nav-tabs-default,
  .dialog-iframe-popup .lfr-form-content .container-view .nav-tabs-underline,
  .dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .portlet-configuration-body-content .container-view > .nav-tabs-default,
  .dialog-iframe-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
  .dialog-iframe-popup .process-list > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .process-list > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .process-list .container-view > .nav-tabs-default,
  .dialog-iframe-popup .process-list .container-view .nav-tabs-underline,
  .dialog-iframe-popup .roles-selector-body > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .roles-selector-body > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .roles-selector-body .container-view > .nav-tabs-default,
  .dialog-iframe-popup .roles-selector-body .container-view .nav-tabs-underline {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -20px; }

.dialog-iframe-popup .dialog-body > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .process-list > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body > .lfr-nav + .container-fluid-1280 {
  padding-top: 0; }

.dialog-iframe-popup .login-container {
  padding: 1rem; }

.dialog-iframe-popup .management-bar-default,
.dialog-iframe-popup .navbar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0; }

.dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
.dialog-iframe-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative; }
  @media (min-width: 576px) {
    .dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
    .dialog-iframe-popup .portlet-export-import-container {
      height: calc(100% - 48px); } }

.dialog-iframe-popup .navigation-bar > .container-fluid {
  margin-left: 24px;
  margin-right: 24px;
  padding: 0; }

.dialog-iframe-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0; }

.dialog-iframe-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0; }

.dialog-iframe-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px; }
  @media (min-width: 576px) {
    .dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
      padding-left: 8px;
      padding-right: 8px; } }

.dialog-iframe-popup .lfr-dynamic-uploader,
.dialog-iframe-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 576px) {
    .dialog-iframe-popup .lfr-dynamic-uploader,
    .dialog-iframe-popup .process-list {
      top: 48px; } }

.dialog-iframe-popup .portlet-export-import-publish-processes {
  top: 0; }

@media (min-width: 768px) {
  .dialog-with-footer #main-content,
  .dialog-with-footer #wrapper {
    height: calc(100% - 60px); } }

.dialog-with-footer .button-holder.dialog-footer,
.dialog-with-footer .sheet-footer.dialog-footer {
  background-color: #FFF;
  border-top: 1px solid #dee2e6;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%; }
  @media (min-width: 768px) {
    .dialog-with-footer .button-holder.dialog-footer,
    .dialog-with-footer .sheet-footer.dialog-footer {
      position: fixed; } }
  .dialog-with-footer .button-holder.dialog-footer .btn,
  .dialog-with-footer .sheet-footer.dialog-footer .btn {
    margin-left: 1rem;
    margin-right: 0; }

@media (min-width: 768px) {
  .dialog-with-footer .dialog-body,
  .dialog-with-footer .lfr-dynamic-uploader,
  .dialog-with-footer .lfr-form-content,
  .dialog-with-footer .portlet-configuration-body-content,
  .dialog-with-footer .roles-selector-body {
    padding-bottom: 60px; } }

.dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0; }
  .dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
    display: none; }

.dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible; }
  .dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
    flex-grow: 1;
    max-width: none;
    overflow: auto; }

.dialog-with-footer .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0; }

.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #d3dadd; }

.active-area {
  background: #ffc; }

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #ccc; }

.sortable-layout-proxy {
  opacity: 1; }
  .sortable-layout-proxy .portlet-topper {
    background-image: none; }

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute; }
  .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden; }

.sortable-proxy {
  background: #727c81;
  margin-top: 1px; }

.sortable-layout-drag-target-indicator {
  margin: 2px 0; }

.yui3-dd-proxy {
  z-index: 1110 !important; }

.lfr-editable {
  outline: 1px dashed #68bb30;
  outline-offset: 2px;
  position: relative; }
  .lfr-editable:after {
    background: #68bb30 url(../images/common/edit_white.png) no-repeat 50%;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px; }
  .lfr-editable:focus:after {
    display: none; }
  .lfr-editable:focus:hover {
    background-color: transparent; }
  .lfr-editable:hover {
    background-color: rgba(255, 255, 255, 0.3);
    outline-color: #519226; }
    .lfr-editable:hover:after {
      background-color: #519226; }

.lfr-editable-notice-close {
  margin-left: 1em; }

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999; }
  .lfr-portlet-title-editable .lfr-portlet-title-editable-content {
    padding: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
      margin-bottom: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
      display: none; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
      display: inline-block;
      vertical-align: bottom; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
      margin-top: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
      display: inline-block;
      float: none;
      margin-top: 0;
      width: auto; }

.alloy-editor-container .alloy-editor {
  outline: 0; }
  .alloy-editor-container .alloy-editor.alloy-editor-placeholder {
    color: #2b4259; }
    .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
      border-left-color: #dbdde1;
      color: #b0b4bb; }
    .alloy-editor-container .alloy-editor.alloy-editor-placeholder.readonly {
      color: #ccc; }

.alloy-editor-container .alloy-editor-icon {
  color: #869cad; }

.has-error .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
  border-left-color: #cc6677; }

.cke_dialog .cke_dialog_ui_input_text {
  height: auto; }

.cke_editable_inline a {
  cursor: pointer; }

.cke_panel.cke_combopanel {
  width: 220px; }

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0; }

.cke_panel_block .cke_panel_list {
  margin-left: 0; }
  .cke_panel_block .cke_panel_list .cke_panel_listItem {
    line-height: initial; }
    .cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
      text-decoration: none; }

/* ---------- CKEditor table ---------- */
.cke_show_border {
  width: 500px; }
  .cke_show_border td {
    height: 15px; }

/* ---------- CKEditor image resizer ---------- */
.cke_widget_image .cke_image_resizer {
  bottom: -15px;
  height: 5px;
  outline-color: transparent;
  padding: 5px;
  right: -15px;
  width: 5px; }

.html-editor.portlet {
  background: #fff;
  color: #000;
  line-height: 1;
  padding: 1em;
  text-align: start; }

.html-editor.portlet-message-boards {
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  word-wrap: break-word; }
  .html-editor.portlet-message-boards blockquote {
    background: #eef0f2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
    border: 1px solid #777;
    padding: 5px 45px; }
    .html-editor.portlet-message-boards blockquote:after {
      background: url(../images/message_boards/quoteright.png) no-repeat 50%;
      content: '';
      display: block;
      float: right;
      height: 24px;
      margin-right: -35px;
      margin-top: -25px;
      width: 31px;
      z-index: 999; }
    .html-editor.portlet-message-boards blockquote cite {
      display: block;
      font-weight: bold; }
  .html-editor.portlet-message-boards pre {
    background: #f9f9f9;
    border: 1px solid #777;
    padding: 0.5em; }

.lfr-source-editor {
  border-color: #ccc; }
  .lfr-source-editor .lfr-source-editor-toolbar li > .btn {
    background-color: #fff;
    border: transparent;
    color: #717383;
    outline: 0; }
  .lfr-source-editor .lfr-source-editor-code {
    background-color: #fff;
    color: #2b4259; }
    .lfr-source-editor .lfr-source-editor-code .ace_gutter {
      background-color: #ededef;
      color: #868896;
      overflow: hidden; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
        font-family: fontawesome-alloy;
        text-align: center;
        vertical-align: middle; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
          background-image: none; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
          content: '\25be'; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
          content: '\25b8'; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
        color: #fff; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #717383; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
        border-right: solid 1px #ccc; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
        background-image: none; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #ededef; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
      color: #34adab; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
      color: #1d5ec7; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
      color: #ff6c58; }
      .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
        color: #f00; }
  .lfr-source-editor.ace_dark .lfr-source-editor-code {
    background-color: #47474f;
    color: #fff; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
      background: #54555e;
      color: #fff; }
      .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #009aed; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #11394e; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
      color: #fff; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
      color: #4d91ff; }

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border-color: #ccc; }

.mce-content-body {
  text-align: start; }

.file-icon-color-0 {
  background-color: #FFF;
  color: #6b6c7e; }

.file-icon-color-1 {
  background-color: #FFF;
  color: #a7a9bc; }

.file-icon-color-2 {
  background-color: #FFF;
  color: #50d2a0; }

.file-icon-color-3 {
  background-color: #FFF;
  color: #af78ff; }

.file-icon-color-4 {
  background-color: #FFF;
  color: #ffb46e; }

.file-icon-color-5 {
  background-color: #FFF;
  color: #ff5f5f; }

.file-icon-color-6 {
  background-color: #FFF;
  color: #4b9bff; }

.file-icon-color-7 {
  background-color: #FFF;
  color: #272833; }

.lfr-item-viewer .image-viewer-base {
  outline: none; }

.lfr-item-viewer .item-preview:hover {
  cursor: pointer; }

.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.lfr-item-viewer .search-info {
  background-color: #d3e8f1; }
  .lfr-item-viewer .search-info .keywords {
    font-size: 1.4em;
    font-weight: bold; }
  .lfr-item-viewer .search-info .change-search-folder {
    font-size: 0.8em;
    font-weight: normal; }

.lfr-item-viewer .progress-container {
  background-color: #fff; }

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3; }

.image-viewer-caption {
  color: #777; }

.image-viewer-footer-control, .image-viewer-footer-control:focus, .image-viewer-footer-control:hover {
  color: #777; }

@media (min-width: 576px) {
  .image-viewer-sidenav-menu {
    background-color: transparent;
    border-left-width: 0; } }

.image-viewer-sidenav dd {
  color: #8b8b8b;
  margin-bottom: 16px; }
  @media (min-width: 576px) {
    .image-viewer-sidenav dd {
      color: #777; } }

.image-viewer-sidenav .h5 {
  color: #869cad;
  margin-bottom: 3px; }
  @media (min-width: 576px) {
    .image-viewer-sidenav .h5 {
      color: #fff; } }

.image-viewer-sidenav .nav-tabs-default > li {
  padding-left: 20px; }
  .image-viewer-sidenav .nav-tabs-default > li:first-child {
    padding-left: 0; }

.image-viewer-sidenav .nav-tabs-default > li:first-child > a {
  padding-left: 0; }

.image-viewer-sidenav .nav-tabs-default > li > a {
  border-color: transparent;
  color: #777;
  padding-left: 0;
  padding-right: 0; }

.image-viewer-sidenav .nav-tabs-default > li > .active {
  background-color: transparent; }
  .image-viewer-sidenav .nav-tabs-default > li > .active, .image-viewer-sidenav .nav-tabs-default > li > .active:focus, .image-viewer-sidenav .nav-tabs-default > li > .active:hover {
    border-color: transparent;
    color: #777; }
    @media (min-width: 576px) {
      .image-viewer-sidenav .nav-tabs-default > li > .active, .image-viewer-sidenav .nav-tabs-default > li > .active:focus, .image-viewer-sidenav .nav-tabs-default > li > .active:hover {
        color: #fff; } }
  .image-viewer-sidenav .nav-tabs-default > li > .active:after {
    background-color: #65b6f0;
    bottom: -10px;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: relative;
    right: 0; }

.image-viewer-sidenav-body {
  padding-top: 0; }

.lfr-item-viewer .lfr-item-viewer-close {
  color: #fff;
  opacity: 1; }
  .lfr-item-viewer .lfr-item-viewer-close, .lfr-item-viewer .lfr-item-viewer-close:focus, .lfr-item-viewer .lfr-item-viewer-close:hover {
    color: #fff; }
  .lfr-item-viewer .lfr-item-viewer-close .icon-monospaced {
    color: #777; }

.lfr-item-viewer-icon-info {
  color: #fff; }

.nav.list-group li > a:focus, .nav.list-group li > a:hover {
  background-color: #e5f5fc;
  color: #009ae5; }

.nav.list-group > .active {
  border-width: 1px 0 0 0; }
  .nav.list-group > .active > a, .nav.list-group > .active > a:focus, .nav.list-group > .active > a:hover {
    background-color: #60bfef;
    border: 1px solid #60bfef;
    color: #fff; }

.nav.list-group .list-group-item {
  padding: 0; }
  .nav.list-group .list-group-item.nav-header {
    background-color: #f3f3f3;
    padding-left: 10px;
    padding-right: 10px; }

.lfr-page-templates li a {
  padding: 0; }
  .lfr-page-templates li a label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 5px; }

.menu {
  position: absolute;
  width: auto; }
  .menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px; }

.menu-content {
  background: #fff;
  list-style: none;
  min-width: 150px; }
  .menu-content li {
    margin: 0;
    padding: 0; }
    .menu-content li .disabled {
      color: #999; }

.menu-content {
  background: #ccc9c9 url(../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #aeafb1 #777879 #777879 #aeafb1;
  padding: 2px 0; }

.menugroup-content .menu-label {
  background: #d2d6de;
  color: #5b677d;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #fff; }

.menugroup-content ul {
  display: block;
  min-width: 0; }

.menu-content li {
  border-bottom: 1px solid #bcbbbb;
  border-top: 1px solid #eee;
  display: block;
  margin: 0;
  padding: 0; }
  .menu-content li.first {
    border-top-width: 0; }
  .menu-content li.last {
    border-bottom-width: 0; }

.menu-content li a,
.menu-content li .disabled {
  color: #2c2f34;
  display: block;
  padding: 4px 5px;
  text-decoration: none; }

.menu-content li a.focus,
.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34; }

.app-view-drop-active {
  background-color: #00a2ea;
  font-weight: bold; }
  .category-portlets .app-view-drop-active {
    background-color: #00a2ea;
    color: #fff; }

.basecelleditor [class~='form-validator-message'] {
  clip: rect(auto auto auto auto);
  width: auto; }

.document-library-file-entry-cell-editor-hidden {
  display: none; }

.previous-level {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle; }

.has-control-menu .lfr-asset-anchor {
  height: 74px;
  margin-top: -74px; }

.lfr-asset-anchor {
  display: block;
  height: 10px;
  margin-top: -10px;
  position: relative;
  z-index: -1; }

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all; }

.lfr-page-layouts {
  padding: 0; }
  .lfr-page-layouts input[type='radio'] {
    opacity: 0;
    position: absolute; }
    .lfr-page-layouts input[type='radio']:checked + .card-horizontal.card,
    .lfr-page-layouts input[type='radio']:checked + .card-horizontal .card {
      background-color: #f8f9fa;
      cursor: default; }
    .lfr-page-layouts input[type='radio']:checked + .card-horizontal::after {
      background-color: #007BFF;
      bottom: -1px;
      content: "";
      height: 4px;
      left: -1px;
      position: absolute;
      right: -1px;
      transition: height 0.15s ease-in-out; }
  .lfr-page-layouts .card-horizontal.card,
  .lfr-page-layouts .card-horizontal .card {
    cursor: pointer;
    outline: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    .lfr-page-layouts .card-horizontal.card:hover,
    .lfr-page-layouts .card-horizontal .card:hover {
      background-color: #f8f9fa;
      text-decoration: none; }
    .lfr-page-layouts .card-horizontal.card:focus,
    .lfr-page-layouts .card-horizontal .card:focus {
      background-color: #f8f9fa;
      border-color: #80bdff;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .lfr-page-layouts .card-horizontal.card:active, .lfr-page-layouts .card-horizontal.card.active,
    .lfr-page-layouts .card-horizontal .card:active,
    .lfr-page-layouts .card-horizontal .card.active {
      background-color: #e9ecef; }
  .lfr-page-layouts .card-horizontal::after {
    border-radius: 0 0 0.25rem 0.25rem;
    bottom: -1px;
    content: "";
    height: 0;
    left: -1px;
    position: absolute;
    right: -1px;
    transition: height 0.15s ease-in-out; }
  .lfr-page-layouts .card-horizontal:hover::after, .lfr-page-layouts .card-horizontal.hover::after {
    background-color: #007BFF;
    height: 4px; }
  .lfr-page-layouts .card-horizontal:focus::after, .lfr-page-layouts .card-horizontal.focus::after {
    background-color: #007BFF;
    height: 4px; }
  .lfr-page-layouts .card-horizontal:active::after, .lfr-page-layouts .card-horizontal.active::after {
    background-color: #007BFF;
    height: 4px; }

.dialog-iframe-popup:not(.article-preview) #main-content,
.dialog-iframe-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch; }

.modal {
  display: block;
  margin: 0;
  overflow: hidden;
  position: fixed; }

.modal-body {
  overflow: auto; }
  .modal-body.dialog-iframe-bd {
    overflow: hidden;
    padding: 0; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: none; } }

.modal-dialog.modal-dialog-sm {
  max-width: 500px; }

.modal-hidden {
  display: none; }

.modal-open .modal {
  overflow: hidden; }

.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0; }
  .portal-popup .columns-max > .portlet-layout.row > .portlet-column {
    padding-left: 0;
    padding-right: 0; }

.dragging .portlet-column.customizable {
  background-color: #cffccf;
  outline: 3px solid #5eaf3d; }

.customizable-layout-column-content {
  background-color: #c92c3c; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    margin: 0 15px; }

.layout-customizable-controls {
  background-color: rgba(201, 44, 60, 0.8); }

.customizable .customizable-layout-column-content {
  background-color: #5eaf3d; }

.customizable .layout-customizable-controls {
  background-color: rgba(94, 175, 61, 0.8); }

.layout-customizable-controls-container {
  margin: 0 15px;
  position: relative; }

.layout-customizable-controls {
  font-size: 1.5em;
  padding: 4px 16px;
  position: absolute;
  width: 100%;
  z-index: 15; }
  .layout-customizable-controls label {
    color: #fff; }

.paginator-link {
  background: #eee no-repeat scroll 50% 1px;
  border: 1px solid #f0f1f2;
  border-color: #f0f1f2 #b2b2b2 #949494 #f0f1f1;
  color: #1f1e1e;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px; }

.paginator-page-link {
  height: auto;
  text-indent: 0; }

.paginator-current-page {
  background: #0083bd url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38b6ef #006d9e #006d9e #46b4e6;
  color: #fff;
  text-shadow: -1px -1px #003c57; }

.paginator-first-link {
  background-image: url(../images/arrows/paging_first.png); }

.paginator-prev-link {
  background-image: url(../images/arrows/paging_previous.png); }

.paginator-last-link {
  background-image: url(../images/arrows/paging_last.png); }

.paginator-next-link {
  background-image: url(../images/arrows/paging_next.png); }

.paginator-current-page-report,
.paginator-total {
  color: #555;
  font-size: 0.9em; }

.paginator-current-page-report {
  margin-left: 2em; }

.taglib-page-iterator .search-pages .page-links {
  padding: 0; }

.info-panel .panel-group {
  margin-left: -1rem;
  margin-right: -1rem; }

.lfr-panel-container {
  background: #fff; }

.lfr-panel-content {
  padding: 5px 10px; }

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px; }

.panel-hd {
  background: #c0c2c5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca;
  padding-left: 10px;
  text-shadow: 1px 1px #fff; }

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0; }

.sheet-footer .btn {
  margin-right: 0.5rem; }
  .sheet-footer .btn:last-child {
    margin-right: 0; }

@media (min-width: 576px) {
  .sheet .display-style-icon .lfr-asset-item {
    width: 25%; } }

.splitter {
  background-color: #f8f9fa;
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 10px 15px;
  position: relative;
  z-index: 1; }
  .splitter.splitter-spaced {
    border-radius: 0.25rem;
    margin-bottom: 20px; }

.table > tbody > tr.splitter {
  height: auto; }
  .table > tbody > tr.splitter > td {
    padding: 0; }

.lfr-nav.nav-tabs {
  margin-bottom: 20px; }

.tab-active strong {
  font-weight: normal; }

.tab-back {
  float: right; }

.tab-back-content {
  border-width: 0;
  padding: 1px; }

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal; }
  .tag-items li {
    display: inline-block;
    margin: 0 1em 0 0;
    max-width: 100%; }

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.tag-cloud .tag-popularity-1 {
  font-size: 1em; }

.tag-cloud .tag-popularity-2 {
  font-size: 1.3em; }

.tag-cloud .tag-popularity-3 {
  font-size: 1.6em; }

.tag-cloud .tag-popularity-4 {
  font-size: 1.9em; }

.tag-cloud .tag-popularity-5 {
  font-size: 2.2em; }

.tag-cloud .tag-popularity-6 {
  font-size: 2.5em; }

.tagselector-content {
  border-width: 0;
  padding: 0; }
  .tagselector-content .textboxlistentry-holder {
    border-bottom: 2px solid #869cad;
    margin-bottom: 10px;
    padding: 0; }

.categoriesselector-content .textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0; }

.lfr-portal-tooltip {
  display: inline-block; }
  .lfr-portal-tooltip,
  .lfr-portal-tooltip a {
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; }

.tooltip {
  max-width: 200px; }
  .tooltip .tooltip-arrow {
    background-color: #000;
    height: 0.6rem;
    position: absolute;
    transform: rotate(45deg);
    width: 0.6rem; }

.tooltip.top .tooltip-arrow,
.tooltip.bottom .tooltip-arrow {
  left: 50%;
  margin-left: -0.3rem; }

.tooltip.right .tooltip-arrow,
.tooltip.left .tooltip-arrow {
  margin-top: -0.3rem;
  top: 50%; }

.tooltip.bottom {
  padding-top: 0.3rem; }
  .tooltip.bottom .tooltip-arrow {
    top: 0; }

.tooltip.left {
  padding-right: 0.3rem; }
  .tooltip.left .tooltip-arrow {
    right: 0; }

.tooltip.right {
  padding-left: 0.3rem; }
  .tooltip.right .tooltip-arrow {
    left: 0; }

.tooltip.top {
  padding-bottom: 0.3rem; }
  .tooltip.top .tooltip-arrow {
    bottom: 0; }

.tree-node .icon-check {
  padding-right: 2px; }

.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }

.tree-node [class^='icon-'] {
  margin-right: 5px; }

.tree-node .tree-node-checkbox-container {
  margin-right: 0; }

.tree-node .tree-node-selected .tree-label {
  background: none; }

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px; }

.tree-node-content .tree-label {
  margin-left: 3px; }

.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden; }

.tree-node-selected .tree-label {
  background-color: transparent; }

.underlay {
  clear: both;
  top: 100%; }
  .underlay .yui3-widget-hd {
    height: 38px; }

.underlay-hidden {
  display: none; }

.underlay-content {
  background: #f4f3f3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #aeafb1;
  border-width: 0 1px 1px; }

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px; }

.user-icon-color-0 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #6b6c7e; }

.user-icon-color-1 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4b9bff; }

.user-icon-color-2 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ffb46e; }

.user-icon-color-3 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ff5f5f; }

.user-icon-color-4 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #50d2a0; }

.user-icon-color-5 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ff73c3; }

.user-icon-color-6 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #9be169; }

.user-icon-color-7 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #af78ff; }

.user-icon-color-8 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ffd76e; }

.user-icon-color-9 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #5fc8ff; }

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px; }

/* ---------- Wrapper ---------- */
#wrapper {
  padding-bottom: 0;
  padding-top: 2em;
  position: relative; }

.modify-pages li {
  position: relative; }
  .modify-pages li.lfr-nav-hover .delete-tab {
    opacity: 1; }

.modify-pages .delete-tab {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 16px;
  line-height: 6px;
  margin-top: -8px;
  opacity: 0;
  overflow: hidden;
  padding: 3px 0;
  position: absolute;
  right: 1px;
  text-shadow: 0 1px #fff;
  top: 50%; }
  .modify-pages .delete-tab:hover {
    color: #b50303; }

.modify-pages .drag-handle {
  cursor: move;
  left: 3px;
  margin-left: 15px;
  position: absolute;
  top: 15px; }

.controls-hidden .modify-pages .drag-handle {
  display: none; }

@media (min-width: 768px) {
  .touch .modify-pages .drag-handle {
    display: none; } }

.nav li .toolbar {
  margin-top: 5px; }

.navbar-nav .nav-item.hover:after {
  bottom: -0.125rem;
  content: '';
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 100%; }

.navigation-pane .body-row {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .navigation-pane .body-row ul li a .icon {
    float: left;
    margin-right: 5px; }

.navigation-pane .lfr-component {
  margin-left: 0; }

.navigation-pane .navigation-entry {
  position: relative; }
  .navigation-pane .navigation-entry.folder.error {
    display: block;
    padding: 6px 8px; }
  .navigation-pane .navigation-entry .browse-folder,
  .navigation-pane .navigation-entry .nav-item-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; }
  .navigation-pane .navigation-entry .nav-item-icon {
    vertical-align: middle; }
  .navigation-pane .navigation-entry .overlay.entry-action {
    bottom: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0; }
    .navigation-pane .navigation-entry .overlay.entry-action .btn {
      border-width: 0;
      margin: 0;
      padding: 11px 14px; }
      @media (min-width: 768px) {
        .navigation-pane .navigation-entry .overlay.entry-action .btn {
          padding: 11px; } }

.nav-menu ul {
  padding-left: 10px; }

.nav-menu li a.ancestor {
  font-weight: bold; }

.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.nav-menu-style-arrows ul {
  list-style-image: url(../images/arrows/04_right.png); }

.portlet-navigation .nav-pills > li > a {
  margin-bottom: 2px; }

.portlet-navigation .nav-pills > li > .dropdown-menu {
  margin-top: 0; }

.split-button-dropdowns {
  list-style: none;
  margin: 0;
  padding: 0; }
  .split-button-dropdowns > li {
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px; }

.form-options {
  border: 1px solid #aaa;
  display: inline-block;
  vertical-align: middle; }
  .form-options input {
    border-width: 0;
    display: inline;
    float: left; }

.form-triggers {
  float: left; }

.form-trigger {
  background: #c4c4c4 url(../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #bbb;
  display: inline-block;
  float: left; }
  .form-trigger img {
    background: no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px; }
  .form-trigger:focus, .form-trigger:hover {
    background-color: #83b0ca;
    background-image: url(../images/application/button_bg_over.png); }

.trigger-selected {
  background-color: #ebebeb;
  background-image: url(../images/application/button_bg_selected.png); }
  .trigger-selected:focus, .trigger-selected:hover {
    background-color: #b7def4;
    background-image: url(../images/application/button_bg_selected_over.png); }

.options-trigger img {
  background-image: url(../images/common/configuration.png); }

.save-trigger img {
  background-image: url(../images/common/check.png); }

/* ---------- Portlet topper ---------- */
/* ---------- Portlet decorator ---------- */
/* ---------- Portlet header ---------- */
body.portlet {
  border-width: 0; }

.portlet-icon-back {
  margin-top: -2px; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_left.png) no-repeat 0 50%;
    padding: 5px 5px 5px 18px; }
  .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none; }

.portlet-title-editable {
  cursor: pointer; }

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap; }

.panel-page-content .portlet-title-text,
.panel-page-body .portlet-title-text {
  cursor: auto; }

.portlet-minimized .portlet-content {
  padding: 0; }

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important; }

.portlet-layout .portlet-header {
  margin-bottom: 1rem; }

.portlet-draggable .portlet-topper {
  cursor: move; }

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none; } }

.portlet:hover .visible-interaction, .portlet.open .visible-interaction {
  display: block; }

@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none; } }

.lfr-status-alert-label,
.lfr-status-error-label,
.lfr-status-info-label,
.lfr-status-progress-label,
.lfr-status-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px; }

.lfr-status-alert-label {
  background-image: url(../images/messages/alert.png);
  color: #663; }

.lfr-status-error-label {
  background-image: url(../images/messages/error.png);
  color: #900; }

.lfr-status-help-label,
.lfr-status-info-label,
.lfr-status-progress-label {
  background-image: url(../images/messages/info.png);
  color: #34404f; }

.lfr-status-help-label {
  background-image: url(../images/portlet/help.png); }

.lfr-status-progress-label {
  background-image: url(../images/aui/loading_indicator.gif); }

.lfr-status-success-label {
  background-image: url(../images/messages/success.png);
  color: #384f34; }

.portlet-msg {
  background: #eee none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404f;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

.lfr-message {
  position: relative; }
  .lfr-message .lfr-message-control {
    background-color: #333;
    display: inline-block; }
  .lfr-message .lfr-message-controls {
    display: none;
    left: 3px;
    margin: -8px 8px 0 3px;
    position: absolute;
    top: 50%;
    z-index: 10; }
  .lfr-message .lfr-message-close {
    background-image: url(../images/portlet/close_borderless.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
  .lfr-message .lfr-message-close-all {
    color: #fff;
    display: none;
    font-size: 0.8em;
    margin-left: 10px;
    padding: 1px 10px;
    text-shadow: 1px 1px 0 #000;
    vertical-align: top; }
    .lfr-message .lfr-message-close-all a {
      color: #fff; }
  .lfr-message .lfr-message-controls-hover .lfr-message-close-all {
    display: inline-block; }
  .lfr-message.pending {
    background-image: url(../images/common/time.png); }

.lfr-message-content.alert {
  margin-bottom: 0; }

.lfr-message-close {
  cursor: pointer; }

/* ---------- Standard styles defined in the JSR 168 specification ---------- */
/* ---------- Fonts ---------- */
/* ---------- Sections ---------- */
.portlet-section-selected,
.portlet-section-selected a {
  background: #727c81;
  color: #fff;
  font-weight: bold;
  text-decoration: none; }

.portlet-section-selected a:hover,
.portlet-section-selected a:focus {
  background-color: #727c81; }

/* ---------- Forms ---------- */
/* ---------- Icons ---------- */
/* ---------- Menus ---------- */
@media (min-width: 576px) {
  .portlet.open > .portlet-topper, .portlet:hover > .portlet-topper, .portlet.focus > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%); } }

@media (min-width: 576px) {
  .portlet.open > .portlet-content-editable, .portlet:hover > .portlet-content-editable, .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

.portlet {
  margin-bottom: 10px;
  position: relative; }
  .portlet > .portlet-content-editable {
    border-color: transparent; }
  .portlet > .portlet-topper {
    display: none; }
    @media (min-width: 576px) {
      .portlet > .portlet-topper {
        display: flex;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        transition: opacity 0.25s, transform 0.25s;
        top: 0; } }
  @media (min-width: 576px) and (prefers-reduced-motion: reduce) {
    .portlet > .portlet-topper {
      transition: none; } }

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px; }

/* ---------- Portlet topper ---------- */
.portlet-actions {
  float: right; }

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600; }

.portlet-options {
  display: inline-block; }

.portlet-title-default {
  box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.portlet-title-menu {
  box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  .portlet-title-menu > span > a {
    display: inline-block;
    text-decoration: none; }

.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative; }

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0; }
  .portlet-topper-toolbar > a,
  .portlet-topper-toolbar > span > a,
  .portlet-topper-toolbar .lfr-icon-menu > a {
    color: rgba(0, 0, 0, 0.5); }
  .portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
    text-decoration: none; }

@media (max-width: 767.98px) {
  .lfr-configurator-visibility {
    opacity: 0.5; } }

@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5; }
  .lfr-configurator-visibility .portlet-content-editable {
    opacity: 0.5; } }

/* ---------- Portlet controls in mobile ---------- */
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; } }

.controls-visible .portlet-topper-toolbar {
  display: block; }

.lfr-configurator-visibility .portlet-borderless-bar {
  opacity: 0.6; }

.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  opacity: 1; }

.lfr-panel-page {
  width: 100%; }
  .lfr-panel-page .portlet-title {
    font-size: 13px; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #d3dadd; }

.main-content-body {
  margin-top: 20px; }

.restricted,
.restricted td {
  background: #fdd;
  border-width: 0; }

.restricted * {
  color: #727c81; }

.alt.restricted td {
  background-color: #ffc0c0; }

.hover.restricted td {
  background-color: #d3bdc0; }

.alt.restricted td.first,
.restricted td.first {
  background-image: url(../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

.portlet-borderless .portlet-content {
  padding: 1rem; }

.portlet-decorate .portlet-content {
  background: #FFF;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 1rem;
  word-wrap: break-word; }

.portlet-barebone .portlet-content {
  padding: 0; }

/* ---------- Dynamic data list display/Journal portlet ---------- */
.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px 28px; }

/* ---------- Breadcrumb taglib ---------- */
.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center; }
  .breadcrumb.breadcrumb-vertical li {
    display: block; }
    .breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
      background: none; }
  .breadcrumb.breadcrumb-vertical .divider {
    background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
    display: block;
    height: 10px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th,
.taglib-calendar tr td {
  border-width: 0; }

.taglib-calendar tr td a {
  background-color: #f0f5f7;
  border: 1px solid #fff;
  border-bottom-width: 0;
  border-left-width: 0;
  display: block;
  height: 15px;
  padding: 5px 0; }
  .taglib-calendar tr td a:hover {
    background-color: #727c81;
    color: #fff; }

.taglib-calendar tr td.calendar-inactive {
  background-color: #fff;
  color: #b5bfc4; }

.taglib-calendar tr th {
  border-bottom-color: #d7d7d7; }

.taglib-calendar table td {
  border-width: 0; }

.taglib-calendar .calendar-current-day,
.taglib-calendar .calendar-current-day a {
  background-color: #fff; }

.taglib-calendar .calendar-current-day a {
  border: 1px solid #727c81;
  color: #369;
  text-decoration: underline; }

/* ---------- Navbar form search ---------- */
.navbar form {
  margin: 0; }

.widget-toolbar .btn + .btn,
.widget-toolbar .widget-group + .widget-group {
  margin-left: 1rem; }

.widget-mode-detail {
  padding-top: 1rem; }
  .widget-mode-detail .title {
    font-size: 36px; }
  .widget-mode-detail .sub-title {
    font-size: 26px;
    margin-bottom: 32px; }
  .widget-mode-detail .widget-metadata {
    margin-bottom: 2rem; }
  .widget-mode-detail .widget-mode-detail-text {
    margin-top: 48px; }
    .widget-mode-detail .widget-mode-detail-text img {
      max-width: 100%; }
    .widget-mode-detail .widget-mode-detail-text p {
      font-size: 18px;
      line-height: 1.8; }

.widget-mode-card .card {
  display: flex;
  height: calc(100% - 24px);
  margin-bottom: 24px; }

.widget-mode-card .card-header {
  overflow: hidden;
  padding: 0; }

.widget-mode-card .card-title {
  position: relative; }

@media (min-width: 768px) {
  .widget-mode-card .visible-interaction {
    position: absolute;
    right: -8px; } }

.widget-mode-simple .widget-topbar {
  margin-bottom: 8px; }

.widget-mode-simple .widget-metadata {
  margin-bottom: 24px; }

.widget-mode-simple .widget-toolbar {
  margin-top: 1.5rem; }

.widget-mode-simple .widget-content .cover-image {
  margin-bottom: 24px; }

.menu-content,
.underlay-content {
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); }

.lfr-ddm-container .file-entry-upload-progress {
  border-radius: 0 0 4px 4px; }

.lfr-preview-file-image img {
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); }

.portlet-document-library .lfr-ddm-small-image-preview,
.portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  box-shadow: 0 1px 3px #ccc; }

.portlet-document-library-upload-mask .overlaymask-content {
  border-radius: 5px; }

.overlaymask-content {
  background-color: #fff; }

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px; }

.product-menu .loading-animation {
  margin-top: 160px; }

.lfr-search-combobox-item {
  border-radius: 1px; }

.lfr-search-combobox .field-input-text {
  border-radius: 4px 1px 1px 4px; }

.lfr-search-combobox .button-input {
  border-radius: 1px 4px 4px 1px; }

.lfr-upload-container .progress-bar,
.lfr-upload-container .progress,
.lfr-editable:after {
  border-radius: 10px; }

.portlet-language .portlet-body .current-language,
.portlet-language .portlet-body .taglib-icon,
.portlet-language .portlet-body .taglib-language-list-text {
  border-radius: 10px; }

body > .lfr-menu-list ul,
.active-area-proxy,
.entry-display-style .entry-thumbnail,
.lfr-api-results,
.lfr-translation-manager,
.lfr-translation-manager-translation,
.lfr-upload-container .cancel-button .modify-pages .delete-tab,
.portlet-image-gallery-display .image-thumbnail img,
.rule-group-instance-container .rule-group-instance,
.select-documents,
.select-files,
.taglib-ratings.stars:hover,
.taglib-ratings.stars:hover .liferay-rating-vote > div,
.taglib-ratings.stars .rating-focused > div,
.tags-search-combobox .field-input-text {
  border-radius: 4px; }

.entry-display-style,
.lfr-search-combobox,
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target,
.portlet-document-library .common-file-metadata-container.selected,
.portlet-document-library-display .common-file-metadata-container.selected,
.portlet-image-gallery-display .image-icon,
.select-documents,
.select-files {
  border-radius: 5px; }

.portlet-dynamic-data-list-display .lfr-ddm-container .lfr-ddm-repeatable-placeholder,
.portlet-dynamic-data-lists .lfr-ddm-container .lfr-ddm-repeatable-placeholder {
  border-radius: 6px; }

.menu-content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
    box-shadow: 0 0 5px 0 #333;
    transition-duration: 0.25s;
    transition-property: box-shadow;
    transition-timing-function: ease-out; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
    border-radius: 50%; }

.underlay-content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.input-localized .lfr-input-localized-state {
  border-radius: 3px; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  box-shadow: 0 0 3px #ddd; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    box-shadow: 0 0 3px #ff0047; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  box-shadow: 0 0 3px #27c1f2; }

.lfr-content-preview-popup .lfr-content-preview-popup-content {
  border-radius: 0;
  box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25); }

.lfr-message .lfr-message-control {
  border-radius: 10px; }

.lfr-token {
  border-radius: 8px; }

.staging-tabview-list {
  border-radius: 0; }

.site-variations-tabview-list .tab-content,
.staging-tabview-list .tab-active .tab-content,
.tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
  box-shadow: none; }

.rule-group-instance-container .rule-group-instance {
  box-shadow: 1px 1px 2px #999; }

.lfr-action-label {
  border-radius: 2px; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  -webkit-animation: progress-bar-stripes 0.5s linear infinite;
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out; }
  @media (prefers-reduced-motion: reduce) {
    .lfr-progress-active .progress-bar-status,
    .lfr-upload-container .file-uploading .progress-bar .progress {
      transition: none; } }

@-webkit-keyframes highlight-animation {
  from {
    background-color: #ffc; }
  to {
    background-color: transparent; } }

@keyframes highlight-animation {
  from {
    background-color: #ffc; }
  to {
    background-color: transparent; } }

.highlight-animation {
  -webkit-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s; }

.lfr-spa-loading .lfr-spa-loading-bar {
  -webkit-animation: shift-rightwards 1s ease-in-out infinite;
  animation: shift-rightwards 1s ease-in-out infinite;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.lfr-spa-loading-bar {
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

@-webkit-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .lfr-icon-menu-text,
.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
  max-width: 200px; }

.portlet-boundary.yui3-dd-dragging {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  @media (prefers-reduced-motion: reduce) {
    .portlet-boundary.yui3-dd-dragging {
      transition: none; } }

.portlet-document-library .entry-thumbnail .label,
.portlet-document-library-display .workflow-status .label,
.portlet-journal .entry-thumbnail .label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none; }

@-webkit-keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd; }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    background-color: #ddedde;
    border-color: #7d7; }
  100% {
    background-color: #ebebeb;
    border-color: #ddd; } }

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd; }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    background-color: #ddedde;
    border-color: #7d7; }
  100% {
    background-color: #ebebeb;
    border-color: #ddd; } }

.upload-drop-active .lfr-upload-container .upload-target {
  -webkit-animation: none;
  animation: none; }

.upload-drop-active .portlet-document-library .document-container {
  box-shadow: inset 0 0 5px #b8c1d1; }

.upload-drop-intent .lfr-upload-container .upload-target {
  -webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
  animation: lfr-drop-active 1s ease 0.2s infinite; }

.quick-access-nav a {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup,
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  box-shadow: initial; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  box-shadow: none; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  background-image: linear-gradient(#fff, #e4e4e4);
  border-radius: 2px; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:hover:after {
  background-image: linear-gradient(#f2f2f2, #ccc); }

/* ---------- Switches ---------- */
input.switch:focus ~ .switch-bar:before {
  box-shadow: 0 0 3px #00f; }

input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before,
input.switch:empty ~ .switch-bar .switch-icon,
input.switch:empty ~ .switch-bar .switch-toggle:after,
input.switch:empty ~ .switch-bar .switch-toggle:before {
  transition: all 100ms ease-in; }
  @media (prefers-reduced-motion: reduce) {
    input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before,
    input.switch:empty ~ .switch-bar .switch-icon,
    input.switch:empty ~ .switch-bar .switch-toggle:after,
    input.switch:empty ~ .switch-bar .switch-toggle:before {
      transition: none; } }

/* ---------- Image selector ---------- */
.taglib-image-selector .selection-status {
  transition: opacity 0.2s ease-in-out;
  border-radius: 30px; }
  @media (prefers-reduced-motion: reduce) {
    .taglib-image-selector .selection-status {
      transition: none; } }

.taglib-image-selector .progress-wrapper .progressbar {
  border-radius: 0; }

/* ---------- Drop here info ---------- */
.drop-here-info {
  transition: all 0.2s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .drop-here-info {
      transition: none; } }
  .drop-here-info .drop-icons {
    transition: all 0.2s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .drop-here-info .drop-icons {
        transition: none; } }
    .drop-here-info .drop-icons span {
      transition: all 0.3s ease-in-out;
      border-radius: 3px; }
      @media (prefers-reduced-motion: reduce) {
        .drop-here-info .drop-icons span {
          transition: none; } }
    .drop-here-info .drop-icons span:nth-of-type(1) {
      box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
      -webkit-transform: rotate(25deg);
      transform: rotate(25deg); }
    .drop-here-info .drop-icons span:nth-of-type(2) {
      box-shadow: 0 6px 0 -2px rgba(0, 0, 0, 0.15);
      -webkit-transform: scale(0.8);
      transform: scale(0.8); }
    .drop-here-info .drop-icons span:nth-of-type(3) {
      box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
      -webkit-transform: rotate(-25deg);
      transform: rotate(-25deg); }

.drop-active .drop-here-info span:nth-of-type(1) {
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg); }

.drop-active .drop-here-info span:nth-of-type(2) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.drop-active .drop-here-info span:nth-of-type(3) {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg); }

/*
 * Theme definitions
 */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  /* #1072 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 12px;
  user-select: none; }

.highcharts-root {
  display: block; }

.highcharts-root text {
  stroke-width: 0; }

.highcharts-strong {
  font-weight: bold; }

.highcharts-emphasized {
  font-style: italic; }

.highcharts-anchor {
  cursor: pointer; }

.highcharts-background {
  fill: #ffffff; }

.highcharts-plot-border, .highcharts-plot-background {
  fill: none; }

.highcharts-label-box {
  fill: none; }

.highcharts-button-box {
  fill: inherit; }

.highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgba(192, 192, 192, 0.0001);
  stroke-width: 22;
  fill: none; }

.highcharts-tracker-area {
  fill: rgba(192, 192, 192, 0.0001);
  stroke-width: 0; }

/* Titles */
.highcharts-title {
  fill: #333333;
  font-size: 1.5em; }

.highcharts-subtitle {
  fill: #666666; }

/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb; }

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0; }

.highcharts-axis-title {
  fill: #666666; }

.highcharts-axis-labels {
  fill: #666666;
  cursor: default;
  font-size: 0.9em; }

.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6; }

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0px; }

.highcharts-tick {
  stroke: #ccd6eb; }

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0; }

.highcharts-minor-grid-line {
  stroke: #f2f2f2; }

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #cccccc; }

.highcharts-crosshair-category {
  stroke: #ccd6eb;
  stroke-opacity: 0.25; }

/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 250ms, font-size 250ms; }

.highcharts-credits:hover {
  fill: black;
  font-size: 1em; }

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms; }

.highcharts-tooltip text {
  fill: #333333; }

.highcharts-tooltip .highcharts-header {
  font-size: 0.85em; }

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #f7f7f7;
  fill-opacity: 0.85; }

.highcharts-tooltip-box .highcharts-label-box {
  fill: #f7f7f7;
  fill-opacity: 0.85; }

div.highcharts-tooltip {
  filter: none; }

.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: 0.25; }

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round; }

.highcharts-empty-series {
  stroke-width: 1px;
  fill: none;
  stroke: #cccccc; }

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3; }

.highcharts-point-inactive {
  opacity: 0.2;
  transition: opacity 50ms;
  /* quick in */ }

.highcharts-series-inactive {
  opacity: 0.2;
  transition: opacity 50ms;
  /* quick in */ }

.highcharts-state-hover path {
  transition: stroke-width 50ms;
  /* quick in */ }

.highcharts-state-normal path {
  transition: stroke-width 250ms;
  /* slow out */ }

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 250ms; }

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2; }

/* Series options */
/* Default colors */
.highcharts-color-0 {
  fill: "blue" #007BFF;
  stroke: "blue" #007BFF; }

.highcharts-color-1 {
  fill: "indigo" #6610f2;
  stroke: "indigo" #6610f2; }

.highcharts-color-2 {
  fill: "purple" #6f42c1;
  stroke: "purple" #6f42c1; }

.highcharts-color-3 {
  fill: "pink" #e83e8c;
  stroke: "pink" #e83e8c; }

.highcharts-color-4 {
  fill: "red" #dc3545;
  stroke: "red" #dc3545; }

.highcharts-color-5 {
  fill: "orange" #fd7e14;
  stroke: "orange" #fd7e14; }

.highcharts-color-6 {
  fill: "yellow" #ffc107;
  stroke: "yellow" #ffc107; }

.highcharts-color-7 {
  fill: "green" #28a745;
  stroke: "green" #28a745; }

.highcharts-color-8 {
  fill: "teal" #20c997;
  stroke: "teal" #20c997; }

.highcharts-color-9 {
  fill: "cyan" #17a2b8;
  stroke: "cyan" #17a2b8; }

.highcharts-color-10 {
  fill: "white" #FFF;
  stroke: "white" #FFF; }

.highcharts-color-11 {
  fill: "gray" #6c757d;
  stroke: "gray" #6c757d; }

.highcharts-color-12 {
  fill: "gray-dark" #343a40;
  stroke: "gray-dark" #343a40; }

.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0; }

.highcharts-markers {
  stroke-width: 1px;
  stroke: #ffffff; }

.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible),
.highcharts-a11y-marker-hidden {
  opacity: 0; }

.highcharts-point {
  stroke-width: 1px; }

.highcharts-dense-data .highcharts-point {
  stroke-width: 0; }

.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold; }

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0; }

.highcharts-data-label text, text.highcharts-data-label {
  fill: #333333; }

.highcharts-data-label-connector {
  fill: none; }

.highcharts-data-label-hidden {
  pointer-events: none; }

.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0; }

.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
.highcharts-markers .highcharts-point-select {
  fill: #cccccc;
  stroke: #000000; }

.highcharts-column-series rect.highcharts-point {
  stroke: #ffffff; }

.highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms; }

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms; }

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff; }

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms; }

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff; }

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms; }

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit; }

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff; }

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms; }

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit; }

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0; }

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms; }

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms; }

.highcharts-treemap-series .highcharts-above-level {
  display: none; }

.highcharts-treemap-series .highcharts-internal-node {
  fill: none; }

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer; }

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75; }

.highcharts-vector-series .highcharts-point {
  fill: none;
  stroke-width: 2px; }

.highcharts-windbarb-series .highcharts-point {
  fill: none;
  stroke-width: 2px; }

.highcharts-lollipop-stem {
  stroke: #000000; }

.highcharts-focus-border {
  fill: none;
  stroke-width: 2px; }

.highcharts-legend-item-hidden .highcharts-focus-border {
  fill: none !important; }

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0; }

.highcharts-legend-item > text {
  fill: #333333;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0; }

.highcharts-legend-item:hover text {
  fill: #000000; }

.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  transition: fill 250ms; }

.highcharts-legend-nav-active {
  fill: #003399;
  cursor: pointer; }

.highcharts-legend-nav-inactive {
  fill: #cccccc; }

circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
  /* tracker */
  fill: rgba(192, 192, 192, 0.0001); }

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0; }

/* Bubble legend */
.highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: 0.5; }

.highcharts-bubble-legend-connectors {
  stroke-width: 1; }

.highcharts-bubble-legend-labels {
  fill: #333333; }

/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: #ffffff;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms; }

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end; }

.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%; }

/* Plot bands and polar pane backgrounds */
.highcharts-plot-band, .highcharts-pane {
  fill: #000000;
  fill-opacity: 0.05; }

.highcharts-plot-line {
  fill: none;
  stroke: #999999;
  stroke-width: 1px; }

/* Highcharts More and modules */
.highcharts-boxplot-box {
  fill: #ffffff; }

.highcharts-boxplot-median {
  stroke-width: 2px; }

.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5; }

.highcharts-errorbar-series .highcharts-point {
  stroke: #000000; }

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc;
  stroke-width: 1px; }

.highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0; }

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0; }

.highcharts-waterfall-series .highcharts-graph {
  stroke: #333333;
  stroke-dasharray: 1, 3; }

.highcharts-sankey-series .highcharts-point {
  stroke-width: 0; }

.highcharts-sankey-series .highcharts-link {
  transition: fill 250ms, fill-opacity 250ms;
  fill-opacity: 0.5; }

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1; }

.highcharts-venn-series .highcharts-point {
  fill-opacity: 0.75;
  stroke: #cccccc;
  transition: stroke 250ms, fill-opacity 250ms; }

.highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: #cccccc; }

/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0; }

.highcharts-navigator-mask-inside {
  fill: #6685c2;
  /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize; }

.highcharts-navigator-outline {
  stroke: #cccccc;
  fill: none; }

.highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2;
  cursor: ew-resize; }

.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad; }

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px; }

.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05; }

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0; }

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6; }

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999; }

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0; }

.highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 1px; }

.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc;
  stroke-width: 1px; }

.highcharts-scrollbar-arrow {
  fill: #666666; }

.highcharts-scrollbar-rifles {
  stroke: #666666;
  stroke-width: 1px; }

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px; }

.highcharts-button {
  fill: #f7f7f7;
  stroke: #cccccc;
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms; }

.highcharts-button text {
  fill: #333333; }

.highcharts-button-hover {
  transition: fill 0ms;
  fill: #e6e6e6;
  stroke: #cccccc; }

.highcharts-button-hover text {
  fill: #333333; }

.highcharts-button-pressed {
  font-weight: bold;
  fill: #e6ebf5;
  stroke: #cccccc; }

.highcharts-button-pressed text {
  fill: #333333;
  font-weight: bold; }

.highcharts-button-disabled text {
  fill: #333333; }

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0px; }

.highcharts-range-label rect {
  fill: none; }

.highcharts-range-label text {
  fill: #666666; }

.highcharts-range-input rect {
  fill: none; }

.highcharts-range-input text {
  fill: #333333; }

.highcharts-range-input {
  stroke-width: 1px;
  stroke: #cccccc; }

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em;
  /* #4798 */ }

.highcharts-crosshair-label text {
  fill: #ffffff;
  font-size: 1.1em; }

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit; }

.highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px; }

.highcharts-candlestick-series .highcharts-point-up {
  fill: #ffffff; }

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px; }

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999999;
  fill: #ffffff;
  transition: fill 250ms; }

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #000000;
  fill: #ccd6eb; }

.highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold; }

/* Highmaps */
.highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #cccccc; }

.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
  stroke-width: 2px; }

.highcharts-mapline-series .highcharts-point {
  fill: none; }

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0; }

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center; }

.highcharts-coloraxis {
  stroke-width: 0; }

.highcharts-coloraxis-marker {
  fill: #999999; }

.highcharts-null-point {
  fill: #f7f7f7; }

/* 3d charts */
.highcharts-3d-frame {
  fill: transparent; }

/* Exporting module */
.highcharts-contextbutton {
  fill: #ffffff;
  /* needed to capture hover */
  stroke: none;
  stroke-linecap: round; }

.highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6; }

.highcharts-button-symbol {
  stroke: #666666;
  stroke-width: 3px; }

.highcharts-menu {
  border: 1px solid #999999;
  background: #ffffff;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888; }

.highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: #333333;
  cursor: pointer;
  transition: background 250ms, color 250ms; }

.highcharts-menu-item:hover {
  background: #335cad;
  color: #ffffff; }

/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer; }

.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #003399;
  font-weight: bold;
  text-decoration: underline; }

/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #666666; }

/* Drag-panes module */
.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: black;
  stroke-width: 2px; }

/* Bullet type series */
.highcharts-bullet-target {
  stroke-width: 0; }

/* Lineargauge type series */
.highcharts-lineargauge-target {
  stroke-width: 1px;
  stroke: #333333; }

.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: #333333; }

/* Annotations module */
.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #000000;
  fill: #000000;
  fill-opacity: 0.75; }

.highcharts-annotation-label text {
  fill: #e6e6e6; }

/* Gantt */
.highcharts-treegrid-node-collapsed, .highcharts-treegrid-node-expanded {
  cursor: pointer; }

.highcharts-point-connecting-path {
  fill: none; }

.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px; }

.highcharts-grid-axis .highcharts-axis-line {
  stroke-width: 1px; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out,
 top 0.08s 0s ease-out,
 opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out,
 top 0.08s ease-out,
 opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease,
 opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease,
 opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
	File name    : _cxrus_default.scss
	Created by   : Reksi Permadi (reksi.permadi@gmail.com)
	Created date : 8:58 28/08/2019
*/
:root {
  --font-size: 16px;
  --bg-color: #ffffff;
  --overflow-x: hidden; }

html.no-scroll,
body.no-sroll {
  overflow: hidden; }

body,
html {
  font-size: var(--font-size);
  background-color: var(--bg-color);
  font-family: "SourceSans-Reguler";
  color: #000000;
  overflow-x: var(--overflow-x);
  padding-right: 0 !important; }

@media (min-width: 1200px) and (max-width: 1280px) {
  .container.CX-wrapper {
    max-width: 1200px; } }

h1,
h2,
h3,
h4 {
  font-weight: normal;
  font-family: "SourceSans-Semibold"; }

.bg-overlay-menu {
  position: relative; }
  .bg-overlay-menu:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 11;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden; }

body.has-overlay-menu .bg-overlay-menu:before {
  opacity: 1;
  visibility: visible; }

body.has-overlay .bg-overlay {
  position: relative; }
  body.has-overlay .bg-overlay:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.03);
    z-index: 11; }

@media (max-width: 767px) {
  body.has-overlay.open.show_c_menu .bg-overlay:before {
    z-index: 1000; } }

.theme-default a {
  color: #F07662; }

.theme-secondary a {
  color: #3f4e8c; }

h3 {
  font-family: "Publico-Bold"; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5; }

input:-moz-read-only {
  cursor: not-allowed; }

input:read-only {
  cursor: not-allowed; }

.custom-checkbox .custom-control-input:read-only {
  cursor: pointer; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px rgba(47, 134, 67, 0.02) inset;
  transition: background-color 5000s ease-in-out 0s; }

::selection {
  color: #ffffff; }
  .theme-default ::selection {
    background: #F07662;
    color: #ffffff; }
  .theme-secondary ::selection {
    background: #3f4e8c;
    color: #ffffff; }

.theme-default ::-moz-selection {
  background: #020090;
  color: #ffffff; }

.theme-secondary ::-moz-selection {
  background: #494DF4;
  color: #ffffff; }

body.has-edit-mode-menu.disable_editable .portlet-decorate .portlet,
body.enable_editable .portlet-decorate .portlet,
body.admin_control.enable_editable .portlet-decorate .portlet {
  margin-top: 40px; }

body.has-edit-mode-menu.disable_editable .portlet > .portlet-topper,
body.enable_editable .portlet > .portlet-topper,
body.admin_control.enable_editable .portlet > .portlet-topper {
  opacity: 0.7 !important;
  -webkit-transform: translateY(-97%) !important;
  -moz-transform: translateY(-97%) !important;
  -ms-transform: translateY(-97%) !important;
  -o-transform: translateY(-97%) !important;
  transform: translateY(-97%) !important;
  z-index: 22; }

body.has-edit-mode-menu.disable_editable .portlet:hover > .portlet-topper,
body.enable_editable .portlet:hover > .portlet-topper,
body.admin_control.enable_editable .portlet:hover > .portlet-topper {
  opacity: 1 !important; }

.back_to_top {
  position: fixed;
  z-index: 20;
  right: 20px;
  background-color: #F07662;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  bottom: -100px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  background-color: #F07662;
  color: #ffffff; }
  .back_to_top:hover {
    background-color: #F3765E;
    color: #ffffff; }
    .back_to_top:hover a {
      color: #ffffff; }
  .back_to_top .box-shadow {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .back_to_top.hidden {
    display: block !important; }
  .back_to_top:hover {
    background-color: #F3765E; }
  .back_to_top.showup {
    bottom: 70px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .back_to_top a {
    cursor: pointer;
    font-size: 1.2rem;
    display: block;
    font-weight: bold;
    color: #ffffff; }

@media (max-width: 1440px) {
  .back_to_top.showup {
    bottom: 50px; } }

@media (max-width: 767px) {
  .back_to_top.showup {
    bottom: 20px; } }

.theme-default .fragments-editor-toolbar__translation-status-button {
  width: auto; }

.theme-secondary .fragments-editor-toolbar__translation-status-button {
  width: auto; }

.theme-default .btn.btn-secondary, .theme-default
.btn.btn-primary, .theme-default
.btn.btn-default {
  font-weight: normal;
  border: 0px; }

.theme-secondary .btn.btn-secondary, .theme-secondary
.btn.btn-primary, .theme-secondary
.btn.btn-default {
  font-weight: normal;
  border: 0px; }

.theme-default .fragments-editor-toolbar button.btn-secondary {
  color: #ffffff; }

.theme-secondary .fragments-editor-toolbar button.btn-secondary {
  color: #ffffff; }

body.show_c_menu #ControlMenu,
body.show_c_menu .control-menu {
  top: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  -moz-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  -o-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); }

body.user_control .show_controlMenu {
  display: none !important; }

body .lfr-product-menu-panel.sidenav-menu-slider.open,
body .lfr-product-menu-panel.sidenav-menu-slider .sidenav-menu {
  width: 0px !important; }

body.show_c_menu .lfr-product-menu-panel.sidenav-menu-slider.open,
body.show_c_menu .lfr-product-menu-panel.sidenav-menu-slider .sidenav-menu {
  width: 320px !important; }

body.no-breadcrumb .boxBreadcrumb {
  display: none !important; }

.theme-default #portlet_new-password, .theme-default
#portlet_terms-of-use {
  margin: 150px 0 60px !important; }
  .theme-default #portlet_new-password .autofit-float.autofit-row.portlet-header, .theme-default
  #portlet_terms-of-use .autofit-float.autofit-row.portlet-header {
    display: none !important; }
  .theme-default #portlet_new-password .btn.btn-primary.btn-default, .theme-default
  #portlet_terms-of-use .btn.btn-primary.btn-default {
    background-color: #F07662 !important;
    border-color: #F07662 !important; }
    .theme-default #portlet_new-password .btn.btn-primary.btn-default:hover, .theme-default
    #portlet_terms-of-use .btn.btn-primary.btn-default:hover {
      color: #ffffff !important; }
  .theme-default #portlet_new-password .btn.btn-cancel.btn-default.btn-link, .theme-default
  #portlet_terms-of-use .btn.btn-cancel.btn-default.btn-link {
    color: #000000 !important; }

.theme-secondary #portlet_new-password, .theme-secondary
#portlet_terms-of-use {
  margin: 150px 0 60px !important; }
  .theme-secondary #portlet_new-password .autofit-float.autofit-row.portlet-header, .theme-secondary
  #portlet_terms-of-use .autofit-float.autofit-row.portlet-header {
    display: none !important; }
  .theme-secondary #portlet_new-password .btn.btn-primary.btn-default, .theme-secondary
  #portlet_terms-of-use .btn.btn-primary.btn-default {
    background-color: #3f4e8c !important;
    border-color: #3f4e8c !important; }
    .theme-secondary #portlet_new-password .btn.btn-primary.btn-default:hover, .theme-secondary
    #portlet_terms-of-use .btn.btn-primary.btn-default:hover {
      color: #ffffff !important; }
  .theme-secondary #portlet_new-password .btn.btn-cancel.btn-default.btn-link, .theme-secondary
  #portlet_terms-of-use .btn.btn-cancel.btn-default.btn-link {
    color: #000000 !important; }

/*disabled for editable*/
body:not(.has-control-menu) .show_controlMenu {
  display: none !important; }

body.disable_editable .portlet {
  margin-bottom: 0px !important; }

body.disable_editable .portlet-decorate .portlet-content {
  padding: 0px !important;
  border-width: 0px !important; }

body.disable_editable .portlet-journal-content .portlet .portlet-header {
  display: none !important; }

body.disable_editable .autofit-float.autofit-row.portlet-header {
  display: none !important; }

body.disable_editable .portlet-boundary header.portlet-topper {
  display: none !important; }

body.disable_editable .portlet-boundary .portlet-body .visible-interaction {
  display: none !important; }

body.disable_editable .portlet:hover > .portlet-content-editable,
body.disable_editable .portlet.focus > .portlet-content-editable {
  border-color: transparent !important; }

body.disable_editable .portlet-layout .portlet-header {
  display: none !important; }

body.has-control-menu .affix #ControlMenu,
body.has-control-menu #ControlMenu,
body.has-control-menu .control-menu {
  opacity: 0;
  visibility: hidden;
  top: -56px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.CX-utama #CX-content {
  margin-top: 87px; }
  @media (max-width: 1024px) {
    .CX-utama #CX-content {
      margin-top: 75px; } }

body.is-home .CX-utama #CX-content {
  margin-top: 0px; }

.theme-default #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ {
  width: 600px;
  margin: 120px auto; }
  .theme-default #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content .portlet-icon-back {
    border: 1px solid;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    background-color: #F07662;
    color: #ffffff;
    margin-bottom: 2rem; }
  .theme-default #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content-container {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 3rem 2rem; }
    .theme-default #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content-container .fieldset .form-group.form-inline.input-checkbox-wrapper label {
      padding-left: 20px;
      font-weight: normal;
      font-size: 0.9rem; }
      .theme-default #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content-container .fieldset .form-group.form-inline.input-checkbox-wrapper label input {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .theme-default #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content-container .login-container .input-container .button-holder .btn.btn-primary.btn-default {
      background-color: #020090;
      border-color: #020090;
      color: #ffffff;
      font-size: 1rem;
      border-radius: 30px !important;
      padding: 0.8rem 1.3rem !important;
      text-transform: uppercase; }
      .theme-default #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content-container .login-container .input-container .button-holder .btn.btn-primary.btn-default:hover, .theme-default #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content-container .login-container .input-container .button-holder .btn.btn-primary.btn-default.active {
        background-color: #494DF4 !important;
        color: #ffffff !important;
        border-color: #494DF4 !important; }

.theme-secondary #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ {
  width: 600px;
  margin: 120px auto; }
  .theme-secondary #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content .portlet-icon-back {
    border: 1px solid;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    background-color: #3f4e8c;
    color: #ffffff;
    margin-bottom: 2rem; }
  .theme-secondary #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content-container {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 3rem 2rem; }
    .theme-secondary #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content-container .fieldset .form-group.form-inline.input-checkbox-wrapper label {
      padding-left: 20px;
      font-weight: normal;
      font-size: 0.9rem; }
      .theme-secondary #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content-container .fieldset .form-group.form-inline.input-checkbox-wrapper label input {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .theme-secondary #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content-container .login-container .input-container .button-holder .btn.btn-primary.btn-default {
      background-color: #494DF4;
      border-color: #494DF4;
      color: #ffffff;
      font-size: 1rem;
      border-radius: 30px !important;
      padding: 0.8rem 1.3rem !important;
      text-transform: uppercase; }
      .theme-secondary #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content-container .login-container .input-container .button-holder .btn.btn-primary.btn-default:hover, .theme-secondary #p_p_id_com_liferay_login_web_portlet_LoginPortlet_ .portlet-content-container .login-container .input-container .button-holder .btn.btn-primary.btn-default.active {
        background-color: !important;
        color: #ffffff !important;
        border-color: !important; }

.fixed-bottom,
.fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 10; }

.fixed-top {
  top: 0; }

.fixed-bottom {
  bottom: 0; }

/*animations*/
.hidden {
  display: none; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.delayp1 {
  animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  transition-delay: 0.1s; }

.delayp2 {
  animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  transition-delay: 0.2s; }

.delayp3 {
  animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  transition-delay: 0.3s; }

.delayp4 {
  animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  transition-delay: 0.4s; }

.delayp5 {
  animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  transition-delay: 0.5s; }

.delayp6 {
  animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  transition-delay: 0.6s; }

.delayp7 {
  animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  transition-delay: 0.7s; }

.delayp8 {
  animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  transition-delay: 0.8s; }

.delayp9 {
  animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  transition-delay: 0.9s; }

.delayp10 {
  animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;
  transition-delay: 1s; }

.delayp11 {
  animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  transition-delay: 1.1s; }

.delayp12 {
  animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  transition-delay: 1.2s; }

.delayp13 {
  animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  transition-delay: 1.3s; }

.delayp14 {
  animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
  transition-delay: 1.4s; }

.delayp15 {
  animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  transition-delay: 1.5s; }

.delayp16 {
  animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
  -o-animation-delay: 1.6s;
  transition-delay: 1.6s; }

.delayp17 {
  animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s;
  -o-animation-delay: 1.7s;
  transition-delay: 1.7s; }

.delayp18 {
  animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
  -o-animation-delay: 1.8s;
  transition-delay: 1.8s; }

.delayp19 {
  animation-delay: 1.9s;
  -moz-animation-delay: 1.9s;
  -webkit-animation-delay: 1.9s;
  -o-animation-delay: 1.9s;
  transition-delay: 1.9s; }

.delayp20 {
  animation-delay: 2s;
  -moz-animation-delay: 2s;
  -webkit-animation-delay: 2s;
  -o-animation-delay: 2s;
  transition-delay: 2s; }

.delayp21 {
  animation-delay: 2.1s;
  -moz-animation-delay: 2.1s;
  -webkit-animation-delay: 2.1s;
  -o-animation-delay: 2.1s;
  transition-delay: 2.1s; }

.delayp22 {
  animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  -webkit-animation-delay: 2.2s;
  -o-animation-delay: 2.2s;
  transition-delay: 2.2s; }

.delayp23 {
  animation-delay: 2.3s;
  -moz-animation-delay: 2.3s;
  -webkit-animation-delay: 2.3s;
  -o-animation-delay: 2.3s;
  transition-delay: 2.3s; }

.delayp24 {
  animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  -webkit-animation-delay: 2.4s;
  -o-animation-delay: 2.4s;
  transition-delay: 2.4s; }

.delayp25 {
  animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
  -o-animation-delay: 2.5s;
  transition-delay: 2.5s; }

.delayp26 {
  animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  -webkit-animation-delay: 2.6s;
  -o-animation-delay: 2.6s;
  transition-delay: 2.6s; }

.delayp27 {
  animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
  -webkit-animation-delay: 2.7s;
  -o-animation-delay: 2.7s;
  transition-delay: 2.7s; }

.delayp28 {
  animation-delay: 2.8s;
  -moz-animation-delay: 2.8s;
  -webkit-animation-delay: 2.8s;
  -o-animation-delay: 2.8s;
  transition-delay: 2.8s; }

.delayp29 {
  animation-delay: 2.9s;
  -moz-animation-delay: 2.9s;
  -webkit-animation-delay: 2.9s;
  -o-animation-delay: 2.9s;
  transition-delay: 2.9s; }

.delayp30 {
  animation-delay: 3s;
  -moz-animation-delay: 3s;
  -webkit-animation-delay: 3s;
  -o-animation-delay: 3s;
  transition-delay: 3s; }

.delayp31 {
  animation-delay: 3.1s;
  -moz-animation-delay: 3.1s;
  -webkit-animation-delay: 3.1s;
  -o-animation-delay: 3.1s;
  transition-delay: 3.1s; }

.delayp32 {
  animation-delay: 3.2s;
  -moz-animation-delay: 3.2s;
  -webkit-animation-delay: 3.2s;
  -o-animation-delay: 3.2s;
  transition-delay: 3.2s; }

.delayp33 {
  animation-delay: 3.3s;
  -moz-animation-delay: 3.3s;
  -webkit-animation-delay: 3.3s;
  -o-animation-delay: 3.3s;
  transition-delay: 3.3s; }

.delayp34 {
  animation-delay: 3.4s;
  -moz-animation-delay: 3.4s;
  -webkit-animation-delay: 3.4s;
  -o-animation-delay: 3.4s;
  transition-delay: 3.4s; }

.delayp35 {
  animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  transition-delay: 3.5s; }

.delayp36 {
  animation-delay: 3.6s;
  -moz-animation-delay: 3.6s;
  -webkit-animation-delay: 3.6s;
  -o-animation-delay: 3.6s;
  transition-delay: 3.6s; }

.delayp37 {
  animation-delay: 3.7s;
  -moz-animation-delay: 3.7s;
  -webkit-animation-delay: 3.7s;
  -o-animation-delay: 3.7s;
  transition-delay: 3.7s; }

.delayp38 {
  animation-delay: 3.8s;
  -moz-animation-delay: 3.8s;
  -webkit-animation-delay: 3.8s;
  -o-animation-delay: 3.8s;
  transition-delay: 3.8s; }

.delayp39 {
  animation-delay: 3.9s;
  -moz-animation-delay: 3.9s;
  -webkit-animation-delay: 3.9s;
  -o-animation-delay: 3.9s;
  transition-delay: 3.9s; }

.delayp40 {
  animation-delay: 4s;
  -moz-animation-delay: 4s;
  -webkit-animation-delay: 4s;
  -o-animation-delay: 4s;
  transition-delay: 4s; }

.delayp41 {
  animation-delay: 4.1s;
  -moz-animation-delay: 4.1s;
  -webkit-animation-delay: 4.1s;
  -o-animation-delay: 4.1s;
  transition-delay: 4.1s; }

.delayp42 {
  animation-delay: 4.2s;
  -moz-animation-delay: 4.2s;
  -webkit-animation-delay: 4.2s;
  -o-animation-delay: 4.2s;
  transition-delay: 4.2s; }

.delayp43 {
  animation-delay: 4.3s;
  -moz-animation-delay: 4.3s;
  -webkit-animation-delay: 4.3s;
  -o-animation-delay: 4.3s;
  transition-delay: 4.3s; }

.delayp44 {
  animation-delay: 4.4s;
  -moz-animation-delay: 4.4s;
  -webkit-animation-delay: 4.4s;
  -o-animation-delay: 4.4s;
  transition-delay: 4.4s; }

.delayp45 {
  animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  -webkit-animation-delay: 4.5s;
  -o-animation-delay: 4.5s;
  transition-delay: 4.5s; }

.delayp46 {
  animation-delay: 4.6s;
  -moz-animation-delay: 4.6s;
  -webkit-animation-delay: 4.6s;
  -o-animation-delay: 4.6s;
  transition-delay: 4.6s; }

.delayp47 {
  animation-delay: 4.7s;
  -moz-animation-delay: 4.7s;
  -webkit-animation-delay: 4.7s;
  -o-animation-delay: 4.7s;
  transition-delay: 4.7s; }

.delayp48 {
  animation-delay: 4.8s;
  -moz-animation-delay: 4.8s;
  -webkit-animation-delay: 4.8s;
  -o-animation-delay: 4.8s;
  transition-delay: 4.8s; }

.delayp49 {
  animation-delay: 4.9s;
  -moz-animation-delay: 4.9s;
  -webkit-animation-delay: 4.9s;
  -o-animation-delay: 4.9s;
  transition-delay: 4.9s; }

.delayp50 {
  animation-delay: 5s;
  -moz-animation-delay: 5s;
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  transition-delay: 5s; }

.delayp51 {
  animation-delay: 5.1s;
  -moz-animation-delay: 5.1s;
  -webkit-animation-delay: 5.1s;
  -o-animation-delay: 5.1s;
  transition-delay: 5.1s; }

.delayp52 {
  animation-delay: 5.2s;
  -moz-animation-delay: 5.2s;
  -webkit-animation-delay: 5.2s;
  -o-animation-delay: 5.2s;
  transition-delay: 5.2s; }

.delayp53 {
  animation-delay: 5.3s;
  -moz-animation-delay: 5.3s;
  -webkit-animation-delay: 5.3s;
  -o-animation-delay: 5.3s;
  transition-delay: 5.3s; }

.delayp54 {
  animation-delay: 5.4s;
  -moz-animation-delay: 5.4s;
  -webkit-animation-delay: 5.4s;
  -o-animation-delay: 5.4s;
  transition-delay: 5.4s; }

.delayp55 {
  animation-delay: 5.5s;
  -moz-animation-delay: 5.5s;
  -webkit-animation-delay: 5.5s;
  -o-animation-delay: 5.5s;
  transition-delay: 5.5s; }

.delayp56 {
  animation-delay: 5.6s;
  -moz-animation-delay: 5.6s;
  -webkit-animation-delay: 5.6s;
  -o-animation-delay: 5.6s;
  transition-delay: 5.6s; }

.delayp57 {
  animation-delay: 5.7s;
  -moz-animation-delay: 5.7s;
  -webkit-animation-delay: 5.7s;
  -o-animation-delay: 5.7s;
  transition-delay: 5.7s; }

.delayp58 {
  animation-delay: 5.8s;
  -moz-animation-delay: 5.8s;
  -webkit-animation-delay: 5.8s;
  -o-animation-delay: 5.8s;
  transition-delay: 5.8s; }

.delayp59 {
  animation-delay: 5.9s;
  -moz-animation-delay: 5.9s;
  -webkit-animation-delay: 5.9s;
  -o-animation-delay: 5.9s;
  transition-delay: 5.9s; }

.delayp60 {
  animation-delay: 6s;
  -moz-animation-delay: 6s;
  -webkit-animation-delay: 6s;
  -o-animation-delay: 6s;
  transition-delay: 6s; }

.delayp61 {
  animation-delay: 6.1s;
  -moz-animation-delay: 6.1s;
  -webkit-animation-delay: 6.1s;
  -o-animation-delay: 6.1s;
  transition-delay: 6.1s; }

.delayp62 {
  animation-delay: 6.2s;
  -moz-animation-delay: 6.2s;
  -webkit-animation-delay: 6.2s;
  -o-animation-delay: 6.2s;
  transition-delay: 6.2s; }

.delayp63 {
  animation-delay: 6.3s;
  -moz-animation-delay: 6.3s;
  -webkit-animation-delay: 6.3s;
  -o-animation-delay: 6.3s;
  transition-delay: 6.3s; }

.delayp64 {
  animation-delay: 6.4s;
  -moz-animation-delay: 6.4s;
  -webkit-animation-delay: 6.4s;
  -o-animation-delay: 6.4s;
  transition-delay: 6.4s; }

.delayp65 {
  animation-delay: 6.5s;
  -moz-animation-delay: 6.5s;
  -webkit-animation-delay: 6.5s;
  -o-animation-delay: 6.5s;
  transition-delay: 6.5s; }

.delayp66 {
  animation-delay: 6.6s;
  -moz-animation-delay: 6.6s;
  -webkit-animation-delay: 6.6s;
  -o-animation-delay: 6.6s;
  transition-delay: 6.6s; }

.delayp67 {
  animation-delay: 6.7s;
  -moz-animation-delay: 6.7s;
  -webkit-animation-delay: 6.7s;
  -o-animation-delay: 6.7s;
  transition-delay: 6.7s; }

.delayp68 {
  animation-delay: 6.8s;
  -moz-animation-delay: 6.8s;
  -webkit-animation-delay: 6.8s;
  -o-animation-delay: 6.8s;
  transition-delay: 6.8s; }

.delayp69 {
  animation-delay: 6.9s;
  -moz-animation-delay: 6.9s;
  -webkit-animation-delay: 6.9s;
  -o-animation-delay: 6.9s;
  transition-delay: 6.9s; }

.delayp70 {
  animation-delay: 7s;
  -moz-animation-delay: 7s;
  -webkit-animation-delay: 7s;
  -o-animation-delay: 7s;
  transition-delay: 7s; }

.delayp71 {
  animation-delay: 7.1s;
  -moz-animation-delay: 7.1s;
  -webkit-animation-delay: 7.1s;
  -o-animation-delay: 7.1s;
  transition-delay: 7.1s; }

.delayp72 {
  animation-delay: 7.2s;
  -moz-animation-delay: 7.2s;
  -webkit-animation-delay: 7.2s;
  -o-animation-delay: 7.2s;
  transition-delay: 7.2s; }

.delayp73 {
  animation-delay: 7.3s;
  -moz-animation-delay: 7.3s;
  -webkit-animation-delay: 7.3s;
  -o-animation-delay: 7.3s;
  transition-delay: 7.3s; }

.delayp74 {
  animation-delay: 7.4s;
  -moz-animation-delay: 7.4s;
  -webkit-animation-delay: 7.4s;
  -o-animation-delay: 7.4s;
  transition-delay: 7.4s; }

.delayp75 {
  animation-delay: 7.5s;
  -moz-animation-delay: 7.5s;
  -webkit-animation-delay: 7.5s;
  -o-animation-delay: 7.5s;
  transition-delay: 7.5s; }

.delayp76 {
  animation-delay: 7.6s;
  -moz-animation-delay: 7.6s;
  -webkit-animation-delay: 7.6s;
  -o-animation-delay: 7.6s;
  transition-delay: 7.6s; }

.delayp77 {
  animation-delay: 7.7s;
  -moz-animation-delay: 7.7s;
  -webkit-animation-delay: 7.7s;
  -o-animation-delay: 7.7s;
  transition-delay: 7.7s; }

.delayp78 {
  animation-delay: 7.8s;
  -moz-animation-delay: 7.8s;
  -webkit-animation-delay: 7.8s;
  -o-animation-delay: 7.8s;
  transition-delay: 7.8s; }

.delayp79 {
  animation-delay: 7.9s;
  -moz-animation-delay: 7.9s;
  -webkit-animation-delay: 7.9s;
  -o-animation-delay: 7.9s;
  transition-delay: 7.9s; }

.delayp80 {
  animation-delay: 8s;
  -moz-animation-delay: 8s;
  -webkit-animation-delay: 8s;
  -o-animation-delay: 8s;
  transition-delay: 8s; }

.delayp81 {
  animation-delay: 8.1s;
  -moz-animation-delay: 8.1s;
  -webkit-animation-delay: 8.1s;
  -o-animation-delay: 8.1s;
  transition-delay: 8.1s; }

.delayp82 {
  animation-delay: 8.2s;
  -moz-animation-delay: 8.2s;
  -webkit-animation-delay: 8.2s;
  -o-animation-delay: 8.2s;
  transition-delay: 8.2s; }

.delayp83 {
  animation-delay: 8.3s;
  -moz-animation-delay: 8.3s;
  -webkit-animation-delay: 8.3s;
  -o-animation-delay: 8.3s;
  transition-delay: 8.3s; }

.delayp84 {
  animation-delay: 8.4s;
  -moz-animation-delay: 8.4s;
  -webkit-animation-delay: 8.4s;
  -o-animation-delay: 8.4s;
  transition-delay: 8.4s; }

.delayp85 {
  animation-delay: 8.5s;
  -moz-animation-delay: 8.5s;
  -webkit-animation-delay: 8.5s;
  -o-animation-delay: 8.5s;
  transition-delay: 8.5s; }

.delayp86 {
  animation-delay: 8.6s;
  -moz-animation-delay: 8.6s;
  -webkit-animation-delay: 8.6s;
  -o-animation-delay: 8.6s;
  transition-delay: 8.6s; }

.delayp87 {
  animation-delay: 8.7s;
  -moz-animation-delay: 8.7s;
  -webkit-animation-delay: 8.7s;
  -o-animation-delay: 8.7s;
  transition-delay: 8.7s; }

.delayp88 {
  animation-delay: 8.8s;
  -moz-animation-delay: 8.8s;
  -webkit-animation-delay: 8.8s;
  -o-animation-delay: 8.8s;
  transition-delay: 8.8s; }

.delayp89 {
  animation-delay: 8.9s;
  -moz-animation-delay: 8.9s;
  -webkit-animation-delay: 8.9s;
  -o-animation-delay: 8.9s;
  transition-delay: 8.9s; }

.delayp90 {
  animation-delay: 9s;
  -moz-animation-delay: 9s;
  -webkit-animation-delay: 9s;
  -o-animation-delay: 9s;
  transition-delay: 9s; }

.delayp91 {
  animation-delay: 9.1s;
  -moz-animation-delay: 9.1s;
  -webkit-animation-delay: 9.1s;
  -o-animation-delay: 9.1s;
  transition-delay: 9.1s; }

.delayp92 {
  animation-delay: 9.2s;
  -moz-animation-delay: 9.2s;
  -webkit-animation-delay: 9.2s;
  -o-animation-delay: 9.2s;
  transition-delay: 9.2s; }

.delayp93 {
  animation-delay: 9.3s;
  -moz-animation-delay: 9.3s;
  -webkit-animation-delay: 9.3s;
  -o-animation-delay: 9.3s;
  transition-delay: 9.3s; }

.delayp94 {
  animation-delay: 9.4s;
  -moz-animation-delay: 9.4s;
  -webkit-animation-delay: 9.4s;
  -o-animation-delay: 9.4s;
  transition-delay: 9.4s; }

.delayp95 {
  animation-delay: 9.5s;
  -moz-animation-delay: 9.5s;
  -webkit-animation-delay: 9.5s;
  -o-animation-delay: 9.5s;
  transition-delay: 9.5s; }

.delayp96 {
  animation-delay: 9.6s;
  -moz-animation-delay: 9.6s;
  -webkit-animation-delay: 9.6s;
  -o-animation-delay: 9.6s;
  transition-delay: 9.6s; }

.delayp97 {
  animation-delay: 9.7s;
  -moz-animation-delay: 9.7s;
  -webkit-animation-delay: 9.7s;
  -o-animation-delay: 9.7s;
  transition-delay: 9.7s; }

.delayp98 {
  animation-delay: 9.8s;
  -moz-animation-delay: 9.8s;
  -webkit-animation-delay: 9.8s;
  -o-animation-delay: 9.8s;
  transition-delay: 9.8s; }

.delayp99 {
  animation-delay: 9.9s;
  -moz-animation-delay: 9.9s;
  -webkit-animation-delay: 9.9s;
  -o-animation-delay: 9.9s;
  transition-delay: 9.9s; }

.delayp100 {
  animation-delay: 10s;
  -moz-animation-delay: 10s;
  -webkit-animation-delay: 10s;
  -o-animation-delay: 10s;
  transition-delay: 10s; }

.delayp101 {
  animation-delay: 10.1s;
  -moz-animation-delay: 10.1s;
  -webkit-animation-delay: 10.1s;
  -o-animation-delay: 10.1s;
  transition-delay: 10.1s; }

.delayp102 {
  animation-delay: 10.2s;
  -moz-animation-delay: 10.2s;
  -webkit-animation-delay: 10.2s;
  -o-animation-delay: 10.2s;
  transition-delay: 10.2s; }

.delayp103 {
  animation-delay: 10.3s;
  -moz-animation-delay: 10.3s;
  -webkit-animation-delay: 10.3s;
  -o-animation-delay: 10.3s;
  transition-delay: 10.3s; }

.delayp104 {
  animation-delay: 10.4s;
  -moz-animation-delay: 10.4s;
  -webkit-animation-delay: 10.4s;
  -o-animation-delay: 10.4s;
  transition-delay: 10.4s; }

.delayp105 {
  animation-delay: 10.5s;
  -moz-animation-delay: 10.5s;
  -webkit-animation-delay: 10.5s;
  -o-animation-delay: 10.5s;
  transition-delay: 10.5s; }

.delayp106 {
  animation-delay: 10.6s;
  -moz-animation-delay: 10.6s;
  -webkit-animation-delay: 10.6s;
  -o-animation-delay: 10.6s;
  transition-delay: 10.6s; }

.delayp107 {
  animation-delay: 10.7s;
  -moz-animation-delay: 10.7s;
  -webkit-animation-delay: 10.7s;
  -o-animation-delay: 10.7s;
  transition-delay: 10.7s; }

.delayp108 {
  animation-delay: 10.8s;
  -moz-animation-delay: 10.8s;
  -webkit-animation-delay: 10.8s;
  -o-animation-delay: 10.8s;
  transition-delay: 10.8s; }

.delayp109 {
  animation-delay: 10.9s;
  -moz-animation-delay: 10.9s;
  -webkit-animation-delay: 10.9s;
  -o-animation-delay: 10.9s;
  transition-delay: 10.9s; }

.delayp110 {
  animation-delay: 11s;
  -moz-animation-delay: 11s;
  -webkit-animation-delay: 11s;
  -o-animation-delay: 11s;
  transition-delay: 11s; }

.delayp111 {
  animation-delay: 11.1s;
  -moz-animation-delay: 11.1s;
  -webkit-animation-delay: 11.1s;
  -o-animation-delay: 11.1s;
  transition-delay: 11.1s; }

.delayp112 {
  animation-delay: 11.2s;
  -moz-animation-delay: 11.2s;
  -webkit-animation-delay: 11.2s;
  -o-animation-delay: 11.2s;
  transition-delay: 11.2s; }

.delayp113 {
  animation-delay: 11.3s;
  -moz-animation-delay: 11.3s;
  -webkit-animation-delay: 11.3s;
  -o-animation-delay: 11.3s;
  transition-delay: 11.3s; }

.delayp114 {
  animation-delay: 11.4s;
  -moz-animation-delay: 11.4s;
  -webkit-animation-delay: 11.4s;
  -o-animation-delay: 11.4s;
  transition-delay: 11.4s; }

.delayp115 {
  animation-delay: 11.5s;
  -moz-animation-delay: 11.5s;
  -webkit-animation-delay: 11.5s;
  -o-animation-delay: 11.5s;
  transition-delay: 11.5s; }

.delayp116 {
  animation-delay: 11.6s;
  -moz-animation-delay: 11.6s;
  -webkit-animation-delay: 11.6s;
  -o-animation-delay: 11.6s;
  transition-delay: 11.6s; }

.delayp117 {
  animation-delay: 11.7s;
  -moz-animation-delay: 11.7s;
  -webkit-animation-delay: 11.7s;
  -o-animation-delay: 11.7s;
  transition-delay: 11.7s; }

.delayp118 {
  animation-delay: 11.8s;
  -moz-animation-delay: 11.8s;
  -webkit-animation-delay: 11.8s;
  -o-animation-delay: 11.8s;
  transition-delay: 11.8s; }

.delayp119 {
  animation-delay: 11.9s;
  -moz-animation-delay: 11.9s;
  -webkit-animation-delay: 11.9s;
  -o-animation-delay: 11.9s;
  transition-delay: 11.9s; }

.delayp120 {
  animation-delay: 12s;
  -moz-animation-delay: 12s;
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  transition-delay: 12s; }

.delayp121 {
  animation-delay: 12.1s;
  -moz-animation-delay: 12.1s;
  -webkit-animation-delay: 12.1s;
  -o-animation-delay: 12.1s;
  transition-delay: 12.1s; }

.delayp122 {
  animation-delay: 12.2s;
  -moz-animation-delay: 12.2s;
  -webkit-animation-delay: 12.2s;
  -o-animation-delay: 12.2s;
  transition-delay: 12.2s; }

.delayp123 {
  animation-delay: 12.3s;
  -moz-animation-delay: 12.3s;
  -webkit-animation-delay: 12.3s;
  -o-animation-delay: 12.3s;
  transition-delay: 12.3s; }

.delayp124 {
  animation-delay: 12.4s;
  -moz-animation-delay: 12.4s;
  -webkit-animation-delay: 12.4s;
  -o-animation-delay: 12.4s;
  transition-delay: 12.4s; }

.delayp125 {
  animation-delay: 12.5s;
  -moz-animation-delay: 12.5s;
  -webkit-animation-delay: 12.5s;
  -o-animation-delay: 12.5s;
  transition-delay: 12.5s; }

.delayp126 {
  animation-delay: 12.6s;
  -moz-animation-delay: 12.6s;
  -webkit-animation-delay: 12.6s;
  -o-animation-delay: 12.6s;
  transition-delay: 12.6s; }

.delayp127 {
  animation-delay: 12.7s;
  -moz-animation-delay: 12.7s;
  -webkit-animation-delay: 12.7s;
  -o-animation-delay: 12.7s;
  transition-delay: 12.7s; }

.delayp128 {
  animation-delay: 12.8s;
  -moz-animation-delay: 12.8s;
  -webkit-animation-delay: 12.8s;
  -o-animation-delay: 12.8s;
  transition-delay: 12.8s; }

.delayp129 {
  animation-delay: 12.9s;
  -moz-animation-delay: 12.9s;
  -webkit-animation-delay: 12.9s;
  -o-animation-delay: 12.9s;
  transition-delay: 12.9s; }

.delayp130 {
  animation-delay: 13s;
  -moz-animation-delay: 13s;
  -webkit-animation-delay: 13s;
  -o-animation-delay: 13s;
  transition-delay: 13s; }

.delayp131 {
  animation-delay: 13.1s;
  -moz-animation-delay: 13.1s;
  -webkit-animation-delay: 13.1s;
  -o-animation-delay: 13.1s;
  transition-delay: 13.1s; }

.delayp132 {
  animation-delay: 13.2s;
  -moz-animation-delay: 13.2s;
  -webkit-animation-delay: 13.2s;
  -o-animation-delay: 13.2s;
  transition-delay: 13.2s; }

.delayp133 {
  animation-delay: 13.3s;
  -moz-animation-delay: 13.3s;
  -webkit-animation-delay: 13.3s;
  -o-animation-delay: 13.3s;
  transition-delay: 13.3s; }

.delayp134 {
  animation-delay: 13.4s;
  -moz-animation-delay: 13.4s;
  -webkit-animation-delay: 13.4s;
  -o-animation-delay: 13.4s;
  transition-delay: 13.4s; }

.delayp135 {
  animation-delay: 13.5s;
  -moz-animation-delay: 13.5s;
  -webkit-animation-delay: 13.5s;
  -o-animation-delay: 13.5s;
  transition-delay: 13.5s; }

.delayp136 {
  animation-delay: 13.6s;
  -moz-animation-delay: 13.6s;
  -webkit-animation-delay: 13.6s;
  -o-animation-delay: 13.6s;
  transition-delay: 13.6s; }

.delayp137 {
  animation-delay: 13.7s;
  -moz-animation-delay: 13.7s;
  -webkit-animation-delay: 13.7s;
  -o-animation-delay: 13.7s;
  transition-delay: 13.7s; }

.delayp138 {
  animation-delay: 13.8s;
  -moz-animation-delay: 13.8s;
  -webkit-animation-delay: 13.8s;
  -o-animation-delay: 13.8s;
  transition-delay: 13.8s; }

.delayp139 {
  animation-delay: 13.9s;
  -moz-animation-delay: 13.9s;
  -webkit-animation-delay: 13.9s;
  -o-animation-delay: 13.9s;
  transition-delay: 13.9s; }

.delayp140 {
  animation-delay: 14s;
  -moz-animation-delay: 14s;
  -webkit-animation-delay: 14s;
  -o-animation-delay: 14s;
  transition-delay: 14s; }

.delayp141 {
  animation-delay: 14.1s;
  -moz-animation-delay: 14.1s;
  -webkit-animation-delay: 14.1s;
  -o-animation-delay: 14.1s;
  transition-delay: 14.1s; }

.delayp142 {
  animation-delay: 14.2s;
  -moz-animation-delay: 14.2s;
  -webkit-animation-delay: 14.2s;
  -o-animation-delay: 14.2s;
  transition-delay: 14.2s; }

.delayp143 {
  animation-delay: 14.3s;
  -moz-animation-delay: 14.3s;
  -webkit-animation-delay: 14.3s;
  -o-animation-delay: 14.3s;
  transition-delay: 14.3s; }

.delayp144 {
  animation-delay: 14.4s;
  -moz-animation-delay: 14.4s;
  -webkit-animation-delay: 14.4s;
  -o-animation-delay: 14.4s;
  transition-delay: 14.4s; }

.delayp145 {
  animation-delay: 14.5s;
  -moz-animation-delay: 14.5s;
  -webkit-animation-delay: 14.5s;
  -o-animation-delay: 14.5s;
  transition-delay: 14.5s; }

.delayp146 {
  animation-delay: 14.6s;
  -moz-animation-delay: 14.6s;
  -webkit-animation-delay: 14.6s;
  -o-animation-delay: 14.6s;
  transition-delay: 14.6s; }

.delayp147 {
  animation-delay: 14.7s;
  -moz-animation-delay: 14.7s;
  -webkit-animation-delay: 14.7s;
  -o-animation-delay: 14.7s;
  transition-delay: 14.7s; }

.delayp148 {
  animation-delay: 14.8s;
  -moz-animation-delay: 14.8s;
  -webkit-animation-delay: 14.8s;
  -o-animation-delay: 14.8s;
  transition-delay: 14.8s; }

.delayp149 {
  animation-delay: 14.9s;
  -moz-animation-delay: 14.9s;
  -webkit-animation-delay: 14.9s;
  -o-animation-delay: 14.9s;
  transition-delay: 14.9s; }

.delayp150 {
  animation-delay: 15s;
  -moz-animation-delay: 15s;
  -webkit-animation-delay: 15s;
  -o-animation-delay: 15s;
  transition-delay: 15s; }

.delayp151 {
  animation-delay: 15.1s;
  -moz-animation-delay: 15.1s;
  -webkit-animation-delay: 15.1s;
  -o-animation-delay: 15.1s;
  transition-delay: 15.1s; }

.delayp152 {
  animation-delay: 15.2s;
  -moz-animation-delay: 15.2s;
  -webkit-animation-delay: 15.2s;
  -o-animation-delay: 15.2s;
  transition-delay: 15.2s; }

.delayp153 {
  animation-delay: 15.3s;
  -moz-animation-delay: 15.3s;
  -webkit-animation-delay: 15.3s;
  -o-animation-delay: 15.3s;
  transition-delay: 15.3s; }

.delayp154 {
  animation-delay: 15.4s;
  -moz-animation-delay: 15.4s;
  -webkit-animation-delay: 15.4s;
  -o-animation-delay: 15.4s;
  transition-delay: 15.4s; }

.delayp155 {
  animation-delay: 15.5s;
  -moz-animation-delay: 15.5s;
  -webkit-animation-delay: 15.5s;
  -o-animation-delay: 15.5s;
  transition-delay: 15.5s; }

.delayp156 {
  animation-delay: 15.6s;
  -moz-animation-delay: 15.6s;
  -webkit-animation-delay: 15.6s;
  -o-animation-delay: 15.6s;
  transition-delay: 15.6s; }

.delayp157 {
  animation-delay: 15.7s;
  -moz-animation-delay: 15.7s;
  -webkit-animation-delay: 15.7s;
  -o-animation-delay: 15.7s;
  transition-delay: 15.7s; }

.delayp158 {
  animation-delay: 15.8s;
  -moz-animation-delay: 15.8s;
  -webkit-animation-delay: 15.8s;
  -o-animation-delay: 15.8s;
  transition-delay: 15.8s; }

.delayp159 {
  animation-delay: 15.9s;
  -moz-animation-delay: 15.9s;
  -webkit-animation-delay: 15.9s;
  -o-animation-delay: 15.9s;
  transition-delay: 15.9s; }

.delayp160 {
  animation-delay: 16s;
  -moz-animation-delay: 16s;
  -webkit-animation-delay: 16s;
  -o-animation-delay: 16s;
  transition-delay: 16s; }

.delayp161 {
  animation-delay: 16.1s;
  -moz-animation-delay: 16.1s;
  -webkit-animation-delay: 16.1s;
  -o-animation-delay: 16.1s;
  transition-delay: 16.1s; }

.delayp162 {
  animation-delay: 16.2s;
  -moz-animation-delay: 16.2s;
  -webkit-animation-delay: 16.2s;
  -o-animation-delay: 16.2s;
  transition-delay: 16.2s; }

.delayp163 {
  animation-delay: 16.3s;
  -moz-animation-delay: 16.3s;
  -webkit-animation-delay: 16.3s;
  -o-animation-delay: 16.3s;
  transition-delay: 16.3s; }

.delayp164 {
  animation-delay: 16.4s;
  -moz-animation-delay: 16.4s;
  -webkit-animation-delay: 16.4s;
  -o-animation-delay: 16.4s;
  transition-delay: 16.4s; }

.delayp165 {
  animation-delay: 16.5s;
  -moz-animation-delay: 16.5s;
  -webkit-animation-delay: 16.5s;
  -o-animation-delay: 16.5s;
  transition-delay: 16.5s; }

.delayp166 {
  animation-delay: 16.6s;
  -moz-animation-delay: 16.6s;
  -webkit-animation-delay: 16.6s;
  -o-animation-delay: 16.6s;
  transition-delay: 16.6s; }

.delayp167 {
  animation-delay: 16.7s;
  -moz-animation-delay: 16.7s;
  -webkit-animation-delay: 16.7s;
  -o-animation-delay: 16.7s;
  transition-delay: 16.7s; }

.delayp168 {
  animation-delay: 16.8s;
  -moz-animation-delay: 16.8s;
  -webkit-animation-delay: 16.8s;
  -o-animation-delay: 16.8s;
  transition-delay: 16.8s; }

.delayp169 {
  animation-delay: 16.9s;
  -moz-animation-delay: 16.9s;
  -webkit-animation-delay: 16.9s;
  -o-animation-delay: 16.9s;
  transition-delay: 16.9s; }

.delayp170 {
  animation-delay: 17s;
  -moz-animation-delay: 17s;
  -webkit-animation-delay: 17s;
  -o-animation-delay: 17s;
  transition-delay: 17s; }

.delayp171 {
  animation-delay: 17.1s;
  -moz-animation-delay: 17.1s;
  -webkit-animation-delay: 17.1s;
  -o-animation-delay: 17.1s;
  transition-delay: 17.1s; }

.delayp172 {
  animation-delay: 17.2s;
  -moz-animation-delay: 17.2s;
  -webkit-animation-delay: 17.2s;
  -o-animation-delay: 17.2s;
  transition-delay: 17.2s; }

.delayp173 {
  animation-delay: 17.3s;
  -moz-animation-delay: 17.3s;
  -webkit-animation-delay: 17.3s;
  -o-animation-delay: 17.3s;
  transition-delay: 17.3s; }

.delayp174 {
  animation-delay: 17.4s;
  -moz-animation-delay: 17.4s;
  -webkit-animation-delay: 17.4s;
  -o-animation-delay: 17.4s;
  transition-delay: 17.4s; }

.delayp175 {
  animation-delay: 17.5s;
  -moz-animation-delay: 17.5s;
  -webkit-animation-delay: 17.5s;
  -o-animation-delay: 17.5s;
  transition-delay: 17.5s; }

.delayp176 {
  animation-delay: 17.6s;
  -moz-animation-delay: 17.6s;
  -webkit-animation-delay: 17.6s;
  -o-animation-delay: 17.6s;
  transition-delay: 17.6s; }

.delayp177 {
  animation-delay: 17.7s;
  -moz-animation-delay: 17.7s;
  -webkit-animation-delay: 17.7s;
  -o-animation-delay: 17.7s;
  transition-delay: 17.7s; }

.delayp178 {
  animation-delay: 17.8s;
  -moz-animation-delay: 17.8s;
  -webkit-animation-delay: 17.8s;
  -o-animation-delay: 17.8s;
  transition-delay: 17.8s; }

.delayp179 {
  animation-delay: 17.9s;
  -moz-animation-delay: 17.9s;
  -webkit-animation-delay: 17.9s;
  -o-animation-delay: 17.9s;
  transition-delay: 17.9s; }

.delayp180 {
  animation-delay: 18s;
  -moz-animation-delay: 18s;
  -webkit-animation-delay: 18s;
  -o-animation-delay: 18s;
  transition-delay: 18s; }

.delayp181 {
  animation-delay: 18.1s;
  -moz-animation-delay: 18.1s;
  -webkit-animation-delay: 18.1s;
  -o-animation-delay: 18.1s;
  transition-delay: 18.1s; }

.delayp182 {
  animation-delay: 18.2s;
  -moz-animation-delay: 18.2s;
  -webkit-animation-delay: 18.2s;
  -o-animation-delay: 18.2s;
  transition-delay: 18.2s; }

.delayp183 {
  animation-delay: 18.3s;
  -moz-animation-delay: 18.3s;
  -webkit-animation-delay: 18.3s;
  -o-animation-delay: 18.3s;
  transition-delay: 18.3s; }

.delayp184 {
  animation-delay: 18.4s;
  -moz-animation-delay: 18.4s;
  -webkit-animation-delay: 18.4s;
  -o-animation-delay: 18.4s;
  transition-delay: 18.4s; }

.delayp185 {
  animation-delay: 18.5s;
  -moz-animation-delay: 18.5s;
  -webkit-animation-delay: 18.5s;
  -o-animation-delay: 18.5s;
  transition-delay: 18.5s; }

.delayp186 {
  animation-delay: 18.6s;
  -moz-animation-delay: 18.6s;
  -webkit-animation-delay: 18.6s;
  -o-animation-delay: 18.6s;
  transition-delay: 18.6s; }

.delayp187 {
  animation-delay: 18.7s;
  -moz-animation-delay: 18.7s;
  -webkit-animation-delay: 18.7s;
  -o-animation-delay: 18.7s;
  transition-delay: 18.7s; }

.delayp188 {
  animation-delay: 18.8s;
  -moz-animation-delay: 18.8s;
  -webkit-animation-delay: 18.8s;
  -o-animation-delay: 18.8s;
  transition-delay: 18.8s; }

.delayp189 {
  animation-delay: 18.9s;
  -moz-animation-delay: 18.9s;
  -webkit-animation-delay: 18.9s;
  -o-animation-delay: 18.9s;
  transition-delay: 18.9s; }

.delayp190 {
  animation-delay: 19s;
  -moz-animation-delay: 19s;
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  transition-delay: 19s; }

.delayp191 {
  animation-delay: 19.1s;
  -moz-animation-delay: 19.1s;
  -webkit-animation-delay: 19.1s;
  -o-animation-delay: 19.1s;
  transition-delay: 19.1s; }

.delayp192 {
  animation-delay: 19.2s;
  -moz-animation-delay: 19.2s;
  -webkit-animation-delay: 19.2s;
  -o-animation-delay: 19.2s;
  transition-delay: 19.2s; }

.delayp193 {
  animation-delay: 19.3s;
  -moz-animation-delay: 19.3s;
  -webkit-animation-delay: 19.3s;
  -o-animation-delay: 19.3s;
  transition-delay: 19.3s; }

.delayp194 {
  animation-delay: 19.4s;
  -moz-animation-delay: 19.4s;
  -webkit-animation-delay: 19.4s;
  -o-animation-delay: 19.4s;
  transition-delay: 19.4s; }

.delayp195 {
  animation-delay: 19.5s;
  -moz-animation-delay: 19.5s;
  -webkit-animation-delay: 19.5s;
  -o-animation-delay: 19.5s;
  transition-delay: 19.5s; }

.delayp196 {
  animation-delay: 19.6s;
  -moz-animation-delay: 19.6s;
  -webkit-animation-delay: 19.6s;
  -o-animation-delay: 19.6s;
  transition-delay: 19.6s; }

.delayp197 {
  animation-delay: 19.7s;
  -moz-animation-delay: 19.7s;
  -webkit-animation-delay: 19.7s;
  -o-animation-delay: 19.7s;
  transition-delay: 19.7s; }

.delayp198 {
  animation-delay: 19.8s;
  -moz-animation-delay: 19.8s;
  -webkit-animation-delay: 19.8s;
  -o-animation-delay: 19.8s;
  transition-delay: 19.8s; }

.delayp199 {
  animation-delay: 19.9s;
  -moz-animation-delay: 19.9s;
  -webkit-animation-delay: 19.9s;
  -o-animation-delay: 19.9s;
  transition-delay: 19.9s; }

.delayp200 {
  animation-delay: 20s;
  -moz-animation-delay: 20s;
  -webkit-animation-delay: 20s;
  -o-animation-delay: 20s;
  transition-delay: 20s; }

.delayp201 {
  animation-delay: 20.1s;
  -moz-animation-delay: 20.1s;
  -webkit-animation-delay: 20.1s;
  -o-animation-delay: 20.1s;
  transition-delay: 20.1s; }

.delayp202 {
  animation-delay: 20.2s;
  -moz-animation-delay: 20.2s;
  -webkit-animation-delay: 20.2s;
  -o-animation-delay: 20.2s;
  transition-delay: 20.2s; }

.delayp203 {
  animation-delay: 20.3s;
  -moz-animation-delay: 20.3s;
  -webkit-animation-delay: 20.3s;
  -o-animation-delay: 20.3s;
  transition-delay: 20.3s; }

.delayp204 {
  animation-delay: 20.4s;
  -moz-animation-delay: 20.4s;
  -webkit-animation-delay: 20.4s;
  -o-animation-delay: 20.4s;
  transition-delay: 20.4s; }

.delayp205 {
  animation-delay: 20.5s;
  -moz-animation-delay: 20.5s;
  -webkit-animation-delay: 20.5s;
  -o-animation-delay: 20.5s;
  transition-delay: 20.5s; }

.delayp206 {
  animation-delay: 20.6s;
  -moz-animation-delay: 20.6s;
  -webkit-animation-delay: 20.6s;
  -o-animation-delay: 20.6s;
  transition-delay: 20.6s; }

.delayp207 {
  animation-delay: 20.7s;
  -moz-animation-delay: 20.7s;
  -webkit-animation-delay: 20.7s;
  -o-animation-delay: 20.7s;
  transition-delay: 20.7s; }

.delayp208 {
  animation-delay: 20.8s;
  -moz-animation-delay: 20.8s;
  -webkit-animation-delay: 20.8s;
  -o-animation-delay: 20.8s;
  transition-delay: 20.8s; }

.delayp209 {
  animation-delay: 20.9s;
  -moz-animation-delay: 20.9s;
  -webkit-animation-delay: 20.9s;
  -o-animation-delay: 20.9s;
  transition-delay: 20.9s; }

.delayp210 {
  animation-delay: 21s;
  -moz-animation-delay: 21s;
  -webkit-animation-delay: 21s;
  -o-animation-delay: 21s;
  transition-delay: 21s; }

.delayp211 {
  animation-delay: 21.1s;
  -moz-animation-delay: 21.1s;
  -webkit-animation-delay: 21.1s;
  -o-animation-delay: 21.1s;
  transition-delay: 21.1s; }

.delayp212 {
  animation-delay: 21.2s;
  -moz-animation-delay: 21.2s;
  -webkit-animation-delay: 21.2s;
  -o-animation-delay: 21.2s;
  transition-delay: 21.2s; }

.delayp213 {
  animation-delay: 21.3s;
  -moz-animation-delay: 21.3s;
  -webkit-animation-delay: 21.3s;
  -o-animation-delay: 21.3s;
  transition-delay: 21.3s; }

.delayp214 {
  animation-delay: 21.4s;
  -moz-animation-delay: 21.4s;
  -webkit-animation-delay: 21.4s;
  -o-animation-delay: 21.4s;
  transition-delay: 21.4s; }

.delayp215 {
  animation-delay: 21.5s;
  -moz-animation-delay: 21.5s;
  -webkit-animation-delay: 21.5s;
  -o-animation-delay: 21.5s;
  transition-delay: 21.5s; }

.delayp216 {
  animation-delay: 21.6s;
  -moz-animation-delay: 21.6s;
  -webkit-animation-delay: 21.6s;
  -o-animation-delay: 21.6s;
  transition-delay: 21.6s; }

.delayp217 {
  animation-delay: 21.7s;
  -moz-animation-delay: 21.7s;
  -webkit-animation-delay: 21.7s;
  -o-animation-delay: 21.7s;
  transition-delay: 21.7s; }

.delayp218 {
  animation-delay: 21.8s;
  -moz-animation-delay: 21.8s;
  -webkit-animation-delay: 21.8s;
  -o-animation-delay: 21.8s;
  transition-delay: 21.8s; }

.delayp219 {
  animation-delay: 21.9s;
  -moz-animation-delay: 21.9s;
  -webkit-animation-delay: 21.9s;
  -o-animation-delay: 21.9s;
  transition-delay: 21.9s; }

.delayp220 {
  animation-delay: 22s;
  -moz-animation-delay: 22s;
  -webkit-animation-delay: 22s;
  -o-animation-delay: 22s;
  transition-delay: 22s; }

.delayp221 {
  animation-delay: 22.1s;
  -moz-animation-delay: 22.1s;
  -webkit-animation-delay: 22.1s;
  -o-animation-delay: 22.1s;
  transition-delay: 22.1s; }

.delayp222 {
  animation-delay: 22.2s;
  -moz-animation-delay: 22.2s;
  -webkit-animation-delay: 22.2s;
  -o-animation-delay: 22.2s;
  transition-delay: 22.2s; }

.delayp223 {
  animation-delay: 22.3s;
  -moz-animation-delay: 22.3s;
  -webkit-animation-delay: 22.3s;
  -o-animation-delay: 22.3s;
  transition-delay: 22.3s; }

.delayp224 {
  animation-delay: 22.4s;
  -moz-animation-delay: 22.4s;
  -webkit-animation-delay: 22.4s;
  -o-animation-delay: 22.4s;
  transition-delay: 22.4s; }

.delayp225 {
  animation-delay: 22.5s;
  -moz-animation-delay: 22.5s;
  -webkit-animation-delay: 22.5s;
  -o-animation-delay: 22.5s;
  transition-delay: 22.5s; }

.delayp226 {
  animation-delay: 22.6s;
  -moz-animation-delay: 22.6s;
  -webkit-animation-delay: 22.6s;
  -o-animation-delay: 22.6s;
  transition-delay: 22.6s; }

.delayp227 {
  animation-delay: 22.7s;
  -moz-animation-delay: 22.7s;
  -webkit-animation-delay: 22.7s;
  -o-animation-delay: 22.7s;
  transition-delay: 22.7s; }

.delayp228 {
  animation-delay: 22.8s;
  -moz-animation-delay: 22.8s;
  -webkit-animation-delay: 22.8s;
  -o-animation-delay: 22.8s;
  transition-delay: 22.8s; }

.delayp229 {
  animation-delay: 22.9s;
  -moz-animation-delay: 22.9s;
  -webkit-animation-delay: 22.9s;
  -o-animation-delay: 22.9s;
  transition-delay: 22.9s; }

.delayp230 {
  animation-delay: 23s;
  -moz-animation-delay: 23s;
  -webkit-animation-delay: 23s;
  -o-animation-delay: 23s;
  transition-delay: 23s; }

.delayp231 {
  animation-delay: 23.1s;
  -moz-animation-delay: 23.1s;
  -webkit-animation-delay: 23.1s;
  -o-animation-delay: 23.1s;
  transition-delay: 23.1s; }

.delayp232 {
  animation-delay: 23.2s;
  -moz-animation-delay: 23.2s;
  -webkit-animation-delay: 23.2s;
  -o-animation-delay: 23.2s;
  transition-delay: 23.2s; }

.delayp233 {
  animation-delay: 23.3s;
  -moz-animation-delay: 23.3s;
  -webkit-animation-delay: 23.3s;
  -o-animation-delay: 23.3s;
  transition-delay: 23.3s; }

.delayp234 {
  animation-delay: 23.4s;
  -moz-animation-delay: 23.4s;
  -webkit-animation-delay: 23.4s;
  -o-animation-delay: 23.4s;
  transition-delay: 23.4s; }

.delayp235 {
  animation-delay: 23.5s;
  -moz-animation-delay: 23.5s;
  -webkit-animation-delay: 23.5s;
  -o-animation-delay: 23.5s;
  transition-delay: 23.5s; }

.delayp236 {
  animation-delay: 23.6s;
  -moz-animation-delay: 23.6s;
  -webkit-animation-delay: 23.6s;
  -o-animation-delay: 23.6s;
  transition-delay: 23.6s; }

.delayp237 {
  animation-delay: 23.7s;
  -moz-animation-delay: 23.7s;
  -webkit-animation-delay: 23.7s;
  -o-animation-delay: 23.7s;
  transition-delay: 23.7s; }

.delayp238 {
  animation-delay: 23.8s;
  -moz-animation-delay: 23.8s;
  -webkit-animation-delay: 23.8s;
  -o-animation-delay: 23.8s;
  transition-delay: 23.8s; }

.delayp239 {
  animation-delay: 23.9s;
  -moz-animation-delay: 23.9s;
  -webkit-animation-delay: 23.9s;
  -o-animation-delay: 23.9s;
  transition-delay: 23.9s; }

.delayp240 {
  animation-delay: 24s;
  -moz-animation-delay: 24s;
  -webkit-animation-delay: 24s;
  -o-animation-delay: 24s;
  transition-delay: 24s; }

.delayp241 {
  animation-delay: 24.1s;
  -moz-animation-delay: 24.1s;
  -webkit-animation-delay: 24.1s;
  -o-animation-delay: 24.1s;
  transition-delay: 24.1s; }

.delayp242 {
  animation-delay: 24.2s;
  -moz-animation-delay: 24.2s;
  -webkit-animation-delay: 24.2s;
  -o-animation-delay: 24.2s;
  transition-delay: 24.2s; }

.delayp243 {
  animation-delay: 24.3s;
  -moz-animation-delay: 24.3s;
  -webkit-animation-delay: 24.3s;
  -o-animation-delay: 24.3s;
  transition-delay: 24.3s; }

.delayp244 {
  animation-delay: 24.4s;
  -moz-animation-delay: 24.4s;
  -webkit-animation-delay: 24.4s;
  -o-animation-delay: 24.4s;
  transition-delay: 24.4s; }

.delayp245 {
  animation-delay: 24.5s;
  -moz-animation-delay: 24.5s;
  -webkit-animation-delay: 24.5s;
  -o-animation-delay: 24.5s;
  transition-delay: 24.5s; }

.delayp246 {
  animation-delay: 24.6s;
  -moz-animation-delay: 24.6s;
  -webkit-animation-delay: 24.6s;
  -o-animation-delay: 24.6s;
  transition-delay: 24.6s; }

.delayp247 {
  animation-delay: 24.7s;
  -moz-animation-delay: 24.7s;
  -webkit-animation-delay: 24.7s;
  -o-animation-delay: 24.7s;
  transition-delay: 24.7s; }

.delayp248 {
  animation-delay: 24.8s;
  -moz-animation-delay: 24.8s;
  -webkit-animation-delay: 24.8s;
  -o-animation-delay: 24.8s;
  transition-delay: 24.8s; }

.delayp249 {
  animation-delay: 24.9s;
  -moz-animation-delay: 24.9s;
  -webkit-animation-delay: 24.9s;
  -o-animation-delay: 24.9s;
  transition-delay: 24.9s; }

.delayp250 {
  animation-delay: 25s;
  -moz-animation-delay: 25s;
  -webkit-animation-delay: 25s;
  -o-animation-delay: 25s;
  transition-delay: 25s; }

.delayp251 {
  animation-delay: 25.1s;
  -moz-animation-delay: 25.1s;
  -webkit-animation-delay: 25.1s;
  -o-animation-delay: 25.1s;
  transition-delay: 25.1s; }

.delayp252 {
  animation-delay: 25.2s;
  -moz-animation-delay: 25.2s;
  -webkit-animation-delay: 25.2s;
  -o-animation-delay: 25.2s;
  transition-delay: 25.2s; }

.delayp253 {
  animation-delay: 25.3s;
  -moz-animation-delay: 25.3s;
  -webkit-animation-delay: 25.3s;
  -o-animation-delay: 25.3s;
  transition-delay: 25.3s; }

.delayp254 {
  animation-delay: 25.4s;
  -moz-animation-delay: 25.4s;
  -webkit-animation-delay: 25.4s;
  -o-animation-delay: 25.4s;
  transition-delay: 25.4s; }

.delayp255 {
  animation-delay: 25.5s;
  -moz-animation-delay: 25.5s;
  -webkit-animation-delay: 25.5s;
  -o-animation-delay: 25.5s;
  transition-delay: 25.5s; }

.delayp256 {
  animation-delay: 25.6s;
  -moz-animation-delay: 25.6s;
  -webkit-animation-delay: 25.6s;
  -o-animation-delay: 25.6s;
  transition-delay: 25.6s; }

.delayp257 {
  animation-delay: 25.7s;
  -moz-animation-delay: 25.7s;
  -webkit-animation-delay: 25.7s;
  -o-animation-delay: 25.7s;
  transition-delay: 25.7s; }

.delayp258 {
  animation-delay: 25.8s;
  -moz-animation-delay: 25.8s;
  -webkit-animation-delay: 25.8s;
  -o-animation-delay: 25.8s;
  transition-delay: 25.8s; }

.delayp259 {
  animation-delay: 25.9s;
  -moz-animation-delay: 25.9s;
  -webkit-animation-delay: 25.9s;
  -o-animation-delay: 25.9s;
  transition-delay: 25.9s; }

.delayp260 {
  animation-delay: 26s;
  -moz-animation-delay: 26s;
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  transition-delay: 26s; }

.delayp261 {
  animation-delay: 26.1s;
  -moz-animation-delay: 26.1s;
  -webkit-animation-delay: 26.1s;
  -o-animation-delay: 26.1s;
  transition-delay: 26.1s; }

.delayp262 {
  animation-delay: 26.2s;
  -moz-animation-delay: 26.2s;
  -webkit-animation-delay: 26.2s;
  -o-animation-delay: 26.2s;
  transition-delay: 26.2s; }

.delayp263 {
  animation-delay: 26.3s;
  -moz-animation-delay: 26.3s;
  -webkit-animation-delay: 26.3s;
  -o-animation-delay: 26.3s;
  transition-delay: 26.3s; }

.delayp264 {
  animation-delay: 26.4s;
  -moz-animation-delay: 26.4s;
  -webkit-animation-delay: 26.4s;
  -o-animation-delay: 26.4s;
  transition-delay: 26.4s; }

.delayp265 {
  animation-delay: 26.5s;
  -moz-animation-delay: 26.5s;
  -webkit-animation-delay: 26.5s;
  -o-animation-delay: 26.5s;
  transition-delay: 26.5s; }

.delayp266 {
  animation-delay: 26.6s;
  -moz-animation-delay: 26.6s;
  -webkit-animation-delay: 26.6s;
  -o-animation-delay: 26.6s;
  transition-delay: 26.6s; }

.delayp267 {
  animation-delay: 26.7s;
  -moz-animation-delay: 26.7s;
  -webkit-animation-delay: 26.7s;
  -o-animation-delay: 26.7s;
  transition-delay: 26.7s; }

.delayp268 {
  animation-delay: 26.8s;
  -moz-animation-delay: 26.8s;
  -webkit-animation-delay: 26.8s;
  -o-animation-delay: 26.8s;
  transition-delay: 26.8s; }

.delayp269 {
  animation-delay: 26.9s;
  -moz-animation-delay: 26.9s;
  -webkit-animation-delay: 26.9s;
  -o-animation-delay: 26.9s;
  transition-delay: 26.9s; }

.delayp270 {
  animation-delay: 27s;
  -moz-animation-delay: 27s;
  -webkit-animation-delay: 27s;
  -o-animation-delay: 27s;
  transition-delay: 27s; }

.delayp271 {
  animation-delay: 27.1s;
  -moz-animation-delay: 27.1s;
  -webkit-animation-delay: 27.1s;
  -o-animation-delay: 27.1s;
  transition-delay: 27.1s; }

.delayp272 {
  animation-delay: 27.2s;
  -moz-animation-delay: 27.2s;
  -webkit-animation-delay: 27.2s;
  -o-animation-delay: 27.2s;
  transition-delay: 27.2s; }

.delayp273 {
  animation-delay: 27.3s;
  -moz-animation-delay: 27.3s;
  -webkit-animation-delay: 27.3s;
  -o-animation-delay: 27.3s;
  transition-delay: 27.3s; }

.delayp274 {
  animation-delay: 27.4s;
  -moz-animation-delay: 27.4s;
  -webkit-animation-delay: 27.4s;
  -o-animation-delay: 27.4s;
  transition-delay: 27.4s; }

.delayp275 {
  animation-delay: 27.5s;
  -moz-animation-delay: 27.5s;
  -webkit-animation-delay: 27.5s;
  -o-animation-delay: 27.5s;
  transition-delay: 27.5s; }

.delayp276 {
  animation-delay: 27.6s;
  -moz-animation-delay: 27.6s;
  -webkit-animation-delay: 27.6s;
  -o-animation-delay: 27.6s;
  transition-delay: 27.6s; }

.delayp277 {
  animation-delay: 27.7s;
  -moz-animation-delay: 27.7s;
  -webkit-animation-delay: 27.7s;
  -o-animation-delay: 27.7s;
  transition-delay: 27.7s; }

.delayp278 {
  animation-delay: 27.8s;
  -moz-animation-delay: 27.8s;
  -webkit-animation-delay: 27.8s;
  -o-animation-delay: 27.8s;
  transition-delay: 27.8s; }

.delayp279 {
  animation-delay: 27.9s;
  -moz-animation-delay: 27.9s;
  -webkit-animation-delay: 27.9s;
  -o-animation-delay: 27.9s;
  transition-delay: 27.9s; }

.delayp280 {
  animation-delay: 28s;
  -moz-animation-delay: 28s;
  -webkit-animation-delay: 28s;
  -o-animation-delay: 28s;
  transition-delay: 28s; }

.delayp281 {
  animation-delay: 28.1s;
  -moz-animation-delay: 28.1s;
  -webkit-animation-delay: 28.1s;
  -o-animation-delay: 28.1s;
  transition-delay: 28.1s; }

.delayp282 {
  animation-delay: 28.2s;
  -moz-animation-delay: 28.2s;
  -webkit-animation-delay: 28.2s;
  -o-animation-delay: 28.2s;
  transition-delay: 28.2s; }

.delayp283 {
  animation-delay: 28.3s;
  -moz-animation-delay: 28.3s;
  -webkit-animation-delay: 28.3s;
  -o-animation-delay: 28.3s;
  transition-delay: 28.3s; }

.delayp284 {
  animation-delay: 28.4s;
  -moz-animation-delay: 28.4s;
  -webkit-animation-delay: 28.4s;
  -o-animation-delay: 28.4s;
  transition-delay: 28.4s; }

.delayp285 {
  animation-delay: 28.5s;
  -moz-animation-delay: 28.5s;
  -webkit-animation-delay: 28.5s;
  -o-animation-delay: 28.5s;
  transition-delay: 28.5s; }

.delayp286 {
  animation-delay: 28.6s;
  -moz-animation-delay: 28.6s;
  -webkit-animation-delay: 28.6s;
  -o-animation-delay: 28.6s;
  transition-delay: 28.6s; }

.delayp287 {
  animation-delay: 28.7s;
  -moz-animation-delay: 28.7s;
  -webkit-animation-delay: 28.7s;
  -o-animation-delay: 28.7s;
  transition-delay: 28.7s; }

.delayp288 {
  animation-delay: 28.8s;
  -moz-animation-delay: 28.8s;
  -webkit-animation-delay: 28.8s;
  -o-animation-delay: 28.8s;
  transition-delay: 28.8s; }

.delayp289 {
  animation-delay: 28.9s;
  -moz-animation-delay: 28.9s;
  -webkit-animation-delay: 28.9s;
  -o-animation-delay: 28.9s;
  transition-delay: 28.9s; }

.delayp290 {
  animation-delay: 29s;
  -moz-animation-delay: 29s;
  -webkit-animation-delay: 29s;
  -o-animation-delay: 29s;
  transition-delay: 29s; }

.delayp291 {
  animation-delay: 29.1s;
  -moz-animation-delay: 29.1s;
  -webkit-animation-delay: 29.1s;
  -o-animation-delay: 29.1s;
  transition-delay: 29.1s; }

.delayp292 {
  animation-delay: 29.2s;
  -moz-animation-delay: 29.2s;
  -webkit-animation-delay: 29.2s;
  -o-animation-delay: 29.2s;
  transition-delay: 29.2s; }

.delayp293 {
  animation-delay: 29.3s;
  -moz-animation-delay: 29.3s;
  -webkit-animation-delay: 29.3s;
  -o-animation-delay: 29.3s;
  transition-delay: 29.3s; }

.delayp294 {
  animation-delay: 29.4s;
  -moz-animation-delay: 29.4s;
  -webkit-animation-delay: 29.4s;
  -o-animation-delay: 29.4s;
  transition-delay: 29.4s; }

.delayp295 {
  animation-delay: 29.5s;
  -moz-animation-delay: 29.5s;
  -webkit-animation-delay: 29.5s;
  -o-animation-delay: 29.5s;
  transition-delay: 29.5s; }

.delayp296 {
  animation-delay: 29.6s;
  -moz-animation-delay: 29.6s;
  -webkit-animation-delay: 29.6s;
  -o-animation-delay: 29.6s;
  transition-delay: 29.6s; }

.delayp297 {
  animation-delay: 29.7s;
  -moz-animation-delay: 29.7s;
  -webkit-animation-delay: 29.7s;
  -o-animation-delay: 29.7s;
  transition-delay: 29.7s; }

.delayp298 {
  animation-delay: 29.8s;
  -moz-animation-delay: 29.8s;
  -webkit-animation-delay: 29.8s;
  -o-animation-delay: 29.8s;
  transition-delay: 29.8s; }

.delayp299 {
  animation-delay: 29.9s;
  -moz-animation-delay: 29.9s;
  -webkit-animation-delay: 29.9s;
  -o-animation-delay: 29.9s;
  transition-delay: 29.9s; }

.delayp300 {
  animation-delay: 30s;
  -moz-animation-delay: 30s;
  -webkit-animation-delay: 30s;
  -o-animation-delay: 30s;
  transition-delay: 30s; }

.delayp301 {
  animation-delay: 30.1s;
  -moz-animation-delay: 30.1s;
  -webkit-animation-delay: 30.1s;
  -o-animation-delay: 30.1s;
  transition-delay: 30.1s; }

.delayp302 {
  animation-delay: 30.2s;
  -moz-animation-delay: 30.2s;
  -webkit-animation-delay: 30.2s;
  -o-animation-delay: 30.2s;
  transition-delay: 30.2s; }

.delayp303 {
  animation-delay: 30.3s;
  -moz-animation-delay: 30.3s;
  -webkit-animation-delay: 30.3s;
  -o-animation-delay: 30.3s;
  transition-delay: 30.3s; }

.delayp304 {
  animation-delay: 30.4s;
  -moz-animation-delay: 30.4s;
  -webkit-animation-delay: 30.4s;
  -o-animation-delay: 30.4s;
  transition-delay: 30.4s; }

.delayp305 {
  animation-delay: 30.5s;
  -moz-animation-delay: 30.5s;
  -webkit-animation-delay: 30.5s;
  -o-animation-delay: 30.5s;
  transition-delay: 30.5s; }

.delayp306 {
  animation-delay: 30.6s;
  -moz-animation-delay: 30.6s;
  -webkit-animation-delay: 30.6s;
  -o-animation-delay: 30.6s;
  transition-delay: 30.6s; }

.delayp307 {
  animation-delay: 30.7s;
  -moz-animation-delay: 30.7s;
  -webkit-animation-delay: 30.7s;
  -o-animation-delay: 30.7s;
  transition-delay: 30.7s; }

.delayp308 {
  animation-delay: 30.8s;
  -moz-animation-delay: 30.8s;
  -webkit-animation-delay: 30.8s;
  -o-animation-delay: 30.8s;
  transition-delay: 30.8s; }

.delayp309 {
  animation-delay: 30.9s;
  -moz-animation-delay: 30.9s;
  -webkit-animation-delay: 30.9s;
  -o-animation-delay: 30.9s;
  transition-delay: 30.9s; }

.delayp310 {
  animation-delay: 31s;
  -moz-animation-delay: 31s;
  -webkit-animation-delay: 31s;
  -o-animation-delay: 31s;
  transition-delay: 31s; }

.delayp311 {
  animation-delay: 31.1s;
  -moz-animation-delay: 31.1s;
  -webkit-animation-delay: 31.1s;
  -o-animation-delay: 31.1s;
  transition-delay: 31.1s; }

.delayp312 {
  animation-delay: 31.2s;
  -moz-animation-delay: 31.2s;
  -webkit-animation-delay: 31.2s;
  -o-animation-delay: 31.2s;
  transition-delay: 31.2s; }

.delayp313 {
  animation-delay: 31.3s;
  -moz-animation-delay: 31.3s;
  -webkit-animation-delay: 31.3s;
  -o-animation-delay: 31.3s;
  transition-delay: 31.3s; }

.delayp314 {
  animation-delay: 31.4s;
  -moz-animation-delay: 31.4s;
  -webkit-animation-delay: 31.4s;
  -o-animation-delay: 31.4s;
  transition-delay: 31.4s; }

.delayp315 {
  animation-delay: 31.5s;
  -moz-animation-delay: 31.5s;
  -webkit-animation-delay: 31.5s;
  -o-animation-delay: 31.5s;
  transition-delay: 31.5s; }

.delayp316 {
  animation-delay: 31.6s;
  -moz-animation-delay: 31.6s;
  -webkit-animation-delay: 31.6s;
  -o-animation-delay: 31.6s;
  transition-delay: 31.6s; }

.delayp317 {
  animation-delay: 31.7s;
  -moz-animation-delay: 31.7s;
  -webkit-animation-delay: 31.7s;
  -o-animation-delay: 31.7s;
  transition-delay: 31.7s; }

.delayp318 {
  animation-delay: 31.8s;
  -moz-animation-delay: 31.8s;
  -webkit-animation-delay: 31.8s;
  -o-animation-delay: 31.8s;
  transition-delay: 31.8s; }

.delayp319 {
  animation-delay: 31.9s;
  -moz-animation-delay: 31.9s;
  -webkit-animation-delay: 31.9s;
  -o-animation-delay: 31.9s;
  transition-delay: 31.9s; }

.delayp320 {
  animation-delay: 32s;
  -moz-animation-delay: 32s;
  -webkit-animation-delay: 32s;
  -o-animation-delay: 32s;
  transition-delay: 32s; }

.delayp321 {
  animation-delay: 32.1s;
  -moz-animation-delay: 32.1s;
  -webkit-animation-delay: 32.1s;
  -o-animation-delay: 32.1s;
  transition-delay: 32.1s; }

.delayp322 {
  animation-delay: 32.2s;
  -moz-animation-delay: 32.2s;
  -webkit-animation-delay: 32.2s;
  -o-animation-delay: 32.2s;
  transition-delay: 32.2s; }

.delayp323 {
  animation-delay: 32.3s;
  -moz-animation-delay: 32.3s;
  -webkit-animation-delay: 32.3s;
  -o-animation-delay: 32.3s;
  transition-delay: 32.3s; }

.delayp324 {
  animation-delay: 32.4s;
  -moz-animation-delay: 32.4s;
  -webkit-animation-delay: 32.4s;
  -o-animation-delay: 32.4s;
  transition-delay: 32.4s; }

.delayp325 {
  animation-delay: 32.5s;
  -moz-animation-delay: 32.5s;
  -webkit-animation-delay: 32.5s;
  -o-animation-delay: 32.5s;
  transition-delay: 32.5s; }

.delayp326 {
  animation-delay: 32.6s;
  -moz-animation-delay: 32.6s;
  -webkit-animation-delay: 32.6s;
  -o-animation-delay: 32.6s;
  transition-delay: 32.6s; }

.delayp327 {
  animation-delay: 32.7s;
  -moz-animation-delay: 32.7s;
  -webkit-animation-delay: 32.7s;
  -o-animation-delay: 32.7s;
  transition-delay: 32.7s; }

.delayp328 {
  animation-delay: 32.8s;
  -moz-animation-delay: 32.8s;
  -webkit-animation-delay: 32.8s;
  -o-animation-delay: 32.8s;
  transition-delay: 32.8s; }

.delayp329 {
  animation-delay: 32.9s;
  -moz-animation-delay: 32.9s;
  -webkit-animation-delay: 32.9s;
  -o-animation-delay: 32.9s;
  transition-delay: 32.9s; }

.delayp330 {
  animation-delay: 33s;
  -moz-animation-delay: 33s;
  -webkit-animation-delay: 33s;
  -o-animation-delay: 33s;
  transition-delay: 33s; }

.delayp331 {
  animation-delay: 33.1s;
  -moz-animation-delay: 33.1s;
  -webkit-animation-delay: 33.1s;
  -o-animation-delay: 33.1s;
  transition-delay: 33.1s; }

.delayp332 {
  animation-delay: 33.2s;
  -moz-animation-delay: 33.2s;
  -webkit-animation-delay: 33.2s;
  -o-animation-delay: 33.2s;
  transition-delay: 33.2s; }

.delayp333 {
  animation-delay: 33.3s;
  -moz-animation-delay: 33.3s;
  -webkit-animation-delay: 33.3s;
  -o-animation-delay: 33.3s;
  transition-delay: 33.3s; }

.delayp334 {
  animation-delay: 33.4s;
  -moz-animation-delay: 33.4s;
  -webkit-animation-delay: 33.4s;
  -o-animation-delay: 33.4s;
  transition-delay: 33.4s; }

.delayp335 {
  animation-delay: 33.5s;
  -moz-animation-delay: 33.5s;
  -webkit-animation-delay: 33.5s;
  -o-animation-delay: 33.5s;
  transition-delay: 33.5s; }

.delayp336 {
  animation-delay: 33.6s;
  -moz-animation-delay: 33.6s;
  -webkit-animation-delay: 33.6s;
  -o-animation-delay: 33.6s;
  transition-delay: 33.6s; }

.delayp337 {
  animation-delay: 33.7s;
  -moz-animation-delay: 33.7s;
  -webkit-animation-delay: 33.7s;
  -o-animation-delay: 33.7s;
  transition-delay: 33.7s; }

.delayp338 {
  animation-delay: 33.8s;
  -moz-animation-delay: 33.8s;
  -webkit-animation-delay: 33.8s;
  -o-animation-delay: 33.8s;
  transition-delay: 33.8s; }

.delayp339 {
  animation-delay: 33.9s;
  -moz-animation-delay: 33.9s;
  -webkit-animation-delay: 33.9s;
  -o-animation-delay: 33.9s;
  transition-delay: 33.9s; }

.delayp340 {
  animation-delay: 34s;
  -moz-animation-delay: 34s;
  -webkit-animation-delay: 34s;
  -o-animation-delay: 34s;
  transition-delay: 34s; }

.delayp341 {
  animation-delay: 34.1s;
  -moz-animation-delay: 34.1s;
  -webkit-animation-delay: 34.1s;
  -o-animation-delay: 34.1s;
  transition-delay: 34.1s; }

.delayp342 {
  animation-delay: 34.2s;
  -moz-animation-delay: 34.2s;
  -webkit-animation-delay: 34.2s;
  -o-animation-delay: 34.2s;
  transition-delay: 34.2s; }

.delayp343 {
  animation-delay: 34.3s;
  -moz-animation-delay: 34.3s;
  -webkit-animation-delay: 34.3s;
  -o-animation-delay: 34.3s;
  transition-delay: 34.3s; }

.delayp344 {
  animation-delay: 34.4s;
  -moz-animation-delay: 34.4s;
  -webkit-animation-delay: 34.4s;
  -o-animation-delay: 34.4s;
  transition-delay: 34.4s; }

.delayp345 {
  animation-delay: 34.5s;
  -moz-animation-delay: 34.5s;
  -webkit-animation-delay: 34.5s;
  -o-animation-delay: 34.5s;
  transition-delay: 34.5s; }

.delayp346 {
  animation-delay: 34.6s;
  -moz-animation-delay: 34.6s;
  -webkit-animation-delay: 34.6s;
  -o-animation-delay: 34.6s;
  transition-delay: 34.6s; }

.delayp347 {
  animation-delay: 34.7s;
  -moz-animation-delay: 34.7s;
  -webkit-animation-delay: 34.7s;
  -o-animation-delay: 34.7s;
  transition-delay: 34.7s; }

.delayp348 {
  animation-delay: 34.8s;
  -moz-animation-delay: 34.8s;
  -webkit-animation-delay: 34.8s;
  -o-animation-delay: 34.8s;
  transition-delay: 34.8s; }

.delayp349 {
  animation-delay: 34.9s;
  -moz-animation-delay: 34.9s;
  -webkit-animation-delay: 34.9s;
  -o-animation-delay: 34.9s;
  transition-delay: 34.9s; }

.delayp350 {
  animation-delay: 35s;
  -moz-animation-delay: 35s;
  -webkit-animation-delay: 35s;
  -o-animation-delay: 35s;
  transition-delay: 35s; }

.delayp351 {
  animation-delay: 35.1s;
  -moz-animation-delay: 35.1s;
  -webkit-animation-delay: 35.1s;
  -o-animation-delay: 35.1s;
  transition-delay: 35.1s; }

.delayp352 {
  animation-delay: 35.2s;
  -moz-animation-delay: 35.2s;
  -webkit-animation-delay: 35.2s;
  -o-animation-delay: 35.2s;
  transition-delay: 35.2s; }

.delayp353 {
  animation-delay: 35.3s;
  -moz-animation-delay: 35.3s;
  -webkit-animation-delay: 35.3s;
  -o-animation-delay: 35.3s;
  transition-delay: 35.3s; }

.delayp354 {
  animation-delay: 35.4s;
  -moz-animation-delay: 35.4s;
  -webkit-animation-delay: 35.4s;
  -o-animation-delay: 35.4s;
  transition-delay: 35.4s; }

.delayp355 {
  animation-delay: 35.5s;
  -moz-animation-delay: 35.5s;
  -webkit-animation-delay: 35.5s;
  -o-animation-delay: 35.5s;
  transition-delay: 35.5s; }

.delayp356 {
  animation-delay: 35.6s;
  -moz-animation-delay: 35.6s;
  -webkit-animation-delay: 35.6s;
  -o-animation-delay: 35.6s;
  transition-delay: 35.6s; }

.delayp357 {
  animation-delay: 35.7s;
  -moz-animation-delay: 35.7s;
  -webkit-animation-delay: 35.7s;
  -o-animation-delay: 35.7s;
  transition-delay: 35.7s; }

.delayp358 {
  animation-delay: 35.8s;
  -moz-animation-delay: 35.8s;
  -webkit-animation-delay: 35.8s;
  -o-animation-delay: 35.8s;
  transition-delay: 35.8s; }

.delayp359 {
  animation-delay: 35.9s;
  -moz-animation-delay: 35.9s;
  -webkit-animation-delay: 35.9s;
  -o-animation-delay: 35.9s;
  transition-delay: 35.9s; }

.delayp360 {
  animation-delay: 36s;
  -moz-animation-delay: 36s;
  -webkit-animation-delay: 36s;
  -o-animation-delay: 36s;
  transition-delay: 36s; }

.delayp361 {
  animation-delay: 36.1s;
  -moz-animation-delay: 36.1s;
  -webkit-animation-delay: 36.1s;
  -o-animation-delay: 36.1s;
  transition-delay: 36.1s; }

.delayp362 {
  animation-delay: 36.2s;
  -moz-animation-delay: 36.2s;
  -webkit-animation-delay: 36.2s;
  -o-animation-delay: 36.2s;
  transition-delay: 36.2s; }

.delayp363 {
  animation-delay: 36.3s;
  -moz-animation-delay: 36.3s;
  -webkit-animation-delay: 36.3s;
  -o-animation-delay: 36.3s;
  transition-delay: 36.3s; }

.delayp364 {
  animation-delay: 36.4s;
  -moz-animation-delay: 36.4s;
  -webkit-animation-delay: 36.4s;
  -o-animation-delay: 36.4s;
  transition-delay: 36.4s; }

.delayp365 {
  animation-delay: 36.5s;
  -moz-animation-delay: 36.5s;
  -webkit-animation-delay: 36.5s;
  -o-animation-delay: 36.5s;
  transition-delay: 36.5s; }

.delayp366 {
  animation-delay: 36.6s;
  -moz-animation-delay: 36.6s;
  -webkit-animation-delay: 36.6s;
  -o-animation-delay: 36.6s;
  transition-delay: 36.6s; }

.delayp367 {
  animation-delay: 36.7s;
  -moz-animation-delay: 36.7s;
  -webkit-animation-delay: 36.7s;
  -o-animation-delay: 36.7s;
  transition-delay: 36.7s; }

.delayp368 {
  animation-delay: 36.8s;
  -moz-animation-delay: 36.8s;
  -webkit-animation-delay: 36.8s;
  -o-animation-delay: 36.8s;
  transition-delay: 36.8s; }

.delayp369 {
  animation-delay: 36.9s;
  -moz-animation-delay: 36.9s;
  -webkit-animation-delay: 36.9s;
  -o-animation-delay: 36.9s;
  transition-delay: 36.9s; }

.delayp370 {
  animation-delay: 37s;
  -moz-animation-delay: 37s;
  -webkit-animation-delay: 37s;
  -o-animation-delay: 37s;
  transition-delay: 37s; }

.delayp371 {
  animation-delay: 37.1s;
  -moz-animation-delay: 37.1s;
  -webkit-animation-delay: 37.1s;
  -o-animation-delay: 37.1s;
  transition-delay: 37.1s; }

.delayp372 {
  animation-delay: 37.2s;
  -moz-animation-delay: 37.2s;
  -webkit-animation-delay: 37.2s;
  -o-animation-delay: 37.2s;
  transition-delay: 37.2s; }

.delayp373 {
  animation-delay: 37.3s;
  -moz-animation-delay: 37.3s;
  -webkit-animation-delay: 37.3s;
  -o-animation-delay: 37.3s;
  transition-delay: 37.3s; }

.delayp374 {
  animation-delay: 37.4s;
  -moz-animation-delay: 37.4s;
  -webkit-animation-delay: 37.4s;
  -o-animation-delay: 37.4s;
  transition-delay: 37.4s; }

.delayp375 {
  animation-delay: 37.5s;
  -moz-animation-delay: 37.5s;
  -webkit-animation-delay: 37.5s;
  -o-animation-delay: 37.5s;
  transition-delay: 37.5s; }

.delayp376 {
  animation-delay: 37.6s;
  -moz-animation-delay: 37.6s;
  -webkit-animation-delay: 37.6s;
  -o-animation-delay: 37.6s;
  transition-delay: 37.6s; }

.delayp377 {
  animation-delay: 37.7s;
  -moz-animation-delay: 37.7s;
  -webkit-animation-delay: 37.7s;
  -o-animation-delay: 37.7s;
  transition-delay: 37.7s; }

.delayp378 {
  animation-delay: 37.8s;
  -moz-animation-delay: 37.8s;
  -webkit-animation-delay: 37.8s;
  -o-animation-delay: 37.8s;
  transition-delay: 37.8s; }

.delayp379 {
  animation-delay: 37.9s;
  -moz-animation-delay: 37.9s;
  -webkit-animation-delay: 37.9s;
  -o-animation-delay: 37.9s;
  transition-delay: 37.9s; }

.delayp380 {
  animation-delay: 38s;
  -moz-animation-delay: 38s;
  -webkit-animation-delay: 38s;
  -o-animation-delay: 38s;
  transition-delay: 38s; }

.delayp381 {
  animation-delay: 38.1s;
  -moz-animation-delay: 38.1s;
  -webkit-animation-delay: 38.1s;
  -o-animation-delay: 38.1s;
  transition-delay: 38.1s; }

.delayp382 {
  animation-delay: 38.2s;
  -moz-animation-delay: 38.2s;
  -webkit-animation-delay: 38.2s;
  -o-animation-delay: 38.2s;
  transition-delay: 38.2s; }

.delayp383 {
  animation-delay: 38.3s;
  -moz-animation-delay: 38.3s;
  -webkit-animation-delay: 38.3s;
  -o-animation-delay: 38.3s;
  transition-delay: 38.3s; }

.delayp384 {
  animation-delay: 38.4s;
  -moz-animation-delay: 38.4s;
  -webkit-animation-delay: 38.4s;
  -o-animation-delay: 38.4s;
  transition-delay: 38.4s; }

.delayp385 {
  animation-delay: 38.5s;
  -moz-animation-delay: 38.5s;
  -webkit-animation-delay: 38.5s;
  -o-animation-delay: 38.5s;
  transition-delay: 38.5s; }

.delayp386 {
  animation-delay: 38.6s;
  -moz-animation-delay: 38.6s;
  -webkit-animation-delay: 38.6s;
  -o-animation-delay: 38.6s;
  transition-delay: 38.6s; }

.delayp387 {
  animation-delay: 38.7s;
  -moz-animation-delay: 38.7s;
  -webkit-animation-delay: 38.7s;
  -o-animation-delay: 38.7s;
  transition-delay: 38.7s; }

.delayp388 {
  animation-delay: 38.8s;
  -moz-animation-delay: 38.8s;
  -webkit-animation-delay: 38.8s;
  -o-animation-delay: 38.8s;
  transition-delay: 38.8s; }

.delayp389 {
  animation-delay: 38.9s;
  -moz-animation-delay: 38.9s;
  -webkit-animation-delay: 38.9s;
  -o-animation-delay: 38.9s;
  transition-delay: 38.9s; }

.delayp390 {
  animation-delay: 39s;
  -moz-animation-delay: 39s;
  -webkit-animation-delay: 39s;
  -o-animation-delay: 39s;
  transition-delay: 39s; }

.delayp391 {
  animation-delay: 39.1s;
  -moz-animation-delay: 39.1s;
  -webkit-animation-delay: 39.1s;
  -o-animation-delay: 39.1s;
  transition-delay: 39.1s; }

.delayp392 {
  animation-delay: 39.2s;
  -moz-animation-delay: 39.2s;
  -webkit-animation-delay: 39.2s;
  -o-animation-delay: 39.2s;
  transition-delay: 39.2s; }

.delayp393 {
  animation-delay: 39.3s;
  -moz-animation-delay: 39.3s;
  -webkit-animation-delay: 39.3s;
  -o-animation-delay: 39.3s;
  transition-delay: 39.3s; }

.delayp394 {
  animation-delay: 39.4s;
  -moz-animation-delay: 39.4s;
  -webkit-animation-delay: 39.4s;
  -o-animation-delay: 39.4s;
  transition-delay: 39.4s; }

.delayp395 {
  animation-delay: 39.5s;
  -moz-animation-delay: 39.5s;
  -webkit-animation-delay: 39.5s;
  -o-animation-delay: 39.5s;
  transition-delay: 39.5s; }

.delayp396 {
  animation-delay: 39.6s;
  -moz-animation-delay: 39.6s;
  -webkit-animation-delay: 39.6s;
  -o-animation-delay: 39.6s;
  transition-delay: 39.6s; }

.delayp397 {
  animation-delay: 39.7s;
  -moz-animation-delay: 39.7s;
  -webkit-animation-delay: 39.7s;
  -o-animation-delay: 39.7s;
  transition-delay: 39.7s; }

.delayp398 {
  animation-delay: 39.8s;
  -moz-animation-delay: 39.8s;
  -webkit-animation-delay: 39.8s;
  -o-animation-delay: 39.8s;
  transition-delay: 39.8s; }

.delayp399 {
  animation-delay: 39.9s;
  -moz-animation-delay: 39.9s;
  -webkit-animation-delay: 39.9s;
  -o-animation-delay: 39.9s;
  transition-delay: 39.9s; }

.delayp400 {
  animation-delay: 40s;
  -moz-animation-delay: 40s;
  -webkit-animation-delay: 40s;
  -o-animation-delay: 40s;
  transition-delay: 40s; }

.delayp401 {
  animation-delay: 40.1s;
  -moz-animation-delay: 40.1s;
  -webkit-animation-delay: 40.1s;
  -o-animation-delay: 40.1s;
  transition-delay: 40.1s; }

.delayp402 {
  animation-delay: 40.2s;
  -moz-animation-delay: 40.2s;
  -webkit-animation-delay: 40.2s;
  -o-animation-delay: 40.2s;
  transition-delay: 40.2s; }

.delayp403 {
  animation-delay: 40.3s;
  -moz-animation-delay: 40.3s;
  -webkit-animation-delay: 40.3s;
  -o-animation-delay: 40.3s;
  transition-delay: 40.3s; }

.delayp404 {
  animation-delay: 40.4s;
  -moz-animation-delay: 40.4s;
  -webkit-animation-delay: 40.4s;
  -o-animation-delay: 40.4s;
  transition-delay: 40.4s; }

.delayp405 {
  animation-delay: 40.5s;
  -moz-animation-delay: 40.5s;
  -webkit-animation-delay: 40.5s;
  -o-animation-delay: 40.5s;
  transition-delay: 40.5s; }

.delayp406 {
  animation-delay: 40.6s;
  -moz-animation-delay: 40.6s;
  -webkit-animation-delay: 40.6s;
  -o-animation-delay: 40.6s;
  transition-delay: 40.6s; }

.delayp407 {
  animation-delay: 40.7s;
  -moz-animation-delay: 40.7s;
  -webkit-animation-delay: 40.7s;
  -o-animation-delay: 40.7s;
  transition-delay: 40.7s; }

.delayp408 {
  animation-delay: 40.8s;
  -moz-animation-delay: 40.8s;
  -webkit-animation-delay: 40.8s;
  -o-animation-delay: 40.8s;
  transition-delay: 40.8s; }

.delayp409 {
  animation-delay: 40.9s;
  -moz-animation-delay: 40.9s;
  -webkit-animation-delay: 40.9s;
  -o-animation-delay: 40.9s;
  transition-delay: 40.9s; }

.delayp410 {
  animation-delay: 41s;
  -moz-animation-delay: 41s;
  -webkit-animation-delay: 41s;
  -o-animation-delay: 41s;
  transition-delay: 41s; }

.delayp411 {
  animation-delay: 41.1s;
  -moz-animation-delay: 41.1s;
  -webkit-animation-delay: 41.1s;
  -o-animation-delay: 41.1s;
  transition-delay: 41.1s; }

.delayp412 {
  animation-delay: 41.2s;
  -moz-animation-delay: 41.2s;
  -webkit-animation-delay: 41.2s;
  -o-animation-delay: 41.2s;
  transition-delay: 41.2s; }

.delayp413 {
  animation-delay: 41.3s;
  -moz-animation-delay: 41.3s;
  -webkit-animation-delay: 41.3s;
  -o-animation-delay: 41.3s;
  transition-delay: 41.3s; }

.delayp414 {
  animation-delay: 41.4s;
  -moz-animation-delay: 41.4s;
  -webkit-animation-delay: 41.4s;
  -o-animation-delay: 41.4s;
  transition-delay: 41.4s; }

.delayp415 {
  animation-delay: 41.5s;
  -moz-animation-delay: 41.5s;
  -webkit-animation-delay: 41.5s;
  -o-animation-delay: 41.5s;
  transition-delay: 41.5s; }

.delayp416 {
  animation-delay: 41.6s;
  -moz-animation-delay: 41.6s;
  -webkit-animation-delay: 41.6s;
  -o-animation-delay: 41.6s;
  transition-delay: 41.6s; }

.delayp417 {
  animation-delay: 41.7s;
  -moz-animation-delay: 41.7s;
  -webkit-animation-delay: 41.7s;
  -o-animation-delay: 41.7s;
  transition-delay: 41.7s; }

.delayp418 {
  animation-delay: 41.8s;
  -moz-animation-delay: 41.8s;
  -webkit-animation-delay: 41.8s;
  -o-animation-delay: 41.8s;
  transition-delay: 41.8s; }

.delayp419 {
  animation-delay: 41.9s;
  -moz-animation-delay: 41.9s;
  -webkit-animation-delay: 41.9s;
  -o-animation-delay: 41.9s;
  transition-delay: 41.9s; }

.delayp420 {
  animation-delay: 42s;
  -moz-animation-delay: 42s;
  -webkit-animation-delay: 42s;
  -o-animation-delay: 42s;
  transition-delay: 42s; }

.delayp421 {
  animation-delay: 42.1s;
  -moz-animation-delay: 42.1s;
  -webkit-animation-delay: 42.1s;
  -o-animation-delay: 42.1s;
  transition-delay: 42.1s; }

.delayp422 {
  animation-delay: 42.2s;
  -moz-animation-delay: 42.2s;
  -webkit-animation-delay: 42.2s;
  -o-animation-delay: 42.2s;
  transition-delay: 42.2s; }

.delayp423 {
  animation-delay: 42.3s;
  -moz-animation-delay: 42.3s;
  -webkit-animation-delay: 42.3s;
  -o-animation-delay: 42.3s;
  transition-delay: 42.3s; }

.delayp424 {
  animation-delay: 42.4s;
  -moz-animation-delay: 42.4s;
  -webkit-animation-delay: 42.4s;
  -o-animation-delay: 42.4s;
  transition-delay: 42.4s; }

.delayp425 {
  animation-delay: 42.5s;
  -moz-animation-delay: 42.5s;
  -webkit-animation-delay: 42.5s;
  -o-animation-delay: 42.5s;
  transition-delay: 42.5s; }

.delayp426 {
  animation-delay: 42.6s;
  -moz-animation-delay: 42.6s;
  -webkit-animation-delay: 42.6s;
  -o-animation-delay: 42.6s;
  transition-delay: 42.6s; }

.delayp427 {
  animation-delay: 42.7s;
  -moz-animation-delay: 42.7s;
  -webkit-animation-delay: 42.7s;
  -o-animation-delay: 42.7s;
  transition-delay: 42.7s; }

.delayp428 {
  animation-delay: 42.8s;
  -moz-animation-delay: 42.8s;
  -webkit-animation-delay: 42.8s;
  -o-animation-delay: 42.8s;
  transition-delay: 42.8s; }

.delayp429 {
  animation-delay: 42.9s;
  -moz-animation-delay: 42.9s;
  -webkit-animation-delay: 42.9s;
  -o-animation-delay: 42.9s;
  transition-delay: 42.9s; }

.delayp430 {
  animation-delay: 43s;
  -moz-animation-delay: 43s;
  -webkit-animation-delay: 43s;
  -o-animation-delay: 43s;
  transition-delay: 43s; }

.delayp431 {
  animation-delay: 43.1s;
  -moz-animation-delay: 43.1s;
  -webkit-animation-delay: 43.1s;
  -o-animation-delay: 43.1s;
  transition-delay: 43.1s; }

.delayp432 {
  animation-delay: 43.2s;
  -moz-animation-delay: 43.2s;
  -webkit-animation-delay: 43.2s;
  -o-animation-delay: 43.2s;
  transition-delay: 43.2s; }

.delayp433 {
  animation-delay: 43.3s;
  -moz-animation-delay: 43.3s;
  -webkit-animation-delay: 43.3s;
  -o-animation-delay: 43.3s;
  transition-delay: 43.3s; }

.delayp434 {
  animation-delay: 43.4s;
  -moz-animation-delay: 43.4s;
  -webkit-animation-delay: 43.4s;
  -o-animation-delay: 43.4s;
  transition-delay: 43.4s; }

.delayp435 {
  animation-delay: 43.5s;
  -moz-animation-delay: 43.5s;
  -webkit-animation-delay: 43.5s;
  -o-animation-delay: 43.5s;
  transition-delay: 43.5s; }

.delayp436 {
  animation-delay: 43.6s;
  -moz-animation-delay: 43.6s;
  -webkit-animation-delay: 43.6s;
  -o-animation-delay: 43.6s;
  transition-delay: 43.6s; }

.delayp437 {
  animation-delay: 43.7s;
  -moz-animation-delay: 43.7s;
  -webkit-animation-delay: 43.7s;
  -o-animation-delay: 43.7s;
  transition-delay: 43.7s; }

.delayp438 {
  animation-delay: 43.8s;
  -moz-animation-delay: 43.8s;
  -webkit-animation-delay: 43.8s;
  -o-animation-delay: 43.8s;
  transition-delay: 43.8s; }

.delayp439 {
  animation-delay: 43.9s;
  -moz-animation-delay: 43.9s;
  -webkit-animation-delay: 43.9s;
  -o-animation-delay: 43.9s;
  transition-delay: 43.9s; }

.delayp440 {
  animation-delay: 44s;
  -moz-animation-delay: 44s;
  -webkit-animation-delay: 44s;
  -o-animation-delay: 44s;
  transition-delay: 44s; }

.delayp441 {
  animation-delay: 44.1s;
  -moz-animation-delay: 44.1s;
  -webkit-animation-delay: 44.1s;
  -o-animation-delay: 44.1s;
  transition-delay: 44.1s; }

.delayp442 {
  animation-delay: 44.2s;
  -moz-animation-delay: 44.2s;
  -webkit-animation-delay: 44.2s;
  -o-animation-delay: 44.2s;
  transition-delay: 44.2s; }

.delayp443 {
  animation-delay: 44.3s;
  -moz-animation-delay: 44.3s;
  -webkit-animation-delay: 44.3s;
  -o-animation-delay: 44.3s;
  transition-delay: 44.3s; }

.delayp444 {
  animation-delay: 44.4s;
  -moz-animation-delay: 44.4s;
  -webkit-animation-delay: 44.4s;
  -o-animation-delay: 44.4s;
  transition-delay: 44.4s; }

.delayp445 {
  animation-delay: 44.5s;
  -moz-animation-delay: 44.5s;
  -webkit-animation-delay: 44.5s;
  -o-animation-delay: 44.5s;
  transition-delay: 44.5s; }

.delayp446 {
  animation-delay: 44.6s;
  -moz-animation-delay: 44.6s;
  -webkit-animation-delay: 44.6s;
  -o-animation-delay: 44.6s;
  transition-delay: 44.6s; }

.delayp447 {
  animation-delay: 44.7s;
  -moz-animation-delay: 44.7s;
  -webkit-animation-delay: 44.7s;
  -o-animation-delay: 44.7s;
  transition-delay: 44.7s; }

.delayp448 {
  animation-delay: 44.8s;
  -moz-animation-delay: 44.8s;
  -webkit-animation-delay: 44.8s;
  -o-animation-delay: 44.8s;
  transition-delay: 44.8s; }

.delayp449 {
  animation-delay: 44.9s;
  -moz-animation-delay: 44.9s;
  -webkit-animation-delay: 44.9s;
  -o-animation-delay: 44.9s;
  transition-delay: 44.9s; }

.delayp450 {
  animation-delay: 45s;
  -moz-animation-delay: 45s;
  -webkit-animation-delay: 45s;
  -o-animation-delay: 45s;
  transition-delay: 45s; }

.delayp451 {
  animation-delay: 45.1s;
  -moz-animation-delay: 45.1s;
  -webkit-animation-delay: 45.1s;
  -o-animation-delay: 45.1s;
  transition-delay: 45.1s; }

.delayp452 {
  animation-delay: 45.2s;
  -moz-animation-delay: 45.2s;
  -webkit-animation-delay: 45.2s;
  -o-animation-delay: 45.2s;
  transition-delay: 45.2s; }

.delayp453 {
  animation-delay: 45.3s;
  -moz-animation-delay: 45.3s;
  -webkit-animation-delay: 45.3s;
  -o-animation-delay: 45.3s;
  transition-delay: 45.3s; }

.delayp454 {
  animation-delay: 45.4s;
  -moz-animation-delay: 45.4s;
  -webkit-animation-delay: 45.4s;
  -o-animation-delay: 45.4s;
  transition-delay: 45.4s; }

.delayp455 {
  animation-delay: 45.5s;
  -moz-animation-delay: 45.5s;
  -webkit-animation-delay: 45.5s;
  -o-animation-delay: 45.5s;
  transition-delay: 45.5s; }

.delayp456 {
  animation-delay: 45.6s;
  -moz-animation-delay: 45.6s;
  -webkit-animation-delay: 45.6s;
  -o-animation-delay: 45.6s;
  transition-delay: 45.6s; }

.delayp457 {
  animation-delay: 45.7s;
  -moz-animation-delay: 45.7s;
  -webkit-animation-delay: 45.7s;
  -o-animation-delay: 45.7s;
  transition-delay: 45.7s; }

.delayp458 {
  animation-delay: 45.8s;
  -moz-animation-delay: 45.8s;
  -webkit-animation-delay: 45.8s;
  -o-animation-delay: 45.8s;
  transition-delay: 45.8s; }

.delayp459 {
  animation-delay: 45.9s;
  -moz-animation-delay: 45.9s;
  -webkit-animation-delay: 45.9s;
  -o-animation-delay: 45.9s;
  transition-delay: 45.9s; }

.delayp460 {
  animation-delay: 46s;
  -moz-animation-delay: 46s;
  -webkit-animation-delay: 46s;
  -o-animation-delay: 46s;
  transition-delay: 46s; }

.delayp461 {
  animation-delay: 46.1s;
  -moz-animation-delay: 46.1s;
  -webkit-animation-delay: 46.1s;
  -o-animation-delay: 46.1s;
  transition-delay: 46.1s; }

.delayp462 {
  animation-delay: 46.2s;
  -moz-animation-delay: 46.2s;
  -webkit-animation-delay: 46.2s;
  -o-animation-delay: 46.2s;
  transition-delay: 46.2s; }

.delayp463 {
  animation-delay: 46.3s;
  -moz-animation-delay: 46.3s;
  -webkit-animation-delay: 46.3s;
  -o-animation-delay: 46.3s;
  transition-delay: 46.3s; }

.delayp464 {
  animation-delay: 46.4s;
  -moz-animation-delay: 46.4s;
  -webkit-animation-delay: 46.4s;
  -o-animation-delay: 46.4s;
  transition-delay: 46.4s; }

.delayp465 {
  animation-delay: 46.5s;
  -moz-animation-delay: 46.5s;
  -webkit-animation-delay: 46.5s;
  -o-animation-delay: 46.5s;
  transition-delay: 46.5s; }

.delayp466 {
  animation-delay: 46.6s;
  -moz-animation-delay: 46.6s;
  -webkit-animation-delay: 46.6s;
  -o-animation-delay: 46.6s;
  transition-delay: 46.6s; }

.delayp467 {
  animation-delay: 46.7s;
  -moz-animation-delay: 46.7s;
  -webkit-animation-delay: 46.7s;
  -o-animation-delay: 46.7s;
  transition-delay: 46.7s; }

.delayp468 {
  animation-delay: 46.8s;
  -moz-animation-delay: 46.8s;
  -webkit-animation-delay: 46.8s;
  -o-animation-delay: 46.8s;
  transition-delay: 46.8s; }

.delayp469 {
  animation-delay: 46.9s;
  -moz-animation-delay: 46.9s;
  -webkit-animation-delay: 46.9s;
  -o-animation-delay: 46.9s;
  transition-delay: 46.9s; }

.delayp470 {
  animation-delay: 47s;
  -moz-animation-delay: 47s;
  -webkit-animation-delay: 47s;
  -o-animation-delay: 47s;
  transition-delay: 47s; }

.delayp471 {
  animation-delay: 47.1s;
  -moz-animation-delay: 47.1s;
  -webkit-animation-delay: 47.1s;
  -o-animation-delay: 47.1s;
  transition-delay: 47.1s; }

.delayp472 {
  animation-delay: 47.2s;
  -moz-animation-delay: 47.2s;
  -webkit-animation-delay: 47.2s;
  -o-animation-delay: 47.2s;
  transition-delay: 47.2s; }

.delayp473 {
  animation-delay: 47.3s;
  -moz-animation-delay: 47.3s;
  -webkit-animation-delay: 47.3s;
  -o-animation-delay: 47.3s;
  transition-delay: 47.3s; }

.delayp474 {
  animation-delay: 47.4s;
  -moz-animation-delay: 47.4s;
  -webkit-animation-delay: 47.4s;
  -o-animation-delay: 47.4s;
  transition-delay: 47.4s; }

.delayp475 {
  animation-delay: 47.5s;
  -moz-animation-delay: 47.5s;
  -webkit-animation-delay: 47.5s;
  -o-animation-delay: 47.5s;
  transition-delay: 47.5s; }

.delayp476 {
  animation-delay: 47.6s;
  -moz-animation-delay: 47.6s;
  -webkit-animation-delay: 47.6s;
  -o-animation-delay: 47.6s;
  transition-delay: 47.6s; }

.delayp477 {
  animation-delay: 47.7s;
  -moz-animation-delay: 47.7s;
  -webkit-animation-delay: 47.7s;
  -o-animation-delay: 47.7s;
  transition-delay: 47.7s; }

.delayp478 {
  animation-delay: 47.8s;
  -moz-animation-delay: 47.8s;
  -webkit-animation-delay: 47.8s;
  -o-animation-delay: 47.8s;
  transition-delay: 47.8s; }

.delayp479 {
  animation-delay: 47.9s;
  -moz-animation-delay: 47.9s;
  -webkit-animation-delay: 47.9s;
  -o-animation-delay: 47.9s;
  transition-delay: 47.9s; }

.delayp480 {
  animation-delay: 48s;
  -moz-animation-delay: 48s;
  -webkit-animation-delay: 48s;
  -o-animation-delay: 48s;
  transition-delay: 48s; }

.delayp481 {
  animation-delay: 48.1s;
  -moz-animation-delay: 48.1s;
  -webkit-animation-delay: 48.1s;
  -o-animation-delay: 48.1s;
  transition-delay: 48.1s; }

.delayp482 {
  animation-delay: 48.2s;
  -moz-animation-delay: 48.2s;
  -webkit-animation-delay: 48.2s;
  -o-animation-delay: 48.2s;
  transition-delay: 48.2s; }

.delayp483 {
  animation-delay: 48.3s;
  -moz-animation-delay: 48.3s;
  -webkit-animation-delay: 48.3s;
  -o-animation-delay: 48.3s;
  transition-delay: 48.3s; }

.delayp484 {
  animation-delay: 48.4s;
  -moz-animation-delay: 48.4s;
  -webkit-animation-delay: 48.4s;
  -o-animation-delay: 48.4s;
  transition-delay: 48.4s; }

.delayp485 {
  animation-delay: 48.5s;
  -moz-animation-delay: 48.5s;
  -webkit-animation-delay: 48.5s;
  -o-animation-delay: 48.5s;
  transition-delay: 48.5s; }

.delayp486 {
  animation-delay: 48.6s;
  -moz-animation-delay: 48.6s;
  -webkit-animation-delay: 48.6s;
  -o-animation-delay: 48.6s;
  transition-delay: 48.6s; }

.delayp487 {
  animation-delay: 48.7s;
  -moz-animation-delay: 48.7s;
  -webkit-animation-delay: 48.7s;
  -o-animation-delay: 48.7s;
  transition-delay: 48.7s; }

.delayp488 {
  animation-delay: 48.8s;
  -moz-animation-delay: 48.8s;
  -webkit-animation-delay: 48.8s;
  -o-animation-delay: 48.8s;
  transition-delay: 48.8s; }

.delayp489 {
  animation-delay: 48.9s;
  -moz-animation-delay: 48.9s;
  -webkit-animation-delay: 48.9s;
  -o-animation-delay: 48.9s;
  transition-delay: 48.9s; }

.delayp490 {
  animation-delay: 49s;
  -moz-animation-delay: 49s;
  -webkit-animation-delay: 49s;
  -o-animation-delay: 49s;
  transition-delay: 49s; }

.delayp491 {
  animation-delay: 49.1s;
  -moz-animation-delay: 49.1s;
  -webkit-animation-delay: 49.1s;
  -o-animation-delay: 49.1s;
  transition-delay: 49.1s; }

.delayp492 {
  animation-delay: 49.2s;
  -moz-animation-delay: 49.2s;
  -webkit-animation-delay: 49.2s;
  -o-animation-delay: 49.2s;
  transition-delay: 49.2s; }

.delayp493 {
  animation-delay: 49.3s;
  -moz-animation-delay: 49.3s;
  -webkit-animation-delay: 49.3s;
  -o-animation-delay: 49.3s;
  transition-delay: 49.3s; }

.delayp494 {
  animation-delay: 49.4s;
  -moz-animation-delay: 49.4s;
  -webkit-animation-delay: 49.4s;
  -o-animation-delay: 49.4s;
  transition-delay: 49.4s; }

.delayp495 {
  animation-delay: 49.5s;
  -moz-animation-delay: 49.5s;
  -webkit-animation-delay: 49.5s;
  -o-animation-delay: 49.5s;
  transition-delay: 49.5s; }

.delayp496 {
  animation-delay: 49.6s;
  -moz-animation-delay: 49.6s;
  -webkit-animation-delay: 49.6s;
  -o-animation-delay: 49.6s;
  transition-delay: 49.6s; }

.delayp497 {
  animation-delay: 49.7s;
  -moz-animation-delay: 49.7s;
  -webkit-animation-delay: 49.7s;
  -o-animation-delay: 49.7s;
  transition-delay: 49.7s; }

.delayp498 {
  animation-delay: 49.8s;
  -moz-animation-delay: 49.8s;
  -webkit-animation-delay: 49.8s;
  -o-animation-delay: 49.8s;
  transition-delay: 49.8s; }

.delayp499 {
  animation-delay: 49.9s;
  -moz-animation-delay: 49.9s;
  -webkit-animation-delay: 49.9s;
  -o-animation-delay: 49.9s;
  transition-delay: 49.9s; }

.delayp500 {
  animation-delay: 50s;
  -moz-animation-delay: 50s;
  -webkit-animation-delay: 50s;
  -o-animation-delay: 50s;
  transition-delay: 50s; }

.delayp501 {
  animation-delay: 50.1s;
  -moz-animation-delay: 50.1s;
  -webkit-animation-delay: 50.1s;
  -o-animation-delay: 50.1s;
  transition-delay: 50.1s; }

.delayp502 {
  animation-delay: 50.2s;
  -moz-animation-delay: 50.2s;
  -webkit-animation-delay: 50.2s;
  -o-animation-delay: 50.2s;
  transition-delay: 50.2s; }

.delayp503 {
  animation-delay: 50.3s;
  -moz-animation-delay: 50.3s;
  -webkit-animation-delay: 50.3s;
  -o-animation-delay: 50.3s;
  transition-delay: 50.3s; }

.delayp504 {
  animation-delay: 50.4s;
  -moz-animation-delay: 50.4s;
  -webkit-animation-delay: 50.4s;
  -o-animation-delay: 50.4s;
  transition-delay: 50.4s; }

.delayp505 {
  animation-delay: 50.5s;
  -moz-animation-delay: 50.5s;
  -webkit-animation-delay: 50.5s;
  -o-animation-delay: 50.5s;
  transition-delay: 50.5s; }

.delayp506 {
  animation-delay: 50.6s;
  -moz-animation-delay: 50.6s;
  -webkit-animation-delay: 50.6s;
  -o-animation-delay: 50.6s;
  transition-delay: 50.6s; }

.delayp507 {
  animation-delay: 50.7s;
  -moz-animation-delay: 50.7s;
  -webkit-animation-delay: 50.7s;
  -o-animation-delay: 50.7s;
  transition-delay: 50.7s; }

.delayp508 {
  animation-delay: 50.8s;
  -moz-animation-delay: 50.8s;
  -webkit-animation-delay: 50.8s;
  -o-animation-delay: 50.8s;
  transition-delay: 50.8s; }

.delayp509 {
  animation-delay: 50.9s;
  -moz-animation-delay: 50.9s;
  -webkit-animation-delay: 50.9s;
  -o-animation-delay: 50.9s;
  transition-delay: 50.9s; }

.delayp510 {
  animation-delay: 51s;
  -moz-animation-delay: 51s;
  -webkit-animation-delay: 51s;
  -o-animation-delay: 51s;
  transition-delay: 51s; }

.delayp511 {
  animation-delay: 51.1s;
  -moz-animation-delay: 51.1s;
  -webkit-animation-delay: 51.1s;
  -o-animation-delay: 51.1s;
  transition-delay: 51.1s; }

.delayp512 {
  animation-delay: 51.2s;
  -moz-animation-delay: 51.2s;
  -webkit-animation-delay: 51.2s;
  -o-animation-delay: 51.2s;
  transition-delay: 51.2s; }

.delayp513 {
  animation-delay: 51.3s;
  -moz-animation-delay: 51.3s;
  -webkit-animation-delay: 51.3s;
  -o-animation-delay: 51.3s;
  transition-delay: 51.3s; }

.delayp514 {
  animation-delay: 51.4s;
  -moz-animation-delay: 51.4s;
  -webkit-animation-delay: 51.4s;
  -o-animation-delay: 51.4s;
  transition-delay: 51.4s; }

.delayp515 {
  animation-delay: 51.5s;
  -moz-animation-delay: 51.5s;
  -webkit-animation-delay: 51.5s;
  -o-animation-delay: 51.5s;
  transition-delay: 51.5s; }

.delayp516 {
  animation-delay: 51.6s;
  -moz-animation-delay: 51.6s;
  -webkit-animation-delay: 51.6s;
  -o-animation-delay: 51.6s;
  transition-delay: 51.6s; }

.delayp517 {
  animation-delay: 51.7s;
  -moz-animation-delay: 51.7s;
  -webkit-animation-delay: 51.7s;
  -o-animation-delay: 51.7s;
  transition-delay: 51.7s; }

.delayp518 {
  animation-delay: 51.8s;
  -moz-animation-delay: 51.8s;
  -webkit-animation-delay: 51.8s;
  -o-animation-delay: 51.8s;
  transition-delay: 51.8s; }

.delayp519 {
  animation-delay: 51.9s;
  -moz-animation-delay: 51.9s;
  -webkit-animation-delay: 51.9s;
  -o-animation-delay: 51.9s;
  transition-delay: 51.9s; }

.delayp520 {
  animation-delay: 52s;
  -moz-animation-delay: 52s;
  -webkit-animation-delay: 52s;
  -o-animation-delay: 52s;
  transition-delay: 52s; }

.delayp521 {
  animation-delay: 52.1s;
  -moz-animation-delay: 52.1s;
  -webkit-animation-delay: 52.1s;
  -o-animation-delay: 52.1s;
  transition-delay: 52.1s; }

.delayp522 {
  animation-delay: 52.2s;
  -moz-animation-delay: 52.2s;
  -webkit-animation-delay: 52.2s;
  -o-animation-delay: 52.2s;
  transition-delay: 52.2s; }

.delayp523 {
  animation-delay: 52.3s;
  -moz-animation-delay: 52.3s;
  -webkit-animation-delay: 52.3s;
  -o-animation-delay: 52.3s;
  transition-delay: 52.3s; }

.delayp524 {
  animation-delay: 52.4s;
  -moz-animation-delay: 52.4s;
  -webkit-animation-delay: 52.4s;
  -o-animation-delay: 52.4s;
  transition-delay: 52.4s; }

.delayp525 {
  animation-delay: 52.5s;
  -moz-animation-delay: 52.5s;
  -webkit-animation-delay: 52.5s;
  -o-animation-delay: 52.5s;
  transition-delay: 52.5s; }

.delayp526 {
  animation-delay: 52.6s;
  -moz-animation-delay: 52.6s;
  -webkit-animation-delay: 52.6s;
  -o-animation-delay: 52.6s;
  transition-delay: 52.6s; }

.delayp527 {
  animation-delay: 52.7s;
  -moz-animation-delay: 52.7s;
  -webkit-animation-delay: 52.7s;
  -o-animation-delay: 52.7s;
  transition-delay: 52.7s; }

.delayp528 {
  animation-delay: 52.8s;
  -moz-animation-delay: 52.8s;
  -webkit-animation-delay: 52.8s;
  -o-animation-delay: 52.8s;
  transition-delay: 52.8s; }

.delayp529 {
  animation-delay: 52.9s;
  -moz-animation-delay: 52.9s;
  -webkit-animation-delay: 52.9s;
  -o-animation-delay: 52.9s;
  transition-delay: 52.9s; }

.delayp530 {
  animation-delay: 53s;
  -moz-animation-delay: 53s;
  -webkit-animation-delay: 53s;
  -o-animation-delay: 53s;
  transition-delay: 53s; }

.delayp531 {
  animation-delay: 53.1s;
  -moz-animation-delay: 53.1s;
  -webkit-animation-delay: 53.1s;
  -o-animation-delay: 53.1s;
  transition-delay: 53.1s; }

.delayp532 {
  animation-delay: 53.2s;
  -moz-animation-delay: 53.2s;
  -webkit-animation-delay: 53.2s;
  -o-animation-delay: 53.2s;
  transition-delay: 53.2s; }

.delayp533 {
  animation-delay: 53.3s;
  -moz-animation-delay: 53.3s;
  -webkit-animation-delay: 53.3s;
  -o-animation-delay: 53.3s;
  transition-delay: 53.3s; }

.delayp534 {
  animation-delay: 53.4s;
  -moz-animation-delay: 53.4s;
  -webkit-animation-delay: 53.4s;
  -o-animation-delay: 53.4s;
  transition-delay: 53.4s; }

.delayp535 {
  animation-delay: 53.5s;
  -moz-animation-delay: 53.5s;
  -webkit-animation-delay: 53.5s;
  -o-animation-delay: 53.5s;
  transition-delay: 53.5s; }

.delayp536 {
  animation-delay: 53.6s;
  -moz-animation-delay: 53.6s;
  -webkit-animation-delay: 53.6s;
  -o-animation-delay: 53.6s;
  transition-delay: 53.6s; }

.delayp537 {
  animation-delay: 53.7s;
  -moz-animation-delay: 53.7s;
  -webkit-animation-delay: 53.7s;
  -o-animation-delay: 53.7s;
  transition-delay: 53.7s; }

.delayp538 {
  animation-delay: 53.8s;
  -moz-animation-delay: 53.8s;
  -webkit-animation-delay: 53.8s;
  -o-animation-delay: 53.8s;
  transition-delay: 53.8s; }

.delayp539 {
  animation-delay: 53.9s;
  -moz-animation-delay: 53.9s;
  -webkit-animation-delay: 53.9s;
  -o-animation-delay: 53.9s;
  transition-delay: 53.9s; }

.delayp540 {
  animation-delay: 54s;
  -moz-animation-delay: 54s;
  -webkit-animation-delay: 54s;
  -o-animation-delay: 54s;
  transition-delay: 54s; }

.delayp541 {
  animation-delay: 54.1s;
  -moz-animation-delay: 54.1s;
  -webkit-animation-delay: 54.1s;
  -o-animation-delay: 54.1s;
  transition-delay: 54.1s; }

.delayp542 {
  animation-delay: 54.2s;
  -moz-animation-delay: 54.2s;
  -webkit-animation-delay: 54.2s;
  -o-animation-delay: 54.2s;
  transition-delay: 54.2s; }

.delayp543 {
  animation-delay: 54.3s;
  -moz-animation-delay: 54.3s;
  -webkit-animation-delay: 54.3s;
  -o-animation-delay: 54.3s;
  transition-delay: 54.3s; }

.delayp544 {
  animation-delay: 54.4s;
  -moz-animation-delay: 54.4s;
  -webkit-animation-delay: 54.4s;
  -o-animation-delay: 54.4s;
  transition-delay: 54.4s; }

.delayp545 {
  animation-delay: 54.5s;
  -moz-animation-delay: 54.5s;
  -webkit-animation-delay: 54.5s;
  -o-animation-delay: 54.5s;
  transition-delay: 54.5s; }

.delayp546 {
  animation-delay: 54.6s;
  -moz-animation-delay: 54.6s;
  -webkit-animation-delay: 54.6s;
  -o-animation-delay: 54.6s;
  transition-delay: 54.6s; }

.delayp547 {
  animation-delay: 54.7s;
  -moz-animation-delay: 54.7s;
  -webkit-animation-delay: 54.7s;
  -o-animation-delay: 54.7s;
  transition-delay: 54.7s; }

.delayp548 {
  animation-delay: 54.8s;
  -moz-animation-delay: 54.8s;
  -webkit-animation-delay: 54.8s;
  -o-animation-delay: 54.8s;
  transition-delay: 54.8s; }

.delayp549 {
  animation-delay: 54.9s;
  -moz-animation-delay: 54.9s;
  -webkit-animation-delay: 54.9s;
  -o-animation-delay: 54.9s;
  transition-delay: 54.9s; }

.delayp550 {
  animation-delay: 55s;
  -moz-animation-delay: 55s;
  -webkit-animation-delay: 55s;
  -o-animation-delay: 55s;
  transition-delay: 55s; }

.delayp551 {
  animation-delay: 55.1s;
  -moz-animation-delay: 55.1s;
  -webkit-animation-delay: 55.1s;
  -o-animation-delay: 55.1s;
  transition-delay: 55.1s; }

.delayp552 {
  animation-delay: 55.2s;
  -moz-animation-delay: 55.2s;
  -webkit-animation-delay: 55.2s;
  -o-animation-delay: 55.2s;
  transition-delay: 55.2s; }

.delayp553 {
  animation-delay: 55.3s;
  -moz-animation-delay: 55.3s;
  -webkit-animation-delay: 55.3s;
  -o-animation-delay: 55.3s;
  transition-delay: 55.3s; }

.delayp554 {
  animation-delay: 55.4s;
  -moz-animation-delay: 55.4s;
  -webkit-animation-delay: 55.4s;
  -o-animation-delay: 55.4s;
  transition-delay: 55.4s; }

.delayp555 {
  animation-delay: 55.5s;
  -moz-animation-delay: 55.5s;
  -webkit-animation-delay: 55.5s;
  -o-animation-delay: 55.5s;
  transition-delay: 55.5s; }

.delayp556 {
  animation-delay: 55.6s;
  -moz-animation-delay: 55.6s;
  -webkit-animation-delay: 55.6s;
  -o-animation-delay: 55.6s;
  transition-delay: 55.6s; }

.delayp557 {
  animation-delay: 55.7s;
  -moz-animation-delay: 55.7s;
  -webkit-animation-delay: 55.7s;
  -o-animation-delay: 55.7s;
  transition-delay: 55.7s; }

.delayp558 {
  animation-delay: 55.8s;
  -moz-animation-delay: 55.8s;
  -webkit-animation-delay: 55.8s;
  -o-animation-delay: 55.8s;
  transition-delay: 55.8s; }

.delayp559 {
  animation-delay: 55.9s;
  -moz-animation-delay: 55.9s;
  -webkit-animation-delay: 55.9s;
  -o-animation-delay: 55.9s;
  transition-delay: 55.9s; }

.delayp560 {
  animation-delay: 56s;
  -moz-animation-delay: 56s;
  -webkit-animation-delay: 56s;
  -o-animation-delay: 56s;
  transition-delay: 56s; }

.delayp561 {
  animation-delay: 56.1s;
  -moz-animation-delay: 56.1s;
  -webkit-animation-delay: 56.1s;
  -o-animation-delay: 56.1s;
  transition-delay: 56.1s; }

.delayp562 {
  animation-delay: 56.2s;
  -moz-animation-delay: 56.2s;
  -webkit-animation-delay: 56.2s;
  -o-animation-delay: 56.2s;
  transition-delay: 56.2s; }

.delayp563 {
  animation-delay: 56.3s;
  -moz-animation-delay: 56.3s;
  -webkit-animation-delay: 56.3s;
  -o-animation-delay: 56.3s;
  transition-delay: 56.3s; }

.delayp564 {
  animation-delay: 56.4s;
  -moz-animation-delay: 56.4s;
  -webkit-animation-delay: 56.4s;
  -o-animation-delay: 56.4s;
  transition-delay: 56.4s; }

.delayp565 {
  animation-delay: 56.5s;
  -moz-animation-delay: 56.5s;
  -webkit-animation-delay: 56.5s;
  -o-animation-delay: 56.5s;
  transition-delay: 56.5s; }

.delayp566 {
  animation-delay: 56.6s;
  -moz-animation-delay: 56.6s;
  -webkit-animation-delay: 56.6s;
  -o-animation-delay: 56.6s;
  transition-delay: 56.6s; }

.delayp567 {
  animation-delay: 56.7s;
  -moz-animation-delay: 56.7s;
  -webkit-animation-delay: 56.7s;
  -o-animation-delay: 56.7s;
  transition-delay: 56.7s; }

.delayp568 {
  animation-delay: 56.8s;
  -moz-animation-delay: 56.8s;
  -webkit-animation-delay: 56.8s;
  -o-animation-delay: 56.8s;
  transition-delay: 56.8s; }

.delayp569 {
  animation-delay: 56.9s;
  -moz-animation-delay: 56.9s;
  -webkit-animation-delay: 56.9s;
  -o-animation-delay: 56.9s;
  transition-delay: 56.9s; }

.delayp570 {
  animation-delay: 57s;
  -moz-animation-delay: 57s;
  -webkit-animation-delay: 57s;
  -o-animation-delay: 57s;
  transition-delay: 57s; }

.delayp571 {
  animation-delay: 57.1s;
  -moz-animation-delay: 57.1s;
  -webkit-animation-delay: 57.1s;
  -o-animation-delay: 57.1s;
  transition-delay: 57.1s; }

.delayp572 {
  animation-delay: 57.2s;
  -moz-animation-delay: 57.2s;
  -webkit-animation-delay: 57.2s;
  -o-animation-delay: 57.2s;
  transition-delay: 57.2s; }

.delayp573 {
  animation-delay: 57.3s;
  -moz-animation-delay: 57.3s;
  -webkit-animation-delay: 57.3s;
  -o-animation-delay: 57.3s;
  transition-delay: 57.3s; }

.delayp574 {
  animation-delay: 57.4s;
  -moz-animation-delay: 57.4s;
  -webkit-animation-delay: 57.4s;
  -o-animation-delay: 57.4s;
  transition-delay: 57.4s; }

.delayp575 {
  animation-delay: 57.5s;
  -moz-animation-delay: 57.5s;
  -webkit-animation-delay: 57.5s;
  -o-animation-delay: 57.5s;
  transition-delay: 57.5s; }

.delayp576 {
  animation-delay: 57.6s;
  -moz-animation-delay: 57.6s;
  -webkit-animation-delay: 57.6s;
  -o-animation-delay: 57.6s;
  transition-delay: 57.6s; }

.delayp577 {
  animation-delay: 57.7s;
  -moz-animation-delay: 57.7s;
  -webkit-animation-delay: 57.7s;
  -o-animation-delay: 57.7s;
  transition-delay: 57.7s; }

.delayp578 {
  animation-delay: 57.8s;
  -moz-animation-delay: 57.8s;
  -webkit-animation-delay: 57.8s;
  -o-animation-delay: 57.8s;
  transition-delay: 57.8s; }

.delayp579 {
  animation-delay: 57.9s;
  -moz-animation-delay: 57.9s;
  -webkit-animation-delay: 57.9s;
  -o-animation-delay: 57.9s;
  transition-delay: 57.9s; }

.delayp580 {
  animation-delay: 58s;
  -moz-animation-delay: 58s;
  -webkit-animation-delay: 58s;
  -o-animation-delay: 58s;
  transition-delay: 58s; }

.delayp581 {
  animation-delay: 58.1s;
  -moz-animation-delay: 58.1s;
  -webkit-animation-delay: 58.1s;
  -o-animation-delay: 58.1s;
  transition-delay: 58.1s; }

.delayp582 {
  animation-delay: 58.2s;
  -moz-animation-delay: 58.2s;
  -webkit-animation-delay: 58.2s;
  -o-animation-delay: 58.2s;
  transition-delay: 58.2s; }

.delayp583 {
  animation-delay: 58.3s;
  -moz-animation-delay: 58.3s;
  -webkit-animation-delay: 58.3s;
  -o-animation-delay: 58.3s;
  transition-delay: 58.3s; }

.delayp584 {
  animation-delay: 58.4s;
  -moz-animation-delay: 58.4s;
  -webkit-animation-delay: 58.4s;
  -o-animation-delay: 58.4s;
  transition-delay: 58.4s; }

.delayp585 {
  animation-delay: 58.5s;
  -moz-animation-delay: 58.5s;
  -webkit-animation-delay: 58.5s;
  -o-animation-delay: 58.5s;
  transition-delay: 58.5s; }

.delayp586 {
  animation-delay: 58.6s;
  -moz-animation-delay: 58.6s;
  -webkit-animation-delay: 58.6s;
  -o-animation-delay: 58.6s;
  transition-delay: 58.6s; }

.delayp587 {
  animation-delay: 58.7s;
  -moz-animation-delay: 58.7s;
  -webkit-animation-delay: 58.7s;
  -o-animation-delay: 58.7s;
  transition-delay: 58.7s; }

.delayp588 {
  animation-delay: 58.8s;
  -moz-animation-delay: 58.8s;
  -webkit-animation-delay: 58.8s;
  -o-animation-delay: 58.8s;
  transition-delay: 58.8s; }

.delayp589 {
  animation-delay: 58.9s;
  -moz-animation-delay: 58.9s;
  -webkit-animation-delay: 58.9s;
  -o-animation-delay: 58.9s;
  transition-delay: 58.9s; }

.delayp590 {
  animation-delay: 59s;
  -moz-animation-delay: 59s;
  -webkit-animation-delay: 59s;
  -o-animation-delay: 59s;
  transition-delay: 59s; }

.delayp591 {
  animation-delay: 59.1s;
  -moz-animation-delay: 59.1s;
  -webkit-animation-delay: 59.1s;
  -o-animation-delay: 59.1s;
  transition-delay: 59.1s; }

.delayp592 {
  animation-delay: 59.2s;
  -moz-animation-delay: 59.2s;
  -webkit-animation-delay: 59.2s;
  -o-animation-delay: 59.2s;
  transition-delay: 59.2s; }

.delayp593 {
  animation-delay: 59.3s;
  -moz-animation-delay: 59.3s;
  -webkit-animation-delay: 59.3s;
  -o-animation-delay: 59.3s;
  transition-delay: 59.3s; }

.delayp594 {
  animation-delay: 59.4s;
  -moz-animation-delay: 59.4s;
  -webkit-animation-delay: 59.4s;
  -o-animation-delay: 59.4s;
  transition-delay: 59.4s; }

.delayp595 {
  animation-delay: 59.5s;
  -moz-animation-delay: 59.5s;
  -webkit-animation-delay: 59.5s;
  -o-animation-delay: 59.5s;
  transition-delay: 59.5s; }

.delayp596 {
  animation-delay: 59.6s;
  -moz-animation-delay: 59.6s;
  -webkit-animation-delay: 59.6s;
  -o-animation-delay: 59.6s;
  transition-delay: 59.6s; }

.delayp597 {
  animation-delay: 59.7s;
  -moz-animation-delay: 59.7s;
  -webkit-animation-delay: 59.7s;
  -o-animation-delay: 59.7s;
  transition-delay: 59.7s; }

.delayp598 {
  animation-delay: 59.8s;
  -moz-animation-delay: 59.8s;
  -webkit-animation-delay: 59.8s;
  -o-animation-delay: 59.8s;
  transition-delay: 59.8s; }

.delayp599 {
  animation-delay: 59.9s;
  -moz-animation-delay: 59.9s;
  -webkit-animation-delay: 59.9s;
  -o-animation-delay: 59.9s;
  transition-delay: 59.9s; }

.delayp600 {
  animation-delay: 60s;
  -moz-animation-delay: 60s;
  -webkit-animation-delay: 60s;
  -o-animation-delay: 60s;
  transition-delay: 60s; }

.delayp601 {
  animation-delay: 60.1s;
  -moz-animation-delay: 60.1s;
  -webkit-animation-delay: 60.1s;
  -o-animation-delay: 60.1s;
  transition-delay: 60.1s; }

.delayp602 {
  animation-delay: 60.2s;
  -moz-animation-delay: 60.2s;
  -webkit-animation-delay: 60.2s;
  -o-animation-delay: 60.2s;
  transition-delay: 60.2s; }

.delayp603 {
  animation-delay: 60.3s;
  -moz-animation-delay: 60.3s;
  -webkit-animation-delay: 60.3s;
  -o-animation-delay: 60.3s;
  transition-delay: 60.3s; }

.delayp604 {
  animation-delay: 60.4s;
  -moz-animation-delay: 60.4s;
  -webkit-animation-delay: 60.4s;
  -o-animation-delay: 60.4s;
  transition-delay: 60.4s; }

.delayp605 {
  animation-delay: 60.5s;
  -moz-animation-delay: 60.5s;
  -webkit-animation-delay: 60.5s;
  -o-animation-delay: 60.5s;
  transition-delay: 60.5s; }

.delayp606 {
  animation-delay: 60.6s;
  -moz-animation-delay: 60.6s;
  -webkit-animation-delay: 60.6s;
  -o-animation-delay: 60.6s;
  transition-delay: 60.6s; }

.delayp607 {
  animation-delay: 60.7s;
  -moz-animation-delay: 60.7s;
  -webkit-animation-delay: 60.7s;
  -o-animation-delay: 60.7s;
  transition-delay: 60.7s; }

.delayp608 {
  animation-delay: 60.8s;
  -moz-animation-delay: 60.8s;
  -webkit-animation-delay: 60.8s;
  -o-animation-delay: 60.8s;
  transition-delay: 60.8s; }

.delayp609 {
  animation-delay: 60.9s;
  -moz-animation-delay: 60.9s;
  -webkit-animation-delay: 60.9s;
  -o-animation-delay: 60.9s;
  transition-delay: 60.9s; }

.delayp610 {
  animation-delay: 61s;
  -moz-animation-delay: 61s;
  -webkit-animation-delay: 61s;
  -o-animation-delay: 61s;
  transition-delay: 61s; }

.delayp611 {
  animation-delay: 61.1s;
  -moz-animation-delay: 61.1s;
  -webkit-animation-delay: 61.1s;
  -o-animation-delay: 61.1s;
  transition-delay: 61.1s; }

.delayp612 {
  animation-delay: 61.2s;
  -moz-animation-delay: 61.2s;
  -webkit-animation-delay: 61.2s;
  -o-animation-delay: 61.2s;
  transition-delay: 61.2s; }

.delayp613 {
  animation-delay: 61.3s;
  -moz-animation-delay: 61.3s;
  -webkit-animation-delay: 61.3s;
  -o-animation-delay: 61.3s;
  transition-delay: 61.3s; }

.delayp614 {
  animation-delay: 61.4s;
  -moz-animation-delay: 61.4s;
  -webkit-animation-delay: 61.4s;
  -o-animation-delay: 61.4s;
  transition-delay: 61.4s; }

.delayp615 {
  animation-delay: 61.5s;
  -moz-animation-delay: 61.5s;
  -webkit-animation-delay: 61.5s;
  -o-animation-delay: 61.5s;
  transition-delay: 61.5s; }

.delayp616 {
  animation-delay: 61.6s;
  -moz-animation-delay: 61.6s;
  -webkit-animation-delay: 61.6s;
  -o-animation-delay: 61.6s;
  transition-delay: 61.6s; }

.delayp617 {
  animation-delay: 61.7s;
  -moz-animation-delay: 61.7s;
  -webkit-animation-delay: 61.7s;
  -o-animation-delay: 61.7s;
  transition-delay: 61.7s; }

.delayp618 {
  animation-delay: 61.8s;
  -moz-animation-delay: 61.8s;
  -webkit-animation-delay: 61.8s;
  -o-animation-delay: 61.8s;
  transition-delay: 61.8s; }

.delayp619 {
  animation-delay: 61.9s;
  -moz-animation-delay: 61.9s;
  -webkit-animation-delay: 61.9s;
  -o-animation-delay: 61.9s;
  transition-delay: 61.9s; }

.delayp620 {
  animation-delay: 62s;
  -moz-animation-delay: 62s;
  -webkit-animation-delay: 62s;
  -o-animation-delay: 62s;
  transition-delay: 62s; }

.delayp621 {
  animation-delay: 62.1s;
  -moz-animation-delay: 62.1s;
  -webkit-animation-delay: 62.1s;
  -o-animation-delay: 62.1s;
  transition-delay: 62.1s; }

.delayp622 {
  animation-delay: 62.2s;
  -moz-animation-delay: 62.2s;
  -webkit-animation-delay: 62.2s;
  -o-animation-delay: 62.2s;
  transition-delay: 62.2s; }

.delayp623 {
  animation-delay: 62.3s;
  -moz-animation-delay: 62.3s;
  -webkit-animation-delay: 62.3s;
  -o-animation-delay: 62.3s;
  transition-delay: 62.3s; }

.delayp624 {
  animation-delay: 62.4s;
  -moz-animation-delay: 62.4s;
  -webkit-animation-delay: 62.4s;
  -o-animation-delay: 62.4s;
  transition-delay: 62.4s; }

.delayp625 {
  animation-delay: 62.5s;
  -moz-animation-delay: 62.5s;
  -webkit-animation-delay: 62.5s;
  -o-animation-delay: 62.5s;
  transition-delay: 62.5s; }

.delayp626 {
  animation-delay: 62.6s;
  -moz-animation-delay: 62.6s;
  -webkit-animation-delay: 62.6s;
  -o-animation-delay: 62.6s;
  transition-delay: 62.6s; }

.delayp627 {
  animation-delay: 62.7s;
  -moz-animation-delay: 62.7s;
  -webkit-animation-delay: 62.7s;
  -o-animation-delay: 62.7s;
  transition-delay: 62.7s; }

.delayp628 {
  animation-delay: 62.8s;
  -moz-animation-delay: 62.8s;
  -webkit-animation-delay: 62.8s;
  -o-animation-delay: 62.8s;
  transition-delay: 62.8s; }

.delayp629 {
  animation-delay: 62.9s;
  -moz-animation-delay: 62.9s;
  -webkit-animation-delay: 62.9s;
  -o-animation-delay: 62.9s;
  transition-delay: 62.9s; }

.delayp630 {
  animation-delay: 63s;
  -moz-animation-delay: 63s;
  -webkit-animation-delay: 63s;
  -o-animation-delay: 63s;
  transition-delay: 63s; }

.delayp631 {
  animation-delay: 63.1s;
  -moz-animation-delay: 63.1s;
  -webkit-animation-delay: 63.1s;
  -o-animation-delay: 63.1s;
  transition-delay: 63.1s; }

.delayp632 {
  animation-delay: 63.2s;
  -moz-animation-delay: 63.2s;
  -webkit-animation-delay: 63.2s;
  -o-animation-delay: 63.2s;
  transition-delay: 63.2s; }

.delayp633 {
  animation-delay: 63.3s;
  -moz-animation-delay: 63.3s;
  -webkit-animation-delay: 63.3s;
  -o-animation-delay: 63.3s;
  transition-delay: 63.3s; }

.delayp634 {
  animation-delay: 63.4s;
  -moz-animation-delay: 63.4s;
  -webkit-animation-delay: 63.4s;
  -o-animation-delay: 63.4s;
  transition-delay: 63.4s; }

.delayp635 {
  animation-delay: 63.5s;
  -moz-animation-delay: 63.5s;
  -webkit-animation-delay: 63.5s;
  -o-animation-delay: 63.5s;
  transition-delay: 63.5s; }

.delayp636 {
  animation-delay: 63.6s;
  -moz-animation-delay: 63.6s;
  -webkit-animation-delay: 63.6s;
  -o-animation-delay: 63.6s;
  transition-delay: 63.6s; }

.delayp637 {
  animation-delay: 63.7s;
  -moz-animation-delay: 63.7s;
  -webkit-animation-delay: 63.7s;
  -o-animation-delay: 63.7s;
  transition-delay: 63.7s; }

.delayp638 {
  animation-delay: 63.8s;
  -moz-animation-delay: 63.8s;
  -webkit-animation-delay: 63.8s;
  -o-animation-delay: 63.8s;
  transition-delay: 63.8s; }

.delayp639 {
  animation-delay: 63.9s;
  -moz-animation-delay: 63.9s;
  -webkit-animation-delay: 63.9s;
  -o-animation-delay: 63.9s;
  transition-delay: 63.9s; }

.delayp640 {
  animation-delay: 64s;
  -moz-animation-delay: 64s;
  -webkit-animation-delay: 64s;
  -o-animation-delay: 64s;
  transition-delay: 64s; }

.delayp641 {
  animation-delay: 64.1s;
  -moz-animation-delay: 64.1s;
  -webkit-animation-delay: 64.1s;
  -o-animation-delay: 64.1s;
  transition-delay: 64.1s; }

.delayp642 {
  animation-delay: 64.2s;
  -moz-animation-delay: 64.2s;
  -webkit-animation-delay: 64.2s;
  -o-animation-delay: 64.2s;
  transition-delay: 64.2s; }

.delayp643 {
  animation-delay: 64.3s;
  -moz-animation-delay: 64.3s;
  -webkit-animation-delay: 64.3s;
  -o-animation-delay: 64.3s;
  transition-delay: 64.3s; }

.delayp644 {
  animation-delay: 64.4s;
  -moz-animation-delay: 64.4s;
  -webkit-animation-delay: 64.4s;
  -o-animation-delay: 64.4s;
  transition-delay: 64.4s; }

.delayp645 {
  animation-delay: 64.5s;
  -moz-animation-delay: 64.5s;
  -webkit-animation-delay: 64.5s;
  -o-animation-delay: 64.5s;
  transition-delay: 64.5s; }

.delayp646 {
  animation-delay: 64.6s;
  -moz-animation-delay: 64.6s;
  -webkit-animation-delay: 64.6s;
  -o-animation-delay: 64.6s;
  transition-delay: 64.6s; }

.delayp647 {
  animation-delay: 64.7s;
  -moz-animation-delay: 64.7s;
  -webkit-animation-delay: 64.7s;
  -o-animation-delay: 64.7s;
  transition-delay: 64.7s; }

.delayp648 {
  animation-delay: 64.8s;
  -moz-animation-delay: 64.8s;
  -webkit-animation-delay: 64.8s;
  -o-animation-delay: 64.8s;
  transition-delay: 64.8s; }

.delayp649 {
  animation-delay: 64.9s;
  -moz-animation-delay: 64.9s;
  -webkit-animation-delay: 64.9s;
  -o-animation-delay: 64.9s;
  transition-delay: 64.9s; }

.delayp650 {
  animation-delay: 65s;
  -moz-animation-delay: 65s;
  -webkit-animation-delay: 65s;
  -o-animation-delay: 65s;
  transition-delay: 65s; }

.delayp651 {
  animation-delay: 65.1s;
  -moz-animation-delay: 65.1s;
  -webkit-animation-delay: 65.1s;
  -o-animation-delay: 65.1s;
  transition-delay: 65.1s; }

.delayp652 {
  animation-delay: 65.2s;
  -moz-animation-delay: 65.2s;
  -webkit-animation-delay: 65.2s;
  -o-animation-delay: 65.2s;
  transition-delay: 65.2s; }

.delayp653 {
  animation-delay: 65.3s;
  -moz-animation-delay: 65.3s;
  -webkit-animation-delay: 65.3s;
  -o-animation-delay: 65.3s;
  transition-delay: 65.3s; }

.delayp654 {
  animation-delay: 65.4s;
  -moz-animation-delay: 65.4s;
  -webkit-animation-delay: 65.4s;
  -o-animation-delay: 65.4s;
  transition-delay: 65.4s; }

.delayp655 {
  animation-delay: 65.5s;
  -moz-animation-delay: 65.5s;
  -webkit-animation-delay: 65.5s;
  -o-animation-delay: 65.5s;
  transition-delay: 65.5s; }

.delayp656 {
  animation-delay: 65.6s;
  -moz-animation-delay: 65.6s;
  -webkit-animation-delay: 65.6s;
  -o-animation-delay: 65.6s;
  transition-delay: 65.6s; }

.delayp657 {
  animation-delay: 65.7s;
  -moz-animation-delay: 65.7s;
  -webkit-animation-delay: 65.7s;
  -o-animation-delay: 65.7s;
  transition-delay: 65.7s; }

.delayp658 {
  animation-delay: 65.8s;
  -moz-animation-delay: 65.8s;
  -webkit-animation-delay: 65.8s;
  -o-animation-delay: 65.8s;
  transition-delay: 65.8s; }

.delayp659 {
  animation-delay: 65.9s;
  -moz-animation-delay: 65.9s;
  -webkit-animation-delay: 65.9s;
  -o-animation-delay: 65.9s;
  transition-delay: 65.9s; }

.delayp660 {
  animation-delay: 66s;
  -moz-animation-delay: 66s;
  -webkit-animation-delay: 66s;
  -o-animation-delay: 66s;
  transition-delay: 66s; }

.delayp661 {
  animation-delay: 66.1s;
  -moz-animation-delay: 66.1s;
  -webkit-animation-delay: 66.1s;
  -o-animation-delay: 66.1s;
  transition-delay: 66.1s; }

.delayp662 {
  animation-delay: 66.2s;
  -moz-animation-delay: 66.2s;
  -webkit-animation-delay: 66.2s;
  -o-animation-delay: 66.2s;
  transition-delay: 66.2s; }

.delayp663 {
  animation-delay: 66.3s;
  -moz-animation-delay: 66.3s;
  -webkit-animation-delay: 66.3s;
  -o-animation-delay: 66.3s;
  transition-delay: 66.3s; }

.delayp664 {
  animation-delay: 66.4s;
  -moz-animation-delay: 66.4s;
  -webkit-animation-delay: 66.4s;
  -o-animation-delay: 66.4s;
  transition-delay: 66.4s; }

.delayp665 {
  animation-delay: 66.5s;
  -moz-animation-delay: 66.5s;
  -webkit-animation-delay: 66.5s;
  -o-animation-delay: 66.5s;
  transition-delay: 66.5s; }

.delayp666 {
  animation-delay: 66.6s;
  -moz-animation-delay: 66.6s;
  -webkit-animation-delay: 66.6s;
  -o-animation-delay: 66.6s;
  transition-delay: 66.6s; }

.delayp667 {
  animation-delay: 66.7s;
  -moz-animation-delay: 66.7s;
  -webkit-animation-delay: 66.7s;
  -o-animation-delay: 66.7s;
  transition-delay: 66.7s; }

.delayp668 {
  animation-delay: 66.8s;
  -moz-animation-delay: 66.8s;
  -webkit-animation-delay: 66.8s;
  -o-animation-delay: 66.8s;
  transition-delay: 66.8s; }

.delayp669 {
  animation-delay: 66.9s;
  -moz-animation-delay: 66.9s;
  -webkit-animation-delay: 66.9s;
  -o-animation-delay: 66.9s;
  transition-delay: 66.9s; }

.delayp670 {
  animation-delay: 67s;
  -moz-animation-delay: 67s;
  -webkit-animation-delay: 67s;
  -o-animation-delay: 67s;
  transition-delay: 67s; }

.delayp671 {
  animation-delay: 67.1s;
  -moz-animation-delay: 67.1s;
  -webkit-animation-delay: 67.1s;
  -o-animation-delay: 67.1s;
  transition-delay: 67.1s; }

.delayp672 {
  animation-delay: 67.2s;
  -moz-animation-delay: 67.2s;
  -webkit-animation-delay: 67.2s;
  -o-animation-delay: 67.2s;
  transition-delay: 67.2s; }

.delayp673 {
  animation-delay: 67.3s;
  -moz-animation-delay: 67.3s;
  -webkit-animation-delay: 67.3s;
  -o-animation-delay: 67.3s;
  transition-delay: 67.3s; }

.delayp674 {
  animation-delay: 67.4s;
  -moz-animation-delay: 67.4s;
  -webkit-animation-delay: 67.4s;
  -o-animation-delay: 67.4s;
  transition-delay: 67.4s; }

.delayp675 {
  animation-delay: 67.5s;
  -moz-animation-delay: 67.5s;
  -webkit-animation-delay: 67.5s;
  -o-animation-delay: 67.5s;
  transition-delay: 67.5s; }

.delayp676 {
  animation-delay: 67.6s;
  -moz-animation-delay: 67.6s;
  -webkit-animation-delay: 67.6s;
  -o-animation-delay: 67.6s;
  transition-delay: 67.6s; }

.delayp677 {
  animation-delay: 67.7s;
  -moz-animation-delay: 67.7s;
  -webkit-animation-delay: 67.7s;
  -o-animation-delay: 67.7s;
  transition-delay: 67.7s; }

.delayp678 {
  animation-delay: 67.8s;
  -moz-animation-delay: 67.8s;
  -webkit-animation-delay: 67.8s;
  -o-animation-delay: 67.8s;
  transition-delay: 67.8s; }

.delayp679 {
  animation-delay: 67.9s;
  -moz-animation-delay: 67.9s;
  -webkit-animation-delay: 67.9s;
  -o-animation-delay: 67.9s;
  transition-delay: 67.9s; }

.delayp680 {
  animation-delay: 68s;
  -moz-animation-delay: 68s;
  -webkit-animation-delay: 68s;
  -o-animation-delay: 68s;
  transition-delay: 68s; }

.delayp681 {
  animation-delay: 68.1s;
  -moz-animation-delay: 68.1s;
  -webkit-animation-delay: 68.1s;
  -o-animation-delay: 68.1s;
  transition-delay: 68.1s; }

.delayp682 {
  animation-delay: 68.2s;
  -moz-animation-delay: 68.2s;
  -webkit-animation-delay: 68.2s;
  -o-animation-delay: 68.2s;
  transition-delay: 68.2s; }

.delayp683 {
  animation-delay: 68.3s;
  -moz-animation-delay: 68.3s;
  -webkit-animation-delay: 68.3s;
  -o-animation-delay: 68.3s;
  transition-delay: 68.3s; }

.delayp684 {
  animation-delay: 68.4s;
  -moz-animation-delay: 68.4s;
  -webkit-animation-delay: 68.4s;
  -o-animation-delay: 68.4s;
  transition-delay: 68.4s; }

.delayp685 {
  animation-delay: 68.5s;
  -moz-animation-delay: 68.5s;
  -webkit-animation-delay: 68.5s;
  -o-animation-delay: 68.5s;
  transition-delay: 68.5s; }

.delayp686 {
  animation-delay: 68.6s;
  -moz-animation-delay: 68.6s;
  -webkit-animation-delay: 68.6s;
  -o-animation-delay: 68.6s;
  transition-delay: 68.6s; }

.delayp687 {
  animation-delay: 68.7s;
  -moz-animation-delay: 68.7s;
  -webkit-animation-delay: 68.7s;
  -o-animation-delay: 68.7s;
  transition-delay: 68.7s; }

.delayp688 {
  animation-delay: 68.8s;
  -moz-animation-delay: 68.8s;
  -webkit-animation-delay: 68.8s;
  -o-animation-delay: 68.8s;
  transition-delay: 68.8s; }

.delayp689 {
  animation-delay: 68.9s;
  -moz-animation-delay: 68.9s;
  -webkit-animation-delay: 68.9s;
  -o-animation-delay: 68.9s;
  transition-delay: 68.9s; }

.delayp690 {
  animation-delay: 69s;
  -moz-animation-delay: 69s;
  -webkit-animation-delay: 69s;
  -o-animation-delay: 69s;
  transition-delay: 69s; }

.delayp691 {
  animation-delay: 69.1s;
  -moz-animation-delay: 69.1s;
  -webkit-animation-delay: 69.1s;
  -o-animation-delay: 69.1s;
  transition-delay: 69.1s; }

.delayp692 {
  animation-delay: 69.2s;
  -moz-animation-delay: 69.2s;
  -webkit-animation-delay: 69.2s;
  -o-animation-delay: 69.2s;
  transition-delay: 69.2s; }

.delayp693 {
  animation-delay: 69.3s;
  -moz-animation-delay: 69.3s;
  -webkit-animation-delay: 69.3s;
  -o-animation-delay: 69.3s;
  transition-delay: 69.3s; }

.delayp694 {
  animation-delay: 69.4s;
  -moz-animation-delay: 69.4s;
  -webkit-animation-delay: 69.4s;
  -o-animation-delay: 69.4s;
  transition-delay: 69.4s; }

.delayp695 {
  animation-delay: 69.5s;
  -moz-animation-delay: 69.5s;
  -webkit-animation-delay: 69.5s;
  -o-animation-delay: 69.5s;
  transition-delay: 69.5s; }

.delayp696 {
  animation-delay: 69.6s;
  -moz-animation-delay: 69.6s;
  -webkit-animation-delay: 69.6s;
  -o-animation-delay: 69.6s;
  transition-delay: 69.6s; }

.delayp697 {
  animation-delay: 69.7s;
  -moz-animation-delay: 69.7s;
  -webkit-animation-delay: 69.7s;
  -o-animation-delay: 69.7s;
  transition-delay: 69.7s; }

.delayp698 {
  animation-delay: 69.8s;
  -moz-animation-delay: 69.8s;
  -webkit-animation-delay: 69.8s;
  -o-animation-delay: 69.8s;
  transition-delay: 69.8s; }

.delayp699 {
  animation-delay: 69.9s;
  -moz-animation-delay: 69.9s;
  -webkit-animation-delay: 69.9s;
  -o-animation-delay: 69.9s;
  transition-delay: 69.9s; }

.delayp700 {
  animation-delay: 70s;
  -moz-animation-delay: 70s;
  -webkit-animation-delay: 70s;
  -o-animation-delay: 70s;
  transition-delay: 70s; }

.delayp701 {
  animation-delay: 70.1s;
  -moz-animation-delay: 70.1s;
  -webkit-animation-delay: 70.1s;
  -o-animation-delay: 70.1s;
  transition-delay: 70.1s; }

.delayp702 {
  animation-delay: 70.2s;
  -moz-animation-delay: 70.2s;
  -webkit-animation-delay: 70.2s;
  -o-animation-delay: 70.2s;
  transition-delay: 70.2s; }

.delayp703 {
  animation-delay: 70.3s;
  -moz-animation-delay: 70.3s;
  -webkit-animation-delay: 70.3s;
  -o-animation-delay: 70.3s;
  transition-delay: 70.3s; }

.delayp704 {
  animation-delay: 70.4s;
  -moz-animation-delay: 70.4s;
  -webkit-animation-delay: 70.4s;
  -o-animation-delay: 70.4s;
  transition-delay: 70.4s; }

.delayp705 {
  animation-delay: 70.5s;
  -moz-animation-delay: 70.5s;
  -webkit-animation-delay: 70.5s;
  -o-animation-delay: 70.5s;
  transition-delay: 70.5s; }

.delayp706 {
  animation-delay: 70.6s;
  -moz-animation-delay: 70.6s;
  -webkit-animation-delay: 70.6s;
  -o-animation-delay: 70.6s;
  transition-delay: 70.6s; }

.delayp707 {
  animation-delay: 70.7s;
  -moz-animation-delay: 70.7s;
  -webkit-animation-delay: 70.7s;
  -o-animation-delay: 70.7s;
  transition-delay: 70.7s; }

.delayp708 {
  animation-delay: 70.8s;
  -moz-animation-delay: 70.8s;
  -webkit-animation-delay: 70.8s;
  -o-animation-delay: 70.8s;
  transition-delay: 70.8s; }

.delayp709 {
  animation-delay: 70.9s;
  -moz-animation-delay: 70.9s;
  -webkit-animation-delay: 70.9s;
  -o-animation-delay: 70.9s;
  transition-delay: 70.9s; }

.delayp710 {
  animation-delay: 71s;
  -moz-animation-delay: 71s;
  -webkit-animation-delay: 71s;
  -o-animation-delay: 71s;
  transition-delay: 71s; }

.delayp711 {
  animation-delay: 71.1s;
  -moz-animation-delay: 71.1s;
  -webkit-animation-delay: 71.1s;
  -o-animation-delay: 71.1s;
  transition-delay: 71.1s; }

.delayp712 {
  animation-delay: 71.2s;
  -moz-animation-delay: 71.2s;
  -webkit-animation-delay: 71.2s;
  -o-animation-delay: 71.2s;
  transition-delay: 71.2s; }

.delayp713 {
  animation-delay: 71.3s;
  -moz-animation-delay: 71.3s;
  -webkit-animation-delay: 71.3s;
  -o-animation-delay: 71.3s;
  transition-delay: 71.3s; }

.delayp714 {
  animation-delay: 71.4s;
  -moz-animation-delay: 71.4s;
  -webkit-animation-delay: 71.4s;
  -o-animation-delay: 71.4s;
  transition-delay: 71.4s; }

.delayp715 {
  animation-delay: 71.5s;
  -moz-animation-delay: 71.5s;
  -webkit-animation-delay: 71.5s;
  -o-animation-delay: 71.5s;
  transition-delay: 71.5s; }

.delayp716 {
  animation-delay: 71.6s;
  -moz-animation-delay: 71.6s;
  -webkit-animation-delay: 71.6s;
  -o-animation-delay: 71.6s;
  transition-delay: 71.6s; }

.delayp717 {
  animation-delay: 71.7s;
  -moz-animation-delay: 71.7s;
  -webkit-animation-delay: 71.7s;
  -o-animation-delay: 71.7s;
  transition-delay: 71.7s; }

.delayp718 {
  animation-delay: 71.8s;
  -moz-animation-delay: 71.8s;
  -webkit-animation-delay: 71.8s;
  -o-animation-delay: 71.8s;
  transition-delay: 71.8s; }

.delayp719 {
  animation-delay: 71.9s;
  -moz-animation-delay: 71.9s;
  -webkit-animation-delay: 71.9s;
  -o-animation-delay: 71.9s;
  transition-delay: 71.9s; }

.delayp720 {
  animation-delay: 72s;
  -moz-animation-delay: 72s;
  -webkit-animation-delay: 72s;
  -o-animation-delay: 72s;
  transition-delay: 72s; }

.delayp721 {
  animation-delay: 72.1s;
  -moz-animation-delay: 72.1s;
  -webkit-animation-delay: 72.1s;
  -o-animation-delay: 72.1s;
  transition-delay: 72.1s; }

.delayp722 {
  animation-delay: 72.2s;
  -moz-animation-delay: 72.2s;
  -webkit-animation-delay: 72.2s;
  -o-animation-delay: 72.2s;
  transition-delay: 72.2s; }

.delayp723 {
  animation-delay: 72.3s;
  -moz-animation-delay: 72.3s;
  -webkit-animation-delay: 72.3s;
  -o-animation-delay: 72.3s;
  transition-delay: 72.3s; }

.delayp724 {
  animation-delay: 72.4s;
  -moz-animation-delay: 72.4s;
  -webkit-animation-delay: 72.4s;
  -o-animation-delay: 72.4s;
  transition-delay: 72.4s; }

.delayp725 {
  animation-delay: 72.5s;
  -moz-animation-delay: 72.5s;
  -webkit-animation-delay: 72.5s;
  -o-animation-delay: 72.5s;
  transition-delay: 72.5s; }

.delayp726 {
  animation-delay: 72.6s;
  -moz-animation-delay: 72.6s;
  -webkit-animation-delay: 72.6s;
  -o-animation-delay: 72.6s;
  transition-delay: 72.6s; }

.delayp727 {
  animation-delay: 72.7s;
  -moz-animation-delay: 72.7s;
  -webkit-animation-delay: 72.7s;
  -o-animation-delay: 72.7s;
  transition-delay: 72.7s; }

.delayp728 {
  animation-delay: 72.8s;
  -moz-animation-delay: 72.8s;
  -webkit-animation-delay: 72.8s;
  -o-animation-delay: 72.8s;
  transition-delay: 72.8s; }

.delayp729 {
  animation-delay: 72.9s;
  -moz-animation-delay: 72.9s;
  -webkit-animation-delay: 72.9s;
  -o-animation-delay: 72.9s;
  transition-delay: 72.9s; }

.delayp730 {
  animation-delay: 73s;
  -moz-animation-delay: 73s;
  -webkit-animation-delay: 73s;
  -o-animation-delay: 73s;
  transition-delay: 73s; }

.delayp731 {
  animation-delay: 73.1s;
  -moz-animation-delay: 73.1s;
  -webkit-animation-delay: 73.1s;
  -o-animation-delay: 73.1s;
  transition-delay: 73.1s; }

.delayp732 {
  animation-delay: 73.2s;
  -moz-animation-delay: 73.2s;
  -webkit-animation-delay: 73.2s;
  -o-animation-delay: 73.2s;
  transition-delay: 73.2s; }

.delayp733 {
  animation-delay: 73.3s;
  -moz-animation-delay: 73.3s;
  -webkit-animation-delay: 73.3s;
  -o-animation-delay: 73.3s;
  transition-delay: 73.3s; }

.delayp734 {
  animation-delay: 73.4s;
  -moz-animation-delay: 73.4s;
  -webkit-animation-delay: 73.4s;
  -o-animation-delay: 73.4s;
  transition-delay: 73.4s; }

.delayp735 {
  animation-delay: 73.5s;
  -moz-animation-delay: 73.5s;
  -webkit-animation-delay: 73.5s;
  -o-animation-delay: 73.5s;
  transition-delay: 73.5s; }

.delayp736 {
  animation-delay: 73.6s;
  -moz-animation-delay: 73.6s;
  -webkit-animation-delay: 73.6s;
  -o-animation-delay: 73.6s;
  transition-delay: 73.6s; }

.delayp737 {
  animation-delay: 73.7s;
  -moz-animation-delay: 73.7s;
  -webkit-animation-delay: 73.7s;
  -o-animation-delay: 73.7s;
  transition-delay: 73.7s; }

.delayp738 {
  animation-delay: 73.8s;
  -moz-animation-delay: 73.8s;
  -webkit-animation-delay: 73.8s;
  -o-animation-delay: 73.8s;
  transition-delay: 73.8s; }

.delayp739 {
  animation-delay: 73.9s;
  -moz-animation-delay: 73.9s;
  -webkit-animation-delay: 73.9s;
  -o-animation-delay: 73.9s;
  transition-delay: 73.9s; }

.delayp740 {
  animation-delay: 74s;
  -moz-animation-delay: 74s;
  -webkit-animation-delay: 74s;
  -o-animation-delay: 74s;
  transition-delay: 74s; }

.delayp741 {
  animation-delay: 74.1s;
  -moz-animation-delay: 74.1s;
  -webkit-animation-delay: 74.1s;
  -o-animation-delay: 74.1s;
  transition-delay: 74.1s; }

.delayp742 {
  animation-delay: 74.2s;
  -moz-animation-delay: 74.2s;
  -webkit-animation-delay: 74.2s;
  -o-animation-delay: 74.2s;
  transition-delay: 74.2s; }

.delayp743 {
  animation-delay: 74.3s;
  -moz-animation-delay: 74.3s;
  -webkit-animation-delay: 74.3s;
  -o-animation-delay: 74.3s;
  transition-delay: 74.3s; }

.delayp744 {
  animation-delay: 74.4s;
  -moz-animation-delay: 74.4s;
  -webkit-animation-delay: 74.4s;
  -o-animation-delay: 74.4s;
  transition-delay: 74.4s; }

.delayp745 {
  animation-delay: 74.5s;
  -moz-animation-delay: 74.5s;
  -webkit-animation-delay: 74.5s;
  -o-animation-delay: 74.5s;
  transition-delay: 74.5s; }

.delayp746 {
  animation-delay: 74.6s;
  -moz-animation-delay: 74.6s;
  -webkit-animation-delay: 74.6s;
  -o-animation-delay: 74.6s;
  transition-delay: 74.6s; }

.delayp747 {
  animation-delay: 74.7s;
  -moz-animation-delay: 74.7s;
  -webkit-animation-delay: 74.7s;
  -o-animation-delay: 74.7s;
  transition-delay: 74.7s; }

.delayp748 {
  animation-delay: 74.8s;
  -moz-animation-delay: 74.8s;
  -webkit-animation-delay: 74.8s;
  -o-animation-delay: 74.8s;
  transition-delay: 74.8s; }

.delayp749 {
  animation-delay: 74.9s;
  -moz-animation-delay: 74.9s;
  -webkit-animation-delay: 74.9s;
  -o-animation-delay: 74.9s;
  transition-delay: 74.9s; }

.delayp750 {
  animation-delay: 75s;
  -moz-animation-delay: 75s;
  -webkit-animation-delay: 75s;
  -o-animation-delay: 75s;
  transition-delay: 75s; }

.delayp751 {
  animation-delay: 75.1s;
  -moz-animation-delay: 75.1s;
  -webkit-animation-delay: 75.1s;
  -o-animation-delay: 75.1s;
  transition-delay: 75.1s; }

.delayp752 {
  animation-delay: 75.2s;
  -moz-animation-delay: 75.2s;
  -webkit-animation-delay: 75.2s;
  -o-animation-delay: 75.2s;
  transition-delay: 75.2s; }

.delayp753 {
  animation-delay: 75.3s;
  -moz-animation-delay: 75.3s;
  -webkit-animation-delay: 75.3s;
  -o-animation-delay: 75.3s;
  transition-delay: 75.3s; }

.delayp754 {
  animation-delay: 75.4s;
  -moz-animation-delay: 75.4s;
  -webkit-animation-delay: 75.4s;
  -o-animation-delay: 75.4s;
  transition-delay: 75.4s; }

.delayp755 {
  animation-delay: 75.5s;
  -moz-animation-delay: 75.5s;
  -webkit-animation-delay: 75.5s;
  -o-animation-delay: 75.5s;
  transition-delay: 75.5s; }

.delayp756 {
  animation-delay: 75.6s;
  -moz-animation-delay: 75.6s;
  -webkit-animation-delay: 75.6s;
  -o-animation-delay: 75.6s;
  transition-delay: 75.6s; }

.delayp757 {
  animation-delay: 75.7s;
  -moz-animation-delay: 75.7s;
  -webkit-animation-delay: 75.7s;
  -o-animation-delay: 75.7s;
  transition-delay: 75.7s; }

.delayp758 {
  animation-delay: 75.8s;
  -moz-animation-delay: 75.8s;
  -webkit-animation-delay: 75.8s;
  -o-animation-delay: 75.8s;
  transition-delay: 75.8s; }

.delayp759 {
  animation-delay: 75.9s;
  -moz-animation-delay: 75.9s;
  -webkit-animation-delay: 75.9s;
  -o-animation-delay: 75.9s;
  transition-delay: 75.9s; }

.delayp760 {
  animation-delay: 76s;
  -moz-animation-delay: 76s;
  -webkit-animation-delay: 76s;
  -o-animation-delay: 76s;
  transition-delay: 76s; }

.delayp761 {
  animation-delay: 76.1s;
  -moz-animation-delay: 76.1s;
  -webkit-animation-delay: 76.1s;
  -o-animation-delay: 76.1s;
  transition-delay: 76.1s; }

.delayp762 {
  animation-delay: 76.2s;
  -moz-animation-delay: 76.2s;
  -webkit-animation-delay: 76.2s;
  -o-animation-delay: 76.2s;
  transition-delay: 76.2s; }

.delayp763 {
  animation-delay: 76.3s;
  -moz-animation-delay: 76.3s;
  -webkit-animation-delay: 76.3s;
  -o-animation-delay: 76.3s;
  transition-delay: 76.3s; }

.delayp764 {
  animation-delay: 76.4s;
  -moz-animation-delay: 76.4s;
  -webkit-animation-delay: 76.4s;
  -o-animation-delay: 76.4s;
  transition-delay: 76.4s; }

.delayp765 {
  animation-delay: 76.5s;
  -moz-animation-delay: 76.5s;
  -webkit-animation-delay: 76.5s;
  -o-animation-delay: 76.5s;
  transition-delay: 76.5s; }

.delayp766 {
  animation-delay: 76.6s;
  -moz-animation-delay: 76.6s;
  -webkit-animation-delay: 76.6s;
  -o-animation-delay: 76.6s;
  transition-delay: 76.6s; }

.delayp767 {
  animation-delay: 76.7s;
  -moz-animation-delay: 76.7s;
  -webkit-animation-delay: 76.7s;
  -o-animation-delay: 76.7s;
  transition-delay: 76.7s; }

.delayp768 {
  animation-delay: 76.8s;
  -moz-animation-delay: 76.8s;
  -webkit-animation-delay: 76.8s;
  -o-animation-delay: 76.8s;
  transition-delay: 76.8s; }

.delayp769 {
  animation-delay: 76.9s;
  -moz-animation-delay: 76.9s;
  -webkit-animation-delay: 76.9s;
  -o-animation-delay: 76.9s;
  transition-delay: 76.9s; }

.delayp770 {
  animation-delay: 77s;
  -moz-animation-delay: 77s;
  -webkit-animation-delay: 77s;
  -o-animation-delay: 77s;
  transition-delay: 77s; }

.delayp771 {
  animation-delay: 77.1s;
  -moz-animation-delay: 77.1s;
  -webkit-animation-delay: 77.1s;
  -o-animation-delay: 77.1s;
  transition-delay: 77.1s; }

.delayp772 {
  animation-delay: 77.2s;
  -moz-animation-delay: 77.2s;
  -webkit-animation-delay: 77.2s;
  -o-animation-delay: 77.2s;
  transition-delay: 77.2s; }

.delayp773 {
  animation-delay: 77.3s;
  -moz-animation-delay: 77.3s;
  -webkit-animation-delay: 77.3s;
  -o-animation-delay: 77.3s;
  transition-delay: 77.3s; }

.delayp774 {
  animation-delay: 77.4s;
  -moz-animation-delay: 77.4s;
  -webkit-animation-delay: 77.4s;
  -o-animation-delay: 77.4s;
  transition-delay: 77.4s; }

.delayp775 {
  animation-delay: 77.5s;
  -moz-animation-delay: 77.5s;
  -webkit-animation-delay: 77.5s;
  -o-animation-delay: 77.5s;
  transition-delay: 77.5s; }

.delayp776 {
  animation-delay: 77.6s;
  -moz-animation-delay: 77.6s;
  -webkit-animation-delay: 77.6s;
  -o-animation-delay: 77.6s;
  transition-delay: 77.6s; }

.delayp777 {
  animation-delay: 77.7s;
  -moz-animation-delay: 77.7s;
  -webkit-animation-delay: 77.7s;
  -o-animation-delay: 77.7s;
  transition-delay: 77.7s; }

.delayp778 {
  animation-delay: 77.8s;
  -moz-animation-delay: 77.8s;
  -webkit-animation-delay: 77.8s;
  -o-animation-delay: 77.8s;
  transition-delay: 77.8s; }

.delayp779 {
  animation-delay: 77.9s;
  -moz-animation-delay: 77.9s;
  -webkit-animation-delay: 77.9s;
  -o-animation-delay: 77.9s;
  transition-delay: 77.9s; }

.delayp780 {
  animation-delay: 78s;
  -moz-animation-delay: 78s;
  -webkit-animation-delay: 78s;
  -o-animation-delay: 78s;
  transition-delay: 78s; }

.delayp781 {
  animation-delay: 78.1s;
  -moz-animation-delay: 78.1s;
  -webkit-animation-delay: 78.1s;
  -o-animation-delay: 78.1s;
  transition-delay: 78.1s; }

.delayp782 {
  animation-delay: 78.2s;
  -moz-animation-delay: 78.2s;
  -webkit-animation-delay: 78.2s;
  -o-animation-delay: 78.2s;
  transition-delay: 78.2s; }

.delayp783 {
  animation-delay: 78.3s;
  -moz-animation-delay: 78.3s;
  -webkit-animation-delay: 78.3s;
  -o-animation-delay: 78.3s;
  transition-delay: 78.3s; }

.delayp784 {
  animation-delay: 78.4s;
  -moz-animation-delay: 78.4s;
  -webkit-animation-delay: 78.4s;
  -o-animation-delay: 78.4s;
  transition-delay: 78.4s; }

.delayp785 {
  animation-delay: 78.5s;
  -moz-animation-delay: 78.5s;
  -webkit-animation-delay: 78.5s;
  -o-animation-delay: 78.5s;
  transition-delay: 78.5s; }

.delayp786 {
  animation-delay: 78.6s;
  -moz-animation-delay: 78.6s;
  -webkit-animation-delay: 78.6s;
  -o-animation-delay: 78.6s;
  transition-delay: 78.6s; }

.delayp787 {
  animation-delay: 78.7s;
  -moz-animation-delay: 78.7s;
  -webkit-animation-delay: 78.7s;
  -o-animation-delay: 78.7s;
  transition-delay: 78.7s; }

.delayp788 {
  animation-delay: 78.8s;
  -moz-animation-delay: 78.8s;
  -webkit-animation-delay: 78.8s;
  -o-animation-delay: 78.8s;
  transition-delay: 78.8s; }

.delayp789 {
  animation-delay: 78.9s;
  -moz-animation-delay: 78.9s;
  -webkit-animation-delay: 78.9s;
  -o-animation-delay: 78.9s;
  transition-delay: 78.9s; }

.delayp790 {
  animation-delay: 79s;
  -moz-animation-delay: 79s;
  -webkit-animation-delay: 79s;
  -o-animation-delay: 79s;
  transition-delay: 79s; }

.delayp791 {
  animation-delay: 79.1s;
  -moz-animation-delay: 79.1s;
  -webkit-animation-delay: 79.1s;
  -o-animation-delay: 79.1s;
  transition-delay: 79.1s; }

.delayp792 {
  animation-delay: 79.2s;
  -moz-animation-delay: 79.2s;
  -webkit-animation-delay: 79.2s;
  -o-animation-delay: 79.2s;
  transition-delay: 79.2s; }

.delayp793 {
  animation-delay: 79.3s;
  -moz-animation-delay: 79.3s;
  -webkit-animation-delay: 79.3s;
  -o-animation-delay: 79.3s;
  transition-delay: 79.3s; }

.delayp794 {
  animation-delay: 79.4s;
  -moz-animation-delay: 79.4s;
  -webkit-animation-delay: 79.4s;
  -o-animation-delay: 79.4s;
  transition-delay: 79.4s; }

.delayp795 {
  animation-delay: 79.5s;
  -moz-animation-delay: 79.5s;
  -webkit-animation-delay: 79.5s;
  -o-animation-delay: 79.5s;
  transition-delay: 79.5s; }

.delayp796 {
  animation-delay: 79.6s;
  -moz-animation-delay: 79.6s;
  -webkit-animation-delay: 79.6s;
  -o-animation-delay: 79.6s;
  transition-delay: 79.6s; }

.delayp797 {
  animation-delay: 79.7s;
  -moz-animation-delay: 79.7s;
  -webkit-animation-delay: 79.7s;
  -o-animation-delay: 79.7s;
  transition-delay: 79.7s; }

.delayp798 {
  animation-delay: 79.8s;
  -moz-animation-delay: 79.8s;
  -webkit-animation-delay: 79.8s;
  -o-animation-delay: 79.8s;
  transition-delay: 79.8s; }

.delayp799 {
  animation-delay: 79.9s;
  -moz-animation-delay: 79.9s;
  -webkit-animation-delay: 79.9s;
  -o-animation-delay: 79.9s;
  transition-delay: 79.9s; }

.delayp800 {
  animation-delay: 80s;
  -moz-animation-delay: 80s;
  -webkit-animation-delay: 80s;
  -o-animation-delay: 80s;
  transition-delay: 80s; }

.delayp801 {
  animation-delay: 80.1s;
  -moz-animation-delay: 80.1s;
  -webkit-animation-delay: 80.1s;
  -o-animation-delay: 80.1s;
  transition-delay: 80.1s; }

.delayp802 {
  animation-delay: 80.2s;
  -moz-animation-delay: 80.2s;
  -webkit-animation-delay: 80.2s;
  -o-animation-delay: 80.2s;
  transition-delay: 80.2s; }

.delayp803 {
  animation-delay: 80.3s;
  -moz-animation-delay: 80.3s;
  -webkit-animation-delay: 80.3s;
  -o-animation-delay: 80.3s;
  transition-delay: 80.3s; }

.delayp804 {
  animation-delay: 80.4s;
  -moz-animation-delay: 80.4s;
  -webkit-animation-delay: 80.4s;
  -o-animation-delay: 80.4s;
  transition-delay: 80.4s; }

.delayp805 {
  animation-delay: 80.5s;
  -moz-animation-delay: 80.5s;
  -webkit-animation-delay: 80.5s;
  -o-animation-delay: 80.5s;
  transition-delay: 80.5s; }

.delayp806 {
  animation-delay: 80.6s;
  -moz-animation-delay: 80.6s;
  -webkit-animation-delay: 80.6s;
  -o-animation-delay: 80.6s;
  transition-delay: 80.6s; }

.delayp807 {
  animation-delay: 80.7s;
  -moz-animation-delay: 80.7s;
  -webkit-animation-delay: 80.7s;
  -o-animation-delay: 80.7s;
  transition-delay: 80.7s; }

.delayp808 {
  animation-delay: 80.8s;
  -moz-animation-delay: 80.8s;
  -webkit-animation-delay: 80.8s;
  -o-animation-delay: 80.8s;
  transition-delay: 80.8s; }

.delayp809 {
  animation-delay: 80.9s;
  -moz-animation-delay: 80.9s;
  -webkit-animation-delay: 80.9s;
  -o-animation-delay: 80.9s;
  transition-delay: 80.9s; }

.delayp810 {
  animation-delay: 81s;
  -moz-animation-delay: 81s;
  -webkit-animation-delay: 81s;
  -o-animation-delay: 81s;
  transition-delay: 81s; }

.delayp811 {
  animation-delay: 81.1s;
  -moz-animation-delay: 81.1s;
  -webkit-animation-delay: 81.1s;
  -o-animation-delay: 81.1s;
  transition-delay: 81.1s; }

.delayp812 {
  animation-delay: 81.2s;
  -moz-animation-delay: 81.2s;
  -webkit-animation-delay: 81.2s;
  -o-animation-delay: 81.2s;
  transition-delay: 81.2s; }

.delayp813 {
  animation-delay: 81.3s;
  -moz-animation-delay: 81.3s;
  -webkit-animation-delay: 81.3s;
  -o-animation-delay: 81.3s;
  transition-delay: 81.3s; }

.delayp814 {
  animation-delay: 81.4s;
  -moz-animation-delay: 81.4s;
  -webkit-animation-delay: 81.4s;
  -o-animation-delay: 81.4s;
  transition-delay: 81.4s; }

.delayp815 {
  animation-delay: 81.5s;
  -moz-animation-delay: 81.5s;
  -webkit-animation-delay: 81.5s;
  -o-animation-delay: 81.5s;
  transition-delay: 81.5s; }

.delayp816 {
  animation-delay: 81.6s;
  -moz-animation-delay: 81.6s;
  -webkit-animation-delay: 81.6s;
  -o-animation-delay: 81.6s;
  transition-delay: 81.6s; }

.delayp817 {
  animation-delay: 81.7s;
  -moz-animation-delay: 81.7s;
  -webkit-animation-delay: 81.7s;
  -o-animation-delay: 81.7s;
  transition-delay: 81.7s; }

.delayp818 {
  animation-delay: 81.8s;
  -moz-animation-delay: 81.8s;
  -webkit-animation-delay: 81.8s;
  -o-animation-delay: 81.8s;
  transition-delay: 81.8s; }

.delayp819 {
  animation-delay: 81.9s;
  -moz-animation-delay: 81.9s;
  -webkit-animation-delay: 81.9s;
  -o-animation-delay: 81.9s;
  transition-delay: 81.9s; }

.delayp820 {
  animation-delay: 82s;
  -moz-animation-delay: 82s;
  -webkit-animation-delay: 82s;
  -o-animation-delay: 82s;
  transition-delay: 82s; }

.delayp821 {
  animation-delay: 82.1s;
  -moz-animation-delay: 82.1s;
  -webkit-animation-delay: 82.1s;
  -o-animation-delay: 82.1s;
  transition-delay: 82.1s; }

.delayp822 {
  animation-delay: 82.2s;
  -moz-animation-delay: 82.2s;
  -webkit-animation-delay: 82.2s;
  -o-animation-delay: 82.2s;
  transition-delay: 82.2s; }

.delayp823 {
  animation-delay: 82.3s;
  -moz-animation-delay: 82.3s;
  -webkit-animation-delay: 82.3s;
  -o-animation-delay: 82.3s;
  transition-delay: 82.3s; }

.delayp824 {
  animation-delay: 82.4s;
  -moz-animation-delay: 82.4s;
  -webkit-animation-delay: 82.4s;
  -o-animation-delay: 82.4s;
  transition-delay: 82.4s; }

.delayp825 {
  animation-delay: 82.5s;
  -moz-animation-delay: 82.5s;
  -webkit-animation-delay: 82.5s;
  -o-animation-delay: 82.5s;
  transition-delay: 82.5s; }

.delayp826 {
  animation-delay: 82.6s;
  -moz-animation-delay: 82.6s;
  -webkit-animation-delay: 82.6s;
  -o-animation-delay: 82.6s;
  transition-delay: 82.6s; }

.delayp827 {
  animation-delay: 82.7s;
  -moz-animation-delay: 82.7s;
  -webkit-animation-delay: 82.7s;
  -o-animation-delay: 82.7s;
  transition-delay: 82.7s; }

.delayp828 {
  animation-delay: 82.8s;
  -moz-animation-delay: 82.8s;
  -webkit-animation-delay: 82.8s;
  -o-animation-delay: 82.8s;
  transition-delay: 82.8s; }

.delayp829 {
  animation-delay: 82.9s;
  -moz-animation-delay: 82.9s;
  -webkit-animation-delay: 82.9s;
  -o-animation-delay: 82.9s;
  transition-delay: 82.9s; }

.delayp830 {
  animation-delay: 83s;
  -moz-animation-delay: 83s;
  -webkit-animation-delay: 83s;
  -o-animation-delay: 83s;
  transition-delay: 83s; }

.delayp831 {
  animation-delay: 83.1s;
  -moz-animation-delay: 83.1s;
  -webkit-animation-delay: 83.1s;
  -o-animation-delay: 83.1s;
  transition-delay: 83.1s; }

.delayp832 {
  animation-delay: 83.2s;
  -moz-animation-delay: 83.2s;
  -webkit-animation-delay: 83.2s;
  -o-animation-delay: 83.2s;
  transition-delay: 83.2s; }

.delayp833 {
  animation-delay: 83.3s;
  -moz-animation-delay: 83.3s;
  -webkit-animation-delay: 83.3s;
  -o-animation-delay: 83.3s;
  transition-delay: 83.3s; }

.delayp834 {
  animation-delay: 83.4s;
  -moz-animation-delay: 83.4s;
  -webkit-animation-delay: 83.4s;
  -o-animation-delay: 83.4s;
  transition-delay: 83.4s; }

.delayp835 {
  animation-delay: 83.5s;
  -moz-animation-delay: 83.5s;
  -webkit-animation-delay: 83.5s;
  -o-animation-delay: 83.5s;
  transition-delay: 83.5s; }

.delayp836 {
  animation-delay: 83.6s;
  -moz-animation-delay: 83.6s;
  -webkit-animation-delay: 83.6s;
  -o-animation-delay: 83.6s;
  transition-delay: 83.6s; }

.delayp837 {
  animation-delay: 83.7s;
  -moz-animation-delay: 83.7s;
  -webkit-animation-delay: 83.7s;
  -o-animation-delay: 83.7s;
  transition-delay: 83.7s; }

.delayp838 {
  animation-delay: 83.8s;
  -moz-animation-delay: 83.8s;
  -webkit-animation-delay: 83.8s;
  -o-animation-delay: 83.8s;
  transition-delay: 83.8s; }

.delayp839 {
  animation-delay: 83.9s;
  -moz-animation-delay: 83.9s;
  -webkit-animation-delay: 83.9s;
  -o-animation-delay: 83.9s;
  transition-delay: 83.9s; }

.delayp840 {
  animation-delay: 84s;
  -moz-animation-delay: 84s;
  -webkit-animation-delay: 84s;
  -o-animation-delay: 84s;
  transition-delay: 84s; }

.delayp841 {
  animation-delay: 84.1s;
  -moz-animation-delay: 84.1s;
  -webkit-animation-delay: 84.1s;
  -o-animation-delay: 84.1s;
  transition-delay: 84.1s; }

.delayp842 {
  animation-delay: 84.2s;
  -moz-animation-delay: 84.2s;
  -webkit-animation-delay: 84.2s;
  -o-animation-delay: 84.2s;
  transition-delay: 84.2s; }

.delayp843 {
  animation-delay: 84.3s;
  -moz-animation-delay: 84.3s;
  -webkit-animation-delay: 84.3s;
  -o-animation-delay: 84.3s;
  transition-delay: 84.3s; }

.delayp844 {
  animation-delay: 84.4s;
  -moz-animation-delay: 84.4s;
  -webkit-animation-delay: 84.4s;
  -o-animation-delay: 84.4s;
  transition-delay: 84.4s; }

.delayp845 {
  animation-delay: 84.5s;
  -moz-animation-delay: 84.5s;
  -webkit-animation-delay: 84.5s;
  -o-animation-delay: 84.5s;
  transition-delay: 84.5s; }

.delayp846 {
  animation-delay: 84.6s;
  -moz-animation-delay: 84.6s;
  -webkit-animation-delay: 84.6s;
  -o-animation-delay: 84.6s;
  transition-delay: 84.6s; }

.delayp847 {
  animation-delay: 84.7s;
  -moz-animation-delay: 84.7s;
  -webkit-animation-delay: 84.7s;
  -o-animation-delay: 84.7s;
  transition-delay: 84.7s; }

.delayp848 {
  animation-delay: 84.8s;
  -moz-animation-delay: 84.8s;
  -webkit-animation-delay: 84.8s;
  -o-animation-delay: 84.8s;
  transition-delay: 84.8s; }

.delayp849 {
  animation-delay: 84.9s;
  -moz-animation-delay: 84.9s;
  -webkit-animation-delay: 84.9s;
  -o-animation-delay: 84.9s;
  transition-delay: 84.9s; }

.delayp850 {
  animation-delay: 85s;
  -moz-animation-delay: 85s;
  -webkit-animation-delay: 85s;
  -o-animation-delay: 85s;
  transition-delay: 85s; }

.delayp851 {
  animation-delay: 85.1s;
  -moz-animation-delay: 85.1s;
  -webkit-animation-delay: 85.1s;
  -o-animation-delay: 85.1s;
  transition-delay: 85.1s; }

.delayp852 {
  animation-delay: 85.2s;
  -moz-animation-delay: 85.2s;
  -webkit-animation-delay: 85.2s;
  -o-animation-delay: 85.2s;
  transition-delay: 85.2s; }

.delayp853 {
  animation-delay: 85.3s;
  -moz-animation-delay: 85.3s;
  -webkit-animation-delay: 85.3s;
  -o-animation-delay: 85.3s;
  transition-delay: 85.3s; }

.delayp854 {
  animation-delay: 85.4s;
  -moz-animation-delay: 85.4s;
  -webkit-animation-delay: 85.4s;
  -o-animation-delay: 85.4s;
  transition-delay: 85.4s; }

.delayp855 {
  animation-delay: 85.5s;
  -moz-animation-delay: 85.5s;
  -webkit-animation-delay: 85.5s;
  -o-animation-delay: 85.5s;
  transition-delay: 85.5s; }

.delayp856 {
  animation-delay: 85.6s;
  -moz-animation-delay: 85.6s;
  -webkit-animation-delay: 85.6s;
  -o-animation-delay: 85.6s;
  transition-delay: 85.6s; }

.delayp857 {
  animation-delay: 85.7s;
  -moz-animation-delay: 85.7s;
  -webkit-animation-delay: 85.7s;
  -o-animation-delay: 85.7s;
  transition-delay: 85.7s; }

.delayp858 {
  animation-delay: 85.8s;
  -moz-animation-delay: 85.8s;
  -webkit-animation-delay: 85.8s;
  -o-animation-delay: 85.8s;
  transition-delay: 85.8s; }

.delayp859 {
  animation-delay: 85.9s;
  -moz-animation-delay: 85.9s;
  -webkit-animation-delay: 85.9s;
  -o-animation-delay: 85.9s;
  transition-delay: 85.9s; }

.delayp860 {
  animation-delay: 86s;
  -moz-animation-delay: 86s;
  -webkit-animation-delay: 86s;
  -o-animation-delay: 86s;
  transition-delay: 86s; }

.delayp861 {
  animation-delay: 86.1s;
  -moz-animation-delay: 86.1s;
  -webkit-animation-delay: 86.1s;
  -o-animation-delay: 86.1s;
  transition-delay: 86.1s; }

.delayp862 {
  animation-delay: 86.2s;
  -moz-animation-delay: 86.2s;
  -webkit-animation-delay: 86.2s;
  -o-animation-delay: 86.2s;
  transition-delay: 86.2s; }

.delayp863 {
  animation-delay: 86.3s;
  -moz-animation-delay: 86.3s;
  -webkit-animation-delay: 86.3s;
  -o-animation-delay: 86.3s;
  transition-delay: 86.3s; }

.delayp864 {
  animation-delay: 86.4s;
  -moz-animation-delay: 86.4s;
  -webkit-animation-delay: 86.4s;
  -o-animation-delay: 86.4s;
  transition-delay: 86.4s; }

.delayp865 {
  animation-delay: 86.5s;
  -moz-animation-delay: 86.5s;
  -webkit-animation-delay: 86.5s;
  -o-animation-delay: 86.5s;
  transition-delay: 86.5s; }

.delayp866 {
  animation-delay: 86.6s;
  -moz-animation-delay: 86.6s;
  -webkit-animation-delay: 86.6s;
  -o-animation-delay: 86.6s;
  transition-delay: 86.6s; }

.delayp867 {
  animation-delay: 86.7s;
  -moz-animation-delay: 86.7s;
  -webkit-animation-delay: 86.7s;
  -o-animation-delay: 86.7s;
  transition-delay: 86.7s; }

.delayp868 {
  animation-delay: 86.8s;
  -moz-animation-delay: 86.8s;
  -webkit-animation-delay: 86.8s;
  -o-animation-delay: 86.8s;
  transition-delay: 86.8s; }

.delayp869 {
  animation-delay: 86.9s;
  -moz-animation-delay: 86.9s;
  -webkit-animation-delay: 86.9s;
  -o-animation-delay: 86.9s;
  transition-delay: 86.9s; }

.delayp870 {
  animation-delay: 87s;
  -moz-animation-delay: 87s;
  -webkit-animation-delay: 87s;
  -o-animation-delay: 87s;
  transition-delay: 87s; }

.delayp871 {
  animation-delay: 87.1s;
  -moz-animation-delay: 87.1s;
  -webkit-animation-delay: 87.1s;
  -o-animation-delay: 87.1s;
  transition-delay: 87.1s; }

.delayp872 {
  animation-delay: 87.2s;
  -moz-animation-delay: 87.2s;
  -webkit-animation-delay: 87.2s;
  -o-animation-delay: 87.2s;
  transition-delay: 87.2s; }

.delayp873 {
  animation-delay: 87.3s;
  -moz-animation-delay: 87.3s;
  -webkit-animation-delay: 87.3s;
  -o-animation-delay: 87.3s;
  transition-delay: 87.3s; }

.delayp874 {
  animation-delay: 87.4s;
  -moz-animation-delay: 87.4s;
  -webkit-animation-delay: 87.4s;
  -o-animation-delay: 87.4s;
  transition-delay: 87.4s; }

.delayp875 {
  animation-delay: 87.5s;
  -moz-animation-delay: 87.5s;
  -webkit-animation-delay: 87.5s;
  -o-animation-delay: 87.5s;
  transition-delay: 87.5s; }

.delayp876 {
  animation-delay: 87.6s;
  -moz-animation-delay: 87.6s;
  -webkit-animation-delay: 87.6s;
  -o-animation-delay: 87.6s;
  transition-delay: 87.6s; }

.delayp877 {
  animation-delay: 87.7s;
  -moz-animation-delay: 87.7s;
  -webkit-animation-delay: 87.7s;
  -o-animation-delay: 87.7s;
  transition-delay: 87.7s; }

.delayp878 {
  animation-delay: 87.8s;
  -moz-animation-delay: 87.8s;
  -webkit-animation-delay: 87.8s;
  -o-animation-delay: 87.8s;
  transition-delay: 87.8s; }

.delayp879 {
  animation-delay: 87.9s;
  -moz-animation-delay: 87.9s;
  -webkit-animation-delay: 87.9s;
  -o-animation-delay: 87.9s;
  transition-delay: 87.9s; }

.delayp880 {
  animation-delay: 88s;
  -moz-animation-delay: 88s;
  -webkit-animation-delay: 88s;
  -o-animation-delay: 88s;
  transition-delay: 88s; }

.delayp881 {
  animation-delay: 88.1s;
  -moz-animation-delay: 88.1s;
  -webkit-animation-delay: 88.1s;
  -o-animation-delay: 88.1s;
  transition-delay: 88.1s; }

.delayp882 {
  animation-delay: 88.2s;
  -moz-animation-delay: 88.2s;
  -webkit-animation-delay: 88.2s;
  -o-animation-delay: 88.2s;
  transition-delay: 88.2s; }

.delayp883 {
  animation-delay: 88.3s;
  -moz-animation-delay: 88.3s;
  -webkit-animation-delay: 88.3s;
  -o-animation-delay: 88.3s;
  transition-delay: 88.3s; }

.delayp884 {
  animation-delay: 88.4s;
  -moz-animation-delay: 88.4s;
  -webkit-animation-delay: 88.4s;
  -o-animation-delay: 88.4s;
  transition-delay: 88.4s; }

.delayp885 {
  animation-delay: 88.5s;
  -moz-animation-delay: 88.5s;
  -webkit-animation-delay: 88.5s;
  -o-animation-delay: 88.5s;
  transition-delay: 88.5s; }

.delayp886 {
  animation-delay: 88.6s;
  -moz-animation-delay: 88.6s;
  -webkit-animation-delay: 88.6s;
  -o-animation-delay: 88.6s;
  transition-delay: 88.6s; }

.delayp887 {
  animation-delay: 88.7s;
  -moz-animation-delay: 88.7s;
  -webkit-animation-delay: 88.7s;
  -o-animation-delay: 88.7s;
  transition-delay: 88.7s; }

.delayp888 {
  animation-delay: 88.8s;
  -moz-animation-delay: 88.8s;
  -webkit-animation-delay: 88.8s;
  -o-animation-delay: 88.8s;
  transition-delay: 88.8s; }

.delayp889 {
  animation-delay: 88.9s;
  -moz-animation-delay: 88.9s;
  -webkit-animation-delay: 88.9s;
  -o-animation-delay: 88.9s;
  transition-delay: 88.9s; }

.delayp890 {
  animation-delay: 89s;
  -moz-animation-delay: 89s;
  -webkit-animation-delay: 89s;
  -o-animation-delay: 89s;
  transition-delay: 89s; }

.delayp891 {
  animation-delay: 89.1s;
  -moz-animation-delay: 89.1s;
  -webkit-animation-delay: 89.1s;
  -o-animation-delay: 89.1s;
  transition-delay: 89.1s; }

.delayp892 {
  animation-delay: 89.2s;
  -moz-animation-delay: 89.2s;
  -webkit-animation-delay: 89.2s;
  -o-animation-delay: 89.2s;
  transition-delay: 89.2s; }

.delayp893 {
  animation-delay: 89.3s;
  -moz-animation-delay: 89.3s;
  -webkit-animation-delay: 89.3s;
  -o-animation-delay: 89.3s;
  transition-delay: 89.3s; }

.delayp894 {
  animation-delay: 89.4s;
  -moz-animation-delay: 89.4s;
  -webkit-animation-delay: 89.4s;
  -o-animation-delay: 89.4s;
  transition-delay: 89.4s; }

.delayp895 {
  animation-delay: 89.5s;
  -moz-animation-delay: 89.5s;
  -webkit-animation-delay: 89.5s;
  -o-animation-delay: 89.5s;
  transition-delay: 89.5s; }

.delayp896 {
  animation-delay: 89.6s;
  -moz-animation-delay: 89.6s;
  -webkit-animation-delay: 89.6s;
  -o-animation-delay: 89.6s;
  transition-delay: 89.6s; }

.delayp897 {
  animation-delay: 89.7s;
  -moz-animation-delay: 89.7s;
  -webkit-animation-delay: 89.7s;
  -o-animation-delay: 89.7s;
  transition-delay: 89.7s; }

.delayp898 {
  animation-delay: 89.8s;
  -moz-animation-delay: 89.8s;
  -webkit-animation-delay: 89.8s;
  -o-animation-delay: 89.8s;
  transition-delay: 89.8s; }

.delayp899 {
  animation-delay: 89.9s;
  -moz-animation-delay: 89.9s;
  -webkit-animation-delay: 89.9s;
  -o-animation-delay: 89.9s;
  transition-delay: 89.9s; }

.delayp900 {
  animation-delay: 90s;
  -moz-animation-delay: 90s;
  -webkit-animation-delay: 90s;
  -o-animation-delay: 90s;
  transition-delay: 90s; }

.delayp901 {
  animation-delay: 90.1s;
  -moz-animation-delay: 90.1s;
  -webkit-animation-delay: 90.1s;
  -o-animation-delay: 90.1s;
  transition-delay: 90.1s; }

.delayp902 {
  animation-delay: 90.2s;
  -moz-animation-delay: 90.2s;
  -webkit-animation-delay: 90.2s;
  -o-animation-delay: 90.2s;
  transition-delay: 90.2s; }

.delayp903 {
  animation-delay: 90.3s;
  -moz-animation-delay: 90.3s;
  -webkit-animation-delay: 90.3s;
  -o-animation-delay: 90.3s;
  transition-delay: 90.3s; }

.delayp904 {
  animation-delay: 90.4s;
  -moz-animation-delay: 90.4s;
  -webkit-animation-delay: 90.4s;
  -o-animation-delay: 90.4s;
  transition-delay: 90.4s; }

.delayp905 {
  animation-delay: 90.5s;
  -moz-animation-delay: 90.5s;
  -webkit-animation-delay: 90.5s;
  -o-animation-delay: 90.5s;
  transition-delay: 90.5s; }

.delayp906 {
  animation-delay: 90.6s;
  -moz-animation-delay: 90.6s;
  -webkit-animation-delay: 90.6s;
  -o-animation-delay: 90.6s;
  transition-delay: 90.6s; }

.delayp907 {
  animation-delay: 90.7s;
  -moz-animation-delay: 90.7s;
  -webkit-animation-delay: 90.7s;
  -o-animation-delay: 90.7s;
  transition-delay: 90.7s; }

.delayp908 {
  animation-delay: 90.8s;
  -moz-animation-delay: 90.8s;
  -webkit-animation-delay: 90.8s;
  -o-animation-delay: 90.8s;
  transition-delay: 90.8s; }

.delayp909 {
  animation-delay: 90.9s;
  -moz-animation-delay: 90.9s;
  -webkit-animation-delay: 90.9s;
  -o-animation-delay: 90.9s;
  transition-delay: 90.9s; }

.delayp910 {
  animation-delay: 91s;
  -moz-animation-delay: 91s;
  -webkit-animation-delay: 91s;
  -o-animation-delay: 91s;
  transition-delay: 91s; }

.delayp911 {
  animation-delay: 91.1s;
  -moz-animation-delay: 91.1s;
  -webkit-animation-delay: 91.1s;
  -o-animation-delay: 91.1s;
  transition-delay: 91.1s; }

.delayp912 {
  animation-delay: 91.2s;
  -moz-animation-delay: 91.2s;
  -webkit-animation-delay: 91.2s;
  -o-animation-delay: 91.2s;
  transition-delay: 91.2s; }

.delayp913 {
  animation-delay: 91.3s;
  -moz-animation-delay: 91.3s;
  -webkit-animation-delay: 91.3s;
  -o-animation-delay: 91.3s;
  transition-delay: 91.3s; }

.delayp914 {
  animation-delay: 91.4s;
  -moz-animation-delay: 91.4s;
  -webkit-animation-delay: 91.4s;
  -o-animation-delay: 91.4s;
  transition-delay: 91.4s; }

.delayp915 {
  animation-delay: 91.5s;
  -moz-animation-delay: 91.5s;
  -webkit-animation-delay: 91.5s;
  -o-animation-delay: 91.5s;
  transition-delay: 91.5s; }

.delayp916 {
  animation-delay: 91.6s;
  -moz-animation-delay: 91.6s;
  -webkit-animation-delay: 91.6s;
  -o-animation-delay: 91.6s;
  transition-delay: 91.6s; }

.delayp917 {
  animation-delay: 91.7s;
  -moz-animation-delay: 91.7s;
  -webkit-animation-delay: 91.7s;
  -o-animation-delay: 91.7s;
  transition-delay: 91.7s; }

.delayp918 {
  animation-delay: 91.8s;
  -moz-animation-delay: 91.8s;
  -webkit-animation-delay: 91.8s;
  -o-animation-delay: 91.8s;
  transition-delay: 91.8s; }

.delayp919 {
  animation-delay: 91.9s;
  -moz-animation-delay: 91.9s;
  -webkit-animation-delay: 91.9s;
  -o-animation-delay: 91.9s;
  transition-delay: 91.9s; }

.delayp920 {
  animation-delay: 92s;
  -moz-animation-delay: 92s;
  -webkit-animation-delay: 92s;
  -o-animation-delay: 92s;
  transition-delay: 92s; }

.delayp921 {
  animation-delay: 92.1s;
  -moz-animation-delay: 92.1s;
  -webkit-animation-delay: 92.1s;
  -o-animation-delay: 92.1s;
  transition-delay: 92.1s; }

.delayp922 {
  animation-delay: 92.2s;
  -moz-animation-delay: 92.2s;
  -webkit-animation-delay: 92.2s;
  -o-animation-delay: 92.2s;
  transition-delay: 92.2s; }

.delayp923 {
  animation-delay: 92.3s;
  -moz-animation-delay: 92.3s;
  -webkit-animation-delay: 92.3s;
  -o-animation-delay: 92.3s;
  transition-delay: 92.3s; }

.delayp924 {
  animation-delay: 92.4s;
  -moz-animation-delay: 92.4s;
  -webkit-animation-delay: 92.4s;
  -o-animation-delay: 92.4s;
  transition-delay: 92.4s; }

.delayp925 {
  animation-delay: 92.5s;
  -moz-animation-delay: 92.5s;
  -webkit-animation-delay: 92.5s;
  -o-animation-delay: 92.5s;
  transition-delay: 92.5s; }

.delayp926 {
  animation-delay: 92.6s;
  -moz-animation-delay: 92.6s;
  -webkit-animation-delay: 92.6s;
  -o-animation-delay: 92.6s;
  transition-delay: 92.6s; }

.delayp927 {
  animation-delay: 92.7s;
  -moz-animation-delay: 92.7s;
  -webkit-animation-delay: 92.7s;
  -o-animation-delay: 92.7s;
  transition-delay: 92.7s; }

.delayp928 {
  animation-delay: 92.8s;
  -moz-animation-delay: 92.8s;
  -webkit-animation-delay: 92.8s;
  -o-animation-delay: 92.8s;
  transition-delay: 92.8s; }

.delayp929 {
  animation-delay: 92.9s;
  -moz-animation-delay: 92.9s;
  -webkit-animation-delay: 92.9s;
  -o-animation-delay: 92.9s;
  transition-delay: 92.9s; }

.delayp930 {
  animation-delay: 93s;
  -moz-animation-delay: 93s;
  -webkit-animation-delay: 93s;
  -o-animation-delay: 93s;
  transition-delay: 93s; }

.delayp931 {
  animation-delay: 93.1s;
  -moz-animation-delay: 93.1s;
  -webkit-animation-delay: 93.1s;
  -o-animation-delay: 93.1s;
  transition-delay: 93.1s; }

.delayp932 {
  animation-delay: 93.2s;
  -moz-animation-delay: 93.2s;
  -webkit-animation-delay: 93.2s;
  -o-animation-delay: 93.2s;
  transition-delay: 93.2s; }

.delayp933 {
  animation-delay: 93.3s;
  -moz-animation-delay: 93.3s;
  -webkit-animation-delay: 93.3s;
  -o-animation-delay: 93.3s;
  transition-delay: 93.3s; }

.delayp934 {
  animation-delay: 93.4s;
  -moz-animation-delay: 93.4s;
  -webkit-animation-delay: 93.4s;
  -o-animation-delay: 93.4s;
  transition-delay: 93.4s; }

.delayp935 {
  animation-delay: 93.5s;
  -moz-animation-delay: 93.5s;
  -webkit-animation-delay: 93.5s;
  -o-animation-delay: 93.5s;
  transition-delay: 93.5s; }

.delayp936 {
  animation-delay: 93.6s;
  -moz-animation-delay: 93.6s;
  -webkit-animation-delay: 93.6s;
  -o-animation-delay: 93.6s;
  transition-delay: 93.6s; }

.delayp937 {
  animation-delay: 93.7s;
  -moz-animation-delay: 93.7s;
  -webkit-animation-delay: 93.7s;
  -o-animation-delay: 93.7s;
  transition-delay: 93.7s; }

.delayp938 {
  animation-delay: 93.8s;
  -moz-animation-delay: 93.8s;
  -webkit-animation-delay: 93.8s;
  -o-animation-delay: 93.8s;
  transition-delay: 93.8s; }

.delayp939 {
  animation-delay: 93.9s;
  -moz-animation-delay: 93.9s;
  -webkit-animation-delay: 93.9s;
  -o-animation-delay: 93.9s;
  transition-delay: 93.9s; }

.delayp940 {
  animation-delay: 94s;
  -moz-animation-delay: 94s;
  -webkit-animation-delay: 94s;
  -o-animation-delay: 94s;
  transition-delay: 94s; }

.delayp941 {
  animation-delay: 94.1s;
  -moz-animation-delay: 94.1s;
  -webkit-animation-delay: 94.1s;
  -o-animation-delay: 94.1s;
  transition-delay: 94.1s; }

.delayp942 {
  animation-delay: 94.2s;
  -moz-animation-delay: 94.2s;
  -webkit-animation-delay: 94.2s;
  -o-animation-delay: 94.2s;
  transition-delay: 94.2s; }

.delayp943 {
  animation-delay: 94.3s;
  -moz-animation-delay: 94.3s;
  -webkit-animation-delay: 94.3s;
  -o-animation-delay: 94.3s;
  transition-delay: 94.3s; }

.delayp944 {
  animation-delay: 94.4s;
  -moz-animation-delay: 94.4s;
  -webkit-animation-delay: 94.4s;
  -o-animation-delay: 94.4s;
  transition-delay: 94.4s; }

.delayp945 {
  animation-delay: 94.5s;
  -moz-animation-delay: 94.5s;
  -webkit-animation-delay: 94.5s;
  -o-animation-delay: 94.5s;
  transition-delay: 94.5s; }

.delayp946 {
  animation-delay: 94.6s;
  -moz-animation-delay: 94.6s;
  -webkit-animation-delay: 94.6s;
  -o-animation-delay: 94.6s;
  transition-delay: 94.6s; }

.delayp947 {
  animation-delay: 94.7s;
  -moz-animation-delay: 94.7s;
  -webkit-animation-delay: 94.7s;
  -o-animation-delay: 94.7s;
  transition-delay: 94.7s; }

.delayp948 {
  animation-delay: 94.8s;
  -moz-animation-delay: 94.8s;
  -webkit-animation-delay: 94.8s;
  -o-animation-delay: 94.8s;
  transition-delay: 94.8s; }

.delayp949 {
  animation-delay: 94.9s;
  -moz-animation-delay: 94.9s;
  -webkit-animation-delay: 94.9s;
  -o-animation-delay: 94.9s;
  transition-delay: 94.9s; }

.delayp950 {
  animation-delay: 95s;
  -moz-animation-delay: 95s;
  -webkit-animation-delay: 95s;
  -o-animation-delay: 95s;
  transition-delay: 95s; }

.delayp951 {
  animation-delay: 95.1s;
  -moz-animation-delay: 95.1s;
  -webkit-animation-delay: 95.1s;
  -o-animation-delay: 95.1s;
  transition-delay: 95.1s; }

.delayp952 {
  animation-delay: 95.2s;
  -moz-animation-delay: 95.2s;
  -webkit-animation-delay: 95.2s;
  -o-animation-delay: 95.2s;
  transition-delay: 95.2s; }

.delayp953 {
  animation-delay: 95.3s;
  -moz-animation-delay: 95.3s;
  -webkit-animation-delay: 95.3s;
  -o-animation-delay: 95.3s;
  transition-delay: 95.3s; }

.delayp954 {
  animation-delay: 95.4s;
  -moz-animation-delay: 95.4s;
  -webkit-animation-delay: 95.4s;
  -o-animation-delay: 95.4s;
  transition-delay: 95.4s; }

.delayp955 {
  animation-delay: 95.5s;
  -moz-animation-delay: 95.5s;
  -webkit-animation-delay: 95.5s;
  -o-animation-delay: 95.5s;
  transition-delay: 95.5s; }

.delayp956 {
  animation-delay: 95.6s;
  -moz-animation-delay: 95.6s;
  -webkit-animation-delay: 95.6s;
  -o-animation-delay: 95.6s;
  transition-delay: 95.6s; }

.delayp957 {
  animation-delay: 95.7s;
  -moz-animation-delay: 95.7s;
  -webkit-animation-delay: 95.7s;
  -o-animation-delay: 95.7s;
  transition-delay: 95.7s; }

.delayp958 {
  animation-delay: 95.8s;
  -moz-animation-delay: 95.8s;
  -webkit-animation-delay: 95.8s;
  -o-animation-delay: 95.8s;
  transition-delay: 95.8s; }

.delayp959 {
  animation-delay: 95.9s;
  -moz-animation-delay: 95.9s;
  -webkit-animation-delay: 95.9s;
  -o-animation-delay: 95.9s;
  transition-delay: 95.9s; }

.delayp960 {
  animation-delay: 96s;
  -moz-animation-delay: 96s;
  -webkit-animation-delay: 96s;
  -o-animation-delay: 96s;
  transition-delay: 96s; }

.delayp961 {
  animation-delay: 96.1s;
  -moz-animation-delay: 96.1s;
  -webkit-animation-delay: 96.1s;
  -o-animation-delay: 96.1s;
  transition-delay: 96.1s; }

.delayp962 {
  animation-delay: 96.2s;
  -moz-animation-delay: 96.2s;
  -webkit-animation-delay: 96.2s;
  -o-animation-delay: 96.2s;
  transition-delay: 96.2s; }

.delayp963 {
  animation-delay: 96.3s;
  -moz-animation-delay: 96.3s;
  -webkit-animation-delay: 96.3s;
  -o-animation-delay: 96.3s;
  transition-delay: 96.3s; }

.delayp964 {
  animation-delay: 96.4s;
  -moz-animation-delay: 96.4s;
  -webkit-animation-delay: 96.4s;
  -o-animation-delay: 96.4s;
  transition-delay: 96.4s; }

.delayp965 {
  animation-delay: 96.5s;
  -moz-animation-delay: 96.5s;
  -webkit-animation-delay: 96.5s;
  -o-animation-delay: 96.5s;
  transition-delay: 96.5s; }

.delayp966 {
  animation-delay: 96.6s;
  -moz-animation-delay: 96.6s;
  -webkit-animation-delay: 96.6s;
  -o-animation-delay: 96.6s;
  transition-delay: 96.6s; }

.delayp967 {
  animation-delay: 96.7s;
  -moz-animation-delay: 96.7s;
  -webkit-animation-delay: 96.7s;
  -o-animation-delay: 96.7s;
  transition-delay: 96.7s; }

.delayp968 {
  animation-delay: 96.8s;
  -moz-animation-delay: 96.8s;
  -webkit-animation-delay: 96.8s;
  -o-animation-delay: 96.8s;
  transition-delay: 96.8s; }

.delayp969 {
  animation-delay: 96.9s;
  -moz-animation-delay: 96.9s;
  -webkit-animation-delay: 96.9s;
  -o-animation-delay: 96.9s;
  transition-delay: 96.9s; }

.delayp970 {
  animation-delay: 97s;
  -moz-animation-delay: 97s;
  -webkit-animation-delay: 97s;
  -o-animation-delay: 97s;
  transition-delay: 97s; }

.delayp971 {
  animation-delay: 97.1s;
  -moz-animation-delay: 97.1s;
  -webkit-animation-delay: 97.1s;
  -o-animation-delay: 97.1s;
  transition-delay: 97.1s; }

.delayp972 {
  animation-delay: 97.2s;
  -moz-animation-delay: 97.2s;
  -webkit-animation-delay: 97.2s;
  -o-animation-delay: 97.2s;
  transition-delay: 97.2s; }

.delayp973 {
  animation-delay: 97.3s;
  -moz-animation-delay: 97.3s;
  -webkit-animation-delay: 97.3s;
  -o-animation-delay: 97.3s;
  transition-delay: 97.3s; }

.delayp974 {
  animation-delay: 97.4s;
  -moz-animation-delay: 97.4s;
  -webkit-animation-delay: 97.4s;
  -o-animation-delay: 97.4s;
  transition-delay: 97.4s; }

.delayp975 {
  animation-delay: 97.5s;
  -moz-animation-delay: 97.5s;
  -webkit-animation-delay: 97.5s;
  -o-animation-delay: 97.5s;
  transition-delay: 97.5s; }

.delayp976 {
  animation-delay: 97.6s;
  -moz-animation-delay: 97.6s;
  -webkit-animation-delay: 97.6s;
  -o-animation-delay: 97.6s;
  transition-delay: 97.6s; }

.delayp977 {
  animation-delay: 97.7s;
  -moz-animation-delay: 97.7s;
  -webkit-animation-delay: 97.7s;
  -o-animation-delay: 97.7s;
  transition-delay: 97.7s; }

.delayp978 {
  animation-delay: 97.8s;
  -moz-animation-delay: 97.8s;
  -webkit-animation-delay: 97.8s;
  -o-animation-delay: 97.8s;
  transition-delay: 97.8s; }

.delayp979 {
  animation-delay: 97.9s;
  -moz-animation-delay: 97.9s;
  -webkit-animation-delay: 97.9s;
  -o-animation-delay: 97.9s;
  transition-delay: 97.9s; }

.delayp980 {
  animation-delay: 98s;
  -moz-animation-delay: 98s;
  -webkit-animation-delay: 98s;
  -o-animation-delay: 98s;
  transition-delay: 98s; }

.delayp981 {
  animation-delay: 98.1s;
  -moz-animation-delay: 98.1s;
  -webkit-animation-delay: 98.1s;
  -o-animation-delay: 98.1s;
  transition-delay: 98.1s; }

.delayp982 {
  animation-delay: 98.2s;
  -moz-animation-delay: 98.2s;
  -webkit-animation-delay: 98.2s;
  -o-animation-delay: 98.2s;
  transition-delay: 98.2s; }

.delayp983 {
  animation-delay: 98.3s;
  -moz-animation-delay: 98.3s;
  -webkit-animation-delay: 98.3s;
  -o-animation-delay: 98.3s;
  transition-delay: 98.3s; }

.delayp984 {
  animation-delay: 98.4s;
  -moz-animation-delay: 98.4s;
  -webkit-animation-delay: 98.4s;
  -o-animation-delay: 98.4s;
  transition-delay: 98.4s; }

.delayp985 {
  animation-delay: 98.5s;
  -moz-animation-delay: 98.5s;
  -webkit-animation-delay: 98.5s;
  -o-animation-delay: 98.5s;
  transition-delay: 98.5s; }

.delayp986 {
  animation-delay: 98.6s;
  -moz-animation-delay: 98.6s;
  -webkit-animation-delay: 98.6s;
  -o-animation-delay: 98.6s;
  transition-delay: 98.6s; }

.delayp987 {
  animation-delay: 98.7s;
  -moz-animation-delay: 98.7s;
  -webkit-animation-delay: 98.7s;
  -o-animation-delay: 98.7s;
  transition-delay: 98.7s; }

.delayp988 {
  animation-delay: 98.8s;
  -moz-animation-delay: 98.8s;
  -webkit-animation-delay: 98.8s;
  -o-animation-delay: 98.8s;
  transition-delay: 98.8s; }

.delayp989 {
  animation-delay: 98.9s;
  -moz-animation-delay: 98.9s;
  -webkit-animation-delay: 98.9s;
  -o-animation-delay: 98.9s;
  transition-delay: 98.9s; }

.delayp990 {
  animation-delay: 99s;
  -moz-animation-delay: 99s;
  -webkit-animation-delay: 99s;
  -o-animation-delay: 99s;
  transition-delay: 99s; }

.delayp991 {
  animation-delay: 99.1s;
  -moz-animation-delay: 99.1s;
  -webkit-animation-delay: 99.1s;
  -o-animation-delay: 99.1s;
  transition-delay: 99.1s; }

.delayp992 {
  animation-delay: 99.2s;
  -moz-animation-delay: 99.2s;
  -webkit-animation-delay: 99.2s;
  -o-animation-delay: 99.2s;
  transition-delay: 99.2s; }

.delayp993 {
  animation-delay: 99.3s;
  -moz-animation-delay: 99.3s;
  -webkit-animation-delay: 99.3s;
  -o-animation-delay: 99.3s;
  transition-delay: 99.3s; }

.delayp994 {
  animation-delay: 99.4s;
  -moz-animation-delay: 99.4s;
  -webkit-animation-delay: 99.4s;
  -o-animation-delay: 99.4s;
  transition-delay: 99.4s; }

.delayp995 {
  animation-delay: 99.5s;
  -moz-animation-delay: 99.5s;
  -webkit-animation-delay: 99.5s;
  -o-animation-delay: 99.5s;
  transition-delay: 99.5s; }

.delayp996 {
  animation-delay: 99.6s;
  -moz-animation-delay: 99.6s;
  -webkit-animation-delay: 99.6s;
  -o-animation-delay: 99.6s;
  transition-delay: 99.6s; }

.delayp997 {
  animation-delay: 99.7s;
  -moz-animation-delay: 99.7s;
  -webkit-animation-delay: 99.7s;
  -o-animation-delay: 99.7s;
  transition-delay: 99.7s; }

.delayp998 {
  animation-delay: 99.8s;
  -moz-animation-delay: 99.8s;
  -webkit-animation-delay: 99.8s;
  -o-animation-delay: 99.8s;
  transition-delay: 99.8s; }

.delayp999 {
  animation-delay: 99.9s;
  -moz-animation-delay: 99.9s;
  -webkit-animation-delay: 99.9s;
  -o-animation-delay: 99.9s;
  transition-delay: 99.9s; }

.delayp1000 {
  animation-delay: 100s;
  -moz-animation-delay: 100s;
  -webkit-animation-delay: 100s;
  -o-animation-delay: 100s;
  transition-delay: 100s; }

.vp-fadein,
.vp-fadeinup,
.vp-fadeinright,
.vp-fadeindown,
.vp-fadeinleft,
.vp-slideinup,
.vp-slideinright,
.vp-slideindown,
.vp-slideinleft,
.vp-rotatein,
.vp-rorateinupright,
.vp-rotateinupleft,
.vp-rotateindownright,
.vp-rotateindownleft,
.vp-zoomin,
.vp-zoominup,
.vp-zoominright,
.vp-zoomindown,
.vp-zoominleft,
.vp-jackinthebox,
.vp-rollin,
.vp-rollout {
  opacity: 0; }

.vp-fadein,
.vp-fadeinup,
.vp-fadeinright,
.vp-fadeindown,
.vp-fadeinleft,
.vp-slideinup,
.vp-slideinright,
.vp-slideindown,
.vp-slideinleft,
.vp-rotatein,
.vp-rorateinupright,
.vp-rotateinupleft,
.vp-rotateindownright,
.vp-rotateindownleft,
.vp-zoomin,
.vp-zoominup,
.vp-zoominright,
.vp-zoomindown,
.vp-zoominleft,
.vp-jackinthebox,
.vp-rollin,
.vp-rollout {
  opacity: 0; }

.animated {
  opacity: 0; }

.visible {
  opacity: 1; }

.scroll {
  overflow-y: auto;
  height: auto; }

body.disable_editable .portlet-asset-publisher .metadata-author {
  display: none; }

body.disable_editable .component-title {
  display: none; }

.portlet-workflow-tasks,
.portlet-oauth2-provider-connected-applications,
.portlet-users-admin,
.portlet-workflow,
.shared-assets-portlet,
.notifications-portlet {
  margin-top: 80px; }
  .portlet-workflow-tasks .nav-link,
  .portlet-oauth2-provider-connected-applications .nav-link,
  .portlet-users-admin .nav-link,
  .portlet-workflow .nav-link,
  .shared-assets-portlet .nav-link,
  .notifications-portlet .nav-link {
    font-weight: normal;
    font-family: "SourceSans-Semibold";
    font-size: 1rem; }
    .theme-default .portlet-workflow-tasks .nav-link, .theme-default
    .portlet-oauth2-provider-connected-applications .nav-link, .theme-default
    .portlet-users-admin .nav-link, .theme-default
    .portlet-workflow .nav-link, .theme-default
    .shared-assets-portlet .nav-link, .theme-default
    .notifications-portlet .nav-link {
      color: #F07662; }
    .theme-secondary .portlet-workflow-tasks .nav-link, .theme-secondary
    .portlet-oauth2-provider-connected-applications .nav-link, .theme-secondary
    .portlet-users-admin .nav-link, .theme-secondary
    .portlet-workflow .nav-link, .theme-secondary
    .shared-assets-portlet .nav-link, .theme-secondary
    .notifications-portlet .nav-link {
      color: #3f4e8c; }
    .portlet-workflow-tasks .nav-link:focus,
    .portlet-oauth2-provider-connected-applications .nav-link:focus,
    .portlet-users-admin .nav-link:focus,
    .portlet-workflow .nav-link:focus,
    .shared-assets-portlet .nav-link:focus,
    .notifications-portlet .nav-link:focus {
      box-shadow: none; }
    .portlet-workflow-tasks .nav-link.active,
    .portlet-oauth2-provider-connected-applications .nav-link.active,
    .portlet-users-admin .nav-link.active,
    .portlet-workflow .nav-link.active,
    .shared-assets-portlet .nav-link.active,
    .notifications-portlet .nav-link.active {
      position: relative; }
      .theme-default .portlet-workflow-tasks .nav-link.active:after, .theme-default
      .portlet-oauth2-provider-connected-applications .nav-link.active:after, .theme-default
      .portlet-users-admin .nav-link.active:after, .theme-default
      .portlet-workflow .nav-link.active:after, .theme-default
      .shared-assets-portlet .nav-link.active:after, .theme-default
      .notifications-portlet .nav-link.active:after {
        background-color: !important; }
      .theme-secondary .portlet-workflow-tasks .nav-link.active:after, .theme-secondary
      .portlet-oauth2-provider-connected-applications .nav-link.active:after, .theme-secondary
      .portlet-users-admin .nav-link.active:after, .theme-secondary
      .portlet-workflow .nav-link.active:after, .theme-secondary
      .shared-assets-portlet .nav-link.active:after, .theme-secondary
      .notifications-portlet .nav-link.active:after {
        background-color: !important; }
  .portlet-workflow-tasks .management-bar-light .nav-link,
  .portlet-workflow-tasks .management-bar-light .nav-underline .tab a,
  .portlet-workflow-tasks .nav-underline .tab .management-bar-light a,
  .portlet-workflow-tasks .management-bar-light .navbar-nav .btn-unstyled,
  .portlet-oauth2-provider-connected-applications .management-bar-light .nav-link,
  .portlet-oauth2-provider-connected-applications .management-bar-light .nav-underline .tab a,
  .portlet-oauth2-provider-connected-applications .nav-underline .tab .management-bar-light a,
  .portlet-oauth2-provider-connected-applications .management-bar-light .navbar-nav .btn-unstyled,
  .portlet-users-admin .management-bar-light .nav-link,
  .portlet-users-admin .management-bar-light .nav-underline .tab a,
  .portlet-users-admin .nav-underline .tab .management-bar-light a,
  .portlet-users-admin .management-bar-light .navbar-nav .btn-unstyled,
  .portlet-workflow .management-bar-light .nav-link,
  .portlet-workflow .management-bar-light .nav-underline .tab a,
  .portlet-workflow .nav-underline .tab .management-bar-light a,
  .portlet-workflow .management-bar-light .navbar-nav .btn-unstyled,
  .shared-assets-portlet .management-bar-light .nav-link,
  .shared-assets-portlet .management-bar-light .nav-underline .tab a,
  .shared-assets-portlet .nav-underline .tab .management-bar-light a,
  .shared-assets-portlet .management-bar-light .navbar-nav .btn-unstyled,
  .notifications-portlet .management-bar-light .nav-link,
  .notifications-portlet .management-bar-light .nav-underline .tab a,
  .notifications-portlet .nav-underline .tab .management-bar-light a,
  .notifications-portlet .management-bar-light .navbar-nav .btn-unstyled {
    font-weight: normal;
    color: #000000; }
  .theme-default .portlet-workflow-tasks .list-group-notification .list-group-item-primary, .theme-default
  .portlet-oauth2-provider-connected-applications .list-group-notification .list-group-item-primary, .theme-default
  .portlet-users-admin .list-group-notification .list-group-item-primary, .theme-default
  .portlet-workflow .list-group-notification .list-group-item-primary, .theme-default
  .shared-assets-portlet .list-group-notification .list-group-item-primary, .theme-default
  .notifications-portlet .list-group-notification .list-group-item-primary {
    padding: 2rem 1rem;
    box-shadow: inset 0.5rem 0, inset -0.0625rem 0 #e7e7ed, inset 0 0.0625rem #e7e7ed, inset 0 -0.0625rem #e7e7ed; }
    .theme-default .portlet-workflow-tasks .list-group-notification .list-group-item-primary h4, .theme-default
    .portlet-oauth2-provider-connected-applications .list-group-notification .list-group-item-primary h4, .theme-default
    .portlet-users-admin .list-group-notification .list-group-item-primary h4, .theme-default
    .portlet-workflow .list-group-notification .list-group-item-primary h4, .theme-default
    .shared-assets-portlet .list-group-notification .list-group-item-primary h4, .theme-default
    .notifications-portlet .list-group-notification .list-group-item-primary h4 {
      font-weight: normal;
      font-family: "SourceSans-Semibold";
      font-size: 1.1rem; }
  .theme-secondary .portlet-workflow-tasks .list-group-notification .list-group-item-primary, .theme-secondary
  .portlet-oauth2-provider-connected-applications .list-group-notification .list-group-item-primary, .theme-secondary
  .portlet-users-admin .list-group-notification .list-group-item-primary, .theme-secondary
  .portlet-workflow .list-group-notification .list-group-item-primary, .theme-secondary
  .shared-assets-portlet .list-group-notification .list-group-item-primary, .theme-secondary
  .notifications-portlet .list-group-notification .list-group-item-primary {
    padding: 2rem 1rem;
    box-shadow: inset 0.5rem 0, inset -0.0625rem 0 #e7e7ed, inset 0 0.0625rem #e7e7ed, inset 0 -0.0625rem #e7e7ed; }
    .theme-secondary .portlet-workflow-tasks .list-group-notification .list-group-item-primary h4, .theme-secondary
    .portlet-oauth2-provider-connected-applications .list-group-notification .list-group-item-primary h4, .theme-secondary
    .portlet-users-admin .list-group-notification .list-group-item-primary h4, .theme-secondary
    .portlet-workflow .list-group-notification .list-group-item-primary h4, .theme-secondary
    .shared-assets-portlet .list-group-notification .list-group-item-primary h4, .theme-secondary
    .notifications-portlet .list-group-notification .list-group-item-primary h4 {
      font-weight: normal;
      font-family: "SourceSans-Semibold";
      font-size: 1.1rem; }
  .portlet-workflow-tasks .sheet-subtitle,
  .portlet-oauth2-provider-connected-applications .sheet-subtitle,
  .portlet-users-admin .sheet-subtitle,
  .portlet-workflow .sheet-subtitle,
  .shared-assets-portlet .sheet-subtitle,
  .notifications-portlet .sheet-subtitle {
    font-weight: normal !important;
    font-family: "SourceSans-Semibold"; }
  .portlet-workflow-tasks .form-control,
  .portlet-oauth2-provider-connected-applications .form-control,
  .portlet-users-admin .form-control,
  .portlet-workflow .form-control,
  .shared-assets-portlet .form-control,
  .notifications-portlet .form-control {
    background-color: #ffffff;
    font-weight: normal;
    font-family: "SourceSans-Reguler"; }
  .portlet-workflow-tasks nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a,
  .portlet-oauth2-provider-connected-applications nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a,
  .portlet-users-admin nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a,
  .portlet-workflow nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a,
  .shared-assets-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a,
  .notifications-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a {
    display: block;
    position: relative;
    padding: 1rem; }
    .portlet-workflow-tasks nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:hover,
    .portlet-oauth2-provider-connected-applications nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:hover,
    .portlet-users-admin nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:hover,
    .portlet-workflow nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:hover,
    .shared-assets-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:hover,
    .notifications-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:hover {
      background-color: transparent; }
    .portlet-workflow-tasks nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before,
    .portlet-oauth2-provider-connected-applications nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before,
    .portlet-users-admin nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before,
    .portlet-workflow nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before,
    .shared-assets-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before,
    .notifications-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before {
      content: "\f054";
      font-family: "Font Awesome 5 Pro";
      position: absolute;
      right: 0;
      font-weight: bold; }
      .theme-default .portlet-workflow-tasks nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before, .theme-default
      .portlet-oauth2-provider-connected-applications nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before, .theme-default
      .portlet-users-admin nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before, .theme-default
      .portlet-workflow nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before, .theme-default
      .shared-assets-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before, .theme-default
      .notifications-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before {
        color: #F07662; }
      .theme-secondary .portlet-workflow-tasks nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before, .theme-secondary
      .portlet-oauth2-provider-connected-applications nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before, .theme-secondary
      .portlet-users-admin nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before, .theme-secondary
      .portlet-workflow nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before, .theme-secondary
      .shared-assets-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before, .theme-secondary
      .notifications-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:before {
        color: #3f4e8c; }
    .portlet-workflow-tasks nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:after,
    .portlet-oauth2-provider-connected-applications nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:after,
    .portlet-users-admin nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:after,
    .portlet-workflow nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:after,
    .shared-assets-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:after,
    .notifications-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:after {
      opacity: 0;
      content: "";
      position: absolute;
      left: 15px;
      bottom: 0;
      width: 50px;
      height: 6px;
      border-radius: 40px;
      overflow: hidden; }
    .portlet-workflow-tasks nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:focus,
    .portlet-oauth2-provider-connected-applications nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:focus,
    .portlet-users-admin nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:focus,
    .portlet-workflow nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:focus,
    .shared-assets-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:focus,
    .notifications-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a:focus {
      outline: none;
      box-shadow: none; }
    .theme-default .portlet-workflow-tasks nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active, .theme-default
    .portlet-oauth2-provider-connected-applications nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active, .theme-default
    .portlet-users-admin nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active, .theme-default
    .portlet-workflow nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active, .theme-default
    .shared-assets-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active, .theme-default
    .notifications-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active {
      color: #F07662;
      font-weight: normal; }
    .theme-secondary .portlet-workflow-tasks nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active, .theme-secondary
    .portlet-oauth2-provider-connected-applications nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active, .theme-secondary
    .portlet-users-admin nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active, .theme-secondary
    .portlet-workflow nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active, .theme-secondary
    .shared-assets-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active, .theme-secondary
    .notifications-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active {
      color: #3f4e8c;
      font-weight: normal; }
    .theme-default .portlet-workflow-tasks nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active:after, .theme-default
    .portlet-oauth2-provider-connected-applications nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active:after, .theme-default
    .portlet-users-admin nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active:after, .theme-default
    .portlet-workflow nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active:after, .theme-default
    .shared-assets-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active:after, .theme-default
    .notifications-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active:after {
      opacity: 1;
      background-color: !important; }
    .theme-secondary .portlet-workflow-tasks nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active:after, .theme-secondary
    .portlet-oauth2-provider-connected-applications nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active:after, .theme-secondary
    .portlet-users-admin nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active:after, .theme-secondary
    .portlet-workflow nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active:after, .theme-secondary
    .shared-assets-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active:after, .theme-secondary
    .notifications-portlet nav.menubar.menubar-transparent.menubar-vertical-expand-lg .nav.nav-nested li.nav-item a.active:after {
      opacity: 1;
      background-color: !important; }
  .portlet-workflow-tasks .sheet .sheet-header .sheet-title,
  .portlet-oauth2-provider-connected-applications .sheet .sheet-header .sheet-title,
  .portlet-users-admin .sheet .sheet-header .sheet-title,
  .portlet-workflow .sheet .sheet-header .sheet-title,
  .shared-assets-portlet .sheet .sheet-header .sheet-title,
  .notifications-portlet .sheet .sheet-header .sheet-title {
    font-family: "SourceSans-Semibold";
    font-size: 1.5rem; }
  .portlet-workflow-tasks .sheet .sheet-section .sheet-subtitle,
  .portlet-oauth2-provider-connected-applications .sheet .sheet-section .sheet-subtitle,
  .portlet-users-admin .sheet .sheet-section .sheet-subtitle,
  .portlet-workflow .sheet .sheet-section .sheet-subtitle,
  .shared-assets-portlet .sheet .sheet-section .sheet-subtitle,
  .notifications-portlet .sheet .sheet-section .sheet-subtitle {
    text-transform: none;
    font-family: "SourceSans-Semibold";
    font-size: 1.1rem;
    border-bottom: 1px solid #ddd;
    padding: 1rem 0; }
    .theme-default .portlet-workflow-tasks .sheet .sheet-section .sheet-subtitle, .theme-default
    .portlet-oauth2-provider-connected-applications .sheet .sheet-section .sheet-subtitle, .theme-default
    .portlet-users-admin .sheet .sheet-section .sheet-subtitle, .theme-default
    .portlet-workflow .sheet .sheet-section .sheet-subtitle, .theme-default
    .shared-assets-portlet .sheet .sheet-section .sheet-subtitle, .theme-default
    .notifications-portlet .sheet .sheet-section .sheet-subtitle {
      color: #F07662; }
    .theme-secondary .portlet-workflow-tasks .sheet .sheet-section .sheet-subtitle, .theme-secondary
    .portlet-oauth2-provider-connected-applications .sheet .sheet-section .sheet-subtitle, .theme-secondary
    .portlet-users-admin .sheet .sheet-section .sheet-subtitle, .theme-secondary
    .portlet-workflow .sheet .sheet-section .sheet-subtitle, .theme-secondary
    .shared-assets-portlet .sheet .sheet-section .sheet-subtitle, .theme-secondary
    .notifications-portlet .sheet .sheet-section .sheet-subtitle {
      color: #3f4e8c; }
    .portlet-workflow-tasks .sheet .sheet-section .sheet-subtitle:before,
    .portlet-oauth2-provider-connected-applications .sheet .sheet-section .sheet-subtitle:before,
    .portlet-users-admin .sheet .sheet-section .sheet-subtitle:before,
    .portlet-workflow .sheet .sheet-section .sheet-subtitle:before,
    .shared-assets-portlet .sheet .sheet-section .sheet-subtitle:before,
    .notifications-portlet .sheet .sheet-section .sheet-subtitle:before {
      font-family: "Font Awesome 5 Pro";
      position: absolute;
      right: 0;
      font-weight: bold; }
      .theme-default .portlet-workflow-tasks .sheet .sheet-section .sheet-subtitle:before, .theme-default
      .portlet-oauth2-provider-connected-applications .sheet .sheet-section .sheet-subtitle:before, .theme-default
      .portlet-users-admin .sheet .sheet-section .sheet-subtitle:before, .theme-default
      .portlet-workflow .sheet .sheet-section .sheet-subtitle:before, .theme-default
      .shared-assets-portlet .sheet .sheet-section .sheet-subtitle:before, .theme-default
      .notifications-portlet .sheet .sheet-section .sheet-subtitle:before {
        color: #F07662; }
      .theme-secondary .portlet-workflow-tasks .sheet .sheet-section .sheet-subtitle:before, .theme-secondary
      .portlet-oauth2-provider-connected-applications .sheet .sheet-section .sheet-subtitle:before, .theme-secondary
      .portlet-users-admin .sheet .sheet-section .sheet-subtitle:before, .theme-secondary
      .portlet-workflow .sheet .sheet-section .sheet-subtitle:before, .theme-secondary
      .shared-assets-portlet .sheet .sheet-section .sheet-subtitle:before, .theme-secondary
      .notifications-portlet .sheet .sheet-section .sheet-subtitle:before {
        color: #3f4e8c; }
  .portlet-workflow-tasks .btn.btn-primary.btn-default,
  .portlet-workflow-tasks .btn.btn-secondary,
  .portlet-oauth2-provider-connected-applications .btn.btn-primary.btn-default,
  .portlet-oauth2-provider-connected-applications .btn.btn-secondary,
  .portlet-users-admin .btn.btn-primary.btn-default,
  .portlet-users-admin .btn.btn-secondary,
  .portlet-workflow .btn.btn-primary.btn-default,
  .portlet-workflow .btn.btn-secondary,
  .shared-assets-portlet .btn.btn-primary.btn-default,
  .shared-assets-portlet .btn.btn-secondary,
  .notifications-portlet .btn.btn-primary.btn-default,
  .notifications-portlet .btn.btn-secondary {
    text-transform: uppercase;
    font-family: "SourceSans-Reguler" !important; }
    .portlet-workflow-tasks .btn.btn-primary.btn-default.btn-lg,
    .portlet-workflow-tasks .btn.btn-secondary.btn-lg,
    .portlet-oauth2-provider-connected-applications .btn.btn-primary.btn-default.btn-lg,
    .portlet-oauth2-provider-connected-applications .btn.btn-secondary.btn-lg,
    .portlet-users-admin .btn.btn-primary.btn-default.btn-lg,
    .portlet-users-admin .btn.btn-secondary.btn-lg,
    .portlet-workflow .btn.btn-primary.btn-default.btn-lg,
    .portlet-workflow .btn.btn-secondary.btn-lg,
    .shared-assets-portlet .btn.btn-primary.btn-default.btn-lg,
    .shared-assets-portlet .btn.btn-secondary.btn-lg,
    .notifications-portlet .btn.btn-primary.btn-default.btn-lg,
    .notifications-portlet .btn.btn-secondary.btn-lg {
      padding: 1rem 2rem 1rem !important; }
    .portlet-workflow-tasks .btn.btn-primary.btn-default.btn-md,
    .portlet-workflow-tasks .btn.btn-secondary.btn-md,
    .portlet-oauth2-provider-connected-applications .btn.btn-primary.btn-default.btn-md,
    .portlet-oauth2-provider-connected-applications .btn.btn-secondary.btn-md,
    .portlet-users-admin .btn.btn-primary.btn-default.btn-md,
    .portlet-users-admin .btn.btn-secondary.btn-md,
    .portlet-workflow .btn.btn-primary.btn-default.btn-md,
    .portlet-workflow .btn.btn-secondary.btn-md,
    .shared-assets-portlet .btn.btn-primary.btn-default.btn-md,
    .shared-assets-portlet .btn.btn-secondary.btn-md,
    .notifications-portlet .btn.btn-primary.btn-default.btn-md,
    .notifications-portlet .btn.btn-secondary.btn-md {
      padding: 1rem 2rem 1rem !important; }
    .theme-default .portlet-workflow-tasks .btn.btn-primary.btn-default, .theme-default
    .portlet-workflow-tasks .btn.btn-secondary, .theme-default
    .portlet-oauth2-provider-connected-applications .btn.btn-primary.btn-default, .theme-default
    .portlet-oauth2-provider-connected-applications .btn.btn-secondary, .theme-default
    .portlet-users-admin .btn.btn-primary.btn-default, .theme-default
    .portlet-users-admin .btn.btn-secondary, .theme-default
    .portlet-workflow .btn.btn-primary.btn-default, .theme-default
    .portlet-workflow .btn.btn-secondary, .theme-default
    .shared-assets-portlet .btn.btn-primary.btn-default, .theme-default
    .shared-assets-portlet .btn.btn-secondary, .theme-default
    .notifications-portlet .btn.btn-primary.btn-default, .theme-default
    .notifications-portlet .btn.btn-secondary {
      border-color: #F07662;
      background-color: #F07662;
      color: #ffffff;
      font-size: 1rem; }
    .theme-secondary .portlet-workflow-tasks .btn.btn-primary.btn-default, .theme-secondary
    .portlet-workflow-tasks .btn.btn-secondary, .theme-secondary
    .portlet-oauth2-provider-connected-applications .btn.btn-primary.btn-default, .theme-secondary
    .portlet-oauth2-provider-connected-applications .btn.btn-secondary, .theme-secondary
    .portlet-users-admin .btn.btn-primary.btn-default, .theme-secondary
    .portlet-users-admin .btn.btn-secondary, .theme-secondary
    .portlet-workflow .btn.btn-primary.btn-default, .theme-secondary
    .portlet-workflow .btn.btn-secondary, .theme-secondary
    .shared-assets-portlet .btn.btn-primary.btn-default, .theme-secondary
    .shared-assets-portlet .btn.btn-secondary, .theme-secondary
    .notifications-portlet .btn.btn-primary.btn-default, .theme-secondary
    .notifications-portlet .btn.btn-secondary {
      border-color: #3f4e8c;
      background-color: #3f4e8c;
      color: #ffffff;
      font-size: 1rem; }
    .portlet-workflow-tasks .btn.btn-primary.btn-default:focus,
    .portlet-workflow-tasks .btn.btn-secondary:focus,
    .portlet-oauth2-provider-connected-applications .btn.btn-primary.btn-default:focus,
    .portlet-oauth2-provider-connected-applications .btn.btn-secondary:focus,
    .portlet-users-admin .btn.btn-primary.btn-default:focus,
    .portlet-users-admin .btn.btn-secondary:focus,
    .portlet-workflow .btn.btn-primary.btn-default:focus,
    .portlet-workflow .btn.btn-secondary:focus,
    .shared-assets-portlet .btn.btn-primary.btn-default:focus,
    .shared-assets-portlet .btn.btn-secondary:focus,
    .notifications-portlet .btn.btn-primary.btn-default:focus,
    .notifications-portlet .btn.btn-secondary:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 80, 155, 0.5); }
    .theme-default .portlet-workflow-tasks .btn.btn-primary.btn-default:hover, .theme-default .portlet-workflow-tasks .btn.btn-primary.btn-default.active, .theme-default
    .portlet-workflow-tasks .btn.btn-secondary:hover, .theme-default
    .portlet-workflow-tasks .btn.btn-secondary.active, .theme-default
    .portlet-oauth2-provider-connected-applications .btn.btn-primary.btn-default:hover, .theme-default
    .portlet-oauth2-provider-connected-applications .btn.btn-primary.btn-default.active, .theme-default
    .portlet-oauth2-provider-connected-applications .btn.btn-secondary:hover, .theme-default
    .portlet-oauth2-provider-connected-applications .btn.btn-secondary.active, .theme-default
    .portlet-users-admin .btn.btn-primary.btn-default:hover, .theme-default
    .portlet-users-admin .btn.btn-primary.btn-default.active, .theme-default
    .portlet-users-admin .btn.btn-secondary:hover, .theme-default
    .portlet-users-admin .btn.btn-secondary.active, .theme-default
    .portlet-workflow .btn.btn-primary.btn-default:hover, .theme-default
    .portlet-workflow .btn.btn-primary.btn-default.active, .theme-default
    .portlet-workflow .btn.btn-secondary:hover, .theme-default
    .portlet-workflow .btn.btn-secondary.active, .theme-default
    .shared-assets-portlet .btn.btn-primary.btn-default:hover, .theme-default
    .shared-assets-portlet .btn.btn-primary.btn-default.active, .theme-default
    .shared-assets-portlet .btn.btn-secondary:hover, .theme-default
    .shared-assets-portlet .btn.btn-secondary.active, .theme-default
    .notifications-portlet .btn.btn-primary.btn-default:hover, .theme-default
    .notifications-portlet .btn.btn-primary.btn-default.active, .theme-default
    .notifications-portlet .btn.btn-secondary:hover, .theme-default
    .notifications-portlet .btn.btn-secondary.active {
      background-color: #ED4D28 !important;
      color: #ffffff !important;
      border-color: #ED4D28 !important;
      font-family: "SourceSans-Reguler" !important;
      font-weight: normal; }
    .theme-secondary .portlet-workflow-tasks .btn.btn-primary.btn-default:hover, .theme-secondary .portlet-workflow-tasks .btn.btn-primary.btn-default.active, .theme-secondary
    .portlet-workflow-tasks .btn.btn-secondary:hover, .theme-secondary
    .portlet-workflow-tasks .btn.btn-secondary.active, .theme-secondary
    .portlet-oauth2-provider-connected-applications .btn.btn-primary.btn-default:hover, .theme-secondary
    .portlet-oauth2-provider-connected-applications .btn.btn-primary.btn-default.active, .theme-secondary
    .portlet-oauth2-provider-connected-applications .btn.btn-secondary:hover, .theme-secondary
    .portlet-oauth2-provider-connected-applications .btn.btn-secondary.active, .theme-secondary
    .portlet-users-admin .btn.btn-primary.btn-default:hover, .theme-secondary
    .portlet-users-admin .btn.btn-primary.btn-default.active, .theme-secondary
    .portlet-users-admin .btn.btn-secondary:hover, .theme-secondary
    .portlet-users-admin .btn.btn-secondary.active, .theme-secondary
    .portlet-workflow .btn.btn-primary.btn-default:hover, .theme-secondary
    .portlet-workflow .btn.btn-primary.btn-default.active, .theme-secondary
    .portlet-workflow .btn.btn-secondary:hover, .theme-secondary
    .portlet-workflow .btn.btn-secondary.active, .theme-secondary
    .shared-assets-portlet .btn.btn-primary.btn-default:hover, .theme-secondary
    .shared-assets-portlet .btn.btn-primary.btn-default.active, .theme-secondary
    .shared-assets-portlet .btn.btn-secondary:hover, .theme-secondary
    .shared-assets-portlet .btn.btn-secondary.active, .theme-secondary
    .notifications-portlet .btn.btn-primary.btn-default:hover, .theme-secondary
    .notifications-portlet .btn.btn-primary.btn-default.active, .theme-secondary
    .notifications-portlet .btn.btn-secondary:hover, .theme-secondary
    .notifications-portlet .btn.btn-secondary.active {
      background-color: !important;
      color: #ffffff !important;
      border-color: !important;
      font-family: "SourceSans-Reguler" !important;
      font-weight: normal; }

.dropdown-subheader {
  font-weight: normal !important; }

#clay_dropdown_portal .dropdown-menu {
  border-radius: 6px;
  border: 0px; }
  #clay_dropdown_portal .dropdown-menu ul li {
    font-weight: normal; }
    #clay_dropdown_portal .dropdown-menu ul li.dropdown-subheader {
      font-weight: normal;
      font-family: "SourceSans-Reguler"; }
    #clay_dropdown_portal .dropdown-menu ul li a.dropdown-item {
      font-weight: normal;
      font-family: "SourceSans-Reguler";
      font-size: 0.9rem; }
      .theme-default #clay_dropdown_portal .dropdown-menu ul li a.dropdown-item .dropdown-item-indicator-end {
        color: #020090; }
      .theme-secondary #clay_dropdown_portal .dropdown-menu ul li a.dropdown-item .dropdown-item-indicator-end {
        color: #494DF4; }

.CX-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1040;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10; }
  .CX-modal .CX-modal-inner {
    background-color: #ffffff;
    width: 1088px;
    margin: 140px auto 0;
    border-radius: 20px;
    padding: 4rem 3rem;
    position: relative;
    transform: translatey(0px);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease; }
    @media (max-width: 1366px) {
      .CX-modal .CX-modal-inner {
        margin: 40px auto 0; } }
    @media (max-width: 1024px) {
      .CX-modal .CX-modal-inner {
        width: auto;
        margin: 40px 2rem; } }
    .CX-modal .CX-modal-inner .close-modal {
      position: absolute;
      right: 20px;
      top: 20px;
      display: flex;
      align-items: center;
      font-size: 1.1rem;
      cursor: pointer;
      text-decoration: none;
      color: #000000; }
      .CX-modal .CX-modal-inner .close-modal .time {
        line-height: 18px;
        width: 18px;
        height: 18px;
        text-align: center;
        display: inline-block;
        border-radius: 50%;
        font-weight: normal;
        font-size: 0.7rem;
        margin-right: 3px; }
        .theme-default .CX-modal .CX-modal-inner .close-modal .time {
          background-color: #020090;
          color: #ffffff; }
        .theme-secondary .CX-modal .CX-modal-inner .close-modal .time {
          background-color: #494DF4;
          color: #ffffff; }
    .CX-modal .CX-modal-inner .CX-modal-content .box-grid {
      display: flex; }
      .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner {
        flex: 1 1 auto; }
        .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner:first-child {
          flex: 0 0 auto;
          margin-right: 3rem; }
          .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner:first-child .img {
            width: 350px;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
            @media (max-width: 600px) {
              .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner:first-child .img {
                width: 250px; } }
        .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner .boxName {
          margin-bottom: 2rem; }
          .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner .boxName h3 {
            font-family: "SourceSans-Semibold";
            font-size: 1.8rem;
            margin-bottom: 0.2rem; }
          .theme-default .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner .boxName p {
            color: #F07662;
            font-family: "SourceSans-Semibold";
            font-size: 1.1rem; }
          .theme-secondary .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner .boxName p {
            color: #3f4e8c;
            font-family: "SourceSans-Semibold";
            font-size: 1.1rem; }
        .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner .boxRiwayat .boxRiwayatInner {
          margin-bottom: 2rem; }
          .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner .boxRiwayat .boxRiwayatInner:last-child {
            margin-bottom: 0; }
          .theme-default .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner .boxRiwayat .boxRiwayatInner h4 {
            color: #F07662;
            font-family: "SourceSans-Semibold";
            font-size: 1.1rem; }
          .theme-secondary .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner .boxRiwayat .boxRiwayatInner h4 {
            color: #3f4e8c;
            font-family: "SourceSans-Semibold";
            font-size: 1.1rem; }
          .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner .boxRiwayat .boxRiwayatInner ul {
            padding: 0; }
            .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner .boxRiwayat .boxRiwayatInner ul li {
              list-style: none;
              color: #0a0b0c;
              font-family: "SourceSans-Reguler";
              margin-bottom: 1rem;
              font-size: 1.1rem; }
              .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner .boxRiwayat .boxRiwayatInner ul li:last-child {
                margin-bottom: 0; }
      @media (max-width: 1024px) {
        .CX-modal .CX-modal-inner .CX-modal-content .box-grid {
          flex-direction: column;
          max-height: 600px;
          overflow-y: auto; }
          .CX-modal .CX-modal-inner .CX-modal-content .box-grid .box-grid-inner {
            margin-bottom: 2rem; } }
  .CX-modal.hidden .CX-modal-inner {
    transform: translatey(-100%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease; }

.theme-default .cx-developer-source {
  position: relative; }
  .theme-default .cx-developer-source.open:before {
    opacity: 1; }
  .theme-default .cx-developer-source:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; }
  .theme-default .cx-developer-source > .container.CX-wrapper {
    text-align: center; }
    .theme-default .cx-developer-source > .container.CX-wrapper .box-toggle {
      position: relative;
      max-width: 400px;
      margin: 0 auto; }
      .theme-default .cx-developer-source > .container.CX-wrapper .box-toggle .alert {
        padding: 0;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        max-width: 400px;
        z-index: 3;
        background-color: #ffffff;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        display: inline-block;
        padding: 20px 20px;
        font-size: 1rem;
        color: #F07662; }
      .theme-default .cx-developer-source > .container.CX-wrapper .box-toggle .toggle-code {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: absolute;
        top: 0;
        right: -20px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        -khtml-border-radius: 50%;
        background-color: #F07662;
        color: #ffffff;
        z-index: 4;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        font-size: 1rem; }
        .theme-default .cx-developer-source > .container.CX-wrapper .box-toggle .toggle-code:hover {
          background-color: #ED4D28;
          color: #ffffff; }
        .theme-default .cx-developer-source > .container.CX-wrapper .box-toggle .toggle-code .toggle-code-inner:before {
          font-family: "Font Awesome 5 Pro";
          content: "\f121"; }
      .theme-default .cx-developer-source > .container.CX-wrapper .box-toggle.open .alert {
        opacity: 1;
        display: inline-block;
        padding: 20px;
        max-height: 200px;
        display: block; }
      .theme-default .cx-developer-source > .container.CX-wrapper .box-toggle.open .toggle-code {
        top: -10px; }
        .theme-default .cx-developer-source > .container.CX-wrapper .box-toggle.open .toggle-code .toggle-code-inner:before {
          content: "\f00d"; }

.theme-secondary .cx-developer-source {
  position: relative; }
  .theme-secondary .cx-developer-source.open:before {
    opacity: 1; }
  .theme-secondary .cx-developer-source:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; }
  .theme-secondary .cx-developer-source > .container.CX-wrapper {
    text-align: center; }
    .theme-secondary .cx-developer-source > .container.CX-wrapper .box-toggle {
      position: relative;
      max-width: 400px;
      margin: 0 auto; }
      .theme-secondary .cx-developer-source > .container.CX-wrapper .box-toggle .alert {
        padding: 0;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        max-width: 400px;
        z-index: 3;
        background-color: #ffffff;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        display: inline-block;
        padding: 20px 20px;
        font-size: 1rem;
        color: #3f4e8c; }
      .theme-secondary .cx-developer-source > .container.CX-wrapper .box-toggle .toggle-code {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: absolute;
        top: 0;
        right: -20px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        -khtml-border-radius: 50%;
        background-color: #3f4e8c;
        color: #ffffff;
        z-index: 4;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        font-size: 1rem; }
        .theme-secondary .cx-developer-source > .container.CX-wrapper .box-toggle .toggle-code:hover {
          color: #ffffff; }
        .theme-secondary .cx-developer-source > .container.CX-wrapper .box-toggle .toggle-code .toggle-code-inner:before {
          font-family: "Font Awesome 5 Pro";
          content: "\f121"; }
      .theme-secondary .cx-developer-source > .container.CX-wrapper .box-toggle.open .alert {
        opacity: 1;
        display: inline-block;
        padding: 20px;
        max-height: 200px;
        display: block; }
      .theme-secondary .cx-developer-source > .container.CX-wrapper .box-toggle.open .toggle-code {
        top: -10px; }
        .theme-secondary .cx-developer-source > .container.CX-wrapper .box-toggle.open .toggle-code .toggle-code-inner:before {
          content: "\f00d"; }

@media (max-width: 1440px) {
  .code_highlight {
    max-height: 400px;
    overflow-y: auto; } }

.code_highlight .code-toolbar {
  position: relative; }
  .code_highlight .code-toolbar pre {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px; }
  .code_highlight .code-toolbar pre[class*="language-"] {
    padding: 1em 1em 1em 1em;
    max-height: 600px; }
  .code_highlight .code-toolbar pre[rel]::before {
    display: none;
    font-size: 0.75rem;
    content: attr(rel);
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #ff7e65;
    padding: 0;
    text-indent: 15px;
    font-size: 1.2rem; }
  .code_highlight .code-toolbar pre[rel="css"]::before {
    background: #ff7e65 !important; }
  .code_highlight .code-toolbar .toolbar {
    opacity: 1 !important;
    top: 10px;
    right: 5px;
    position: absolute; }
    .code_highlight .code-toolbar .toolbar .toolbar-item {
      position: relative; }
      .code_highlight .code-toolbar .toolbar .toolbar-item a {
        transition: background 0.3s ease-in-out;
        animation: fadeIn 0.5s cubic-bezier(0.3, 0, 0.3, 1) 0s 1 forwards;
        background: rgba(255, 255, 255, 0.9);
        cursor: pointer;
        line-height: 20px;
        padding: 0;
        position: absolute;
        right: 10px;
        top: 5px;
        z-index: 9;
        border-radius: 0.1875rem;
        font-size: 14px;
        padding: 3px 5px;
        color: #333; }
        .code_highlight .code-toolbar .toolbar .toolbar-item a:hover {
          color: #fff; }
          .theme-default .code_highlight .code-toolbar .toolbar .toolbar-item a:hover {
            background-color: #F07662; }
          .theme-secondary .code_highlight .code-toolbar .toolbar .toolbar-item a:hover {
            background-color: #3f4e8c; }
        .code_highlight .code-toolbar .toolbar .toolbar-item a:active, .code_highlight .code-toolbar .toolbar .toolbar-item a:focus {
          outline: none; }

pre > code {
  white-space: pre;
  margin-top: -1em;
  display: block; }

body.disable_editable .portlet-column-content.empty {
  padding: 0px; }

body.disable_editable .portlet .portlet-content .portlet-content-container .portlet-body .h2 {
  display: none !important; }

body.body.has-edit-mode-menu.disable_editable .portlet-column-content.empty,
body.enable_editable .portlet-column-content.empty {
  padding: 50px;
  border: 1px dashed #03a9f4;
  background-color: rgba(3, 170, 244, 0.1);
  margin-bottom: 2rem;
  position: relative; }
  body.body.has-edit-mode-menu.disable_editable .portlet-column-content.empty:before,
  body.enable_editable .portlet-column-content.empty:before {
    content: "DROP HERE";
    position: absolute;
    left: 50%;
    margin-top: -10px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #03a9f4;
    font-family: "SourceSans-Semibold";
    letter-spacing: 2px; }

@media (min-width: 1025px) {
  body.enable_sortable #CX-content {
    max-width: 50%;
    margin: 0 auto; } }

body.enable_sortable #CX-content .portlet-boundary {
  margin-bottom: 7rem;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
  body.enable_sortable #CX-content .portlet-boundary .portlet {
    margin-bottom: 0; }
    body.enable_sortable #CX-content .portlet-boundary .portlet .portlet-content.portlet-content-editable {
      border: 1px solid #d7e5ff;
      -webkit-border-radius: 0px 0px 4px 4px;
      -moz-border-radius: 0px 0px 4px 4px;
      -ms-border-radius: 0px 0px 4px 4px;
      -o-border-radius: 0px 0px 4px 4px;
      border-radius: 0px 0px 4px 4px; }
      body.enable_sortable #CX-content .portlet-boundary .portlet .portlet-content.portlet-content-editable .portlet-header {
        margin-bottom: 0rem;
        background-color: #ffffff; }
        body.enable_sortable #CX-content .portlet-boundary .portlet .portlet-content.portlet-content-editable .portlet-header .autofit-col.autofit-col-expand {
          pointer-events: none;
          cursor: not-allowed; }
          body.enable_sortable #CX-content .portlet-boundary .portlet .portlet-content.portlet-content-editable .portlet-header .autofit-col.autofit-col-expand .portlet-title-text.portlet-title-editable {
            padding: 1rem 2rem 0;
            color: #272833;
            font-weight: normal;
            font-family: "SourceSans-Semibold";
            letter-spacing: 1px;
            font-size: 1.2rem; }
      body.enable_sortable #CX-content .portlet-boundary .portlet .portlet-content.portlet-content-editable .portlet-content-container {
        height: 100px;
        overflow: auto; }
  body.enable_sortable #CX-content .portlet-boundary.portlet-asset-publisher .portlet .portlet-header {
    padding: 1rem 0; }
  body.enable_sortable #CX-content .portlet-boundary.portlet-journal-content .portlet .portlet-content.portlet-content-editable .portlet-header .autofit-col.autofit-col-end .autofit-section .visible-interaction {
    visibility: visible !important; }

body.has-edit-mode-menu.disable_editable #CX-content .portlet-boundary.portlet-journal-content .portlet .portlet-content.portlet-content-editable .portlet-header .autofit-col.autofit-col-end .autofit-section .visible-interaction, body.enable_editable #CX-content .portlet-boundary.portlet-journal-content .portlet .portlet-content.portlet-content-editable .portlet-header .autofit-col.autofit-col-end .autofit-section .visible-interaction {
  visibility: visible !important; }

#portlet_license {
  font-family: "SourceSans-Reguler"; }
  #portlet_license .version-info {
    font-size: 1.5rem;
    color: #000000; }
  #portlet_license .build-info {
    font-size: 1rem;
    font-weight: normal;
    font-family: "SourceSans-Reguler"; }
  #portlet_license .license-form .portlet-msg-error {
    font-size: 1rem; }
    #portlet_license .license-form .portlet-msg-error a {
      color: #2a428b;
      font-family: "Publico-Bold";
      text-transform: uppercase;
      text-decoration: underline; }
  #portlet_license .license-form .license-table tbody tr th {
    font-weight: normal;
    font-family: "Publico-Bold";
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 1px; }
  #portlet_license .license-form .license-table tbody tr td {
    border: 1px solid transparent !important; }
    #portlet_license .license-form .license-table tbody tr td table {
      border-collapse: collapse; }
      #portlet_license .license-form .license-table tbody tr td table tbody tr th {
        background-color: #2a428b;
        color: #ffffff;
        font-weight: normal;
        font-family: "SourceSans-Semibold";
        border: 1px solid #ffffff;
        text-transform: none;
        letter-spacing: 0px; }
      #portlet_license .license-form .license-table tbody tr td table tbody tr th,
      #portlet_license .license-form .license-table tbody tr td table tbody tr td {
        border-collapse: collapse;
        padding: 10px; }
      #portlet_license .license-form .license-table tbody tr td table tbody tr th {
        border: 1px solid #2a428b;
        border-right: 1px solid #ffffff; }
        #portlet_license .license-form .license-table tbody tr td table tbody tr th:last-child {
          border: 1px solid #2a428b; }
      #portlet_license .license-form .license-table tbody tr td table tbody tr td {
        border: 1px solid #dddddd !important; }
  #portlet_license .license-form .lfr-table tbody tr td input {
    height: 40px;
    border: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px; }
    @media (max-width: 767px) {
      #portlet_license .license-form .lfr-table tbody tr td input {
        width: 200px; } }

body.has-edit-mode-menu.disable_editable .box-overlay-access,
body.has-edit-mode-menu.disable_editable .box-control-editable {
  display: none !important; }

body.is-home .CX-box-header {
  background: transparent;
  box-shadow: none; }
  body.is-home .CX-box-header.scrolled {
    background: #ffffff !important;
    box-shadow: 1px 7px 20px rgba(0, 0, 0, 0.16) !important; }

body.has-edit-mode-menu .CX-box-header {
  position: relative;
  background: #fff; }

.CX-box-header {
  background: #ffffff;
  box-shadow: 1px 7px 20px rgba(0, 0, 0, 0.16);
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 900;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .CX-box-header.scrolled {
    padding-top: 1rem;
    padding-bottom: .6rem; }
    .CX-box-header.scrolled .CX-top-header {
      visibility: hidden;
      opacity: 0;
      height: 0; }
    .CX-box-header.scrolled .CX-main-nav {
      padding: 0; }
      .CX-box-header.scrolled .CX-main-nav .CX-logo {
        top: -.3rem; }
      .CX-box-header.scrolled .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image {
        top: 86px; }
      .CX-box-header.scrolled .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.administrasi {
        top: 71px; }
  .CX-box-header .CX-top-header {
    background: rgba(229, 229, 229, 0.72);
    position: relative;
    z-index: 968; }
  .CX-box-header .CX-top-header,
  .CX-box-header .CX-top-header-mobile {
    -moz-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out; }
    .CX-box-header .CX-top-header .navbar,
    .CX-box-header .CX-top-header-mobile .navbar {
      padding: .3rem 1rem; }
      .CX-box-header .CX-top-header .navbar .navbar-nav .nav-item,
      .CX-box-header .CX-top-header-mobile .navbar .navbar-nav .nav-item {
        margin: 0 .8rem; }
        .CX-box-header .CX-top-header .navbar .navbar-nav .nav-item:last-child,
        .CX-box-header .CX-top-header-mobile .navbar .navbar-nav .nav-item:last-child {
          margin-right: 0; }
        .CX-box-header .CX-top-header .navbar .navbar-nav .nav-item .nav-link,
        .CX-box-header .CX-top-header-mobile .navbar .navbar-nav .nav-item .nav-link {
          color: #5D5D5D; }
          .CX-box-header .CX-top-header .navbar .navbar-nav .nav-item .nav-link i,
          .CX-box-header .CX-top-header-mobile .navbar .navbar-nav .nav-item .nav-link i {
            margin-right: .5rem; }
        .CX-box-header .CX-top-header .navbar .navbar-nav .nav-item .btn,
        .CX-box-header .CX-top-header-mobile .navbar .navbar-nav .nav-item .btn {
          font-size: .8rem;
          letter-spacing: 2px;
          padding: .5rem 1.5rem; }
        @media (max-width: 1024px) {
          .CX-box-header .CX-top-header .navbar .navbar-nav .nav-item.CX-login,
          .CX-box-header .CX-top-header-mobile .navbar .navbar-nav .nav-item.CX-login {
            display: none; } }
  .CX-box-header .CX-box-main-nav {
    position: relative;
    z-index: 960; }
    @media (max-width: 1024px) {
      .CX-box-header .CX-box-main-nav {
        z-index: 969; } }
  .CX-box-header .CX-login {
    z-index: 2;
    position: relative; }
    @media (max-width: 1024px) {
      .CX-box-header .CX-login {
        z-index: 968; } }
    .CX-box-header .CX-login .show-login-list {
      position: relative;
      padding-right: 2.5rem !important; }
      @media (max-width: 1024px) {
        .CX-box-header .CX-login .show-login-list {
          font-size: .8rem;
          padding: .5rem 1rem;
          padding-right: 2.5rem;
          margin-right: .5rem; } }
      @media (max-width: 320px) {
        .CX-box-header .CX-login .show-login-list {
          font-size: .6rem;
          padding: .5rem 1rem;
          padding-right: 2rem !important; } }
      .CX-box-header .CX-login .show-login-list:after {
        content: "\f078";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        right: 1rem; }
      .CX-box-header .CX-login .show-login-list.show-dropdown:after {
        content: "\f077"; }
    .CX-box-header .CX-login .login-list {
      position: absolute;
      top: 100%;
      right: 0;
      margin-top: 1.4rem;
      min-width: 210px;
      opacity: 0;
      visibility: hidden;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 1024px) {
        .CX-box-header .CX-login .login-list {
          min-width: 175px; } }
      @media (max-width: 320px) {
        .CX-box-header .CX-login .login-list {
          min-width: 150px; } }
      .CX-box-header .CX-login .login-list.show-list {
        opacity: 1;
        visibility: visible; }
      @media (max-width: 1366px) {
        .CX-box-header .CX-login .login-list {
          margin-top: 1rem; } }
      .CX-box-header .CX-login .login-list a {
        display: block;
        text-decoration: none;
        padding: 12px 35px;
        margin-bottom: 0.5rem;
        background-color: #E9F1FA;
        position: relative;
        color: #01018F;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: .85rem;
        border-radius: 10px; }
        @media (max-width: 1024px) {
          .CX-box-header .CX-login .login-list a {
            letter-spacing: 1px;
            font-size: .8rem;
            padding: 10px 20px; } }
        @media (max-width: 320px) {
          .CX-box-header .CX-login .login-list a {
            font-size: .6rem;
            padding: 10px 25px; } }
        .CX-box-header .CX-login .login-list a:first-child:before {
          content: "";
          position: absolute;
          top: -8px;
          right: 20px;
          border-bottom: 10px solid #E9F1FA;
          border-left: 8px solid transparent;
          border-right: 8px solid transparent; }
          @media (max-width: 320px) {
            .CX-box-header .CX-login .login-list a:first-child:before {
              right: 50px; } }
  .CX-box-header .CX-main-nav {
    display: flex;
    padding: 1rem 0; }
    @media (max-width: 1024px) {
      .CX-box-header .CX-main-nav {
        padding: 0; } }
    .CX-box-header .CX-main-nav .CX-logo {
      position: relative;
      top: 0; }
    .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item {
      margin: 0 .25rem;
      padding: 0 1rem;
      padding-top: .2rem;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item.selected {
        background: #4975BA;
        border-radius: 40px; }
        @media (max-width: 1024px) {
          .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item.selected {
            background: #ffffff;
            border-radius: 0; }
            .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item.selected .nav-link {
              background: #4975BA;
              border-radius: 20px;
              padding: .5rem 1rem; } }
        .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item.selected .nav-link {
          color: #ffffff; }
      @media (min-width: 1025px) {
        .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item:hover {
          background: #4975BA;
          border-radius: 40px; }
          .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item:hover .nav-link {
            color: #ffffff; } }
      .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item:hover .box-child-menu.with-vector-image {
        opacity: 1;
        visibility: visible; }
        .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item:hover .box-child-menu.with-vector-image .box-dropdown-right .box-child-vector.show {
          opacity: 1;
          visibility: visible; }
      .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item:hover .box-child-menu.administrasi {
        opacity: 1;
        visibility: visible; }
      .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item:first-child {
        display: none; }
      .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item:last-child {
        margin-right: 0; }
      .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .nav-link {
        color: #333333;
        font-family: "SourceSans-Semibold";
        text-transform: uppercase;
        padding: .5rem 0;
        font-size: .9rem;
        position: relative; }
        .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .nav-link .bubble-count {
          position: absolute;
          top: -.5rem;
          font-size: .6rem;
          background: red;
          color: #ffffff;
          padding: .17rem 0;
          border-radius: 25px;
          right: -.7rem;
          width: 20px;
          height: 20px;
          text-align: center; }
      .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image {
        position: fixed;
        left: 0;
        top: 144px;
        width: 100%;
        background: #4975BA;
        padding: 2rem 0;
        box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.16);
        opacity: 0;
        visibility: hidden;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .row {
          width: 100%; }
        .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-parent-info {
          padding-top: 2.5rem;
          padding-right: 1rem;
          height: 100%;
          border-right: 1px solid rgba(255, 255, 255, 0.42); }
          .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-parent-info .title-menu {
            font-size: 2rem;
            font-family: "Publico-Bold";
            color: #ffffff; }
          .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-parent-info .desc-menu {
            color: #ffffff;
            width: 95%; }
        .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right {
          height: 250px; }
          .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .small-title {
            font-size: .8rem;
            color: #ffffff;
            text-transform: uppercase;
            letter-spacing: 2px; }
          .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu {
            width: 30%; }
            .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu {
              margin: 0;
              padding: 0;
              position: relative; }
              .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li {
                list-style: none;
                margin-bottom: 1rem;
                position: relative;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out; }
                .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li.no-child:after {
                  display: none; }
                .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li:after {
                  content: "\f054";
                  font-family: "Font Awesome 5 Pro";
                  position: absolute;
                  right: 1rem;
                  color: #ffffff; }
                .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li.active a {
                  color: #ffffff;
                  font-family: "SourceSans-Bold"; }
                .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li a {
                  color: #ffffff;
                  font-family: "SourceSans-Semibold";
                  -moz-transition: all 0.3s ease-in-out;
                  -o-transition: all 0.3s ease-in-out;
                  -webkit-transition: all 0.3s ease-in-out;
                  transition: all 0.3s ease-in-out; }
          .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .box-child-vector {
            position: absolute;
            top: 0;
            left: 200px;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            padding-left: 3rem;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
            .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .box-child-vector .menu-vector {
              display: flex; }
              .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .box-child-vector .menu-vector .list-menu {
                margin: 0 1rem; }
                .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .box-child-vector .menu-vector .list-menu:first-child {
                  margin-left: 0; }
                  .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .box-child-vector .menu-vector .list-menu:first-child .box-image:after {
                    background: #FCD385; }
                .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .box-child-vector .menu-vector .list-menu:last-child .box-image:after {
                  background: #B5D0EE; }
                .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .box-child-vector .menu-vector .list-menu .box-image {
                  height: 170px;
                  width: 100%;
                  margin-bottom: .5rem;
                  position: relative; }
                  .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .box-child-vector .menu-vector .list-menu .box-image:after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    background: #dddddd;
                    width: 100%;
                    height: 80%; }
                  .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .box-child-vector .menu-vector .list-menu .box-image img {
                    width: 100%;
                    height: 170px;
                    position: relative;
                    z-index: 2; }
                .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image .box-dropdown-right .box-child-vector .menu-vector .list-menu .label-menu {
                  color: #ffffff;
                  font-family: "SourceSans-Semibold"; }
      .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.default .box-dropdown-right {
        display: flex; }
        .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.default .box-dropdown-right .small-title {
          height: 16px; }
        .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.default .box-dropdown-right .container-child-menu {
          padding: 0 2rem;
          border-right: 1px solid rgba(255, 255, 255, 0.42);
          width: auto;
          min-width: 40%; }
          .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.default .box-dropdown-right .container-child-menu:first-child {
            padding-left: 0; }
          .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.default .box-dropdown-right .container-child-menu:last-child {
            border-right: 0; }
      .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-child-menu .box-dropdown-right .container-child-menu {
        min-width: 45%;
        height: 100%; }
        .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-child-menu .box-dropdown-right .container-child-menu .child-menu {
          height: 100%; }
          .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-child-menu .box-dropdown-right .container-child-menu .child-menu li {
            position: initial; }
            .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-child-menu .box-dropdown-right .container-child-menu .child-menu li:after {
              right: 1.5rem; }
            .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-child-menu .box-dropdown-right .container-child-menu .child-menu li.active .sub-child-menu li a {
              font-family: "SourceSans-Semibold";
              color: #ffffff; }
            .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-child-menu .box-dropdown-right .container-child-menu .child-menu li:hover .sub-child-menu {
              opacity: 1;
              visibility: visible; }
            .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-child-menu .box-dropdown-right .container-child-menu .child-menu li .sub-child-menu {
              position: absolute;
              left: 100%;
              top: -2rem;
              width: 100%;
              padding-top: 2rem;
              height: 100%;
              border-left: 1px solid rgba(255, 255, 255, 0.42);
              opacity: 0;
              visibility: hidden;
              -moz-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              -webkit-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out; }
              .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-child-menu .box-dropdown-right .container-child-menu .child-menu li .sub-child-menu li.active a {
                color: #ffffff;
                font-family: "SourceSans-Bold"; }
      .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-column .box-dropdown-right .container-child-menu {
        min-width: 35%; }
        .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-column .box-dropdown-right .container-child-menu .child-menu li .sub-child-menu {
          width: 475px; }
          .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-column .box-dropdown-right .container-child-menu .child-menu li .sub-child-menu ul {
            padding-left: 1.8rem; }
            .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-column .box-dropdown-right .container-child-menu .child-menu li .sub-child-menu ul li:after {
              display: none; }
      .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.administrasi .box-dropdown-right {
        height: auto; }
        .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.administrasi .box-dropdown-right .container-child-menu .child-menu {
          height: 300px;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap; }
          .CX-box-header .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.administrasi .box-dropdown-right .container-child-menu .child-menu li {
            padding: 0 1rem; }
    .CX-box-header .CX-main-nav .CX-nav .navbar .box-child-menu {
      opacity: 0;
      visibility: hidden;
      position: absolute; }

.backdrop-login-dropdown {
  content: "";
  position: fixed;
  left: 0;
  top: 50px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 967;
  transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 1024px) {
    .backdrop-login-dropdown {
      top: 84px;
      z-index: 968; } }
  .backdrop-login-dropdown.show {
    opacity: 1;
    visibility: visible; }

@media (max-width: 1024px) {
  .CX-box-header {
    padding: 0; }
    .CX-box-header.menu-open {
      background-color: #ffffff !important; }
    .CX-box-header.scrolled {
      padding: 0; }
      .CX-box-header.scrolled .CX-main-nav .CX-logo {
        top: 0;
        padding: 15px;
        padding-left: 0;
        width: 70px; }
      .CX-box-header.scrolled .CX-main-nav .CX-nav .navbar .nav-item .box-child-menu.with-vector-image {
        top: 5rem; }
    .CX-box-header .CX-top-header {
      display: none; }
    .CX-box-header .CX-main-nav .CX-logo {
      top: 0;
      padding: 15px;
      padding-left: 0;
      width: 70px; }
    .CX-box-header .CX-main-nav .CX-nav {
      position: fixed;
      padding: 2rem 1.5rem;
      height: 95vh;
      width: 100%;
      background: #ffffff;
      top: 4.5rem;
      left: -100%;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .CX-box-header .CX-main-nav .CX-nav.show-dropdown-login:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1000%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 2;
        top: 14px; } }
    @media (max-width: 1024px) and (max-width: 767px) {
      .CX-box-header .CX-main-nav .CX-nav {
        height: 92vh;
        padding: 2rem 0; } }

@media (max-width: 1024px) {
      .CX-box-header .CX-main-nav .CX-nav.active {
        left: 0; }
      .CX-box-header .CX-main-nav .CX-nav .navbar {
        padding: .5rem 0; }
      .CX-box-header .CX-main-nav .CX-nav .navbar-nav {
        flex-direction: column;
        width: 100%; }
        .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item {
          position: relative; }
          .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item:last-child {
            margin-right: .5rem; }
          .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item:hover {
            border: none; }
          .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .nav-link {
            position: relative;
            width: max-content;
            max-width: 50%; }
          .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .trigger-child {
            display: block;
            position: absolute;
            right: 7rem;
            top: 0;
            padding: .7rem 1rem; } }
          @media (max-width: 1024px) and (max-width: 360px) {
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .trigger-child {
              right: 5rem; } }

@media (max-width: 1024px) {
          .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.administrasi {
            width: 100%;
            height: 100%;
            top: 4.5rem;
            padding-top: 4rem;
            visibility: visible;
            opacity: 1;
            left: -100%;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.administrasi.active {
              left: 0; }
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.administrasi .menu-back {
              display: block;
              font-size: 2rem;
              color: #ffffff;
              position: absolute;
              top: 1rem;
              z-index: 2; }
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.administrasi .child-menu .item-child a {
              color: #333; }
          .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image.with-child-menu .box-dropdown-right .container-child-menu .child-menu li a {
            width: 100%; }
          .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image.with-child-menu .box-dropdown-right .container-child-menu .child-menu li .trigger-sub-child {
            right: 0; }
          .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image.with-child-menu .box-dropdown-right .container-child-menu .child-menu li .sub-child-menu {
            padding-left: 0; }
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image.with-child-menu .box-dropdown-right .container-child-menu .child-menu li .sub-child-menu li a {
              font-size: .8rem; }
          .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.default .box-dropdown-right {
            flex-direction: column; }
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.default .box-dropdown-right .container-child-menu {
              padding: 0;
              border-right: none; }
              .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.default .box-dropdown-right .container-child-menu:first-child .small-title {
                display: block; }
              .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.default .box-dropdown-right .container-child-menu .small-title {
                display: none; }
          .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image {
            opacity: 1 !important;
            visibility: visible !important;
            top: 5rem;
            box-shadow: none;
            z-index: 2;
            left: -100%;
            padding: 2rem 0;
            height: 95vh;
            overflow: auto; } }
          @media (max-width: 1024px) and (max-width: 767px) {
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image {
              height: 90vh; } }
          @media (max-width: 1024px) and (max-width: 1024px) {
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .col-md-4,
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .col-md-8 {
              flex: 0 100%;
              max-width: 100%; } }

@media (max-width: 1024px) {
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .menu-back {
              display: block;
              font-size: 2rem;
              color: #ffffff;
              position: absolute;
              z-index: 2; }
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image.active {
              left: 0; }
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-parent-info {
              padding-right: 0;
              border-right: none;
              padding-top: 3.5rem; }
            .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu {
              width: 100%;
              max-width: auto; }
              .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li {
                position: relative; }
                .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li.active .trigger-sub-child {
                  color: #ffffff; }
                .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li.active .sub-child-menu ul li a {
                  color: #ffffff; }
                .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li:after {
                  content: ''; }
                .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li a {
                  width: 50%;
                  display: block; }
                .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li .trigger-sub-child {
                  position: absolute;
                  top: .3rem;
                  right: 5rem;
                  display: block;
                  color: #ffffff; }
                  .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li .trigger-sub-child.active:before {
                    content: "\f078"; }
                .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li .sub-child-menu {
                  position: relative;
                  left: 0;
                  top: 0;
                  width: 100%;
                  border: none;
                  height: 0;
                  padding-top: 0;
                  opacity: 1;
                  visibility: visible;
                  display: block;
                  overflow: hidden;
                  -moz-transition: all 0.3s ease-in-out;
                  -o-transition: all 0.3s ease-in-out;
                  -webkit-transition: all 0.3s ease-in-out;
                  transition: all 0.3s ease-in-out; }
                  .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li .sub-child-menu.active {
                    height: auto;
                    padding-top: 1rem; }
                  .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li .sub-child-menu ul {
                    padding-left: 0; }
                    .CX-box-header .CX-main-nav .CX-nav .navbar-nav .nav-item .box-child-menu.with-vector-image .box-dropdown-right .container-child-menu .child-menu li .sub-child-menu ul li a {
                      font-size: .8rem;
                      width: 100%; }
      .CX-box-header .CX-main-nav .CX-nav .CX-top-header-mobile {
        display: block;
        position: absolute;
        width: 100%;
        bottom: 5rem; }
        .CX-box-header .CX-main-nav .CX-nav .CX-top-header-mobile .navbar .nav-item:first-child {
          display: block; }
        .CX-box-header .CX-main-nav .CX-nav .CX-top-header-mobile .navbar .nav-item:nth-child(2) .nav-link {
          color: #333333; }
        .CX-box-header .CX-main-nav .CX-nav .CX-top-header-mobile .navbar .nav-item .nav-link:after {
          content: ''; }
        .CX-box-header .CX-main-nav .CX-nav .CX-top-header-mobile .navbar .nav-item .btn {
          font-size: 1rem;
          padding: .8rem 2rem;
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
        .CX-box-header .CX-main-nav .CX-nav .CX-top-header-mobile #btn-search {
          display: none; }
    .CX-box-header .CX-main-nav .CX-right-trigger {
      display: flex;
      align-items: center; }
      .CX-box-header .CX-main-nav .CX-right-trigger .btn-search {
        font-size: 1.7rem;
        padding: 15px 8px;
        position: relative;
        top: -.1rem;
        color: #003E77; }
      .CX-box-header .CX-main-nav .CX-right-trigger .hamburger {
        display: block;
        opacity: 1;
        padding-right: 0; }
        .CX-box-header .CX-main-nav .CX-right-trigger .hamburger .hamburger-inner {
          background-color: #F07662; }
          .CX-box-header .CX-main-nav .CX-right-trigger .hamburger .hamburger-inner::before, .CX-box-header .CX-main-nav .CX-right-trigger .hamburger .hamburger-inner::after {
            background-color: #F07662; } }

.CX-footer .CX-top-footer {
  padding: 4rem 0;
  background: #4976BA; }
  @media (max-width: 1024px) {
    .CX-footer .CX-top-footer .container.CX-wrapper {
      padding: 0; } }
  @media (max-width: 1024px) {
    .CX-footer .CX-top-footer {
      padding: 0; } }
  @media (max-width: 1024px) {
    .CX-footer .CX-top-footer .row .col-md-3 {
      border-top: 2px solid #ffffff;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0; }
      .CX-footer .CX-top-footer .row .col-md-3:first-child {
        border-top: none; }
      .CX-footer .CX-top-footer .row .col-md-3 .box-nav-footer:nth-child(2) {
        border-top: 2px solid #ffffff; } }
  @media (max-width: 767px) {
    .CX-footer .CX-top-footer .row .col-md-3 {
      padding-right: 15px;
      padding-left: 15px; } }
  .CX-footer .CX-top-footer .row .col-md-3:first-child {
    flex: 0 0 20%;
    max-width: 20%; }
    @media (max-width: 1024px) {
      .CX-footer .CX-top-footer .row .col-md-3:first-child {
        flex: 0 0 100%;
        max-width: 100%; } }
  .CX-footer .CX-top-footer .row .col-md-3:nth-child(3) {
    flex: 0 0 30%;
    max-width: 30%; }
    @media (max-width: 1024px) {
      .CX-footer .CX-top-footer .row .col-md-3:nth-child(3) {
        flex: 0 0 100%;
        max-width: 100%; } }
  .CX-footer .CX-top-footer .box-nav-footer {
    color: #ffffff; }
    .CX-footer .CX-top-footer .box-nav-footer .title-nav {
      font-size: 1.2rem;
      text-transform: uppercase;
      margin-bottom: 1rem; }
      @media (max-width: 1024px) {
        .CX-footer .CX-top-footer .box-nav-footer .title-nav {
          padding-top: 1.5rem;
          padding-bottom: .5rem;
          padding-left: 15px;
          padding-right: 15px;
          position: relative;
          cursor: pointer; }
          .CX-footer .CX-top-footer .box-nav-footer .title-nav.active:after {
            content: "\f077"; }
          .CX-footer .CX-top-footer .box-nav-footer .title-nav:after {
            content: "\f078";
            font-weight: 900;
            font-family: "Font Awesome 5 Pro";
            position: absolute;
            top: 1.5rem;
            right: 1rem; }
          .CX-footer .CX-top-footer .box-nav-footer .title-nav:first-child {
            border-top: none; } }
    @media (max-width: 1024px) {
      .CX-footer .CX-top-footer .box-nav-footer .submenu-footer {
        background-color: rgba(0, 61, 154, 0.32);
        height: 0;
        padding: 0 15px;
        overflow: hidden;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .CX-footer .CX-top-footer .box-nav-footer .submenu-footer.active {
          height: auto;
          padding: 1.5rem 15px;
          overflow: auto; } }
    .CX-footer .CX-top-footer .box-nav-footer ul {
      padding: 0;
      margin: 0; }
      .CX-footer .CX-top-footer .box-nav-footer ul li {
        list-style: none;
        margin-bottom: .5rem; }
        .CX-footer .CX-top-footer .box-nav-footer ul li a {
          color: #ffffff; }
    .CX-footer .CX-top-footer .box-nav-footer.office ul li {
      margin-bottom: 1rem; }
      .CX-footer .CX-top-footer .box-nav-footer.office ul li a {
        text-decoration: none;
        cursor: default; }
        .CX-footer .CX-top-footer .box-nav-footer.office ul li a p {
          margin: 0; }
        .CX-footer .CX-top-footer .box-nav-footer.office ul li a .content {
          margin-top: .5rem; }
          .CX-footer .CX-top-footer .box-nav-footer.office ul li a .content p {
            display: flex; }
            .CX-footer .CX-top-footer .box-nav-footer.office ul li a .content p i {
              margin-right: .8rem;
              margin-top: .3rem; }
    .CX-footer .CX-top-footer .box-nav-footer .social-media {
      margin-bottom: 1.5rem; }
      @media (max-width: 1024px) {
        .CX-footer .CX-top-footer .box-nav-footer .social-media {
          margin-bottom: 0;
          display: flex; } }
      .CX-footer .CX-top-footer .box-nav-footer .social-media li {
        display: inline-block;
        width: 30px;
        height: 30px;
        padding-top: .2rem;
        text-align: center;
        border-radius: 20px;
        margin: 0 .3rem; }
        @media (max-width: 1024px) {
          .CX-footer .CX-top-footer .box-nav-footer .social-media li {
            width: 100%;
            height: auto;
            margin: 0; } }
        .CX-footer .CX-top-footer .box-nav-footer .social-media li:first-child {
          margin-left: 0; }
    @media (max-width: 1024px) {
      .CX-footer .CX-top-footer .box-nav-footer .desc-nav {
        margin-bottom: 0; } }
    @media (max-width: 1024px) {
      .CX-footer .CX-top-footer .box-nav-footer .form-inline {
        padding: 0;
        padding-top: 1rem; } }
    .CX-footer .CX-top-footer .box-nav-footer .form-inline .form-group {
      margin-bottom: 0; }
    .CX-footer .CX-top-footer .box-nav-footer .form-inline .form-control {
      margin-right: 1rem;
      width: 154px; }

.CX-footer .CX-footer-copyright {
  padding: 1.5rem 0;
  background-color: #4160BC;
  text-align: center; }
  .CX-footer .CX-footer-copyright p {
    margin: 0;
    color: #ffffff; }
    .CX-footer .CX-footer-copyright p a {
      color: #FCD385; }

.box-unit-link .box-outer-unit-link {
  background-image: linear-gradient(to right, #494DF4, #9FBEAF);
  padding: .8rem; }
  @media (max-width: 767px) {
    .box-unit-link .box-outer-unit-link {
      padding: 1rem 0; } }
  .box-unit-link .box-outer-unit-link .container-unit-link {
    display: flex; }
    .box-unit-link .box-outer-unit-link .container-unit-link .box-form {
      flex: 0 40%;
      max-width: 40%; }
      @media (max-width: 1024px) {
        .box-unit-link .box-outer-unit-link .container-unit-link .box-form {
          flex: 0 100%;
          max-width: 100%; }
          .box-unit-link .box-outer-unit-link .container-unit-link .box-form .form-group {
            display: flex;
            align-items: center;
            margin-bottom: 0;
            width: 100%; } }
      @media (max-width: 360px) {
        .box-unit-link .box-outer-unit-link .container-unit-link .box-form .form-group {
          flex-direction: column;
          align-items: baseline; } }
      .box-unit-link .box-outer-unit-link .container-unit-link .box-form .control-label {
        margin-right: 2.5rem;
        font-size: 1.1rem;
        color: #ffffff;
        text-transform: uppercase;
        font-family: "SourceSans-Semibold"; }
        @media (max-width: 1024px) {
          .box-unit-link .box-outer-unit-link .container-unit-link .box-form .control-label {
            flex: 0 30%;
            max-width: 30%;
            margin-right: 0;
            margin-bottom: 0; } }
        @media (max-width: 360px) {
          .box-unit-link .box-outer-unit-link .container-unit-link .box-form .control-label {
            flex: 0 100%;
            max-width: 100%; } }
      .box-unit-link .box-outer-unit-link .container-unit-link .box-form .form-select:after {
        top: .6rem; }
        @media (max-width: 360px) {
          .box-unit-link .box-outer-unit-link .container-unit-link .box-form .form-select:after {
            top: 2.2rem;
            right: 1.5rem; } }
      .box-unit-link .box-outer-unit-link .container-unit-link .box-form .form-control {
        padding: .5rem 1rem;
        padding-right: 3rem;
        color: #F03C3C;
        width: 300px; }
        @media (max-width: 1024px) {
          .box-unit-link .box-outer-unit-link .container-unit-link .box-form .form-control {
            width: auto;
            flex: 0 70%;
            max-width: 70%; } }
        @media (max-width: 360px) {
          .box-unit-link .box-outer-unit-link .container-unit-link .box-form .form-control {
            flex: 0 100%;
            max-width: 100%; } }
        .box-unit-link .box-outer-unit-link .container-unit-link .box-form .form-control option {
          color: #000000; }
          .box-unit-link .box-outer-unit-link .container-unit-link .box-form .form-control option:first-child {
            color: #F03C3C; }
    .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link {
      flex: 0 60%;
      max-width: 60%; }
      @media (max-width: 1024px) {
        .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link {
          display: none; } }
      .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .list-unit-link {
        display: flex;
        justify-content: space-between;
        padding: .5rem 0;
        padding-right: 2rem; }
        .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .list-unit-link p {
          margin: 0;
          color: #ffffff; }
          .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .list-unit-link p.title {
            font-family: "SourceSans-Semibold"; }
          .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .list-unit-link p.down {
            color: #FF1721; }
          .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .list-unit-link p.up {
            color: #3fff5e; }
          .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .list-unit-link p i {
            margin-right: .5rem; }
      .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .slick-prev,
      .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .slick-next {
        background: #ffffff;
        border-radius: 50px;
        width: 16px;
        height: 16px;
        z-index: 2; }
        .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .slick-prev:before,
        .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .slick-next:before {
          color: #494DF4;
          opacity: 1;
          font-family: "Font Awesome 5 Pro";
          font-size: .5rem; }
      .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .slick-prev {
        left: auto;
        right: 0;
        top: 25%; }
        .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .slick-prev:before {
          content: "\f062"; }
      .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .slick-next {
        right: 0;
        top: 70%; }
        .box-unit-link .box-outer-unit-link .container-unit-link .carousel-unit-link .slick-next:before {
          content: "\f063"; }

.box-unit-link .container-detail-unit-link {
  background-image: url(../images/bg-unit-link.jpg);
  padding: 4rem 0;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 1024px) {
    .box-unit-link .container-detail-unit-link {
      display: none;
      position: relative; }
      .box-unit-link .container-detail-unit-link.show {
        display: block; } }
  .box-unit-link .container-detail-unit-link.show {
    visibility: visible;
    opacity: 1;
    position: relative;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .box-unit-link .container-detail-unit-link.show .box-kurs {
      display: flex; }
  .box-unit-link .container-detail-unit-link .container {
    position: relative; }
  .box-unit-link .container-detail-unit-link .box-close {
    position: absolute;
    top: -4rem;
    right: 1rem;
    width: 40px;
    height: 40px;
    background: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    border-radius: 40px;
    color: #ffffff;
    cursor: pointer; }
  .box-unit-link .container-detail-unit-link .box-chart-unit-link .highcharts-background {
    fill: transparent; }
  .box-unit-link .container-detail-unit-link .box-chart-unit-link .highcharts-credits {
    display: none; }
  .box-unit-link .container-detail-unit-link .table {
    border-radius: 20px;
    text-align: center;
    border: none;
    width: 100% !important; }
    .box-unit-link .container-detail-unit-link .table thead th {
      background-color: #4976BA;
      color: #ffffff;
      text-align: center;
      padding: 0;
      padding-bottom: .5rem;
      border-bottom: none; }
      .box-unit-link .container-detail-unit-link .table thead th:first-child {
        border-radius: 20px 0 0 0;
        border-right: 2px solid #ffffff; }
      .box-unit-link .container-detail-unit-link .table thead th:last-child {
        border-radius: 0 20px 0 0;
        border-left: 2px solid #ffffff; }
    .box-unit-link .container-detail-unit-link .table tbody tr td {
      background-color: #E5EEFF; }
      .box-unit-link .container-detail-unit-link .table tbody tr td:first-child {
        border-right: 2px solid #ffffff; }
      .box-unit-link .container-detail-unit-link .table tbody tr td:last-child {
        border-left: 2px solid #ffffff; }
    .box-unit-link .container-detail-unit-link .table tbody tr:last-child td:first-child {
      border-radius: 0 0 0 20px; }
    .box-unit-link .container-detail-unit-link .table tbody tr:last-child td:last-child {
      border-radius: 0 0 20px 0; }
    .box-unit-link .container-detail-unit-link .table tbody tr:nth-of-type(odd) td {
      background: #EFEFEF; }
  .box-unit-link .container-detail-unit-link .btn-wrapper {
    position: relative; }
    .box-unit-link .container-detail-unit-link .btn-wrapper .rounded-white {
      height: 100px;
      width: 250px;
      position: absolute;
      left: 50%;
      transform: translatex(-50%);
      z-index: 2; }
    .box-unit-link .container-detail-unit-link .btn-wrapper hr {
      width: 100%;
      position: absolute;
      z-index: 1;
      top: .3rem;
      border-color: rgba(112, 112, 112, 0.51); }
    .box-unit-link .container-detail-unit-link .btn-wrapper .cx-btn {
      position: relative;
      z-index: 2; }
  .box-unit-link .container-detail-unit-link .box-kurs {
    display: none;
    width: 70%;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 4rem; }
    @media (max-width: 768px) {
      .box-unit-link .container-detail-unit-link .box-kurs {
        width: 100%; } }
    @media (max-width: 767px) {
      .box-unit-link .container-detail-unit-link .box-kurs {
        flex-direction: column; } }
    .box-unit-link .container-detail-unit-link .box-kurs .box-text {
      flex: 0 35%;
      max-width: 35%; }
      @media (max-width: 767px) {
        .box-unit-link .container-detail-unit-link .box-kurs .box-text {
          flex: 0 100%;
          max-width: 100%;
          margin-bottom: 1rem;
          text-align: center; } }
      .box-unit-link .container-detail-unit-link .box-kurs .box-text .title {
        font-family: "Publico-Bold"; }
    .box-unit-link .container-detail-unit-link .box-kurs .box-table-kurs {
      flex: 0 65%;
      max-width: 65%; }
      @media (max-width: 767px) {
        .box-unit-link .container-detail-unit-link .box-kurs .box-table-kurs {
          flex: 0 100%;
          max-width: 100%; } }
      .box-unit-link .container-detail-unit-link .box-kurs .box-table-kurs .table thead th {
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff; }
        @media (max-width: 767px) {
          .box-unit-link .container-detail-unit-link .box-kurs .box-table-kurs .table thead th {
            padding: .5rem; } }
        .box-unit-link .container-detail-unit-link .box-kurs .box-table-kurs .table thead th:first-child {
          border-left: 0; }
        .box-unit-link .container-detail-unit-link .box-kurs .box-table-kurs .table thead th:last-child {
          border-right: none; }
      .box-unit-link .container-detail-unit-link .box-kurs .box-table-kurs .table tbody tr td {
        background-color: #EFEFEF;
        border-right: 2px solid #ffffff;
        border-left: 2px solid #ffffff;
        padding: 1rem 1.2rem; }
        @media (max-width: 768px) {
          .box-unit-link .container-detail-unit-link .box-kurs .box-table-kurs .table tbody tr td {
            padding: 1rem .8rem; } }
        .box-unit-link .container-detail-unit-link .box-kurs .box-table-kurs .table tbody tr td:first-child {
          border-left: none; }
        .box-unit-link .container-detail-unit-link .box-kurs .box-table-kurs .table tbody tr td:last-child {
          border-right: none; }
        .box-unit-link .container-detail-unit-link .box-kurs .box-table-kurs .table tbody tr td .box-text-with-image {
          display: flex;
          align-items: center; }
          .box-unit-link .container-detail-unit-link .box-kurs .box-table-kurs .table tbody tr td .box-text-with-image .box-image {
            background-color: #ffffff;
            border-radius: 50%;
            overflow: hidden;
            width: 30px;
            height: 30px;
            margin-right: .5rem; }

.cx-carousel-home {
  position: relative; }
  .cx-carousel-home .box-type-page {
    position: absolute;
    top: 156px;
    z-index: 2;
    margin: 0;
    padding: 0;
    display: none; }
    .cx-carousel-home .box-type-page li {
      list-style: none;
      display: inline-block;
      background: rgba(248, 123, 123, 0.47);
      padding: .5rem 1.2rem;
      padding-right: 1.5rem;
      border-radius: 15px 0 0 15px;
      position: relative;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .cx-carousel-home .box-type-page li:last-child {
        margin-left: -.2rem;
        border-radius: 0 15px 15px 0;
        padding-left: 1.5rem;
        padding-right: 1.2rem; }
        .cx-carousel-home .box-type-page li:last-child.active {
          padding-right: 1.2rem;
          padding-left: 1rem; }
          .cx-carousel-home .box-type-page li:last-child.active:before {
            content: '';
            position: absolute;
            top: 0;
            border-top: 0px solid transparent;
            border-bottom: 40px solid transparent;
            border-right: 20px solid #f87b7b;
            left: -1.2rem;
            z-index: 2; }
          .cx-carousel-home .box-type-page li:last-child.active:after {
            display: none; }
      .cx-carousel-home .box-type-page li.active, .cx-carousel-home .box-type-page li:hover {
        background: #f87b7b; }
      .cx-carousel-home .box-type-page li.active {
        padding-right: 1rem; }
        .cx-carousel-home .box-type-page li.active:after {
          content: '';
          position: absolute;
          top: 0;
          border-top: 0px solid transparent;
          border-bottom: 40px solid transparent;
          border-left: 20px solid #f87b7b;
          right: -1.2rem;
          z-index: 2; }
      .cx-carousel-home .box-type-page li a {
        color: #ffffff;
        text-decoration: none; }
  .cx-carousel-home .carousel-home {
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .cx-carousel-home .carousel-home.carousel-desktop {
        display: none; } }
    @media (max-width: 767px) {
      .cx-carousel-home .carousel-home.carousel-mobile {
        display: block; } }
    .cx-carousel-home .carousel-home .list-item {
      padding-top: 0;
      background-size: cover;
      width: 100%;
      height: 67vh;
      outline: none;
      background-position: center; }
      @media (min-width: 1440px) {
        .cx-carousel-home .carousel-home .list-item {
          height: 60vh; } }
      @media (max-width: 1024px) {
        .cx-carousel-home .carousel-home .list-item {
          height: 365px; } }
      @media (max-width: 768px) {
        .cx-carousel-home .carousel-home .list-item {
          height: 300px; } }
      @media (max-width: 767px) {
        .cx-carousel-home .carousel-home .list-item {
          padding-top: 2rem;
          height: 80vh; } }
      @media (max-width: 414px) and (min-height: 780px) {
        .cx-carousel-home .carousel-home .list-item {
          height: 70vh; } }
      .cx-carousel-home .carousel-home .list-item .container.CX-wrapper {
        height: 100%;
        display: flex;
        align-items: center; }
        @media (max-width: 767px) {
          .cx-carousel-home .carousel-home .list-item .container.CX-wrapper {
            display: block; } }
      .cx-carousel-home .carousel-home .list-item .box-content-carousel {
        display: flex;
        align-items: center;
        width: 100%; }
        @media (max-width: 767px) {
          .cx-carousel-home .carousel-home .list-item .box-content-carousel {
            flex-direction: column; } }
        .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-text {
          flex: 0 60%;
          max-width: 60%;
          padding-left: 7rem;
          margin-top: 3rem; }
          @media (max-width: 1024px) {
            .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-text {
              felx: 0 50%;
              max-width: 50%;
              padding-left: 0;
              margin-top: 0; } }
          @media (max-width: 767px) {
            .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-text {
              flex: 0 100%;
              max-width: 100%;
              text-align: center;
              margin-bottom: 3rem; } }
          .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-text .small-title {
            font-size: .95rem;
            text-transform: uppercase;
            color: #5F5F5F;
            margin-bottom: .5rem; }
            @media (max-width: 767px) {
              .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-text .small-title {
                font-size: .8rem; } }
          .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-text .title {
            font-size: 2.5rem;
            color: #333333;
            font-family: "Publico-Bold"; }
            @media (max-width: 768px) {
              .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-text .title {
                font-size: 1.5rem; } }
            @media (max-width: 767px) {
              .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-text .title {
                font-size: 2rem; } }
            @media (max-width: 360px) {
              .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-text .title {
                font-size: 1.5rem; } }
          .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-text .desc {
            color: #999999;
            width: 85%; }
            @media (max-width: 768px) {
              .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-text .desc {
                width: 100%;
                height: 75px;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden; } }
            @media (max-width: 767px) {
              .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-text .desc {
                font-size: .9rem;
                display: block;
                margin-top: 1rem;
                width: 100%;
                height: auto;
                overflow: auto; } }
        .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-image {
          flex: 0 40%;
          max-width: 40%; }
          @media (max-width: 1024px) {
            .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-image {
              flex: 0 50%;
              max-width: 50%; } }
          @media (max-width: 767px) {
            .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-image {
              flex: 0 100%;
              max-width: 100%; } }
          @media (max-width: 360px) {
            .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-image {
              flex: 0 80%;
              max-width: 80%; } }
          @media (max-width: 320px) {
            .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-image {
              flex: 0 65%;
              max-width: 65%; } }
          .cx-carousel-home .carousel-home .list-item .box-content-carousel .box-image img {
            margin: 0 auto; }
    .cx-carousel-home .carousel-home .slick-dots {
      bottom: 2rem; }
      @media (max-width: 767px) {
        .cx-carousel-home .carousel-home .slick-dots {
          bottom: -2rem; } }
      @media (max-width: 320px) {
        .cx-carousel-home .carousel-home .slick-dots {
          bottom: 0; } }
      .cx-carousel-home .carousel-home .slick-dots li {
        width: 10px;
        height: 10px; }
        .cx-carousel-home .carousel-home .slick-dots li button:before {
          content: '';
          background: #999999;
          width: 10px;
          height: 10px;
          opacity: .3;
          border-radius: 20px; }
        .cx-carousel-home .carousel-home .slick-dots li.slick-active button:before {
          opacity: 1;
          background: #39A1FF; }

.cx-section-solusi-kami {
  padding: 4rem 0; }
  .cx-section-solusi-kami.with-background {
    background-color: #E9F1FA;
    position: relative; }
    .cx-section-solusi-kami.with-background:after {
      content: '';
      width: 100%;
      height: 169px;
      background: url(../images/bg-solusi-kami.png);
      background-size: cover;
      position: absolute;
      bottom: -8rem; }
  .cx-section-solusi-kami .box-head .title:after {
    top: -.8rem;
    right: 3.5rem; }
  .cx-section-solusi-kami .box-solusi {
    max-width: 1100px;
    margin: 0 auto; }
    .cx-section-solusi-kami .box-solusi .list-solusi {
      height: 450px;
      padding: 1.2rem;
      margin: 0 .5rem;
      background-size: 100% !important;
      background-repeat: no-repeat !important;
      background-position: bottom !important;
      color: #ffffff;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 1024px) {
        .cx-section-solusi-kami .box-solusi .list-solusi {
          height: 440px; } }
      @media (max-width: 767px) {
        .cx-section-solusi-kami .box-solusi .list-solusi {
          height: 525px; } }
      .cx-section-solusi-kami .box-solusi .list-solusi:hover {
        background-size: 120% !important; }
      .cx-section-solusi-kami .box-solusi .list-solusi .title-solusi {
        font-size: 1.8rem; }
      .cx-section-solusi-kami .box-solusi .list-solusi .desc-solusi {
        opacity: .8;
        line-height: 17px;
        font-size: .9rem;
        margin-bottom: .5rem; }
      .cx-section-solusi-kami .box-solusi .list-solusi .link-more {
        color: #ffffff;
        font-size: .9rem;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .cx-section-solusi-kami .box-solusi .list-solusi .link-more:after {
          top: -.1rem; }

.cx-section-layanan-home {
  padding: 4rem 0; }
  @media (max-width: 767px) {
    .cx-section-layanan-home {
      padding: 2rem 0; } }
  .cx-section-layanan-home .box-layanan .slick-track {
    display: flex !important;
    padding-bottom: 2rem;
    margin: auto;
    justify-content: center; }
    @media (max-width: 1024px) {
      .cx-section-layanan-home .box-layanan .slick-track {
        display: block !important; } }
    @media (max-width: 768px) {
      .cx-section-layanan-home .box-layanan .slick-track {
        display: flex !important; } }
  .cx-section-layanan-home .box-layanan .slick-slide {
    height: inherit !important; }
  .cx-section-layanan-home .box-layanan .box-outer {
    flex: 0 176px;
    margin: 0 .8rem;
    outline: none !important; }
    .cx-section-layanan-home .box-layanan .box-outer .list-layanan {
      width: 100%;
      height: 100%;
      display: block;
      padding: .5rem 1.5rem;
      text-align: center;
      background: #ffffff;
      border-radius: 33px;
      box-shadow: 0px 12px 22px rgba(0, 0, 0, 0.16);
      text-decoration: none;
      position: relative;
      top: 0;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      @media (max-width: 1024px) {
        .cx-section-layanan-home .box-layanan .box-outer .list-layanan {
          padding: .5rem 1rem; } }
      @media (max-width: 767px) {
        .cx-section-layanan-home .box-layanan .box-outer .list-layanan {
          padding: .5rem 1.5rem; } }
      .cx-section-layanan-home .box-layanan .box-outer .list-layanan:hover {
        top: -1rem; }
      .cx-section-layanan-home .box-layanan .box-outer .list-layanan .box-image {
        padding: 2rem;
        height: 125px; }
        .cx-section-layanan-home .box-layanan .box-outer .list-layanan .box-image img {
          margin: 0 auto; }
      .cx-section-layanan-home .box-layanan .box-outer .list-layanan .label-layanan {
        color: #333333; }
      .cx-section-layanan-home .box-layanan .box-outer .list-layanan.more-layanan {
        background: #494DF4;
        display: flex;
        align-items: center;
        text-align: left; }
        .cx-section-layanan-home .box-layanan .box-outer .list-layanan.more-layanan .label-layanan {
          font-family: "Publico-Bold";
          color: #ffffff;
          font-size: 2rem;
          line-height: 2.5rem;
          position: relative; }
          .cx-section-layanan-home .box-layanan .box-outer .list-layanan.more-layanan .label-layanan:after {
            content: "\f178";
            font-family: "Font Awesome 5 Pro";
            position: absolute;
            left: 0;
            bottom: -2rem; }

.cx-section-beli-online {
  padding: 8rem 0;
  padding-top: 2rem; }
  @media (max-width: 767px) {
    .cx-section-beli-online {
      padding: 6rem 0;
      padding-top: 2rem; } }
  .cx-section-beli-online .box-content-beli-online {
    position: relative; }
    .cx-section-beli-online .box-content-beli-online:after {
      content: '';
      position: absolute;
      bottom: -3.5rem;
      z-index: 1;
      width: 100%;
      height: 261px;
      background: #E9F1FA;
      border-radius: 0 0 0 80px;
      left: 3.5rem; }
      @media (max-width: 767px) {
        .cx-section-beli-online .box-content-beli-online:after {
          background: none; } }
      @media (max-width: 1280px) {
        .cx-section-beli-online .box-content-beli-online:after {
          left: 1.5rem; } }
    .cx-section-beli-online .box-content-beli-online .carousel-beli-online {
      position: relative;
      z-index: 2;
      /* the parent */ }
      .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-track {
        display: flex; }
      .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-slide {
        margin: 0 1rem;
        height: inherit; }
        @media (max-width: 767px) {
          .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-slide {
            margin: 0 .8rem; } }
      .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-list {
        margin: 0 -1rem;
        padding: 1.2rem 0; }
      .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product {
        outline: none;
        border-radius: 24px;
        background: #ffffff;
        box-shadow: 0 11px 11px rgba(0, 0, 0, 0.16);
        padding: 1rem;
        position: relative; }
        @media (max-width: 767px) {
          .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product {
            padding: .8rem; } }
        .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-image {
          width: 100%;
          height: 146px;
          overflow: hidden;
          border-radius: 6px; }
          .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-image img {
            border-radius: 6px;
            width: 100%; }
        .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-tag {
          position: absolute;
          top: 1.5rem;
          right: 1.5rem;
          display: flex; }
          .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-tag .box-hotoffer {
            background: #FF1721;
            border-radius: 39px;
            padding: .4rem 1rem;
            color: #ffffff;
            font-family: "SourceSans-Semibold";
            font-size: .7rem;
            text-transform: uppercase;
            margin: 0 .2rem; }
            .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-tag .box-hotoffer:last-child {
              margin-right: 0; }
            .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-tag .box-hotoffer.CashBack {
              background: #9FD9B4; }
            .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-tag .box-hotoffer.Discount {
              background: #DDBE65; }
            .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-tag .box-hotoffer.BestSeller {
              background: #020090; }
        .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-content {
          margin: 1rem 0;
          margin-bottom: .5rem;
          position: relative;
          height: 295px; }
          @media (max-width: 360px) {
            .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-content {
              height: 310px; } }
          .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-content .entity {
            font-size: .8rem;
            text-transform: uppercase;
            margin-bottom: .5rem;
            color: #727272; }
          .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-content .title {
            font-size: 1.1rem;
            color: #333333;
            font-family: "Publico-Bold";
            height: 60px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden; }
          .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-content .desc {
            font-size: .9rem;
            opacity: 1;
            height: 84px;
            color: #727272;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-align: justify; }
          .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-content .btn-holder {
            position: absolute;
            bottom: 0;
            width: 100%; }
            .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-content .btn-holder .btn {
              margin-bottom: .5rem; }
          .cx-section-beli-online .box-content-beli-online .carousel-beli-online .list-product .box-content .btn {
            min-width: 165px; }
      .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-prev,
      .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-next {
        background: #F07662;
        width: 54px;
        height: 54px;
        opacity: 1;
        top: auto;
        bottom: -7rem; }
        @media (max-width: 767px) {
          .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-prev,
          .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-next {
            opacity: 0; } }
        .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-prev.slick-disabled,
        .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-next.slick-disabled {
          opacity: 1;
          background: #FBCBC3;
          cursor: no-drop; }
          @media (max-width: 767px) {
            .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-prev.slick-disabled,
            .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-next.slick-disabled {
              opacity: 0; } }
        .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-prev:before,
        .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-next:before {
          font-size: 1.5rem;
          font-family: "Font Awesome 5 Pro"; }
      .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-prev {
        left: auto;
        right: 4rem; }
        .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-prev:before {
          content: "\f053"; }
      .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-next {
        right: 0; }
        .cx-section-beli-online .box-content-beli-online .carousel-beli-online .slick-next:before {
          content: "\f054"; }

.cx-section-contact-talk {
  padding-bottom: 4rem; }
  .cx-section-contact-talk .container-contact-talk {
    padding: 0 6rem; }
    @media (max-width: 767px) {
      .cx-section-contact-talk .container-contact-talk {
        padding: 0; } }
    .cx-section-contact-talk .container-contact-talk .col-md-6:nth-child(2) .list-contact-talk {
      padding-top: 3rem; }
    .cx-section-contact-talk .container-contact-talk .list-contact-talk {
      position: relative; }
      .cx-section-contact-talk .container-contact-talk .list-contact-talk .title {
        font-size: 2rem;
        margin-bottom: 0;
        font-family: "Publico-Bold"; }
      .cx-section-contact-talk .container-contact-talk .list-contact-talk .desc {
        color: rgba(51, 51, 51, 0.79);
        width: 65%; }
        @media (max-width: 768px) {
          .cx-section-contact-talk .container-contact-talk .list-contact-talk .desc {
            width: 100%; } }
        .cx-section-contact-talk .container-contact-talk .list-contact-talk .desc a {
          color: #4975BA;
          font-family: "SourceSans-Semibold"; }
      .cx-section-contact-talk .container-contact-talk .list-contact-talk .link-more {
        position: relative;
        z-index: 2; }
      .cx-section-contact-talk .container-contact-talk .list-contact-talk .box-image {
        margin-top: -3rem; }
        @media (max-width: 1024px) {
          .cx-section-contact-talk .container-contact-talk .list-contact-talk .box-image {
            margin-top: 0; } }
      .cx-section-contact-talk .container-contact-talk .list-contact-talk .box-logo-apps {
        position: absolute;
        bottom: 1rem;
        left: 1rem; }

@media (max-width: 768px) {
  .modal-talk-doctor {
    padding: 0 1rem; } }

.modal-talk-doctor .modal-dialog {
  position: relative;
  max-width: 900px; }
  .modal-talk-doctor .modal-dialog .modal-content {
    border-radius: 24px; }
    .modal-talk-doctor .modal-dialog .modal-content .modal-body {
      height: auto;
      padding: 4rem; }
      @media (max-width: 767px) {
        .modal-talk-doctor .modal-dialog .modal-content .modal-body {
          height: 95vh;
          padding: 3rem 1rem; } }
      .modal-talk-doctor .modal-dialog .modal-content .modal-body .close {
        color: #000000;
        opacity: 1;
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
        font-size: 2rem; }
        @media (max-width: 767px) {
          .modal-talk-doctor .modal-dialog .modal-content .modal-body .close {
            top: 1rem;
            right: 1rem; } }
      .modal-talk-doctor .modal-dialog .modal-content .modal-body .box-content {
        max-width: 80%;
        margin: 0 auto; }
        @media (max-width: 768px) {
          .modal-talk-doctor .modal-dialog .modal-content .modal-body .box-content {
            max-width: 100%; } }
        .modal-talk-doctor .modal-dialog .modal-content .modal-body .box-content .box-image {
          height: 195px;
          max-width: 85%;
          margin: 0 auto;
          overflow: hidden;
          margin-bottom: 1rem; }
          .modal-talk-doctor .modal-dialog .modal-content .modal-body .box-content .box-image img {
            width: 100%; }
        .modal-talk-doctor .modal-dialog .modal-content .modal-body .box-content .box-text {
          max-width: 85%;
          margin: 0 auto; }
          .modal-talk-doctor .modal-dialog .modal-content .modal-body .box-content .box-text .title {
            font-size: 1.2rem; }
          .modal-talk-doctor .modal-dialog .modal-content .modal-body .box-content .box-text .desc {
            margin-bottom: 1rem;
            font-size: .8rem; }

.cx-section-inspirasi-home {
  padding-bottom: 0; }
  .cx-section-inspirasi-home.by-category-home {
    background-color: #E9F1FA; }
    .cx-section-inspirasi-home.by-category-home .container-inspirasi-home .tab-content > .tab-pane {
      padding-bottom: 4rem; }
    .cx-section-inspirasi-home.by-category-home .container-inspirasi-home .btn-wrapper .rounded-white {
      background-color: #E9F1FA; }
  .cx-section-inspirasi-home.with-background {
    position: relative;
    margin-top: 2rem; }
    .cx-section-inspirasi-home.with-background:before {
      content: '';
      width: 100%;
      height: 169px;
      background: url(../images/bg-inspirasi-home.png);
      background-size: cover;
      position: absolute;
      top: -1rem; }
      @media (max-width: 767px) {
        .cx-section-inspirasi-home.with-background:before {
          height: 210px; } }
      @media (max-width: 320px) {
        .cx-section-inspirasi-home.with-background:before {
          height: 230px; } }
    .cx-section-inspirasi-home.with-background:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100px;
      background-color: #E9F1FA;
      bottom: -3rem; }
    .cx-section-inspirasi-home.with-background .container.CX-wrapper {
      position: relative;
      z-index: 2; }
    .cx-section-inspirasi-home.with-background .box-head.inline {
      margin-bottom: 5rem; }
  .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden; }
    @media (max-width: 767px) {
      .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi {
        display: block; } }
    .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi {
      flex: 0 47%;
      max-width: 57%;
      margin: 0 1rem;
      margin-bottom: 3rem; }
      @media (max-width: 1024px) {
        .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi {
          flex: 0 45%;
          max-width: 45%; } }
      @media (max-width: 767px) {
        .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi {
          flex: 0 100%;
          max-width: 100%;
          margin: 0;
          margin-bottom: 2rem; } }
      .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi:hover .box-image:before {
        opacity: 0;
        visibility: hidden; }
      .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi:hover .box-image img {
        transform: scale(1.2); }
      .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-image {
        width: 100%;
        height: 229px;
        overflow: hidden;
        margin-bottom: 1.5rem;
        border-radius: 10px;
        position: relative;
        display: flex;
        align-items: center; }
        @media (max-width: 1024px) {
          .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-image {
            height: 180px; } }
        @media (max-width: 768px) {
          .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-image {
            height: 135px; } }
        @media (max-width: 767px) {
          .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-image {
            height: 160px; }
            .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-image img {
              height: 100%; } }
        .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-image:before {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background: rgba(0, 0, 0, 0.08);
          opacity: 1;
          visibility: visible;
          -moz-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-image img {
          width: 100%;
          -moz-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
      .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content {
        display: flex;
        align-items: center; }
        @media (max-width: 767px) {
          .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content {
            flex-direction: column;
            align-items: normal; } }
        .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content .title {
          flex: 0 70%;
          max-width: 70%;
          font-size: 1.2rem;
          margin: 0;
          font-family: "Publico-Bold";
          margin-right: 1rem;
          max-height: 42px;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
          @media (max-width: 768px) {
            .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content .title {
              flex: 0 60%;
              max-width: 60%; } }
          @media (max-width: 767px) {
            .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content .title {
              flex: 0 100%;
              max-width: 100%;
              margin-bottom: 1rem; } }
          @media (max-width: 1280px) {
            .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content .title {
              font-size: 1.1rem; } }
        .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content .link-more {
          flex: 0 30%;
          max-width: 30%; }
          @media (max-width: 767px) {
            .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content .link-more {
              flex: 0 100%;
              max-width: max-content; } }
          .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content .link-more:hover:after {
            right: 1rem; }
            @media (max-width: 767px) {
              .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content .link-more:hover:after {
                right: -2rem;
                top: 0; } }
          .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content .link-more:after {
            right: 1.2rem; }
            @media (max-width: 768px) {
              .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content .link-more:after {
                display: none; } }
            @media (max-width: 767px) {
              .cx-section-inspirasi-home .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .box-content .link-more:after {
                right: -1.5rem;
                display: block;
                top: 0; } }
  .cx-section-inspirasi-home .container-inspirasi-home .btn-wrapper {
    position: relative; }
    .cx-section-inspirasi-home .container-inspirasi-home .btn-wrapper .rounded-white {
      background: #fff;
      height: 100px;
      width: 250px;
      position: absolute;
      left: 50%;
      transform: translatex(-50%);
      z-index: 2; }
    .cx-section-inspirasi-home .container-inspirasi-home .btn-wrapper hr {
      width: 100%;
      position: absolute;
      z-index: 1;
      top: .3rem;
      border-color: rgba(112, 112, 112, 0.51); }
    .cx-section-inspirasi-home .container-inspirasi-home .btn-wrapper .cx-btn {
      position: relative;
      z-index: 2; }
  .cx-section-inspirasi-home .container-inspirasi-home .nav.nav-tabs {
    text-align: center; }
    @media (max-width: 768px) {
      .cx-section-inspirasi-home .container-inspirasi-home .nav.nav-tabs {
        padding: 0 6rem; } }
    @media (max-width: 767px) {
      .cx-section-inspirasi-home .container-inspirasi-home .nav.nav-tabs {
        padding: 0; } }
    .cx-section-inspirasi-home .container-inspirasi-home .nav.nav-tabs li {
      padding: .7rem 1.2rem;
      outline: none !important; }
      @media (max-width: 767px) {
        .cx-section-inspirasi-home .container-inspirasi-home .nav.nav-tabs li {
          padding: .7rem; } }
      .cx-section-inspirasi-home .container-inspirasi-home .nav.nav-tabs li a {
        padding: .7rem 1.2rem;
        outline: none !important; }
        @media (max-width: 767px) {
          .cx-section-inspirasi-home .container-inspirasi-home .nav.nav-tabs li a {
            padding: .7rem; } }
  .cx-section-inspirasi-home .container-inspirasi-home .slick-prev,
  .cx-section-inspirasi-home .container-inspirasi-home .slick-next {
    background: #F07662;
    width: 54px;
    height: 54px;
    opacity: 1;
    top: 50%;
    bottom: auto;
    z-index: 2; }
    @media (max-width: 767px) {
      .cx-section-inspirasi-home .container-inspirasi-home .slick-prev,
      .cx-section-inspirasi-home .container-inspirasi-home .slick-next {
        background: none;
        width: auto; } }
    .cx-section-inspirasi-home .container-inspirasi-home .slick-prev.slick-disabled,
    .cx-section-inspirasi-home .container-inspirasi-home .slick-next.slick-disabled {
      opacity: 1;
      background: #FBCBC3;
      cursor: no-drop; }
      @media (max-width: 767px) {
        .cx-section-inspirasi-home .container-inspirasi-home .slick-prev.slick-disabled,
        .cx-section-inspirasi-home .container-inspirasi-home .slick-next.slick-disabled {
          background: none; } }
    .cx-section-inspirasi-home .container-inspirasi-home .slick-prev:before,
    .cx-section-inspirasi-home .container-inspirasi-home .slick-next:before {
      font-size: 1.5rem;
      font-family: "Font Awesome 5 Pro"; }
      @media (max-width: 767px) {
        .cx-section-inspirasi-home .container-inspirasi-home .slick-prev:before,
        .cx-section-inspirasi-home .container-inspirasi-home .slick-next:before {
          color: #F07662; } }
  .cx-section-inspirasi-home .container-inspirasi-home .slick-prev {
    left: 1rem;
    right: auto; }
    .cx-section-inspirasi-home .container-inspirasi-home .slick-prev:before {
      content: "\f053"; }
  .cx-section-inspirasi-home .container-inspirasi-home .slick-next {
    right: 1rem; }
    .cx-section-inspirasi-home .container-inspirasi-home .slick-next:before {
      content: "\f054"; }

.has-edit-mode-menu .cx-section-inspirasi-home .container-inspirasi-home .tab-content .tab-pane {
  display: block !important;
  opacity: 1 !important; }

.cx-section-total-claim {
  padding: 4rem 0;
  background-color: rgba(159, 217, 180, 0.64);
  position: relative; }
  .cx-section-total-claim:before {
    content: '';
    width: 520px;
    height: 256px;
    background-image: url(../images/vector-top-total-klaim.png);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0; }
  .cx-section-total-claim:after {
    content: '';
    width: 690px;
    height: 265px;
    background-image: url(../images/vector-bottom-total-klaim.png);
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: 0; }
  .cx-section-total-claim.no-vector .box-head.inline {
    max-width: 800px;
    margin-bottom: 3rem; }
    .cx-section-total-claim.no-vector .box-head.inline .title {
      text-align: left;
      flex: 0 60%;
      max-width: 60%; }
      @media (max-width: 767px) {
        .cx-section-total-claim.no-vector .box-head.inline .title {
          flex: 0 100%;
          max-width: 100%;
          text-align: center; } }
      .cx-section-total-claim.no-vector .box-head.inline .title small {
        font-family: "SourceSans-Reguler";
        font-size: 1rem; }
  .cx-section-total-claim.no-vector .box-bottom {
    width: 55%;
    margin-top: 0; }
    @media (max-width: 768px) {
      .cx-section-total-claim.no-vector .box-bottom {
        width: 100%; } }
    @media (max-width: 767px) {
      .cx-section-total-claim.no-vector .box-bottom {
        flex-direction: column;
        padding-top: 2rem; } }
    .cx-section-total-claim.no-vector .box-bottom .box-pertanggungan {
      flex: 0 100%;
      max-width: 100%; }
      @media (max-width: 767px) {
        .cx-section-total-claim.no-vector .box-bottom .box-pertanggungan {
          text-align: center; } }
  .cx-section-total-claim .box-head.inline {
    margin-bottom: 0; }
  @media (max-width: 768px) {
    .cx-section-total-claim .box-claim {
      padding-top: 3rem; }
      .cx-section-total-claim .box-claim .row {
        display: none; } }
  .cx-section-total-claim .box-claim .col-md-3:first-child .list-claim {
    padding-top: 5rem; }
  .cx-section-total-claim .box-claim .col-md-3:nth-child(2) .list-claim {
    padding-top: 2rem; }
  .cx-section-total-claim .box-claim .col-md-3:nth-child(3) .list-claim {
    padding-top: 5rem; }
  .cx-section-total-claim .box-claim .col-md-3:last-child .list-claim {
    padding-top: 3rem; }
  .cx-section-total-claim .box-claim .list-claim .box-image {
    height: 200px;
    position: relative; }
    .cx-section-total-claim .box-claim .list-claim .box-image img {
      position: absolute;
      bottom: 0; }
  .cx-section-total-claim .box-claim .list-claim .box-content .top {
    padding: 1.5rem 0;
    padding-bottom: .5rem;
    padding-left: 1rem;
    border-left: 3px solid #4976BA;
    display: flex;
    align-items: center;
    position: relative; }
    .cx-section-total-claim .box-claim .list-claim .box-content .top:after {
      content: "";
      width: 15px;
      height: 15px;
      border-radius: 10px;
      border: 3px solid #4976BA;
      position: absolute;
      left: -.55rem;
      bottom: -.8rem; }
    .cx-section-total-claim .box-claim .list-claim .box-content .top .persentase {
      font-size: 2.6rem;
      margin-right: .5rem;
      margin-bottom: 0; }
    .cx-section-total-claim .box-claim .list-claim .box-content .top .title {
      font-size: 1.2rem;
      margin-bottom: 0;
      font-family: "Publico-Bold"; }
  .cx-section-total-claim .box-claim .list-claim .box-content .desc {
    padding-left: 1.5rem;
    color: #333333;
    opacity: .45;
    line-height: 1rem; }
  .cx-section-total-claim .box-bottom {
    display: flex;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    margin-top: 4rem;
    position: relative;
    z-index: 2; }
    @media (max-width: 768px) {
      .cx-section-total-claim .box-bottom {
        width: 100%; } }
    @media (max-width: 767px) {
      .cx-section-total-claim .box-bottom {
        flex-direction: column;
        margin-top: 0;
        padding-top: 2rem; } }
    .cx-section-total-claim .box-bottom .box-label-pertanggungan {
      flex: 0 35%;
      max-width: 35%; }
      @media (max-width: 767px) {
        .cx-section-total-claim .box-bottom .box-label-pertanggungan {
          flex: 0 100%;
          max-width: 100%;
          text-align: center; } }
      .cx-section-total-claim .box-bottom .box-label-pertanggungan .label-pertanggungan {
        margin-bottom: 0;
        font-family: "Publico-Bold"; }
    .cx-section-total-claim .box-bottom .box-pertanggungan {
      display: flex;
      flex: 0 65%;
      max-width: 65%; }
      @media (max-width: 767px) {
        .cx-section-total-claim .box-bottom .box-pertanggungan {
          flex: 0 100%;
          max-width: 100%;
          flex-direction: column; } }
      .cx-section-total-claim .box-bottom .box-pertanggungan .list-pertanggungan {
        margin: 0 .5rem;
        background: #668980;
        color: #fff;
        text-align: center;
        padding: 1rem;
        border-radius: 10px;
        flex: 0 100%;
        max-width: 100%; }
        @media (max-width: 767px) {
          .cx-section-total-claim .box-bottom .box-pertanggungan .list-pertanggungan {
            margin-bottom: 1rem; } }
        .cx-section-total-claim .box-bottom .box-pertanggungan .list-pertanggungan:last-child {
          background: #668980; }
        .cx-section-total-claim .box-bottom .box-pertanggungan .list-pertanggungan .title-pertanggungan {
          font-size: .9rem;
          text-transform: uppercase;
          letter-spacing: 1px; }
        .cx-section-total-claim .box-bottom .box-pertanggungan .list-pertanggungan .value-pertanggungan {
          font-family: "Publico-Bold"; }

.cx-section-contact-us {
  padding: 4rem 0;
  background-image: url("../images/bg-contact-us.png");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 50%; }
  .cx-section-contact-us .box-image {
    position: absolute;
    left: -10rem; }
    @media (max-width: 767px) {
      .cx-section-contact-us .box-image {
        left: 0 !important;
        text-align: center;
        position: relative; }
        .cx-section-contact-us .box-image img {
          width: 50%; } }
    @media (max-width: 1280px) {
      .cx-section-contact-us .box-image {
        left: -5rem; } }
    @media (min-width: 1600px) {
      .cx-section-contact-us .box-image {
        position: relative;
        left: auto; } }
  @media (max-width: 767px) {
    .cx-section-contact-us .box-form-contact-us {
      padding-top: 2rem; } }
  .cx-section-contact-us .box-form-contact-us .box-head {
    text-align: left; }
    .cx-section-contact-us .box-form-contact-us .box-head .title {
      width: auto;
      margin-bottom: .5rem; }
    .cx-section-contact-us .box-form-contact-us .box-head .subtitle {
      color: #999999; }
  .cx-section-contact-us .box-form-contact-us .box-form .taglib-captcha {
    display: flex; }
    .cx-section-contact-us .box-form-contact-us .box-form .taglib-captcha .refresh {
      margin-left: .5rem; }
    .cx-section-contact-us .box-form-contact-us .box-form .taglib-captcha .form-group {
      margin-left: 1rem;
      position: relative;
      top: -.7rem;
      flex: 0 90%; }
  .cx-section-contact-us .box-form-contact-us .box-form .box-recaptcha .lfr-icon-item {
    position: absolute; }

.firefox .cx-section-small-banner .box-type-page.active-personal li:first-child:after {
  right: -1.25rem; }

.firefox .cx-section-small-banner .box-type-page.active-bisnis li:last-child:before {
  left: -1.25rem; }

.cx-section-small-banner {
  background-color: #ccc;
  height: 350px;
  position: relative; }
  @media (max-width: 767px) {
    .cx-section-small-banner {
      height: 75vh; } }
  @media (max-width: 768px) {
    .cx-section-small-banner.with-button {
      height: 465px; } }
  @media (max-width: 767px) {
    .cx-section-small-banner.with-button {
      height: 100vh; }
      .cx-section-small-banner.with-button .box-text {
        top: 3rem; } }
  @media (max-width: 375px) {
    .cx-section-small-banner.with-button .box-entity {
      top: 0; } }
  @media (max-width: 320px) {
    .cx-section-small-banner.with-button .box-entity {
      min-width: 100%; } }
  @media (max-width: 375px) {
    .cx-section-small-banner.with-button .box-text {
      top: 0;
      margin-top: 0; } }
  @media (max-width: 320px) {
    .cx-section-small-banner.with-button .box-text .title {
      font-size: 1.5rem; } }
  @media (max-width: 320px) {
    .cx-section-small-banner.with-button .box-text .subtitle {
      font-size: .9rem; } }
  @media (max-width: 850px) {
    .cx-section-small-banner.with-button .box-text .btn-wrapper .btn {
      font-size: .8rem; } }
  .cx-section-small-banner .container.CX-wrapper,
  .cx-section-small-banner .row,
  .cx-section-small-banner .col-md-6 {
    height: 100%; }
    @media (max-width: 767px) {
      .cx-section-small-banner .container.CX-wrapper,
      .cx-section-small-banner .row,
      .cx-section-small-banner .col-md-6 {
        height: auto; } }
  @media (max-width: 767px) {
    .cx-section-small-banner .col-md-6:last-child {
      position: absolute;
      bottom: 0; } }
  .cx-section-small-banner .box-entity {
    position: absolute;
    background-image: url(../images/bg-entity.png);
    background-size: cover;
    background-position: center;
    top: 2rem;
    padding: 1rem 2rem;
    color: #ffffff;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-size: .8rem;
    min-width: 324px;
    text-align: center;
    z-index: 2; }
    @media (max-width: 767px) {
      .cx-section-small-banner .box-entity {
        max-width: auto;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 2rem;
        position: relative;
        top: 3rem; } }
    .cx-section-small-banner .box-entity p {
      margin: 0; }
  .cx-section-small-banner .box-type-page {
    position: absolute;
    top: 1.5rem;
    z-index: 2;
    margin: 0;
    padding: 0; }
    .cx-section-small-banner .box-type-page.active-personal li:first-child {
      padding-right: 1rem;
      background: #f87b7b; }
      .cx-section-small-banner .box-type-page.active-personal li:first-child:after {
        content: '';
        position: absolute;
        top: 0;
        border-top: 0px solid transparent;
        border-bottom: 40.7px solid transparent;
        border-left: 21px solid #f87b7b;
        right: -1.3rem;
        z-index: 2; }
    .cx-section-small-banner .box-type-page.active-bisnis li:last-child {
      padding-right: 1.2rem;
      padding-left: 1rem;
      background: #f87b7b; }
      .cx-section-small-banner .box-type-page.active-bisnis li:last-child:before {
        content: '';
        position: absolute;
        top: 0;
        border-top: 0px solid transparent;
        border-bottom: 40px solid transparent;
        border-right: 20px solid #f87b7b;
        left: -1.2rem;
        z-index: 2; }
      .cx-section-small-banner .box-type-page.active-bisnis li:last-child:after {
        display: none; }
    .cx-section-small-banner .box-type-page li {
      list-style: none;
      display: inline-block;
      background: rgba(248, 123, 123, 0.47);
      padding: .5rem 1.2rem;
      padding-right: 1.5rem;
      border-radius: 15px 0 0 15px;
      position: relative;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .cx-section-small-banner .box-type-page li:last-child {
        margin-left: -.2rem;
        border-radius: 0 15px 15px 0;
        padding-left: 1.5rem;
        padding-right: 1.2rem; }
      .cx-section-small-banner .box-type-page li.active, .cx-section-small-banner .box-type-page li:hover {
        background: #f87b7b; }
      .cx-section-small-banner .box-type-page li a {
        color: #ffffff;
        text-decoration: none; }
  .cx-section-small-banner .box-text {
    position: relative;
    top: 50%;
    transform: translatey(-50%);
    margin-top: 1rem; }
    @media (max-width: 767px) {
      .cx-section-small-banner .box-text {
        top: 5rem;
        transform: none; } }
    .cx-section-small-banner .box-text .small-title {
      text-transform: uppercase;
      color: #5F5F5F;
      display: block;
      margin-bottom: .5rem; }
    .cx-section-small-banner .box-text .title {
      color: #333333;
      font-family: "Publico-Bold"; }
      @media (max-width: 767px) {
        .cx-section-small-banner .box-text .title {
          font-size: 2rem; } }
    .cx-section-small-banner .box-text .subtitle {
      font-size: 1.1rem;
      color: #999999; }
    .cx-section-small-banner .box-text .btn-wrapper .btn:last-child {
      display: none; }
    .cx-section-small-banner .box-text .btn-wrapper.active-two .btn:last-child {
      display: inline-block; }
    .cx-section-small-banner .box-text .btn-wrapper .btn {
      margin-right: 1rem; }
      @media (max-width: 768px) {
        .cx-section-small-banner .box-text .btn-wrapper .btn {
          margin-right: 0; } }
  .cx-section-small-banner .box-image {
    position: absolute;
    bottom: 0; }
    @media (max-width: 767px) {
      .cx-section-small-banner .box-image {
        position: relative;
        width: 80%;
        margin: 0 auto; }
        .cx-section-small-banner .box-image img {
          margin: 0 auto; } }

@media (max-width: 767px) {
  .AsuransiAXAGoodHealth .cx-section-small-banner.with-button {
    height: auto; } }

.AsuransiAXAGoodHealth .cx-section-small-banner .col-md-6:last-child {
  position: relative; }
  .AsuransiAXAGoodHealth .cx-section-small-banner .col-md-6:last-child .box-image {
    margin-top: 5rem; }

.cx-top-product-info {
  padding: 4rem 0;
  padding-bottom: 0; }
  .cx-top-product-info .box-info {
    display: flex;
    width: 80%;
    margin: 0 auto;
    align-items: center; }
    @media (max-width: 1024px) {
      .cx-top-product-info .box-info {
        width: 90%; } }
    @media (max-width: 767px) {
      .cx-top-product-info .box-info {
        flex-direction: column;
        width: 100%; } }
    .cx-top-product-info .box-info.top {
      flex-direction: column;
      align-items: flex-start; }
      .cx-top-product-info .box-info.top .title {
        flex: 0 100%;
        max-width: 100%; }
      .cx-top-product-info .box-info.top .desc {
        flex: 0 100%;
        max-width: 100%;
        text-align: justify; }
    .cx-top-product-info .box-info .title {
      flex: 0 40%;
      max-width: 40%;
      font-size: 2rem;
      margin-right: 1.5rem; }
      @media (max-width: 1024px) {
        .cx-top-product-info .box-info .title {
          flex: 0 50%;
          max-width: 50%;
          margin-right: 0; } }
      @media (max-width: 767px) {
        .cx-top-product-info .box-info .title {
          flex: 0 100%;
          max-width: 100%;
          text-align: center;
          margin-bottom: 2rem; } }
    .cx-top-product-info .box-info .desc {
      flex: 0 60%;
      text-align: justify; }
      @media (max-width: 1024px) {
        .cx-top-product-info .box-info .desc {
          flex: 0 50%; } }
      @media (max-width: 767px) {
        .cx-top-product-info .box-info .desc {
          flex: 0 100%;
          text-align: justify; } }

.cx-product-info-with-image {
  padding: 4rem 0; }
  @media (max-width: 1366px) {
    .cx-product-info-with-image {
      padding-right: 7rem; } }
  @media (max-width: 768px) {
    .cx-product-info-with-image {
      padding-right: 0; } }
  .cx-product-info-with-image .box-info {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 767px) {
      .cx-product-info-with-image .box-info {
        flex-direction: column; } }
    .cx-product-info-with-image .box-info .box-image {
      flex: 45%;
      max-width: 45%;
      z-index: 2; }
      @media (max-width: 767px) {
        .cx-product-info-with-image .box-info .box-image {
          flex: 0 100%;
          max-width: 100%;
          margin-bottom: 2rem; } }
    .cx-product-info-with-image .box-info .box-content {
      flex: 50%;
      max-width: 50%; }
      @media (max-width: 767px) {
        .cx-product-info-with-image .box-info .box-content {
          flex: 0 100%;
          max-width: 100%;
          text-align: center; } }
      .cx-product-info-with-image .box-info .box-content .title {
        margin-bottom: 1rem; }
      .cx-product-info-with-image .box-info .box-content .desc {
        text-align: justify; }

.cx-section-manfaat-produk {
  padding: 4rem 0;
  background: #F4F5F9;
  position: relative; }
  .cx-section-manfaat-produk:before {
    content: '';
    width: 100%;
    height: 100px;
    background: url(../images/bg-manfaat-produk.png);
    background-size: cover;
    position: absolute;
    top: -6rem; }
  .cx-section-manfaat-produk .box-content {
    width: 70%;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      .cx-section-manfaat-produk .box-content {
        width: 90%; } }
    @media (max-width: 767px) {
      .cx-section-manfaat-produk .box-content {
        width: 100%; } }
    .cx-section-manfaat-produk .box-content .col-md-6 {
      margin-bottom: 1.5rem; }
    .cx-section-manfaat-produk .box-content .list-manfaat {
      display: flex;
      align-items: center;
      background: #ffffff;
      padding: 1.5rem;
      box-shadow: 0 12px 22px rgba(0, 0, 0, 0.16);
      border-radius: 33px;
      height: 100%; }
      .cx-section-manfaat-produk .box-content .list-manfaat .box-image {
        flex: 0 25%;
        max-width: 25%;
        text-align: center;
        margin-right: 1rem; }
      .cx-section-manfaat-produk .box-content .list-manfaat .label-manfaat {
        flex: 0 60%;
        max-width: 60%;
        margin-bottom: 0; }

.cx-section-product {
  padding: 4rem 0; }
  @media (max-width: 767px) {
    .cx-section-product {
      padding: 4rem 1rem; } }
  .cx-section-product .nav.nav-tabs {
    width: 100%;
    margin-bottom: 3rem;
    align-items: center;
    padding: 0 4rem; }
    .cx-section-product .nav.nav-tabs .slick-track {
      margin: 0 auto; }
    .cx-section-product .nav.nav-tabs li {
      padding: .7rem 0;
      text-align: center; }
      .cx-section-product .nav.nav-tabs li a {
        max-width: max-content;
        display: block;
        margin: 0 auto;
        text-align: center;
        font-family: "SourceSans-Semibold";
        font-size: .8rem;
        padding: .7rem 1.2rem; }
        @media (max-width: 767px) {
          .cx-section-product .nav.nav-tabs li a {
            font-size: 1rem; } }
        .cx-section-product .nav.nav-tabs li a:hover, .cx-section-product .nav.nav-tabs li a.active {
          border-radius: 40px; }
  .cx-section-product .slick-prev,
  .cx-section-product .slick-next {
    background: #F07662;
    width: 54px;
    height: 54px;
    opacity: 1;
    top: 50%;
    bottom: auto; }
    @media (max-width: 767px) {
      .cx-section-product .slick-prev,
      .cx-section-product .slick-next {
        background: none;
        width: auto; } }
    .cx-section-product .slick-prev.slick-disabled,
    .cx-section-product .slick-next.slick-disabled {
      opacity: 1;
      background: #FBCBC3;
      cursor: no-drop; }
      @media (max-width: 767px) {
        .cx-section-product .slick-prev.slick-disabled,
        .cx-section-product .slick-next.slick-disabled {
          background: none; } }
    .cx-section-product .slick-prev:before,
    .cx-section-product .slick-next:before {
      font-size: 1.5rem;
      font-family: "Font Awesome 5 Pro"; }
      @media (max-width: 767px) {
        .cx-section-product .slick-prev:before,
        .cx-section-product .slick-next:before {
          color: #F07662; } }
  .cx-section-product .slick-prev {
    left: 1rem;
    right: auto; }
    .cx-section-product .slick-prev:before {
      content: "\f053"; }
  .cx-section-product .slick-next {
    right: 1rem; }
    .cx-section-product .slick-next:before {
      content: "\f054"; }
  .cx-section-product .box-content-beli-online {
    padding-bottom: 7rem; }
    @media (max-width: 767px) {
      .cx-section-product .box-content-beli-online {
        padding-bottom: 2rem; } }
    .cx-section-product .box-content-beli-online:after {
      bottom: 3.5rem; }
    .cx-section-product .box-content-beli-online .carousel-beli-online .list-product .box-tag {
      right: auto;
      display: block;
      left: -.5rem;
      background: #FF1721;
      padding: .3rem .3rem;
      padding-left: 0;
      border-radius: 0 50px 50px 0; }
      .cx-section-product .box-content-beli-online .carousel-beli-online .list-product .box-tag:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        border-top: 5px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #C64214;
        z-index: -1; }
      .cx-section-product .box-content-beli-online .carousel-beli-online .list-product .box-tag .box-product-unggulan {
        padding: .1rem 1.2rem;
        border: 1px solid rgba(255, 255, 255, 0.5);
        color: #ffffff;
        text-transform: uppercase;
        line-height: 12px;
        border-left: 0;
        border-radius: 0 50px 50px 0;
        font-size: .6rem;
        text-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); }
        .cx-section-product .box-content-beli-online .carousel-beli-online .list-product .box-tag .box-product-unggulan span {
          letter-spacing: 2px; }
  .cx-section-product .tab-content .tab-pane {
    display: block;
    height: 0;
    overflow: hidden;
    height: 0; }
    .cx-section-product .tab-content .tab-pane.active {
      height: auto;
      display: block !important; }

.cx-section-manfaat-carousel .box-content-beli-online .carousel-beli-online .slick-track {
  display: flex !important;
  margin: 0 auto; }

.cx-section-manfaat-carousel .box-content-beli-online .carousel-beli-online .slick-slide {
  height: inherit !important; }

.cx-section-manfaat-carousel .box-content-beli-online .carousel-beli-online .list-product {
  padding: 1rem 1.2rem; }
  .cx-section-manfaat-carousel .box-content-beli-online .carousel-beli-online .list-product .box-image {
    width: 100px;
    height: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    margin: 0 auto; }
    .cx-section-manfaat-carousel .box-content-beli-online .carousel-beli-online .list-product .box-image img {
      width: auto;
      margin: 0 auto; }
  .cx-section-manfaat-carousel .box-content-beli-online .carousel-beli-online .list-product .box-content {
    text-align: center;
    height: auto; }
    .cx-section-manfaat-carousel .box-content-beli-online .carousel-beli-online .list-product .box-content .title {
      font-size: 1.1rem; }
    .cx-section-manfaat-carousel .box-content-beli-online .carousel-beli-online .list-product .box-content .desc {
      margin-bottom: 0; }

.cx-section-syarat-ketentuan {
  background: none;
  padding-top: 2rem; }
  .cx-section-syarat-ketentuan:before {
    display: none; }
  .cx-section-syarat-ketentuan .box-content .list-manfaat .box-text {
    flex: 0 80%;
    max-width: 80%; }
    .cx-section-syarat-ketentuan .box-content .list-manfaat .box-text .title-manfaat {
      font-size: 1.1rem;
      text-transform: uppercase;
      max-width: 100%; }
    .cx-section-syarat-ketentuan .box-content .list-manfaat .box-text .label-manfaat {
      max-width: 100%; }

.cx-section-leads-form {
  padding: 4rem 0;
  margin-top: 6rem;
  background: #F4F5F9;
  position: relative; }
  @media (max-width: 767px) {
    .cx-section-leads-form {
      padding-top: 0; } }
  .cx-section-leads-form:before {
    content: '';
    width: 100%;
    height: 130px;
    background: url(../images/bg-leads-form.png);
    background-size: cover;
    position: absolute;
    top: -8rem; }
  .cx-section-leads-form .box-side-content {
    padding-top: 3rem; }
    .cx-section-leads-form .box-side-content .title {
      font-size: 2.5rem; }
    .cx-section-leads-form .box-side-content .desc {
      font-size: 1.1rem;
      width: 80%; }
  @media (max-width: 768px) {
    .cx-section-leads-form .box-form .col-md-6 {
      flex: 0 100%;
      max-width: 100%; } }
  .cx-section-leads-form .container-bottom {
    margin-top: 4rem;
    border-top: 1px solid rgba(112, 112, 112, 0.47); }
    .cx-section-leads-form .container-bottom h3 {
      font-family: "SourceSans-Semibold"; }
    .cx-section-leads-form .container-bottom .form-bottom {
      width: 60%;
      margin: 0 auto; }
      @media (max-width: 768px) {
        .cx-section-leads-form .container-bottom .form-bottom {
          width: 80%; } }
      @media (max-width: 767px) {
        .cx-section-leads-form .container-bottom .form-bottom {
          width: 100%; } }
  .cx-section-leads-form .box-recaptcha {
    position: relative; }
    .cx-section-leads-form .box-recaptcha .lfr-icon-item {
      position: absolute; }

.AsuransiAXAGoodHealth .cx-section-leads-form {
  background-color: #fff;
  margin-top: 0; }
  .AsuransiAXAGoodHealth .cx-section-leads-form .container-bottom {
    margin-top: 0;
    border-top: none; }

.box-lead-hubungi-kami {
  margin-top: -3rem; }
  .box-lead-hubungi-kami:before {
    display: none; }
  .box-lead-hubungi-kami .box-recaptcha {
    position: relative; }
    .box-lead-hubungi-kami .box-recaptcha .lfr-icon-item {
      position: absolute; }

.cx-detail-inspirasi,
.cx-promo-detail {
  padding-top: 4rem; }
  @media (max-width: 767px) {
    .cx-detail-inspirasi,
    .cx-promo-detail {
      padding-top: 2rem; } }
  .cx-detail-inspirasi .container.CX-wrapper,
  .cx-promo-detail .container.CX-wrapper {
    max-width: 1100px; }
    @media (max-width: 1024px) {
      .cx-detail-inspirasi .container.CX-wrapper,
      .cx-promo-detail .container.CX-wrapper {
        max-width: 960px; } }
  .cx-detail-inspirasi .box-image,
  .cx-promo-detail .box-image {
    border-radius: 20px;
    overflow: hidden; }
    .cx-detail-inspirasi .box-image img,
    .cx-promo-detail .box-image img {
      width: 100%; }
  .cx-detail-inspirasi .box-top,
  .cx-promo-detail .box-top {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(112, 112, 112, 0.75); }
    @media (max-width: 767px) {
      .cx-detail-inspirasi .box-top,
      .cx-promo-detail .box-top {
        flex-direction: column; } }
    .cx-detail-inspirasi .box-top .title,
    .cx-promo-detail .box-top .title {
      flex: 0 70%;
      max-width: 70%; }
      @media (max-width: 767px) {
        .cx-detail-inspirasi .box-top .title,
        .cx-promo-detail .box-top .title {
          flex: 0 100%;
          max-width: 100%;
          font-size: 1.7rem; } }
      .cx-detail-inspirasi .box-top .title .date,
      .cx-promo-detail .box-top .title .date {
        font-size: 1rem;
        font-family: "SourceSans-Reguler";
        font-weight: normal;
        position: relative;
        top: -.5rem; }
        @media (max-width: 767px) {
          .cx-detail-inspirasi .box-top .title .date,
          .cx-promo-detail .box-top .title .date {
            top: 0; } }
    .cx-detail-inspirasi .box-top .box-share,
    .cx-promo-detail .box-top .box-share {
      flex: 30%;
      max-width: 30%;
      margin: 0;
      padding: 0;
      text-align: right; }
      @media (max-width: 767px) {
        .cx-detail-inspirasi .box-top .box-share,
        .cx-promo-detail .box-top .box-share {
          flex: 0 100%;
          max-width: 100%;
          text-align: left;
          margin-top: 1rem; } }
      .cx-detail-inspirasi .box-top .box-share li,
      .cx-promo-detail .box-top .box-share li {
        display: inline-block;
        list-style: none;
        border: 1px solid #F07662;
        margin: -.1rem;
        padding: .2rem .7rem;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .cx-detail-inspirasi .box-top .box-share li span,
        .cx-promo-detail .box-top .box-share li span {
          margin-left: .5rem;
          font-family: "SourceSans-Semibold"; }
        .cx-detail-inspirasi .box-top .box-share li.active, .cx-detail-inspirasi .box-top .box-share li:hover,
        .cx-promo-detail .box-top .box-share li.active,
        .cx-promo-detail .box-top .box-share li:hover {
          background: #F07662;
          color: #ffffff; }
          .cx-detail-inspirasi .box-top .box-share li.active a, .cx-detail-inspirasi .box-top .box-share li:hover a,
          .cx-promo-detail .box-top .box-share li.active a,
          .cx-promo-detail .box-top .box-share li:hover a {
            color: #ffffff; }
  .cx-detail-inspirasi .box-quote,
  .cx-promo-detail .box-quote {
    padding: 2rem 0;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    position: relative; }
    .cx-detail-inspirasi .box-quote .quote,
    .cx-promo-detail .box-quote .quote {
      font-size: 1.7rem;
      font-style: italic; }
  .cx-detail-inspirasi .box-content,
  .cx-promo-detail .box-content {
    padding-bottom: 4rem;
    padding-top: 2rem;
    border-bottom: 1px solid rgba(112, 112, 112, 0.75); }
  .cx-detail-inspirasi .box-tag a,
  .cx-promo-detail .box-tag a {
    margin: 0 .5rem;
    padding: .3rem .7rem;
    border-radius: 6px;
    background: #F07662;
    color: #ffffff;
    display: inline-block;
    margin-bottom: .5rem;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .cx-detail-inspirasi .box-tag a:hover,
    .cx-promo-detail .box-tag a:hover {
      background: #ED4D28; }

.cx-section-related-asset {
  padding-bottom: 24rem;
  background-image: url(../images/bg-related-asset.png);
  background-repeat: no-repeat;
  background-position: bottom; }
  .cx-section-related-asset .container.CX-wrapper {
    max-width: 1100px; }
  .cx-section-related-asset .box-head .title {
    margin: 0 1rem; }
  .cx-section-related-asset .box-inspirasi .list-inspirasi {
    margin: 0 1rem; }
    .cx-section-related-asset .box-inspirasi .list-inspirasi:hover .box-image:before {
      opacity: 0;
      visibility: hidden; }
    .cx-section-related-asset .box-inspirasi .list-inspirasi:hover .box-image img {
      transform: scale(1.2); }
    .cx-section-related-asset .box-inspirasi .list-inspirasi .box-image {
      width: 100%;
      height: 220px;
      overflow: hidden;
      margin-bottom: 1.5rem;
      border-radius: 10px;
      position: relative; }
      .cx-section-related-asset .box-inspirasi .list-inspirasi .box-image:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.08);
        opacity: 1;
        visibility: visible;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .cx-section-related-asset .box-inspirasi .list-inspirasi .box-image img {
        width: 100%;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
    .cx-section-related-asset .box-inspirasi .list-inspirasi .box-content {
      display: flex;
      align-items: center; }
      .cx-section-related-asset .box-inspirasi .list-inspirasi .box-content .title {
        flex: 0 60%;
        max-width: 60%;
        font-size: 1.2rem;
        margin: 0;
        font-family: "Publico-Bold";
        max-height: 42px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        @media (max-width: 1280px) {
          .cx-section-related-asset .box-inspirasi .list-inspirasi .box-content .title {
            font-size: 1.1rem; } }
      .cx-section-related-asset .box-inspirasi .list-inspirasi .box-content .link-more {
        flex: 0 30%;
        max-width: 30%;
        margin-left: auto; }
        @media (max-width: 1024px) {
          .cx-section-related-asset .box-inspirasi .list-inspirasi .box-content .link-more {
            flex: 0 35%;
            max-width: 35%; } }
        @media (max-width: 768px) {
          .cx-section-related-asset .box-inspirasi .list-inspirasi .box-content .link-more {
            flex: 0 40%;
            max-width: 40%;
            text-align: right; }
            .cx-section-related-asset .box-inspirasi .list-inspirasi .box-content .link-more:after {
              display: none; } }
        .cx-section-related-asset .box-inspirasi .list-inspirasi .box-content .link-more:hover:after {
          right: 1rem; }
        .cx-section-related-asset .box-inspirasi .list-inspirasi .box-content .link-more:after {
          right: 1.2rem; }
  .cx-section-related-asset .box-inspirasi .slick-prev,
  .cx-section-related-asset .box-inspirasi .slick-next {
    background: #F07662;
    width: 54px;
    height: 54px;
    opacity: 1;
    top: 35%;
    bottom: auto; }
    .cx-section-related-asset .box-inspirasi .slick-prev.slick-disabled,
    .cx-section-related-asset .box-inspirasi .slick-next.slick-disabled {
      opacity: 1;
      background: #FBCBC3;
      cursor: no-drop; }
    .cx-section-related-asset .box-inspirasi .slick-prev:before,
    .cx-section-related-asset .box-inspirasi .slick-next:before {
      font-size: 1.5rem;
      font-family: "Font Awesome 5 Pro"; }
  .cx-section-related-asset .box-inspirasi .slick-prev {
    left: -3.5rem;
    right: auto; }
    .cx-section-related-asset .box-inspirasi .slick-prev:before {
      content: "\f053"; }
  .cx-section-related-asset .box-inspirasi .slick-next {
    right: -3.5rem; }
    .cx-section-related-asset .box-inspirasi .slick-next:before {
      content: "\f054"; }

.cx-detail-unit-link {
  padding: 4rem 0;
  padding-bottom: 12rem;
  background: url(../images/bg-harga-unit.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  min-height: 1100px; }
  @media (max-width: 767px) {
    .cx-detail-unit-link {
      padding: 2rem 0;
      padding-bottom: 24rem;
      background-size: 100%; } }
  .cx-detail-unit-link .box-content-data .title-content-data {
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
    font-family: "Publico-Bold"; }
  .cx-detail-unit-link .box-content-data .nav.nav-tabs {
    justify-content: left;
    padding: 0; }
    .cx-detail-unit-link .box-content-data .nav.nav-tabs li {
      margin: 0 1rem; }
      .cx-detail-unit-link .box-content-data .nav.nav-tabs li:first-child {
        margin-left: 0; }
      .cx-detail-unit-link .box-content-data .nav.nav-tabs li a {
        font-family: "SourceSans-Semibold"; }
  .cx-detail-unit-link .box-content-data .box-chart-unit-link .highcharts-credits {
    display: none; }
  .cx-detail-unit-link .box-content-data .table {
    border-radius: 20px;
    text-align: center;
    border: none;
    width: 100% !important; }
    .cx-detail-unit-link .box-content-data .table thead th {
      background-color: #4976BA;
      color: #ffffff;
      text-align: center;
      padding: 0;
      padding-bottom: .5rem;
      border-bottom: none; }
      .cx-detail-unit-link .box-content-data .table thead th:first-child {
        border-radius: 20px 0 0 0;
        border-right: 2px solid #ffffff; }
      .cx-detail-unit-link .box-content-data .table thead th:last-child {
        border-radius: 0 20px 0 0;
        border-left: 2px solid #ffffff; }
    .cx-detail-unit-link .box-content-data .table tbody tr td {
      background-color: #E5EEFF; }
      .cx-detail-unit-link .box-content-data .table tbody tr td:first-child {
        border-right: 2px solid #ffffff; }
      .cx-detail-unit-link .box-content-data .table tbody tr td:last-child {
        border-left: 2px solid #ffffff; }
    .cx-detail-unit-link .box-content-data .table tbody tr:last-child td:first-child {
      border-radius: 0 0 0 20px; }
    .cx-detail-unit-link .box-content-data .table tbody tr:last-child td:last-child {
      border-radius: 0 0 20px 0; }
    .cx-detail-unit-link .box-content-data .table tbody tr:nth-of-type(odd) td {
      background: #EFEFEF; }
  .cx-detail-unit-link .box-content-data select {
    padding: .2rem .5rem;
    border-radius: 6px;
    border-color: #C9C9C9; }
  .cx-detail-unit-link .box-content-data .paginate_button {
    display: none; }
    .cx-detail-unit-link .box-content-data .paginate_button:hover {
      background: none !important;
      color: #F07662 !important;
      border-color: #ffffff !important; }
    .cx-detail-unit-link .box-content-data .paginate_button.disabled {
      cursor: not-allowed !important; }
      .cx-detail-unit-link .box-content-data .paginate_button.disabled:hover {
        color: #000000 !important; }
    .cx-detail-unit-link .box-content-data .paginate_button.previous {
      display: inline-block; }
    .cx-detail-unit-link .box-content-data .paginate_button.next {
      display: inline-block; }
  .cx-detail-unit-link .box-content-data .box-kurs .box-text .title {
    font-family: "Publico-Bold"; }
  .cx-detail-unit-link .box-content-data .box-kurs .box-table-kurs .table thead th {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff; }
    @media (max-width: 767px) {
      .cx-detail-unit-link .box-content-data .box-kurs .box-table-kurs .table thead th {
        padding: .5rem; } }
    .cx-detail-unit-link .box-content-data .box-kurs .box-table-kurs .table thead th:first-child {
      border-left: 0; }
    .cx-detail-unit-link .box-content-data .box-kurs .box-table-kurs .table thead th:last-child {
      border-right: none; }
  .cx-detail-unit-link .box-content-data .box-kurs .box-table-kurs .table tbody tr td {
    background-color: #EFEFEF;
    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    padding: 1rem 1.2rem; }
    @media (max-width: 768px) {
      .cx-detail-unit-link .box-content-data .box-kurs .box-table-kurs .table tbody tr td {
        padding: 1rem .8rem; } }
    .cx-detail-unit-link .box-content-data .box-kurs .box-table-kurs .table tbody tr td:first-child {
      border-left: none; }
    .cx-detail-unit-link .box-content-data .box-kurs .box-table-kurs .table tbody tr td:last-child {
      border-right: none; }
    .cx-detail-unit-link .box-content-data .box-kurs .box-table-kurs .table tbody tr td .box-text-with-image {
      display: flex;
      align-items: center; }
      .cx-detail-unit-link .box-content-data .box-kurs .box-table-kurs .table tbody tr td .box-text-with-image .box-image {
        background-color: #ffffff;
        border-radius: 50%;
        overflow: hidden;
        width: 30px;
        height: 30px;
        margin-right: .5rem; }

.cx-tab-all-inspirasi {
  padding-top: 4rem; }
  .cx-tab-all-inspirasi .nav.nav-tabs {
    text-align: center;
    padding: 0; }
    .cx-tab-all-inspirasi .nav.nav-tabs li {
      padding: .7rem 1.2rem; }
      .cx-tab-all-inspirasi .nav.nav-tabs li a {
        padding: .7rem 1.2rem; }
  .cx-tab-all-inspirasi .slick-prev,
  .cx-tab-all-inspirasi .slick-next {
    background: #F07662;
    width: 54px;
    height: 54px;
    opacity: 1;
    top: 50%;
    bottom: auto;
    z-index: 2; }
    .cx-tab-all-inspirasi .slick-prev.slick-disabled,
    .cx-tab-all-inspirasi .slick-next.slick-disabled {
      opacity: 1;
      background: #FBCBC3;
      cursor: no-drop; }
    .cx-tab-all-inspirasi .slick-prev:before,
    .cx-tab-all-inspirasi .slick-next:before {
      font-size: 1.5rem;
      font-family: "Font Awesome 5 Pro"; }
  .cx-tab-all-inspirasi .slick-prev {
    left: 1rem;
    right: auto; }
    .cx-tab-all-inspirasi .slick-prev:before {
      content: "\f053"; }
  .cx-tab-all-inspirasi .slick-next {
    right: 1rem; }
    .cx-tab-all-inspirasi .slick-next:before {
      content: "\f054"; }

.cx-all-inspirasi .title-category {
  padding-left: 1rem;
  padding-bottom: 1rem; }

.cx-all-inspirasi .container-inspirasi-home .tab-content .box-inspirasi {
  max-height: none; }

.lfr-pagination.inspirasi,
.lfr-pagination.promo,
.lfr-pagination.siaran-pers {
  padding-bottom: 24rem;
  background-image: url(../images/bg-related-asset.png);
  background-repeat: no-repeat;
  background-position: bottom; }
  .lfr-pagination.inspirasi .lfr-pagination-config,
  .lfr-pagination.promo .lfr-pagination-config,
  .lfr-pagination.siaran-pers .lfr-pagination-config {
    display: none; }
  .lfr-pagination.inspirasi .search-results,
  .lfr-pagination.promo .search-results,
  .lfr-pagination.siaran-pers .search-results {
    display: none; }
  .lfr-pagination.inspirasi .lfr-pagination-buttons.pager,
  .lfr-pagination.promo .lfr-pagination-buttons.pager,
  .lfr-pagination.siaran-pers .lfr-pagination-buttons.pager {
    text-align: center;
    float: none !important; }
    .lfr-pagination.inspirasi .lfr-pagination-buttons.pager li,
    .lfr-pagination.promo .lfr-pagination-buttons.pager li,
    .lfr-pagination.siaran-pers .lfr-pagination-buttons.pager li {
      margin: 0 .5rem; }
      @media (max-width: 1024px) {
        .lfr-pagination.inspirasi .lfr-pagination-buttons.pager li,
        .lfr-pagination.promo .lfr-pagination-buttons.pager li,
        .lfr-pagination.siaran-pers .lfr-pagination-buttons.pager li {
          float: none;
          width: auto; } }
      .lfr-pagination.inspirasi .lfr-pagination-buttons.pager li.disabled,
      .lfr-pagination.promo .lfr-pagination-buttons.pager li.disabled,
      .lfr-pagination.siaran-pers .lfr-pagination-buttons.pager li.disabled {
        opacity: .5; }
        .lfr-pagination.inspirasi .lfr-pagination-buttons.pager li.disabled a,
        .lfr-pagination.promo .lfr-pagination-buttons.pager li.disabled a,
        .lfr-pagination.siaran-pers .lfr-pagination-buttons.pager li.disabled a {
          border: 1px solid #0D3C51;
          box-shadow: none; }
      .lfr-pagination.inspirasi .lfr-pagination-buttons.pager li a,
      .lfr-pagination.promo .lfr-pagination-buttons.pager li a,
      .lfr-pagination.siaran-pers .lfr-pagination-buttons.pager li a {
        border: none;
        color: #0D3C51;
        padding: .5rem 1rem;
        border-radius: 31px;
        min-width: 120px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
      .lfr-pagination.inspirasi .lfr-pagination-buttons.pager li:first-child a i,
      .lfr-pagination.promo .lfr-pagination-buttons.pager li:first-child a i,
      .lfr-pagination.siaran-pers .lfr-pagination-buttons.pager li:first-child a i {
        margin-right: .5rem; }
      .lfr-pagination.inspirasi .lfr-pagination-buttons.pager li:last-child a i,
      .lfr-pagination.promo .lfr-pagination-buttons.pager li:last-child a i,
      .lfr-pagination.siaran-pers .lfr-pagination-buttons.pager li:last-child a i {
        margin-left: .5rem; }

.lfr-pagination.promo,
.lfr-pagination.siaran-pers {
  padding-bottom: 4rem;
  background: none; }

.cx-section-direktori {
  padding-bottom: 4rem; }
  @media (max-width: 767px) {
    .cx-section-direktori {
      padding: 0 1rem;
      padding-bottom: 4rem; } }
  .cx-section-direktori .container.CX-wrapper {
    background: rgba(181, 208, 238, 0.3);
    padding: 4rem;
    border-radius: 31px; }
    @media (max-width: 767px) {
      .cx-section-direktori .container.CX-wrapper {
        padding: 2rem; } }
    @media (max-width: 320px) {
      .cx-section-direktori .container.CX-wrapper {
        padding: 1rem; } }
  .cx-section-direktori .box-head {
    margin-bottom: 1rem; }
  @media (max-width: 767px) {
    .cx-section-direktori .cx-btn {
      font-size: 1.1rem; } }
  .cx-section-direktori .box-form {
    padding: 4rem 0; }
    .cx-section-direktori .box-form .col-md-3 {
      margin-bottom: 1rem; }
      @media (max-width: 768px) {
        .cx-section-direktori .box-form .col-md-3 {
          flex: 0 100%;
          max-width: 100%; } }
    .cx-section-direktori .box-form .box-text-big {
      width: 80%;
      margin: 0 auto;
      margin-bottom: 4rem; }
      @media (max-width: 767px) {
        .cx-section-direktori .box-form .box-text-big {
          width: 100%; } }
      .cx-section-direktori .box-form .box-text-big .form-control {
        padding: 1.3rem 2rem;
        border-radius: 50px;
        border: none;
        padding-right: 5rem;
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.16);
        position: relative;
        z-index: 1 !important; }
        @media (max-width: 360px) {
          .cx-section-direktori .box-form .box-text-big .form-control {
            padding: 1.3rem 1.5rem; } }
      .cx-section-direktori .box-form .box-text-big .cx-btn {
        background: #ffffff;
        color: #0E0E95;
        font-size: 1.5rem;
        border-radius: 0 50px 50px 0;
        position: absolute;
        right: 0;
        height: 100%;
        z-index: 2 !important;
        outline: none;
        box-shadow: none; }
        @media (max-width: 767px) {
          .cx-section-direktori .box-form .box-text-big .cx-btn {
            font-size: 1rem; } }
        @media (max-width: 360px) {
          .cx-section-direktori .box-form .box-text-big .cx-btn {
            min-width: auto;
            width: 50px;
            padding: 0; } }
        .cx-section-direktori .box-form .box-text-big .cx-btn:hover {
          background: #ffffff; }
    .cx-section-direktori .box-form .form-group {
      margin-bottom: 0; }
    .cx-section-direktori .box-form .form-inline .form-group {
      margin: 0 .5rem; }
      .cx-section-direktori .box-form .form-inline .form-group .form-control {
        min-width: 200px; }
  .cx-section-direktori .box-direktori .col-md-6 {
    margin-bottom: 1.5rem; }
  .cx-section-direktori .box-direktori .list-direktori {
    background: #ffffff;
    padding: 1rem;
    height: 100%;
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.16);
    border-radius: 14px;
    position: relative; }
    @media (max-width: 768px) {
      .cx-section-direktori .box-direktori .list-direktori {
        padding-bottom: 3rem; } }
    .cx-section-direktori .box-direktori .list-direktori .tag {
      padding: .3rem .5rem;
      font-size: .8rem;
      background: #FFC556;
      color: #ffffff;
      border-radius: 39px;
      margin-bottom: 1rem;
      width: max-content;
      display: block; }
    @media (max-width: 767px) {
      .cx-section-direktori .box-direktori .list-direktori .title {
        font-size: 1.2rem; } }
    .cx-section-direktori .box-direktori .list-direktori .info {
      display: flex;
      font-size: .9rem;
      margin-bottom: .5rem;
      max-width: 65%; }
      @media (max-width: 768px) {
        .cx-section-direktori .box-direktori .list-direktori .info {
          max-width: 100%; } }
      .cx-section-direktori .box-direktori .list-direktori .info .box-image {
        flex: 0 10%;
        max-width: 10%; }
        .cx-section-direktori .box-direktori .list-direktori .info .box-image img {
          width: 13px; }
      .cx-section-direktori .box-direktori .list-direktori .info span {
        flex: 0 90%;
        max-width: 90%; }
      .cx-section-direktori .box-direktori .list-direktori .info a {
        color: #9E9E9E;
        text-decoration: underline; }
    .cx-section-direktori .box-direktori .list-direktori .link-more {
      position: absolute;
      right: 4rem;
      bottom: 1.5rem; }
      @media (max-width: 768px) {
        .cx-section-direktori .box-direktori .list-direktori .link-more {
          bottom: 1rem; } }
  .cx-section-direktori .lfr-pagination {
    padding-top: 4rem;
    display: flex;
    justify-content: center; }
    .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager {
      text-align: center;
      float: none !important; }
      .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager li {
        margin: 0 .5rem; }
        @media (max-width: 767px) {
          .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager li {
            margin: 0 .1rem; } }
        .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager li.disabled {
          opacity: .5; }
        @media (max-width: 767px) {
          .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager li.first, .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager li.last {
            display: none; } }
        .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager li.active span {
          background: #F07662;
          color: #ffffff; }
        .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager li a,
        .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager li span {
          border: none;
          color: #0D3C51;
          padding: .5rem 1rem;
          border-radius: 31px;
          min-width: auto;
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
          .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager li a:focus,
          .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager li span:focus {
            background: #ffffff; }
        .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager li:first-child a i {
          margin-right: .5rem; }
        .cx-section-direktori .lfr-pagination .lfr-pagination-buttons.pager li:last-child a i {
          margin-left: .5rem; }

.cx-section-company-value {
  padding: 4rem 0;
  background: #F1F4FA;
  position: relative;
  margin-top: -4rem; }
  @media (max-width: 768px) {
    .cx-section-company-value {
      margin-top: 0; } }
  .cx-section-company-value:before {
    content: '';
    width: 100%;
    height: 130px;
    background: url(../images/bg-company-value.png);
    background-size: cover;
    position: absolute;
    top: -8rem;
    z-index: 1; }
    @media (max-width: 768px) {
      .cx-section-company-value:before {
        display: none; } }
  .cx-section-company-value .box-info {
    margin-bottom: 2rem; }
    .cx-section-company-value .box-info .box-left {
      flex: 0 40%;
      max-width: 40%;
      margin-right: 1rem; }
      @media (max-width: 767px) {
        .cx-section-company-value .box-info .box-left {
          flex: 0 100%;
          max-width: 100%;
          margin-right: 0;
          text-align: center; } }
      .cx-section-company-value .box-info .box-left .small-title {
        text-transform: uppercase;
        color: #5F5F5F;
        margin-bottom: .5rem; }
      .cx-section-company-value .box-info .box-left .title {
        max-width: 100%;
        font-size: 1.5rem; }
    .cx-section-company-value .box-info .desc {
      text-align: justify; }
  .cx-section-company-value .carousel-company-value .list-company-value {
    margin: 0 1rem;
    text-align: center;
    background: #ffffff;
    padding: 2rem;
    border-radius: 26px;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.16); }
    .cx-section-company-value .carousel-company-value .list-company-value .box-image {
      margin-bottom: 1rem; }
      .cx-section-company-value .carousel-company-value .list-company-value .box-image img {
        margin: 0 auto; }
  .cx-section-company-value .carousel-company-value .slick-track {
    display: flex !important;
    padding: 2rem 0; }
  .cx-section-company-value .carousel-company-value .slick-slide {
    height: inherit !important; }

.cx-section-company-group {
  margin-top: -12rem;
  padding-bottom: 4rem; }
  .cx-section-company-group.with-bottom-background {
    margin-top: 0;
    position: relative; }
    .cx-section-company-group.with-bottom-background:after {
      content: '';
      width: 100%;
      height: 231px;
      background: #E9F1FA;
      position: absolute;
      bottom: 2rem;
      z-index: 1; }
    .cx-section-company-group.with-bottom-background .carousel-company-group {
      position: relative;
      z-index: 2; }
      .cx-section-company-group.with-bottom-background .carousel-company-group .list-company-group .box-content .title {
        font-size: 1.5rem; }
  .cx-section-company-group .box-head {
    margin-bottom: 2rem; }
  .cx-section-company-group .carousel-company-group .list-company-group {
    height: 300px;
    margin: 0 .8rem;
    color: #ffffff;
    position: relative;
    top: 0;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .cx-section-company-group .carousel-company-group .list-company-group:hover {
      top: -1rem;
      box-shadow: 0 8px 15px rgba(0, 0, 0, 0.16); }
    .cx-section-company-group .carousel-company-group .list-company-group .box-content {
      position: absolute;
      bottom: 1rem;
      padding: 1rem; }
      .cx-section-company-group .carousel-company-group .list-company-group .box-content .title {
        font-size: 1.7rem;
        height: 120px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        @media (max-width: 768px) {
          .cx-section-company-group .carousel-company-group .list-company-group .box-content .title {
            font-size: 1.5rem;
            -webkit-line-clamp: 4; } }
      .cx-section-company-group .carousel-company-group .list-company-group .box-content a {
        color: #ffffff; }
  .cx-section-company-group .carousel-company-group .slick-track {
    padding: 2rem 0;
    margin-left: auto; }

.cx-testimonial-nasabah {
  padding: 8rem 0;
  padding-top: 4rem; }
  .cx-testimonial-nasabah .box-content-testimonial {
    position: relative; }
    .cx-testimonial-nasabah .box-content-testimonial:after {
      content: '';
      position: absolute;
      bottom: -3.5rem;
      z-index: 1;
      width: 100%;
      height: 261px;
      background: #E9F1FA;
      border-radius: 0 0 0 80px;
      left: 3.5rem; }
      @media (max-width: 1280px) {
        .cx-testimonial-nasabah .box-content-testimonial:after {
          left: 1.5rem; } }
    .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial {
      position: relative;
      z-index: 2;
      /* the parent */ }
      .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-slide {
        margin: 0 1rem; }
      .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-list {
        margin: 0 -1rem;
        padding: 1.2rem 0; }
      .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-track {
        margin: 0 auto; }
      .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial {
        outline: none;
        border-radius: 24px;
        background: #ffffff;
        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.16);
        padding: 3rem;
        position: relative; }
        .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial:after {
          content: '';
          position: absolute;
          right: 1.5rem;
          bottom: 1.5rem;
          width: 140px;
          height: 100px;
          background-image: url(../images/bg-quote-testimoni.png); }
        .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-top {
          display: flex;
          align-items: center;
          margin-bottom: 1rem;
          position: relative;
          z-index: 2; }
          .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-top .box-image {
            margin-right: 1rem;
            overflow: hidden;
            text-align: center;
            border-radius: 50px;
            width: 65px;
            height: 65px; }
          .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-top .box-name p {
            margin-bottom: 0;
            color: #181118; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-top .box-name p.name {
              font-size: 1.2rem; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-top .box-name p.desc {
              font-size: .8rem; }
        .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating {
          display: flex; }
          .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star {
            padding: 0;
            margin: 0;
            display: flex;
            margin-right: .5rem; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-1 li:first-child {
              color: #FCD385; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-1.half li:nth-child(2):after {
              opacity: 1;
              visibility: visible; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-2 li:nth-child(2), .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-2 li:first-child {
              color: #FCD385; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-2.half li:nth-child(3):after {
              opacity: 1;
              visibility: visible; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-3 li {
              color: #FCD385; }
              .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-3 li:nth-child(4), .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-3 li:last-child {
                color: #CCCCCC; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-3.half li:nth-child(4):after {
              opacity: 1;
              visibility: visible; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-4 li {
              color: #FCD385; }
              .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-4 li:last-child {
                color: #CCCCCC; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-4.half li:last-child:after {
              opacity: 1;
              visibility: visible; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.active-5 li {
              color: #FCD385; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star li {
              list-style: none;
              margin-right: .3rem;
              color: #CCCCCC;
              position: relative; }
            .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .box-rating .box-star.half li:after {
              content: "\f005";
              font-family: "Font Awesome 5 Pro";
              color: #FCD385;
              margin-left: -20px;
              width: 10px;
              position: absolute;
              overflow: hidden;
              font-weight: bold;
              opacity: 0;
              visibility: hidden; }
        .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .list-testimonial .testimonial {
          margin: 0;
          height: 100px;
          overflow: hidden;
          position: relative;
          z-index: 2; }
      .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-prev,
      .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-next {
        background: #F07662;
        width: 54px;
        height: 54px;
        opacity: 1;
        top: auto;
        bottom: -7rem; }
        .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-prev.slick-disabled,
        .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-next.slick-disabled {
          opacity: 1;
          background: #FBCBC3;
          cursor: no-drop; }
        .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-prev:before,
        .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-next:before {
          font-size: 1.5rem;
          font-family: "Font Awesome 5 Pro"; }
      .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-prev {
        left: auto;
        right: 4rem; }
        .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-prev:before {
          content: "\f053"; }
      .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-next {
        right: 0; }
        .cx-testimonial-nasabah .box-content-testimonial .carousel-testimonial .slick-next:before {
          content: "\f054"; }

.cx-section-awards {
  padding: 4rem 0; }
  .cx-section-awards .box-awards .outer-list-awards {
    box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    margin-bottom: 2rem; }
    .cx-section-awards .box-awards .outer-list-awards .box-head-awards {
      padding: 1rem 2rem;
      display: flex;
      align-items: center;
      position: relative;
      cursor: pointer; }
      .cx-section-awards .box-awards .outer-list-awards .box-head-awards:after {
        content: "\f078";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        right: 2rem; }
      .cx-section-awards .box-awards .outer-list-awards .box-head-awards.active:after {
        content: "\f077"; }
      .cx-section-awards .box-awards .outer-list-awards .box-head-awards span {
        font-style: italic;
        margin-right: .2rem; }
      .cx-section-awards .box-awards .outer-list-awards .box-head-awards .year {
        margin: 0; }
    .cx-section-awards .box-awards .outer-list-awards .box-content {
      padding: 2rem 0;
      margin: 0 2rem;
      border-top: 1px solid rgba(112, 112, 112, 0.28);
      display: none; }
      @media (max-width: 767px) {
        .cx-section-awards .box-awards .outer-list-awards .box-content {
          margin: 0 1rem; } }
      .cx-section-awards .box-awards .outer-list-awards .box-content.active {
        display: block; }
      .cx-section-awards .box-awards .outer-list-awards .box-content .list-awards {
        display: flex;
        margin-bottom: 1.5rem; }
        .cx-section-awards .box-awards .outer-list-awards .box-content .list-awards.with-image {
          align-items: center; }
          @media (max-width: 767px) {
            .cx-section-awards .box-awards .outer-list-awards .box-content .list-awards.with-image {
              align-items: normal; } }
          .cx-section-awards .box-awards .outer-list-awards .box-content .list-awards.with-image .box-image {
            flex: 0 30%;
            max-width: 30%;
            margin-right: 1rem; }
        .cx-section-awards .box-awards .outer-list-awards .box-content .list-awards .box-image {
          flex: 0 15%;
          max-width: 15%; }
          @media (max-width: 1024px) {
            .cx-section-awards .box-awards .outer-list-awards .box-content .list-awards .box-image {
              margin-right: 1rem; } }
        .cx-section-awards .box-awards .outer-list-awards .box-content .list-awards .box-text {
          flex: 0 85%;
          max-width: 85%; }
          .cx-section-awards .box-awards .outer-list-awards .box-content .list-awards .box-text .title {
            margin: 0;
            font-size: 1.2rem;
            font-weight: bold;
            margin-bottom: .5rem;
            color: #333333; }
          .cx-section-awards .box-awards .outer-list-awards .box-content .list-awards .box-text .desc {
            color: #333333;
            margin-bottom: 0; }

.cx-section-management .box-management .box-head-management {
  text-align: center;
  padding: 1rem;
  background: #4879F0;
  color: #ffffff;
  border-radius: 19px;
  margin-bottom: 2rem;
  position: relative;
  cursor: pointer; }
  .cx-section-management .box-management .box-head-management:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 1.5rem;
    top: 1rem; }
  .cx-section-management .box-management .box-head-management.active:after {
    content: "\f077"; }
  .cx-section-management .box-management .box-head-management .title {
    margin: 0;
    font-size: 1.5rem;
    font-family: "Publico-Bold"; }
    @media (max-width: 767px) {
      .cx-section-management .box-management .box-head-management .title {
        font-size: 1.2rem;
        text-align: left; } }

.cx-section-management .box-management .box-content-management {
  display: none;
  margin-bottom: 2rem; }
  .cx-section-management .box-management .box-content-management.active {
    display: block; }
  .cx-section-management .box-management .box-content-management .carousel-management .slick-prev,
  .cx-section-management .box-management .box-content-management .carousel-management .slick-next {
    background: #F07662;
    width: 54px;
    height: 54px;
    opacity: 1;
    top: 50%;
    bottom: auto; }
    .cx-section-management .box-management .box-content-management .carousel-management .slick-prev.slick-disabled,
    .cx-section-management .box-management .box-content-management .carousel-management .slick-next.slick-disabled {
      opacity: 1;
      background: #FBCBC3;
      cursor: no-drop; }
    .cx-section-management .box-management .box-content-management .carousel-management .slick-prev:before,
    .cx-section-management .box-management .box-content-management .carousel-management .slick-next:before {
      font-size: 1.5rem;
      font-family: "Font Awesome 5 Pro"; }
  .cx-section-management .box-management .box-content-management .carousel-management .slick-prev {
    left: -3rem;
    right: auto; }
    @media (max-width: 767px) {
      .cx-section-management .box-management .box-content-management .carousel-management .slick-prev {
        left: 0; } }
    .cx-section-management .box-management .box-content-management .carousel-management .slick-prev:before {
      content: "\f053"; }
  .cx-section-management .box-management .box-content-management .carousel-management .slick-next {
    right: -3rem; }
    @media (max-width: 767px) {
      .cx-section-management .box-management .box-content-management .carousel-management .slick-next {
        right: 0; } }
    .cx-section-management .box-management .box-content-management .carousel-management .slick-next:before {
      content: "\f054"; }
  .cx-section-management .box-management .box-content-management .carousel-management .slick-list {
    padding-top: 1rem; }
  .cx-section-management .box-management .box-content-management .list-management {
    margin: 0 1rem;
    text-align: center;
    padding: 1.5rem;
    border-radius: 10px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .cx-section-management .box-management .box-content-management .list-management:hover {
      box-shadow: -8px -8px 0 0 #4879f0;
      transform: translate(8px, 8px); }
    .cx-section-management .box-management .box-content-management .list-management .box-image {
      overflow: hidden;
      width: 200px;
      height: 200px;
      margin: 0 auto;
      border-radius: 100px;
      border: 3px solid #4879F0; }
    .cx-section-management .box-management .box-content-management .list-management .box-content {
      margin-top: 1rem; }
      .cx-section-management .box-management .box-content-management .list-management .box-content .name {
        margin-bottom: 0;
        color: #333333;
        font-size: 1.5rem;
        font-family: "Publico-Bold";
        height: 58px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .cx-section-management .box-management .box-content-management .list-management .box-content .division {
        color: #333333; }
      .cx-section-management .box-management .box-content-management .list-management .box-content .link-more {
        padding-right: 2rem; }
        .cx-section-management .box-management .box-content-management .list-management .box-content .link-more:hover:after {
          right: -.5rem; }
        .cx-section-management .box-management .box-content-management .list-management .box-content .link-more:after {
          right: 0; }

.cx-section-management .modal-body,
.cx-section-management .box-detail-management {
  padding-top: 2rem;
  display: none;
  background: #EFEEF1;
  margin: 2rem 0;
  padding: 4rem 0; }
  .cx-section-management .modal-body.show,
  .cx-section-management .box-detail-management.show {
    display: block; }
  .cx-section-management .modal-body .close,
  .cx-section-management .box-detail-management .close {
    color: #4879F0;
    opacity: 1;
    position: relative;
    top: -1rem;
    right: -5rem; }
    @media (max-width: 767px) {
      .cx-section-management .modal-body .close,
      .cx-section-management .box-detail-management .close {
        top: 0;
        right: -.8rem; } }
    .cx-section-management .modal-body .close:hover,
    .cx-section-management .box-detail-management .close:hover {
      color: #4879F0; }
  .cx-section-management .modal-body .box-detail,
  .cx-section-management .box-detail-management .box-detail {
    width: 80%;
    margin: 0 auto; }
  .cx-section-management .modal-body .box-image,
  .cx-section-management .box-detail-management .box-image {
    border: 3px solid #000090;
    border-radius: 10px;
    overflow: hidden; }
  .cx-section-management .modal-body .name,
  .cx-section-management .box-detail-management .name {
    margin-bottom: 0;
    color: #333333;
    font-family: "Publico-Bold"; }
  .cx-section-management .modal-body .division,
  .cx-section-management .box-detail-management .division {
    color: #333333; }
  .cx-section-management .modal-body .content,
  .cx-section-management .box-detail-management .content {
    max-height: 480px;
    overflow-y: auto;
    padding-right: 1rem;
    color: #707070;
    text-align: justify;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .cx-section-management .modal-body .content::-webkit-scrollbar,
    .cx-section-management .box-detail-management .content::-webkit-scrollbar {
      width: 7px; }
    .cx-section-management .modal-body .content::-webkit-scrollbar-track,
    .cx-section-management .box-detail-management .content::-webkit-scrollbar-track {
      background: #DBDBDB;
      border-radius: 20px; }
    .cx-section-management .modal-body .content::-webkit-scrollbar-thumb,
    .cx-section-management .box-detail-management .content::-webkit-scrollbar-thumb {
      background: #4879F0;
      border-radius: 20px; }
    .cx-section-management .modal-body .content::-webkit-scrollbar-thumb:hover,
    .cx-section-management .box-detail-management .content::-webkit-scrollbar-thumb:hover {
      background: #3A59A5; }
    @media (max-width: 1360px) {
      .cx-section-management .modal-body .content,
      .cx-section-management .box-detail-management .content {
        max-height: 385px; } }
    @media (max-width: 1280px) {
      .cx-section-management .modal-body .content,
      .cx-section-management .box-detail-management .content {
        max-height: 310px; } }

.cx-section-check-out {
  padding-bottom: 4rem; }
  .cx-section-check-out.axa-gd .box-more-premi {
    background-color: #fff; }
  @media (max-width: 767px) {
    .cx-section-check-out.axa-gd .box-text-with-form {
      margin-bottom: 3rem; }
    .cx-section-check-out.axa-gd .box-more-premi {
      padding-top: 0; }
      .cx-section-check-out.axa-gd .box-more-premi .carousel-more-premi {
        top: 3rem; }
        .cx-section-check-out.axa-gd .box-more-premi .carousel-more-premi .list-premi .box-content-premi {
          padding: 1rem 2rem;
          padding-top: 2rem; }
    .cx-section-check-out.axa-gd .box-category-plan.box-more-premi {
      padding-top: 2rem; } }
  .cx-section-check-out .container-checkout-form {
    width: 850px;
    padding-top: 4rem; }
    @media (max-width: 1024px) {
      .cx-section-check-out .container-checkout-form {
        width: auto; } }
  .cx-section-check-out .box-form-step {
    padding: 4rem 0;
    background: #E9F1FA; }
    .cx-section-check-out .box-form-step .multi-step-nav {
      width: 50%;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .cx-section-check-out .box-form-step .multi-step-nav {
          width: 100%;
          padding: 0 3rem; } }
      .cx-section-check-out .box-form-step .multi-step-nav .multi-step-item.active .multi-step-icon {
        background: #000090; }
      .cx-section-check-out .box-form-step .multi-step-nav .multi-step-item.active .multi-step-indicator-label {
        color: #000090; }
      .cx-section-check-out .box-form-step .multi-step-nav .multi-step-item.complete .multi-step-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M502.091%2060.993c-9.909-9.91-25.962-9.91-35.843%200L129.26%20397.981%2045.752%20314.53c-9.881-9.909-25.962-9.909-35.843%200-9.909%209.909-9.909%2025.962%200%2035.843l98.257%2098.257c2.608%202.608%205.679%204.433%208.924%205.679%204.028%202.464%208.403%204.115%2012.952%204.115%206.49%200%2012.981-2.464%2017.936-7.418L502.09%2096.865c9.909-9.909%209.909-25.962%200-35.871v-.001z'%20fill='%23FFF'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1rem;
        background-color: #000090; }
      .cx-section-check-out .box-form-step .multi-step-nav .multi-step-item .multi-step-indicator {
        width: 50px;
        margin-top: -.7rem; }
      .cx-section-check-out .box-form-step .multi-step-nav .multi-step-item .multi-step-divider {
        height: 0;
        background: none;
        border-bottom: 2px dashed #828282; }
      .cx-section-check-out .box-form-step .multi-step-nav .multi-step-item .multi-step-icon {
        width: 50px;
        height: 50px;
        font-size: 1.2rem;
        font-family: "Publico-Bold";
        color: #ffffff;
        background: #CCCCCC; }
      .cx-section-check-out .box-form-step .multi-step-nav .multi-step-item .multi-step-indicator-label {
        text-transform: uppercase;
        margin-top: 1.5rem;
        font-size: .8rem;
        font-family: "SourceSans-Bold"; }
  .cx-section-check-out .box-text-with-form {
    text-align: center;
    margin-bottom: 4rem; }
    .cx-section-check-out .box-text-with-form .box-form .form-inline {
      width: max-content;
      margin: 0 auto;
      margin-bottom: 1rem; }
      @media (max-width: 850px) {
        .cx-section-check-out .box-text-with-form .box-form .form-inline {
          width: 95%;
          display: block; }
          .cx-section-check-out .box-text-with-form .box-form .form-inline .form-group {
            display: block; }
            .cx-section-check-out .box-text-with-form .box-form .form-inline .form-group label {
              margin-bottom: 1rem; }
          .cx-section-check-out .box-text-with-form .box-form .form-inline .form-control {
            margin-bottom: 1rem; } }
      @media (max-width: 767px) {
        .cx-section-check-out .box-text-with-form .box-form .form-inline {
          width: 100%; } }
      .cx-section-check-out .box-text-with-form .box-form .form-inline .form-control {
        padding: .5rem 1rem;
        border-radius: 23px;
        border: 1px solid #CFBFBF;
        text-align: center;
        font-size: 1.2rem;
        min-width: 320px; }
        @media (max-width: 768px) {
          .cx-section-check-out .box-text-with-form .box-form .form-inline .form-control {
            min-width: auto; } }
        .cx-section-check-out .box-text-with-form .box-form .form-inline .form-control.year-old {
          width: 80px;
          min-width: 80px;
          text-align: center; }
          @media (max-width: 767px) {
            .cx-section-check-out .box-text-with-form .box-form .form-inline .form-control.year-old {
              margin: 0 auto; } }
    .cx-section-check-out .box-text-with-form .box-form .form-group label {
      font-size: 1.5rem;
      margin: 0 1rem;
      font-family: "Publico-Bold"; }
    .cx-section-check-out .box-text-with-form .box-form .form-group .dropdown-custom .selected-value {
      background: #ffffff;
      margin-top: 1rem;
      padding: 1.5rem 2rem;
      border-radius: 24px;
      text-align: left;
      font-size: 1.2rem;
      box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.16);
      cursor: pointer;
      position: relative;
      color: #717171; }
      .cx-section-check-out .box-text-with-form .box-form .form-group .dropdown-custom .selected-value.selected {
        font-family: "SourceSans-Bold"; }
      .cx-section-check-out .box-text-with-form .box-form .form-group .dropdown-custom .selected-value:after {
        content: "\f078";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        right: 2rem; }
    .cx-section-check-out .box-text-with-form .box-form .form-group .dropdown-custom .box-dropdown {
      background: #ffffff;
      padding: 1.5rem 0;
      padding-top: 2.5rem;
      margin-top: -1.5rem;
      border-radius: 0 0 24px 24px;
      box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.16);
      display: none; }
      .cx-section-check-out .box-text-with-form .box-form .form-group .dropdown-custom .box-dropdown li {
        list-style: none;
        text-align: left;
        padding: 1rem 2rem;
        cursor: pointer;
        color: #717171;
        font-size: 1.2rem; }
        .cx-section-check-out .box-text-with-form .box-form .form-group .dropdown-custom .box-dropdown li:hover {
          background: #EFF4FB; }
        .cx-section-check-out .box-text-with-form .box-form .form-group .dropdown-custom .box-dropdown li:last-child {
          margin-bottom: 0; }
  .cx-section-check-out .box-result {
    display: none; }
    .cx-section-check-out .box-result.show {
      display: block; }
    .cx-section-check-out .box-result .box-total-premi .head-premi {
      position: relative;
      z-index: 2;
      padding: 1rem;
      background: #4976BA;
      text-align: center;
      border-radius: 19px; }
      .cx-section-check-out .box-result .box-total-premi .head-premi .title {
        font-size: 1.2rem;
        margin-bottom: 0;
        color: #ffffff;
        font-family: "SourceSans-Bold"; }
    .cx-section-check-out .box-result .box-total-premi .box-content-premi {
      position: relative;
      z-index: 1;
      text-align: center;
      background: #EBF2FA;
      padding: 1rem 0;
      padding-top: 2rem;
      margin-top: -1rem;
      border-radius: 0 0 19px 19px; }
      .cx-section-check-out .box-result .box-total-premi .box-content-premi .box-total-price {
        border-bottom: 1px solid #707070;
        margin: 0 1.5rem; }
        .cx-section-check-out .box-result .box-total-premi .box-content-premi .box-total-price .annual-price {
          font-size: .9rem;
          margin-bottom: 0; }
          .cx-section-check-out .box-result .box-total-premi .box-content-premi .box-total-price .annual-price span {
            text-decoration: line-through;
            font-family: "Publico-Bold";
            text-decoration-color: red; }
          .cx-section-check-out .box-result .box-total-premi .box-content-premi .box-total-price .annual-price small {
            font-size: .6rem;
            text-transform: uppercase;
            margin-right: 1rem; }
        .cx-section-check-out .box-result .box-total-premi .box-content-premi .box-total-price .total-price {
          font-size: 2rem;
          margin-bottom: 0;
          font-family: "Publico-Bold"; }
          .cx-section-check-out .box-result .box-total-premi .box-content-premi .box-total-price .total-price small {
            font-size: .8rem;
            margin-right: 1rem;
            position: relative;
            top: -.5rem;
            font-family: "SourceSans-Reguler"; }
        .cx-section-check-out .box-result .box-total-premi .box-content-premi .box-total-price p {
          font-size: .8rem; }
      .cx-section-check-out .box-result .box-total-premi .box-content-premi .box-detail-price {
        margin-top: 1rem; }
        .cx-section-check-out .box-result .box-total-premi .box-content-premi .box-detail-price p {
          font-size: .8rem; }
    .cx-section-check-out .box-result .btn-holder {
      margin: 4rem 0; }
      .cx-section-check-out .box-result .btn-holder .cx-btn {
        margin: 0 .5rem; }
        @media (max-width: 767px) {
          .cx-section-check-out .box-result .btn-holder .cx-btn {
            font-size: .9rem;
            margin-bottom: 1rem; } }
  .cx-section-check-out .box-more-premi {
    background: rgba(244, 245, 249, 0.66);
    padding: 4rem 0;
    display: none; }
    @media (max-width: 767px) {
      .cx-section-check-out .box-more-premi {
        padding: 2rem 0; } }
    .cx-section-check-out .box-more-premi .container.CX-wrapper {
      position: relative; }
    .cx-section-check-out .box-more-premi .btn-close {
      position: absolute;
      right: 0;
      color: #151498;
      cursor: pointer; }
      @media (max-width: 767px) {
        .cx-section-check-out .box-more-premi .btn-close {
          right: 1rem; } }
      .cx-section-check-out .box-more-premi .btn-close i {
        margin-right: .5rem; }
    .cx-section-check-out .box-more-premi .carousel-more-premi,
    .cx-section-check-out .box-more-premi .carousel-plan-premi {
      position: relative;
      top: 4rem; }
      .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi,
      .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi {
        margin: 0 1rem; }
        .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .head-premi,
        .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .head-premi {
          position: relative;
          z-index: 2;
          padding: 1rem;
          background: #4976BA;
          text-align: center;
          border-radius: 19px; }
          .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .head-premi .title,
          .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .head-premi .title {
            font-size: 1.2rem;
            margin-bottom: 0;
            color: #ffffff;
            font-family: "SourceSans-Bold"; }
        .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi,
        .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi {
          position: relative;
          z-index: 1;
          text-align: center;
          background: #EBF2FA;
          padding: 1rem 0;
          padding-top: 2rem;
          margin-top: -1rem;
          border-radius: 0 0 19px 19px; }
          .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-total-price,
          .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-total-price {
            border-bottom: 1px solid #707070;
            margin: 0 1.5rem; }
            @media (max-width: 1024px) {
              .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-total-price,
              .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-total-price {
                margin: 0 1rem; } }
            @media (max-width: 767px) {
              .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-total-price,
              .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-total-price {
                margin: 0 1.5rem; } }
            .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-total-price .annual-price,
            .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-total-price .annual-price {
              font-size: .9rem;
              margin-bottom: 0; }
              .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-total-price .annual-price span,
              .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-total-price .annual-price span {
                text-decoration: line-through;
                font-family: "Publico-Bold";
                text-decoration-color: red; }
              .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-total-price .annual-price small,
              .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-total-price .annual-price small {
                font-size: .6rem;
                text-transform: uppercase;
                margin-right: 1rem; }
            .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-total-price .total-price,
            .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-total-price .total-price {
              font-size: 2rem;
              margin-bottom: 0;
              font-family: "Publico-Bold"; }
              @media (max-width: 1024px) {
                .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-total-price .total-price,
                .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-total-price .total-price {
                  font-size: 1.5rem; } }
              .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-total-price .total-price small,
              .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-total-price .total-price small {
                font-size: .8rem;
                margin-right: 1rem;
                position: relative;
                top: -.5rem;
                font-family: "SourceSans-Reguler"; }
            .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-total-price p,
            .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-total-price p {
              font-size: .8rem; }
          .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-detail-price,
          .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-detail-price {
            margin-top: 1rem;
            padding: 0 1rem; }
            .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-detail-price p,
            .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-detail-price p {
              font-size: .8rem;
              margin-bottom: .5rem; }
              .cx-section-check-out .box-more-premi .carousel-more-premi .list-premi .box-content-premi .box-detail-price p:last-child,
              .cx-section-check-out .box-more-premi .carousel-plan-premi .list-premi .box-content-premi .box-detail-price p:last-child {
                margin-bottom: 1rem; }
      .cx-section-check-out .box-more-premi .carousel-more-premi .slick-prev,
      .cx-section-check-out .box-more-premi .carousel-more-premi .slick-next,
      .cx-section-check-out .box-more-premi .carousel-plan-premi .slick-prev,
      .cx-section-check-out .box-more-premi .carousel-plan-premi .slick-next {
        background: #F07662;
        width: 54px;
        height: 54px;
        opacity: 1;
        top: 50%;
        bottom: auto; }
        .cx-section-check-out .box-more-premi .carousel-more-premi .slick-prev.slick-disabled,
        .cx-section-check-out .box-more-premi .carousel-more-premi .slick-next.slick-disabled,
        .cx-section-check-out .box-more-premi .carousel-plan-premi .slick-prev.slick-disabled,
        .cx-section-check-out .box-more-premi .carousel-plan-premi .slick-next.slick-disabled {
          opacity: 1;
          background: #FBCBC3;
          cursor: no-drop; }
        .cx-section-check-out .box-more-premi .carousel-more-premi .slick-prev:before,
        .cx-section-check-out .box-more-premi .carousel-more-premi .slick-next:before,
        .cx-section-check-out .box-more-premi .carousel-plan-premi .slick-prev:before,
        .cx-section-check-out .box-more-premi .carousel-plan-premi .slick-next:before {
          font-size: 1.5rem;
          font-family: "Font Awesome 5 Pro"; }
      .cx-section-check-out .box-more-premi .carousel-more-premi .slick-prev,
      .cx-section-check-out .box-more-premi .carousel-plan-premi .slick-prev {
        left: -3rem;
        right: auto; }
        @media (max-width: 767px) {
          .cx-section-check-out .box-more-premi .carousel-more-premi .slick-prev,
          .cx-section-check-out .box-more-premi .carousel-plan-premi .slick-prev {
            left: -1rem;
            z-index: 2; } }
        .cx-section-check-out .box-more-premi .carousel-more-premi .slick-prev:before,
        .cx-section-check-out .box-more-premi .carousel-plan-premi .slick-prev:before {
          content: "\f053"; }
      .cx-section-check-out .box-more-premi .carousel-more-premi .slick-next,
      .cx-section-check-out .box-more-premi .carousel-plan-premi .slick-next {
        right: -3rem; }
        @media (max-width: 767px) {
          .cx-section-check-out .box-more-premi .carousel-more-premi .slick-next,
          .cx-section-check-out .box-more-premi .carousel-plan-premi .slick-next {
            right: -1rem; } }
        .cx-section-check-out .box-more-premi .carousel-more-premi .slick-next:before,
        .cx-section-check-out .box-more-premi .carousel-plan-premi .slick-next:before {
          content: "\f054"; }
  .cx-section-check-out .box-category-plan {
    background: #ffffff; }
    .cx-section-check-out .box-category-plan .title {
      text-align: center;
      font-family: "Publico-Bold";
      font-size: 1.8rem;
      margin-bottom: 2rem; }
      @media (max-width: 767px) {
        .cx-section-check-out .box-category-plan .title {
          font-size: 1.4rem; } }
    .cx-section-check-out .box-category-plan .nav.nav-tabs {
      justify-content: center;
      gap: 2.5rem; }
      @media (max-width: 820px) {
        .cx-section-check-out .box-category-plan .nav.nav-tabs {
          padding: 0; } }
      @media (max-width: 767px) {
        .cx-section-check-out .box-category-plan .nav.nav-tabs {
          padding: 0 2rem;
          flex-direction: column;
          gap: 1rem;
          margin-bottom: 1rem; } }
      .cx-section-check-out .box-category-plan .nav.nav-tabs li a {
        background: #f3f3f3;
        border-radius: 20px;
        color: #9A9C9F; }
        .cx-section-check-out .box-category-plan .nav.nav-tabs li a:hover, .cx-section-check-out .box-category-plan .nav.nav-tabs li a.active {
          background: #F07662;
          color: #ffffff; }
    .cx-section-check-out .box-category-plan .tab-content > .tab-pane {
      display: block;
      overflow: hidden;
      height: 0px; }
    .cx-section-check-out .box-category-plan .tab-content > .active {
      height: auto;
      overflow: inherit; }
  .cx-section-check-out .modal-health-check .modal-content {
    border-radius: 29px; }
    .cx-section-check-out .modal-health-check .modal-content .modal-header {
      border: none;
      text-align: center;
      padding: 2rem;
      height: auto;
      position: relative; }
      @media (max-width: 767px) {
        .cx-section-check-out .modal-health-check .modal-content .modal-header {
          padding-top: 4rem; } }
      .cx-section-check-out .modal-health-check .modal-content .modal-header .modal-title {
        font-family: "Publico-Bold"; }
        @media (max-width: 767px) {
          .cx-section-check-out .modal-health-check .modal-content .modal-header .modal-title {
            white-space: normal; } }
      .cx-section-check-out .modal-health-check .modal-content .modal-header .close {
        position: absolute;
        right: 1.5rem;
        top: .8rem;
        color: #151498;
        opacity: 1; }
    .cx-section-check-out .modal-health-check .modal-content .modal-body {
      margin-bottom: 2rem;
      /* width */
      /* Track */
      /* Handle */
      /* Handle on hover */ }
      .cx-section-check-out .modal-health-check .modal-content .modal-body::-webkit-scrollbar {
        width: 7px; }
      .cx-section-check-out .modal-health-check .modal-content .modal-body::-webkit-scrollbar-track {
        background: #DBDBDB;
        border-radius: 20px; }
      .cx-section-check-out .modal-health-check .modal-content .modal-body::-webkit-scrollbar-thumb {
        background: #4879F0;
        border-radius: 20px; }
      .cx-section-check-out .modal-health-check .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
        background: #3A59A5; }
      .cx-section-check-out .modal-health-check .modal-content .modal-body .box-form ol {
        counter-reset: items;
        list-style: none; }
        @media (max-width: 767px) {
          .cx-section-check-out .modal-health-check .modal-content .modal-body .box-form ol {
            padding: 0;
            margin: 0;
            padding-left: 1rem; } }
        .cx-section-check-out .modal-health-check .modal-content .modal-body .box-form ol li {
          counter-increment: items;
          position: relative;
          margin-bottom: 1.5rem; }
          .cx-section-check-out .modal-health-check .modal-content .modal-body .box-form ol li:before {
            content: counter(items) ". ";
            position: absolute;
            left: -1.2rem;
            font-size: .8rem; }
          .cx-section-check-out .modal-health-check .modal-content .modal-body .box-form ol li:last-child:before {
            display: none; }
        .cx-section-check-out .modal-health-check .modal-content .modal-body .box-form ol .form-select:after {
          display: none; }
        .cx-section-check-out .modal-health-check .modal-content .modal-body .box-form ol .form-select .form-control {
          background-image: url(../images/bg-select.png) !important;
          background-position: right .5rem center !important;
          background-repeat: no-repeat !important;
          background-size: 15px !important; }
        .cx-section-check-out .modal-health-check .modal-content .modal-body .box-form ol .form-group label {
          font-size: .8rem; }
        .cx-section-check-out .modal-health-check .modal-content .modal-body .box-form ol .form-group .form-control {
          font-size: .9rem;
          padding: .3rem .8rem;
          border: 2px solid #151498;
          border-radius: 30px;
          height: auto;
          width: max-content;
          color: #151498;
          padding-right: 2rem !important;
          font-family: "SourceSans-Bold"; }
        .cx-section-check-out .modal-health-check .modal-content .modal-body .box-form ol .custom-control .custom-control-label-text {
          padding-left: 1.5rem;
          display: block;
          font-size: .8rem; }
  .cx-section-check-out .box-list-form .box-head-form {
    padding: 1rem 0;
    background: #4976BA;
    border-radius: 19px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 2rem;
    position: relative; }
    .cx-section-check-out .box-list-form .box-head-form:after {
      content: "\f078";
      font-family: "Font Awesome 5 Pro";
      color: #ffffff;
      position: absolute;
      right: 1rem;
      top: 1rem; }
    .cx-section-check-out .box-list-form .box-head-form.active:after {
      content: "\f077"; }
    .cx-section-check-out .box-list-form .box-head-form .title {
      color: #ffffff;
      font-size: 1.3rem;
      margin-bottom: 0;
      font-family: "Publico-Bold"; }
  .cx-section-check-out .box-list-form .box-content-form {
    margin-bottom: 2rem;
    padding: 0 1.5rem; }
    .cx-section-check-out .box-list-form .box-content-form .form-group.form-upload {
      position: relative; }
      .cx-section-check-out .box-list-form .box-content-form .form-group.form-upload label {
        position: absolute;
        right: 1rem;
        top: .7rem;
        padding: .3rem .8rem;
        border-radius: 20px;
        font-size: .8rem;
        background: #F38F7F;
        color: #ffffff; }
      .cx-section-check-out .box-list-form .box-content-form .form-group.form-upload .form-control[readonly] {
        background-color: #ffffff;
        cursor: auto;
        padding-right: 5.5rem; }
    .cx-section-check-out .box-list-form .box-content-form .box-data {
      margin-bottom: 1rem;
      border-bottom: 1px solid rgba(112, 112, 112, 0.43); }
      .cx-section-check-out .box-list-form .box-content-form .box-data .form-group {
        /* Chrome, Safari, Edge, Opera */
        /* Firefox */ }
        .cx-section-check-out .box-list-form .box-content-form .box-data .form-group.form-range label {
          display: flex;
          align-items: center; }
          .cx-section-check-out .box-list-form .box-content-form .box-data .form-group.form-range label .value-presentese {
            width: 50px;
            text-align: center;
            padding: .2rem .5rem;
            font-size: .7rem;
            margin-left: .5rem; }
        .cx-section-check-out .box-list-form .box-content-form .box-data .form-group.form-range .form-control-range {
          -webkit-appearance: none;
          width: 100%;
          height: 25px;
          background: #F38F7F;
          border-radius: 25px;
          outline: none;
          opacity: 1;
          -webkit-transition: .2s;
          transition: opacity .2s; }
          .cx-section-check-out .box-list-form .box-content-form .box-data .form-group.form-range .form-control-range:hover {
            opacity: .7; }
          .cx-section-check-out .box-list-form .box-content-form .box-data .form-group.form-range .form-control-range::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 25px;
            height: 25px;
            background: #ffffff;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            border-radius: 30px;
            cursor: pointer; }
          .cx-section-check-out .box-list-form .box-content-form .box-data .form-group.form-range .form-control-range::-moz-range-thumb {
            width: 25px;
            height: 25px;
            background: #ffffff;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            border-radius: 30px;
            cursor: pointer; }
        .cx-section-check-out .box-list-form .box-content-form .box-data .form-group input::-webkit-outer-spin-button,
        .cx-section-check-out .box-list-form .box-content-form .box-data .form-group input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        .cx-section-check-out .box-list-form .box-content-form .box-data .form-group input[type=number] {
          -moz-appearance: textfield; }
    .cx-section-check-out .box-list-form .box-content-form .box-add {
      cursor: pointer; }
      .cx-section-check-out .box-list-form .box-content-form .box-add:hover span {
        text-decoration: underline; }
      .cx-section-check-out .box-list-form .box-content-form .box-add .cx-btn {
        min-width: 20px;
        border-radius: 7px;
        padding: .2rem .5rem;
        font-size: .8rem;
        margin-right: .3rem; }
      .cx-section-check-out .box-list-form .box-content-form .box-add span {
        color: #F38F7F; }
    .cx-section-check-out .box-list-form .box-content-form .box-file-info {
      display: flex;
      position: relative;
      top: -.5rem; }
      .cx-section-check-out .box-list-form .box-content-form .box-file-info .size {
        flex: 0 50%;
        max-width: 50%;
        font-size: .7rem; }
      .cx-section-check-out .box-list-form .box-content-form .box-file-info .box-img-preview {
        flex: 0 50%;
        max-width: 50%;
        display: flex; }
        .cx-section-check-out .box-list-form .box-content-form .box-file-info .box-img-preview a {
          font-size: .7rem;
          flex: 0 60%;
          max-width: 60%; }
          @media (max-width: 767px) {
            .cx-section-check-out .box-list-form .box-content-form .box-file-info .box-img-preview a {
              text-align: right;
              margin-right: 1rem; } }
        .cx-section-check-out .box-list-form .box-content-form .box-file-info .box-img-preview img {
          flex: 0 40%;
          max-width: 40%; }
  .cx-section-check-out .box-head {
    margin-bottom: 2rem; }
    .cx-section-check-out .box-head .title {
      font-family: "Publico-Bold";
      font-size: 1.7rem; }
      @media (max-width: 1024px) {
        .cx-section-check-out .box-head .title {
          width: auto; } }
    .cx-section-check-out .box-head a {
      text-decoration: underline; }
  .cx-section-check-out .box-table {
    margin-bottom: 2rem; }
    .cx-section-check-out .box-table .table {
      border-radius: 20px; }
      .cx-section-check-out .box-table .table.with-big-title th {
        border-radius: 20px 20px 0 0 !important; }
        .cx-section-check-out .box-table .table.with-big-title th h2 {
          font-family: "Publico-Bold";
          margin-bottom: 0;
          font-size: 1.7rem; }
          @media (max-width: 767px) {
            .cx-section-check-out .box-table .table.with-big-title th h2 {
              font-size: 1.2rem; } }
      .cx-section-check-out .box-table .table.with-big-title td {
        border: none; }
        .cx-section-check-out .box-table .table.with-big-title td:first-child {
          padding-left: 12rem;
          width: 45%; }
          @media (max-width: 767px) {
            .cx-section-check-out .box-table .table.with-big-title td:first-child {
              padding-left: 1rem;
              width: auto; } }
      .cx-section-check-out .box-table .table tr {
        background-color: #F9F9F9; }
        @media (max-width: 767px) {
          .cx-section-check-out .box-table .table tr {
            text-align: left; } }
        .cx-section-check-out .box-table .table tr:nth-of-type(odd) {
          background-color: #EBF2FA; }
          .cx-section-check-out .box-table .table tr:nth-of-type(odd) td {
            background-color: #EBF2FA; }
        .cx-section-check-out .box-table .table tr:last-child {
          border-radius: 0 0 20px 20px; }
          .cx-section-check-out .box-table .table tr:last-child td:first-child {
            border-radius: 0 0 0 20px; }
          .cx-section-check-out .box-table .table tr:last-child td:last-child {
            border-radius: 0 0 20px 0; }
        .cx-section-check-out .box-table .table tr th {
          background: #4976BA;
          color: #ffffff;
          border: none;
          border-right: 2px solid #ffffff;
          text-align: center; }
          .cx-section-check-out .box-table .table tr th:first-child {
            border-radius: 20px 0 0 0; }
          .cx-section-check-out .box-table .table tr th:last-child {
            border-radius: 0 20px 0 0;
            border-right: 0; }
        .cx-section-check-out .box-table .table tr td {
          background-color: #F9F9F9;
          border: 0;
          border-right: 2px solid #ffffff;
          font-size: .9rem; }
          .cx-section-check-out .box-table .table tr td:last-child {
            border-right: 0; }
          .cx-section-check-out .box-table .table tr td a {
            color: #414141;
            text-decoration: underline; }
  .cx-section-check-out .container-payment {
    padding: 4rem 0; }
    .cx-section-check-out .container-payment.gopay-status .box-content-right .box-head {
      text-align: center; }
      .cx-section-check-out .container-payment.gopay-status .box-content-right .box-head .title {
        margin: 0 auto; }
    .cx-section-check-out .container-payment.gopay-status .box-info {
      max-width: 700px;
      margin: 0 auto; }
    @media (max-width: 767px) {
      .cx-section-check-out .container-payment {
        padding-bottom: 2rem; } }
    @media (max-width: 1024px) {
      .cx-section-check-out .container-payment .col-md-8 {
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (max-width: 767px) {
      .cx-section-check-out .container-payment .col-md-8 {
        flex: 0 0 100%;
        max-width: 100%; } }
    @media (max-width: 1024px) {
      .cx-section-check-out .container-payment .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (max-width: 767px) {
      .cx-section-check-out .container-payment .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%; } }
    .cx-section-check-out .container-payment .box-payment {
      border: 1px solid #D6D0D0;
      padding: 1.5rem;
      border-radius: 15px;
      height: 100%; }
      @media (max-width: 767px) {
        .cx-section-check-out .container-payment .box-payment {
          height: auto;
          margin-bottom: 1.5rem; } }
      .cx-section-check-out .container-payment .box-payment .box-head {
        text-align: left;
        border-bottom: 1px solid #000090;
        padding-bottom: 1rem;
        margin-bottom: 1rem; }
        .cx-section-check-out .container-payment .box-payment .box-head .title {
          margin: 0;
          font-size: 1.5rem; }
      @media (max-width: 1024px) {
        .cx-section-check-out .container-payment .box-payment .box-form .col-md-6 {
          flex: 0 0 100%;
          max-width: 100%; } }
      @media (max-width: 1024px) {
        .cx-section-check-out .container-payment .box-payment .box-form .col-md-8 {
          flex: 0 0 100%;
          max-width: 100%; } }
      .cx-section-check-out .container-payment .box-payment .box-form .form-group {
        margin-bottom: 1.5rem; }
        .cx-section-check-out .container-payment .box-payment .box-form .form-group .control-label {
          font-size: 1rem;
          font-family: "SourceSans-Semibold"; }
        .cx-section-check-out .container-payment .box-payment .box-form .form-group.form-select:after {
          top: 2.7rem; }
        .cx-section-check-out .container-payment .box-payment .box-form .form-group .box-custom-radio {
          width: auto;
          height: 70px;
          position: relative;
          text-align: center; }
          .cx-section-check-out .container-payment .box-payment .box-form .form-group .box-custom-radio label,
          .cx-section-check-out .container-payment .box-payment .box-form .form-group .box-custom-radio input {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
          .cx-section-check-out .container-payment .box-payment .box-form .form-group .box-custom-radio input[type="radio"] {
            opacity: 0.01;
            z-index: 100; }
          .cx-section-check-out .container-payment .box-payment .box-form .form-group .box-custom-radio input[type="radio"]:checked + label {
            border: 2px solid #000090; }
          .cx-section-check-out .container-payment .box-payment .box-form .form-group .box-custom-radio label {
            padding: .5rem;
            border: 1px solid #BCB4B4;
            border-radius: 11px;
            cursor: pointer;
            z-index: 90;
            margin-bottom: 0;
            display: flex;
            align-items: center; }
            .cx-section-check-out .container-payment .box-payment .box-form .form-group .box-custom-radio label img {
              margin: 0 auto; }
      .cx-section-check-out .container-payment .box-payment .box-form .custom-control {
        margin-bottom: 1rem; }
        .cx-section-check-out .container-payment .box-payment .box-form .custom-control .custom-control-label-text {
          padding-left: 1.5rem;
          font-family: "SourceSans-Semibold";
          display: block; }
          .cx-section-check-out .container-payment .box-payment .box-form .custom-control .custom-control-label-text .marked {
            color: #4879F0; }
        .cx-section-check-out .container-payment .box-payment .box-form .custom-control .underline-text {
          color: #4879f0;
          text-decoration: underline;
          font-style: italic; }
      .cx-section-check-out .container-payment .box-payment .box-form .btn-holder-unduh {
        padding-left: 1.5rem; }
        .cx-section-check-out .container-payment .box-payment .box-form .btn-holder-unduh span {
          font-style: normal !important;
          margin: 0 .5rem;
          position: relative; }
          .cx-section-check-out .container-payment .box-payment .box-form .btn-holder-unduh span:first-child {
            margin-left: 0; }
            .cx-section-check-out .container-payment .box-payment .box-form .btn-holder-unduh span:first-child:after {
              content: "";
              position: absolute;
              right: -.7rem;
              top: .1rem;
              width: 1px;
              height: 20px;
              background: #999; }
      .cx-section-check-out .container-payment .box-payment .box-info .list-info {
        margin-bottom: 1rem; }
        .cx-section-check-out .container-payment .box-payment .box-info .list-info .label-info {
          font-size: 1.1rem;
          font-family: "SourceSans-Bold";
          color: #020090; }
        .cx-section-check-out .container-payment .box-payment .box-info .list-info p {
          margin-bottom: 0;
          font-size: 1.2rem; }
      .cx-section-check-out .container-payment .box-payment .box-total {
        border-top: 1px solid #000090;
        border-bottom: 1px solid #000090;
        margin: 2rem 0;
        padding: 1rem; }
        .cx-section-check-out .container-payment .box-payment .box-total .label-info {
          font-size: 1.1rem;
          color: #020090;
          margin-bottom: 0;
          font-family: "SourceSans-Bold"; }
        .cx-section-check-out .container-payment .box-payment .box-total .total {
          font-size: 3rem;
          text-align: center;
          font-family: "Publico-Bold"; }
          @media (max-width: 767px) {
            .cx-section-check-out .container-payment .box-payment .box-total .total {
              font-size: 2rem; } }
          .cx-section-check-out .container-payment .box-payment .box-total .total small,
          .cx-section-check-out .container-payment .box-payment .box-total .total span {
            font-size: 1.5rem;
            position: relative;
            top: -1rem;
            margin-right: .5rem; }
            @media (max-width: 767px) {
              .cx-section-check-out .container-payment .box-payment .box-total .total small,
              .cx-section-check-out .container-payment .box-payment .box-total .total span {
                top: -.5rem; } }
          .cx-section-check-out .container-payment .box-payment .box-total .total span {
            top: 0; }
            @media (max-width: 767px) {
              .cx-section-check-out .container-payment .box-payment .box-total .total span {
                top: 0; } }
      .cx-section-check-out .container-payment .box-payment .box-note {
        background: #FF0000;
        color: #fff;
        font-weight: normal;
        font-size: .8rem;
        padding: 1rem; }
        .cx-section-check-out .container-payment .box-payment .box-note .box-top {
          display: flex;
          gap: 1rem;
          align-items: center; }
        .cx-section-check-out .container-payment .box-payment .box-note .box-icon i {
          font-size: 3rem; }
        .cx-section-check-out .container-payment .box-payment .box-note .box-bottom {
          margin-top: 1rem;
          border-top: 1px solid #fff;
          padding-top: 1rem;
          display: flex;
          gap: 1rem;
          align-items: center; }
          .cx-section-check-out .container-payment .box-payment .box-note .box-bottom .box-content {
            flex: 0 100%; }
            .cx-section-check-out .container-payment .box-payment .box-note .box-bottom .box-content .form-check-animate img {
              width: 25px; }
            .cx-section-check-out .container-payment .box-payment .box-note .box-bottom .box-content .form-check-animate p {
              display: inline-block;
              margin-top: .5rem; }
            .cx-section-check-out .container-payment .box-payment .box-note .box-bottom .box-content .box-animate-info {
              background: #f2f2f2;
              border-radius: 3rem;
              margin-top: .5rem;
              position: relative;
              height: 34px;
              width: 65%;
              padding-top: .3rem; }
              .cx-section-check-out .container-payment .box-payment .box-note .box-bottom .box-content .box-animate-info span {
                margin: 0;
                font-weight: bold;
                color: red;
                display: block;
                width: 100%;
                text-align: center; }
              .cx-section-check-out .container-payment .box-payment .box-note .box-bottom .box-content .box-animate-info .box-fill {
                position: absolute;
                top: 0;
                left: 0;
                padding: 0 .5rem;
                background: #4975ba;
                font-size: .7rem;
                width: 0%;
                height: 34px;
                display: flex;
                align-items: center;
                border-radius: 3rem;
                color: #fff;
                white-space: nowrap;
                overflow: hidden;
                z-index: 1;
                animation: fill 5s ease infinite; }
              .cx-section-check-out .container-payment .box-payment .box-note .box-bottom .box-content .box-animate-info .box-toggle {
                position: absolute;
                top: 0;
                left: 5%;
                z-index: 2;
                width: 34px;
                height: 34px;
                background: #fff;
                color: #323232;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1rem;
                box-shadow: 0px 0px 2.2px rgba(0, 0, 0, 0.011), 0px 0px 5.3px rgba(0, 0, 0, 0.016), 0px 0px 10px rgba(0, 0, 0, 0.02), 0px 0px 17.9px rgba(0, 0, 0, 0.024), 0px 0px 33.4px rgba(0, 0, 0, 0.029), 0px 0px 80px rgba(0, 0, 0, 0.04);
                animation: move 5s ease infinite; }
              .cx-section-check-out .container-payment .box-payment .box-note .box-bottom .box-content .box-animate-info .box-cursor {
                position: absolute;
                z-index: 3;
                font-size: 1.2rem;
                color: #323232;
                bottom: -0.8rem;
                left: 1.5rem;
                animation: cursor 5s ease infinite; }
      .cx-section-check-out .container-payment .box-payment .box-info-payment.mobile {
        display: none; }
        @media (max-width: 767px) {
          .cx-section-check-out .container-payment .box-payment .box-info-payment.mobile {
            display: block; } }
      @media (max-width: 767px) {
        .cx-section-check-out .container-payment .box-payment .box-info-payment {
          display: none; } }
  .cx-section-check-out .btn-holder {
    margin-top: 3rem; }
    .cx-section-check-out .btn-holder .btn {
      margin: 0 .3rem;
      min-width: 185px; }
      @media (max-width: 767px) {
        .cx-section-check-out .btn-holder .btn {
          min-width: 120px; } }

@keyframes fill {
  0% {
    width: 20%; }
  50% {
    width: 100%; }
  100% {
    width: 20%; } }

@keyframes move {
  0% {
    left: 5%; }
  50% {
    left: 74%; }
  100% {
    left: 5%; } }

@keyframes cursor {
  0% {
    bottom: -.8rem;
    opacity: 1; }
  50% {
    bottom: -2.5rem;
    opacity: 0; }
  100% {
    bottom: -.8rem;
    opacity: 1; } }

.modal-preview-ktp .modal-dialog {
  max-width: 500px;
  position: relative; }
  .modal-preview-ktp .modal-dialog .modal-body {
    height: auto; }

.cx-search-popup,
.cx-section-search-result {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100vh;
  top: 0;
  background-color: rgba(0, 0, 0, 0.58);
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 767px) {
    .cx-search-popup,
    .cx-section-search-result {
      background-color: #ffffff; } }
  .cx-search-popup.show,
  .cx-section-search-result.show {
    visibility: visible;
    opacity: 1; }
    .cx-search-popup.show .box-popup,
    .cx-section-search-result.show .box-popup {
      top: 0; }
  .cx-search-popup .box-popup,
  .cx-section-search-result .box-popup {
    background-image: url(../images/bg-banner-search.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 2rem;
    position: relative;
    top: -522px;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out; }
    .cx-search-popup .box-popup .box-content-popup,
    .cx-section-search-result .box-popup .box-content-popup {
      height: 450px; }
      @media (max-width: 767px) {
        .cx-search-popup .box-popup .box-content-popup,
        .cx-section-search-result .box-popup .box-content-popup {
          height: 325px; } }
      .cx-search-popup .box-popup .box-content-popup .container.CX-wrapper,
      .cx-search-popup .box-popup .box-content-popup .row,
      .cx-search-popup .box-popup .box-content-popup .col-md-6,
      .cx-section-search-result .box-popup .box-content-popup .container.CX-wrapper,
      .cx-section-search-result .box-popup .box-content-popup .row,
      .cx-section-search-result .box-popup .box-content-popup .col-md-6 {
        height: 100%; }
      .cx-search-popup .box-popup .box-content-popup .close,
      .cx-section-search-result .box-popup .box-content-popup .close {
        box-shadow: none; }
      .cx-search-popup .box-popup .box-content-popup .box-head,
      .cx-section-search-result .box-popup .box-content-popup .box-head {
        text-align: left;
        position: relative;
        top: 50%;
        transform: translatey(-50%); }
        .cx-search-popup .box-popup .box-content-popup .box-head .title,
        .cx-section-search-result .box-popup .box-content-popup .box-head .title {
          margin: 0;
          font-size: 3rem; }
          @media (max-width: 767px) {
            .cx-search-popup .box-popup .box-content-popup .box-head .title,
            .cx-section-search-result .box-popup .box-content-popup .box-head .title {
              font-size: 1.7rem; } }
        .cx-search-popup .box-popup .box-content-popup .box-head .subtitle,
        .cx-section-search-result .box-popup .box-content-popup .box-head .subtitle {
          font-size: 1.3rem; }
      .cx-search-popup .box-popup .box-content-popup .box-image,
      .cx-section-search-result .box-popup .box-content-popup .box-image {
        position: absolute;
        bottom: 2.5rem; }
        @media (max-width: 767px) {
          .cx-search-popup .box-popup .box-content-popup .box-image,
          .cx-section-search-result .box-popup .box-content-popup .box-image {
            bottom: 0; } }
      .cx-search-popup .box-popup .box-content-popup .box-form,
      .cx-section-search-result .box-popup .box-content-popup .box-form {
        position: relative;
        top: -2.5rem; }
        .cx-search-popup .box-popup .box-content-popup .box-form .form-control,
        .cx-section-search-result .box-popup .box-content-popup .box-form .form-control {
          padding: 1.5rem 2rem;
          padding-right: 5rem;
          border-radius: 26px;
          border: none;
          box-shadow: 0 7px 28px rgba(0, 0, 0, 0.16);
          font-size: 1.3rem;
          position: relative;
          z-index: 1; }
        .cx-search-popup .box-popup .box-content-popup .box-form .btn,
        .cx-section-search-result .box-popup .box-content-popup .box-form .btn {
          background: #ffffff;
          color: #ED4D28;
          font-size: 1.7rem;
          border-radius: 0 26px 26px 0;
          position: absolute;
          right: 0;
          height: 100%;
          z-index: 2;
          outline: none;
          box-shadow: none; }

.cx-section-search-result {
  position: relative;
  height: auto;
  background-color: #ffffff;
  visibility: visible;
  opacity: 1;
  z-index: 1; }
  .cx-section-search-result .box-popup {
    top: 0; }
    @media (max-width: 767px) {
      .cx-section-search-result .box-popup {
        padding-top: 0; } }
    .cx-section-search-result .box-popup .box-content-popup {
      height: 400px; }
      @media (max-width: 767px) {
        .cx-section-search-result .box-popup .box-content-popup {
          height: 225px; } }
      @media (max-width: 767px) {
        .cx-section-search-result .box-popup .box-content-popup .box-image {
          display: none; } }
  .cx-section-search-result .box-search-result {
    padding: 4rem 3rem;
    padding-top: 6rem; }
    @media (max-width: 767px) {
      .cx-section-search-result .box-search-result {
        padding: 3rem 0;
        padding-top: 6rem; } }
    .cx-section-search-result .box-search-result .result-number {
      font-size: 1.3rem;
      font-family: "SourceSans-Semibold";
      margin-bottom: 1rem;
      color: #666666; }
      @media (max-width: 767px) {
        .cx-section-search-result .box-search-result .result-number {
          text-align: center; } }
    .cx-section-search-result .box-search-result .list-result {
      padding: 2rem 0;
      display: flex;
      border-bottom: 1px solid rgba(112, 112, 112, 0.45);
      align-items: center;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .cx-section-search-result .box-search-result .list-result {
          flex-direction: column;
          align-items: normal; } }
      @media (max-width: 768px) {
        .cx-section-search-result .box-search-result .list-result .box-content {
          flex: 0 70%;
          max-width: 70%; } }
      @media (max-width: 767px) {
        .cx-section-search-result .box-search-result .list-result .box-content {
          margin-bottom: 1rem;
          flex: 0 100%;
          max-width: 100%; } }
      .cx-section-search-result .box-search-result .list-result .box-content .result-title {
        font-size: 1.2rem;
        font-family: "Publico-Bold"; }
        @media (max-width: 767px) {
          .cx-section-search-result .box-search-result .list-result .box-content .result-title {
            font-size: 1rem; } }
      .cx-section-search-result .box-search-result .list-result .box-content .result-desc {
        margin: 0;
        color: #818181;
        width: 500px; }
        @media (max-width: 768px) {
          .cx-section-search-result .box-search-result .list-result .box-content .result-desc {
            width: auto; } }
      @media (max-width: 768px) {
        .cx-section-search-result .box-search-result .list-result .box-see-more {
          flex: 0 30%;
          max-width: 30%;
          text-align: right; } }
      @media (max-width: 767px) {
        .cx-section-search-result .box-search-result .list-result .box-see-more {
          flex: 0 100%;
          max-width: 100%;
          text-align: left; } }
    .cx-section-search-result .box-search-result .text-center a {
      font-family: "SourceSans-Semibold"; }
  .cx-section-search-result .footer-search {
    padding: 4rem 0;
    background: #F6F6F6;
    text-align: center; }
    @media (max-width: 767px) {
      .cx-section-search-result .footer-search {
        padding: 4rem 2rem; } }
    .cx-section-search-result .footer-search h2 {
      font-size: 2.1rem;
      font-family: "Publico-Bold";
      color: #333333; }
    .cx-section-search-result .footer-search p {
      color: #000000;
      font-size: 1.1rem; }
      .cx-section-search-result .footer-search p a {
        text-decoration: underline; }

.cx-latest-promotion .box-promo,
.cx-section-all-promo .box-promo {
  position: relative;
  z-index: 2; }
  .cx-latest-promotion .box-promo .carousel-latest-promo .list-product,
  .cx-section-all-promo .box-promo .carousel-latest-promo .list-product {
    margin: 0 1rem;
    margin-bottom: 2rem; }
  .cx-latest-promotion .box-promo .list-product,
  .cx-section-all-promo .box-promo .list-product {
    outline: none;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 11px 11px rgba(0, 0, 0, 0.16);
    padding: 1rem;
    position: relative; }
    .cx-latest-promotion .box-promo .list-product .box-image,
    .cx-section-all-promo .box-promo .list-product .box-image {
      width: 100%;
      height: 146px;
      overflow: hidden;
      border-radius: 6px;
      position: relative;
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        .cx-latest-promotion .box-promo .list-product .box-image,
        .cx-section-all-promo .box-promo .list-product .box-image {
          height: 108px; } }
      .cx-latest-promotion .box-promo .list-product .box-image::before,
      .cx-section-all-promo .box-promo .list-product .box-image::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.13); }
      .cx-latest-promotion .box-promo .list-product .box-image img,
      .cx-section-all-promo .box-promo .list-product .box-image img {
        border-radius: 6px;
        width: 100%; }
    .cx-latest-promotion .box-promo .list-product .box-tag,
    .cx-section-all-promo .box-promo .list-product .box-tag {
      position: absolute;
      top: 1.5rem;
      right: 1.5rem;
      display: flex; }
      .cx-latest-promotion .box-promo .list-product .box-tag .box-hotoffer,
      .cx-section-all-promo .box-promo .list-product .box-tag .box-hotoffer {
        background: #FF1721;
        border-radius: 39px;
        padding: .4rem 1rem;
        color: #ffffff;
        font-family: "SourceSans-Semibold";
        font-size: .7rem;
        text-transform: uppercase;
        margin: 0 .2rem; }
        @media (max-width: 767px) {
          .cx-latest-promotion .box-promo .list-product .box-tag .box-hotoffer,
          .cx-section-all-promo .box-promo .list-product .box-tag .box-hotoffer {
            font-size: .6rem;
            padding: .4rem; } }
        .cx-latest-promotion .box-promo .list-product .box-tag .box-hotoffer:last-child,
        .cx-section-all-promo .box-promo .list-product .box-tag .box-hotoffer:last-child {
          margin-right: 0; }
        .cx-latest-promotion .box-promo .list-product .box-tag .box-hotoffer.CashBack,
        .cx-section-all-promo .box-promo .list-product .box-tag .box-hotoffer.CashBack {
          background: #9FD9B4; }
        .cx-latest-promotion .box-promo .list-product .box-tag .box-hotoffer.Discount,
        .cx-section-all-promo .box-promo .list-product .box-tag .box-hotoffer.Discount {
          background: #DDBE65; }
        .cx-latest-promotion .box-promo .list-product .box-tag .box-hotoffer.BestSeller,
        .cx-section-all-promo .box-promo .list-product .box-tag .box-hotoffer.BestSeller {
          background: #020090; }
    .cx-latest-promotion .box-promo .list-product .box-content,
    .cx-section-all-promo .box-promo .list-product .box-content {
      margin: 1rem 0;
      margin-bottom: .5rem; }
      .cx-latest-promotion .box-promo .list-product .box-content .entity,
      .cx-section-all-promo .box-promo .list-product .box-content .entity {
        font-size: .8rem;
        text-transform: uppercase;
        margin-bottom: .5rem;
        color: #727272; }
      .cx-latest-promotion .box-promo .list-product .box-content .title,
      .cx-section-all-promo .box-promo .list-product .box-content .title {
        font-size: 1.1rem;
        color: #333333;
        font-family: "Publico-Bold";
        height: 40px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .cx-latest-promotion .box-promo .list-product .box-content .desc,
      .cx-section-all-promo .box-promo .list-product .box-content .desc {
        font-size: .9rem;
        opacity: 0.49;
        color: #333333;
        height: 65px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }

.cx-promo-detail .box-image {
  border-radius: 0;
  overflow: initial; }

.cx-promo-detail .box-share {
  padding: 0;
  margin: 0;
  position: absolute;
  left: -3.5rem;
  bottom: 0; }
  @media (max-width: 1024px) {
    .cx-promo-detail .box-share {
      left: 0;
      background: #fff; } }
  .cx-promo-detail .box-share li {
    display: block;
    text-align: center;
    list-style: none;
    border: 1px solid #F07662;
    margin: 0;
    padding: .2rem .7rem; }
    .cx-promo-detail .box-share li span {
      margin-left: .5rem; }
    .cx-promo-detail .box-share li.active, .cx-promo-detail .box-share li:hover {
      background: #F07662;
      color: #ffffff; }
      .cx-promo-detail .box-share li.active a, .cx-promo-detail .box-share li:hover a {
        color: #ffffff; }

.cx-promo-detail .box-top {
  border-bottom: 1px solid rgba(112, 112, 112, 0.49);
  padding: 2rem 0;
  margin-bottom: 1rem; }
  .cx-promo-detail .box-top .title {
    margin-bottom: 0; }
    .cx-promo-detail .box-top .title .date {
      top: 0; }
  .cx-promo-detail .box-top .btn-holder {
    flex: 30%;
    max-width: 30%;
    text-align: right; }
    @media (max-width: 767px) {
      .cx-promo-detail .box-top .btn-holder {
        flex: 0 100%;
        max-width: 100%;
        margin-right: auto;
        margin-top: 1rem; } }

.cx-promo-detail .list-info {
  border-bottom: 1px solid rgba(112, 112, 112, 0.49);
  padding: 1.5rem 0; }
  .cx-promo-detail .list-info p {
    margin: 0; }
  .cx-promo-detail .list-info .title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    font-family: "SourceSans-Bold"; }
  .cx-promo-detail .list-info .content {
    font-size: 1.1rem;
    color: #6B6B6B; }
    .cx-promo-detail .list-info .content ol {
      padding: 0;
      padding-left: 1rem;
      margin: 0; }
      .cx-promo-detail .list-info .content ol li {
        padding-left: 1rem;
        margin-bottom: 1rem; }

.cx-section-more-promo {
  padding-bottom: 3.5rem; }
  .cx-section-more-promo .box-content-beli-online {
    position: relative; }
    .cx-section-more-promo .box-content-beli-online:after {
      border-radius: 0;
      left: 0; }
      @media (max-width: 1280px) {
        .cx-section-more-promo .box-content-beli-online:after {
          left: 0; } }
    .cx-section-more-promo .box-content-beli-online .carousel-beli-online .slick-track {
      margin-left: 0; }
    .cx-section-more-promo .box-content-beli-online .carousel-beli-online .list-product .box-image {
      position: relative; }
      @media (max-width: 768px) {
        .cx-section-more-promo .box-content-beli-online .carousel-beli-online .list-product .box-image {
          height: 116px; } }
      @media (max-width: 767px) {
        .cx-section-more-promo .box-content-beli-online .carousel-beli-online .list-product .box-image {
          height: 130px; }
          .cx-section-more-promo .box-content-beli-online .carousel-beli-online .list-product .box-image img {
            height: 100%; } }
      .cx-section-more-promo .box-content-beli-online .carousel-beli-online .list-product .box-image::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.13); }
    .cx-section-more-promo .box-content-beli-online .carousel-beli-online .list-product .box-content {
      height: 165px; }
      .cx-section-more-promo .box-content-beli-online .carousel-beli-online .list-product .box-content .title {
        height: 40px;
        -webkit-line-clamp: 2; }
      .cx-section-more-promo .box-content-beli-online .carousel-beli-online .list-product .box-content .desc {
        height: 65px;
        -webkit-line-clamp: 3; }
    .cx-section-more-promo .box-content-beli-online .carousel-beli-online .slick-prev,
    .cx-section-more-promo .box-content-beli-online .carousel-beli-online .slick-next {
      top: 50%;
      bottom: auto;
      z-index: 2; }
    .cx-section-more-promo .box-content-beli-online .carousel-beli-online .slick-prev {
      left: -5rem;
      right: auto; }
      @media (max-width: 1280px) {
        .cx-section-more-promo .box-content-beli-online .carousel-beli-online .slick-prev {
          left: -3rem; } }
    .cx-section-more-promo .box-content-beli-online .carousel-beli-online .slick-next {
      right: -5rem; }
      @media (max-width: 1280px) {
        .cx-section-more-promo .box-content-beli-online .carousel-beli-online .slick-next {
          right: -3rem; } }

.cx-section-all-promo {
  padding-bottom: 3rem; }
  .cx-section-all-promo .box-content-beli-online:after {
    display: none; }
  @media (max-width: 1024px) {
    .cx-section-all-promo .box-promo .col-md-3 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; } }
  @media (max-width: 767px) {
    .cx-section-all-promo .box-promo .col-md-3 {
      flex: 0 0 100%;
      max-width: 100%; } }
  .cx-section-all-promo .box-promo .list-product {
    margin-bottom: 1.5rem; }
    @media (max-width: 767px) {
      .cx-section-all-promo .box-promo .list-product .box-image {
        height: 125px; } }
  @media (max-width: 767px) {
    .cx-section-all-promo .box-promo.promo-view-dekstop {
      display: none; } }
  @media (max-width: 767px) {
    .cx-section-all-promo .box-promo.hidden {
      display: block; }
      .cx-section-all-promo .box-promo.hidden .carousel-all-promo-mobile .list-product {
        margin: 0 1rem;
        margin-bottom: 2rem; } }

.cx-section-promo-banner {
  padding-bottom: 5rem; }
  .cx-section-promo-banner .box-content-promo-banner {
    position: relative; }
    .cx-section-promo-banner .box-content-promo-banner:after {
      content: '';
      position: absolute;
      bottom: -6rem;
      z-index: 1;
      width: 100%;
      height: 261px;
      background: #E9F1FA; }
    .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner {
      position: relative;
      z-index: 2; }
      .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner .list-promo {
        margin: 0 1.5rem;
        position: relative; }
        .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner .list-promo:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 26px;
          background: rgba(255, 255, 255, 0.5); }
        .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner .list-promo.slick-current:before {
          display: none; }
        .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner .list-promo .box-image {
          height: 300px;
          width: 100%;
          border-radius: 26px;
          overflow: hidden; }
          @media (max-width: 1024px) {
            .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner .list-promo .box-image {
              height: 205px; } }
          @media (max-width: 767px) {
            .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner .list-promo .box-image {
              height: 183px; } }
          .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner .list-promo .box-image img {
            height: 100%;
            width: 100%; }
      .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner .slick-dots {
        bottom: -3rem; }
        .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner .slick-dots li {
          margin: 0;
          width: auto;
          height: auto;
          margin: 0 .5rem; }
          .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner .slick-dots li.slick-active button {
            opacity: 1; }
          .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner .slick-dots li button {
            padding: 0;
            width: 10px;
            height: 10px;
            background: #F07662;
            border-radius: 10px;
            opacity: .5; }
            .cx-section-promo-banner .box-content-promo-banner .carousel-promo-banner .slick-dots li button:before {
              display: none; }

.cx-latest-siaran-pers {
  padding-bottom: 4rem; }
  .cx-latest-siaran-pers .container-inspirasi-home .tab-content .box-inspirasi {
    max-height: none; }
    @media (max-width: 767px) {
      .cx-latest-siaran-pers .container-inspirasi-home .tab-content .box-inspirasi.siaran-pers-view-desktop {
        display: none; } }
    @media (max-width: 767px) {
      .cx-latest-siaran-pers .container-inspirasi-home .tab-content .box-inspirasi .carousel-all-siaran-pers-mobile {
        display: block; } }
    .cx-latest-siaran-pers .container-inspirasi-home .tab-content .box-inspirasi .carousel-all-siaran-pers-mobile .slick-arrow {
      display: none !important; }
    .cx-latest-siaran-pers .container-inspirasi-home .tab-content .box-inspirasi .carousel-all-siaran-pers-mobile .list-inspirasi {
      margin: 0 1rem; }
      .cx-latest-siaran-pers .container-inspirasi-home .tab-content .box-inspirasi .carousel-all-siaran-pers-mobile .list-inspirasi .box-image img {
        height: auto; }
    .cx-latest-siaran-pers .container-inspirasi-home .tab-content .box-inspirasi .list-inspirasi .info {
      text-transform: uppercase;
      letter-spacing: 3px;
      font-size: .9rem;
      color: #5F5F5F;
      margin-bottom: .5rem;
      display: block; }

.cx-detail-siaran-pers {
  padding-top: 2rem; }
  .cx-detail-siaran-pers .box-top {
    flex-direction: column;
    align-items: initial; }
    .cx-detail-siaran-pers .box-top .title {
      flex: 0 100%;
      max-width: 100%; }
      @media (max-width: 1024px) {
        .cx-detail-siaran-pers .box-top .title {
          margin-bottom: 2rem; } }
      @media (max-width: 767px) {
        .cx-detail-siaran-pers .box-top .title {
          margin-bottom: 1rem; } }
    .cx-detail-siaran-pers .box-top .box-info {
      display: flex;
      align-items: center; }
      .cx-detail-siaran-pers .box-top .box-info .date {
        margin-right: 1rem; }
        @media (max-width: 1024px) {
          .cx-detail-siaran-pers .box-top .box-info .date {
            flex: 0 50%;
            max-width: 50%; } }
      .cx-detail-siaran-pers .box-top .box-info .box-share {
        flex: 0 70%;
        max-width: 70%;
        text-align: initial; }
        @media (max-width: 1024px) {
          .cx-detail-siaran-pers .box-top .box-info .box-share {
            flex: 0 50%;
            max-width: 50%;
            text-align: right; } }
  .cx-detail-siaran-pers .box-content {
    padding: 2rem 4rem; }
    @media (max-width: 767px) {
      .cx-detail-siaran-pers .box-content {
        padding: 1rem 0; } }
    .cx-detail-siaran-pers .box-content ul {
      padding: 0;
      margin: 0;
      margin-bottom: 1rem;
      padding-left: 1rem; }
      .cx-detail-siaran-pers .box-content ul li {
        margin-bottom: 1rem; }

.cx-related-siaran-pers {
  background: none;
  padding-bottom: 4rem; }
  .cx-related-siaran-pers .box-inspirasi .list-inspirasi .info {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: .9rem;
    color: #5F5F5F;
    margin-bottom: .5rem;
    display: block; }
  .cx-related-siaran-pers .box-inspirasi .list-inspirasi .box-image {
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .cx-related-siaran-pers .box-inspirasi .list-inspirasi .box-image {
        height: 170px; } }
    @media (max-width: 767px) {
      .cx-related-siaran-pers .box-inspirasi .list-inspirasi .box-image {
        height: 155px; } }
  .cx-related-siaran-pers .box-inspirasi .slick-next {
    right: -.5rem; }
  .cx-related-siaran-pers .box-inspirasi .slick-prev {
    left: -.5rem;
    z-index: 2; }

.cx-thank-you {
  padding: 4rem 0; }
  @media (max-width: 850px) {
    .cx-thank-you .col-md-6 {
      flex: 0 100%;
      max-width: 100%; }
    .cx-thank-you .box-image {
      max-width: 300px;
      margin: 0 auto; } }
  .cx-thank-you .box-content-right .box-head {
    text-align: left;
    margin-bottom: 1.5rem; }
    .cx-thank-you .box-content-right .box-head .title {
      margin: 0;
      font-size: 1.8rem; }
  .cx-thank-you .box-info {
    background: #F1F4FA;
    border-radius: 17px;
    padding: 1rem 2rem;
    margin-bottom: 1.5rem; }
    .cx-thank-you .box-info.bottom {
      padding: 2rem;
      background: #E9F1FA;
      border-radius: 21px; }
    .cx-thank-you .box-info h4 {
      font-size: 1rem;
      font-family: "Publico-Bold"; }
    .cx-thank-you .box-info h3 {
      font-size: 1.5rem; }
      @media (max-width: 768px) {
        .cx-thank-you .box-info h3 {
          font-size: 1rem; } }
    .cx-thank-you .box-info .note-thanks {
      padding: .5rem 1rem; }
    .cx-thank-you .box-info hr {
      border-top: 1px solid #D1D1D1; }
    .cx-thank-you .box-info .box-detail {
      margin-bottom: 1rem; }
      .cx-thank-you .box-info .box-detail .list-info {
        border-bottom: 1px solid #D1D1D1;
        padding: .5rem 1rem;
        display: flex; }
        @media (max-width: 850px) {
          .cx-thank-you .box-info .box-detail .list-info {
            flex-direction: column; } }
        .cx-thank-you .box-info .box-detail .list-info .label-info {
          font-weight: bold;
          color: #000000;
          flex: 0 50%;
          max-width: 50%;
          margin-right: .5rem;
          position: relative;
          background: transparent;
          margin-bottom: 0; }
          @media (max-width: 768px) {
            .cx-thank-you .box-info .box-detail .list-info .label-info {
              flex: 0 100%;
              max-width: 100%;
              font-weight: bolder; } }
          .cx-thank-you .box-info .box-detail .list-info .label-info:after {
            content: ":";
            position: absolute;
            right: 0; }
            @media (max-width: 768px) {
              .cx-thank-you .box-info .box-detail .list-info .label-info:after {
                display: none; } }
        .cx-thank-you .box-info .box-detail .list-info .value-info {
          flex: 0 50%;
          max-width: 50%;
          margin-bottom: 0; }
          @media (max-width: 768px) {
            .cx-thank-you .box-info .box-detail .list-info .value-info {
              flex: 0 100%;
              max-width: 100%; } }
    .cx-thank-you .box-info .box-total {
      width: max-content;
      margin: 0 auto; }
      .cx-thank-you .box-info .box-total .label-info {
        font-size: 1.1rem;
        color: #020090;
        margin-bottom: 0;
        background: none;
        font-family: "SourceSans-Bold"; }
      .cx-thank-you .box-info .box-total .total {
        font-size: 3rem;
        text-align: center;
        font-family: "Publico-Bold";
        padding: 0 1.5rem; }
        .cx-thank-you .box-info .box-total .total small,
        .cx-thank-you .box-info .box-total .total span {
          font-size: 1.5rem;
          position: relative;
          top: -1rem;
          margin-right: .5rem; }
        .cx-thank-you .box-info .box-total .total span {
          top: 0; }
    .cx-thank-you .box-info .box-content-bottom {
      max-width: 50%;
      margin: 0 auto;
      margin-bottom: 1.5rem; }
      @media (max-width: 767px) {
        .cx-thank-you .box-info .box-content-bottom {
          max-width: 100%; } }
      .cx-thank-you .box-info .box-content-bottom a {
        color: #000000;
        font-family: "SourceSans-Semibold"; }
    .cx-thank-you .box-info .btn-holder .cx-btn {
      margin: 0 .5rem; }
      @media (max-width: 767px) {
        .cx-thank-you .box-info .btn-holder .cx-btn {
          margin-bottom: 1rem; } }
  .cx-thank-you .box-redirect {
    position: fixed;
    width: auto;
    bottom: 1rem;
    left: 50%;
    transform: translatex(-50%);
    z-index: 999;
    font-size: .8rem; }
    @media (max-width: 767px) {
      .cx-thank-you .box-redirect {
        width: 100%;
        left: 0;
        transform: none;
        padding: 0 1rem;
        text-align: center; } }
    .cx-thank-you .box-redirect .alert-primary {
      background-color: #F07662;
      border-color: #F07662;
      color: #ffffff;
      opacity: .7; }
    .cx-thank-you .box-redirect .alert .close {
      top: 0;
      font-size: 1.2rem;
      color: #fff !important;
      outline: none !important;
      box-shadow: none !important; }

@media (max-width: 768px) {
  .cx-section-financial-report .col-md-6 {
    flex: 0 100%;
    max-width: 100%; } }

.cx-section-financial-report .box-content {
  padding: 4rem 0; }
  .cx-section-financial-report .box-content .box-filter {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #CCCCCC; }
    .cx-section-financial-report .box-content .box-filter .box-head {
      text-align: left;
      margin-bottom: 1rem; }
      .cx-section-financial-report .box-content .box-filter .box-head .small-title {
        margin-bottom: 0;
        font-size: 1.1rem;
        color: #7E7E7E;
        text-transform: uppercase; }
      .cx-section-financial-report .box-content .box-filter .box-head .title {
        margin: 0; }
  @media (max-width: 1024px) {
    .cx-section-financial-report .box-content .box-result-report .col-md-4 {
      flex: 0 50%;
      max-width: 50%; } }
  .cx-section-financial-report .box-content .box-result-report .list-report {
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16);
    padding: 1.5rem 1rem;
    text-align: center;
    margin-bottom: 1.5rem; }
    .cx-section-financial-report .box-content .box-result-report .list-report .box-icon {
      margin-bottom: .5rem; }
    .cx-section-financial-report .box-content .box-result-report .list-report .box-text {
      border-bottom: 1px solid #BFBFBF;
      margin-bottom: .5rem; }
      .cx-section-financial-report .box-content .box-result-report .list-report .box-text .small-title {
        margin-bottom: .3rem;
        font-size: .7rem;
        text-transform: uppercase; }
      .cx-section-financial-report .box-content .box-result-report .list-report .box-text .title {
        font-size: 1rem;
        text-transform: uppercase; }
    .cx-section-financial-report .box-content .box-result-report .list-report a {
      font-size: .7rem;
      text-transform: uppercase;
      text-decoration: underline; }

.submenu-layanan-nasabah .box-outer-layanan {
  background: #E9F1FA;
  border-radius: 36px;
  padding: 1.5rem 0; }
  .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah {
    display: block; }
    .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .box-outer .box-image img {
      margin: 0 auto; }
    @media (max-width: 767px) {
      .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-track {
        padding-bottom: 1rem; } }
    .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-list {
      padding: 4rem 3.5rem; }
      @media (max-width: 767px) {
        .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-list {
          padding: 2rem 3.5rem; } }
    .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-prev,
    .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-next {
      z-index: 2;
      background: #F07662;
      width: 54px;
      height: 54px;
      opacity: 1;
      top: auto;
      bottom: -5rem; }
      @media (max-width: 767px) {
        .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-prev,
        .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-next {
          display: none !important; } }
      .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-prev.slick-disabled,
      .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-next.slick-disabled {
        opacity: 1;
        background: #FBCBC3;
        cursor: no-drop; }
      .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-prev:before,
      .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-next:before {
        font-size: 1.5rem;
        font-family: "Font Awesome 5 Pro"; }
    .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-prev {
      left: auto;
      right: 7rem; }
      .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-prev:before {
        content: "\f053"; }
    .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-next {
      right: 3rem; }
      .submenu-layanan-nasabah .box-outer-layanan .carousel-submenu-layanan-nasabah .slick-next:before {
        content: "\f054"; }

.cx-section-layanan-populer {
  margin-top: 0;
  position: relative; }
  .cx-section-layanan-populer:after {
    content: '';
    width: 100%;
    height: 220px;
    background: #E9F1FA;
    position: absolute;
    bottom: 0;
    z-index: 1; }
  .cx-section-layanan-populer .carousel-company-group {
    z-index: 2; }
    .cx-section-layanan-populer .carousel-company-group .list-company-group {
      height: 253px; }
      .cx-section-layanan-populer .carousel-company-group .list-company-group .box-content .title {
        font-size: 1.5rem;
        height: 120px;
        -webkit-line-clamp: 4; }

.cx-section-faq {
  padding: 4rem 0; }
  .cx-section-faq .box-list-faq {
    max-width: 85%;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .cx-section-faq .box-list-faq {
        max-width: 100%; } }
  .cx-section-faq .btn-wrapper {
    position: relative;
    max-width: 85%;
    margin: 0 auto;
    margin-top: 3rem; }
    .cx-section-faq .btn-wrapper .rounded-white {
      background: #ffffff;
      height: 100px;
      width: 250px;
      position: absolute;
      left: 50%;
      transform: translatex(-50%);
      z-index: 2; }
    .cx-section-faq .btn-wrapper hr {
      width: 100%;
      position: absolute;
      z-index: 1;
      top: .3rem;
      border-color: rgba(112, 112, 112, 0.51); }
    .cx-section-faq .btn-wrapper .cx-btn {
      position: relative;
      z-index: 2; }

.cx-section-premi {
  padding: 4rem 0; }
  .cx-section-premi .box-inner-premi {
    padding: 4rem;
    background-color: #E9F1FA;
    border-radius: 36px; }
    @media (max-width: 767px) {
      .cx-section-premi .box-inner-premi {
        padding: 2rem 1rem; } }
    .cx-section-premi .box-inner-premi .box-head .title {
      margin-bottom: 1rem; }
    .cx-section-premi .box-inner-premi .box-head .desc {
      max-width: 75%;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .cx-section-premi .box-inner-premi .box-head .desc {
          max-width: 100%; } }
    @media (max-width: 767px) {
      .cx-section-premi .box-inner-premi .nav.nav-tabs {
        padding: 0;
        flex-wrap: nowrap; } }
    .cx-section-premi .box-inner-premi .nav.nav-tabs li {
      position: relative; }
      .cx-section-premi .box-inner-premi .nav.nav-tabs li:after {
        content: "|";
        position: absolute;
        right: -4rem;
        top: .5rem;
        color: #BBBBBB; }
        @media (max-width: 767px) {
          .cx-section-premi .box-inner-premi .nav.nav-tabs li:after {
            display: none; } }
      .cx-section-premi .box-inner-premi .nav.nav-tabs li:last-child:after {
        display: none; }
      .cx-section-premi .box-inner-premi .nav.nav-tabs li a {
        border: 0;
        border-bottom: 3px solid transform;
        border-radius: 0;
        font-family: "SourceSans-Semibold"; }
        @media (max-width: 767px) {
          .cx-section-premi .box-inner-premi .nav.nav-tabs li a {
            font-size: .7rem;
            text-align: center; } }
        .cx-section-premi .box-inner-premi .nav.nav-tabs li a.active, .cx-section-premi .box-inner-premi .nav.nav-tabs li a:hover {
          background: none;
          color: #F07662;
          border-bottom: 3px solid #F07662; }

.cx-section-all-faq .box-inner-premi .box-form .dropdown-custom {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2rem; }
  @media (max-width: 767px) {
    .cx-section-all-faq .box-inner-premi .box-form .dropdown-custom {
      width: 100%; } }
  .cx-section-all-faq .box-inner-premi .box-form .dropdown-custom .selected-value {
    background: #ffffff;
    margin-top: 1rem;
    padding: 1rem 1.5rem;
    border-radius: 24px;
    text-align: left;
    font-size: 1.2rem;
    box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    position: relative;
    color: #717171; }
    .cx-section-all-faq .box-inner-premi .box-form .dropdown-custom .selected-value.selected {
      font-family: "SourceSans-Bold"; }
    .cx-section-all-faq .box-inner-premi .box-form .dropdown-custom .selected-value:after {
      content: "\f078";
      font-family: "Font Awesome 5 Pro";
      position: absolute;
      right: 2rem; }
  .cx-section-all-faq .box-inner-premi .box-form .dropdown-custom .box-dropdown {
    background: #ffffff;
    padding: 1.5rem 0;
    padding-top: 2.5rem;
    margin-top: -1.5rem;
    border-radius: 0 0 24px 24px;
    box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.16);
    display: none; }
    .cx-section-all-faq .box-inner-premi .box-form .dropdown-custom .box-dropdown li {
      list-style: none;
      text-align: left;
      padding: 1rem 2rem;
      cursor: pointer;
      color: #717171;
      font-size: 1.2rem; }
      .cx-section-all-faq .box-inner-premi .box-form .dropdown-custom .box-dropdown li:hover {
        background: #EFF4FB; }
      .cx-section-all-faq .box-inner-premi .box-form .dropdown-custom .box-dropdown li:last-child {
        margin-bottom: 0; }

.cx-section-all-faq .box-inner-premi .box-list-faq {
  display: none; }
  .cx-section-all-faq .box-inner-premi .box-list-faq.show {
    display: block; }
  .cx-section-all-faq .box-inner-premi .box-list-faq .box-note {
    text-align: center;
    margin-bottom: 2rem; }
    .cx-section-all-faq .box-inner-premi .box-list-faq .box-note h4 {
      font-family: "Publico-Bold"; }
  .cx-section-all-faq .box-inner-premi .box-list-faq .list-dropdown {
    display: none; }

.cx-section-formulir {
  padding-bottom: 0; }
  .cx-section-formulir .box-inner-premi {
    padding-bottom: 1rem;
    border-radius: 36px 36px 0 0; }

.box-list-formulir.last-formulir {
  padding-bottom: 4rem; }
  .box-list-formulir.last-formulir .box-inner-premi {
    padding-bottom: 4rem;
    border-radius: 0 0 36px 36px; }

.box-list-formulir .box-inner-premi {
  padding: 0 4rem;
  padding-bottom: 1.5rem;
  background-color: #E9F1FA; }
  @media (max-width: 767px) {
    .box-list-formulir .box-inner-premi {
      padding: 0 2rem;
      padding-bottom: 1.5rem; } }
  .box-list-formulir .box-inner-premi .list-dropdown {
    margin-bottom: 0; }
    .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown {
      padding: 2rem 4rem; }
      @media (max-width: 767px) {
        .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown {
          padding: 2rem; } }
      .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown .list-formulir {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 2rem;
        border-bottom: 1px solid rgba(112, 112, 112, 0.55); }
        @media (max-width: 768px) {
          .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown .list-formulir {
            flex-direction: column;
            padding: 1rem 0; } }
        .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown .list-formulir:last-child {
          margin-bottom: 2rem; }
        .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown .list-formulir .box-image {
          flex: 0 10%;
          max-width: 10%; }
          @media (max-width: 768px) {
            .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown .list-formulir .box-image {
              flex: 0 100%;
              max-width: 100%;
              margin-bottom: 1rem; } }
        .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown .list-formulir .title {
          flex: 0 80%;
          max-width: 80%;
          padding-right: 4rem;
          font-size: 1.2rem; }
          @media (max-width: 1024px) {
            .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown .list-formulir .title {
              flex: 65%;
              max-width: 65%;
              padding-right: 2rem; } }
          @media (max-width: 768px) {
            .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown .list-formulir .title {
              flex: 0 100%;
              max-width: 100%;
              font-size: 1rem;
              padding-right: 0;
              text-align: center; } }
        .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown .list-formulir .download {
          flex: 0 25%;
          text-align: right;
          text-transform: uppercase;
          text-decoration: underline;
          color: #233F90; }
          @media (max-width: 1024px) {
            .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown .list-formulir .download {
              flex: 0 35%; } }
          @media (max-width: 768px) {
            .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown .list-formulir .download {
              flex: 0 100%;
              text-align: center; } }
          .box-list-formulir .box-inner-premi .list-dropdown .box-content-dropdown .list-formulir .download i {
            margin-right: .5rem; }

.cx-pengajuan-klaim .box-step {
  padding: 0 3rem;
  padding-bottom: 2rem; }
  @media (max-width: 768px) {
    .cx-pengajuan-klaim .box-step {
      padding: 0 1rem;
      padding-bottom: 2rem; } }
  .cx-pengajuan-klaim .box-step .list-step {
    display: flex;
    margin-bottom: 1.5rem; }
    .cx-pengajuan-klaim .box-step .list-step .box-image {
      flex: 0 10%;
      max-width: 10%; }
      @media (max-width: 768px) {
        .cx-pengajuan-klaim .box-step .list-step .box-image {
          margin-right: 1rem; } }
    .cx-pengajuan-klaim .box-step .list-step .box-content-step {
      flex: 0 90%;
      max-width: 90%; }
      .cx-pengajuan-klaim .box-step .list-step .box-content-step p {
        margin: 0; }
        .cx-pengajuan-klaim .box-step .list-step .box-content-step p.title {
          font-size: 1.2rem;
          font-family: "SourceSans-Bold"; }
        .cx-pengajuan-klaim .box-step .list-step .box-content-step p.desc {
          text-align: justify; }

.cx-pengajuan-klaim .box-list-content .box-content-dropdown {
  padding: 2rem 4rem; }
  @media (max-width: 767px) {
    .cx-pengajuan-klaim .box-list-content .box-content-dropdown {
      padding: 2rem; } }
  .cx-pengajuan-klaim .box-list-content .box-content-dropdown ul {
    display: flex;
    flex-direction: column;
    height: 170px;
    width: 60%;
    flex-wrap: wrap;
    margin: 0;
    padding: 0; }
    @media (max-width: 1024px) {
      .cx-pengajuan-klaim .box-list-content .box-content-dropdown ul {
        width: 80%; } }
    @media (max-width: 767px) {
      .cx-pengajuan-klaim .box-list-content .box-content-dropdown ul {
        width: 100%;
        height: auto; } }
    .cx-pengajuan-klaim .box-list-content .box-content-dropdown ul li {
      margin-bottom: 1rem;
      color: #4976BA;
      list-style: none; }
      .cx-pengajuan-klaim .box-list-content .box-content-dropdown ul li a {
        color: #4976BA; }
      .cx-pengajuan-klaim .box-list-content .box-content-dropdown ul li:before {
        content: "\f054";
        font-family: "Font Awesome 5 Pro";
        margin-right: 1rem; }

.cx-section-file {
  padding: 2rem;
  background: #F1F4FA; }
  @media (max-width: 767px) {
    .cx-section-file {
      padding: 1rem; } }
  .cx-section-file.last-section-file {
    padding-bottom: 16rem; }
  .cx-section-file.file-product {
    padding: 4rem 0;
    background: none; }
  .cx-section-file .box-file .list-dropdown {
    margin: 0; }
    .cx-section-file .box-file .list-dropdown .box-head-dropdown {
      text-align: center; }
      @media (max-width: 767px) {
        .cx-section-file .box-file .list-dropdown .box-head-dropdown {
          text-align: left; }
          .cx-section-file .box-file .list-dropdown .box-head-dropdown:after {
            right: 1.2rem;
            top: 1rem; } }
      .cx-section-file .box-file .list-dropdown .box-head-dropdown .title {
        max-width: none;
        font-size: 1.5rem; }
        @media (max-width: 768px) {
          .cx-section-file .box-file .list-dropdown .box-head-dropdown .title {
            font-size: 1.2rem; } }
    .cx-section-file .box-file .list-dropdown .box-content-dropdown {
      padding: 2rem 10rem; }
      @media (max-width: 1024px) {
        .cx-section-file .box-file .list-dropdown .box-content-dropdown {
          padding: 2rem; } }
      @media (max-width: 767px) {
        .cx-section-file .box-file .list-dropdown .box-content-dropdown {
          margin-top: -2rem;
          padding: 1rem; }
          .cx-section-file .box-file .list-dropdown .box-content-dropdown.active {
            margin-top: 0; } }
      .cx-section-file .box-file .list-dropdown .box-content-dropdown .row {
        padding-bottom: 2rem;
        padding-top: 3.5rem; }
        @media (max-width: 767px) {
          .cx-section-file .box-file .list-dropdown .box-content-dropdown .row {
            padding: 0; } }
      .cx-section-file .box-file .list-dropdown .box-content-dropdown .list-file {
        padding: 1rem;
        border-radius: 15px;
        border: 1px solid rgba(184, 184, 184, 0.4);
        margin-bottom: 1.5rem;
        display: flex; }
        .cx-section-file .box-file .list-dropdown .box-content-dropdown .list-file .box-image {
          flex: 0 15%;
          max-width: 15%; }
          @media (max-width: 768px) {
            .cx-section-file .box-file .list-dropdown .box-content-dropdown .list-file .box-image {
              margin-right: 1rem; } }
          @media (max-width: 767px) {
            .cx-section-file .box-file .list-dropdown .box-content-dropdown .list-file .box-image {
              flex: 0 20%;
              max-width: 20%;
              margin-right: 0; } }
        .cx-section-file .box-file .list-dropdown .box-content-dropdown .list-file .box-content {
          flex: 0 90%;
          max-width: 90%; }
          @media (max-width: 767px) {
            .cx-section-file .box-file .list-dropdown .box-content-dropdown .list-file .box-content {
              flex: 0 80%;
              max-width: 80%; } }
          .cx-section-file .box-file .list-dropdown .box-content-dropdown .list-file .box-content .title {
            font-size: 1.2rem;
            font-family: "SourceSans-Bold";
            overflow: hidden;
            height: 46px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
            .cx-section-file .box-file .list-dropdown .box-content-dropdown .list-file .box-content .title:hover {
              height: auto;
              min-height: 46px;
              display: block; }
          .cx-section-file .box-file .list-dropdown .box-content-dropdown .list-file .box-content .download {
            color: #233F90;
            text-decoration: underline;
            text-transform: uppercase;
            font-size: .8rem;
            font-family: "SourceSans-Semibold"; }
            .cx-section-file .box-file .list-dropdown .box-content-dropdown .list-file .box-content .download i {
              margin-right: .5rem; }

.AsuransiAXAGoodHealth .cx-section-file {
  margin-bottom: 0 !important; }

.cx-customer-care .box-list-content .list-dropdown .box-content-dropdown {
  padding: 2rem 4rem; }
  @media (max-width: 767px) {
    .cx-customer-care .box-list-content .list-dropdown .box-content-dropdown {
      padding: 2rem; } }
  .cx-customer-care .box-list-content .list-dropdown .box-content-dropdown .content-with-icon {
    padding-top: 1rem; }
    .cx-customer-care .box-list-content .list-dropdown .box-content-dropdown .content-with-icon .title {
      font-size: 1.2rem;
      margin-bottom: 1.5rem;
      font-family: "SourceSans-Bold"; }
    .cx-customer-care .box-list-content .list-dropdown .box-content-dropdown .content-with-icon ul {
      padding: 0;
      margin: 0;
      margin-bottom: 1rem; }
      .cx-customer-care .box-list-content .list-dropdown .box-content-dropdown .content-with-icon ul li {
        list-style: none;
        margin-bottom: 1rem;
        display: flex; }
        .cx-customer-care .box-list-content .list-dropdown .box-content-dropdown .content-with-icon ul li p {
          color: #272727;
          font-size: 1.1rem;
          line-height: 1.5rem; }
        .cx-customer-care .box-list-content .list-dropdown .box-content-dropdown .content-with-icon ul li i {
          margin-right: .5rem;
          color: #757575;
          position: relative;
          top: .3rem; }

.cx-detail-claim .list-dropdown .box-content-dropdown {
  padding: 2rem 4rem; }
  @media (max-width: 767px) {
    .cx-detail-claim .list-dropdown .box-content-dropdown {
      padding: 2rem; } }

.cx-detail-claim .list-file {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  border-bottom: 1px solid rgba(112, 112, 112, 0.55); }
  @media (max-width: 767px) {
    .cx-detail-claim .list-file {
      flex-direction: column;
      padding: 1rem 0; } }
  .cx-detail-claim .list-file:last-child {
    margin-bottom: 2rem; }
  .cx-detail-claim .list-file .box-image {
    flex: 0 10%;
    max-width: 10%; }
    @media (max-width: 767px) {
      .cx-detail-claim .list-file .box-image {
        flex: 0 100%;
        max-width: 100%;
        margin-bottom: 1rem; } }
  .cx-detail-claim .list-file .title {
    flex: 0 80%;
    max-width: 80%;
    padding-right: 4rem;
    font-size: 1.2rem; }
    @media (max-width: 767px) {
      .cx-detail-claim .list-file .title {
        flex: 0 100%;
        max-width: 100%;
        font-size: 1rem;
        padding-right: 0;
        text-align: center; } }
  .cx-detail-claim .list-file .download {
    flex: 0 20%;
    text-align: right;
    text-transform: uppercase;
    text-decoration: underline;
    color: #233F90; }
    @media (max-width: 767px) {
      .cx-detail-claim .list-file .download {
        flex: 0 100%;
        text-align: center; } }
    .cx-detail-claim .list-file .download i {
      margin-right: .5rem; }

.cx-content-sideimage {
  padding: 4rem 0;
  background-size: 50%;
  background-position: bottom right;
  background-repeat: no-repeat;
  min-height: 600px; }
  @media (max-width: 767px) {
    .cx-content-sideimage {
      background-size: 87%;
      padding-bottom: 17rem; } }
  .cx-content-sideimage .title {
    font-size: 1.9rem; }
  .cx-content-sideimage .box-content {
    text-align: justify; }
    .cx-content-sideimage .box-content ul {
      margin: 0;
      padding: 0;
      padding-left: 1rem;
      margin-top: .5rem; }
      .cx-content-sideimage .box-content ul li {
        margin-bottom: .5rem; }

@media (max-width: 768px) {
  .cx-section-banner-link .carousel-banner-link.carousel-desktop {
    display: none; } }

@media (max-width: 768px) {
  .cx-section-banner-link .carousel-banner-link.carousel-mobile {
    display: block; } }

.cx-section-banner-link .carousel-banner-link .list-carousel-banner {
  height: 380px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media (max-width: 1024px) {
    .cx-section-banner-link .carousel-banner-link .list-carousel-banner {
      background-position: initial; } }
  @media (max-width: 768px) {
    .cx-section-banner-link .carousel-banner-link .list-carousel-banner {
      background-position: center; } }

.cx-section-banner-link .carousel-banner-link .slick-dots {
  bottom: 2rem; }
  .cx-section-banner-link .carousel-banner-link .slick-dots li {
    width: 10px;
    height: 10px; }
    .cx-section-banner-link .carousel-banner-link .slick-dots li button:before {
      content: '';
      background: #999999;
      width: 10px;
      height: 10px;
      opacity: .3;
      border-radius: 20px; }
    .cx-section-banner-link .carousel-banner-link .slick-dots li.slick-active button:before {
      opacity: 1;
      background: #39A1FF; }

.cx-section-kategori-beli-online {
  padding: 4rem 0; }
  .cx-section-kategori-beli-online .box-kategori .list-kategori .box-image {
    height: 226px;
    overflow: hidden;
    position: relative;
    margin-bottom: 1.5rem; }
    .cx-section-kategori-beli-online .box-kategori .list-kategori .box-image img {
      position: absolute;
      bottom: 0;
      z-index: 2; }
    .cx-section-kategori-beli-online .box-kategori .list-kategori .box-image .bg-color {
      height: 151px;
      width: 100%;
      position: absolute;
      bottom: 0;
      z-index: 1; }
  .cx-section-kategori-beli-online .box-kategori .list-kategori .box-content .desc-kategori {
    max-width: 80%;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }

.cx-landing-beli-online {
  padding-top: 0; }
  .cx-landing-beli-online .box-inner-beli-online {
    border-top: 1px solid rgba(112, 112, 112, 0.28);
    padding-top: 4rem; }
    .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online {
      max-width: 900px;
      margin: 0 auto; }
      .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online:after {
        display: none; }
      .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-track {
        margin: auto; }
      .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product {
        outline: none;
        border-radius: 24px;
        background: #ffffff;
        box-shadow: 0 11px 11px rgba(0, 0, 0, 0.16);
        padding: 1rem;
        position: relative;
        margin: 0 1rem;
        margin-bottom: 1.5rem; }
        .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-image {
          width: 100%;
          height: 146px;
          overflow: hidden;
          border-radius: 6px; }
          .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-image img {
            border-radius: 6px;
            width: 100%; }
        .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-tag {
          position: absolute;
          top: 1.5rem;
          right: 1.5rem;
          display: flex; }
          .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-tag .box-hotoffer {
            background: #FF1721;
            border-radius: 39px;
            padding: .4rem 1rem;
            color: #ffffff;
            font-family: "SourceSans-Semibold";
            font-size: .7rem;
            text-transform: uppercase;
            margin: 0 .2rem; }
            .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-tag .box-hotoffer:last-child {
              margin-right: 0; }
            .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-tag .box-hotoffer.CashBack {
              background: #9FD9B4; }
            .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-tag .box-hotoffer.Discount {
              background: #DDBE65; }
            .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-tag .box-hotoffer.BestSeller {
              background: #020090; }
        .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-content {
          margin: 1rem 0;
          margin-bottom: .5rem;
          position: relative;
          height: 295px; }
          @media (max-width: 1024px) {
            .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-content {
              height: 310px; } }
          .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-content .entity {
            font-size: .8rem;
            text-transform: uppercase;
            margin-bottom: .5rem;
            color: #727272; }
          .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-content .title {
            font-size: 1.1rem;
            color: #333333;
            font-family: "Publico-Bold";
            height: 60px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden; }
          .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-content .desc {
            font-size: .9rem;
            color: #727272;
            height: 84px;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden; }
          .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-content .btn-holder {
            position: absolute;
            bottom: 0;
            width: 100%; }
          .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .list-product .box-content .btn {
            min-width: 165px; }
      .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-prev,
      .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-next {
        background: #F07662;
        width: 54px;
        height: 54px;
        opacity: 1;
        top: auto;
        bottom: -7rem; }
        @media (max-width: 767px) {
          .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-prev,
          .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-next {
            opacity: 0; } }
        .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-prev.slick-disabled,
        .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-next.slick-disabled {
          opacity: 1;
          background: #FBCBC3;
          cursor: no-drop; }
          @media (max-width: 767px) {
            .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-prev.slick-disabled,
            .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-next.slick-disabled {
              opacity: 0; } }
        .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-prev:before,
        .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-next:before {
          font-size: 1.5rem;
          font-family: "Font Awesome 5 Pro"; }
      .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-prev {
        left: auto;
        right: 4rem; }
        .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-prev:before {
          content: "\f053"; }
      .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-next {
        right: 0; }
        .cx-landing-beli-online .box-inner-beli-online .box-content-beli-online .slick-next:before {
          content: "\f054"; }

.modal-payment-info .modal-dialog,
.modal-upload-data .modal-dialog,
.modal-survey .modal-dialog {
  position: relative;
  max-width: 1100px; }
  .modal-payment-info .modal-dialog .modal-content,
  .modal-upload-data .modal-dialog .modal-content,
  .modal-survey .modal-dialog .modal-content {
    border-radius: 24px; }
    .modal-payment-info .modal-dialog .modal-content .modal-body,
    .modal-upload-data .modal-dialog .modal-content .modal-body,
    .modal-survey .modal-dialog .modal-content .modal-body {
      height: auto; }
      @media (max-width: 767px) {
        .modal-payment-info .modal-dialog .modal-content .modal-body,
        .modal-upload-data .modal-dialog .modal-content .modal-body,
        .modal-survey .modal-dialog .modal-content .modal-body {
          height: 95vh; } }
      .modal-payment-info .modal-dialog .modal-content .modal-body .box-content,
      .modal-upload-data .modal-dialog .modal-content .modal-body .box-content,
      .modal-survey .modal-dialog .modal-content .modal-body .box-content {
        position: relative; }
        .modal-payment-info .modal-dialog .modal-content .modal-body .box-content .box-text,
        .modal-upload-data .modal-dialog .modal-content .modal-body .box-content .box-text,
        .modal-survey .modal-dialog .modal-content .modal-body .box-content .box-text {
          padding-top: 6rem; }
          @media (max-width: 767px) {
            .modal-payment-info .modal-dialog .modal-content .modal-body .box-content .box-text,
            .modal-upload-data .modal-dialog .modal-content .modal-body .box-content .box-text,
            .modal-survey .modal-dialog .modal-content .modal-body .box-content .box-text {
              padding-top: 0; }
              .modal-payment-info .modal-dialog .modal-content .modal-body .box-content .box-text .btn-holder,
              .modal-upload-data .modal-dialog .modal-content .modal-body .box-content .box-text .btn-holder,
              .modal-survey .modal-dialog .modal-content .modal-body .box-content .box-text .btn-holder {
                text-align: center; }
                .modal-payment-info .modal-dialog .modal-content .modal-body .box-content .box-text .btn-holder .cx-btn,
                .modal-upload-data .modal-dialog .modal-content .modal-body .box-content .box-text .btn-holder .cx-btn,
                .modal-survey .modal-dialog .modal-content .modal-body .box-content .box-text .btn-holder .cx-btn {
                  width: 100%;
                  margin: 0 !important;
                  margin-bottom: .5rem !important; } }

.modal-upload-data {
  padding-right: 0px !important; }

.modal-upload-data .modal-dialog {
  margin: 0.5rem auto; }

.modal-upload-data .modal-body {
  overflow-y: auto;
  max-height: 92vh; }

.modal-survey .modal-dialog {
  max-width: 720px; }
  .modal-survey .modal-dialog .modal-content .modal-body {
    text-align: center; }
    @media (max-width: 767px) {
      .modal-survey .modal-dialog .modal-content .modal-body {
        height: auto; } }
    .modal-survey .modal-dialog .modal-content .modal-body .box-content {
      padding: 2rem; }
      @media (max-width: 767px) {
        .modal-survey .modal-dialog .modal-content .modal-body .box-content {
          padding: 2rem 0; } }
      .modal-survey .modal-dialog .modal-content .modal-body .box-content .box-text {
        padding-top: 2rem; }
        .modal-survey .modal-dialog .modal-content .modal-body .box-content .box-text .desc {
          max-width: 65%;
          margin: 0 auto; }
          @media (max-width: 767px) {
            .modal-survey .modal-dialog .modal-content .modal-body .box-content .box-text .desc {
              max-width: 100%; } }
        .modal-survey .modal-dialog .modal-content .modal-body .box-content .box-text .btn-holder {
          margin-top: 2rem; }

.modal-survey-agreement .modal-dialog {
  max-width: 904px; }
  .modal-survey-agreement .modal-dialog .modal-content .modal-body {
    height: 90vh;
    text-align: left; }
    @media (max-width: 767px) {
      .modal-survey-agreement .modal-dialog .modal-content .modal-body {
        height: 95vh; } }
    .modal-survey-agreement .modal-dialog .modal-content .modal-body .box-content {
      max-width: 70%;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .modal-survey-agreement .modal-dialog .modal-content .modal-body .box-content {
          max-width: 100%; } }
      .modal-survey-agreement .modal-dialog .modal-content .modal-body .box-content .box-form .form-date:after {
        top: .7rem; }

.modal-survey-rating .modal-dialog {
  max-width: 904px; }
  .modal-survey-rating .modal-dialog .modal-content .modal-body {
    height: 90vh;
    text-align: left; }
    @media (max-width: 767px) {
      .modal-survey-rating .modal-dialog .modal-content .modal-body {
        height: 95vh; } }
    .modal-survey-rating .modal-dialog .modal-content .modal-body .box-content {
      max-width: 80%;
      margin: 0 auto;
      padding: 2rem 1rem; }
      @media (max-width: 767px) {
        .modal-survey-rating .modal-dialog .modal-content .modal-body .box-content {
          max-width: 100%;
          padding: 2rem 0; } }
      .modal-survey-rating .modal-dialog .modal-content .modal-body .box-content .box-form .control-label {
        display: block; }
      .modal-survey-rating .modal-dialog .modal-content .modal-body .box-content .box-form label.rating {
        display: inline-block;
        cursor: pointer;
        position: relative;
        margin-right: 6rem;
        margin-bottom: 2rem; }
        @media (max-width: 767px) {
          .modal-survey-rating .modal-dialog .modal-content .modal-body .box-content .box-form label.rating {
            margin-right: 3rem; } }
        @media (max-width: 320px) {
          .modal-survey-rating .modal-dialog .modal-content .modal-body .box-content .box-form label.rating {
            margin-right: 2rem; } }
        .modal-survey-rating .modal-dialog .modal-content .modal-body .box-content .box-form label.rating:before {
          content: '';
          width: 55px;
          height: 55px;
          background-image: url(../images/Survey-Beli-Online/ic-rating.png);
          background-size: cover;
          display: inline-block;
          margin-right: 10px;
          position: absolute;
          left: 0;
          top: -.5rem; }
          @media (max-width: 320px) {
            .modal-survey-rating .modal-dialog .modal-content .modal-body .box-content .box-form label.rating:before {
              width: 35px;
              height: 35px; } }
        .modal-survey-rating .modal-dialog .modal-content .modal-body .box-content .box-form label.rating.active:before {
          background-image: url(../images/Survey-Beli-Online/ic-rating-active.png); }
      .modal-survey-rating .modal-dialog .modal-content .modal-body .box-content .box-form input[type=radio] {
        display: none;
        -webkit-appearance: none; }
      .modal-survey-rating .modal-dialog .modal-content .modal-body .box-content .box-form input:checked + label.rating:before {
        background-image: url(../images/Survey-Beli-Online/ic-rating-active.png); }

.modal-survey-thanks .modal-dialog .modal-content .modal-body {
  text-align: left; }
  @media (max-width: 320px) {
    .modal-survey-thanks .modal-dialog .modal-content .modal-body {
      height: 95vh; } }
  .modal-survey-thanks .modal-dialog .modal-content .modal-body .box-content {
    padding: 2rem 1rem; }
    .modal-survey-thanks .modal-dialog .modal-content .modal-body .box-content .box-text .desc {
      max-width: 100%; }
    .modal-survey-thanks .modal-dialog .modal-content .modal-body .box-content .box-text .btn-holder {
      margin-top: 1rem; }

.section-not-found {
  position: relative;
  height: 100vh;
  overflow: hidden; }
  @media (max-width: 1024px) {
    .section-not-found {
      height: 60vh; } }
  @media (max-width: 767px) {
    .section-not-found {
      height: 100vh; } }
  .section-not-found.error-agh {
    height: 100vh; }
    @media (max-width: 767px) {
      .section-not-found.error-agh {
        min-height: 100vh;
        height: auto;
        padding: 4rem 0; } }
    @media (max-width: 820px) {
      .section-not-found.error-agh .container.CX-wrapper {
        max-width: 720px; } }
    @media (max-width: 820px) {
      .section-not-found.error-agh .bg-image {
        height: 92%; } }
    @media (max-width: 820px) {
      .section-not-found.error-agh .bg-bottom {
        position: absolute;
        bottom: 0; } }
    .section-not-found.error-agh .row .col-md-6 {
      height: auto; }
    .section-not-found.error-agh .box-content .box-text {
      top: auto;
      transform: none; }
    .section-not-found.error-agh .box-content .box-vector {
      position: relative;
      bottom: auto; }
  .section-not-found .bg-image {
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 85%; }
    @media (max-width: 767px) {
      .section-not-found .bg-image {
        height: 100%; } }
    .section-not-found .bg-image img {
      height: auto;
      position: absolute;
      bottom: 0; }
  .section-not-found .container.CX-wrapper {
    height: 85%;
    position: relative;
    max-width: 950px; }
    @media (max-width: 767px) {
      .section-not-found .container.CX-wrapper {
        height: 100%; } }
  .section-not-found .row {
    height: 100%; }
    .section-not-found .row .col-md-6 {
      height: 100%; }
      @media (max-width: 767px) {
        .section-not-found .row .col-md-6 {
          height: auto; } }
  .section-not-found .box-content {
    position: relative;
    height: 100%; }
    .section-not-found .box-content .box-text {
      position: relative;
      top: 58%;
      transform: translatey(-58%); }
      .section-not-found .box-content .box-text .title {
        font-size: 2.5rem; }
      .section-not-found .box-content .box-text .desc {
        width: 80%; }
    .section-not-found .box-content .box-vector {
      position: absolute;
      bottom: 0; }
  .section-not-found .bg-bottom {
    height: 120px;
    width: 100%;
    background: #F6F6F6;
    position: relative;
    z-index: 2; }
    @media (max-width: 767px) {
      .section-not-found .bg-bottom {
        display: none; } }

.cx-section-solusi-perlindungan {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 6rem 0; }
  @media (max-width: 1024px) and (min-height: 1365px) {
    .cx-section-solusi-perlindungan {
      padding-bottom: 19rem;
      background-size: cover; } }
  @media (max-width: 768px) {
    .cx-section-solusi-perlindungan {
      background-size: cover; } }
  @media (max-width: 767px) {
    .cx-section-solusi-perlindungan {
      padding: 4rem 0; } }
  .cx-section-solusi-perlindungan .box-solusi .slick-track {
    padding-bottom: 4rem; }
  .cx-section-solusi-perlindungan .box-solusi .list-solusi {
    height: 380px;
    text-decoration: none; }
    .cx-section-solusi-perlindungan .box-solusi .list-solusi .list-solusi:hover {
      box-shadow: 0 11px 16px rgba(0, 0, 0, 0.3); }
    @media (max-width: 1024px) {
      .cx-section-solusi-perlindungan .box-solusi .list-solusi {
        height: 310px; } }
    @media (max-width: 767px) {
      .cx-section-solusi-perlindungan .box-solusi .list-solusi {
        height: 400px; } }
    .cx-section-solusi-perlindungan .box-solusi .list-solusi .title-solusi {
      font-size: 1.2rem;
      font-family: "SourceSans-Semibold";
      text-align: center; }
      @media (max-width: 767px) {
        .cx-section-solusi-perlindungan .box-solusi .list-solusi .title-solusi {
          font-size: 1.5rem; } }

.cx-section-landing-category {
  padding: 4rem 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media (max-width: 1024px) and (min-height: 1365px) {
    .cx-section-landing-category {
      padding-bottom: 14rem;
      background-position: top; } }
  .cx-section-landing-category .box-image {
    padding-top: 5rem; }
    @media (max-width: 1024px) and (min-height: 1365px) {
      .cx-section-landing-category .box-image img {
        position: relative;
        top: 8rem; } }
  .cx-section-landing-category .box-content {
    width: max-content;
    max-width: 100%;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .cx-section-landing-category .box-content {
        text-align: center; } }
    .cx-section-landing-category .box-content .box-dana {
      display: flex; }
      @media (max-width: 767px) {
        .cx-section-landing-category .box-content .box-dana {
          flex-wrap: wrap;
          justify-content: center; } }
      .cx-section-landing-category .box-content .box-dana .list-dana {
        width: 122px;
        padding: 1rem 0;
        text-align: center;
        text-decoration: none;
        margin: 0 .5rem;
        border-radius: 11px;
        position: relative; }
        @media (max-width: 767px) {
          .cx-section-landing-category .box-content .box-dana .list-dana {
            width: 115px;
            margin: .5rem !important; } }
        .cx-section-landing-category .box-content .box-dana .list-dana:hover:after {
          height: 100%; }
        .cx-section-landing-category .box-content .box-dana .list-dana:after {
          content: '';
          background: rgba(255, 255, 255, 0.5);
          border-radius: 11px;
          position: absolute;
          width: 100%;
          height: 0;
          top: 0;
          left: 0;
          -moz-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .cx-section-landing-category .box-content .box-dana .list-dana:first-child {
          margin-left: 0; }
        .cx-section-landing-category .box-content .box-dana .list-dana img {
          height: 50px;
          margin-bottom: 1rem; }
        .cx-section-landing-category .box-content .box-dana .list-dana .label-dana {
          margin: 0;
          font-size: .9rem;
          color: #fff; }

.cx-section-dana-perlindungan {
  padding: 6rem 0;
  background-image: url("../images/Solusi-Perlindungan/Step-1/bg-category-blue-min.jpg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat; }
  @media (max-width: 1024px) {
    .cx-section-dana-perlindungan {
      padding: 10.5rem 0; } }
  @media (max-width: 768px) {
    .cx-section-dana-perlindungan {
      padding: 6rem 0; } }
  @media (max-width: 767px) {
    .cx-section-dana-perlindungan {
      padding: 4rem 0; } }
  .cx-section-dana-perlindungan .box-carousel-dana-perlindungan {
    width: 1000px;
    padding: 0 8rem;
    padding-bottom: 6rem;
    margin: 0 auto;
    position: relative; }
    @media (max-width: 1024px) {
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan {
        width: 920px;
        padding: 0 6rem;
        padding-bottom: 5rem; } }
    @media (max-width: 768px) {
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan {
        width: 100%;
        padding: 0 2rem;
        padding-bottom: 4rem; } }
    @media (max-width: 767px) {
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan {
        padding: 0 .5rem;
        padding-bottom: 2.8rem; } }
    @media (max-width: 375px) {
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan {
        padding: 0 .5rem;
        padding-bottom: 2.5rem; } }
    @media (max-width: 320px) {
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan {
        padding-bottom: 2rem; } }
    .cx-section-dana-perlindungan .box-carousel-dana-perlindungan:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 342px;
      background-image: url(../images//Solusi-Perlindungan/Step-3/bg-slide-min.png);
      background-repeat: no-repeat;
      background-size: cover; }
      @media (max-width: 1024px) {
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan:after {
          height: 318px; } }
      @media (max-width: 768px) {
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan:after {
          height: 270px;
          left: -4rem;
          width: 116%; } }
      @media (max-width: 767px) {
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan:after {
          display: none; } }
    .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan {
      border: 40px solid #D1E2EA;
      border-radius: 10px 10px 0 0; }
      @media (max-width: 767px) {
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan {
          border: 15px solid #D1E2EA;
          border-bottom: 45px solid #D1E2EA;
          border-radius: 20px; } }
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .list-dana-perlindungan {
        position: relative; }
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .list-dana-perlindungan .box-image {
          height: 350px;
          overflow: hidden; }
          @media (max-width: 768px) {
            .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .list-dana-perlindungan .box-image {
              height: 285px; } }
          @media (max-width: 767px) {
            .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .list-dana-perlindungan .box-image {
              border-radius: 10px;
              height: auto;
              overflow: hidden; } }
          .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .list-dana-perlindungan .box-image img {
            height: 100%; }
          .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .list-dana-perlindungan .box-image .img-mobile {
            display: none; }
            @media (max-width: 767px) {
              .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .list-dana-perlindungan .box-image .img-mobile {
                display: block;
                width: 100%;
                border-radius: 20px; } }
          @media (max-width: 767px) {
            .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .list-dana-perlindungan .box-image .img-desktop {
              display: none; } }
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .list-dana-perlindungan .link-more {
          position: absolute;
          right: 3rem;
          top: .5rem;
          font-size: .7rem; }
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-prev,
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-next,
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .next-step {
        background: #F07662;
        width: 54px;
        height: 54px;
        border-radius: 50px;
        opacity: 1;
        top: 50%;
        bottom: auto;
        z-index: 2; }
        @media (max-width: 767px) {
          .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-prev,
          .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-next,
          .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .next-step {
            width: 40px;
            height: 40px; } }
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-prev.slick-disabled,
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-next.slick-disabled,
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .next-step.slick-disabled {
          opacity: 1;
          background: #FBCBC3;
          cursor: no-drop; }
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-prev:before,
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-next:before,
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .next-step:before {
          font-size: 1.5rem;
          font-family: "Font Awesome 5 Pro"; }
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-prev {
        left: -4.3rem;
        right: auto; }
        @media (max-width: 767px) {
          .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-prev {
            left: -2rem; } }
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-prev:before {
          content: "\f053"; }
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-next,
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .next-step {
        right: -4.3rem; }
        @media (max-width: 767px) {
          .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-next,
          .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .next-step {
            right: -2rem; } }
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .slick-next:before,
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .next-step:before {
          content: "\f054"; }
      .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .next-step {
        position: absolute;
        background: transparent;
        outline: none;
        border: none;
        top: 43%;
        opacity: 0;
        visibility: hidden; }
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .next-step.show {
          opacity: 1;
          visibility: visible; }
        .cx-section-dana-perlindungan .box-carousel-dana-perlindungan .carousel-dana-perlindungan .next-step:before {
          content: ''; }

.cx-section-result-solusi-perlindungan {
  padding: 4rem 0;
  padding-bottom: 6rem;
  background-image: url("../images/Solusi-Perlindungan/Step-1/bg-category-blue-min.jpg");
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat; }
  @media (max-width: 1024px) {
    .cx-section-result-solusi-perlindungan {
      padding: 10.5rem 0;
      background-size: cover; } }
  @media (max-width: 768px) {
    .cx-section-result-solusi-perlindungan {
      padding: 4rem 0; } }
  .cx-section-result-solusi-perlindungan .box-head .title {
    color: #000090; }
  .cx-section-result-solusi-perlindungan .carousel-product-result {
    width: 80%;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .cx-section-result-solusi-perlindungan .carousel-product-result {
        width: 100%; } }
    .cx-section-result-solusi-perlindungan .carousel-product-result .list-product {
      margin: 0 0.8rem;
      position: relative; }
      @media (min-width: 1025px) {
        .cx-section-result-solusi-perlindungan .carousel-product-result .list-product:hover .box-button {
          opacity: 1;
          visibility: visible; } }
      .cx-section-result-solusi-perlindungan .carousel-product-result .list-product img {
        margin: 0 auto; }
      .cx-section-result-solusi-perlindungan .carousel-product-result .list-product .box-button {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 144, 0.75);
        opacity: 0;
        visibility: hidden;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .cx-section-result-solusi-perlindungan .carousel-product-result .list-product .box-button .btn-secondary-transparent {
          border-color: #ffffff;
          color: #ffffff; }
          .cx-section-result-solusi-perlindungan .carousel-product-result .list-product .box-button .btn-secondary-transparent:hover {
            background-color: #ffffff; }
            .theme-default .cx-section-result-solusi-perlindungan .carousel-product-result .list-product .box-button .btn-secondary-transparent:hover {
              color: #494DF4; }
    .cx-section-result-solusi-perlindungan .carousel-product-result .slick-prev,
    .cx-section-result-solusi-perlindungan .carousel-product-result .slick-next {
      background: #F07662;
      width: 54px;
      height: 54px;
      border-radius: 50px;
      opacity: 1;
      top: 50%;
      bottom: auto;
      z-index: 2; }
      @media (max-width: 767px) {
        .cx-section-result-solusi-perlindungan .carousel-product-result .slick-prev,
        .cx-section-result-solusi-perlindungan .carousel-product-result .slick-next {
          opacity: 0;
          visibility: hidden; } }
      .cx-section-result-solusi-perlindungan .carousel-product-result .slick-prev.slick-disabled,
      .cx-section-result-solusi-perlindungan .carousel-product-result .slick-next.slick-disabled {
        opacity: 1;
        background: #FBCBC3;
        cursor: no-drop; }
      .cx-section-result-solusi-perlindungan .carousel-product-result .slick-prev:before,
      .cx-section-result-solusi-perlindungan .carousel-product-result .slick-next:before {
        font-size: 1.5rem;
        font-family: "Font Awesome 5 Pro"; }
    .cx-section-result-solusi-perlindungan .carousel-product-result .slick-prev {
      left: -4.3rem;
      right: auto; }
      @media (max-width: 767px) {
        .cx-section-result-solusi-perlindungan .carousel-product-result .slick-prev {
          left: -2rem; } }
      .cx-section-result-solusi-perlindungan .carousel-product-result .slick-prev:before {
        content: "\f053"; }
    .cx-section-result-solusi-perlindungan .carousel-product-result .slick-next {
      right: -4.3rem; }
      @media (max-width: 767px) {
        .cx-section-result-solusi-perlindungan .carousel-product-result .slick-next {
          right: -2rem; } }
      .cx-section-result-solusi-perlindungan .carousel-product-result .slick-next:before {
        content: "\f054"; }
  .cx-section-result-solusi-perlindungan .btn-holder.bottom {
    position: relative;
    z-index: 2;
    top: 8rem; }
    @media (max-width: 767px) {
      .cx-section-result-solusi-perlindungan .btn-holder.bottom {
        top: 2rem; } }
    .cx-section-result-solusi-perlindungan .btn-holder.bottom .btn {
      margin: 0 .5rem; }
      @media (max-width: 767px) {
        .cx-section-result-solusi-perlindungan .btn-holder.bottom .btn {
          width: 100%;
          margin: .5rem; } }

.section-hm-welcome {
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-image: url(../images/Health-Meter/Welcome-Page/bg-welcome-page.jpg);
  background-repeat: no-repeat; }
  @media (max-width: 1024px) {
    .section-hm-welcome {
      height: 60vh;
      background-size: contain;
      background-position: bottom; } }
  @media (max-width: 767px) {
    .section-hm-welcome {
      height: 70vh; } }
  .section-hm-welcome .box-content {
    text-align: center;
    max-width: 440px;
    margin: 0 auto;
    padding-top: 4rem; }
    .section-hm-welcome .box-content .title {
      margin-bottom: 2rem; }

.section-hm-gender,
.section-hm-exercise {
  padding: 4rem 0;
  background-image: url(../images/Health-Meter/bg-select-gender.jpg);
  background-size: cover; }
  @media (max-width: 1024px) and (min-height: 1366px) {
    .section-hm-gender,
    .section-hm-exercise {
      padding-bottom: 13rem; } }
  .section-hm-gender .box-content,
  .section-hm-exercise .box-content {
    max-width: 800px;
    margin: 0 auto; }
    .section-hm-gender .box-content .title,
    .section-hm-exercise .box-content .title {
      margin-bottom: 4rem;
      font-size: 2rem;
      font-family: "Publico-Bold"; }
    .section-hm-gender .box-content .box-option,
    .section-hm-exercise .box-content .box-option {
      text-align: center;
      cursor: pointer; }
      .section-hm-gender .box-content .box-option.active img, .section-hm-gender .box-content .box-option:hover img,
      .section-hm-exercise .box-content .box-option.active img,
      .section-hm-exercise .box-content .box-option:hover img {
        filter: grayscale(0); }
      .section-hm-gender .box-content .box-option img,
      .section-hm-exercise .box-content .box-option img {
        filter: grayscale(90%);
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .section-hm-gender .box-content .box-option .label-option,
      .section-hm-exercise .box-content .box-option .label-option {
        margin-top: 1rem;
        font-size: 1.2rem; }
    .section-hm-gender .box-content input[type="radio"],
    .section-hm-exercise .box-content input[type="radio"] {
      display: none; }
    .section-hm-gender .box-content .btn-holder,
    .section-hm-exercise .box-content .btn-holder {
      margin-top: 2rem; }

.section-hm-age {
  padding: 6rem 0;
  background-image: url(../images/Health-Meter/bg-default-hm.jpg);
  background-size: cover; }
  @media (max-width: 1204px) and (min-height: 1366px) {
    .section-hm-age {
      padding: 14.5rem 0; } }
  @media (max-width: 1204px) and (min-height: 1366px) and (max-width: 767px) {
    .section-hm-age {
      padding: 4rem 0; } }
  .section-hm-age .box-outer-container {
    max-width: 80%;
    margin: auto; }
    @media (max-width: 768px) {
      .section-hm-age .box-outer-container {
        max-width: 100%; } }
    .section-hm-age .box-outer-container .box-content {
      padding-left: 2rem; }
      @media (max-width: 767px) {
        .section-hm-age .box-outer-container .box-content {
          padding: 0 2rem;
          padding-bottom: 3rem; } }
      .section-hm-age .box-outer-container .box-content .title {
        margin-bottom: 1.5rem;
        font-family: "Publico-Bold"; }

.section-hm-sleeping-time {
  padding: 4rem 0;
  background-image: url(../images/Health-Meter/bg-default-hm.jpg);
  background-size: cover; }
  @media (max-width: 1024px) {
    .section-hm-sleeping-time {
      padding: 8rem 0; } }
  @media (max-width: 768px) {
    .section-hm-sleeping-time {
      padding: 4rem 0; } }
  .section-hm-sleeping-time .box-container-sleeping-time {
    max-width: 83%;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      .section-hm-sleeping-time .box-container-sleeping-time {
        max-width: 100%; } }
    .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock {
      position: relative; }
      .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-clock {
        padding-left: 5rem;
        position: relative;
        padding-top: 2rem;
        padding-bottom: 3rem; }
        .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-clock:before {
          content: "";
          width: 125px;
          height: 71px;
          position: absolute;
          top: 0;
          left: 46%;
          transform: translateX(-50%);
          background-image: url(../images/Health-Meter/Sleeping-Time/top-clock.png);
          background-size: cover; }
          @media (max-width: 768px) {
            .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-clock:before {
              width: 95px;
              height: 50px; } }
          @media (max-width: 767px) {
            .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-clock:before {
              left: 13rem; } }
          @media (max-width: 375px) {
            .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-clock:before {
              left: 12rem;
              width: 67px;
              height: 38px; } }
        .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-clock:after {
          content: "";
          width: 617px;
          height: 285px;
          position: absolute;
          bottom: 0;
          left: 0;
          background-image: url(../images/Health-Meter/Sleeping-Time/bottom-clock.png);
          background-size: cover; }
          @media (max-width: 768px) {
            .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-clock:after {
              width: 406px;
              height: 173px;
              bottom: 1rem;
              left: 1.5rem; } }
          @media (max-width: 375px) {
            .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-clock:after {
              width: 350px;
              height: 161px; } }
      .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-value-sleeping-time {
        position: absolute;
        top: 15%;
        z-index: 3;
        background: #4976BA;
        padding: .5rem;
        border-radius: 10px; }
        @media (max-width: 768px) {
          .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-value-sleeping-time {
            top: 0; } }
        .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-value-sleeping-time:before {
          content: '';
          width: 115px;
          height: 310px;
          position: absolute;
          top: 88%;
          background-image: url(../images/Health-Meter/Sleeping-Time/vector-value-sleeping-time.png);
          background-size: cover; }
          @media (max-width: 768px) {
            .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-value-sleeping-time:before {
              width: 103px;
              height: 276px; } }
          @media (max-width: 375px) {
            .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-value-sleeping-time:before {
              width: 77px;
              height: 210px; } }
        .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-value-sleeping-time .box-inner {
          border: 2px solid #ffffff;
          border-radius: 10px;
          padding: 0 .7rem;
          font-size: 2rem;
          color: #ffffff;
          font-family: "Publico-Bold"; }
          .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-value-sleeping-time .box-inner span {
            margin-right: .5rem; }
      .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-info {
        margin-top: 2rem; }
        .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-info .cx-btn {
          cursor: default; }
          .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-info .cx-btn:hover:before, .section-hm-sleeping-time .box-container-sleeping-time .box-outer-clock .box-info .cx-btn.active:before {
            display: none; }
    .section-hm-sleeping-time .box-container-sleeping-time .box-content-text {
      padding-top: 8rem; }
      @media (max-width: 767px) {
        .section-hm-sleeping-time .box-container-sleeping-time .box-content-text {
          padding-top: 2rem;
          text-align: center; } }
      .section-hm-sleeping-time .box-container-sleeping-time .box-content-text .title {
        font-family: "Publico-Bold"; }
    .section-hm-sleeping-time .box-container-sleeping-time .rs-block.rs-outer {
      border: 25px solid #3478FF; }
      @media (max-width: 375px) {
        .section-hm-sleeping-time .box-container-sleeping-time .rs-block.rs-outer {
          border: 15px solid #3478FF; } }
      .section-hm-sleeping-time .box-container-sleeping-time .rs-block.rs-outer .rs-block {
        padding: 0 !important; }
    .section-hm-sleeping-time .box-container-sleeping-time .rs-control .rs-range-color {
      background-image: url(../images/Health-Meter/Sleeping-Time/bg-sleeping-time.png);
      background-size: contain;
      background-repeat: space;
      background-color: #263B80; }
    .section-hm-sleeping-time .box-container-sleeping-time .rs-control .rs-path-color {
      background-color: #ffffff; }
    .section-hm-sleeping-time .box-container-sleeping-time .rs-control .rs-bg-color {
      background-color: #fff; }
    .section-hm-sleeping-time .box-container-sleeping-time .rs-control .rs-handle {
      background-color: transparent;
      border: 8px solid transparent;
      border-right-color: #ff0;
      margin: 0;
      border-width: 0;
      position: relative;
      float: none; }
      .section-hm-sleeping-time .box-container-sleeping-time .rs-control .rs-handle:before {
        background: #fff;
        content: " ";
        display: block;
        border: 8px solid #ff8c79;
        margin: 0;
        border-width: 10px;
        position: absolute;
        bottom: 9px;
        left: 105px;
        border-width: 0 105px 10px 0; }
      .section-hm-sleeping-time .box-container-sleeping-time .rs-control .rs-handle:after {
        display: none; }
    .section-hm-sleeping-time .box-container-sleeping-time .rs-control .rs-first .rs-handle:before {
      border-color: #366DF5;
      bottom: 9px;
      left: 81px !important;
      border-width: 0 115px 10px 0;
      border-radius: 10px; }
      @media (max-width: 768px) {
        .section-hm-sleeping-time .box-container-sleeping-time .rs-control .rs-first .rs-handle:before {
          bottom: 5px;
          left: 45px !important;
          border-width: 0 70px 8px 0; } }
      @media (max-width: 375px) {
        .section-hm-sleeping-time .box-container-sleeping-time .rs-control .rs-first .rs-handle:before {
          bottom: 3px;
          left: 26px !important;
          border-width: 0 60px 8px 0; } }
    .section-hm-sleeping-time .box-container-sleeping-time .rs-control .rs-bg-color.rs-inner {
      background: transparent;
      background-image: url(../images/Health-Meter/Sleeping-Time/bg-clock.png);
      background-size: cover;
      border: 3px solid #878CF0; }
    .section-hm-sleeping-time .box-container-sleeping-time .rs-control .rs-inner-container:before {
      content: " ";
      position: absolute;
      top: 52%;
      left: 52%;
      width: 25px;
      height: 25px;
      background: #101537;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      z-index: 9;
      margin-left: -20px;
      margin-top: -20px; }
      @media (max-width: 375px) {
        .section-hm-sleeping-time .box-container-sleeping-time .rs-control .rs-inner-container:before {
          top: 53%;
          left: 53%; } }
    .section-hm-sleeping-time .box-container-sleeping-time .rs-overlay.rs-transition.rs-bg-color {
      background: 0 0; }
    .section-hm-sleeping-time .box-container-sleeping-time .rs-bar .rs-seperator {
      display: none; }
    .section-hm-sleeping-time .box-container-sleeping-time .rs-start {
      width: 147px !important;
      background: #101537;
      content: " ";
      display: block;
      border: 9px solid #101537;
      margin: 0;
      border-width: 10px;
      position: absolute;
      bottom: 29px;
      left: 64px;
      border-width: 0 0 5px 0;
      z-index: 3;
      border-radius: 10px; }
      @media (max-width: 768px) {
        .section-hm-sleeping-time .box-container-sleeping-time .rs-start {
          width: 115px !important;
          left: 35px; } }
      @media (max-width: 375px) {
        .section-hm-sleeping-time .box-container-sleeping-time .rs-start {
          width: 82px !important;
          left: 29px; } }

.section-hm-exercise {
  background-image: url(../images/Health-Meter/bg-default-hm.jpg);
  background-size: cover; }
  @media (max-width: 1024px) {
    .section-hm-exercise {
      padding: 8rem 0; } }
  @media (max-width: 768px) {
    .section-hm-exercise {
      padding: 4rem 0; } }
  .section-hm-exercise .box-content .title {
    max-width: 60%;
    margin: 0 auto;
    margin-bottom: 4rem; }
    @media (max-width: 768px) {
      .section-hm-exercise .box-content .title {
        max-width: 100%; } }
  .section-hm-exercise .box-content .box-option {
    text-align: left; }
    .section-hm-exercise .box-content .box-option .box-image {
      text-align: center; }
      @media (max-width: 768px) {
        .section-hm-exercise .box-content .box-option .box-image {
          height: 315px; } }
      @media (max-width: 767px) {
        .section-hm-exercise .box-content .box-option .box-image {
          height: 170px; } }
      @media (max-width: 320px) {
        .section-hm-exercise .box-content .box-option .box-image {
          height: 115px; } }
    .section-hm-exercise .box-content .box-option .form-group {
      margin-top: 1rem; }
      .section-hm-exercise .box-content .box-option .form-group .custom-control {
        width: max-content;
        max-width: 100%;
        margin: 0 auto; }
        @media (max-width: 767px) {
          .section-hm-exercise .box-content .box-option .form-group .custom-control {
            text-align: center; } }
        @media (max-width: 360px) {
          .section-hm-exercise .box-content .box-option .form-group .custom-control .custom-control-label-text {
            padding-left: .2rem; } }

.section-hm-exercise-category {
  background-position: bottom; }
  @media (max-width: 1024px) {
    .section-hm-exercise-category {
      padding: 10rem 0; } }
  @media (max-width: 768px) {
    .section-hm-exercise-category {
      padding: 4rem 0; } }
  .section-hm-exercise-category .box-content .box-exercise-category {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .section-hm-exercise-category .box-content .box-exercise-category .list-category {
      flex: 0 20%;
      max-width: 20%;
      margin-bottom: 1rem; }
      @media (max-width: 767px) {
        .section-hm-exercise-category .box-content .box-exercise-category .list-category {
          flex: 0 25%;
          max-width: 25%; } }
      .section-hm-exercise-category .box-content .box-exercise-category .list-category .box-option.active img {
        border-color: #F07662; }
      @media (min-width: 1025px) {
        .section-hm-exercise-category .box-content .box-exercise-category .list-category .box-option:hover img {
          border-color: #F07662; } }
      .section-hm-exercise-category .box-content .box-exercise-category .list-category .box-option img {
        border-radius: 90px;
        filter: grayscale(0);
        border: 6px solid transparent; }
  .section-hm-exercise-category .box-content input[type="checkbox"] {
    display: none; }

.section-hm-smoking {
  background-image: url(../images/Health-Meter/bg-select-gender.jpg);
  background-position: bottom;
  padding-bottom: 0; }
  @media (max-width: 1024px) {
    .section-hm-smoking {
      padding: 14rem 0; } }
  @media (max-width: 768px) {
    .section-hm-smoking {
      padding: 8rem 0;
      padding-bottom: 0; } }
  @media (max-width: 767px) {
    .section-hm-smoking {
      padding: 4rem 0; } }
  .section-hm-smoking .box-outer-container .box-content {
    padding-top: 3rem; }

.section-hm-smoking-confirm {
  background-position: bottom; }
  @media (max-width: 1024px) {
    .section-hm-smoking-confirm {
      padding: 15rem 0; } }
  @media (max-width: 768px) {
    .section-hm-smoking-confirm {
      padding: 4rem 0; } }
  .section-hm-smoking-confirm .box-content {
    max-width: 600px; }
    .section-hm-smoking-confirm .box-content .box-form .form-group.form-range .form-control-range {
      -webkit-appearance: none;
      width: 100%;
      height: 45px;
      background: #E693A1;
      border-radius: 20px;
      outline: none;
      opacity: 1;
      border: 1px solid #B8B8B8;
      -webkit-transition: .2s;
      transition: opacity .2s;
      /* Input Track */ }
      .section-hm-smoking-confirm .box-content .box-form .form-group.form-range .form-control-range:hover {
        opacity: .7; }
      .section-hm-smoking-confirm .box-content .box-form .form-group.form-range .form-control-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 55px;
        height: 55px;
        background-color: #C91432;
        background-image: url(../images/bg-range-slider.png);
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        border-radius: 30px;
        cursor: pointer; }
      .section-hm-smoking-confirm .box-content .box-form .form-group.form-range .form-control-range::-moz-range-thumb {
        width: 55px;
        height: 55px;
        background-color: #C91432;
        background-image: url(../images/bg-range-slider.png);
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        border-radius: 30px;
        cursor: pointer; }
      .section-hm-smoking-confirm .box-content .box-form .form-group.form-range .form-control-range::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        box-shadow: none;
        border: none;
        background: transparent; }
      .section-hm-smoking-confirm .box-content .box-form .form-group.form-range .form-control-range::-moz-range-track {
        -webkit-appearance: none;
        box-shadow: none;
        border: none;
        background: transparent; }
      .section-hm-smoking-confirm .box-content .box-form .form-group.form-range .form-control-range::-ms-track {
        -webkit-appearance: none;
        box-shadow: none;
        border: none;
        background: transparent; }
    .section-hm-smoking-confirm .box-content .box-form .btn-group {
      width: 100%;
      margin-top: 1.5rem; }
      .section-hm-smoking-confirm .box-content .box-form .btn-group .btn-primary {
        background-color: #C91432;
        cursor: default;
        height: 45px; }
        .section-hm-smoking-confirm .box-content .box-form .btn-group .btn-primary.very-light {
          background-color: #E693A1; }
        .section-hm-smoking-confirm .box-content .box-form .btn-group .btn-primary.light {
          background-color: rgba(201, 20, 50, 0.7); }
        .section-hm-smoking-confirm .box-content .box-form .btn-group .btn-primary:hover:before {
          display: none; }
    .section-hm-smoking-confirm .box-content .box-form .btn-holder {
      margin-top: 4rem; }

.section-hm-food .box-content .box-exercise-category .list-category {
  flex: 0 17%;
  max-width: 17%; }
  @media (max-width: 767px) {
    .section-hm-food .box-content .box-exercise-category .list-category {
      flex: 0 25%;
      max-width: 25%; } }
  .section-hm-food .box-content .box-exercise-category .list-category .box-option img {
    filter: grayscale(0); }

.section-hm-food .box-content .box-food-choice {
  display: flex;
  justify-content: center;
  margin-top: 2rem; }
  .section-hm-food .box-content .box-food-choice .food-choice {
    width: 120px;
    height: 120px;
    margin: 0 1rem;
    border-radius: 50%;
    background-color: #8AACD9;
    border: 15px solid #B5D0EE;
    overflow: hidden; }
    .section-hm-food .box-content .box-food-choice .food-choice img {
      width: 100%; }
    @media (max-width: 767px) {
      .section-hm-food .box-content .box-food-choice .food-choice {
        width: 100px;
        margin: 0 .5rem;
        height: 100px;
        border: 10px solid #B5D0EE; } }
    @media (max-width: 320px) {
      .section-hm-food .box-content .box-food-choice .food-choice {
        width: 80px;
        height: 80px; } }

@media (max-width: 1024px) {
  .section-hm-result {
    padding-bottom: 0; } }

.section-hm-result .box-outer-container {
  max-width: 100%; }
  .section-hm-result .box-outer-container .box-image {
    position: absolute;
    bottom: 0; }
    @media (max-width: 768px) {
      .section-hm-result .box-outer-container .box-image {
        position: relative;
        text-align: center; } }
  .section-hm-result .box-outer-container .box-content {
    padding-top: 0; }
    @media (max-width: 767px) {
      .section-hm-result .box-outer-container .box-content {
        padding: 0;
        padding-bottom: 3rem; } }
    .section-hm-result .box-outer-container .box-content .box-head {
      text-align: left;
      display: flex;
      align-items: center;
      margin-bottom: 1rem; }
      .section-hm-result .box-outer-container .box-content .box-head .box-score {
        margin-right: 2rem;
        color: #333333; }
        .section-hm-result .box-outer-container .box-content .box-head .box-score small {
          font-size: .8rem;
          text-transform: uppercase;
          letter-spacing: 2px; }
        .section-hm-result .box-outer-container .box-content .box-head .box-score p {
          font-size: 4rem;
          line-height: 4rem;
          font-family: "Publico-Bold"; }
      .section-hm-result .box-outer-container .box-content .box-head .result-value {
        font-size: 1.5rem;
        text-transform: uppercase;
        letter-spacing: 5px; }
    .section-hm-result .box-outer-container .box-content .box-result .list-result {
      display: flex;
      margin-bottom: 1.5rem; }
      .section-hm-result .box-outer-container .box-content .box-result .list-result .box-image {
        position: inherit;
        width: 62.5px;
        height: 62.5px;
        margin-right: 1rem;
        border-radius: 50%;
        overflow: hidden; }
      .section-hm-result .box-outer-container .box-content .box-result .list-result .desc {
        flex: 0 80%;
        max-width: 80%;
        margin-bottom: 0;
        color: #333333; }
    .section-hm-result .box-outer-container .box-content .note-bottom {
      color: #333333; }
    .section-hm-result .box-outer-container .box-content .btn-holder .btn:last-child {
      margin-left: 1rem; }
    @media (max-width: 375px) {
      .section-hm-result .box-outer-container .box-content .btn-holder .btn {
        width: 100%;
        margin-bottom: 1rem;
        margin-left: 0 !important; } }
    .section-hm-result .box-outer-container .box-content .box-social-media {
      display: flex;
      align-items: center;
      margin-top: 2rem;
      margin-bottom: 2rem; }
      .section-hm-result .box-outer-container .box-content .box-social-media span {
        font-size: .9rem;
        color: #F07662; }
      .section-hm-result .box-outer-container .box-content .box-social-media .socmed {
        margin: 0;
        margin-left: 1rem;
        padding: 0;
        display: flex; }
        .section-hm-result .box-outer-container .box-content .box-social-media .socmed li {
          list-style: none;
          padding: .3rem 0;
          width: 35px;
          text-align: center;
          border: 1px solid #F07662;
          -moz-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          .section-hm-result .box-outer-container .box-content .box-social-media .socmed li:hover {
            background-color: #F07662; }
            .section-hm-result .box-outer-container .box-content .box-social-media .socmed li:hover a {
              color: #ffffff; }

.modal-result-hm .modal-dialog {
  position: relative;
  max-width: 900px; }
  .modal-result-hm .modal-dialog .modal-content {
    border-radius: 24px; }
    .modal-result-hm .modal-dialog .modal-content .modal-body {
      height: auto;
      padding: 2rem; }
      .modal-result-hm .modal-dialog .modal-content .modal-body .close {
        color: #151498;
        opacity: 1; }
      .modal-result-hm .modal-dialog .modal-content .modal-body .box-content {
        text-align: center; }
        .modal-result-hm .modal-dialog .modal-content .modal-body .box-content.bad .title {
          color: #F07662; }
        .modal-result-hm .modal-dialog .modal-content .modal-body .box-content .title {
          color: #4A85D3;
          text-transform: uppercase;
          font-family: "SourceSans-Bold";
          letter-spacing: 6px;
          margin-bottom: 1rem; }
        .modal-result-hm .modal-dialog .modal-content .modal-body .box-content .box-text {
          max-width: 60%;
          margin: 2rem auto; }
          @media (max-width: 767px) {
            .modal-result-hm .modal-dialog .modal-content .modal-body .box-content .box-text {
              max-width: 100%; } }

.cx-section-calculator .multi-step-indicator .multi-step-indicator-label {
  width: 111px;
  max-width: 150px;
  white-space: normal;
  text-align: center; }
  @media (max-width: 360px) {
    .cx-section-calculator .multi-step-indicator .multi-step-indicator-label {
      font-size: .65rem !important; } }

.cx-section-calculator .box-head {
  padding-top: 4rem; }

.cx-section-calculator .box-tertanggung {
  max-width: 902px;
  margin: 0 auto;
  border-radius: 25px;
  background-color: #F1F4FA;
  padding: 4rem 10rem; }
  @media (max-width: 767px) {
    .cx-section-calculator .box-tertanggung {
      padding: 2rem; } }
  .cx-section-calculator .box-tertanggung .form-group {
    margin-bottom: 2rem; }
    .cx-section-calculator .box-tertanggung .form-group:last-child {
      margin-bottom: 0; }
    .cx-section-calculator .box-tertanggung .form-group .control-label {
      margin-bottom: 1.5rem;
      font-family: "SourceSans-Semibold"; }
    .cx-section-calculator .box-tertanggung .form-group .box-input {
      display: flex; }
      .cx-section-calculator .box-tertanggung .form-group .box-input .box-image {
        flex: 0 15%;
        max-width: 15%; }
        @media (max-width: 768px) {
          .cx-section-calculator .box-tertanggung .form-group .box-input .box-image {
            margin-right: 1rem;
            flex: 0 20%;
            max-width: 20%; } }
      .cx-section-calculator .box-tertanggung .form-group .box-input .form-range {
        flex: 0 85%;
        max-width: 85%;
        display: flex;
        align-items: center; }
        @media (max-width: 767px) {
          .cx-section-calculator .box-tertanggung .form-group .box-input .form-range {
            flex: 0 80%;
            max-width: 80%; } }
        .cx-section-calculator .box-tertanggung .form-group .box-input .form-range label {
          width: 50px;
          height: 48px;
          margin-bottom: 0;
          margin-left: 1rem; }
          @media (max-width: 767px) {
            .cx-section-calculator .box-tertanggung .form-group .box-input .form-range label {
              height: 40px; } }
          .cx-section-calculator .box-tertanggung .form-group .box-input .form-range label input {
            width: 100%;
            height: 100%;
            text-align: center;
            border-radius: 11px;
            border: 2px solid #4976BA; }
            @media (max-width: 767px) {
              .cx-section-calculator .box-tertanggung .form-group .box-input .form-range label input {
                font-size: .8rem;
                padding: .3rem; } }
        .cx-section-calculator .box-tertanggung .form-group .box-input .form-range .form-control-range {
          -webkit-appearance: none;
          width: 100%;
          height: 20px;
          background: rgba(73, 118, 186, 0.8);
          border-radius: 20px;
          outline: none;
          opacity: 1;
          border: 1px solid #4976BA;
          -webkit-transition: .2s;
          transition: opacity .2s;
          /* Input Track */ }
          .cx-section-calculator .box-tertanggung .form-group .box-input .form-range .form-control-range:hover {
            opacity: .7; }
          .cx-section-calculator .box-tertanggung .form-group .box-input .form-range .form-control-range::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 30px;
            height: 30px;
            background-color: #4976BA;
            background-image: url(../images/bg-range-slider.png);
            background-size: 50%;
            background-position: center;
            background-repeat: no-repeat;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            border-radius: 30px;
            cursor: pointer; }
          .cx-section-calculator .box-tertanggung .form-group .box-input .form-range .form-control-range::-moz-range-thumb {
            width: 30px;
            height: 30px;
            background-color: #4976BA;
            background-image: url(../images/bg-range-slider.png);
            background-size: 50%;
            background-position: center;
            background-repeat: no-repeat;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            border-radius: 30px;
            cursor: pointer; }
          .cx-section-calculator .box-tertanggung .form-group .box-input .form-range .form-control-range::-webkit-slider-runnable-track {
            -webkit-appearance: none;
            box-shadow: none;
            border: none;
            background: transparent; }
          .cx-section-calculator .box-tertanggung .form-group .box-input .form-range .form-control-range::-moz-range-track {
            -webkit-appearance: none;
            box-shadow: none;
            border: none;
            background: transparent; }
          .cx-section-calculator .box-tertanggung .form-group .box-input .form-range .form-control-range::-ms-track {
            -webkit-appearance: none;
            box-shadow: none;
            border: none;
            background: transparent; }

.cx-calculator-form .box-head {
  padding-top: 0; }

.cx-calculator-form .box-pertanggungan {
  max-width: 832px;
  margin: 0 auto;
  margin-bottom: 2rem; }
  .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse {
    border-radius: 25px; }
    .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse.active {
      max-height: none;
      padding: 3rem 8rem; }
      @media (max-width: 768px) {
        .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse.active {
          padding: 3rem 4rem; } }
      @media (max-width: 767px) {
        .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse.active {
          padding: 2rem; } }
    @media (max-width: 768px) {
      .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse {
        padding: 3rem 5rem; } }
    @media (max-width: 767px) {
      .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse {
        padding: 3rem 2rem; } }
    .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse .box-head {
      margin-top: 2rem; }
      .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse .box-head .title {
        margin-left: 0;
        font-size: 1.5rem;
        width: max-content;
        color: #333333; }
    .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse .box-form .form-group .control-label {
      flex: 0 45%;
      max-width: 45%;
      margin-right: 1rem; }
      @media (max-width: 767px) {
        .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse .box-form .form-group .control-label {
          flex: 0 100%;
          max-width: 100%;
          margin-right: 0; } }
    .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse .box-form .form-group .input-group {
      flex-wrap: nowrap;
      flex: 0 51%;
      max-width: 51%; }
      @media (max-width: 767px) {
        .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse .box-form .form-group .input-group {
          flex: 0 100%;
          max-width: 100%; } }
      .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse .box-form .form-group .input-group .input-group-text {
        height: 100%;
        border-radius: 18px 0 0 18px;
        background: #4976BA;
        border-color: #4976BA;
        color: #ffffff; }
      .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse .box-form .form-group .input-group .form-control {
        flex: 100%;
        max-width: 100%;
        border-radius: 0 18px 18px 0; }
    .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse .box-form .form-group .form-control {
      flex: 0 51%;
      max-width: 51%;
      height: 48px;
      padding-left: 2rem;
      border-radius: 18px;
      border: 2px solid #4976BA; }
      @media (max-width: 767px) {
        .cx-calculator-form .box-pertanggungan.content-only .box-content-collapse .box-form .form-group .form-control {
          flex: 0 100%;
          max-width: 100%; } }
  .cx-calculator-form .box-pertanggungan .box-head-collapse {
    padding: 1.5rem;
    text-align: center;
    background: #4976BA;
    color: #fff;
    border-radius: 16px;
    position: relative;
    z-index: 2;
    cursor: pointer; }
    .cx-calculator-form .box-pertanggungan .box-head-collapse:after {
      content: "\f078";
      font-family: "Font Awesome 5 Pro";
      position: absolute;
      right: 1.3rem;
      top: 1.3rem;
      font-size: 1.2rem;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .cx-calculator-form .box-pertanggungan .box-head-collapse.active:after {
      content: "\f077"; }
    .cx-calculator-form .box-pertanggungan .box-head-collapse .title {
      font-size: 1.5rem;
      margin-bottom: 0;
      font-family: "Publico-Bold"; }
  .cx-calculator-form .box-pertanggungan .box-content-collapse {
    background: #F1F4FA;
    position: relative;
    padding: 0 3rem;
    top: -1rem;
    z-index: 1;
    border-radius: 0 0 25px 25px;
    max-height: 0;
    overflow: hidden;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .cx-calculator-form .box-pertanggungan .box-content-collapse.active {
      max-height: 1200px;
      padding: 2rem 3rem;
      padding-top: 3rem; }
    @media (max-width: 767px) {
      .cx-calculator-form .box-pertanggungan .box-content-collapse {
        padding: 0 2rem; }
        .cx-calculator-form .box-pertanggungan .box-content-collapse.active {
          padding: 2rem;
          max-height: 2000px; } }
    .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .control-label {
      font-family: "SourceSans-Semibold";
      font-size: .9rem; }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .control-label .badge {
        font-size: .5rem;
        margin-left: .3rem;
        position: relative;
        top: -.5rem;
        border-radius: 50px;
        padding: .2rem .35rem;
        background: #4976BA;
        cursor: pointer; }
    .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .custom-alert {
      color: #dc3545;
      font-size: 0.875rem;
      margin-top: 0.5rem; }
    .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .box-value {
      display: flex;
      align-items: center; }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .box-value.text-only .form-control {
        width: 100%;
        margin-right: 0; }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .box-value.text-only .input-group {
        flex-wrap: nowrap; }
        .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .box-value.text-only .input-group .input-group-text {
          height: 100%;
          border-radius: 18px 0 0 18px;
          background: #4976BA;
          border-color: #4976BA;
          color: #ffffff; }
        .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .box-value.text-only .input-group .form-control {
          width: 80%;
          border-radius: 0 18px 18px 0; }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .box-value .form-control {
        width: 70px;
        height: 48px;
        text-align: center;
        margin-right: 1rem;
        border-radius: 18px;
        border: 2px solid #4976BA; }
    .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .form-control-range {
      -webkit-appearance: none;
      width: 100%;
      height: 20px;
      background: rgba(73, 118, 186, 0.8);
      border-radius: 20px;
      outline: none;
      opacity: 1;
      border: 1px solid #4976BA;
      -webkit-transition: .2s;
      transition: opacity .2s;
      margin-top: 1rem;
      /* Input Track */ }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .form-control-range:hover {
        opacity: .7; }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .form-control-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 30px;
        height: 30px;
        background-color: #4976BA;
        background-image: url(../images/bg-range-slider.png);
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        border-radius: 30px;
        cursor: pointer; }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .form-control-range::-moz-range-thumb {
        width: 30px;
        height: 30px;
        background-color: #4976BA;
        background-image: url(../images/bg-range-slider.png);
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        border-radius: 30px;
        cursor: pointer; }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .form-control-range::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        box-shadow: none;
        border: none;
        background: transparent; }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .form-control-range::-moz-range-track {
        -webkit-appearance: none;
        box-shadow: none;
        border: none;
        background: transparent; }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .form-group .form-control-range::-ms-track {
        -webkit-appearance: none;
        box-shadow: none;
        border: none;
        background: transparent; }
    .cx-calculator-form .box-pertanggungan .box-content-collapse .title-table {
      font-size: 1rem;
      font-family: "Publico-Bold";
      color: #333333;
      margin-bottom: 1.5rem; }
    .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile {
      display: none;
      margin-bottom: 1.5rem; }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile tbody tr {
        background: #D4EBF3; }
        .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile tbody tr:first-child {
          border-radius: 13px 13px 0 0; }
          .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile tbody tr:first-child th {
            border-radius: 13px 0 0 0; }
          .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile tbody tr:first-child td {
            border-radius: 0 13px 0 0; }
        .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile tbody tr:last-child {
          border-radius: 0 0 13px 13px; }
          .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile tbody tr:last-child th {
            border-radius: 0 0 0 13px; }
          .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile tbody tr:last-child td {
            border-radius: 0 0 13px 0; }
        .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile tbody tr:nth-of-type(odd) {
          background: #CCE0E9; }
          .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile tbody tr:nth-of-type(odd) th {
            background: #02A6BE; }
        .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile tbody tr th {
          color: #ffffff;
          background: #00ADC5;
          border: none;
          vertical-align: middle;
          font-size: .9rem; }
        .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile tbody tr td {
          padding: 1rem 1.2rem !important;
          text-align: left;
          font-size: .8rem;
          border: none; }
      @media (max-width: 767px) {
        .cx-calculator-form .box-pertanggungan .box-content-collapse .table-mobile {
          display: block; } }
    @media (max-width: 767px) {
      .cx-calculator-form .box-pertanggungan .box-content-collapse .table-desktop {
        display: none; } }
    .cx-calculator-form .box-pertanggungan .box-content-collapse .table thead th {
      border-radius: 0;
      background: #00ADC6; }
    .cx-calculator-form .box-pertanggungan .box-content-collapse .table tbody tr:nth-of-type(odd) td {
      background: rgba(0, 173, 198, 0.12); }
    .cx-calculator-form .box-pertanggungan .box-content-collapse .table tbody tr td {
      padding: 2rem;
      border-radius: 0; }
    .cx-calculator-form .box-pertanggungan .box-content-collapse .box-total {
      text-align: right; }
      @media (max-width: 767px) {
        .cx-calculator-form .box-pertanggungan .box-content-collapse .box-total {
          text-align: center;
          display: flex;
          flex-direction: column; } }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .box-total .label-total,
      .cx-calculator-form .box-pertanggungan .box-content-collapse .box-total .value-total {
        font-size: 1rem;
        font-family: "Publico-Bold";
        color: #333333; }
        @media (max-width: 767px) {
          .cx-calculator-form .box-pertanggungan .box-content-collapse .box-total .label-total,
          .cx-calculator-form .box-pertanggungan .box-content-collapse .box-total .value-total {
            font-size: 1.2rem; } }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .box-total .label-total {
        margin-right: 2rem; }
        @media (max-width: 767px) {
          .cx-calculator-form .box-pertanggungan .box-content-collapse .box-total .label-total {
            margin-right: 0; } }
    .cx-calculator-form .box-pertanggungan .box-content-collapse .box-result-calculator .list-total {
      padding: 1rem;
      border-bottom: 1px solid #C1C1C1;
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .cx-calculator-form .box-pertanggungan .box-content-collapse .box-result-calculator .list-total {
          flex-direction: column; } }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .box-result-calculator .list-total .label-total {
        margin-bottom: 0;
        flex: 0 76%;
        max-width: 76%;
        margin-right: 1rem;
        font-family: "Publico-Bold";
        color: #333333; }
        @media (max-width: 767px) {
          .cx-calculator-form .box-pertanggungan .box-content-collapse .box-result-calculator .list-total .label-total {
            flex: 0 100%;
            max-width: 100%;
            margin-right: 0; } }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .box-result-calculator .list-total p.value-total {
        flex: 0 24%;
        max-width: 24%;
        margin-bottom: 0; }
        @media (max-width: 767px) {
          .cx-calculator-form .box-pertanggungan .box-content-collapse .box-result-calculator .list-total p.value-total {
            flex: 0 100%;
            max-width: 100%; } }
    .cx-calculator-form .box-pertanggungan .box-content-collapse .box-result-total {
      text-align: center; }
      .cx-calculator-form .box-pertanggungan .box-content-collapse .box-result-total p {
        font-size: 1.5rem;
        font-family: "Publico-Bold";
        color: #333333; }

@media (max-width: 767px) {
  .cx-calculator-form .btn-holder .btn {
    width: 100%;
    margin-bottom: 1rem; } }

.box-container-button-buy {
  position: fixed;
  bottom: -100px;
  right: 4.5rem;
  z-index: 99;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .box-container-button-buy.showup {
    bottom: 50px; }
  .box-container-button-buy.show-text .cx-btn {
    max-width: 150px;
    width: 150px;
    padding: .6rem 1rem; }
    .box-container-button-buy.show-text .cx-btn span {
      display: block; }
  .box-container-button-buy .cx-btn {
    max-width: 50px;
    width: 40px;
    height: 40px;
    min-width: auto;
    padding: .6rem 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); }
    .box-container-button-buy .cx-btn:before {
      display: none !important; }
    @media (min-width: 1023px) {
      .box-container-button-buy .cx-btn:hover {
        max-width: 150px;
        width: 150px;
        padding: .6rem 1rem; }
        .box-container-button-buy .cx-btn:hover span {
          display: block; } }
    .box-container-button-buy .cx-btn span {
      display: none;
      margin-left: .5rem;
      white-space: nowrap; }

.has-edit-mode-menu .box-container-button-buy {
  position: relative;
  bottom: auto;
  right: auto; }
  .has-edit-mode-menu .box-container-button-buy .cx-btn {
    max-width: 150px;
    width: 150px;
    height: 40px;
    min-width: auto;
    margin: 0 auto; }
    .has-edit-mode-menu .box-container-button-buy .cx-btn:before {
      display: block !important; }
    .has-edit-mode-menu .box-container-button-buy .cx-btn span {
      display: inline-block;
      margin-left: .5rem;
      white-space: nowrap; }

.modal-ringkasan-product .modal-content {
  border-radius: 29px; }
  .modal-ringkasan-product .modal-content .modal-header {
    border: none;
    text-align: center;
    padding: 2rem;
    height: auto;
    position: relative; }
    @media (max-width: 767px) {
      .modal-ringkasan-product .modal-content .modal-header {
        padding-top: 4rem; } }
    .modal-ringkasan-product .modal-content .modal-header .modal-title {
      font-family: "Publico-Bold"; }
      @media (max-width: 767px) {
        .modal-ringkasan-product .modal-content .modal-header .modal-title {
          white-space: normal; } }
    .modal-ringkasan-product .modal-content .modal-header .close {
      position: absolute;
      right: 1.5rem;
      top: .8rem;
      color: #151498;
      opacity: 1; }
  .modal-ringkasan-product .modal-content .modal-body {
    margin-bottom: 2rem;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .modal-ringkasan-product .modal-content .modal-body::-webkit-scrollbar {
      width: 7px; }
    .modal-ringkasan-product .modal-content .modal-body::-webkit-scrollbar-track {
      background: #DBDBDB;
      border-radius: 20px; }
    .modal-ringkasan-product .modal-content .modal-body::-webkit-scrollbar-thumb {
      background: #4879F0;
      border-radius: 20px; }
    .modal-ringkasan-product .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
      background: #3A59A5; }
    .modal-ringkasan-product .modal-content .modal-body .box-form ol {
      counter-reset: items;
      list-style: none; }
      @media (max-width: 767px) {
        .modal-ringkasan-product .modal-content .modal-body .box-form ol {
          padding: 0;
          margin: 0;
          padding-left: 1rem; } }
      .modal-ringkasan-product .modal-content .modal-body .box-form ol li {
        counter-increment: items;
        position: relative;
        margin-bottom: 1.5rem; }
        .modal-ringkasan-product .modal-content .modal-body .box-form ol li:before {
          content: counter(items) ". ";
          position: absolute;
          left: -1.2rem;
          font-size: .8rem; }
        .modal-ringkasan-product .modal-content .modal-body .box-form ol li:last-child:before {
          display: none; }

section.CX-main.CX-admin-content {
  padding: 40px 0;
  background-color: #f5f5f5; }
  section.CX-main.CX-admin-content .box-unit {
    background-color: #ffffff; }

ul.control-unit.tab-slide {
  text-align: left;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  align-items: center;
  list-style: none; }
  ul.control-unit.tab-slide li {
    flex: 1; }
    ul.control-unit.tab-slide li a {
      background-color: #ffffff;
      color: #F07662;
      display: block;
      padding: 15px 16px;
      text-decoration: none;
      text-transform: capitalize;
      font-size: 16px;
      text-transform: uppercase;
      position: relative;
      font-family: "SourceSans-Semibold";
      text-align: center; }
      ul.control-unit.tab-slide li a:hover {
        background-color: #e5e5e5;
        color: #F07662; }
    ul.control-unit.tab-slide li.active a:after {
      content: "";
      width: 100%;
      height: 5px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #F07662; }

section.CX-main.CX-admin-content .box-unit .box-dynamic-slider .box-dynamic-item {
  padding: 20px;
  outline: none; }
  section.CX-main.CX-admin-content .box-unit .box-dynamic-slider .box-dynamic-item .box-unit-inner {
    background-color: #ffffff;
    padding: 0; }
    section.CX-main.CX-admin-content .box-unit .box-dynamic-slider .box-dynamic-item .box-unit-inner .box-unit-header {
      border-bottom: 1px solid #ccc;
      padding: 10px 0;
      margin-bottom: 20px;
      display: none; }
      section.CX-main.CX-admin-content .box-unit .box-dynamic-slider .box-dynamic-item .box-unit-inner .box-unit-header .box-unit-filter.full label {
        text-transform: uppercase;
        font-weight: normal;
        font-family: "Publico-Bold";
        color: #333333; }

section.CX-main.CX-admin-content .dataTables_wrapper .dataTables_filter label {
  color: #333;
  font-size: 16px; }

section.CX-main.CX-admin-content .dataTables_wrapper .form-control {
  border: 1px solid #ccc !important;
  background-color: #ffffff !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  height: 40px;
  font-size: 16px;
  color: #333 !important; }
  section.CX-main.CX-admin-content .dataTables_wrapper .form-control:focus {
    box-shadow: none !important; }
  section.CX-main.CX-admin-content .dataTables_wrapper .form-control:hover {
    border-color: #999 !important; }
  section.CX-main.CX-admin-content .dataTables_wrapper .form-control:active {
    border-color: #494df4; }
  section.CX-main.CX-admin-content .dataTables_wrapper .form-control:disabled {
    background-color: #ffffff !important;
    border-color: #ccc !important; }

section.CX-main.CX-admin-content .CX-Tables {
  width: 100% !important;
  margin-top: 10px !important; }
  section.CX-main.CX-admin-content .CX-Tables tr th,
  section.CX-main.CX-admin-content .CX-Tables tr td {
    border: 1px solid #ccc;
    border-right: 0; }
    section.CX-main.CX-admin-content .CX-Tables tr th:last-child,
    section.CX-main.CX-admin-content .CX-Tables tr td:last-child {
      border-right: 1px solid #ccc; }
  section.CX-main.CX-admin-content .CX-Tables thead tr th {
    font-family: "SourceSans-Semibold";
    font-weight: normal;
    text-transform: uppercase;
    padding: 10px 5px;
    position: relative;
    background-color: #F07662;
    color: #ffffff;
    border-color: #ffffff; }
    section.CX-main.CX-admin-content .CX-Tables thead tr th:first-child {
      border-left-color: #F07662; }
    section.CX-main.CX-admin-content .CX-Tables thead tr th:last-child {
      border-right-color: #F07662; }
    section.CX-main.CX-admin-content .CX-Tables thead tr th:before, section.CX-main.CX-admin-content .CX-Tables thead tr th:after {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      bottom: initial; }
  section.CX-main.CX-admin-content .CX-Tables tbody tr td {
    padding: 5px;
    border-top: 0; }
  section.CX-main.CX-admin-content .CX-Tables tbody tr:nth-child(even) td {
    background-color: #fafafa; }

.cx-admin-form {
  padding-bottom: 4rem;
  background: #F1F3F4; }
  .cx-admin-form .box-head-admin {
    padding: 2rem 0;
    padding-bottom: 4rem;
    background: #F07662;
    color: #ffffff; }
  .cx-admin-form .box-content-admin {
    margin-top: -3rem; }
    .cx-admin-form .box-content-admin .panel {
      border: none;
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16); }
      .cx-admin-form .box-content-admin .panel .panel-heading {
        padding: 1rem;
        font-weight: bold;
        font-size: 1.2rem; }
      .cx-admin-form .box-content-admin .panel .panel-body thead th {
        background-color: #F07662;
        color: #ffffff;
        padding: 1rem;
        padding-top: .5rem; }
      .cx-admin-form .box-content-admin .panel .panel-body .dataTables_paginate .paginate_button {
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .cx-admin-form .box-content-admin .panel .panel-body .dataTables_paginate .paginate_button.current, .cx-admin-form .box-content-admin .panel .panel-body .dataTables_paginate .paginate_button:hover {
          background: #494DF4;
          color: #ffffff !important; }
        .cx-admin-form .box-content-admin .panel .panel-body .dataTables_paginate .paginate_button.disabled {
          opacity: .5;
          cursor: no-drop; }

.form-control.flatpickr-input[readonly] {
  background-color: #ffffff; }

.dataTables_wrapper input {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: .2rem .5rem;
  outline: none; }

.multi-step-icon {
  border-radius: 100px; }

.navigation-step {
  list-style: none;
  display: block;
  margin: 20px 0;
  border-top: 1px solid #e7e7ed;
  padding: 20px; }

.navigation-step:after {
  content: '';
  clear: both;
  display: block;
  width: 100%; }

.navigation-step li.prev {
  float: left; }

.navigation-step li.next {
  float: right; }

.navigation-step li .lexicon-icon {
  width: 0.8em; }

.box-input .form-group {
  position: relative; }

.box-input .form-group .select2-container {
  width: 100% !important; }

.select2-container .select2-selection--single {
  height: 2.375rem;
  line-height: 2.375rem;
  border-color: #ced4da; }

.select2-container .select2-selection--single .select2-selection__rendered {
  height: 2.375rem;
  line-height: 2.375rem; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 7px; }

input.select2-search__field:focus-visible {
  outline: none; }

.box-input.type-textarea .form-control {
  resize: none;
  height: 125px; }

.form-group.box-input.type-radio .box-radio .radio-with-text {
  display: flex; }

.form-group.box-input.type-radio .box-radio .radio-with-text .custom-control-inline label {
  position: relative;
  top: 5px; }

.form-group.box-input.type-radio .box-radio .radio-with-text .custom-control-inline:last-child .box-input {
  margin-left: 10px; }

.box-input-doc {
  margin-bottom: 20px; }

.box-input-doc .box-input-doc-inner {
  display: flex; }

.box-input-doc .box-input-doc-inner .box-label {
  flex: 1; }

.box-input-doc .box-input-doc-inner .box-label h3 {
  font-weight: normal;
  font-family: "SourceSans-Semibold";
  font-size: 18px; }

.box-input-doc .box-input-doc-inner .box-label .info-summary {
  font-size: 12px; }

.box-input-doc .box-input-doc-inner .box-input-file {
  flex: 1;
  padding-left: 40px;
  border: 2px dashed #cccccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  position: relative; }

.box-input-doc .box-input-doc-inner .box-input-file:hover {
  border-color: #494df4; }

.box-input-doc .box-input-doc-inner .box-input-file .form-group.input-text-wrapper {
  position: relative;
  z-index: 2; }

.box-input-doc .box-input-doc-inner .box-input-file input[type="file"] {
  transform: scale(20);
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  margin-top: 20px;
  position: relative; }

.box-input-doc .box-input-doc-inner .box-input-file .box-label {
  width: 100%;
  text-align: center;
  position: absolute;
  color: #494df4;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-family: "SourceSans-Semibold"; }

.box-input-doc .box-input-doc-inner .box-input-file .box-label i,
.box-input-doc .box-input-doc-inner .box-input-file .box-label .fas,
.box-input-doc .box-input-doc-inner .box-input-file .box-label .fa {
  margin-right: 10px; }

.box-input-doc .box-input-doc-inner {
  display: block; }

.box-input-doc .box-input-doc-inner .box-label {
  margin-bottom: 20px; }

.box-input-doc .box-input-doc-inner .box-input-file.has-image .box-label {
  margin-bottom: 0; }

.box-input-doc .box-input-doc-inner .box-input-file.has-image {
  height: 200px; }

.box-input-doc .box-input-doc-inner .box-input-file.has-image .box-img-cover {
  width: 90%;
  height: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: cover; }

.box-input-doc .box-input-doc-inner .box-input-file.has-image .box-label {
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  padding: 5px;
  top: initial;
  left: 0;
  transform: none;
  bottom: 0;
  width: 100%;
  text-align: center; }

.modal-body {
  height: 70vh;
  overflow-y: auto; }

/* otp */
.box-otp {
  max-width: 420px;
  margin: 2rem auto; }

@media (max-width: 500px) {
  .box-otp {
    max-width: auto; } }

@media (max-width: 500px) {
  .box-otp .alert {
    font-size: 13px; }
  .box-otp .alert .alert-indicator {
    font-size: 1rem; } }

.box-otp .box-form input::-webkit-outer-spin-button,
.box-otp .box-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.box-otp .box-form .digit-group {
  display: flex;
  align-items: center; }

.box-otp .box-form .digit-group .splitter {
  text-align: center; }

.box-otp .box-form .digit-group .splitter {
  flex: 0 0 auto;
  margin-right: 10px;
  max-width: 15px;
  padding: 0; }

.box-otp .box-form .digit-group .digit {
  flex: 1;
  margin-right: 10px;
  margin-bottom: 0; }

.box-otp .box-form .digit-group .digit.form-control {
  padding: 0;
  height: 69px !important;
  appearance: none;
  text-align: center;
  font-size: 25px; }

@media (max-width: 767px) {
  .box-otp .box-form .digit-group .digit.form-control {
    font-size: 16px;
    height: 54px !important; } }

.box-otp .box-form .digit-group .digit:last-child {
  margin-right: 0; }

.box-otp .box-form .box-act {
  margin-top: 30px; }

.box-otp .box-form .box-act .btn {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  font-weight: normal;
  font-size: 18px;
  display: block;
  width: 100%;
  max-width: 228px;
  margin: 0 auto;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-top: 12px;
  padding-bottom: 12px; }

.box-otp .box-form .box-notes {
  margin-top: 20px; }

.cx-btn {
  font-family: "SourceSans-Semibold";
  min-width: 80px;
  text-transform: uppercase;
  padding: .5rem 1.7rem;
  position: relative;
  overflow: hidden;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .cx-btn:before {
    content: '';
    position: absolute;
    width: 0;
    height: 530px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transition: width .3s, opacity .3s;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 1; }
  .cx-btn:hover:before, .cx-btn.active:before {
    width: 100%; }
  .cx-btn.btn-round {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px; }
  .cx-btn.btn-border {
    border: 2px solid #F07662;
    color: #F07662;
    text-transform: uppercase; }
    .cx-btn.btn-border:hover {
      background-color: #F07662;
      color: #ffffff; }
  .cx-btn.btn-custom {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .cx-btn.btn-custom.btn-lg {
      min-width: 150px; }
      @media (max-width: 1024px) {
        .cx-btn.btn-custom.btn-lg {
          min-width: 120px !important;
          font-size: 14px; } }
  .cx-btn.btn-default, .cx-btn.btn-default:focus {
    color: #ffffff;
    background-color: #999999;
    border-color: #999999; }
    .cx-btn.btn-default:hover, .cx-btn.btn-default:focus:hover {
      background-color: #5c6874;
      border-color: #6c757d; }
  .cx-btn.btn-primary, .cx-btn.btn-primary:focus {
    color: #ffffff;
    box-shadow: none; }
    .theme-default .cx-btn.btn-primary, .theme-default .cx-btn.btn-primary:focus {
      background-color: #F07662;
      border-color: #F07662; }
    .theme-secondary .cx-btn.btn-primary, .theme-secondary .cx-btn.btn-primary:focus {
      background-color: #3f4e8c;
      border-color: #3f4e8c; }
    .cx-btn.btn-primary.active, .cx-btn.btn-primary:focus.active {
      opacity: .5; }
  .cx-btn.btn-secondary, .cx-btn.btn-secondary:focus {
    color: #ffffff;
    box-shadow: none; }
    .theme-default .cx-btn.btn-secondary, .theme-default .cx-btn.btn-secondary:focus {
      background-color: #020090;
      border-color: #020090; }
    .theme-secondary .cx-btn.btn-secondary, .theme-secondary .cx-btn.btn-secondary:focus {
      background-color: #494DF4;
      border-color: #494DF4; }
  .cx-btn.btn-secondary-transparent, .cx-btn.btn-secondary-transparent:focus {
    box-shadow: none; }
    .theme-default .cx-btn.btn-secondary-transparent, .theme-default .cx-btn.btn-secondary-transparent:focus {
      background-color: transparent;
      border-color: #020090;
      color: #020090; }
    .theme-secondary .cx-btn.btn-secondary-transparent, .theme-secondary .cx-btn.btn-secondary-transparent:focus {
      background-color: transparent;
      border-color: #494DF4;
      color: #494DF4; }
    .cx-btn.btn-secondary-transparent:before, .cx-btn.btn-secondary-transparent:focus:before {
      background-color: rgba(2, 0, 144, 0.3); }
    .cx-btn.btn-secondary-transparent:hover, .cx-btn.btn-secondary-transparent:focus:hover {
      color: #ffffff; }
      .theme-default .cx-btn.btn-secondary-transparent:hover, .theme-default .cx-btn.btn-secondary-transparent:focus:hover {
        background-color: #020090; }
      .theme-secondary .cx-btn.btn-secondary-transparent:hover, .theme-secondary .cx-btn.btn-secondary-transparent:focus:hover {
        background-color: #494DF4; }

/* Switch starts here */
.rocker {
  display: inline-block;
  position: relative;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #888;
  width: 7em;
  height: 4em;
  overflow: hidden;
  border-bottom: 0.5em solid #eee; }

.rocker-small {
  font-size: 0.75em;
  /* Sizes the switch */
  margin: 0 1em;
  top: 1rem; }

.rocker::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999;
  border: 0.5em solid #eee;
  border-bottom: 0; }

.rocker input {
  opacity: 0;
  width: 0;
  height: 0; }

.switch-left,
.switch-right {
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  width: 3em;
  transition: 0.2s; }

.switch-left {
  height: 2.4em;
  width: 2.75em;
  left: 0.85em;
  bottom: 0.4em;
  background-color: #ddd;
  transform: rotate(15deg) skewX(15deg); }

.switch-right {
  right: 0.5em;
  bottom: 0;
  background-color: #bd5757;
  color: #fff; }

.switch-left::before,
.switch-right::before {
  content: "";
  position: absolute;
  width: 0.4em;
  height: 2.45em;
  bottom: -0.45em;
  background-color: #ccc;
  transform: skewY(-65deg); }

.switch-left::before {
  left: -0.4em; }

.switch-right::before {
  right: -0.375em;
  background-color: transparent;
  transform: skewY(65deg); }

input:checked + .switch-left {
  background-color: #0084d0;
  color: #fff;
  bottom: 0px;
  left: 0.5em;
  height: 2.5em;
  width: 3em;
  transform: rotate(0deg) skewX(0deg); }

input:checked + .switch-left::before {
  background-color: transparent;
  width: 3.0833em; }

input:checked + .switch-left + .switch-right {
  background-color: #ddd;
  color: #888;
  bottom: 0.4em;
  right: 0.8em;
  height: 2.4em;
  width: 2.75em;
  transform: rotate(-15deg) skewX(-15deg); }

input:checked + .switch-left + .switch-right::before {
  background-color: #ccc; }

/* Keyboard Users */
input:focus + .switch-left {
  color: #333; }

input:checked:focus + .switch-left {
  color: #fff; }

input:focus + .switch-left + .switch-right {
  color: #fff; }

input:checked:focus + .switch-left + .switch-right {
  color: #333; }

body.has-edit-mode-menu .styleswitcher {
  display: none; }

.styleswitcher {
  z-index: 950 !important;
  position: absolute; }
  .styleswitcher .settings-btn {
    position: absolute;
    visibility: hidden;
    opacity: 0; }
  .styleswitcher .settings-btn + label {
    position: fixed;
    top: 149px;
    right: 0;
    display: block;
    padding: 10px;
    color: #333;
    text-align: center;
    background: #fff;
    cursor: pointer; }
    .theme-default .styleswitcher .settings-btn + label {
      border-left: 3px solid #F07662; }
    .theme-secondary .styleswitcher .settings-btn + label {
      border-left: 3px solid #3f4e8c; }
  .styleswitcher .settings-btn:checked + label {
    right: 200px;
    transition: all 0.3s; }
  .styleswitcher .buttons-wrapper {
    position: fixed;
    top: 149px;
    right: -200px;
    width: 200px;
    height: auto;
    background: #fff;
    transition: all 0.3s;
    text-align: center; }
    .theme-default .styleswitcher .buttons-wrapper {
      border-bottom: 3px solid #F07662; }
    .theme-secondary .styleswitcher .buttons-wrapper {
      border-bottom: 3px solid #3f4e8c; }
  .styleswitcher .settings-btn:checked ~ .buttons-wrapper {
    right: 0; }
  .styleswitcher .title-panel {
    padding: 1rem; }
  .styleswitcher .item-panel {
    display: block;
    width: 100%;
    position: relative;
    text-align: left;
    padding: 0 1rem; }
    .styleswitcher .item-panel .label {
      margin: 1rem 0;
      position: relative;
      bottom: .3rem;
      font-size: .6rem; }
    .styleswitcher .item-panel .rocker-small {
      position: absolute;
      right: 0;
      top: 0;
      font-size: .5rem; }

.view-content {
  display: none;
  cursor: pointer;
  font-size: 1rem;
  color: #999; }
  .view-content:hover {
    color: #000; }

.dragable_mode .portlet-body {
  display: none; }

.dragable_mode .portlet-layout .portlet-header {
  margin-bottom: 0; }

.dragable_mode .portlet-layout .portlet .portlet-title-text {
  font-size: 1.5rem; }

.dragable_mode .view-content {
  display: block; }

.item-bottom {
  padding-bottom: 2rem; }
  .item-bottom .label {
    display: block;
    width: max-content;
    margin: 0 auto;
    margin-bottom: 1rem; }

.applications-menu-wrapper {
  height: auto;
  overflow: hidden; }
  .applications-menu-wrapper .applications-menu-content {
    padding: 0 !important; }
  .applications-menu-wrapper .applications-menu-border-top {
    padding: 1rem 0; }
  .applications-menu-wrapper .applications-menu-nav-link {
    color: #272833;
    font-size: .8rem;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .theme-default .applications-menu-wrapper .applications-menu-nav-link:hover {
      color: #F07662; }
    .theme-secondary .applications-menu-wrapper .applications-menu-nav-link:hover {
      color: #3f4e8c; }
  .applications-menu-wrapper .c-my-3 {
    margin: .5rem 0; }
  .applications-menu-wrapper .c-mt-2 {
    margin-top: .5rem; }
  .applications-menu-wrapper .c-p-3 {
    padding: 1rem; }
  .applications-menu-wrapper .c-pl-0, .applications-menu-wrapper .c-px-0 {
    padding-left: 0; }
  .applications-menu-wrapper .c-pr-0, .applications-menu-wrapper .c-px-0 {
    padding-right: 0; }
  @media (min-width: 768px) {
    .applications-menu-wrapper .c-pl-md-2, .applications-menu-wrapper .c-px-md-2 {
      padding-left: .5rem; } }
  .applications-menu-wrapper .c-mt-2, .applications-menu-wrapper .c-my-2 {
    margin-top: .5rem; }
  .applications-menu-wrapper .c-mt-3, .applications-menu-wrapper .c-my-3 {
    margin-top: 1rem; }
  .applications-menu-wrapper .c-ml-2, .applications-menu-wrapper .c-mx-2 {
    margin-left: .5rem; }
  .applications-menu-wrapper .nav-underline .nav-item .nav-link.active:after, .applications-menu-wrapper .nav-underline .tab .nav-link.active:after, .applications-menu-wrapper .nav-underline .nav-item .tab a.active:after, .applications-menu-wrapper .nav-underline .tab .nav-item a.active:after, .applications-menu-wrapper .nav-underline .tab a.active:after, .applications-menu-wrapper .nav-underline .nav-item .tab.active a:after, .applications-menu-wrapper .nav-underline .tab.active .nav-item a:after, .applications-menu-wrapper .nav-underline .tab.active a:after {
    content: "";
    height: .125rem;
    background-color: #80acff; }

.control-menu-container .control-menu-level-1 > .container-fluid {
  padding: 8px; }
  @media (min-width: 576px) {
    .control-menu-container .control-menu-level-1 > .container-fluid {
      padding: 12px; } }

.control-menu-container .container-fluid-max-xl {
  max-width: 1248px; }

.control-menu-container .btn-secondary:not(.btn-outline-borderless) {
  color: #6B6C7E;
  border: 1px solid #CDCED9;
  background-color: #FFF; }

.control-menu-container .btn-sm {
  padding: 0.4375rem 0.75rem; }

.control-menu-container .btn-monospaced.btn-sm, .control-menu-container .btn-group-sm .btn-monospaced {
  height: 2rem;
  padding: 0.1875rem 0px;
  width: 2rem; }

.control-menu-container .responsive-mode .nav-item:nth-child(3) .btn:first-child:before {
  content: "\f108";
  font-family: "Font Awesome 5 Pro"; }

.control-menu-container .responsive-mode .nav-item:nth-child(3) .btn:first-child .lexicon-icon {
  display: none; }

.control-menu-container .btn-secondary:not(.btn-outline-borderless):hover {
  background-color: #FAFBFB; }

.control-menu-container page-editor__toolbar .btn-secondary:active, .control-menu-container .page-editor__toolbar .btn-secondary[aria-pressed='true'], .control-menu-container .page-editor__toolbar .btn-secondary[aria-pressed='true']:hover {
  background-color: #f1f2f5;
  border-color: #cdced9; }

.section-popup-emma,
.section-submenu-emma {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  height: 100vh;
  min-height: 800px;
  width: 100%;
  padding: 3rem 0;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media (min-width: 1280px) and (max-height: 615px) {
    .section-popup-emma,
    .section-submenu-emma {
      padding: 2rem 0; } }
  .section-popup-emma.show-popup,
  .section-submenu-emma.show-popup {
    opacity: 1;
    visibility: visible; }
  .section-popup-emma .container.CX-wrapper,
  .section-submenu-emma .container.CX-wrapper {
    position: relative; }
  .section-popup-emma .box-close,
  .section-popup-emma .box-back,
  .section-submenu-emma .box-close,
  .section-submenu-emma .box-back {
    position: absolute;
    right: 0;
    color: #ffffff;
    cursor: pointer; }
    @media (max-width: 767px) {
      .section-popup-emma .box-close,
      .section-popup-emma .box-back,
      .section-submenu-emma .box-close,
      .section-submenu-emma .box-back {
        right: 1rem;
        top: -1rem; } }
    .section-popup-emma .box-close i,
    .section-popup-emma .box-back i,
    .section-submenu-emma .box-close i,
    .section-submenu-emma .box-back i {
      margin-right: .5rem; }
  .section-popup-emma .box-back,
  .section-submenu-emma .box-back {
    right: auto;
    left: 0; }
    @media (max-width: 767px) {
      .section-popup-emma .box-back,
      .section-submenu-emma .box-back {
        right: auto;
        left: 1rem; } }
  .section-popup-emma .container-inner-emma,
  .section-submenu-emma .container-inner-emma {
    display: flex;
    padding-top: 2rem;
    width: max-content;
    margin: 0 auto;
    text-align: center; }
    .section-popup-emma .container-inner-emma .left-menu,
    .section-popup-emma .container-inner-emma .right-menu,
    .section-submenu-emma .container-inner-emma .left-menu,
    .section-submenu-emma .container-inner-emma .right-menu {
      margin-top: 2.5rem;
      position: relative;
      z-index: 2; }
      @media (min-width: 1280px) and (max-height: 615px) {
        .section-popup-emma .container-inner-emma .left-menu,
        .section-popup-emma .container-inner-emma .right-menu,
        .section-submenu-emma .container-inner-emma .left-menu,
        .section-submenu-emma .container-inner-emma .right-menu {
          margin-top: 1.5rem; } }
      .section-popup-emma .container-inner-emma .left-menu .list-menu,
      .section-popup-emma .container-inner-emma .right-menu .list-menu,
      .section-submenu-emma .container-inner-emma .left-menu .list-menu,
      .section-submenu-emma .container-inner-emma .right-menu .list-menu {
        margin-bottom: 2rem;
        border-radius: 50px;
        position: relative; }
        @media (min-width: 1280px) and (max-height: 615px) {
          .section-popup-emma .container-inner-emma .left-menu .list-menu,
          .section-popup-emma .container-inner-emma .right-menu .list-menu,
          .section-submenu-emma .container-inner-emma .left-menu .list-menu,
          .section-submenu-emma .container-inner-emma .right-menu .list-menu {
            margin-bottom: 1rem; } }
        @media (max-width: 767px) {
          .section-popup-emma .container-inner-emma .left-menu .list-menu,
          .section-popup-emma .container-inner-emma .right-menu .list-menu,
          .section-submenu-emma .container-inner-emma .left-menu .list-menu,
          .section-submenu-emma .container-inner-emma .right-menu .list-menu {
            margin-bottom: 1rem; } }
        .section-popup-emma .container-inner-emma .left-menu .list-menu a,
        .section-popup-emma .container-inner-emma .right-menu .list-menu a,
        .section-submenu-emma .container-inner-emma .left-menu .list-menu a,
        .section-submenu-emma .container-inner-emma .right-menu .list-menu a {
          width: 100px;
          height: 100px;
          border-radius: 50px;
          padding-top: 1rem;
          display: block;
          text-decoration: none;
          position: relative;
          overflow: hidden; }
          @media (max-width: 767px) {
            .section-popup-emma .container-inner-emma .left-menu .list-menu a,
            .section-popup-emma .container-inner-emma .right-menu .list-menu a,
            .section-submenu-emma .container-inner-emma .left-menu .list-menu a,
            .section-submenu-emma .container-inner-emma .right-menu .list-menu a {
              width: 80px;
              height: 80px;
              padding-top: .5rem; } }
          @media (max-width: 320px) {
            .section-popup-emma .container-inner-emma .left-menu .list-menu a,
            .section-popup-emma .container-inner-emma .right-menu .list-menu a,
            .section-submenu-emma .container-inner-emma .left-menu .list-menu a,
            .section-submenu-emma .container-inner-emma .right-menu .list-menu a {
              width: 60px;
              height: 60px; } }
          .section-popup-emma .container-inner-emma .left-menu .list-menu a:before,
          .section-popup-emma .container-inner-emma .right-menu .list-menu a:before,
          .section-submenu-emma .container-inner-emma .left-menu .list-menu a:before,
          .section-submenu-emma .container-inner-emma .right-menu .list-menu a:before {
            content: '';
            position: absolute;
            width: 0;
            height: 530px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(45deg);
            -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
            transition: width .3s, opacity .3s;
            background-color: rgba(0, 0, 0, 0.3);
            opacity: 1; }
          .section-popup-emma .container-inner-emma .left-menu .list-menu a:hover:before, .section-popup-emma .container-inner-emma .left-menu .list-menu a.active:before,
          .section-popup-emma .container-inner-emma .right-menu .list-menu a:hover:before,
          .section-popup-emma .container-inner-emma .right-menu .list-menu a.active:before,
          .section-submenu-emma .container-inner-emma .left-menu .list-menu a:hover:before,
          .section-submenu-emma .container-inner-emma .left-menu .list-menu a.active:before,
          .section-submenu-emma .container-inner-emma .right-menu .list-menu a:hover:before,
          .section-submenu-emma .container-inner-emma .right-menu .list-menu a.active:before {
            width: 100%; }
        .section-popup-emma .container-inner-emma .left-menu .list-menu .box-image,
        .section-popup-emma .container-inner-emma .right-menu .list-menu .box-image,
        .section-submenu-emma .container-inner-emma .left-menu .list-menu .box-image,
        .section-submenu-emma .container-inner-emma .right-menu .list-menu .box-image {
          width: 40px;
          margin: 0 auto;
          margin-bottom: .5rem;
          position: relative;
          z-index: 2; }
          @media (max-width: 767px) {
            .section-popup-emma .container-inner-emma .left-menu .list-menu .box-image,
            .section-popup-emma .container-inner-emma .right-menu .list-menu .box-image,
            .section-submenu-emma .container-inner-emma .left-menu .list-menu .box-image,
            .section-submenu-emma .container-inner-emma .right-menu .list-menu .box-image {
              width: 30px; } }
          @media (max-width: 320px) {
            .section-popup-emma .container-inner-emma .left-menu .list-menu .box-image,
            .section-popup-emma .container-inner-emma .right-menu .list-menu .box-image,
            .section-submenu-emma .container-inner-emma .left-menu .list-menu .box-image,
            .section-submenu-emma .container-inner-emma .right-menu .list-menu .box-image {
              width: 25px;
              margin-bottom: .2rem; } }
          .section-popup-emma .container-inner-emma .left-menu .list-menu .box-image img,
          .section-popup-emma .container-inner-emma .right-menu .list-menu .box-image img,
          .section-submenu-emma .container-inner-emma .left-menu .list-menu .box-image img,
          .section-submenu-emma .container-inner-emma .right-menu .list-menu .box-image img {
            width: 100%; }
        .section-popup-emma .container-inner-emma .left-menu .list-menu .label-menu,
        .section-popup-emma .container-inner-emma .right-menu .list-menu .label-menu,
        .section-submenu-emma .container-inner-emma .left-menu .list-menu .label-menu,
        .section-submenu-emma .container-inner-emma .right-menu .list-menu .label-menu {
          font-size: .7rem;
          color: #ffffff;
          position: relative;
          z-index: 2; }
          @media (max-width: 320px) {
            .section-popup-emma .container-inner-emma .left-menu .list-menu .label-menu,
            .section-popup-emma .container-inner-emma .right-menu .list-menu .label-menu,
            .section-submenu-emma .container-inner-emma .left-menu .list-menu .label-menu,
            .section-submenu-emma .container-inner-emma .right-menu .list-menu .label-menu {
              font-size: .5rem; } }
    .section-popup-emma .container-inner-emma .left-menu .list-menu:first-child,
    .section-submenu-emma .container-inner-emma .left-menu .list-menu:first-child {
      left: 1.5rem; }
    .section-popup-emma .container-inner-emma .left-menu .list-menu:nth-child(2),
    .section-submenu-emma .container-inner-emma .left-menu .list-menu:nth-child(2) {
      left: -3rem; }
    .section-popup-emma .container-inner-emma .left-menu .list-menu:nth-child(3),
    .section-submenu-emma .container-inner-emma .left-menu .list-menu:nth-child(3) {
      left: -1.8rem;
      margin-bottom: .8rem; }
    .section-popup-emma .container-inner-emma .left-menu .list-menu:last-child,
    .section-submenu-emma .container-inner-emma .left-menu .list-menu:last-child {
      left: 4rem; }
    @media (min-width: 1280px) and (max-height: 615px) {
      .section-popup-emma .container-inner-emma .left-menu .list-menu:nth-child(3),
      .section-submenu-emma .container-inner-emma .left-menu .list-menu:nth-child(3) {
        left: -1.8rem;
        margin-bottom: 0; }
      .section-popup-emma .container-inner-emma .left-menu .list-menu:last-child,
      .section-submenu-emma .container-inner-emma .left-menu .list-menu:last-child {
        left: 3rem; } }
    @media (max-width: 767px) {
      .section-popup-emma .container-inner-emma .left-menu .list-menu:first-child,
      .section-submenu-emma .container-inner-emma .left-menu .list-menu:first-child {
        left: 1rem; }
      .section-popup-emma .container-inner-emma .left-menu .list-menu:nth-child(2),
      .section-submenu-emma .container-inner-emma .left-menu .list-menu:nth-child(2) {
        left: -1.5rem; }
      .section-popup-emma .container-inner-emma .left-menu .list-menu:nth-child(3),
      .section-submenu-emma .container-inner-emma .left-menu .list-menu:nth-child(3) {
        left: 1rem;
        margin-bottom: 0; }
      .section-popup-emma .container-inner-emma .left-menu .list-menu:last-child,
      .section-submenu-emma .container-inner-emma .left-menu .list-menu:last-child {
        left: 5rem; } }
    @media (max-width: 375px) {
      .section-popup-emma .container-inner-emma .left-menu .list-menu:first-child,
      .section-submenu-emma .container-inner-emma .left-menu .list-menu:first-child {
        left: 1.5rem; }
      .section-popup-emma .container-inner-emma .left-menu .list-menu:nth-child(2),
      .section-submenu-emma .container-inner-emma .left-menu .list-menu:nth-child(2) {
        left: 0; } }
    @media (max-width: 320px) {
      .section-popup-emma .container-inner-emma .left-menu .list-menu:first-child,
      .section-submenu-emma .container-inner-emma .left-menu .list-menu:first-child {
        left: 1rem; }
      .section-popup-emma .container-inner-emma .left-menu .list-menu:nth-child(2),
      .section-submenu-emma .container-inner-emma .left-menu .list-menu:nth-child(2) {
        left: -1rem; }
      .section-popup-emma .container-inner-emma .left-menu .list-menu:nth-child(3),
      .section-submenu-emma .container-inner-emma .left-menu .list-menu:nth-child(3) {
        left: .5rem;
        margin-bottom: 0; }
      .section-popup-emma .container-inner-emma .left-menu .list-menu:last-child,
      .section-submenu-emma .container-inner-emma .left-menu .list-menu:last-child {
        left: 4rem; } }
    .section-popup-emma .container-inner-emma .right-menu .list-menu:first-child,
    .section-submenu-emma .container-inner-emma .right-menu .list-menu:first-child {
      right: 1.5rem; }
    .section-popup-emma .container-inner-emma .right-menu .list-menu:nth-child(2),
    .section-submenu-emma .container-inner-emma .right-menu .list-menu:nth-child(2) {
      right: -3rem; }
    .section-popup-emma .container-inner-emma .right-menu .list-menu:nth-child(3),
    .section-submenu-emma .container-inner-emma .right-menu .list-menu:nth-child(3) {
      right: -1.8rem;
      margin-bottom: .8rem; }
    .section-popup-emma .container-inner-emma .right-menu .list-menu:last-child,
    .section-submenu-emma .container-inner-emma .right-menu .list-menu:last-child {
      right: 4rem; }
    @media (min-width: 1280px) and (max-height: 615px) {
      .section-popup-emma .container-inner-emma .right-menu .list-menu:nth-child(3),
      .section-submenu-emma .container-inner-emma .right-menu .list-menu:nth-child(3) {
        right: -1.8rem;
        margin-bottom: 0; }
      .section-popup-emma .container-inner-emma .right-menu .list-menu:last-child,
      .section-submenu-emma .container-inner-emma .right-menu .list-menu:last-child {
        right: 3rem; } }
    @media (max-width: 767px) {
      .section-popup-emma .container-inner-emma .right-menu .list-menu:first-child,
      .section-submenu-emma .container-inner-emma .right-menu .list-menu:first-child {
        right: 1rem; }
      .section-popup-emma .container-inner-emma .right-menu .list-menu:nth-child(2),
      .section-submenu-emma .container-inner-emma .right-menu .list-menu:nth-child(2) {
        right: -1.5rem; }
      .section-popup-emma .container-inner-emma .right-menu .list-menu:nth-child(3),
      .section-submenu-emma .container-inner-emma .right-menu .list-menu:nth-child(3) {
        right: 1rem;
        margin-bottom: 0; }
      .section-popup-emma .container-inner-emma .right-menu .list-menu:last-child,
      .section-submenu-emma .container-inner-emma .right-menu .list-menu:last-child {
        right: 5rem; } }
    @media (max-width: 375px) {
      .section-popup-emma .container-inner-emma .right-menu .list-menu:first-child,
      .section-submenu-emma .container-inner-emma .right-menu .list-menu:first-child {
        right: 1.5rem; }
      .section-popup-emma .container-inner-emma .right-menu .list-menu:nth-child(2),
      .section-submenu-emma .container-inner-emma .right-menu .list-menu:nth-child(2) {
        right: 0; } }
    @media (max-width: 320px) {
      .section-popup-emma .container-inner-emma .right-menu .list-menu:first-child,
      .section-submenu-emma .container-inner-emma .right-menu .list-menu:first-child {
        right: 1rem; }
      .section-popup-emma .container-inner-emma .right-menu .list-menu:nth-child(2),
      .section-submenu-emma .container-inner-emma .right-menu .list-menu:nth-child(2) {
        right: -1rem; }
      .section-popup-emma .container-inner-emma .right-menu .list-menu:nth-child(3),
      .section-submenu-emma .container-inner-emma .right-menu .list-menu:nth-child(3) {
        right: .5rem;
        margin-bottom: 0; }
      .section-popup-emma .container-inner-emma .right-menu .list-menu:last-child,
      .section-submenu-emma .container-inner-emma .right-menu .list-menu:last-child {
        right: 4rem; } }
    .section-popup-emma .container-inner-emma .center-content,
    .section-popup-emma .container-inner-emma .box-side-image,
    .section-submenu-emma .container-inner-emma .center-content,
    .section-submenu-emma .container-inner-emma .box-side-image {
      padding: 0 2rem; }
      @media (max-width: 767px) {
        .section-popup-emma .container-inner-emma .center-content,
        .section-popup-emma .container-inner-emma .box-side-image,
        .section-submenu-emma .container-inner-emma .center-content,
        .section-submenu-emma .container-inner-emma .box-side-image {
          padding: 0 .5rem; } }
      .section-popup-emma .container-inner-emma .center-content .head-title,
      .section-popup-emma .container-inner-emma .box-side-image .head-title,
      .section-submenu-emma .container-inner-emma .center-content .head-title,
      .section-submenu-emma .container-inner-emma .box-side-image .head-title {
        background: #4976BA;
        width: max-content;
        margin: 0 auto;
        color: #ffffff;
        padding: 1rem 1.5rem;
        border-radius: 10px;
        position: relative; }
        @media (min-width: 1280px) and (max-height: 615px) {
          .section-popup-emma .container-inner-emma .center-content .head-title,
          .section-popup-emma .container-inner-emma .box-side-image .head-title,
          .section-submenu-emma .container-inner-emma .center-content .head-title,
          .section-submenu-emma .container-inner-emma .box-side-image .head-title {
            padding: 1rem; } }
        @media (max-width: 767px) {
          .section-popup-emma .container-inner-emma .center-content .head-title,
          .section-popup-emma .container-inner-emma .box-side-image .head-title,
          .section-submenu-emma .container-inner-emma .center-content .head-title,
          .section-submenu-emma .container-inner-emma .box-side-image .head-title {
            padding: .5rem;
            font-size: .8rem; } }
        @media (max-width: 320px) {
          .section-popup-emma .container-inner-emma .center-content .head-title,
          .section-popup-emma .container-inner-emma .box-side-image .head-title,
          .section-submenu-emma .container-inner-emma .center-content .head-title,
          .section-submenu-emma .container-inner-emma .box-side-image .head-title {
            font-size: .6rem; } }
        .section-popup-emma .container-inner-emma .center-content .head-title:after,
        .section-popup-emma .container-inner-emma .box-side-image .head-title:after,
        .section-submenu-emma .container-inner-emma .center-content .head-title:after,
        .section-submenu-emma .container-inner-emma .box-side-image .head-title:after {
          width: 0;
          height: 0;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-top: 10px solid #4976BA;
          content: '';
          position: absolute;
          bottom: -.6rem;
          left: 50%;
          transform: translateX(-50%); }
          @media (max-width: 767px) {
            .section-popup-emma .container-inner-emma .center-content .head-title:after,
            .section-popup-emma .container-inner-emma .box-side-image .head-title:after,
            .section-submenu-emma .container-inner-emma .center-content .head-title:after,
            .section-submenu-emma .container-inner-emma .box-side-image .head-title:after {
              bottom: -.55rem; } }
      .section-popup-emma .container-inner-emma .center-content .box-image-emma,
      .section-popup-emma .container-inner-emma .box-side-image .box-image-emma,
      .section-submenu-emma .container-inner-emma .center-content .box-image-emma,
      .section-submenu-emma .container-inner-emma .box-side-image .box-image-emma {
        margin: 3rem 0;
        border-radius: 185px;
        background: transparent linear-gradient(150deg, #FAD6DE 0%, #B5D0EE 100%) 0 0 no-repeat padding-box; }
        @media (min-width: 1280px) and (max-height: 615px) {
          .section-popup-emma .container-inner-emma .center-content .box-image-emma,
          .section-popup-emma .container-inner-emma .box-side-image .box-image-emma,
          .section-submenu-emma .container-inner-emma .center-content .box-image-emma,
          .section-submenu-emma .container-inner-emma .box-side-image .box-image-emma {
            width: 250px; } }
        @media (max-width: 767px) {
          .section-popup-emma .container-inner-emma .center-content .box-image-emma,
          .section-popup-emma .container-inner-emma .box-side-image .box-image-emma,
          .section-submenu-emma .container-inner-emma .center-content .box-image-emma,
          .section-submenu-emma .container-inner-emma .box-side-image .box-image-emma {
            width: 150px;
            margin: 0 auto;
            margin-top: 3rem;
            margin-bottom: 2rem; } }
        @media (max-width: 375px) {
          .section-popup-emma .container-inner-emma .center-content .box-image-emma,
          .section-popup-emma .container-inner-emma .box-side-image .box-image-emma,
          .section-submenu-emma .container-inner-emma .center-content .box-image-emma,
          .section-submenu-emma .container-inner-emma .box-side-image .box-image-emma {
            width: 130px; } }
        @media (max-width: 320px) {
          .section-popup-emma .container-inner-emma .center-content .box-image-emma,
          .section-popup-emma .container-inner-emma .box-side-image .box-image-emma,
          .section-submenu-emma .container-inner-emma .center-content .box-image-emma,
          .section-submenu-emma .container-inner-emma .box-side-image .box-image-emma {
            width: 100px; } }
      @media (max-width: 767px) {
        .section-popup-emma .container-inner-emma .center-content .logo-bottom,
        .section-popup-emma .container-inner-emma .box-side-image .logo-bottom,
        .section-submenu-emma .container-inner-emma .center-content .logo-bottom,
        .section-submenu-emma .container-inner-emma .box-side-image .logo-bottom {
          width: 100px;
          margin: 0 auto; } }

.section-submenu-emma .container-inner-emma {
  padding-top: 6rem; }
  .section-submenu-emma .container-inner-emma .box-side-image .box-image-emma {
    margin-top: 0; }
  .section-submenu-emma .container-inner-emma .box-content-menu {
    text-align: left;
    color: #ffffff; }
    @media (max-width: 767px) {
      .section-submenu-emma .container-inner-emma .box-content-menu {
        flex: 0 50%;
        max-width: 50%;
        margin-left: .5rem; } }
    .section-submenu-emma .container-inner-emma .box-content-menu .title {
      font-size: 2.5rem;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .section-submenu-emma .container-inner-emma .box-content-menu .title {
          font-size: 2rem; } }
      @media (max-width: 320px) {
        .section-submenu-emma .container-inner-emma .box-content-menu .title {
          font-size: 1.5rem; } }
    @media (max-width: 767px) {
      .section-submenu-emma .container-inner-emma .box-content-menu .subtitle {
        font-size: .8rem;
        max-width: 90%; } }
    .section-submenu-emma .container-inner-emma .box-content-menu .box-menu {
      margin: 0;
      padding: 0; }
      .section-submenu-emma .container-inner-emma .box-content-menu .box-menu .list-menu {
        list-style: none;
        margin-bottom: 1rem;
        border-radius: 8px; }
        .section-submenu-emma .container-inner-emma .box-content-menu .box-menu .list-menu a {
          text-decoration: none;
          padding: 1rem 2rem;
          text-align: center;
          color: #ffffff;
          display: block;
          overflow: hidden;
          position: relative; }
          @media (max-width: 767px) {
            .section-submenu-emma .container-inner-emma .box-content-menu .box-menu .list-menu a {
              padding: .6rem;
              font-size: .8rem; } }
          .section-submenu-emma .container-inner-emma .box-content-menu .box-menu .list-menu a.disabled {
            opacity: .5;
            cursor: not-allowed; }
            .section-submenu-emma .container-inner-emma .box-content-menu .box-menu .list-menu a.disabled:hover:before, .section-submenu-emma .container-inner-emma .box-content-menu .box-menu .list-menu a.disabled.active:before {
              width: 0; }
          .section-submenu-emma .container-inner-emma .box-content-menu .box-menu .list-menu a:before {
            content: '';
            position: absolute;
            width: 0;
            height: 530px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(45deg);
            -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
            transition: width .3s, opacity .3s;
            background-color: rgba(0, 0, 0, 0.3);
            opacity: 1; }
          .section-submenu-emma .container-inner-emma .box-content-menu .box-menu .list-menu a:hover:before, .section-submenu-emma .container-inner-emma .box-content-menu .box-menu .list-menu a.active:before {
            width: 100%; }
          .section-submenu-emma .container-inner-emma .box-content-menu .box-menu .list-menu a span {
            position: relative;
            z-index: 2; }

.backdrop-popup-emma {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.82); }

html,
body {
  font-family: "SourceSans-Reguler"; }

.CX-utama {
  margin-top: 131px; }
  @media (max-width: 1024px) {
    .CX-utama {
      margin-top: 86px; } }

body.is-home .CX-utama,
body.signed-in.is-home .CX-utama,
body.signed-in.show_c_menu.is-home .CX-utama {
  margin-top: 0; }

body.signed-in.show_c_menu .CX-utama,
body.signed-in .CX-utama {
  margin-top: 145px; }
  @media (max-width: 1024px) {
    body.signed-in.show_c_menu .CX-utama,
    body.signed-in .CX-utama {
      margin-top: 88px; } }

body.has-edit-mode-menu .CX-utama,
body.no_header_footer .CX-utama {
  margin-top: 0 !important; }

body.no_header_footer {
  overflow: initial; }

body.AsuransiAXAGoodHealth,
body.EbuySuccess {
  overflow-x: clip; }
  body.AsuransiAXAGoodHealth .cx-product-info-with-image,
  body.EbuySuccess .cx-product-info-with-image {
    padding-top: 2rem; }

body.Passwordbaru .box-unit-link {
  display: none !important; }

body.has-edit-mode-menu .aos-init {
  opacity: 1 !important;
  transition-property: none !important;
  transform: none !important; }

@media (min-width: 1280px) {
  .container.CX-wrapper {
    max-width: 1188px; } }

@media (min-width: 1360px) {
  .container.CX-wrapper {
    max-width: 1148px; }
  .container.container-md.CX-wrapper {
    max-width: 1140px; } }

.no_style {
  list-style: none;
  padding: 0;
  margin: 0; }

.dropdown-menu.dropdown-menu-personal-menu.dropdown-menu-indicator-end {
  display: none; }

.page-editor__topper.hovered .portlet header.portlet-topper {
  display: none !important; }

.lfr-configurator-visibility .portlet-content-editable {
  opacity: 1 !important; }

.portlet {
  margin-bottom: 0; }

.portlet .portlet-content {
  padding: 0px; }
  .portlet .portlet-content .autofit-float.autofit-row.portlet-header {
    display: none; }

body.signed-out .CX-utama .box-utama {
  padding: 0px 0; }
  body.signed-out .CX-utama .box-utama .portlet-login {
    padding: 20px 20px;
    margin: 100px auto 20px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px; }
    @media (min-width: 1025px) {
      body.signed-out .CX-utama .box-utama .portlet-login {
        max-width: 450px; } }
    @media (max-width: 1024px) {
      body.signed-out .CX-utama .box-utama .portlet-login {
        margin: 100px 20px 20px; } }

.back_to_top {
  position: fixed;
  z-index: 20;
  right: 20px;
  background-color: #F07662;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  bottom: -100px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
  .back_to_top:hover {
    background-color: #F3765E;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); }
  .back_to_top .box-shadow {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .back_to_top.hidden {
    display: block !important; }
  .back_to_top.showup {
    bottom: 50px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .back_to_top a {
    cursor: pointer;
    display: block;
    color: #ffffff; }

.lfr-product-menu-panel,
.control-menu-container {
  opacity: 0;
  visibility: hidden !important; }

.control-menu-container {
  position: absolute !important; }

.control-menu-container .btn-logout {
  color: #ffffff !important;
  font-size: .8rem !important; }
  .theme-default .control-menu-container .btn-logout {
    background-color: #020090;
    border-color: #020090; }
  .theme-secondary .control-menu-container .btn-logout {
    background-color: #494DF4;
    border-color: #494DF4; }
  .theme-default .control-menu-container .btn-logout:hover {
    background-color: #020090;
    border-color: #020090; }
  .theme-secondary .control-menu-container .btn-logout:hover {
    background-color: #494DF4;
    border-color: #494DF4; }

body.show_c_menu .lfr-product-menu-panel,
body.show_c_menu .control-menu-container,
body.has-edit-mode-menu .lfr-product-menu-panel,
body.has-edit-mode-menu .control-menu-container {
  opacity: 1;
  visibility: visible !important; }

body.show_c_menu .control-menu-container,
body.has-edit-mode-menu .control-menu-container {
  position: fixed !important;
  width: 100%; }

.lfr-product-menu-panel,
.control-menu-container,
.CX-utama,
.CX-header {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.box-head {
  text-align: center;
  margin-bottom: 3rem; }
  .box-head.inline {
    max-width: 680px;
    margin: 0 auto;
    display: flex;
    text-align: left;
    align-items: center;
    margin-bottom: 3rem; }
    @media (max-width: 767px) {
      .box-head.inline {
        flex-direction: column; } }
    .box-head.inline .title {
      flex: 0 35%;
      max-width: 35%;
      text-align: center; }
      @media (max-width: 767px) {
        .box-head.inline .title {
          flex: 0 100%;
          max-width: 100%;
          margin-bottom: 1rem; } }
    .box-head.inline .desc {
      flex: 0 65%;
      max-width: 65%;
      text-align: justify; }
      @media (max-width: 767px) {
        .box-head.inline .desc {
          flex: 0 100%;
          max-width: 100%;
          text-align: center;
          font-size: .9rem; } }
  .box-head .title {
    color: #333333;
    font-size: 2rem;
    position: relative;
    width: max-content;
    margin: 0 auto;
    font-family: "Publico-Bold"; }
    @media (max-width: 767px) {
      .box-head .title {
        width: auto; } }
  .box-head .desc {
    color: #707070;
    margin-bottom: 0; }

.link-more {
  position: relative;
  font-family: "SourceSans-Semibold";
  text-transform: uppercase; }
  .link-more:hover:after {
    right: -2rem; }
  .link-more:after {
    content: "\f178";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: -1.5rem;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.box-form .form-control {
  padding: .8rem 1rem;
  border: 2px solid #D3CECE;
  border-radius: 11px;
  height: auto;
  font-size: .9rem; }
  .box-form .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(62, 61, 61, 0.53);
    opacity: 1;
    /* Firefox */ }
  .box-form .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(62, 61, 61, 0.53); }
  .box-form .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(62, 61, 61, 0.53); }
  .box-form .form-control.disabled {
    background-color: #e9ecef !important;
    cursor: not-allowed !important; }

.box-form .form-select,
.box-form .form-date {
  position: relative; }
  .box-form .form-select.with-label:after,
  .box-form .form-date.with-label:after {
    top: 3.2rem; }
  .box-form .form-select:after,
  .box-form .form-date:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    color: #2A428B;
    position: absolute;
    top: .8rem;
    right: 1rem;
    padding-left: 1rem;
    border-left: 1px solid rgba(42, 66, 139, 0.2); }

.box-form .form-date {
  position: relative; }
  .box-form .form-date .form-control {
    background-image: url(../images/ic-calendar.png);
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 20px; }
  .box-form .form-date:after {
    content: "";
    width: 1px;
    background: rgba(42, 66, 139, 0.1);
    height: 25px;
    padding: 0;
    right: 2.8rem; }

.box-form select {
  background: none !important;
  background-color: #ffffff !important; }

.box-form textarea {
  padding: 1rem 1.5rem !important;
  height: 150px !important; }

.box-form .box-recaptcha .taglib-captcha {
  margin-bottom: 0; }

.box-form .box-recaptcha .form-group {
  margin-bottom: 0; }

.box-form .box-recaptcha .form-control {
  padding: .5rem 1rem; }

.box-form .box-recaptcha .alert-form-custom {
  font-size: 0.875rem;
  color: #dc3545; }

.box-form .form-with-separator .form-group {
  margin-bottom: 1rem;
  flex: 0 50%;
  max-width: 50%;
  position: relative; }
  .box-form .form-with-separator .form-group:after {
    content: "/";
    font-size: 1.5rem;
    position: absolute;
    color: #d3cece;
    right: 0; }
    @media (max-width: 767px) {
      .box-form .form-with-separator .form-group:after {
        top: .4rem; } }
  .box-form .form-with-separator .form-group:first-child .form-control {
    border-left: 2px solid #d3cece;
    border-radius: 11px 0 0 11px; }
  .box-form .form-with-separator .form-group:last-child:after {
    content: ''; }
  .box-form .form-with-separator .form-group:last-child .form-control {
    border-right: 2px solid #d3cece;
    border-radius: 0 11px 11px 0; }
  .box-form .form-with-separator .form-group .form-control {
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    text-align: center; }
    .box-form .form-with-separator .form-group .form-control:focus {
      box-shadow: none; }

.nav.nav-tabs {
  justify-content: space-evenly;
  padding: 0 6rem;
  border-bottom: 0;
  margin-bottom: 3rem; }
  @media (max-width: 768px) {
    .nav.nav-tabs {
      padding: 0; } }
  @media (max-width: 767px) {
    .nav.nav-tabs {
      padding: 0 2rem; } }
  .nav.nav-tabs li a {
    color: #4A4A4A;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .nav.nav-tabs li a.active, .nav.nav-tabs li a:hover {
      background: #F07662;
      color: #ffffff;
      border-radius: 20px;
      font-family: "SourceSans-Semibold"; }

.component-title {
  display: none; }

.metadata-author {
  display: none; }

#breadcrumbs {
  display: none; }

.CX-breadcrumbs {
  padding-top: 1.2rem; }
  .CX-breadcrumbs .breadcrumb {
    background-color: transparent;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2rem; }
    .CX-breadcrumbs .breadcrumb li {
      text-transform: uppercase;
      font-size: 1rem; }
      .CX-breadcrumbs .breadcrumb li:first-child:before {
        content: ''; }
      .CX-breadcrumbs .breadcrumb li:before {
        content: "\f054";
        font-family: "Font Awesome 5 Pro";
        background: none;
        color: #999999;
        top: 30%;
        font-size: .8rem; }
      .CX-breadcrumbs .breadcrumb li span.active {
        font-family: "SourceSans-Semibold"; }
        .theme-default .CX-breadcrumbs .breadcrumb li span.active {
          color: #020090; }
        .theme-secondary .CX-breadcrumbs .breadcrumb li span.active {
          color: #494DF4; }
        .theme-default .CX-breadcrumbs .breadcrumb li span.active:hover {
          color: #020090; }
        .theme-secondary .CX-breadcrumbs .breadcrumb li span.active:hover {
          color: #494DF4; }
      .theme-default .CX-breadcrumbs .breadcrumb li a span {
        color: #999999; }
      .theme-default .CX-breadcrumbs .breadcrumb li a:hover span {
        color: #F07662; }
      .theme-secondary .CX-breadcrumbs .breadcrumb li a span {
        color: #999999; }
      .theme-secondary .CX-breadcrumbs .breadcrumb li a:hover span {
        color: #3f4e8c; }

.modal.fade:not(.show) {
  opacity: 0;
  visibility: hidden; }

.table {
  border-radius: 20px;
  text-align: center;
  border: none;
  width: 100% !important; }
  .table thead tr:first-child th {
    border-top: 0; }
    .table thead tr:first-child th:first-child {
      border-radius: 20px 0 0 0;
      border-left: 0; }
    .table thead tr:first-child th:last-child {
      border-radius: 0 20px 0 0;
      border-right: 0; }
  .table thead th {
    background-color: #4976BA;
    color: #ffffff;
    text-align: center;
    padding: .5rem;
    border-bottom: none; }
  .table tbody tr td {
    background-color: #E5EEFF;
    padding: .5rem; }
    .table tbody tr td:first-child {
      border-left: 0; }
    .table tbody tr td:last-child {
      border-right: 0; }
  .table tbody tr:last-child td {
    border-bottom: 0; }
    .table tbody tr:last-child td:first-child {
      border-radius: 0 0 0 20px; }
    .table tbody tr:last-child td:last-child {
      border-radius: 0 0 20px 0; }
  .table tbody tr:nth-of-type(odd) td {
    background: #EFEFEF; }

.slick-track {
  margin-left: 0; }

.list-dropdown {
  margin-bottom: 1.5rem;
  border-radius: 20px;
  box-shadow: 0 7px 12px rgba(0, 0, 0, 0.16);
  overflow: hidden; }
  .list-dropdown .box-head-dropdown {
    padding: 1rem 1.5rem;
    background: #4976BA;
    color: #ffffff;
    cursor: pointer;
    position: relative;
    z-index: 2; }
    .list-dropdown .box-head-dropdown:after {
      content: "\f078";
      font-family: "Font Awesome 5 Pro";
      position: absolute;
      right: 2rem;
      top: 1rem; }
    .list-dropdown .box-head-dropdown.active:after {
      content: "\f077"; }
    .list-dropdown .box-head-dropdown .title {
      margin: 0;
      font-size: 1.2rem;
      max-width: 60%; }
      @media (max-width: 1024px) {
        .list-dropdown .box-head-dropdown .title {
          max-width: 90%; } }
  .list-dropdown .box-content-dropdown {
    padding: 2rem 4rem;
    height: 0;
    visibility: hidden;
    opacity: 0;
    margin-top: -4rem;
    background-color: #ffffff;
    text-align: justify;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 767px) {
      .list-dropdown .box-content-dropdown {
        padding: 2rem; } }
    .list-dropdown .box-content-dropdown.active {
      visibility: visible;
      opacity: 1;
      height: auto;
      margin-top: 0; }
    .list-dropdown .box-content-dropdown p {
      margin-bottom: 0; }

.box-cta-live-chat {
  position: fixed;
  bottom: 7rem;
  right: 0;
  z-index: 9;
  cursor: pointer; }
  .box-cta-live-chat:hover .box-info {
    opacity: 1;
    visibility: visible; }
  .box-cta-live-chat .box-info {
    position: absolute;
    background: #494DF4;
    color: #ffffff;
    padding: .7rem 1rem;
    border-radius: 22px;
    right: 5rem;
    top: -1.3rem;
    font-family: "SourceSans-Semibold";
    font-size: .8rem;
    width: max-content;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 1024px) {
      .box-cta-live-chat .box-info {
        display: none; } }
    .box-cta-live-chat .box-info:after {
      content: '';
      position: absolute;
      bottom: -.1rem;
      right: 1rem;
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-top: 0;
      border-left: 20px solid #494DF4;
      border-bottom: 10px solid #494DF4;
      transform: rotate(15deg); }
  .box-cta-live-chat .box-image {
    text-align: center;
    width: max-content;
    height: max-content;
    margin-left: auto;
    background: #ffffff;
    padding: .3rem;
    border-radius: 50px;
    margin-right: .5rem;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); }
    @media (max-width: 767px) {
      .box-cta-live-chat .box-image {
        width: 77px; } }

.modal-live-chat .modal-dialog,
.modal-form-live-chat .modal-dialog {
  position: relative;
  max-width: 850px; }
  .modal-live-chat .modal-dialog .modal-content,
  .modal-form-live-chat .modal-dialog .modal-content {
    border-radius: 12px;
    border: none;
    background: transparent linear-gradient(150deg, #494df4 0%, #9fbeaf 100%) 0 0 no-repeat padding-box; }
    @media (max-width: 768px) {
      .modal-live-chat .modal-dialog .modal-content,
      .modal-form-live-chat .modal-dialog .modal-content {
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover; } }
    .modal-live-chat .modal-dialog .modal-content .modal-body,
    .modal-form-live-chat .modal-dialog .modal-content .modal-body {
      height: auto;
      padding: 0; }
      @media (max-width: 360px) {
        .modal-live-chat .modal-dialog .modal-content .modal-body,
        .modal-form-live-chat .modal-dialog .modal-content .modal-body {
          max-height: 98vh;
          overflow: auto; } }
      .modal-live-chat .modal-dialog .modal-content .modal-body .close,
      .modal-form-live-chat .modal-dialog .modal-content .modal-body .close {
        float: none;
        position: absolute;
        right: 1rem;
        top: 1rem;
        z-index: 2;
        color: #ffffff;
        opacity: 1; }
      .modal-live-chat .modal-dialog .modal-content .modal-body .box-content,
      .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content {
        position: relative;
        height: 400px; }
        @media (max-width: 768px) {
          .modal-live-chat .modal-dialog .modal-content .modal-body .box-content,
          .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content {
            height: auto; } }
        .modal-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text,
        .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text {
          padding-top: 5rem;
          padding-left: 3rem;
          max-width: 70%;
          margin-left: auto;
          color: #ffffff; }
          @media (max-width: 768px) {
            .modal-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text,
            .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text {
              padding: 0 2rem;
              padding-top: 5rem;
              max-width: 100%; } }
          .modal-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text .note,
          .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text .note {
            margin-top: 2rem; }
            @media (max-width: 767px) {
              .modal-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text .note,
              .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text .note {
                margin-top: 1rem; } }
          .modal-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text .cx-btn,
          .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text .cx-btn {
            background-color: transparent;
            border: 2px solid #ffffff;
            min-width: 150px; }
            .modal-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text .cx-btn:before,
            .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text .cx-btn:before {
              background-color: rgba(255, 255, 255, 0.3); }
            .modal-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text .cx-btn:hover,
            .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content .box-text .cx-btn:hover {
              background-color: #ffffff;
              color: #494DF4; }
        .modal-live-chat .modal-dialog .modal-content .modal-body .box-content .box-image,
        .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content .box-image {
          position: absolute;
          bottom: 0;
          left: 0; }
          @media (max-width: 768px) {
            .modal-live-chat .modal-dialog .modal-content .modal-body .box-content .box-image,
            .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content .box-image {
              position: relative;
              text-align: right; } }

.modal-form-live-chat .modal-dialog .modal-content {
  background-image: url(../images/bg-popup-form-live-chat.jpg);
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat; }
  .modal-form-live-chat .modal-dialog .modal-content .modal-body {
    overflow-x: hidden; }
    @media (max-width: 767px) {
      .modal-form-live-chat .modal-dialog .modal-content .modal-body {
        height: 95vh;
        overflow-x: auto; } }
    .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content {
      height: auto;
      padding: 4rem 6rem; }
      @media (max-width: 767px) {
        .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content {
          padding: 4rem 2rem; } }
      @media (max-width: 767px) {
        .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content .box-head .title {
          font-size: 1.2rem; } }
      .modal-form-live-chat .modal-dialog .modal-content .modal-body .box-content .box-form .cx-btn.btn-secondary {
        min-width: 154px; }

#portlet_web_oneaxa_chat_FormPrechatPortlet .box-content .box-head .title {
  font-size: 1.5rem; }

.modal-cookies,
.modal-notif {
  position: fixed;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(73, 118, 186, 0.95);
  padding: 1rem;
  z-index: 999;
  color: #ffffff;
  visibility: hidden;
  opacity: 0;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s; }
  .modal-cookies .box-content,
  .modal-notif .box-content {
    display: flex; }
    @media (max-width: 768px) {
      .modal-cookies .box-content,
      .modal-notif .box-content {
        flex-direction: column; } }
    .modal-cookies .box-content .box-text,
    .modal-notif .box-content .box-text {
      flex: 0 90%;
      max-width: 90%;
      margin-right: 1rem; }
      @media (max-width: 768px) {
        .modal-cookies .box-content .box-text,
        .modal-notif .box-content .box-text {
          flex: 0 100%;
          max-width: 100%;
          margin-right: 0; } }
      .modal-cookies .box-content .box-text .title-cookies,
      .modal-notif .box-content .box-text .title-cookies {
        font-size: 1rem;
        font-family: "SourceSans-Bold"; }
      .modal-cookies .box-content .box-text .box-desc,
      .modal-notif .box-content .box-text .box-desc {
        font-size: .8rem; }
      .modal-cookies .box-content .box-text a,
      .modal-notif .box-content .box-text a {
        font-family: "SourceSans-Bold";
        color: #ffffff;
        text-decoration: underline; }
    .modal-cookies .box-content .btn-holder,
    .modal-notif .box-content .btn-holder {
      flex: 0 10%;
      max-width: 10%;
      text-align: center; }
      @media (max-width: 768px) {
        .modal-cookies .box-content .btn-holder,
        .modal-notif .box-content .btn-holder {
          flex: 0 100%;
          max-width: 100%;
          text-align: left; } }
      .modal-cookies .box-content .btn-holder .btn-white,
      .modal-notif .box-content .btn-holder .btn-white {
        background: #ffffff;
        color: #4976BA;
        margin-bottom: .5rem;
        font-size: .8rem;
        padding: .4rem 1rem; }
        .modal-cookies .box-content .btn-holder .btn-white:hover,
        .modal-notif .box-content .btn-holder .btn-white:hover {
          background: #E6E6E6; }
      .modal-cookies .box-content .btn-holder a,
      .modal-notif .box-content .btn-holder a {
        font-family: "SourceSans-Bold";
        color: #ffffff;
        text-decoration: underline;
        font-size: .8rem;
        display: block; }
        @media (max-width: 768px) {
          .modal-cookies .box-content .btn-holder a,
          .modal-notif .box-content .btn-holder a {
            display: initial;
            margin-left: 1rem; } }

.modal-notif {
  visibility: visible;
  opacity: 1; }
  .modal-notif .box-content {
    align-items: center; }

@media (max-width: 1024px) {
  .controls-visible .portlet-topper {
    display: none; } }

.promo-form-input {
  padding: 0.35rem 1rem !important;
  overflow: auto;
  flex-wrap: unset; }

.promo-form-input .tagify__tag-text,
.promo-form-input .tagify__input {
  white-space: nowrap !important; }

/*# sourceMappingURL=main.css.map */