@charset "UTF-8";
@import url(fonts/museo-sans-cyrl/museo-sans-cyrl.css?t=1748332624014);
@import url(icons/flag-icon/flag-icon.min.css?t=1748332624014);
@import url(icons/font-awesome/font-awesome.min.css?t=1748332624014);
@import url(icons/font-awesome-6/css/all.min.css?t=1748332624014);
@import url(icons/kh-icon/kh-icon.css?t=1748332624014);
@import url(icons/kh-icon/style.css?t=1748332624014);
@import url(icons/icomoon/icomoon.min.css?t=1748332624014);
@import url(icons/microsite/style.css?t=1748332624014);
@import url(icons/khicon-centered/style.css?t=1748332624014);
body {
  background-color: #fff; }

html {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }

.row {
  margin: 0; }

.col-1, .col-xs-1, .col-2, .col-xs-2, .col-3, .col-xs-3, .col-4, .col-xs-4, .col-5, .col-xs-5, .col-6, .col-xs-6, .col-7, .col-xs-7, .col-8, .col-xs-8, .col-9, .col-xs-9, .col-10, .col-xs-10, .col-11, .col-xs-11, .col-12, .col-xs-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  padding: 0; }

*, *::before, *::after {
  /* 	box-sizing: content-box; */ }

.form-control:focus {
  color: #003767;
  background-color: #fff; }

.breadcrumb {
  padding: 8px 0; }

button, button:focus {
  outline: 0; }

.btn.focus, .btn:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: none; }

.form-control {
  padding: 6px;
  border: 1px solid #99dff9 !important;
  /* 	@include border-radius(4px); */
  color: #003767;
  font-size: 16px;
  /* 	@include box-shadow(none); */
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff !important;
  box-sizing: content-box;
  height: 20px; }
  .form-control:focus {
    border-color: #00aeef !important;
    box-shadow: none; }
    .form-control:focus ~ .input-group-addon {
      border-color: #00aeef !important; }
  .form-control::-webkit-input-placeholder {
    color: #ccc; }
  .form-control:-moz-placeholder {
    color: #ccc; }
  .form-control::-moz-placeholder {
    color: #ccc; }
  .form-control:-ms-input-placeholder {
    color: #ccc; }

.input-group-addon {
  min-width: 16px; }

/*IDE RAKTAM BE AZ ERROR & SUCCESS FOCUS KEZELÉST*/
.digit-error .form-control:focus ~ .input-group-addon {
  color: #f53500 !important;
  border-color: #f53500 !important; }

.digit-success .form-control:focus ~ .input-group-addon {
  color: #2ecc71 !important;
  border-color: #2ecc71 !important; }

/*//////////////////////////////////////////////*/
.loadingmask-message .loadingmask-message-content {
  animation: none !important;
  left: -26px;
  top: -26px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility; }

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid white; }

.video {
  max-width: 850px;
  margin: 0 auto;
  padding-top: 20px;
  background: #fff;
  text-align: center; }
  .video h1 {
    max-width: 830px;
    margin: 0 auto 20px;
    font-size: 20px;
    text-align: center; }
  .video .video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; }
    .video .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.modal.yui3-widget-modal.modal-hidden {
  display: none; }

.portlet-nested-portlets .portlet-body .video {
  width: auto;
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #e3e3e3; }

@media (max-width: 991px) {
  .video {
    padding: 0 20px; } }

.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: 991px) {
  .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: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }

.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: 768px) {
    .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, .lfr-configurator-visibility {
  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: .1875rem;
    font-size: .875rem;
    height: 2rem;
    line-height: 1.5;
    min-height: auto;
    padding: .25rem .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-bottom: 0;
        padding-right: 0;
        padding-top: 0; }
    .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: .285rem .75rem; }
  .sidebar-sm .btn {
    border-radius: .1875rem;
    font-size: .875rem;
    line-height: 1.15;
    padding: .4375rem .75rem; }
    .sidebar-sm .btn.close {
      padding: .4375rem; }
  .sidebar-sm .btn-monospaced, .sidebar-sm .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; }

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

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

.lfr-upload-container .progress-bar {
  background: #FFF;
  margin-top: 25px;
  text-align: left;
  width: 100%; }

.lfr-upload-container .progress {
  background: #8DB2E3; }

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

.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: 767px) {
  .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: 768px) {
  .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; }

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

.taglib-image-selector .glyphicon-ok {
  background: #FFF;
  opacity: 0;
  z-index: -1; }

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

.taglib-image-selector.check-active .glyphicon-ok {
  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 .glyphicon-ok {
    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 .glyphicon-ok {
  opacity: 0; }

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

.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: 768px) {
    .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 a {
  color: #272833; }

.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6B6C7E; }
  .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: #272833; }

.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: 768px) {
    .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: 768px) {
    .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; }

.user-info .user-details .date-info {
  color: #8C8C8C; }

.user-info .user-details .user-name {
  color: #009AE5; }

.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: -12px;
    margin-right: -12px;
    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: 1.5rem; }

.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: 768px) {
    .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: 768px) {
    .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: 768px) {
    .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: 992px) {
  .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 #E7E7ED;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%; }
  @media (min-width: 992px) {
    .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: 992px) {
  .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-permissions .portlet-configuration-body-content .table-responsive, .dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content .table-responsive-lg {
    overflow: visible; }

.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: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  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: "\f0d7"; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
          content: "\f0dA"; }
      .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: 768px) {
  .image-viewer-sidenav-menu {
    background-color: transparent;
    border-left-width: 0; } }

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

.image-viewer-sidenav .h5 {
  color: #869CAD;
  margin-bottom: 3px; }
  @media (min-width: 768px) {
    .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 > .active > a, .image-viewer-sidenav .nav-tabs-default > .active > a:focus, .image-viewer-sidenav .nav-tabs-default > .active > a:hover {
  border-color: transparent;
  color: #777; }
  @media (min-width: 768px) {
    .image-viewer-sidenav .nav-tabs-default > .active > a, .image-viewer-sidenav .nav-tabs-default > .active > a:focus, .image-viewer-sidenav .nav-tabs-default > .active > a:hover {
      color: #FFF; } }

.image-viewer-sidenav .nav-tabs-default > .active > a:after {
  background-color: #65B6F0;
  bottom: -10px;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  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;
  word-break: 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: #F7F8F9;
      box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff;
      cursor: default; }
    .lfr-page-layouts input[type="radio"]:checked + .card-horizontal::after {
      background-color: #0B5FFF;
      bottom: 0;
      content: "";
      height: 4px;
      left: 0;
      position: absolute;
      right: 0;
      transition: height 0.15s ease-in-out; }
  .lfr-page-layouts .card-horizontal.card,
  .lfr-page-layouts .card-horizontal .card {
    border-width: 1px;
    box-shadow: none;
    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: #F7F8F9;
      box-shadow: 0 0 0 0.125rem #FFF, 0 0 0 0.25rem #80acff;
      text-decoration: none; }
    .lfr-page-layouts .card-horizontal.card:focus,
    .lfr-page-layouts .card-horizontal .card:focus {
      background-color: #F7F8F9;
      box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #719AFF; }
    .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: #F1F2F5; }
  .lfr-page-layouts .card-horizontal::after {
    border-radius: 0 0 0.25rem 0.25rem;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    transition: height 0.15s ease-in-out; }
  .lfr-page-layouts .card-horizontal:hover::after, .lfr-page-layouts .card-horizontal.hover::after {
    background-color: #0B5FFF;
    height: 4px; }
  .lfr-page-layouts .card-horizontal:focus::after, .lfr-page-layouts .card-horizontal.focus::after {
    background-color: #0B5FFF;
    height: 4px; }
  .lfr-page-layouts .card-horizontal:active::after, .lfr-page-layouts .card-horizontal.active::after {
    background-color: #0B5FFF;
    height: 4px; }

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

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

.modal.yui3-widget-modal {
  display: block;
  margin: 0;
  overflow: hidden;
  position: fixed; }
  @media (min-width: 768px) {
    .modal.yui3-widget-modal {
      max-width: none; } }
  .modal.yui3-widget-modal .modal-body {
    overflow: auto; }
    .modal.yui3-widget-modal .modal-body.dialog-iframe-bd {
      overflow: hidden;
      padding: 0; }

.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: 1rem; }
  .sheet-footer .btn:last-child {
    margin-right: 0; }

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

.splitter {
  border-radius: 0.25rem 0.25rem 0 0;
  color: #6B6C7E;
  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 {
  line-height: 2.5em; }
  .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; }

.tree-node .icon-check {
  padding-right: 2px; }
  .tree-node .icon-check:before {
    content: "\f096"; }

.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }
  .tree-node .tree-node-checked .icon-check:before {
    content: "\f046"; }

.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 #E7E7ED;
  color: #6B6C7E; }

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

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

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

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

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

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

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

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

.user-icon-color-9 {
  background-color: #FFF;
  box-shadow: 0 0 0 1px #E7E7ED;
  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: 992px) {
  .touch .modify-pages .drag-handle {
    display: none; } }

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

.navbar-nav .nav-item.hover:after {
  bottom: -0.3125rem;
  content: '';
  height: 0.3125rem;
  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 {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    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: 992px) {
        .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-content, .portlet-minimized .portlet-content-container {
  padding: 12px; }

.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: 0.75rem; }

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

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

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

@media (max-width: 767px) {
  .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: 768px) {
  .portlet.open > .portlet-topper, .portlet:hover > .portlet-topper, .portlet.focus > .portlet-topper {
    opacity: 1;
    -webkit-transform: translateY(-97%);
    -moz-transform: translateY(-97%);
    -ms-transform: translateY(-97%);
    -o-transform: translateY(-97%);
    transform: translateY(-97%); } }

@media (min-width: 768px) {
  .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: 768px) {
      .portlet > .portlet-topper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        transition: opacity 0.25s, transform 0.25s;
        top: 0; } }
  @media (min-width: 768px) 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;
  padding: 10px; }

/* ---------- 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: #6B6C7E;
  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: #6B6C7E; }
  .portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
    text-decoration: none; }

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

@media (max-width: 767px) {
  .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-decorate .portlet-content {
  background: #F1F2F5;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  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;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    height: 10px; }

/* ---------- 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 .glyphicon-ok {
  transition: opacity 0.2s ease-in-out;
  border-radius: 30px; }
  @media (prefers-reduced-motion: reduce) {
    .taglib-image-selector .glyphicon-ok {
      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); }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes rotateBack {
  0% {
    content: '\2012';
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    content: '+';
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); } }

@keyframes rotateBack {
  0% {
    content: '\2012';
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    content: '+';
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); } }

body {
  min-width: 1264px;
  background: #fff !important;
  color: #003767;
  font-family: "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif;
  font-size: 14px;
  overflow-y: scroll;
  line-height: 20px;
  -ms-overflow-style: scrollbar; }

#alertContainer {
  display: none !important; }

.gray-background {
  background: #f9f9f9 !important; }

main {
  display: inline-block;
  width: 100%; }

b, strong {
  font-weight: bold; }

a:focus, li:focus, ul:focus, .btn:focus, .nav-link:focus, button:focus, .dropdown-toggle:focus {
  outline: 0 !important;
  box-shadow: none !important; }
  a:focus:before, a:focus:after, li:focus:before, li:focus:after, ul:focus:before, ul:focus:after, .btn:focus:before, .btn:focus:after, .nav-link:focus:before, .nav-link:focus:after, button:focus:before, button:focus:after, .dropdown-toggle:focus:before, .dropdown-toggle:focus:after {
    outline: 0 !important;
    box-shadow: none !important; }

.kh-font {
  font-family: "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif !important; }

#wrapper {
  padding: 0; }

.breadcrumb-text-truncate {
  overflow: visible;
  display: contents; }

p {
  margin-bottom: 15px; }

.heading nav ul li a {
  text-decoration: none; }

a {
  color: #00aeef;
  text-decoration: underline; }
  a:hover, a:focus {
    color: #fa6d16; }

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  line-height: 1.25; }

ul,
ol {
  margin: 0 0 15px 25px;
  padding: 0; }

li {
  line-height: 1.4; }
  li p {
    margin-bottom: 0; }

.table-sort-liner {
  outline: none; }

label,
span.control-label {
  font-size: 16px; }
  label .label-required,
  span.control-label .label-required {
    font-size: 0; }
    label .label-required:after,
    span.control-label .label-required:after {
      content: '*';
      font-size: 16px;
      font-weight: bold;
      vertical-align: super; }

.alert *:after, .alert *:before, .alert * {
  box-sizing: content-box; }

.alert.alert-info.alert-info-down {
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 50px;
  background: #00aeef;
  color: #fff;
  font-size: 18px; }
  .alert.alert-info.alert-info-down .universal-webcontent {
    background: #00aeef; }
  .alert.alert-info.alert-info-down:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -30px;
    border-style: solid;
    border-width: 20px 30px 0 30px;
    border-color: #00aeef transparent transparent transparent;
    z-index: 1; }
  .alert.alert-info.alert-info-down.no-padding {
    box-sizing: content-box;
    padding-bottom: 0px; }

.alert.alert-info.no-investments {
  background: #f9f9f9;
  color: #003767;
  max-width: 1164px;
  margin: 0 auto 20px;
  padding: 20px 50px;
  border: 0; }

.field-wrapper label.control-label,
.field-wrapper span.control-label {
  color: #003767;
  font-size: 16px; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  padding: 6px;
  border: 1px solid #99dff9;
  border-radius: 4px;
  color: #003767;
  font-size: 16px;
  box-shadow: none !important;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  box-sizing: content-box;
  height: 20px; }
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  .uneditable-input:focus {
    border-color: #00aeef;
    box-shadow: none; }
    textarea:focus ~ .add-on,
    input[type="text"]:focus ~ .add-on,
    input[type="password"]:focus ~ .add-on,
    input[type="datetime"]:focus ~ .add-on,
    input[type="datetime-local"]:focus ~ .add-on,
    input[type="date"]:focus ~ .add-on,
    input[type="month"]:focus ~ .add-on,
    input[type="time"]:focus ~ .add-on,
    input[type="week"]:focus ~ .add-on,
    input[type="number"]:focus ~ .add-on,
    input[type="email"]:focus ~ .add-on,
    input[type="url"]:focus ~ .add-on,
    input[type="search"]:focus ~ .add-on,
    input[type="tel"]:focus ~ .add-on,
    input[type="color"]:focus ~ .add-on,
    .uneditable-input:focus ~ .add-on {
      border-color: #00aeef !important; }
  textarea::-webkit-input-placeholder,
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="color"]::-webkit-input-placeholder,
  .uneditable-input::-webkit-input-placeholder {
    color: #ccc; }
  textarea:-moz-placeholder,
  input[type="text"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="datetime"]:-moz-placeholder,
  input[type="datetime-local"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="month"]:-moz-placeholder,
  input[type="time"]:-moz-placeholder,
  input[type="week"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="color"]:-moz-placeholder,
  .uneditable-input:-moz-placeholder {
    color: #ccc; }
  textarea::-moz-placeholder,
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="color"]::-moz-placeholder,
  .uneditable-input::-moz-placeholder {
    color: #ccc; }
  textarea:-ms-input-placeholder,
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="datetime"]:-ms-input-placeholder,
  input[type="datetime-local"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="month"]:-ms-input-placeholder,
  input[type="time"]:-ms-input-placeholder,
  input[type="week"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="color"]:-ms-input-placeholder,
  .uneditable-input:-ms-input-placeholder {
    color: #ccc; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background: #f7f7f7;
  color: #999; }

.content-marketing-template .row-fluid {
  width: 100%; }

.content-marketing-template .journal-content-article .main-calculators .main-calculators-inner {
  top: 0;
  height: auto;
  right: auto;
  padding-left: 0;
  background: none; }

.content-marketing-template .portlet-boundary {
  padding-bottom: 50px; }

input::-ms-clear {
  display: none; }

.form-validator-stack {
  color: #f53500;
  padding-left: 15px;
  padding-top: 8px;
  line-height: 18px; }

.digit-error input[type="text"].focus {
  border-color: #c22a00 !important; }

.digit-error .input-prefix.s {
  color: #f53500 !important; }

.digit-success input[type="text"].focus {
  border-color: #25a25a !important; }

.digit-success input[type="tel"]:focus {
  border-color: #25a25a !important; }
  .digit-success input[type="tel"]:focus ~ .input-group-addon {
    border-color: #25a25a !important; }

.digit-success div input[type="email"]:focus {
  border-color: #25a25a !important; }

.digit-success:after,
.success:after,
input[type="text"]:after {
  font: normal normal normal 16px/1 'fontawesome-alloy';
  position: absolute;
  top: 46px;
  right: 1px;
  display: inline-block;
  padding: 4px 14px;
  content: '\f00c';
  color: #2ecc71;
  background-color: #fff;
  margin-right: 1px; }

.digit-success .input-prefix.s {
  color: #2ecc71 !important; }

.input-box.input-border.digit-success {
  border-color: #2ecc71 !important; }

.digit-success .add-on,
.digit-success .input-group-addon,
.digit-success textarea,
.digit-success select,
.digit-success input[type="text"],
.digit-success input[type="password"],
.digit-success input[type="datetime"],
.digit-success input[type="datetime-local"],
.digit-success input[type="date"],
.digit-success input[type="month"],
.digit-success input[type="time"],
.digit-success input[type="week"],
.digit-success input[type="number"],
.digit-success input[type="email"],
.digit-success input[type="url"],
.digit-success input[type="search"],
.digit-success input[type="tel"],
.digit-success input[type="color"],
.digit-success .uneditable-input,
.success .add-on,
.success .input-group-addon,
.success textarea,
.success select,
.success input[type="text"],
.success input[type="password"],
.success input[type="datetime"],
.success input[type="datetime-local"],
.success input[type="date"],
.success input[type="month"],
.success input[type="time"],
.success input[type="week"],
.success input[type="number"],
.success input[type="email"],
.success input[type="url"],
.success input[type="search"],
.success input[type="tel"],
.success input[type="color"],
.success .uneditable-input,
.has-success .add-on,
.has-success .input-group-addon,
.has-success textarea,
.has-success select,
.has-success input[type="text"],
.has-success input[type="password"],
.has-success input[type="datetime"],
.has-success input[type="datetime-local"],
.has-success input[type="date"],
.has-success input[type="month"],
.has-success input[type="time"],
.has-success input[type="week"],
.has-success input[type="number"],
.has-success input[type="email"],
.has-success input[type="url"],
.has-success input[type="search"],
.has-success input[type="tel"],
.has-success input[type="color"],
.has-success .uneditable-input {
  color: #2ecc71 !important;
  border-color: #2ecc71 !important; }
  .digit-success .add-on ~ .add-on,
  .digit-success .input-group-addon ~ .add-on,
  .digit-success textarea ~ .add-on,
  .digit-success select ~ .add-on,
  .digit-success input[type="text"] ~ .add-on,
  .digit-success input[type="password"] ~ .add-on,
  .digit-success input[type="datetime"] ~ .add-on,
  .digit-success input[type="datetime-local"] ~ .add-on,
  .digit-success input[type="date"] ~ .add-on,
  .digit-success input[type="month"] ~ .add-on,
  .digit-success input[type="time"] ~ .add-on,
  .digit-success input[type="week"] ~ .add-on,
  .digit-success input[type="number"] ~ .add-on,
  .digit-success input[type="email"] ~ .add-on,
  .digit-success input[type="url"] ~ .add-on,
  .digit-success input[type="search"] ~ .add-on,
  .digit-success input[type="tel"] ~ .add-on,
  .digit-success input[type="color"] ~ .add-on,
  .digit-success .uneditable-input ~ .add-on,
  .success .add-on ~ .add-on,
  .success .input-group-addon ~ .add-on,
  .success textarea ~ .add-on,
  .success select ~ .add-on,
  .success input[type="text"] ~ .add-on,
  .success input[type="password"] ~ .add-on,
  .success input[type="datetime"] ~ .add-on,
  .success input[type="datetime-local"] ~ .add-on,
  .success input[type="date"] ~ .add-on,
  .success input[type="month"] ~ .add-on,
  .success input[type="time"] ~ .add-on,
  .success input[type="week"] ~ .add-on,
  .success input[type="number"] ~ .add-on,
  .success input[type="email"] ~ .add-on,
  .success input[type="url"] ~ .add-on,
  .success input[type="search"] ~ .add-on,
  .success input[type="tel"] ~ .add-on,
  .success input[type="color"] ~ .add-on,
  .success .uneditable-input ~ .add-on,
  .has-success .add-on ~ .add-on,
  .has-success .input-group-addon ~ .add-on,
  .has-success textarea ~ .add-on,
  .has-success select ~ .add-on,
  .has-success input[type="text"] ~ .add-on,
  .has-success input[type="password"] ~ .add-on,
  .has-success input[type="datetime"] ~ .add-on,
  .has-success input[type="datetime-local"] ~ .add-on,
  .has-success input[type="date"] ~ .add-on,
  .has-success input[type="month"] ~ .add-on,
  .has-success input[type="time"] ~ .add-on,
  .has-success input[type="week"] ~ .add-on,
  .has-success input[type="number"] ~ .add-on,
  .has-success input[type="email"] ~ .add-on,
  .has-success input[type="url"] ~ .add-on,
  .has-success input[type="search"] ~ .add-on,
  .has-success input[type="tel"] ~ .add-on,
  .has-success input[type="color"] ~ .add-on,
  .has-success .uneditable-input ~ .add-on {
    color: #2ecc71 !important;
    border-color: #2ecc71 !important; }

.digit-success button,
.success button,
.has-success button {
  border-color: #2ecc71 !important; }

select.success-field {
  color: #2ecc71 !important;
  border-color: #2ecc71 !important; }

select.error-field {
  color: #f53500 !important;
  border-color: #f53500 !important; }

.digit-error .add-on,
.digit-error .input-group-addon,
.digit-error select,
.digit-error textarea,
.digit-error input[type="text"],
.digit-error input[type="password"],
.digit-error input[type="datetime"],
.digit-error input[type="datetime-local"],
.digit-error input[type="date"],
.digit-error input[type="month"],
.digit-error input[type="time"],
.digit-error input[type="week"],
.digit-error input[type="number"],
.digit-error input[type="email"],
.digit-error input[type="url"],
.digit-error input[type="search"],
.digit-error input[type="tel"],
.digit-error input[type="color"],
.digit-error .uneditable-input,
.error .add-on,
.error .input-group-addon,
.error select,
.error textarea,
.error input[type="text"],
.error input[type="password"],
.error input[type="datetime"],
.error input[type="datetime-local"],
.error input[type="date"],
.error input[type="month"],
.error input[type="time"],
.error input[type="week"],
.error input[type="number"],
.error input[type="email"],
.error input[type="url"],
.error input[type="search"],
.error input[type="tel"],
.error input[type="color"],
.error .uneditable-input,
.has-error .add-on,
.has-error .input-group-addon,
.has-error select,
.has-error textarea,
.has-error input[type="text"],
.has-error input[type="password"],
.has-error input[type="datetime"],
.has-error input[type="datetime-local"],
.has-error input[type="date"],
.has-error input[type="month"],
.has-error input[type="time"],
.has-error input[type="week"],
.has-error input[type="number"],
.has-error input[type="email"],
.has-error input[type="url"],
.has-error input[type="search"],
.has-error input[type="tel"],
.has-error input[type="color"],
.has-error .uneditable-input {
  color: #f53500 !important;
  border-color: #f53500 !important; }
  .digit-error .add-on ~ .add-on,
  .digit-error .input-group-addon ~ .add-on,
  .digit-error select ~ .add-on,
  .digit-error textarea ~ .add-on,
  .digit-error input[type="text"] ~ .add-on,
  .digit-error input[type="password"] ~ .add-on,
  .digit-error input[type="datetime"] ~ .add-on,
  .digit-error input[type="datetime-local"] ~ .add-on,
  .digit-error input[type="date"] ~ .add-on,
  .digit-error input[type="month"] ~ .add-on,
  .digit-error input[type="time"] ~ .add-on,
  .digit-error input[type="week"] ~ .add-on,
  .digit-error input[type="number"] ~ .add-on,
  .digit-error input[type="email"] ~ .add-on,
  .digit-error input[type="url"] ~ .add-on,
  .digit-error input[type="search"] ~ .add-on,
  .digit-error input[type="tel"] ~ .add-on,
  .digit-error input[type="color"] ~ .add-on,
  .digit-error .uneditable-input ~ .add-on,
  .error .add-on ~ .add-on,
  .error .input-group-addon ~ .add-on,
  .error select ~ .add-on,
  .error textarea ~ .add-on,
  .error input[type="text"] ~ .add-on,
  .error input[type="password"] ~ .add-on,
  .error input[type="datetime"] ~ .add-on,
  .error input[type="datetime-local"] ~ .add-on,
  .error input[type="date"] ~ .add-on,
  .error input[type="month"] ~ .add-on,
  .error input[type="time"] ~ .add-on,
  .error input[type="week"] ~ .add-on,
  .error input[type="number"] ~ .add-on,
  .error input[type="email"] ~ .add-on,
  .error input[type="url"] ~ .add-on,
  .error input[type="search"] ~ .add-on,
  .error input[type="tel"] ~ .add-on,
  .error input[type="color"] ~ .add-on,
  .error .uneditable-input ~ .add-on,
  .has-error .add-on ~ .add-on,
  .has-error .input-group-addon ~ .add-on,
  .has-error select ~ .add-on,
  .has-error textarea ~ .add-on,
  .has-error input[type="text"] ~ .add-on,
  .has-error input[type="password"] ~ .add-on,
  .has-error input[type="datetime"] ~ .add-on,
  .has-error input[type="datetime-local"] ~ .add-on,
  .has-error input[type="date"] ~ .add-on,
  .has-error input[type="month"] ~ .add-on,
  .has-error input[type="time"] ~ .add-on,
  .has-error input[type="week"] ~ .add-on,
  .has-error input[type="number"] ~ .add-on,
  .has-error input[type="email"] ~ .add-on,
  .has-error input[type="url"] ~ .add-on,
  .has-error input[type="search"] ~ .add-on,
  .has-error input[type="tel"] ~ .add-on,
  .has-error input[type="color"] ~ .add-on,
  .has-error .uneditable-input ~ .add-on {
    color: #f53500 !important;
    border-color: #f53500 !important; }

.digit-error button,
.error button,
.has-error button {
  border-color: #f53500 !important; }

.digit-error select option,
.error select option,
.has-error select option {
  color: #003767 !important; }
  .digit-error select option:disabled,
  .error select option:disabled,
  .has-error select option:disabled {
    color: gray !important; }

.digit-error input[type="checkbox"]:not(.old) + label:before,
.digit-error input[type="radio"]:not(.old) + label:before,
.digit-error input[type="checkbox"]:not(.old) + label:before,
.digit-error input[type="radio"]:not(.old) + label:before,
.error input[type="checkbox"]:not(.old) + label:before,
.error input[type="radio"]:not(.old) + label:before,
.error input[type="checkbox"]:not(.old) + label:before,
.error input[type="radio"]:not(.old) + label:before,
.has-error input[type="checkbox"]:not(.old) + label:before,
.has-error input[type="radio"]:not(.old) + label:before,
.has-error input[type="checkbox"]:not(.old) + label:before,
.has-error input[type="radio"]:not(.old) + label:before {
  color: #f53500 !important;
  border-color: #f53500 !important; }

.uneditable-input {
  cursor: pointer;
  line-height: 24px; }

input[type="checkbox"]:not(.old) + label {
  position: relative;
  padding-left: 25px; }
  input[type="checkbox"]:not(.old) + label:before {
    content: '';
    position: absolute;
    top: 1px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #00aeef;
    color: #00aeef;
    border-radius: 3px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    text-align: center;
    line-height: 15px;
    vertical-align: middle;
    text-decoration: none;
    margin-left: -35px !important; }

input[type="checkbox"]:not(.old):checked + label:before {
  content: '\f00c';
  margin-left: -35px !important; }

input[type="radio"]:not(.old) + label {
  position: relative;
  padding-left: 15px; }
  input[type="radio"]:not(.old) + label:before {
    content: '';
    position: absolute;
    top: 1px;
    left: -15px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #00aeef;
    color: #00aeef;
    border-radius: 50%;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 10px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 15px;
    vertical-align: middle;
    text-decoration: none; }
  input[type="radio"]:not(.old) + label:hover {
    text-decoration: underline; }

input[type="radio"]:not(.old):checked + label:before {
  background: #00aeef; }

button {
  outline: none; }

input[type="file"] {
  outline: none; }

.input-append input,
.input-append select,
.input-append .uneditable-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-append .add-on {
  height: 24px;
  background: #fff;
  font-size: 16px;
  text-shadow: none;
  line-height: 24px; }

.input-append .add-on:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #99dff9; }

.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-prepend .add-on:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.input-append.input-prepend .add-on:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.input-append.input-prepend .add-on:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.input-append .add-on,
.input-prepend .add-on {
  height: 24px;
  background: #fff;
  border: 0;
  font-size: 16px;
  text-shadow: none;
  line-height: 24px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.input-append [disabled] + .add-on,
.input-prepend [disabled] + .add-on {
  background: #f7f7f7;
  color: #999; }

select {
  position: relative;
  height: 32px;
  padding: 0 26px 0 6px;
  background: #fff url("../images/select.png") no-repeat top right;
  border: 1px solid #99dff9;
  color: #003767;
  border-radius: 4px;
  font-size: 16px;
  text-indent: 0.01px;
  text-overflow: '';
  box-shadow: none !important;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  select::-ms-expand {
    display: none; }
  select:focus {
    box-shadow: none; }
  select::-webkit-input-placeholder {
    color: #ccc; }
  select:-moz-placeholder {
    color: #ccc; }
  select::-moz-placeholder {
    color: #ccc; }
  select:-ms-input-placeholder {
    color: #ccc; }

select[multiple],
select[size] {
  height: auto;
  background: #fff; }

.ie9 select {
  padding-right: 0;
  background: #fff; }

.input-append .help-inline,
.input-prepend .help-inline {
  font-size: 13px;
  white-space: normal; }

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

.modify-pages .lfr-nav-sortable > a > span {
  padding-left: 0; }

.popover.bottom {
  margin-top: 8px; }

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

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

.popover.top {
  margin-bottom: 10px; }

.popover.right {
  margin-left: 10px; }

.popover.left {
  margin-right: 10px; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
  width: initial;
  height: initial; }

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

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: rgba(0, 0, 0, 0.25);
  width: initial;
  height: initial; }

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

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

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

.popover {
  line-height: 20px; }

.popover > .arrow {
  border-width: 11px;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow:after {
  border-width: 10px;
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover .arrow {
  top: initial; }

.popover .arrow:after {
  top: initial; }

.datepicker-popover .datepicker-popover-content .popover-title {
  font-size: 14px; }

.datepicker-popover .datepicker-popover-content .popover-title:before {
  display: none; }

.datepicker-popover .datepicker-popover-content .popover-content .yui3-calendar-header-label {
  line-height: 20px; }

.popover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-height: 20px; }
  .popover > .arrow {
    border-width: 11px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
    .popover > .arrow:after {
      border-width: 10px;
      content: "";
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid; }
  .popover .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 11px;
    border-right-width: 11px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
    .popover .arrow:before {
      display: none; }
    .popover .arrow:after {
      border-top-width: 0;
      border-bottom-color: white;
      border-width: 10px;
      content: "";
      position: absolute;
      display: block;
      width: 0;
      heigth: 0;
      border-color: transparent;
      border-style: solid; }
  .popover.bottom {
    margin-top: 8px; }
    .popover.bottom > .arrow {
      left: 50%;
      margin-left: -11px;
      border-top-width: 0;
      border-bottom-color: rgba(0, 0, 0, 0.25);
      top: -11px; }
      .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        border-width: 0 10px 10px 10px;
        border-bottom-color: white; }
  .popover.top {
    margin-bottom: 8px; }
    .popover.top > .arrow {
      left: 50%;
      margin-left: -11px;
      border-bottom-width: 0;
      border-top-color: rgba(0, 0, 0, 0.25);
      bottom: -11px; }
      .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        border-width: 10px 10px 0 10px;
        border-top-color: white; }
  .popover.left {
    margin-right: 8px; }
    .popover.left > .arrow {
      top: 50%;
      right: -11px;
      margin-top: -11px;
      border-right-width: 0;
      border-left-color: rgba(0, 0, 0, 0.25);
      width: initial;
      height: initial; }
      .popover.left > .arrow:after {
        right: 1px;
        border-right-width: 0;
        border-left-color: white;
        bottom: -10px; }
  .popover.right {
    margin-left: 8px; }
    .popover.right > .arrow {
      top: 50%;
      left: -11px;
      margin-top: -11px;
      border-left-width: 0;
      border-right-color: rgba(0, 0, 0, 0.25);
      width: initial;
      height: initial; }
      .popover.right > .arrow:after {
        left: 1px;
        border-width: 10px 10px 10px 0;
        border-right-color: white;
        bottom: -10px; }

.datepicker-popover {
  z-index: 501 !important;
  padding: 0;
  border-color: #ccc;
  border-radius: 0;
  outline: none !important; }
  .datepicker-popover * {
    outline: none !important; }
  .datepicker-popover .popover-title {
    padding: 10px;
    background: #00aeef;
    border: 0;
    border-radius: 0;
    color: #fff;
    line-height: 1.25;
    font-size: 14px; }
    .datepicker-popover .popover-title:before {
      display: none; }
    .datepicker-popover .popover-title .btn-group {
      display: block;
      overflow: hidden;
      width: 100%;
      margin: 0; }
      .datepicker-popover .popover-title .btn-group button {
        font-size: 14px; }
    .datepicker-popover .popover-title button.prev-year-button {
      float: left;
      width: auto;
      padding: 0;
      background: none;
      border: 0;
      color: #fff;
      font-weight: bold;
      text-shadow: none;
      border-radius: 0;
      box-shadow: none;
      line-height: 1.25; }
      .datepicker-popover .popover-title button.prev-year-button:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: -10px;
        margin-right: 10px;
        border: 10px solid transparent;
        border-right-color: #fff;
        vertical-align: middle; }
    .datepicker-popover .popover-title button.next-year-button {
      float: right;
      width: auto;
      padding: 0;
      background: none;
      border: 0;
      color: #fff;
      font-weight: bold;
      text-shadow: none;
      border-radius: 0;
      box-shadow: none;
      line-height: 1.25; }
      .datepicker-popover .popover-title button.next-year-button:after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 10px;
        margin-right: -10px;
        border: 10px solid transparent;
        border-left-color: #fff;
        vertical-align: middle; }
  .datepicker-popover .popover-content {
    padding: 0; }
    .datepicker-popover .popover-content .yui3-calendar-header {
      width: auto;
      padding: 10px;
      background: #00aeef;
      color: #fff; }
    .datepicker-popover .popover-content table.yui3-calendar-grid .yui3-calendar-weekday {
      width: 24px;
      padding: 10px 5px;
      background: #00aeef;
      color: #fff;
      text-align: center; }
    .datepicker-popover .popover-content table.yui3-calendar-grid td {
      width: 24px;
      padding: 8px 5px;
      border: 0; }

.yui3-skin-sam .yui3-calendar-content {
  padding: 0;
  background: #fff;
  border: 0;
  color: #003767; }
  .yui3-skin-sam .yui3-calendar-content a {
    color: #003767; }
    .yui3-skin-sam .yui3-calendar-content a.yui3-calendarnav-prevmonth {
      left: 10px;
      border-right-color: #fff; }
    .yui3-skin-sam .yui3-calendar-content a.yui3-calendarnav-nextmonth {
      right: 10px;
      border-left-color: #fff; }
  .yui3-skin-sam .yui3-calendar-content .yui3-calendar-day:hover,
  .yui3-skin-sam .yui3-calendar-content .yui3-calendar-day-selected {
    background: #00aeef;
    border-radius: 4px;
    color: #fff; }
  .yui3-skin-sam .yui3-calendar-content .yui3-calendar-selection-disabled,
  .yui3-skin-sam .yui3-calendar-content .yui3-calendar-selection-disabled:hover {
    background: #f7f7f7; }
  .yui3-skin-sam .yui3-calendar-content .yui3-calendar-prevmonth-day,
  .yui3-skin-sam .yui3-calendar-content .yui3-calendar-nextmonth-day {
    visibility: hidden; }
  .yui3-skin-sam .yui3-calendar-content .yui3-calendar-grid {
    background: #f7f7f7;
    margin: 0; }

.loadingmask .loadingmask-content {
  opacity: .4 !important; }

.loadingmask .loadingmask-message {
  padding: 0;
  background: none;
  border: 0; }
  .loadingmask .loadingmask-message .loadingmask-message-content {
    width: 66px;
    height: 66px;
    padding: 0;
    background: url("../images/loader.gif") no-repeat center;
    background: url("../images/loader.svg") no-repeat center;
    border: 0;
    text-indent: -9999px; }

.yui3-slider {
  cursor: pointer; }

.yui3-skin-sam .yui3-slider-x .yui3-slider-rail,
.yui3-skin-sam .yui3-slider-x .yui3-slider-rail-cap-left,
.yui3-skin-sam .yui3-slider-x .yui3-slider-rail-cap-right {
  background-image: url("../images/rail-x.png"); }

.yui3-skin-sam .yui3-slider-x .yui3-slider-rail-cap-left {
  background-position: 0 -50px; }

.yui3-skin-sam .yui3-slider-x .yui3-slider-rail-cap-right {
  background-position: 0 -84px; }

.yui3-skin-sam .yui3-slider-x .loan-calculator-slider-left-rail,
.yui3-skin-sam .yui3-slider-x .mini-calculator-slider-left-rail,
.yui3-skin-sam .yui3-slider-x .kkv-calculator-slider-left-rail {
  position: absolute;
  top: 8px;
  display: block;
  height: 8px;
  background: #00aeef; }

.yui3-skin-sam .yui3-slider-x .yui3-slider-thumb {
  width: 28px;
  height: 28px;
  background: url("../images/sliderThumbX.png") no-repeat center;
  outline: none;
  overflow: visible; }
  .yui3-skin-sam .yui3-slider-x .yui3-slider-thumb .tooltip-text {
    left: 50%;
    top: -35px;
    width: auto;
    height: auto;
    padding: 3px 10px;
    background-color: #003767;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    clip: auto !important; }
  .yui3-skin-sam .yui3-slider-x .yui3-slider-thumb img {
    display: none; }

.ui-dialog.cookie-dialog {
  padding: 0;
  z-index: 1001 !important;
  position: fixed !important; }
  .ui-dialog.cookie-dialog .ui-dialog-titlebar {
    display: none; }
  .ui-dialog.cookie-dialog .cookie-consent-container {
    padding: 0; }
    .ui-dialog.cookie-dialog .cookie-consent-container .wrap .text-container {
      background: #00aeef;
      color: white;
      padding: 30px 50px; }
      .ui-dialog.cookie-dialog .cookie-consent-container .wrap .text-container h2 {
        font-weight: normal; }
      .ui-dialog.cookie-dialog .cookie-consent-container .wrap .text-container a {
        color: white; }
    .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container {
      display: flex;
      padding: 30px 50px;
      height: 300px;
      overflow-y: auto; }
      .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content {
        flex: 1;
        padding: 0 10px; }
        .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content .level-header {
          color: #003767; }
        .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content .level-description {
          font-size: 14px;
          color: #003767; }
        .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content:first-child {
          padding-left: 0; }
        .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content:last-child {
          padding-right: 0; }
        .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content input[type="checkbox"] {
          display: none; }
          .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content input[type="checkbox"]:not(.old) + label:before {
            margin-left: -25px !important; }
    .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container {
      float: right;
      padding: 30px 50px; }
      .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container .btn {
        border-radius: 5px;
        margin-left: 20px;
        border: 1px solid;
        /*&:hover {
						background: #ced5dd;
						color: white;
					}*/ }
        .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container .btn:after {
          content: "\e93e";
          font-family: "khicon" !important;
          vertical-align: middle;
          position: relative;
          left: 0;
          display: inline-block;
          margin-left: 15px;
          transition: left .5s; }
        .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container .btn:hover::after {
          left: 5px; }

.universal-webcontent, .product-information-container {
  max-width: 1264px;
  margin: 0 auto;
  font-size: 14px; }
  .universal-webcontent h1, .product-information-container h1 {
    color: #00aeef;
    font-size: 24px;
    font-weight: normal;
    text-align: center; }
  .universal-webcontent h2, .product-information-container h2 {
    font-size: 20px; }
  .universal-webcontent h3, .product-information-container h3 {
    color: #00aeef;
    font-size: 18px; }
  .universal-webcontent h4, .product-information-container h4 {
    color: #00aeef;
    font-size: 16px; }
  .universal-webcontent h5, .product-information-container h5 {
    color: #00aeef;
    font-size: 14px; }
  .universal-webcontent h6, .product-information-container h6 {
    font-size: 14px; }
  .universal-webcontent a, .product-information-container a {
    color: #00aeef;
    text-decoration: underline; }
    .universal-webcontent a:hover, .universal-webcontent a:focus, .product-information-container a:hover, .product-information-container a:focus {
      color: #fc6e32;
      text-decoration: underline; }
  .universal-webcontent img[style*="float: left;"], .product-information-container img[style*="float: left;"] {
    margin-right: 20px;
    margin-bottom: 10px; }
  .universal-webcontent img[style*="float: right;"], .product-information-container img[style*="float: right;"] {
    margin-left: 20px;
    margin-bottom: 10px; }
  .universal-webcontent table, .product-information-container table {
    border: 0; }
    .universal-webcontent table tr td, .universal-webcontent table tr th, .product-information-container table tr td, .product-information-container table tr th {
      border: 0; }

.table-responsive {
  max-width: 100%;
  overflow-x: inherit;
  margin-bottom: 0; }
  .table-responsive table {
    margin-bottom: 15px; }

table {
  width: 100%;
  background: #b2e6f8;
  border-collapse: separate;
  border-spacing: 1px;
  color: #003767; }
  table thead td, table thead th {
    padding: 10px;
    background: #fff;
    color: #003767;
    font-weight: bold;
    text-align: center; }
    table thead td p:last-child, table thead th p:last-child {
      margin: 0; }
  table tbody td, table tbody th {
    padding: 10px;
    background: #fff;
    color: #003767;
    text-align: left; }
    table tbody td p:last-child, table tbody th p:last-child {
      margin: 0; }
    table tbody td ul:last-child, table tbody th ul:last-child {
      margin-bottom: 0px; }
  table tbody tr:nth-child(odd) td, table tbody tr:nth-child(odd) th {
    background: #e6f7fe; }

table.kh-table-1 {
  background: none; }
  table.kh-table-1 tr td, table.kh-table-1 tr th {
    border-bottom: 1px solid #b2e6f8;
    border-right: 1px solid #b2e6f8; }
    table.kh-table-1 tr td:last-child, table.kh-table-1 tr th:last-child {
      border-right: 0; }
  table.kh-table-1 tr:last-child td, table.kh-table-1 tr:last-child th {
    border-bottom: 0; }

table.kh-table-2 tr:nth-child(odd) td, table.kh-table-2 tr:nth-child(odd) th {
  background: #fff; }

ul.kh-list-1, ul.kh-list-2 {
  margin: 0 0 35px;
  list-style: none; }
  ul.kh-list-1 li, ul.kh-list-2 li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 22px; }
    ul.kh-list-1 li:before, ul.kh-list-2 li:before {
      content: "\e93e";
      position: absolute;
      top: 3px;
      left: 0;
      display: inline-block;
      font: normal normal normal 14px/1 khicon;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }

ul.kh-list-1 li:before {
  color: #fa6d16; }

ul.kh-list-2 li:before {
  color: #00aeef; }

a.btn.kh-button-1, a.btn.kh-button-5 {
  background: #fa6d16;
  color: #fff; }

a.btn.kh-button-2 {
  background: #fff;
  color: #fa6d16; }

a.btn.kh-button-3 {
  background: #00aeef !important;
  color: #fff; }

a.btn.kh-button-4 {
  background: #fff;
  color: #00aeef; }

blockquote {
  position: relative;
  margin-bottom: 15px;
  padding: 0;
  border-left: 0; }
  blockquote:before {
    content: "\e917";
    position: absolute;
    top: -20px;
    left: -10px;
    z-index: 1;
    color: #f9f9f9;
    font-size: 72px;
    font-family: "khicon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  blockquote > * {
    position: relative;
    z-index: 2; }

.kh-info-text {
  padding: 25px;
  background: #ebebeb; }

.kh-img-left {
  float: left;
  display: table;
  margin: 0 20px 20px 0; }

.kh-img-right {
  float: right;
  display: table;
  margin: 0 0 20px 20px; }

.kh-img-text {
  display: table-caption;
  caption-side: bottom;
  padding: 15px 20px;
  background: #f9f9f9; }
  .kh-img-text p {
    margin: 0; }

.kh-twocol {
  -moz-column-count: 2;
  -moz-column-gap: 20;
  -webkit-column-count: 2;
  -webkit-column-gap: 20;
  column-count: 2;
  column-gap: 20; }

.kh-threecol {
  -moz-column-count: 3;
  -moz-column-gap: 20;
  -webkit-column-count: 3;
  -webkit-column-gap: 20;
  column-count: 3;
  column-gap: 20; }

table {
  max-width: 100%;
  width: 100%;
  box-sizing: content-box; }
  table tbody tr, table tbody th, table tbody td {
    box-sizing: content-box; }
  table tbody td p:last-child, table tbody th p:last-child {
    margin: 0; }

.ui-widget-overlay {
  background: rgba(0, 47, 82, 0.7);
  opacity: initial;
  visibility: visible; }

.hidden {
  display: none;
  visibility: hidden; }

.visible-phone {
  display: none !important; }

.visible-tablet {
  display: none !important; }

.visible-small-desktop {
  display: none !important; }

.hidden-desktop {
  display: none !important; }

.hidden-large-desktop {
  display: none !important; }

.visible-desktop {
  display: inherit !important; }

.navigation-overlay {
  position: absolute;
  background: transparent;
  transition: all .8s .20s;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  opacity: 0;
  visibility: hidden; }
  .navigation-overlay.visible {
    background: rgba(0, 47, 82, 0.7);
    opacity: 1; }

@media (min-width: 1340px) {
  .alert.alert-info.alert-info-down {
    max-width: 1164px; } }

@media (min-width: 992px) and (max-width: 1339px) {
  .hidden-small-desktop {
    display: none !important; }
  .visible-small-desktop {
    display: inherit !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  input[type="checkbox"]:not(.old) + label:before {
    margin-left: -35px !important;
    margin-top: 10px; }
  input[type="checkbox"]:not(.old):checked + label:before {
    content: '\f00c'; }
  .hidden-desktop {
    display: inherit !important; }
  .visible-desktop {
    display: none !important; }
  .visible-tablet {
    display: inherit !important; }
  .hidden-tablet {
    display: none !important; } }

@media (max-height: 698px) {
  .ui-dialog.cookie-dialog .cookie-consent-container {
    overflow-y: hidden; }
    .ui-dialog.cookie-dialog .cookie-consent-container .wrap {
      display: flex;
      flex-direction: column;
      max-height: inherit; }
      .ui-dialog.cookie-dialog .cookie-consent-container .wrap .mobile-scrollable-container {
        overflow-y: auto; }
        .ui-dialog.cookie-dialog .cookie-consent-container .wrap .mobile-scrollable-container .level-container {
          height: auto; }
      .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container {
        padding-bottom: 50px;
        margin-left: auto; } }

/*  Small desktop */
@media (max-width: 1339px) {
  body {
    min-width: 960px; }
  .hidden-large-desktop {
    display: inherit !important; }
  .alert {
    max-width: 860px; } }

/* Tablet */
@media (max-width: 991px) {
  body {
    min-width: 768px; }
  .alert {
    max-width: 628px; }
  .heading .navigation {
    display: none; }
  .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container {
    flex-wrap: wrap; }
    .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content {
      width: 50%;
      max-width: calc(50% - 10px);
      padding: 0;
      flex: auto; }
      .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content:nth-child(even) {
        padding-left: 10px; }
      .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content input[type="checkbox"]:not(.old) + label:before {
        top: -8px; }
  .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container {
    padding: 30px; }
    .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container .btn:nth-child(n + 3) {
      margin-top: 15px; } }

/* Mobile */
@media (max-width: 767px) {
  body {
    min-width: 320px; }
    body.iframe-mode {
      min-width: 300px; }
  .gray-background {
    background: #FFFFFF !important; }
  .alert {
    max-width: 100%;
    margin: 0 20px;
    padding: 20px; }
    .alert.alert-info.alert-info-down {
      margin: 20px 20px 0 20px; }
      .alert.alert-info.alert-info-down.no-padding {
        padding-bottom: 0px; }
  .content-marketing-template .portlet-boundary {
    padding-bottom: 25px; }
  .hidden-desktop {
    display: inherit !important; }
  .visible-desktop {
    display: none !important; }
  .visible-phone {
    display: inherit !important; }
  .hidden-phone {
    display: none !important; }
  .datepicker-popover {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important; }
    .datepicker-popover .popover-content table.yui3-calendar-grid td {
      height: 24px; }
  .ui-dialog.cookie-dialog .cookie-consent-container .wrap {
    display: flex;
    flex-direction: column;
    max-height: inherit; }
    .ui-dialog.cookie-dialog .cookie-consent-container .wrap .mobile-scrollable-container {
      overflow-y: auto; }
    .ui-dialog.cookie-dialog .cookie-consent-container .wrap .text-container {
      padding: 30px; }
      .ui-dialog.cookie-dialog .cookie-consent-container .wrap .text-container h2 {
        font-size: 28px; }
    .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container {
      padding: 30px;
      height: auto; }
      .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content {
        width: 100%;
        max-width: 100%;
        padding: 0;
        flex: auto; }
        .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content:nth-child(even) {
          padding-left: 0; }
        .ui-dialog.cookie-dialog .cookie-consent-container .wrap .level-container .level-content input[type="checkbox"]:not(.old) + label:before {
          top: 0; }
    .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container {
      float: initial; }
      .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container .btn {
        margin-left: 0;
        box-sizing: border-box;
        margin-bottom: 20px; }
        .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container .btn:last-child {
          margin-bottom: 0; }
        .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container .btn:nth-child(n + 3) {
          margin-top: 0; } }

@media (max-height: 698px) and (max-width: 767px) {
  .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container {
    padding-bottom: 30px;
    margin-left: 0; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 991px) {
  .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container {
    float: none; }
    .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container .btn {
      width: auto; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 991px) and (max-height: 698px) {
  .ui-dialog.cookie-dialog .cookie-consent-container .wrap {
    overflow-y: scroll; }
    .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container {
      float: none; }
      .ui-dialog.cookie-dialog .cookie-consent-container .wrap .button-container .btn {
        width: auto; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-height: 698px) {
  .ui-dialog.cookie-dialog .cookie-consent-container .wrap {
    overflow-y: auto; } }

.retail-account-package-filter-portlet {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .retail-account-package-filter-portlet .account-package-filter .wrap {
    max-width: 1265px;
    margin: 0 auto; }
    .retail-account-package-filter-portlet .account-package-filter .wrap form {
      margin: 0;
      display: block; }
      .retail-account-package-filter-portlet .account-package-filter .wrap form input {
        height: 24px;
        width: 100%;
        font-size: 16px;
        font-family: "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif;
        margin-bottom: 0; }
      .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-header {
        background: #00aeef;
        border: 0;
        color: #fff;
        padding: 20px 35px;
        text-decoration: none;
        font-size: 18px;
        line-height: 25px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px; }
      .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content {
        background: #e6f7fe;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
        font-size: 16px; }
      .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky {
        z-index: 9999; }
        .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-content-inner {
          display: flex; }
        .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-footer {
          padding: 8px 0 20px 0; }
          .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-footer .hidden-phone {
            display: flex; }
            .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-footer .hidden-phone .calculator-link-wrapper {
              position: absolute;
              z-index: 9;
              width: 800px; }
            .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-footer .hidden-phone .reset-filter-wrapper {
              text-align: center; }
              .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-footer .hidden-phone .reset-filter-wrapper a {
                position: relative; }
  .retail-account-package-filter-portlet .account-package-filter .filter .flex-item {
    margin-right: 30px; }
    .retail-account-package-filter-portlet .account-package-filter .filter .flex-item:last-child {
      margin-right: 0; }
    .retail-account-package-filter-portlet .account-package-filter .filter .flex-item .control-label {
      margin-bottom: 5px; }
      .retail-account-package-filter-portlet .account-package-filter .filter .flex-item .control-label .input-help {
        display: inline-block;
        position: relative;
        color: #00aeef; }
    .retail-account-package-filter-portlet .account-package-filter .filter .flex-item select {
      padding-left: 15px;
      outline: 0;
      height: 38px;
      background-position: center right;
      width: 100%;
      font-size: 16px;
      font-family: "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif;
      margin-bottom: 0;
      box-sizing: border-box; }
    .retail-account-package-filter-portlet .account-package-filter .filter .flex-item.button-container {
      text-align: center; }
    .retail-account-package-filter-portlet .account-package-filter .filter .flex-item.retail-force-arrow-inline {
      min-width: 202px; }
    .retail-account-package-filter-portlet .account-package-filter .filter .flex-item .calculate-button-wrapper {
      position: absolute;
      width: 100%;
      bottom: 0; }
      .retail-account-package-filter-portlet .account-package-filter .filter .flex-item .calculate-button-wrapper a.btn.kh-button-1 {
        padding: 9px 10px;
        display: block;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px; }
  .retail-account-package-filter-portlet .account-package-filter .flex-item {
    width: 100%;
    margin-right: 70px;
    position: relative; }
    .retail-account-package-filter-portlet .account-package-filter .flex-item:last-child {
      margin-right: 0; }
  .retail-account-package-filter-portlet .filter-content-sticky-inner {
    padding: 20px 30px 0 30px; }
  .retail-account-package-filter-portlet .digit-retail-filter-sticky {
    position: fixed;
    top: auto;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #e6f7fe; }
    .retail-account-package-filter-portlet .digit-retail-filter-sticky .filter-content-sticky-inner {
      max-width: 1264px;
      margin: 0 auto;
      padding: 30px 0 0 0; }
  .retail-account-package-filter-portlet .filter-content-inner .control-label {
    margin-bottom: 5px; }
  .retail-account-package-filter-portlet select {
    padding-left: 15px;
    outline: 0;
    height: 38px;
    background-position: center right;
    width: 100%;
    font-size: 16px;
    font-family: "Helvetica Neue LT Pro",Helvetica,Arial,sans-serif;
    margin-bottom: 0;
    box-sizing: border-box;
    cursor: pointer; }
  .retail-account-package-filter-portlet .input-help {
    display: inline-block;
    position: relative;
    color: #00aeef; }
    .retail-account-package-filter-portlet .input-help i {
      cursor: pointer;
      font-size: 18px;
      width: 16px;
      height: 16px; }
  .retail-account-package-filter-portlet .retail-account-package-filter-portlet .input-help {
    display: inline-block;
    position: relative;
    color: #00aeef; }
    .retail-account-package-filter-portlet .retail-account-package-filter-portlet .input-help i {
      cursor: pointer;
      font-size: 18px;
      width: 16px;
      height: 16px; }
  .retail-account-package-filter-portlet .calculator-group-wrapper {
    border-top: 1px solid #99dff9;
    margin-top: 25px;
    padding-top: 20px;
    display: flex; }
  .retail-account-package-filter-portlet .calculator-group-wrapper {
    border-top: 1px solid #99dff9;
    margin-top: 25px;
    padding-top: 20px;
    display: flex; }
    .retail-account-package-filter-portlet .calculator-group-wrapper label {
      margin-bottom: 5px;
      font-size: 14px; }
    .retail-account-package-filter-portlet .calculator-group-wrapper .summary-field-wrapper {
      width: calc(100% - 201px); }
    .retail-account-package-filter-portlet .calculator-group-wrapper .calculator-field.quantity {
      width: 50px; }
    .retail-account-package-filter-portlet .calculator-group-wrapper .calculator-field.summary {
      margin-left: 10px; }
    .retail-account-package-filter-portlet .calculator-group-wrapper input[type="tel"] {
      border-right: 0; }
    .retail-account-package-filter-portlet .calculator-group-wrapper .add-on {
      display: inline-block;
      width: auto;
      padding: 4px 5px;
      min-width: 16px;
      font-size: 14px;
      margin-left: -1px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border: 1px solid #99dff9;
      border-left: 0; }
    .retail-account-package-filter-portlet .calculator-group-wrapper .extra-services-wrapper {
      margin-top: 34px; }
      .retail-account-package-filter-portlet .calculator-group-wrapper .extra-services-wrapper input[type="checkbox"] {
        width: 0;
        height: 0;
        position: absolute; }
        .retail-account-package-filter-portlet .calculator-group-wrapper .extra-services-wrapper input[type="checkbox"]:not(.old) + label {
          padding-left: 35px; }
    .retail-account-package-filter-portlet .calculator-group-wrapper .calculate-button-wrapper {
      position: absolute;
      right: 0;
      margin-bottom: 10px;
      bottom: 0;
      width: 100%; }
  .retail-account-package-filter-portlet .input-append {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
    font-size: 0;
    white-space: nowrap; }
  .retail-account-package-filter-portlet .add-on {
    height: 28px;
    line-height: 28px; }
  .retail-account-package-filter-portlet .calculator a.btn.kh-button-1 {
    margin-top: 25px; }
  .retail-account-package-filter-portlet .calculator .calculator-footer {
    height: 40px;
    display: flex; }
    .retail-account-package-filter-portlet .calculator .calculator-footer .flex-item:last-child {
      text-align: center; }
  .retail-account-package-filter-portlet a.btn.kh-button-1 {
    padding: 9px 10px;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
    .retail-account-package-filter-portlet a.btn.kh-button-1.blue-button {
      background: #00aeef; }
  .retail-account-package-filter-portlet .success:after {
    display: none; }
  .retail-account-package-filter-portlet .input-help-text {
    width: 220px;
    border: 1px solid #e6f7fe;
    padding: 10px 10px 10px 15px !important;
    position: absolute;
    z-index: 9999;
    line-height: 18px;
    margin-right: -15px;
    border-radius: 4px;
    right: 0;
    color: #fff;
    background: #00adee; }
  .retail-account-package-filter-portlet .input-help-close {
    position: absolute;
    padding: 8px 12px 0 0;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 24px;
    color: #fff; }
  .retail-account-package-filter-portlet .input-help-bottom {
    position: absolute;
    width: 10px;
    height: 10px;
    right: 0;
    margin: 5px 16px 0 0;
    background: #00adee;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

@media (max-width: 1339px) {
  .retail-account-package-filter-portlet .account-package-filter .wrap {
    max-width: 960px; }
  .retail-account-package-filter-portlet .digit-retail-filter-sticky .filter-content-sticky-inner {
    max-width: 960px; }
  .retail-account-package-filter-portlet .account-package-filter .flex-item {
    margin-right: 30px; }
  .retail-account-package-filter-portlet .calculator-group-wrapper .calculator-field.quantity {
    width: 30px; }
  .retail-account-package-filter-portlet .calculator-group-wrapper .summary-field-wrapper {
    width: calc(100% - 181px); } }

@media (max-width: 991px) {
  .retail-account-package-filter-portlet .account-package-filter .wrap {
    max-width: none;
    margin: 0 10px; }
    .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-header {
      padding: 20px 20px; }
    .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner {
      padding: 20px 10px 0 10px; }
      .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-footer .hidden-phone .calculator-link-wrapper {
        width: 520px; }
  .retail-account-package-filter-portlet .account-package-filter .filter .flex-item {
    margin-right: 10px; }
  .retail-account-package-filter-portlet .account-package-filter .flex-item {
    margin-right: 10px; }
  .retail-account-package-filter-portlet .digit-retail-filter-sticky .filter-content-sticky-inner {
    max-width: 728px;
    padding: 20px 20px 0 20px; }
  .retail-account-package-filter-portlet input[type="checkbox"]:not(.old) + label:before {
    margin-top: 0; } }

@media (max-width: 767px) {
  .retail-account-package-filter-portlet .account-package-filter .wrap {
    margin: 0 20px; }
    .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-header {
      padding: 20px 20px; }
    .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-content-inner {
      display: block; }
      .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-content-inner .flex-item {
        margin-top: 10px; }
        .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-content-inner .flex-item:first-child {
          margin-top: 0; }
        .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-content-inner .flex-item .calculate-button-wrapper {
          position: relative;
          margin-top: 25px; }
          .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-content-inner .flex-item .calculate-button-wrapper a.btn.kh-button-1 {
            display: block;
            padding: 14px 24px; }
    .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-footer {
      text-align: center; }
      .retail-account-package-filter-portlet .account-package-filter .wrap form .filter-content-sticky .filter-content-sticky-inner .filter-footer .hidden-desktop .calculator-link-wrapper {
        margin-top: 25px; }
  .retail-account-package-filter-portlet .calculator-group-wrapper {
    display: block; }
    .retail-account-package-filter-portlet .calculator-group-wrapper .flex-item {
      margin-top: 15px; }
      .retail-account-package-filter-portlet .calculator-group-wrapper .flex-item:first-child {
        margin-top: 0; }
    .retail-account-package-filter-portlet .calculator-group-wrapper .extra-services-wrapper {
      margin: 15px 0 25px;
      height: 20px; }
    .retail-account-package-filter-portlet .calculator-group-wrapper .calculate-button-wrapper {
      position: relative; }
  .retail-account-package-filter-portlet a.btn.kh-button-1 {
    display: block;
    padding: 14px 24px; }
  .retail-account-package-filter-portlet .calculator .calculator-footer {
    display: block; } }

.retail-account-proposer-portlet .product-category .cards section.product .product-slide-content {
  margin-top: -62px;
  padding-top: 0;
  background: 0; }
  .retail-account-proposer-portlet .product-category .cards section.product .product-slide-content .date-in-product-slide-in {
    display: none; }
  .retail-account-proposer-portlet .product-category .cards section.product .product-slide-content .product-slide-content-description {
    padding: 20px;
    background: #fff; }
    .retail-account-proposer-portlet .product-category .cards section.product .product-slide-content .product-slide-content-description ul {
      margin: 0 0 10px;
      list-style: none; }
      .retail-account-proposer-portlet .product-category .cards section.product .product-slide-content .product-slide-content-description ul li {
        position: relative;
        margin-bottom: 10px;
        padding-left: 22px; }
        .retail-account-proposer-portlet .product-category .cards section.product .product-slide-content .product-slide-content-description ul li:before {
          content: "\e93e";
          position: absolute;
          top: 3px;
          left: 0;
          display: inline-block;
          color: #fa6d16;
          font: normal normal normal 16px/1 khicon;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }

.retail-account-proposer-portlet .product-category .cards section.product .product-slide-content-title {
  background: rgba(0, 0, 0, 0.5); }
  .retail-account-proposer-portlet .product-category .cards section.product .product-slide-content-title h1 {
    min-height: 22px;
    margin: 0;
    padding: 20px;
    color: #fff;
    text-align: center; }

.retail-account-proposer-portlet .product-category .cards section.product .product-hover {
  text-align: center; }
  .retail-account-proposer-portlet .product-category .cards section.product .product-hover a {
    float: left;
    margin-left: 20px; }
    .retail-account-proposer-portlet .product-category .cards section.product .product-hover a span.button {
      display: inline-block;
      padding-left: 10px;
      color: #fff;
      font-size: 16px;
      font-weight: bold; }
  .retail-account-proposer-portlet .product-category .cards section.product .product-hover a.button2 {
    float: right;
    margin-left: 0;
    margin-right: 20px; }

.retail-account-proposer-portlet .product-category .wrap {
  max-width: 1264px;
  margin: 0 auto; }
  .retail-account-proposer-portlet .product-category .wrap .products div.product {
    width: 408px; }
  .retail-account-proposer-portlet .product-category .wrap .account-proposer-container div.product-details {
    width: 100%; }

.retail-account-proposer-portlet .account-proposer-container .calculation-details-container {
  padding: 30px;
  background: #fff;
  color: #00aeef;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container {
    overflow: hidden; }
    .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper {
      font-size: 18px; }
      .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper .title-wrapper {
        font-size: 30px;
        margin-bottom: 5px; }
        .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper .title-wrapper h3 {
          font-size: 30px;
          margin-bottom: 5px; }
      .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper .calculation-data-wrapper div {
        display: inline-block;
        margin-right: 70px; }
        .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper .calculation-data-wrapper div:last-child {
          margin-right: 0; }
      .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper .calculation-data-wrapper .calculation-label {
        font-weight: bold; }
      .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper .calculation-data-wrapper .calculation-data {
        font-weight: bold;
        color: #fa6d16; }
    .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .button-wrapper {
      width: 355px; }
      .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .button-wrapper .kh-button-1, .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .button-wrapper .kh-button-5 {
        display: block;
        padding: 20px 24px; }

.retail-account-proposer-portlet .account-proposer-container .calculation-details-container .details-container {
  margin-top: 20px; }
  .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .details-container .details-wrapper {
    margin-top: 50px;
    color: #003767; }
    .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .details-container .details-wrapper.closed {
      display: none; }
  .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .details-container .details-link-wrapper > a:hover, .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .details-container .details-link-wrapper > a:focus {
    color: #00aeef; }
  .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .details-container a i.fa {
    padding-left: 5px; }

.retail-account-proposer-portlet .account-proposer-container .calculation-details-container .details-container .details-link-wrapper > a:hover, .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .details-container .details-link-wrapper > a:focus {
  color: #00aeef; }

@media (max-width: 1339px) {
  .retail-account-proposer-portlet .product-category .wrap section.product {
    margin-bottom: 0; }
    .retail-account-proposer-portlet .product-category .wrap section.product .product-hover {
      position: relative;
      bottom: 0; }
    .retail-account-proposer-portlet .product-category .wrap section.product:hover .product-slide-content {
      top: 0; }
  .retail-account-proposer-portlet .product-category .wrap .products {
    max-width: 960px; }
    .retail-account-proposer-portlet .product-category .wrap .products div.product {
      width: 470px; }
      .retail-account-proposer-portlet .product-category .wrap .products div.product.product-details {
        width: 100%; }
  .retail-account-proposer-portlet section.product img {
    width: 100%; }
  .retail-account-proposer-portlet section.product .product-slide-content {
    top: 0; }
  .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper {
    margin-right: 30px;
    font-size: 16px; }
    .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper .title-wrapper h3 {
      font-size: 26px; }
    .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper .calculation-data-wrapper div {
      margin-right: 30px; }
  .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .button-wrapper {
    width: 280px; }
    .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .button-wrapper .kh-button-1 {
      padding: 17px 24px; } }

@media (max-width: 1339px) and (min-width: 991px) {
  .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper {
    font-size: 14px !important; } }

@media (max-width: 991px) {
  .retail-account-proposer-portlet .product-category.calculator .wrap .products {
    max-width: none;
    padding: 0 10px; }
  .retail-account-proposer-portlet .product-category {
    padding: 25px 0; }
    .retail-account-proposer-portlet .product-category .wrap {
      padding: 0; }
      .retail-account-proposer-portlet .product-category .wrap .products {
        max-width: 728px;
        padding: 0 20px; }
        .retail-account-proposer-portlet .product-category .wrap .products div.product {
          width: 354px; }
          .retail-account-proposer-portlet .product-category .wrap .products div.product.product-details {
            width: 100%; }
    .retail-account-proposer-portlet .product-category .cards section.product .product-slide-content {
      margin-top: -84px; }
      .retail-account-proposer-portlet .product-category .cards section.product .product-slide-content .product-slide-content-title {
        display: table;
        width: 100%;
        min-height: 84px; }
        .retail-account-proposer-portlet .product-category .cards section.product .product-slide-content .product-slide-content-title h1 {
          display: table-cell;
          min-height: 0;
          vertical-align: middle; }
    .retail-account-proposer-portlet .product-category .cards section.product .product-hover a.button2 {
      float: none;
      margin: 0 25px;
      display: block;
      text-decoration: none; }
      .retail-account-proposer-portlet .product-category .cards section.product .product-hover a.button2 .btn {
        display: block;
        width: 100%;
        padding: 15px 24px;
        margin-top: 1px;
        box-sizing: border-box; }
    .retail-account-proposer-portlet .product-category .cards section.product .product-hover a.kh-button-1 {
      float: none;
      margin: 0 25px !important;
      display: block;
      text-decoration: none; }
      .retail-account-proposer-portlet .product-category .cards section.product .product-hover a.kh-button-1 .btn {
        display: block;
        width: 100%;
        padding: 15px 24px;
        margin-top: 1px;
        box-sizing: border-box; }
    .retail-account-proposer-portlet .product-category .cards section.product:hover .product-hover {
      bottom: 0; }
  .retail-account-proposer-portlet .account-proposer-container .calculation-details-container {
    padding: 20px; }
    .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper {
      margin: 0;
      text-align: center; }
      .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper.pull-left {
        float: none !important; }
    .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .button-wrapper {
      margin: 20px auto 0 auto; }
      .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .button-wrapper.pull-right {
        float: none !important; }
      .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .button-wrapper .kh-button-1 {
        padding: 15px 24px; }
    .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .details-container .details-link-wrapper {
      text-align: center; } }

@media (max-width: 767px) {
  .retail-account-proposer-portlet .product-category .wrap .products div.product {
    float: none;
    width: auto;
    max-width: 408px;
    margin: 0 auto 20px; }
  .retail-account-proposer-portlet .product-category.calculator .wrap .products {
    padding: 0 20px; }
    .retail-account-proposer-portlet .product-category.calculator .wrap .products div.product {
      max-width: none; }
  .retail-account-proposer-portlet .account-proposer-container .calculation-details-container {
    padding: 20px 10px 20px 10px; }
    .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container {
      display: block; }
      .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper {
        margin: 0;
        font-size: 14px;
        text-align: center; }
        .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper .calculation-data-wrapper {
          display: block;
          margin: 20px 0 30px 0; }
          .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper .calculation-data-wrapper div {
            display: block;
            margin-right: 0; }
        .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .content-wrapper .title-wrapper h3 {
          font-size: 24px; }
      .retail-account-proposer-portlet .account-proposer-container .calculation-details-container .content-container .button-wrapper {
        width: auto; } }

.columns-2 .col-md-6 {
  max-width: 48.71795%; }
  .columns-2 .col-md-6.portlet-column-last {
    margin-left: 2.5641%; }

.columns-2 .alert-container {
  height: auto; }
  .columns-2 .alert-container.alert-with-border {
    background: #fff;
    border: 0;
    max-width: auto;
    margin: 0; }
    .columns-2 .alert-container.alert-with-border .alert-content {
      background: #fff;
      border: 0;
      border-radius: 0;
      padding-bottom: 0; }
      .columns-2 .alert-container.alert-with-border .alert-content .alert-icon {
        left: 25px !important;
        color: #00aeef !important; }
  .columns-2 .alert-container .alert-content {
    position: relative;
    max-width: 1224px;
    margin: 0 auto;
    padding: 35px 20px;
    font-size: 15px; }
    .columns-2 .alert-container .alert-content.alert-with-icon .alert-icon {
      position: absolute;
      left: 0;
      top: 50%;
      display: inline-block;
      width: 40px;
      height: 40px;
      margin-top: -20px;
      color: #003767;
      font-size: 40px;
      text-align: center;
      line-height: 40px; }
    .columns-2 .alert-container .alert-content.alert-with-icon .alert-message {
      display: block;
      padding-left: 70px; }

.alert-container {
  background: #e6f7fe; }
  .alert-container.alert-with-border {
    max-width: 1264px;
    margin: 0 auto;
    border: 1px solid #cceffc;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    .alert-container.alert-with-border .alert-content {
      background: #e6f7fe; }
  .alert-container .alert-content {
    position: relative;
    max-width: 1224px;
    margin: 0 auto;
    padding: 35px 20px;
    font-size: 15px; }
    .alert-container .alert-content .alert-icon {
      position: absolute;
      left: 0;
      top: 50%;
      display: inline-block;
      width: 40px;
      height: 40px;
      margin-top: -20px;
      color: #003767;
      font-size: 40px;
      text-align: center;
      line-height: 40px; }
    .alert-container .alert-content.alert-with-icon .alert-message {
      padding-left: 70px;
      display: block; }
      .alert-container .alert-content.alert-with-icon .alert-message h4 {
        font-size: 17.5px; }
        .alert-container .alert-content.alert-with-icon .alert-message h4 img {
          margin-top: 0px;
          margin-left: 5px;
          margin-bottom: 5px;
          float: right; }
    .alert-container .alert-content .alert-message {
      display: block; }
      .alert-container .alert-content .alert-message h3 {
        font-size: 24.5px; }

@media (max-width: 1339px) {
  .alert-container .alert-content {
    max-width: 920px; } }

@media (max-width: 991px) {
  .alert-container .alert-content {
    max-width: 728px; }
    .alert-container .alert-content .alert-icon {
      left: 20px; }
  .columns-2 .col-md-6.portlet-column-first, .columns-2 .col-md-6.portlet-column-last {
    float: none;
    max-width: none;
    margin: 0 0 20px; }
  .columns-2 .row {
    display: block; } }

@media (max-width: 767px) {
  .alert-container .alert-content {
    font-size: 12px; } }

.article-proposer-portlet {
  padding-bottom: 0; }
  .article-proposer-portlet .article-proposer {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 30px;
    display: flex; }
  .article-proposer-portlet .article-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .article-proposer-portlet .article-container .article {
      width: 406px;
      margin-top: 0;
      margin-right: 0;
      margin-left: 0;
      margin-bottom: 5px; }
      .article-proposer-portlet .article-container .article:nth-child(3n+2) {
        margin-right: 20px;
        margin-left: 20px; }
      .article-proposer-portlet .article-container .article img {
        width: 100%; }
  .article-proposer-portlet .article-content p {
    margin: 0 20px 20px;
    font-size: 13px; }
  .article-proposer-portlet section.product {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #cceffc;
    border-radius: 4px;
    color: #003767; }
    .article-proposer-portlet section.product:hover .product-slide-content {
      top: -72px;
      transition: top .5s; }
    .article-proposer-portlet section.product:hover .product-hover {
      bottom: 0;
      transition: bottom .5s; }
    .article-proposer-portlet section.product > a {
      padding-bottom: 1px;
      display: block;
      color: #003767;
      text-decoration: none; }
    .article-proposer-portlet section.product img {
      display: block; }
      .article-proposer-portlet section.product img.nomargin {
        margin-bottom: 0; }
    .article-proposer-portlet section.product .product-slide-content {
      position: relative;
      top: 0;
      min-height: 52px;
      padding-top: 20px;
      background: #fff;
      transition: top .5s; }
      .article-proposer-portlet section.product .product-slide-content .date-in-product-slide-in {
        display: none; }
    .article-proposer-portlet section.product h1 {
      min-height: 44px;
      margin: 0 20px 20px;
      font-size: 18px; }
    .article-proposer-portlet section.product .product-hover {
      position: absolute;
      bottom: -72px;
      left: 0;
      display: block;
      width: 100%;
      height: 52px;
      line-height: 52px;
      padding: 10px 0;
      background: #00aeef;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      text-align: center;
      transition: bottom .5s;
      box-sizing: content-box; }
  .article-proposer-portlet .article-link-container {
    text-align: center;
    margin-top: 8px;
    display: inline-block;
    width: 100%; }
    .article-proposer-portlet .article-link-container .article-link {
      font-size: 15px; }
  .article-proposer-portlet .filter-header {
    padding: 20px 31px !important; }

@media (max-width: 1339px) {
  .article-proposer-portlet .wrap {
    max-width: 960px; } }

@media (max-width: 991px) {
  .article-proposer-portlet .wrap {
    max-width: none;
    margin: 0 10px; }
  .article-proposer-portlet section.product {
    min-height: 125px; }
    .article-proposer-portlet section.product > {
      min-height: 430px; }
    .article-proposer-portlet section.product:hover .product-slide-content {
      top: 0; }
    .article-proposer-portlet section.product:hover .product-hover {
      bottom: -72px; } }

@media (max-width: 767px) {
  .article-proposer-portlet .wrap {
    margin: 0 20px; }
  .article-proposer-portlet .article-container .article {
    margin: 0 !important; }
  .article-proposer-portlet section.product {
    min-height: 0px; } }

.portlet-asset-publisher .products {
  max-width: 1264px;
  margin: 0 auto; }
  .portlet-asset-publisher .products:before {
    display: table;
    content: " "; }
  .portlet-asset-publisher .products:after {
    display: table;
    content: " ";
    clear: both; }
  .portlet-asset-publisher .products div.product {
    float: left;
    width: 408px;
    margin: 0 0 20px; }
    .portlet-asset-publisher .products div.product:nth-child(3n+1) {
      clear: left; }
    .portlet-asset-publisher .products div.product:nth-child(3n+2) {
      margin-right: 20px;
      margin-left: 20px; }

.portlet-asset-publisher .cards section.product {
  margin-bottom: 20px; }
  .portlet-asset-publisher .cards section.product .product-slide-content {
    margin-top: -62px;
    padding-top: 0;
    background: 0; }
    .portlet-asset-publisher .cards section.product .product-slide-content .date-in-product-slide-in {
      display: none; }
    .portlet-asset-publisher .cards section.product .product-slide-content .product-slide-content-title {
      background: rgba(0, 0, 0, 0.5); }
      .portlet-asset-publisher .cards section.product .product-slide-content .product-slide-content-title h1 {
        min-height: 22px;
        margin: 0;
        padding: 20px;
        color: #fff;
        text-align: center; }
    .portlet-asset-publisher .cards section.product .product-slide-content .product-slide-content-description {
      padding: 20px;
      background: #fff; }
      .portlet-asset-publisher .cards section.product .product-slide-content .product-slide-content-description ul {
        margin: a a 10px;
        list-style: none;
        padding: 0; }
        .portlet-asset-publisher .cards section.product .product-slide-content .product-slide-content-description ul li {
          position: relative;
          margin-bottom: 10px;
          padding-left: 22px;
          line-height: 1.4; }
          .portlet-asset-publisher .cards section.product .product-slide-content .product-slide-content-description ul li:before {
            content: "\e93e";
            font-family: "khicon";
            position: absolute;
            top: 3px;
            left: 0;
            display: inline-block;
            font-size: 14px;
            color: #003767; }
  .portlet-asset-publisher .cards section.product .product-hover {
    text-align: left; }
    .portlet-asset-publisher .cards section.product .product-hover a {
      float: left;
      margin-left: 20px; }
      .portlet-asset-publisher .cards section.product .product-hover a span.button {
        display: inline-block;
        padding-left: 10px;
        color: #fff;
        font-size: 16px;
        font-weight: bold; }
    .portlet-asset-publisher .cards section.product .product-hover a.button2 {
      float: right;
      margin-left: 0;
      margin-right: 20px; }

.portlet-asset-publisher .szep-main-news {
  height: 268px;
  padding: 20px;
  background: url(../images/szep-news.jpg) no-repeat center; }
  .portlet-asset-publisher .szep-main-news .news-carousel {
    height: 200px; }
    .portlet-asset-publisher .szep-main-news .news-carousel .carousel {
      margin-bottom: 0;
      position: relative; }
    .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content {
      height: 200px;
      margin: 0; }
      .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content .carousel-items .carousel-item {
        right: 50%;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
        position: absolute;
        width: 460px;
        height: 200px;
        background: #fff;
        border-radius: 4px;
        overflow: hidden;
        line-height: 20px;
        z-index: 1;
        margin-right: 0;
        backface-visibility: initial; }
        .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content .carousel-items .carousel-item.carousel-item-active {
          z-index: 3;
          display: block; }
        .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content .carousel-items .carousel-item > a {
          display: block;
          width: 100%;
          height: 100%; }
        .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content .carousel-items .carousel-item a {
          color: #003767;
          text-decoration: none; }
          .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content .carousel-items .carousel-item a:hover {
            color: #fa6d16; }
        .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content .carousel-items .carousel-item .news-list {
          display: block;
          padding: 20px; }
          .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content .carousel-items .carousel-item .news-list h1 {
            margin-bottom: 10px;
            font-size: 18px;
            line-height: 1.25; }
          .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content .carousel-items .carousel-item .news-list time {
            display: none; }
    .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu {
      bottom: 52px;
      left: 0;
      padding: 0;
      position: absolute;
      z-index: 9;
      width: 100%;
      height: 0;
      margin: 0;
      text-align: center; }
      .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev {
        position: absolute;
        left: 0;
        bottom: 78px;
        width: 48px;
        height: 52px;
        margin: 0;
        background: 0;
        color: #00aeef;
        font-size: 52px;
        text-align: center;
        text-indent: 0;
        transition: color 0.5s;
        cursor: pointer; }
        @media (prefers-reduced-motion: reduce) {
          .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev {
            transition: none; } }
        .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev:hover {
          color: #fc6e32;
          transition: color 0.5s; }
          @media (prefers-reduced-motion: reduce) {
            .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev:hover {
              transition: none; } }
      .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next {
        position: absolute;
        right: 0;
        bottom: 78px;
        width: 48px;
        height: 52px;
        margin: 0;
        background: 0;
        color: #00aeef;
        font-size: 52px;
        text-align: center;
        text-indent: 0;
        transition: color 0.5s;
        cursor: pointer; }
        @media (prefers-reduced-motion: reduce) {
          .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next {
            transition: none; } }
        .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next:hover {
          color: #fc6e32;
          transition: color 0.5s; }
          @media (prefers-reduced-motion: reduce) {
            .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next:hover {
              transition: none; } }
      .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu ul {
        display: inline-block;
        margin: 0;
        padding: 0; }
        .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu ul li {
          display: inline-block; }
          .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu ul li a {
            width: 15px;
            height: 15px;
            margin: 0 5px;
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 0 0 1px #ddd; }
          .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu ul li a.carousel-menu-active {
            background: #00aeef; }
          .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu ul li .carousel-menu-item {
            cursor: pointer;
            display: block;
            overflow: hidden;
            text-indent: -999999px; }

@media (max-width: 1339px) {
  .portlet-asset-publisher .products {
    max-width: 836px; }
    .portlet-asset-publisher .products div.product:nth-child(2n+1) {
      clear: left; }
    .portlet-asset-publisher .products div.product:nth-child(2n+2) {
      margin-left: 20px; }
    .portlet-asset-publisher .products div.product:nth-child(3n+2) {
      margin-right: 0; }
  .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev, .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next {
    bottom: -55px; } }

@media (max-width: 991px) {
  .portlet-asset-publisher .products {
    max-width: 728px;
    padding: 0 20px; }
    .portlet-asset-publisher .products div.product {
      width: 354px; }
  .portlet-asset-publisher .cards section.product .product-slide-content {
    margin-top: -84px; }
    .portlet-asset-publisher .cards section.product .product-slide-content .product-slide-content-title {
      display: table;
      width: 100%;
      min-height: 84px; }
      .portlet-asset-publisher .cards section.product .product-slide-content .product-slide-content-title h1 {
        display: table-cell;
        min-height: 0;
        vertical-align: middle; }
  .portlet-asset-publisher .szep-main-news {
    background: #e7f7fe;
    max-width: 728px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0; }
    .portlet-asset-publisher .szep-main-news .news-carousel {
      height: 160px;
      position: relative; }
      .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content {
        height: 160px; }
        .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content .carousel-items .carousel-item {
          width: 660px;
          height: 160px; }
      .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu {
        bottom: -76px; }
        .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev {
          bottom: 56px;
          left: -20px; }
        .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next {
          bottom: 56px;
          right: -20px; } }

@media (max-width: 767px) {
  .portlet-asset-publisher .products div.product {
    float: none;
    width: auto;
    max-width: 408px;
    margin: 0 auto 20px !important; }
  .portlet-asset-publisher .szep-main-news {
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px; }
    .portlet-asset-publisher .szep-main-news .news-carousel {
      height: 320px; }
      .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content {
        height: 320px; }
        .portlet-asset-publisher .szep-main-news .news-carousel .carousel-content .carousel-items .carousel-item {
          height: 320px;
          width: 100%; }
      .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu {
        bottom: 106px; }
        .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next, .portlet-asset-publisher .szep-main-news .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev {
          display: none; } }

.boxes-3-col {
  max-width: 1264px;
  margin: 0 auto;
  font-size: 0;
  text-align: center; }
  .boxes-3-col .journal-content-article {
    width: 406px; }
  .boxes-3-col > div {
    display: inline-block;
    width: 406px;
    margin-bottom: 20px;
    font-size: 14px;
    text-align: left;
    vertical-align: top;
    box-sizing: border-box; }
  .boxes-3-col > div:nth-child(3n+2) {
    margin-right: 20px;
    margin-left: 20px; }
  .boxes-3-col *:before, .boxes-3-col *:after, .boxes-3-col * {
    box-sizing: content-box; }
  .boxes-3-col img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0; }
  .boxes-3-col .content-over-image-box {
    height: 257px;
    box-sizing: border-box; }
    .boxes-3-col .content-over-image-box .box-slide-content h3 {
      height: 40px; }
    .boxes-3-col .content-over-image-box .box-content {
      height: 129px; }
  .boxes-3-col .content-over-image-box:hover .box-slide-content {
    bottom: 210px; }
  .boxes-3-col .content-image-links {
    position: relative;
    height: 398px;
    background: #fff;
    border: 1px solid #cceffc;
    border-radius: 4px;
    color: #003767;
    overflow: hidden;
    box-sizing: border-box; }
    .boxes-3-col .content-image-links img {
      display: block; }
    .boxes-3-col .content-image-links .box-content {
      padding: 20px; }
      .boxes-3-col .content-image-links .box-content h2 {
        margin: 0 0 20px;
        font-size: 18px;
        line-height: 1.25; }
      .boxes-3-col .content-image-links .box-content ul {
        margin: 0 0 10px;
        list-style: none; }
        .boxes-3-col .content-image-links .box-content ul li {
          position: relative;
          margin-bottom: 3px;
          padding-left: 22px;
          line-height: 1.4; }
          .boxes-3-col .content-image-links .box-content ul li:before {
            content: "\e93e";
            position: absolute;
            top: 3px;
            left: 0;
            display: inline-block;
            color: #fa6d16;
            font: normal normal normal 14px/1 khicon;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          .boxes-3-col .content-image-links .box-content ul li a {
            color: #003767;
            text-decoration: none; }
            .boxes-3-col .content-image-links .box-content ul li a:hover {
              color: #003767;
              text-decoration: underline; }

.content-over-image-box {
  position: relative;
  height: 279px;
  background: #fff;
  border: 1px solid #cceffc;
  border-radius: 4px;
  color: #003767;
  overflow: hidden; }
  .content-over-image-box a {
    display: block;
    color: #003767;
    text-decoration: none; }
  .content-over-image-box img {
    display: block; }
  .content-over-image-box .box-slide-content {
    position: relative;
    bottom: 0;
    background: #fff;
    transition: .5s; }
    .content-over-image-box .box-slide-content h3 {
      height: 60px;
      padding: 10px 20px 0;
      line-height: 25px; }
  .content-over-image-box h3 {
    height: 70px;
    margin: 0;
    padding: 0 20px;
    border-top: 1px solid #cceffec;
    font-size: 18px;
    line-height: 70px;
    border-top: 1px solid #cceffc; }
  .content-over-image-box .box-content {
    height: 90px;
    padding: 0 20px; }
  .content-over-image-box ul {
    margin: 0 0 10px;
    list-style: none; }
    .content-over-image-box ul li {
      position: relative;
      margin-bottom: 3px;
      padding-left: 22px;
      line-height: 1.4; }
    .content-over-image-box ul li:before {
      content: "\e93e";
      position: absolute;
      top: 3px;
      left: 0;
      display: inline-block;
      color: #fa6d16;
      font: normal normal normal 14px/1 khicon;
      font-size: inherit;
      text-rendering: auto; }
  .content-over-image-box .button-row {
    padding: 14px 20px;
    background: #00aeef;
    text-align: center; }
    .content-over-image-box .button-row button.btn {
      height: 50px;
      padding: 0 25px; }

.content-over-image-box:hover .box-slide-content {
  bottom: 169px;
  transition: .5s; }

@media (max-width: 1339px) {
  .boxes-3-col {
    max-width: 960px; }
    .boxes-3-col > div {
      margin: 0 10px 20px; }
      .boxes-3-col > div:nth-child(3n+2) {
        margin: 0 10px 20px; } }

@media (max-width: 991px) {
  .boxes-3-col {
    max-width: 728px;
    padding: 0 20px; }
    .boxes-3-col .content-over-image-box {
      height: 388px; } }

@media (max-width: 767px) {
  .boxes-3-col {
    max-width: 406px;
    margin: 0 auto; }
    .boxes-3-col > div {
      display: block;
      height: auto;
      max-width: 100%;
      margin: 0 auto 20px; }
    .boxes-3-col > div:nth-child(3n+2) {
      display: block;
      height: auto;
      max-width: 100%;
      margin: 0 auto 20px; }
    .boxes-3-col .content-over-image-box {
      height: auto; }
      .boxes-3-col .content-over-image-box .box-slide-content {
        bottom: 0; }
        .boxes-3-col .content-over-image-box .box-slide-content h3 {
          height: auto;
          margin-bottom: 10px; }
      .boxes-3-col .content-over-image-box .box-content {
        height: auto;
        padding-bottom: 15px; }
      .boxes-3-col .content-over-image-box .button-row {
        display: none; }
    .boxes-3-col .content-image-links {
      height: auto;
      padding-bottom: 0; }
      .boxes-3-col .content-image-links .box-content {
        height: auto;
        padding-bottom: 15px; } }

.boxes-4-col {
  max-width: 1264px;
  margin: 0 auto;
  font-size: 0;
  text-align: center; }
  .boxes-4-col *:after, .boxes-4-col *:before, .boxes-4-col * {
    box-sizing: content-box; }
  .boxes-4-col > div {
    display: inline-block;
    width: 299px;
    margin-bottom: 20px;
    font-size: 14px;
    text-align: left;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .boxes-4-col > div:nth-child(4n+1), .boxes-4-col > div:nth-child(4n+2), .boxes-4-col > div:nth-child(4n+3) {
      margin-right: 20px; }
  .boxes-4-col .content-over-image-box {
    box-sizing: border-box; }
    .boxes-4-col .content-over-image-box:hover .box-slide-content {
      bottom: 210px;
      transition: .5s; }
    .boxes-4-col .content-over-image-box .box-slide-content h3 {
      box-sizing: content-box; }
    .boxes-4-col .content-over-image-box .box-content {
      height: 131px;
      padding: 0 20px; }
    .boxes-4-col .content-over-image-box p {
      margin: 0 0 10px;
      font-size: 13px; }
    .boxes-4-col .content-over-image-box img {
      width: 100%; }

@media (max-width: 1339px) {
  .boxes-4-col {
    max-width: 960px; }
    .boxes-4-col > div {
      margin: 0 10px 20px; }
      .boxes-4-col > div:nth-child(4n+1), .boxes-4-col > div:nth-child(4n+2), .boxes-4-col > div:nth-child(4n+3) {
        margin: 0 10px 20px; } }

@media (max-width: 991px) {
  .boxes-4-col {
    max-width: 728px;
    padding: 0 20px; }
    .boxes-4-col .content-over-image-box {
      height: 411px; } }

@media (max-width: 767px) {
  .boxes-4-col {
    padding: 0 10px; }
    .boxes-4-col .content-over-image-box {
      height: auto; }
      .boxes-4-col .content-over-image-box:hover .box-slide-content {
        bottom: 0; }
      .boxes-4-col .content-over-image-box .button-row {
        display: none; } }

.portlet-breadcrumb {
  margin-bottom: 50px;
  border-bottom: 1px solid #f0f0f0;
  background-color: #fff; }
  .portlet-breadcrumb .portlet {
    margin-bottom: 0; }
  .portlet-breadcrumb.no-padding {
    margin-bottom: 0;
    padding-bottom: 0; }
  .portlet-breadcrumb .breadcrumb {
    display: flex;
    max-width: 1264px;
    margin: 0 auto;
    background: #fff;
    font-size: 12px;
    padding: 8px 15px;
    list-style: none;
    border-radius: 2px;
    box-sizing: content-box; }
  .portlet-breadcrumb .breadcrumb .breadcrumb-item {
    display: flex;
    line-height: 20px;
    text-shadow: 0 1px 0 white;
    margin: 0;
    padding: 0; }
  .portlet-breadcrumb .breadcrumb .breadcrumb-item .breadcrumb-text-truncate:hover {
    color: #fa6d16;
    text-decoration: underline;
    cursor: pointer; }
  .portlet-breadcrumb .breadcrumb .breadcrumb-item .breadcrumb-link {
    display: block;
    color: #142d67;
    text-decoration: none; }
  .portlet-breadcrumb .breadcrumb li:last-child {
    font-weight: bold; }
  .portlet-breadcrumb .breadcrumb .breadcrumb-item:before {
    display: none; }
  .portlet-breadcrumb .breadcrumb .breadcrumb-item:after {
    content: '/';
    display: block;
    float: left;
    padding: 0 5px;
    color: #ccc; }
  .portlet-breadcrumb .breadcrumb .breadcrumb-item:last-child:after {
    display: none; }
  .portlet-breadcrumb:first-child {
    margin-top: 18px;
    margin-bottom: 40px; }

@media (max-width: 1339px) {
  .portlet-breadcrumb .breadcrumb {
    max-width: 960px; } }

/* Tablet */
@media (max-width: 991px) {
  .portlet-breadcrumb {
    height: 0;
    padding: 0;
    overflow: hidden; }
    .portlet-breadcrumb ul.breadcrumb {
      max-width: 728px; } }

/* Mobile */
@media (max-width: 767px) {
  .portlet-breadcrumb {
    margin-bottom: 25px; } }

.khbtn, .khbtn-big, a.btn.kh-button-1, a.btn.kh-button-2, a.btn.kh-button-3, a.btn.kh-button-4, a.btn.kh-button-5, .khbtn-blue, .btn-primary, .digit-sticky .wrap .btn-wrapper .btn.blue, .khbtn-white, .digit-sticky .wrap .btn-wrapper .btn.white, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button, .journal-content-article > .product-header a.button, .btn, .cta-secondary-ghost, .journal-content-article > .product-header a.button.cta-secondary-ghost {
  display: inline-block;
  box-sizing: border-box;
  padding: 12px 24px;
  background: #fa6d16;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  outline: none;
  transition: background 0.5s; }
  @media (prefers-reduced-motion: reduce) {
    .khbtn, .khbtn-big, a.btn.kh-button-1, a.btn.kh-button-2, a.btn.kh-button-3, a.btn.kh-button-4, a.btn.kh-button-5, .khbtn-blue, .btn-primary, .digit-sticky .wrap .btn-wrapper .btn.blue, .khbtn-white, .digit-sticky .wrap .btn-wrapper .btn.white, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button, .journal-content-article > .product-header a.button, .btn, .cta-secondary-ghost, .journal-content-article > .product-header a.button.cta-secondary-ghost {
      transition: none; } }
  .khbtn.ghost-btn.cta.cta-primary:hover, .ghost-btn.cta.cta-primary.khbtn-big:hover, .ghost-btn.cta.cta-primary.khbtn-blue:hover, .ghost-btn.cta.cta-primary.btn-primary:hover, .ghost-btn.cta.cta-primary.khbtn-white:hover, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.ghost-btn.cta.cta-primary.button:hover, .journal-content-article > .product-header a.ghost-btn.cta.cta-primary.button:hover, .ghost-btn.cta.cta-primary.btn:hover, .ghost-btn.cta.cta-primary.cta-secondary-ghost:hover, .khbtn.ghost-btn.cta.cta-primaryfocus, .ghost-btn.cta.cta-primaryfocus.khbtn-big, .ghost-btn.cta.cta-primaryfocus.khbtn-blue, .ghost-btn.cta.cta-primaryfocus.btn-primary, .digit-sticky .wrap .btn-wrapper .ghost-btn.cta.cta-primaryfocus.btn.blue, .ghost-btn.cta.cta-primaryfocus.khbtn-white, .digit-sticky .wrap .btn-wrapper .ghost-btn.cta.cta-primaryfocus.btn.white, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.ghost-btn.cta.cta-primaryfocus.button, .journal-content-article > .product-header a.ghost-btn.cta.cta-primaryfocus.button, .ghost-btn.cta.cta-primaryfocus.btn, .ghost-btn.cta.cta-primaryfocus.cta-secondary-ghost {
    text-decoration: underline; }
  .khbtn i.fa-arrow-right, .khbtn-big i.fa-arrow-right, .khbtn-blue i.fa-arrow-right, .btn-primary i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .btn.blue i.fa-arrow-right, .khbtn-white i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .btn.white i.fa-arrow-right, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button i.fa-arrow-right, .journal-content-article > .product-header a.button i.fa-arrow-right, .btn i.fa-arrow-right, .cta-secondary-ghost i.fa-arrow-right,
  .khbtn i.fa-sign-in,
  .khbtn-big i.fa-sign-in,
  .khbtn-blue i.fa-sign-in,
  .btn-primary i.fa-sign-in,
  .digit-sticky .wrap .btn-wrapper .btn.blue i.fa-sign-in,
  .khbtn-white i.fa-sign-in,
  .digit-sticky .wrap .btn-wrapper .btn.white i.fa-sign-in,
  .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button i.fa-sign-in,
  .journal-content-article > .product-header a.button i.fa-sign-in,
  .btn i.fa-sign-in,
  .cta-secondary-ghost i.fa-sign-in {
    position: relative;
    left: 0;
    display: inline-block;
    margin-left: 15px;
    transition: left 0.5s; }
    @media (prefers-reduced-motion: reduce) {
      .khbtn i.fa-arrow-right, .khbtn-big i.fa-arrow-right, .khbtn-blue i.fa-arrow-right, .btn-primary i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .btn.blue i.fa-arrow-right, .khbtn-white i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .btn.white i.fa-arrow-right, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button i.fa-arrow-right, .journal-content-article > .product-header a.button i.fa-arrow-right, .btn i.fa-arrow-right, .cta-secondary-ghost i.fa-arrow-right,
      .khbtn i.fa-sign-in,
      .khbtn-big i.fa-sign-in,
      .khbtn-blue i.fa-sign-in,
      .btn-primary i.fa-sign-in,
      .digit-sticky .wrap .btn-wrapper .btn.blue i.fa-sign-in,
      .khbtn-white i.fa-sign-in,
      .digit-sticky .wrap .btn-wrapper .btn.white i.fa-sign-in,
      .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button i.fa-sign-in,
      .journal-content-article > .product-header a.button i.fa-sign-in,
      .btn i.fa-sign-in,
      .cta-secondary-ghost i.fa-sign-in {
        transition: none; } }
  .khbtn i.fa-arrow-left, .khbtn-big i.fa-arrow-left, .khbtn-blue i.fa-arrow-left, .btn-primary i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .btn.blue i.fa-arrow-left, .khbtn-white i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .btn.white i.fa-arrow-left, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button i.fa-arrow-left, .journal-content-article > .product-header a.button i.fa-arrow-left, .btn i.fa-arrow-left, .cta-secondary-ghost i.fa-arrow-left {
    position: relative;
    left: 0;
    display: inline-block;
    margin-right: 15px;
    transition: left 0.5s; }
    @media (prefers-reduced-motion: reduce) {
      .khbtn i.fa-arrow-left, .khbtn-big i.fa-arrow-left, .khbtn-blue i.fa-arrow-left, .btn-primary i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .btn.blue i.fa-arrow-left, .khbtn-white i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .btn.white i.fa-arrow-left, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button i.fa-arrow-left, .journal-content-article > .product-header a.button i.fa-arrow-left, .btn i.fa-arrow-left, .cta-secondary-ghost i.fa-arrow-left {
        transition: none; } }
  .khbtn i.fa-arrow-down, .khbtn-big i.fa-arrow-down, .khbtn-blue i.fa-arrow-down, .btn-primary i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .btn.blue i.fa-arrow-down, .khbtn-white i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .btn.white i.fa-arrow-down, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button i.fa-arrow-down, .journal-content-article > .product-header a.button i.fa-arrow-down, .btn i.fa-arrow-down, .cta-secondary-ghost i.fa-arrow-down {
    position: relative;
    top: 0;
    display: inline-block;
    margin-left: 15px;
    transition: top 0.5s; }
    @media (prefers-reduced-motion: reduce) {
      .khbtn i.fa-arrow-down, .khbtn-big i.fa-arrow-down, .khbtn-blue i.fa-arrow-down, .btn-primary i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .btn.blue i.fa-arrow-down, .khbtn-white i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .btn.white i.fa-arrow-down, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button i.fa-arrow-down, .journal-content-article > .product-header a.button i.fa-arrow-down, .btn i.fa-arrow-down, .cta-secondary-ghost i.fa-arrow-down {
        transition: none; } }
  .khbtn:hover, .khbtn-big:hover, a.btn.kh-button-1:hover, a.btn.kh-button-2:hover, a.btn.kh-button-3:hover, a.btn.kh-button-4:hover, a.btn.kh-button-5:hover, .khbtn-blue:hover, .btn-primary:hover, .digit-sticky .wrap .btn-wrapper .btn.blue:hover, .khbtn-white:hover, .digit-sticky .wrap .btn-wrapper .btn.white:hover, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:hover, .journal-content-article > .product-header a.button:hover, .btn:hover, .cta-secondary-ghost:hover, .khbtn:focus, .khbtn-big:focus, a.btn.kh-button-1:focus, a.btn.kh-button-2:focus, a.btn.kh-button-3:focus, a.btn.kh-button-4:focus, a.btn.kh-button-5:focus, .khbtn-blue:focus, .btn-primary:focus, .digit-sticky .wrap .btn-wrapper .btn.blue:focus, .khbtn-white:focus, .digit-sticky .wrap .btn-wrapper .btn.white:focus, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:focus, .journal-content-article > .product-header a.button:focus, .btn:focus, .cta-secondary-ghost:focus {
    transition: background 0.5s;
    background: #d85505;
    color: #fff;
    text-decoration: none; }
    @media (prefers-reduced-motion: reduce) {
      .khbtn:hover, .khbtn-big:hover, a.btn.kh-button-1:hover, a.btn.kh-button-2:hover, a.btn.kh-button-3:hover, a.btn.kh-button-4:hover, a.btn.kh-button-5:hover, .khbtn-blue:hover, .btn-primary:hover, .digit-sticky .wrap .btn-wrapper .btn.blue:hover, .khbtn-white:hover, .digit-sticky .wrap .btn-wrapper .btn.white:hover, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:hover, .journal-content-article > .product-header a.button:hover, .btn:hover, .cta-secondary-ghost:hover, .khbtn:focus, .khbtn-big:focus, a.btn.kh-button-1:focus, a.btn.kh-button-2:focus, a.btn.kh-button-3:focus, a.btn.kh-button-4:focus, a.btn.kh-button-5:focus, .khbtn-blue:focus, .btn-primary:focus, .digit-sticky .wrap .btn-wrapper .btn.blue:focus, .khbtn-white:focus, .digit-sticky .wrap .btn-wrapper .btn.white:focus, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:focus, .journal-content-article > .product-header a.button:focus, .btn:focus, .cta-secondary-ghost:focus {
        transition: none; } }
    .khbtn:hover i.fa-arrow-right, .khbtn-big:hover i.fa-arrow-right, .khbtn-blue:hover i.fa-arrow-right, .btn-primary:hover i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .btn.blue:hover i.fa-arrow-right, .khbtn-white:hover i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .btn.white:hover i.fa-arrow-right, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:hover i.fa-arrow-right, .journal-content-article > .product-header a.button:hover i.fa-arrow-right, .btn:hover i.fa-arrow-right, .cta-secondary-ghost:hover i.fa-arrow-right,
    .khbtn:hover i.fa-sign-in,
    .khbtn-big:hover i.fa-sign-in,
    .khbtn-blue:hover i.fa-sign-in,
    .btn-primary:hover i.fa-sign-in,
    .digit-sticky .wrap .btn-wrapper .btn.blue:hover i.fa-sign-in,
    .khbtn-white:hover i.fa-sign-in,
    .digit-sticky .wrap .btn-wrapper .btn.white:hover i.fa-sign-in,
    .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:hover i.fa-sign-in,
    .journal-content-article > .product-header a.button:hover i.fa-sign-in,
    .btn:hover i.fa-sign-in,
    .cta-secondary-ghost:hover i.fa-sign-in, .khbtn:focus i.fa-arrow-right, .khbtn-big:focus i.fa-arrow-right, .khbtn-blue:focus i.fa-arrow-right, .btn-primary:focus i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .btn.blue:focus i.fa-arrow-right, .khbtn-white:focus i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .btn.white:focus i.fa-arrow-right, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:focus i.fa-arrow-right, .journal-content-article > .product-header a.button:focus i.fa-arrow-right, .btn:focus i.fa-arrow-right, .cta-secondary-ghost:focus i.fa-arrow-right,
    .khbtn:focus i.fa-sign-in,
    .khbtn-big:focus i.fa-sign-in,
    .khbtn-blue:focus i.fa-sign-in,
    .btn-primary:focus i.fa-sign-in,
    .digit-sticky .wrap .btn-wrapper .btn.blue:focus i.fa-sign-in,
    .khbtn-white:focus i.fa-sign-in,
    .digit-sticky .wrap .btn-wrapper .btn.white:focus i.fa-sign-in,
    .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:focus i.fa-sign-in,
    .journal-content-article > .product-header a.button:focus i.fa-sign-in,
    .btn:focus i.fa-sign-in,
    .cta-secondary-ghost:focus i.fa-sign-in {
      left: 5px;
      transition: left 0.5s; }
      @media (prefers-reduced-motion: reduce) {
        .khbtn:hover i.fa-arrow-right, .khbtn-big:hover i.fa-arrow-right, .khbtn-blue:hover i.fa-arrow-right, .btn-primary:hover i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .btn.blue:hover i.fa-arrow-right, .khbtn-white:hover i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .btn.white:hover i.fa-arrow-right, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:hover i.fa-arrow-right, .journal-content-article > .product-header a.button:hover i.fa-arrow-right, .btn:hover i.fa-arrow-right, .cta-secondary-ghost:hover i.fa-arrow-right,
        .khbtn:hover i.fa-sign-in,
        .khbtn-big:hover i.fa-sign-in,
        .khbtn-blue:hover i.fa-sign-in,
        .btn-primary:hover i.fa-sign-in,
        .digit-sticky .wrap .btn-wrapper .btn.blue:hover i.fa-sign-in,
        .khbtn-white:hover i.fa-sign-in,
        .digit-sticky .wrap .btn-wrapper .btn.white:hover i.fa-sign-in,
        .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:hover i.fa-sign-in,
        .journal-content-article > .product-header a.button:hover i.fa-sign-in,
        .btn:hover i.fa-sign-in,
        .cta-secondary-ghost:hover i.fa-sign-in, .khbtn:focus i.fa-arrow-right, .khbtn-big:focus i.fa-arrow-right, .khbtn-blue:focus i.fa-arrow-right, .btn-primary:focus i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .btn.blue:focus i.fa-arrow-right, .khbtn-white:focus i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .btn.white:focus i.fa-arrow-right, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:focus i.fa-arrow-right, .journal-content-article > .product-header a.button:focus i.fa-arrow-right, .btn:focus i.fa-arrow-right, .cta-secondary-ghost:focus i.fa-arrow-right,
        .khbtn:focus i.fa-sign-in,
        .khbtn-big:focus i.fa-sign-in,
        .khbtn-blue:focus i.fa-sign-in,
        .btn-primary:focus i.fa-sign-in,
        .digit-sticky .wrap .btn-wrapper .btn.blue:focus i.fa-sign-in,
        .khbtn-white:focus i.fa-sign-in,
        .digit-sticky .wrap .btn-wrapper .btn.white:focus i.fa-sign-in,
        .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:focus i.fa-sign-in,
        .journal-content-article > .product-header a.button:focus i.fa-sign-in,
        .btn:focus i.fa-sign-in,
        .cta-secondary-ghost:focus i.fa-sign-in {
          transition: none; } }
    .khbtn:hover i.fa-arrow-left, .khbtn-big:hover i.fa-arrow-left, .khbtn-blue:hover i.fa-arrow-left, .btn-primary:hover i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .btn.blue:hover i.fa-arrow-left, .khbtn-white:hover i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .btn.white:hover i.fa-arrow-left, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:hover i.fa-arrow-left, .journal-content-article > .product-header a.button:hover i.fa-arrow-left, .btn:hover i.fa-arrow-left, .cta-secondary-ghost:hover i.fa-arrow-left, .khbtn:focus i.fa-arrow-left, .khbtn-big:focus i.fa-arrow-left, .khbtn-blue:focus i.fa-arrow-left, .btn-primary:focus i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .btn.blue:focus i.fa-arrow-left, .khbtn-white:focus i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .btn.white:focus i.fa-arrow-left, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:focus i.fa-arrow-left, .journal-content-article > .product-header a.button:focus i.fa-arrow-left, .btn:focus i.fa-arrow-left, .cta-secondary-ghost:focus i.fa-arrow-left {
      left: -5px;
      transition: left 0.5s; }
      @media (prefers-reduced-motion: reduce) {
        .khbtn:hover i.fa-arrow-left, .khbtn-big:hover i.fa-arrow-left, .khbtn-blue:hover i.fa-arrow-left, .btn-primary:hover i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .btn.blue:hover i.fa-arrow-left, .khbtn-white:hover i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .btn.white:hover i.fa-arrow-left, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:hover i.fa-arrow-left, .journal-content-article > .product-header a.button:hover i.fa-arrow-left, .btn:hover i.fa-arrow-left, .cta-secondary-ghost:hover i.fa-arrow-left, .khbtn:focus i.fa-arrow-left, .khbtn-big:focus i.fa-arrow-left, .khbtn-blue:focus i.fa-arrow-left, .btn-primary:focus i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .btn.blue:focus i.fa-arrow-left, .khbtn-white:focus i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .btn.white:focus i.fa-arrow-left, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:focus i.fa-arrow-left, .journal-content-article > .product-header a.button:focus i.fa-arrow-left, .btn:focus i.fa-arrow-left, .cta-secondary-ghost:focus i.fa-arrow-left {
          transition: none; } }
    .khbtn:hover i.fa-arrow-down, .khbtn-big:hover i.fa-arrow-down, .khbtn-blue:hover i.fa-arrow-down, .btn-primary:hover i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .btn.blue:hover i.fa-arrow-down, .khbtn-white:hover i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .btn.white:hover i.fa-arrow-down, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:hover i.fa-arrow-down, .journal-content-article > .product-header a.button:hover i.fa-arrow-down, .btn:hover i.fa-arrow-down, .cta-secondary-ghost:hover i.fa-arrow-down, .khbtn:focus i.fa-arrow-down, .khbtn-big:focus i.fa-arrow-down, .khbtn-blue:focus i.fa-arrow-down, .btn-primary:focus i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .btn.blue:focus i.fa-arrow-down, .khbtn-white:focus i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .btn.white:focus i.fa-arrow-down, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:focus i.fa-arrow-down, .journal-content-article > .product-header a.button:focus i.fa-arrow-down, .btn:focus i.fa-arrow-down, .cta-secondary-ghost:focus i.fa-arrow-down {
      top: 5px;
      transition: top 0.5s; }
      @media (prefers-reduced-motion: reduce) {
        .khbtn:hover i.fa-arrow-down, .khbtn-big:hover i.fa-arrow-down, .khbtn-blue:hover i.fa-arrow-down, .btn-primary:hover i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .btn.blue:hover i.fa-arrow-down, .khbtn-white:hover i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .btn.white:hover i.fa-arrow-down, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:hover i.fa-arrow-down, .journal-content-article > .product-header a.button:hover i.fa-arrow-down, .btn:hover i.fa-arrow-down, .cta-secondary-ghost:hover i.fa-arrow-down, .khbtn:focus i.fa-arrow-down, .khbtn-big:focus i.fa-arrow-down, .khbtn-blue:focus i.fa-arrow-down, .btn-primary:focus i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .btn.blue:focus i.fa-arrow-down, .khbtn-white:focus i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .btn.white:focus i.fa-arrow-down, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button:focus i.fa-arrow-down, .journal-content-article > .product-header a.button:focus i.fa-arrow-down, .btn:focus i.fa-arrow-down, .cta-secondary-ghost:focus i.fa-arrow-down {
          transition: none; } }
  .khbtn.disabled:hover, .disabled.khbtn-big:hover, .disabled.khbtn-blue:hover, .disabled.btn-primary:hover, .digit-sticky .wrap .btn-wrapper .disabled.btn.blue:hover, .disabled.khbtn-white:hover, .digit-sticky .wrap .btn-wrapper .disabled.btn.white:hover, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.disabled.button:hover, .journal-content-article > .product-header a.disabled.button:hover, .disabled.btn:hover, .disabled.cta-secondary-ghost:hover, .khbtn.disabled:focus, .disabled.khbtn-big:focus, .disabled.khbtn-blue:focus, .disabled.btn-primary:focus, .digit-sticky .wrap .btn-wrapper .disabled.btn.blue:focus, .disabled.khbtn-white:focus, .digit-sticky .wrap .btn-wrapper .disabled.btn.white:focus, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.disabled.button:focus, .journal-content-article > .product-header a.disabled.button:focus, .disabled.btn:focus, .disabled.cta-secondary-ghost:focus {
    background: #fa6d16; }
    .khbtn.disabled:hover i.fa-arrow-right, .disabled.khbtn-big:hover i.fa-arrow-right, .disabled.khbtn-blue:hover i.fa-arrow-right, .disabled.btn-primary:hover i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .disabled.btn.blue:hover i.fa-arrow-right, .disabled.khbtn-white:hover i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .disabled.btn.white:hover i.fa-arrow-right, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.disabled.button:hover i.fa-arrow-right, .journal-content-article > .product-header a.disabled.button:hover i.fa-arrow-right, .disabled.btn:hover i.fa-arrow-right, .disabled.cta-secondary-ghost:hover i.fa-arrow-right, .khbtn.disabled:focus i.fa-arrow-right, .disabled.khbtn-big:focus i.fa-arrow-right, .disabled.khbtn-blue:focus i.fa-arrow-right, .disabled.btn-primary:focus i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .disabled.btn.blue:focus i.fa-arrow-right, .disabled.khbtn-white:focus i.fa-arrow-right, .digit-sticky .wrap .btn-wrapper .disabled.btn.white:focus i.fa-arrow-right, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.disabled.button:focus i.fa-arrow-right, .journal-content-article > .product-header a.disabled.button:focus i.fa-arrow-right, .disabled.btn:focus i.fa-arrow-right, .disabled.cta-secondary-ghost:focus i.fa-arrow-right {
      position: static; }
    .khbtn.disabled:hover i.fa-arrow-left, .disabled.khbtn-big:hover i.fa-arrow-left, .disabled.khbtn-blue:hover i.fa-arrow-left, .disabled.btn-primary:hover i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .disabled.btn.blue:hover i.fa-arrow-left, .disabled.khbtn-white:hover i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .disabled.btn.white:hover i.fa-arrow-left, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.disabled.button:hover i.fa-arrow-left, .journal-content-article > .product-header a.disabled.button:hover i.fa-arrow-left, .disabled.btn:hover i.fa-arrow-left, .disabled.cta-secondary-ghost:hover i.fa-arrow-left, .khbtn.disabled:focus i.fa-arrow-left, .disabled.khbtn-big:focus i.fa-arrow-left, .disabled.khbtn-blue:focus i.fa-arrow-left, .disabled.btn-primary:focus i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .disabled.btn.blue:focus i.fa-arrow-left, .disabled.khbtn-white:focus i.fa-arrow-left, .digit-sticky .wrap .btn-wrapper .disabled.btn.white:focus i.fa-arrow-left, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.disabled.button:focus i.fa-arrow-left, .journal-content-article > .product-header a.disabled.button:focus i.fa-arrow-left, .disabled.btn:focus i.fa-arrow-left, .disabled.cta-secondary-ghost:focus i.fa-arrow-left {
      position: static; }
    .khbtn.disabled:hover i.fa-arrow-down, .disabled.khbtn-big:hover i.fa-arrow-down, .disabled.khbtn-blue:hover i.fa-arrow-down, .disabled.btn-primary:hover i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .disabled.btn.blue:hover i.fa-arrow-down, .disabled.khbtn-white:hover i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .disabled.btn.white:hover i.fa-arrow-down, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.disabled.button:hover i.fa-arrow-down, .journal-content-article > .product-header a.disabled.button:hover i.fa-arrow-down, .disabled.btn:hover i.fa-arrow-down, .disabled.cta-secondary-ghost:hover i.fa-arrow-down, .khbtn.disabled:focus i.fa-arrow-down, .disabled.khbtn-big:focus i.fa-arrow-down, .disabled.khbtn-blue:focus i.fa-arrow-down, .disabled.btn-primary:focus i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .disabled.btn.blue:focus i.fa-arrow-down, .disabled.khbtn-white:focus i.fa-arrow-down, .digit-sticky .wrap .btn-wrapper .disabled.btn.white:focus i.fa-arrow-down, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.disabled.button:focus i.fa-arrow-down, .journal-content-article > .product-header a.disabled.button:focus i.fa-arrow-down, .disabled.btn:focus i.fa-arrow-down, .disabled.cta-secondary-ghost:focus i.fa-arrow-down {
      position: static; }

.khbtn-big, a.btn.kh-button-1, a.btn.kh-button-2, a.btn.kh-button-3, a.btn.kh-button-4, a.btn.kh-button-5, .khbtn-blue, .btn-primary, .digit-sticky .wrap .btn-wrapper .btn.blue, .khbtn-white, .digit-sticky .wrap .btn-wrapper .btn.white, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button, .journal-content-article > .product-header a.button {
  padding: 16px 24px; }

.khbtn-blue, .btn-primary, .digit-sticky .wrap .btn-wrapper .btn.blue {
  background: #00aeef; }
  .khbtn-blue:hover, .btn-primary:hover, .digit-sticky .wrap .btn-wrapper .btn.blue:hover, .khbtn-blue:focus, .btn-primary:focus, .digit-sticky .wrap .btn-wrapper .btn.blue:focus {
    background: #0089bc; }
  .khbtn-blue.disabled:hover, .disabled.btn-primary:hover, .digit-sticky .wrap .btn-wrapper .disabled.btn.blue:hover, .khbtn-blue.disabled:focus, .disabled.btn-primary:focus, .digit-sticky .wrap .btn-wrapper .disabled.btn.blue:focus {
    background: #00aeef; }

.khbtn-white, .digit-sticky .wrap .btn-wrapper .btn.white {
  background: #fff;
  border: 1px solid #fa6d16;
  color: #fa6d16; }
  .khbtn-white:focus, .digit-sticky .wrap .btn-wrapper .btn.white:focus {
    background: #fa6d16;
    color: #fff; }
  @media (hover: hover) {
    .khbtn-white:hover, .digit-sticky .wrap .btn-wrapper .btn.white:hover {
      background: #fa6d16;
      color: #fff; } }
  .khbtn-white.disabled:hover, .digit-sticky .wrap .btn-wrapper .disabled.btn.white:hover, .khbtn-white.disabled:focus, .digit-sticky .wrap .btn-wrapper .disabled.btn.white:focus {
    background: #fff;
    color: #fa6d16; }

.btn-primary {
  padding: 12px 24px; }

.btn {
  line-height: 20px;
  padding: 16px 24px; }

.button.hidden-phone.hidden-tablet.cta.cta-secondary-ghost {
  display: inline-block !important; }

.cta-secondary-ghost, .journal-content-article > .product-header a.button.cta-secondary-ghost {
  background: transparent;
  border-color: #00aeef;
  color: #00aeef; }
  .cta-secondary-ghost:hover, .journal-content-article > .product-header a.button.cta-secondary-ghost:hover, .cta-secondary-ghost:focus, .journal-content-article > .product-header a.button.cta-secondary-ghost:focus {
    background: #00aeef;
    color: #fff; }

.cta.cta-primary {
  background: #fa6d16;
  border-color: #fa6d16;
  color: #fff; }
  .cta.cta-primary:hover {
    background: #d85505; }

.cta-group a.button.animate-scroll {
  border: 1px solid #fa6d16;
  font-size: 16px; }

a.button.animate-scroll.cta.cta-primary {
  border: 1px solid #fa6d16; }

a.button.cta.cta-secondary {
  background: #00aeef;
  border-color: #00aeef;
  color: #fff; }
  a.button.cta.cta-secondary:hover {
    background: #0089bc;
    border-color: #0089bc;
    color: #fff; }

button.accept {
  background: #fa6d16;
  border: 0;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 15px 58px;
  font-size: 17px;
  font-weight: bold !important;
  border-radius: 6px;
  margin: 25px 0 25px 0 !important; }
  button.accept:hover {
    transition: .5s;
    background: #d85505; }
    button.accept:hover i.fa-arrow-right {
      transition: left .5s;
      left: 5px; }
  button.accept i.fa-arrow-right {
    position: relative;
    left: 0;
    display: inline-block;
    margin-left: 15px;
    transition: left .5s; }

.callback-button {
  border: 0;
  color: #fff;
  background: #00aeef;
  text-align: center;
  text-decoration: none;
  padding: 15px 58px;
  font-size: 17px !important;
  font-weight: bold;
  border-radius: 6px;
  margin: 25px 0 25px 0; }
  .callback-button:hover {
    background: #0089bc;
    transition: background .5s; }
    .callback-button:hover i.fa-arrow-right {
      transition: left .5s;
      left: 5px; }
  .callback-button i.fa-arrow-right {
    position: relative;
    left: 0;
    display: inline-block;
    margin-left: 15px;
    transition: left .5s; }

.ui-button {
  font-weight: 900;
  line-height: 20px;
  font-size: 0.8em !important;
  background: #002f52;
  border: #fff solid 2px;
  border-radius: 50%;
  color: #fff;
  height: 22px !important;
  width: 22px !important;
  opacity: 1;
  padding: 0 !important;
  position: absolute;
  right: -17px !important;
  top: -15px !important;
  text-transform: uppercase;
  text-shadow: none;
  z-index: 1;
  text-indent: 0 !important; }
  .ui-button:focus {
    font-weight: 900; }

@media (max-width: 767px) and (max-width: 979px) {
  .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-top: 5px;
    width: 100%; }
  .btn.change-cookie-settings {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important; } }

.carousel {
  position: relative;
  line-height: 1;
  margin-bottom: 10px; }
  .carousel .carousel-item {
    line-height: 20px; }
    .carousel .carousel-item.carousel-item-active {
      display: block; }

*:after, *:before, * {
  box-sizing: content-box; }

.contact-box-link {
  text-decoration: none; }
  .contact-box-link:hover {
    text-decoration: none; }
  .contact-box-link .fa {
    vertical-align: initial; }

.contact-box {
  display: table;
  width: calc(100% - 50px);
  min-height: 40px;
  padding: 15px 25px;
  background: #fff;
  border: 1px solid #99dff9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #003767;
  overflow: hidden; }
  .contact-box:hover {
    background: #00aeef;
    color: #fff;
    text-decoration: none; }
    .contact-box:hover .icon {
      color: #fff; }
  .contact-box.contact-box-large {
    min-height: 88px;
    padding: 37px 25px; }
    .contact-box.contact-box-large .icon {
      width: 80px;
      height: 80px;
      line-height: 80px; }
      .contact-box.contact-box-large .icon span {
        display: inline-block;
        width: 80px;
        height: 80px;
        border: 1px solid #99dff9;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
      .contact-box.contact-box-large .icon i {
        font-size: 35px; }
  .contact-box .icon {
    display: table-cell;
    width: 30px;
    height: 37px;
    color: #00aeef;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    vertical-align: middle; }
  .contact-box .c-content {
    display: table-cell;
    height: 37px;
    padding-left: 20px;
    vertical-align: middle; }
    .contact-box .c-content h2.title {
      margin: 0;
      font-size: 14px;
      font-weight: bold; }
    .contact-box .c-content p {
      margin-bottom: 0; }
  .contact-box.contact-box-openable {
    min-height: 70px;
    width: 100%;
    padding: 0; }
    .contact-box.contact-box-openable:hover .header:after {
      color: #fff; }
    .contact-box.contact-box-openable .header {
      position: relative;
      padding: 15px 25px;
      cursor: pointer; }
      .contact-box.contact-box-openable .header .c-content {
        padding-right: 20px; }
      .contact-box.contact-box-openable .header:after {
        content: '+';
        position: absolute;
        top: 22px;
        right: 25px;
        color: #00aeef;
        font-family: monospace;
        font-size: 24px;
        font-weight: bold;
        cursor: pointer;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-animation: rotateBack .5s linear 1;
        -moz-animation: rotateBack .5s linear 1;
        -o-animation: rotateBack .5s linear 1;
        animation: rotateBack .5s linear 1; }
      .contact-box.contact-box-openable .header.toggler-header-expanded:after {
        content: '\2012';
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation: rotate .5s linear 1;
        -moz-animation: rotate .5s linear 1;
        -o-animation: rotate .5s linear 1;
        animation: rotate .5s linear 1; }
    .contact-box.contact-box-openable .content {
      display: none;
      padding-top: 15px;
      border-top: 1px solid #99dff9; }
      .contact-box.contact-box-openable .content.toggler-content-expanded {
        display: block; }
  .contact-box ol.telecenter {
    position: relative;
    margin: 0 0 0 30px;
    list-style: none; }
    .contact-box ol.telecenter > li {
      position: relative;
      margin-bottom: 15px;
      font-weight: bold; }
      .contact-box ol.telecenter > li:before {
        content: attr(data-num);
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 8px;
        background: #003767;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        line-height: 24px; }
      .contact-box ol.telecenter > li > ol {
        position: relative;
        margin: 10px 0 0 30px;
        list-style: none; }
        .contact-box ol.telecenter > li > ol:before {
          content: '';
          position: absolute;
          top: -10px;
          bottom: 11px;
          left: -18px;
          width: 2px;
          background: #003767; }
        .contact-box ol.telecenter > li > ol > li {
          position: relative;
          margin-bottom: 15px;
          font-weight: bold; }
          .contact-box ol.telecenter > li > ol > li:before {
            content: attr(data-num);
            display: inline-block;
            width: 24px;
            height: 24px;
            margin-right: 8px;
            background: #24639a;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            line-height: 24px; }
          .contact-box ol.telecenter > li > ol > li:after {
            position: absolute;
            content: '';
            left: -17px;
            top: 11px;
            width: 17px;
            height: 2px;
            background: #003767; }
          .contact-box ol.telecenter > li > ol > li > ol {
            position: relative;
            margin: 10px 0 0 30px;
            list-style: none; }

.contact-b-container * {
  box-sizing: border-box; }

.contact-b-container .contact-box-wrapper .contact-b .contact-panel-box {
  display: table;
  min-height: 40px;
  padding: 10px 20px;
  background: #fff;
  border-radius: 4px;
  color: #00aeef;
  overflow: hidden;
  cursor: pointer; }
  .contact-b-container .contact-box-wrapper .contact-b .contact-panel-box:hover {
    background: #fa6d16;
    color: #fff; }
    .contact-b-container .contact-box-wrapper .contact-b .contact-panel-box:hover .icon {
      color: #fff; }
    .contact-b-container .contact-box-wrapper .contact-b .contact-panel-box:hover .arrow-icon-container i.arrow-icon {
      left: 5px;
      transition: left 0.5s;
      top: 0;
      vertical-align: initial; }
      @media (prefers-reduced-motion: reduce) {
        .contact-b-container .contact-box-wrapper .contact-b .contact-panel-box:hover .arrow-icon-container i.arrow-icon {
          transition: none; } }
  .contact-b-container .contact-box-wrapper .contact-b .contact-panel-box .icon {
    display: table-cell;
    width: 30px;
    height: 37px;
    color: #00aeef;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    vertical-align: middle; }
  .contact-b-container .contact-box-wrapper .contact-b .contact-panel-box .c-content {
    display: table-cell;
    height: 54px;
    padding-left: 20px;
    vertical-align: top; }
    .contact-b-container .contact-box-wrapper .contact-b .contact-panel-box .c-content.panel-box {
      width: 180px; }
    .contact-b-container .contact-box-wrapper .contact-b .contact-panel-box .c-content .contact-description-text {
      line-height: 1.25em; }
  .contact-b-container .contact-box-wrapper .contact-b .contact-panel-box .arrow-icon-container {
    display: table-cell;
    vertical-align: middle; }
    .contact-b-container .contact-box-wrapper .contact-b .contact-panel-box .arrow-icon-container i.arrow-icon {
      position: relative;
      display: inline-block;
      margin-left: 15px;
      font-size: 16px;
      transition: left 0.5s;
      left: 0; }
      @media (prefers-reduced-motion: reduce) {
        .contact-b-container .contact-box-wrapper .contact-b .contact-panel-box .arrow-icon-container i.arrow-icon {
          transition: none; } }
      .contact-b-container .contact-box-wrapper .contact-b .contact-panel-box .arrow-icon-container i.arrow-icon:before {
        content: "\e93e";
        font-family: khicon !important; }

@media (max-width: 767px) {
  .contact-box.contact-box-large {
    padding: 15px 25px; }
    .contact-box.contact-box-large .icon {
      width: 30px;
      height: 37px;
      line-height: 30px; }
      .contact-box.contact-box-large .icon span {
        width: auto;
        height: auto;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
      .contact-box.contact-box-large .icon i {
        font-size: 30px; } }

@media (min-width: 992px) {
  #content-marketing-column1 {
    width: 63%;
    padding: 0px;
    padding-right: 30px;
    margin: 0px; }
  #content-marketing-column2 {
    width: 33%;
    padding: 0px;
    margin: 0px; }
  .cm-universal-webcontent {
    display: flex; } }

@media (max-width: 991px) {
  #content-marketing-column1 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    display: flex; }
  #content-marketing-column2 {
    width: 100%;
    padding: 0px;
    margin: 0px; } }

#layout-column_content-marketing-column2 {
  height: 100%; }

.content-marketing-template .breadcrumb.breadcrumb-horizontal > li {
  line-height: 20px; }
  .content-marketing-template .breadcrumb.breadcrumb-horizontal > li:before {
    color: #ccc;
    padding: 0 5px; }
  .content-marketing-template .breadcrumb.breadcrumb-horizontal > li a {
    text-decoration: none;
    color: #003767; }
    .content-marketing-template .breadcrumb.breadcrumb-horizontal > li a:hover, .content-marketing-template .breadcrumb.breadcrumb-horizontal > li a:focus {
      color: #fa6d16;
      text-decoration: underline; }
  .content-marketing-template .breadcrumb.breadcrumb-horizontal > li .divider {
    display: none; }

.content-marketing-template .universal-webcontent img {
  width: 100%; }

.content-marketing-template a.btn.kh-button-3 {
  background: #00aeef; }
  .content-marketing-template a.btn.kh-button-3:hover, .content-marketing-template a.btn.kh-button-3:focus {
    background: #fa6d16; }

.content-marketing-template .main-slider-calculator .main-calculators .main-calculators-inner .main-calculator h3.header {
  color: #003767; }

.content-marketing-template .main-slider-calculator .main-calculators .main-calculators-inner .main-calculator form .mini-calculator-yes-no span.control-label {
  font-weight: normal; }

.content-marketing-template .portlet-journal-content .privacy-policy-container .privacy-policy {
  padding: 20px; }

.content-marketing-template .portlet-boundary:first-child h2.portlet-title {
  padding-top: 45px; }

.content-marketing-template .social-portlet .portlet-body span {
  margin-left: 1px !important;
  margin-right: 1px !important; }

.corporate-header {
  background-repeat: no-repeat;
  background-position: center top; }
  .corporate-header .wrap {
    position: relative;
    height: 240px;
    max-width: 1264px;
    margin: 0 auto;
    overflow: hidden; }
    .corporate-header .wrap h2 {
      position: absolute;
      top: 50%;
      float: left;
      max-width: 475px;
      margin: 0;
      font-size: 30px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    .corporate-header .wrap .contacts-outer {
      float: right;
      min-height: 190px;
      padding: 25px 20px;
      background: rgba(255, 255, 255, 0.7); }
      .corporate-header .wrap .contacts-outer .contacts-container {
        background: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 4px; }
        .corporate-header .wrap .contacts-outer .contacts-container h3 {
          position: relative;
          margin: 0;
          padding: 15px 20px;
          font-size: 18px;
          font-weight: normal;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
          line-height: 1.25; }
        .corporate-header .wrap .contacts-outer .contacts-container ul {
          margin: 0;
          padding: 15px 20px;
          list-style: none;
          background: #99dff9; }
          .corporate-header .wrap .contacts-outer .contacts-container ul li {
            line-height: 1.4;
            margin-bottom: 5px; }
            .corporate-header .wrap .contacts-outer .contacts-container ul li i {
              display: inline-block;
              width: 20px;
              margin-right: 5px;
              font-size: 18px;
              text-align: center; }
            .corporate-header .wrap .contacts-outer .contacts-container ul li a {
              text-decoration: none;
              color: #003767; }
              .corporate-header .wrap .contacts-outer .contacts-container ul li a:hover {
                text-decoration: underline; }

.corporate-video {
  padding: 20px 0;
  background: #cceffc; }
  .corporate-video.corporate-text .wrap {
    height: 200px; }
    .corporate-video.corporate-text .wrap .corpvid-content {
      height: 140px;
      padding-top: 30px; }
  .corporate-video.corporate-text .html {
    float: right;
    width: 560px;
    margin: 30px 40px 0 0; }
  .corporate-video .wrap {
    max-width: 1264px;
    height: 399px;
    margin: 0 auto;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden; }
    .corporate-video .wrap img {
      float: left;
      margin-right: 20px; }
    .corporate-video .wrap .corpvid-content {
      float: left;
      width: 275px;
      height: 199px;
      margin: 20px 0;
      padding-top: 160px;
      border-right: 1px solid #e6e6e6; }
      .corporate-video .wrap .corpvid-content p {
        margin-bottom: 10px; }
        .corporate-video .wrap .corpvid-content p strong {
          font-size: 16px; }

.corporate-box {
  max-width: 1262px;
  height: 368px;
  margin: 0 auto 1px;
  background: #fff;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .corporate-box .corporate-box-content {
    float: right;
    width: calc(100% - 446px);
    padding: 20px 5px 20px 20px; }

.corporate {
  /*----------- Nested-portlets része -----------------*/
  /*-------------------- Nested-portlets vége ----------------------*/ }
  .corporate *:after, .corporate *:before, .corporate * {
    box-sizing: content-box; }
  .corporate #footer .footer-links {
    background: #a1def8;
    color: #003767; }
    .corporate #footer .footer-links .wrap > ul > li a, .corporate #footer .footer-links .wrap > ul > li span {
      color: #003767; }
    .corporate #footer .footer-links .wrap .social-links ul li i {
      color: #003767; }
  .corporate #content .page-header-div {
    background: #d0effc; }
  .corporate .product-category .wrap section.product .product-hover {
    background: #003767; }
  .corporate section.product {
    border-color: #e5e5e5; }
    .corporate section.product .product-hover {
      background: #003767; }
      .corporate section.product .product-hover button.btn {
        background: #cceffc;
        border-color: #cceffc;
        color: #003767; }
  .corporate .video {
    max-width: 850px;
    margin: 0 auto;
    padding-top: 20px;
    background: #fff;
    text-align: center;
    display: block; }
    .corporate .video .video-container {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%; }
      .corporate .video .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .corporate .product-info-portlet .portlet-body .product-information-container .info-content:only-child {
    border-bottom: 0; }
    .corporate .product-info-portlet .portlet-body .product-information-container .info-content:only-child .open-product-info-description {
      /*margin-bottom: -28px;*/
      transition: margin .5s; }

@media (max-width: 1339px) {
  .corporate-header .wrap {
    max-width: 960px;
    height: auto; }
    .corporate-header .wrap h2 {
      max-width: 330px;
      font-size: 26px; }
  .corporate-video.corporate-text .wrap {
    max-width: 960px;
    height: auto; }
    .corporate-video.corporate-text .wrap .corpvid-content {
      width: calc(100% - 340px);
      border-right: 0;
      height: 130px; }
    .corporate-video.corporate-text .wrap .html {
      clear: both;
      float: none;
      width: auto;
      margin: 0;
      padding: 20px;
      border-top: 1px solid #e6e6e6; }
  .corporate-box {
    max-width: 958px; }
  .corporate {
    /*---------- Nested-portlets része ---------*/
    /*---------- Nested-portlets vége ---------*/ }
    .corporate .portlet-nested-portlets > .portlet > .portlet-content > .portlet-content-container > .portlet-body {
      max-width: 960px;
      padding-left: 0;
      padding-right: 0; } }

@media (max-width: 991px) {
  .corporate-header .wrap {
    max-width: 728px;
    padding: 0 20px; }
    .corporate-header .wrap h2 {
      max-width: 215px;
      font-size: 20px; }
  .corporate-video.corporate-text {
    padding: 20px; }
    .corporate-video.corporate-text .wrap {
      max-width: 728px; }
  .corporate-box {
    max-width: 726px; }
  .corporate {
    /*-------------------- Sticky header Ă©s lenyĂ­lĂł lista ------------*/
    /*-------------------- Sticky header és lenyíló lista vége -------------------*/ }
    .corporate .sticky-header .heading .mobile-navigation.show ul li a {
      text-decoration: none; }
    .corporate .sticky-header .heading .mobile-navigation.show > div ul li a {
      color: #003767; }
    .corporate .product-info-portlet .portlet-body .product-information-container .info-content:only-child .open-product-info-description {
      margin-bottom: 0; } }

@media (max-width: 767px) {
  .corporate-header .wrap {
    max-width: 768px;
    height: auto;
    padding: 0; }
    .corporate-header .wrap h2 {
      position: static;
      float: none;
      max-width: 100%;
      margin: 0;
      padding: 20px;
      background: #00aeef;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; }
    .corporate-header .wrap .contacts-outer {
      float: none;
      padding: 20px;
      background: #c5e6f9; }
  .corporate-video.corporate-text .wrap img {
    max-width: 30%;
    min-width: 130px; }
  .corporate-video.corporate-text .wrap .corpvid-content {
    width: calc(70% - 40px);
    max-width: calc(100% - 170px);
    height: auto;
    margin: 0;
    padding: 30px 20px 20px 0;
    font-size: 12px;
    line-height: 1.25; }
    .corporate-video.corporate-text .wrap .corpvid-content p strong {
      font-size: 14px; }
  .corporate-box {
    height: auto;
    margin: 0 20px; }
    .corporate-box img {
      float: none;
      display: block;
      margin: 0 auto; }
    .corporate-box .corporate-box-content {
      float: none;
      width: auto; } }

.countdown-timer-wrapper {
  text-align: center;
  background-color: #e6f7fe;
  padding: 35px 0; }
  .countdown-timer-wrapper > div {
    max-width: 1264px;
    margin: 0 auto; }
  .countdown-timer-wrapper .tooltip-help {
    color: #00AEEF;
    outline: 0; }
    .countdown-timer-wrapper .tooltip-help i {
      outline: 0; }
  .countdown-timer-wrapper .countdown {
    display: inline-block;
    margin: 15px 0; }
    .countdown-timer-wrapper .countdown .counter-sep {
      display: inline-block;
      width: 34px;
      height: 154px;
      position: relative;
      color: #DC7508; }
      .countdown-timer-wrapper .countdown .counter-sep:after {
        content: ':';
        font-size: 70px;
        position: absolute;
        left: 7px;
        top: 61px;
        font-family: "Times New Roman", serif; }
    .countdown-timer-wrapper .countdown .bloc-time {
      display: inline-block;
      text-align: center;
      position: relative; }
      .countdown-timer-wrapper .countdown .bloc-time:last-child {
        margin-right: 0; }
    .countdown-timer-wrapper .countdown .count-title {
      display: block;
      color: #fff;
      font-size: 24px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 21px;
      z-index: 5; }
    .countdown-timer-wrapper .countdown .figure {
      position: relative;
      float: left;
      height: 154px;
      width: 114px;
      background-color: #fff;
      transform: perspective(200px);
      border-radius: 4px; }
      .countdown-timer-wrapper .countdown .figure > span {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 64px;
        line-height: 140px;
        height: 100%;
        font-weight: 400;
        color: #fff; }
      .countdown-timer-wrapper .countdown .figure .top:after,
      .countdown-timer-wrapper .countdown .figure .bottom-back:after {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%; }
      .countdown-timer-wrapper .countdown .figure .top {
        z-index: 3;
        background-color: #DC7508;
        transform-origin: 50% 100%;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        transform: perspective(200px); }
      .countdown-timer-wrapper .countdown .figure .bottom {
        z-index: 1;
        background-color: #F69D14;
        border-radius: 4px; }
        .countdown-timer-wrapper .countdown .figure .bottom:before {
          content: "";
          position: absolute;
          display: block;
          top: 0;
          left: 0;
          width: 100%;
          height: 50%;
          background-color: rgba(0, 0, 0, 0.02); }
      .countdown-timer-wrapper .countdown .figure .bottom-back {
        z-index: 2;
        top: 0;
        height: 50%;
        overflow: hidden;
        background-color: #DC7508;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
        .countdown-timer-wrapper .countdown .figure .bottom-back span {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          margin: auto; }
      .countdown-timer-wrapper .countdown .figure .top,
      .countdown-timer-wrapper .countdown .figure .top-back {
        height: 50%;
        overflow: hidden;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
      .countdown-timer-wrapper .countdown .figure .top-back {
        z-index: 4;
        bottom: 0;
        background-color: #F69D14;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        transform: perspective(200px) rotateX(180deg);
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
        .countdown-timer-wrapper .countdown .figure .top-back span {
          position: absolute;
          top: -100%;
          left: 0;
          right: 0;
          margin: auto; }
    .countdown-timer-wrapper .countdown .paperclip {
      position: absolute;
      width: 4px;
      height: 16px;
      background-color: #fff;
      top: 69px;
      z-index: 5;
      border-radius: 4px; }
      .countdown-timer-wrapper .countdown .paperclip.left {
        left: 1px; }
      .countdown-timer-wrapper .countdown .paperclip.right {
        right: 1px; }
    .countdown-timer-wrapper .countdown.blue .figure .top {
      background-color: #00AEEF; }
    .countdown-timer-wrapper .countdown.blue .figure .top-back {
      background-color: #74C8ED; }
    .countdown-timer-wrapper .countdown.blue .figure .bottom {
      background-color: #74C8ED; }
    .countdown-timer-wrapper .countdown.blue .figure .bottom-back {
      background-color: #00AEEF; }
    .countdown-timer-wrapper .countdown.blue .counter-sep {
      color: #00AEEF; }

@media (max-width: 1339px) {
  .countdown-timer-wrapper > div {
    max-width: 960px; } }

@media (max-width: 991px) {
  .countdown-timer-wrapper > div {
    max-width: none;
    margin: 0 20px; } }

@media (max-width: 767px) {
  .countdown-timer-wrapper .countdown .figure {
    width: 58px;
    height: 80px; }
    .countdown-timer-wrapper .countdown .figure > span {
      font-size: 32px;
      line-height: 75px;
      font-weight: 400; }
  .countdown-timer-wrapper .countdown .count-title {
    font-size: 16px;
    bottom: 7px; }
  .countdown-timer-wrapper .countdown .paperclip {
    width: 2px;
    height: 8px;
    top: 36px; }
  .countdown-timer-wrapper .countdown .counter-sep {
    height: 80px;
    width: 18px; }
    .countdown-timer-wrapper .countdown .counter-sep:after {
      font-size: 40px;
      left: 4px;
      top: 28px; } }

@media (max-width: 360px) {
  .countdown-timer-wrapper .countdown .counter-sep {
    width: 8px; }
    .countdown-timer-wrapper .countdown .counter-sep:after {
      font-size: 30px;
      left: 0; } }

.portlet-nested-portlets.no-padding {
  padding-top: 0px; }

.portlet-nested-portlets .portlet-content {
  background: transparent; }

.portlet-nested-portlets .portlet-body {
  display: block;
  max-width: 1264px;
  margin: 0 auto; }
  .portlet-nested-portlets .portlet-body .nested-tabs {
    padding-top: 30px; }
    .portlet-nested-portlets .portlet-body .nested-tabs .asset-links.mb-4 {
      margin-bottom: 0 !important; }
    .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article {
      clear: right;
      display: block;
      /* 				ul.phone-tabs-2{ */
      /* 					li.tab{ */
      /* 						width: 50%; */
      /* 					} */
      /* 				} */ }
      .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs {
        padding: 0;
        position: relative;
        z-index: 9;
        margin: 0;
        border: 0;
        transform: translateZ(0); }
        .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs > .active > a, .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs > .active > a:hover, .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs > .active > a:focus {
          cursor: default; }
        .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs li {
          float: left;
          line-height: 20px; }
        .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs li.tab {
          width: 33.3333%; }
          .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs li.tab a.tab-label.tab-content {
            margin: 0 13px;
            padding: 20px;
            background: #00aeef;
            border-color: #00aeef;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            outline: 0;
            transition: background .5s,border .5s; }
            .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs li.tab a.tab-label.tab-content.tab-icon i {
              margin-right: 10px; }
            .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs li.tab a.tab-label.tab-content:hover {
              background: #0089bc;
              border-color: #0089bc;
              transition: background .5s, border .5s; }
        .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs li.tab.active a.tab-content {
          background: #fff;
          border-color: #ccc;
          border-bottom-color: transparent;
          color: #003767; }
          .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs li.tab.active a.tab-content:hover {
            background: #fff;
            border-color: #ccc;
            border-bottom-color: transparent; }
        .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs li.tab:first-child a.tab-content {
          margin-left: 0; }
        .portlet-nested-portlets .portlet-body .nested-tabs .journal-content-article ul.nav-tabs li.tab:last-child a.tab-content {
          margin-right: 0; }
    .portlet-nested-portlets .portlet-body .nested-tabs.nested-tabs-2-col ul.nav-tabs li.tab {
      width: 50%; }
    .portlet-nested-portlets .portlet-body .nested-tabs.nested-tabs-4-col ul.nav-tabs li.tab {
      width: 25%; }

.portlet-nested-portlets .nested-tabs-contents {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 14px;
  display: block; }
  .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone {
    padding: 35px 20px; }
    .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body {
      max-width: 1264px;
      margin: 0 auto;
      display: block; }
      .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent {
        max-width: 1264px;
        margin: 0 auto;
        font-size: 14px; }
        .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent h3 {
          margin-bottom: 25px;
          padding-top: 15px;
          color: #00aeef;
          font-size: 20px;
          text-align: center;
          font-weight: bold; }
        .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive {
          max-width: 100%;
          overflow-x: inherit;
          display: block;
          margin: 0 auto; }
          .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive table {
            width: 100%;
            margin-bottom: 15px;
            background: #b2e6f8;
            border-collapse: separate;
            border-spacing: 1px;
            color: #003767;
            line-height: 20px; }
            .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive table thead th {
              padding: 10px;
              background: #fff;
              color: #003767;
              font-weight: bold;
              text-align: center; }
            .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive table tbody, .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive table td {
              color: #003767;
              text-align: left;
              padding: 10px; }
              .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive table tbody tr:nth-child(odd), .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive table td tr:nth-child(odd) {
                background: #e6f7fe; }
              .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive table tbody tr:nth-child(even), .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive table td tr:nth-child(even) {
                background: #fff; }
              .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive table tbody p:last-child, .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive table td p:last-child {
                margin: 0; }
              .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive table tbody ul:last-child, .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive table td ul:last-child {
                margin-bottom: 0; }

@media only screen and (min-width: 992px) {
  .portlet-nested-portlets .nested-tabs-contents .nested-tabs-mobile-control {
    display: none; } }

@media only screen and (max-width: 1339px) {
  .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body {
    max-width: 960px; }
    .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent {
      max-width: 960px; } }

@media only screen and (max-width: 991px) {
  .portlet-nested-portlets .nested-tabs .journal-content-article ul.nav-tabs {
    display: none; }
  .portlet-nested-portlets .nested-tabs-contents {
    line-height: 20px;
    border-radius: 0; }
    .portlet-nested-portlets .nested-tabs-contents .nested-tabs-tabcontent.hide {
      display: block !important; }
      .portlet-nested-portlets .nested-tabs-contents .nested-tabs-tabcontent.hide .portlet-column {
        display: none; }
    .portlet-nested-portlets .nested-tabs-contents a.nested-tabs-mobile-control {
      box-sizing: content-box;
      position: relative;
      display: block;
      background: #00aeef;
      border-bottom: 1px solid #ccc;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      outline: 0;
      padding: 20px 40px 20px 20px;
      height: fit-content !important; }
      .portlet-nested-portlets .nested-tabs-contents a.nested-tabs-mobile-control.tab-icon i {
        margin-right: 10px; }
    .portlet-nested-portlets .nested-tabs-contents a.nested-tabs-mobile-control:after {
      content: "\f107";
      position: absolute;
      right: 20px;
      top: 0;
      height: 100%;
      display: flex;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: 22px;
      test-rendering: auto;
      justify-content: center;
      align-items: center; }
    .portlet-nested-portlets .nested-tabs-contents a.nested-tabs-mobile-control.active {
      background: #fff;
      border-bottom-color: transparent;
      color: #003767;
      width: 100%; }
    .portlet-nested-portlets .nested-tabs-contents a.nested-tabs-mobile-control.active:after {
      content: "\f106"; }
    .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body {
      max-width: 768px; }
      .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent {
        max-width: 728px;
        padding: 0 20px; }
    .portlet-nested-portlets .nested-tabs-contents .portlet-dropzone .portlet-body .universal-webcontent .table-responsive {
      overflow-x: auto; }
  .portlet-nested-portlets.portlet-borderless > .portlet > .portlet-content > .portlet-content-container > .portlet-body {
    max-width: 728px;
    padding-right: 20px;
    padding-left: 20px; } }

@media only screen and (max-width: 767px) {
  .portlet-nested-portlets > .portlet > .portlet-content > .portlet-content-container > .portlet-body {
    max-width: 728px;
    padding: 0; } }

.ui-dialog.explanatory-dialog,
.ui-dialog.details-dialog {
  box-sizing: content-box;
  border-color: #cceffc !important;
  background: #e6f7fe !important;
  color: #003767 !important;
  z-index: 501 !important;
  border-radius: 4px; }
  .ui-dialog.explanatory-dialog *:before, .ui-dialog.explanatory-dialog *:after, .ui-dialog.explanatory-dialog *,
  .ui-dialog.details-dialog *:before,
  .ui-dialog.details-dialog *:after,
  .ui-dialog.details-dialog * {
    box-sizing: content-box; }
  .ui-dialog.explanatory-dialog .ui-dialog-titlebar,
  .ui-dialog.details-dialog .ui-dialog-titlebar {
    background: 0;
    border: 0; }
  .ui-dialog.explanatory-dialog .ui-widget-content,
  .ui-dialog.details-dialog .ui-widget-content {
    color: #003767; }
  .ui-dialog.explanatory-dialog .ui-dialog-titlebar-close,
  .ui-dialog.details-dialog .ui-dialog-titlebar-close {
    border-radius: 50%;
    background: #002f52;
    border: 2px solid #fff;
    width: 22px;
    height: 22px;
    position: absolute;
    top: -6px;
    right: -15px;
    color: #fff;
    font-size: 16px; }
    .ui-dialog.explanatory-dialog .ui-dialog-titlebar-close:before,
    .ui-dialog.details-dialog .ui-dialog-titlebar-close:before {
      content: 'X';
      text-indent: 0;
      color: #fff;
      top: 6px;
      right: 9px;
      font-size: 11px; }
  .ui-dialog.explanatory-dialog .ui-dialog-title,
  .ui-dialog.details-dialog .ui-dialog-title {
    color: #003767; }
  .ui-dialog.explanatory-dialog .explanatory-dialog-title,
  .ui-dialog.details-dialog .explanatory-dialog-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px; }

.details-dialog .ui-dialog-title {
  display: none; }

.details-dialog .button-wrapper {
  margin-top: 20px;
  text-align: center; }
  .details-dialog .button-wrapper span {
    display: block;
    margin-bottom: 10px; }
  .details-dialog .button-wrapper .khbtn, .details-dialog .button-wrapper .khbtn-big, .details-dialog .button-wrapper .khbtn-blue, .details-dialog .button-wrapper .btn-primary, .details-dialog .button-wrapper .digit-sticky .wrap .btn-wrapper .btn.blue, .digit-sticky .wrap .btn-wrapper .details-dialog .button-wrapper .btn.blue, .details-dialog .button-wrapper .khbtn-white, .details-dialog .button-wrapper .digit-sticky .wrap .btn-wrapper .btn.white, .digit-sticky .wrap .btn-wrapper .details-dialog .button-wrapper .btn.white, .details-dialog .button-wrapper .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 .details-dialog .button-wrapper a.button, .details-dialog .button-wrapper .journal-content-article > .product-header a.button, .journal-content-article > .product-header .details-dialog .button-wrapper a.button, .details-dialog .button-wrapper .btn, .details-dialog .button-wrapper .cta-secondary-ghost {
    padding: 8px 12px;
    display: block;
    text-align: center;
    border: 1px solid #fa6d16;
    color: #fff; }
  .details-dialog .button-wrapper .khbtn.ghost-btn, .details-dialog .button-wrapper .ghost-btn.khbtn-big, .details-dialog .button-wrapper .ghost-btn.khbtn-blue, .details-dialog .button-wrapper .ghost-btn.btn-primary, .details-dialog .button-wrapper .digit-sticky .wrap .btn-wrapper .ghost-btn.btn.blue, .digit-sticky .wrap .btn-wrapper .details-dialog .button-wrapper .ghost-btn.btn.blue, .details-dialog .button-wrapper .ghost-btn.khbtn-white, .details-dialog .button-wrapper .digit-sticky .wrap .btn-wrapper .ghost-btn.btn.white, .digit-sticky .wrap .btn-wrapper .details-dialog .button-wrapper .ghost-btn.btn.white, .details-dialog .button-wrapper .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.ghost-btn.button, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 .details-dialog .button-wrapper a.ghost-btn.button, .details-dialog .button-wrapper .journal-content-article > .product-header a.ghost-btn.button, .journal-content-article > .product-header .details-dialog .button-wrapper a.ghost-btn.button, .details-dialog .button-wrapper .ghost-btn.btn, .details-dialog .button-wrapper .ghost-btn.cta-secondary-ghost {
    background: #fff;
    color: #00aeef;
    border: 1px solid #00aeef; }
    .details-dialog .button-wrapper .khbtn.ghost-btn:hover, .details-dialog .button-wrapper .ghost-btn.khbtn-big:hover, .details-dialog .button-wrapper .ghost-btn.khbtn-blue:hover, .details-dialog .button-wrapper .ghost-btn.btn-primary:hover, .details-dialog .button-wrapper .ghost-btn.khbtn-white:hover, .details-dialog .button-wrapper .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.ghost-btn.button:hover, .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 .details-dialog .button-wrapper a.ghost-btn.button:hover, .details-dialog .button-wrapper .journal-content-article > .product-header a.ghost-btn.button:hover, .journal-content-article > .product-header .details-dialog .button-wrapper a.ghost-btn.button:hover, .details-dialog .button-wrapper .ghost-btn.btn:hover, .details-dialog .button-wrapper .ghost-btn.cta-secondary-ghost:hover {
      background: #00aeef;
      color: #fff;
      border: 1px solid #00aeef; }

.explanatory-dialog .ui-dialog-titlebar {
  background: transparent;
  border: 0; }
  .explanatory-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: 16px; }

.explanatory-dialog .explanatory-dialog-inner .row-fluid {
  width: 100%;
  clear: both; }
  .explanatory-dialog .explanatory-dialog-inner .row-fluid .span4 {
    float: left;
    width: calc((100% / 3) - 10px);
    margin-left: 15px; }
    .explanatory-dialog .explanatory-dialog-inner .row-fluid .span4:first-child {
      margin-left: 0; }

.explanatory-dialog .explanatory-dialog-inner .content {
  margin-bottom: 10px; }
  .explanatory-dialog .explanatory-dialog-inner .content .content-title {
    font-weight: bold;
    margin-bottom: 10px; }

.ui-dialog.details-dialog .ui-dialog-titlebar.ui-helper-clearfix .ui-button.ui-dialog-titlebar-close:before {
  display: none; }

.ui-dialog.dialogCssClass {
  z-index: 201 !important; }
  .ui-dialog.dialogCssClass .position-centered {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer; }
    .ui-dialog.dialogCssClass .position-centered button.accept.disabled {
      opacity: .75; }
      .ui-dialog.dialogCssClass .position-centered button.accept.disabled:hover {
        background: #fa6d16; }
        .ui-dialog.dialogCssClass .position-centered button.accept.disabled:hover i.fa-arrow-right {
          position: static; }
  .ui-dialog.dialogCssClass .statement-font .kh-font:hover {
    color: #0077b3;
    text-decoration: underline; }
  .ui-dialog.dialogCssClass.statement-modal {
    border: 0 !important;
    border-radius: 4px;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 30px;
    padding-top: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); }
  .ui-dialog.dialogCssClass .secondDiag {
    padding-bottom: 20px !important;
    padding-top: 40px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    height: 267.812px !important; }
    .ui-dialog.dialogCssClass .secondDiag .row {
      width: 100%; }
      .ui-dialog.dialogCssClass .secondDiag .row .col-md-12 .lfr-ddm-field-group {
        margin-bottom: 10px; }
        .ui-dialog.dialogCssClass .secondDiag .row .col-md-12 .lfr-ddm-field-group .statement-container.kh-font:hover {
          text-decoration: none;
          color: inherit; }
        .ui-dialog.dialogCssClass .secondDiag .row .col-md-12 .lfr-ddm-field-group h3 {
          display: none; }

.yui3-skin-sam .yui3-widget-mask {
  background-color: #002f52;
  opacity: .7; }

.modal.digit-dialog {
  border-radius: 10px;
  padding: 10px 0; }
  .modal.digit-dialog .modal-header {
    height: 0;
    padding: 0;
    border: none; }
    .modal.digit-dialog .modal-header button.close {
      background: #002f52;
      border: #fff solid 2px;
      border-radius: 50%;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      height: 26px;
      opacity: 1;
      padding: 0;
      position: absolute;
      right: -10px;
      top: -15px;
      text-transform: uppercase;
      text-shadow: none;
      width: 26px;
      z-index: 1; }
      .modal.digit-dialog .modal-header button.close:before {
        content: "\00D7"; }
      .modal.digit-dialog .modal-header button.close svg {
        display: none; }
  .modal.digit-dialog.yui3-widget-modal.dialog-iframe-modal.modal-dialog {
    overflow: visible; }
    .modal.digit-dialog.yui3-widget-modal.dialog-iframe-modal.modal-dialog .modal-content {
      overflow: visible;
      border-radius: 10px; }
      .modal.digit-dialog.yui3-widget-modal.dialog-iframe-modal.modal-dialog .modal-content .modal-body.dialog-iframe-bd {
        margin: 5px; }

.dialog-iframe-root-node div.portlet-dockbar,
.dialog-iframe-root-node header#banner,
.dialog-iframe-root-node header.sticky-header,
.dialog-iframe-root-node header.mini-header,
.dialog-iframe-root-node div.portlet-breadcrumb,
.dialog-iframe-root-node div.cookie-acceptance-container,
.dialog-iframe-root-node footer#footer {
  display: none; }

.dialog-iframe-root-node body {
  overflow: auto; }
  .dialog-iframe-root-node body #wrapper {
    padding: 30px 40px !important; }

.dialog-iframe-root-node .portlet-body {
  background-color: white; }

.dialog-iframe-root-node .columns-2 .row {
  display: flex; }

.dialog-iframe-root-node .span8 {
  width: 66%; }

.dialog-iframe-root-node .span4 {
  line-height: 0; }

.dialog-iframe-root-node h4, .dialog-iframe-root-node .h4 {
  font-size: 17.5px; }

.dialog-iframe-root-node h5, .dialog-iframe-root-node .h5 {
  font-size: 14px; }

.dialog-iframe-root-node .portlet-layout.row {
  justify-content: space-between; }

.dialog-iframe-root-node .col-md-8 {
  max-width: 65%; }

.dialog-iframe-root-node .col-md-4 {
  max-width: 32%; }

.dialog-iframe-root-node .mini-header {
  display: none !important; }

.dialog-iframe-root-node .contact-form-portlet .form .contact-form-list > li > .fieldset .input-group {
  float: none;
  width: 100%; }
  .dialog-iframe-root-node .contact-form-portlet .form .contact-form-list > li > .fieldset .input-group input[type="tel"] {
    width: calc(100% - 64px) !important; }

.dialog-iframe-root-node .portlet-journal-content .journal-content-article img[style*='float: left;'] {
  margin: 0; }

.dialog-iframe-root-node #content .contact-form-portlet {
  padding-top: 0; }
  .dialog-iframe-root-node #content .contact-form-portlet form {
    margin: 0; }

.dialog-iframe-root-node #content ol.contact-form-list .datepicker-container {
  max-width: none;
  width: 100%; }
  .dialog-iframe-root-node #content ol.contact-form-list .datepicker-container button.callback-date-button {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-left: 0;
    font-size: 13px !important; }
  .dialog-iframe-root-node #content ol.contact-form-list .datepicker-container .input-select-wrapper {
    width: calc(50% - 10px) !important; }
    .dialog-iframe-root-node #content ol.contact-form-list .datepicker-container .input-select-wrapper select {
      width: 100% !important; }
  .dialog-iframe-root-node #content ol.contact-form-list .datepicker-container .datepicker-control-group {
    margin-right: 0px; }
    .dialog-iframe-root-node #content ol.contact-form-list .datepicker-container .datepicker-control-group .control-label {
      width: 100%; }
    .dialog-iframe-root-node #content ol.contact-form-list .datepicker-container .datepicker-control-group .control-group {
      width: 100%; }

.dialog-iframe-root-node #content ol.contact-form-list .input-append .form-validator-stack, .dialog-iframe-root-node #content ol.contact-form-list .input-append .alert-error, .dialog-iframe-root-node #content ol.contact-form-list .input-prepend .form-validator-stack, .dialog-iframe-root-node #content ol.contact-form-list .input-prepend .alert-error {
  position: relative;
  left: 0; }

.dialog-iframe-root-node #content ol.contact-form-list > li {
  margin-bottom: 0; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset span.control-label {
    font-size: 14px;
    font-weight: bold; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset select, .dialog-iframe-root-node #content ol.contact-form-list > li .fieldset select {
    font-size: 13px !important; }
  .dialog-iframe-root-node #content ol.contact-form-list > li:before {
    top: 35px; }
  .dialog-iframe-root-node #content ol.contact-form-list > li h2.contact-form-list-item-label {
    display: none; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > div, .dialog-iframe-root-node #content ol.contact-form-list > li > form, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset {
    padding: 0;
    border: none; }
    .dialog-iframe-root-node #content ol.contact-form-list > li > div .button-holder, .dialog-iframe-root-node #content ol.contact-form-list > li > form .button-holder, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .button-holder, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .button-holder {
      margin-bottom: 0; }
      .dialog-iframe-root-node #content ol.contact-form-list > li > div .button-holder button.btn, .dialog-iframe-root-node #content ol.contact-form-list > li > form .button-holder button.btn, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .button-holder button.btn, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .button-holder button.btn {
        padding: 20px; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > form .group-field-wrapper, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .group-field-wrapper, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .group-field-wrapper {
    float: none; }
    .dialog-iframe-root-node #content ol.contact-form-list > li > form .group-field-wrapper .row-fluid .span6, .dialog-iframe-root-node #content ol.contact-form-list > li > form .group-field-wrapper .row-fluid .span4, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .group-field-wrapper .row-fluid .span6, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .group-field-wrapper .row-fluid .span4, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .group-field-wrapper .row-fluid .span6, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .group-field-wrapper .row-fluid .span4 {
      width: auto; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > form .control-group.accept-marketing,
  .dialog-iframe-root-node #content ol.contact-form-list > li > form .control-group.accept-marketing > div, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .control-group.accept-marketing,
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .control-group.accept-marketing > div, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .control-group.accept-marketing,
  .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .control-group.accept-marketing > div {
    margin: 0;
    padding: 0;
    border: none; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > form .control-group.accept-marketing > div.control-group.marketing > div, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .control-group.accept-marketing > div.control-group.marketing > div, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .control-group.accept-marketing > div.control-group.marketing > div {
    text-align: left; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > form .control-group.accept-marketing > div label, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .control-group.accept-marketing > div label, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .control-group.accept-marketing > div label {
    text-align: left; }
    .dialog-iframe-root-node #content ol.contact-form-list > li > form .control-group.accept-marketing > div label:before, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .control-group.accept-marketing > div label:before, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .control-group.accept-marketing > div label:before {
      top: initial;
      bottom: 0; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > form .control-group.captcha, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .control-group.captcha, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .control-group.captcha {
    text-align: center; }
    .dialog-iframe-root-node #content ol.contact-form-list > li > form .control-group.captcha img.captcha, .dialog-iframe-root-node #content ol.contact-form-list > li > form .control-group.captcha .form-validator-stack, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .control-group.captcha img.captcha, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .control-group.captcha .form-validator-stack, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .control-group.captcha img.captcha, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .control-group.captcha .form-validator-stack {
      margin-left: 0px; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > form input[type="text"], .dialog-iframe-root-node #content ol.contact-form-list > li > form input[type="email"], .dialog-iframe-root-node #content ol.contact-form-list > li > form input[type="tel"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="text"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="email"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="tel"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="text"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="email"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="tel"] {
    width: 212px;
    width: calc(100% - 27px); }
  .dialog-iframe-root-node #content ol.contact-form-list > li > form .gender-field label, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .gender-field label, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .gender-field label {
    margin-right: 0; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > form .datepicker-field-wrapper button, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .datepicker-field-wrapper button, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .datepicker-field-wrapper button {
    display: inline-block; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > form .datepicker-field-wrapper input[type="tel"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .datepicker-field-wrapper input[type="tel"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .datepicker-field-wrapper input[type="tel"] {
    width: 144px;
    width: calc(100% - 94px); }
  .dialog-iframe-root-node #content ol.contact-form-list > li > form .datepicker-field-wrapper.account-opening-datepicker, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .datepicker-field-wrapper.account-opening-datepicker, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .datepicker-field-wrapper.account-opening-datepicker {
    display: block; }
    .dialog-iframe-root-node #content ol.contact-form-list > li > form .datepicker-field-wrapper.account-opening-datepicker input.field, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .datepicker-field-wrapper.account-opening-datepicker input.field, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .datepicker-field-wrapper.account-opening-datepicker input.field {
      width: 142px;
      width: calc(100% - 94px); }
  .dialog-iframe-root-node #content ol.contact-form-list > li > form .input-prepend, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .input-prepend, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .input-prepend {
    display: block; }
    .dialog-iframe-root-node #content ol.contact-form-list > li > form .input-prepend input[type="text"], .dialog-iframe-root-node #content ol.contact-form-list > li > form .input-prepend input[type="tel"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .input-prepend input[type="text"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .input-prepend input[type="tel"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .input-prepend input[type="text"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .input-prepend input[type="tel"] {
      width: 174px;
      width: calc(100% - 64px); }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset textarea, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="text"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="password"],
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="datetime"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="datetime-local"],
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="date"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="month"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="time"],
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="week"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="number"],
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="email"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="url"],
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="search"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="tel"],
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset input[type="color"], .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .uneditable-input, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset textarea, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="text"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="password"],
  .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="datetime"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="datetime-local"],
  .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="date"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="month"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="time"],
  .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="week"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="number"],
  .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="email"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="url"],
  .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="search"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="tel"],
  .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset input[type="color"], .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .uneditable-input {
    float: none; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .button-holder .btn, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .button-holder .btn {
    margin-left: 0; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset label, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset label {
    float: none;
    width: auto;
    text-align: left;
    font-size: 14px; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset label.checkbox, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset label.checkbox {
    width: auto;
    margin-left: 0; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset select, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset select {
    width: 100%;
    margin-right: 0;
    float: none; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset span.control-label, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset span.control-label {
    width: auto;
    text-align: left; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .input-prepend, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .input-prepend {
    float: none; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .input-group-housenumber input.field, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .input-group-housenumber input.field {
    width: 212px;
    width: calc(100% - 27px); }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .control-group.field-wrapper .control-group, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .control-group.field-wrapper .control-group {
    display: block; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .control-group.field-wrapper > .control-group-inline, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .control-group.field-wrapper > .control-group-inline {
    float: none;
    display: block; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .form-validator-stack, .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .alert-error, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .form-validator-stack, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .alert-error {
    display: block;
    float: none;
    width: auto;
    margin: 0; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .uneditable-input, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .uneditable-input {
    display: block;
    float: none;
    width: auto;
    text-align: left; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .button-holder a, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .button-holder a {
    float: none;
    margin-bottom: 20px;
    text-align: center;
    display: block; }
  .dialog-iframe-root-node #content ol.contact-form-list > li > fieldset .button-holder button.btn, .dialog-iframe-root-node #content ol.contact-form-list > li > .fieldset .button-holder button.btn {
    float: none;
    margin: 0;
    padding: 15px;
    width: 100%; }

@media (max-width: 991px) {
  .dialog-iframe-root-node body {
    height: 100%;
    overflow: hidden; }
  .dialog-iframe-root-node {
    height: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch; }
    .dialog-iframe-root-node body {
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
      .dialog-iframe-root-node body .universal-webcontent {
        padding: 0; } }

@media (max-width: 767px) {
  .ui-dialog.explanatory-dialog .row-fluid [class*="span"],
  .ui-dialog.details-dialog .row-fluid [class*="span"] {
    float: none;
    width: 100%;
    margin-left: 0;
    display: block; }
  .dialog-iframe-root-node body #wrapper {
    padding: 0 !important; }
  .dialog-iframe-root-node .col-md-8, .dialog-iframe-root-node .col-md-4 {
    max-width: 100%;
    flex-basis: 100%; }
  .dialog-iframe-root-node .span8 {
    width: 100%; }
  .dialog-iframe-root-node table, .dialog-iframe-root-node .table-responsive {
    overflow-x: scroll; } }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .ui-dialog.dialogCssClass.statement-modal {
    width: 700px !important; } }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) and (max-width: 735px) {
  .ui-dialog.dialogCssClass.statement-modal {
    width: calc(100% - 36px) !important; } }

@media (max-width: 480px) and (max-width: 979px) {
  .modal.digit-dialog .modal-header button.btn.close {
    padding: 0;
    right: 0;
    top: 0; } }

@media (min-width: 768px) {
  .leasing-dialog-form .privacy-statement-wrapper label {
    display: none !important; }
  .leasing-dialog-form .privacy-statement-wrapper .selector-wrapper .input-box label {
    display: block !important; }
  .leasing-dialog-form .privacy-statement-wrapper i {
    display: none !important; }
  .leasing-dialog-form .privacy-statement-wrapper .privacy-statement-container {
    display: none !important; } }

@media (max-width: 767px) {
  .leasing-dialog-form .privacy-statement-wrapper {
    margin-top: 15px; }
  .leasing-dialog .marketing {
    display: none !important; } }

.digit-sticky {
  position: fixed;
  top: auto;
  bottom: 0;
  width: 100%;
  min-height: 86px;
  line-height: 86px;
  color: #FFF;
  z-index: 495;
  transition: all 0.5s; }
  @media (prefers-reduced-motion: reduce) {
    .digit-sticky {
      transition: none; } }
  .digit-sticky.hidden-element {
    display: none; }
  .digit-sticky.orange {
    background: #FA6D16; }
  .digit-sticky.blue {
    background: #00AEEF; }
  .digit-sticky.collapsed .toggler i {
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .digit-sticky .wrap {
    position: relative;
    background: inherit;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1262px; }
    .digit-sticky .wrap .text {
      font-weight: bold;
      font-size: 24px;
      line-height: 29px;
      max-width: 742px; }
    .digit-sticky .wrap .btn-wrapper .btn {
      border: 0;
      box-shadow: none;
      margin: 0;
      text-shadow: none;
      border-radius: 4px;
      font-weight: bold;
      font-size: 18px;
      line-height: 22px;
      margin-right: 22px;
      padding: 14px 16px; }
      .digit-sticky .wrap .btn-wrapper .btn i {
        padding-left: 10px;
        font-size: 14px; }
      .digit-sticky .wrap .btn-wrapper .btn.blue {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        margin-right: 22px;
        padding: 14px 16px; }
      .digit-sticky .wrap .btn-wrapper .btn.white {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        margin-right: 22px;
        padding: 14px 16px; }
      .digit-sticky .wrap .btn-wrapper .btn.ghost {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        margin-right: 22px;
        padding: 14px 16px;
        background: transparent;
        border: 2px solid #FFF;
        color: #FFF; }
      .digit-sticky .wrap .btn-wrapper .btn:last-child {
        margin-right: 0; }
    .digit-sticky .wrap .toggler {
      background: inherit;
      color: #FFF;
      position: absolute;
      right: 0;
      top: -24px;
      width: 56px;
      height: 24px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      text-align: center;
      display: inline-block;
      cursor: pointer; }
      .digit-sticky .wrap .toggler i {
        transition: transform 0.5s;
        font-size: 8px;
        color: #FFF;
        position: absolute;
        right: 22px;
        top: 10px; }
        @media (prefers-reduced-motion: reduce) {
          .digit-sticky .wrap .toggler i {
            transition: none; } }

@media (max-width: 1339px) and (min-width: 992px) {
  .digit-sticky .wrap {
    max-width: 960px !important; }
    .digit-sticky .wrap .text {
      max-width: 432px !important; } }

@media (max-width: 991px) and (min-width: 767px) {
  .digit-sticky .wrap {
    max-width: 728px !important; }
    .digit-sticky .wrap .text {
      max-width: 254px; } }

@media (max-width: 767px) {
  .digit-sticky {
    text-align: center; }
    .digit-sticky .wrap {
      flex-direction: column;
      max-width: unset;
      margin: 0 20px;
      align-items: normal; }
      .digit-sticky .wrap .text {
        display: block;
        position: relative;
        font-size: 18px;
        line-height: 22px;
        padding: 16px;
        margin: 0; }
      .digit-sticky .wrap .btn-wrapper .btn {
        margin-bottom: 10px; }
        .digit-sticky .wrap .btn-wrapper .btn:last-child {
          margin-bottom: 25px; }
      .digit-sticky .wrap .toggler {
        right: calc(50% - 28px); } }

.nested-tabs-tabcontent .portlet-dropzone .document-display-container {
  max-width: 1224px;
  margin: 0 auto;
  padding: 20px;
  background: #f9f9f9;
  overflow: hidden; }
  .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-header-collapsed {
    cursor: pointer; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-header-collapsed h3.section-title {
      line-height: 30px;
      margin-bottom: 0;
      font-size: 16px;
      font-weight: bold; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-header-collapsed h3:before {
      content: '+';
      display: inline-block;
      width: 16px;
      height: 30px;
      line-height: 26px;
      margin-right: 10px;
      font-family: monospace;
      font-size: 28px;
      text-align: center;
      vertical-align: middle;
      animation: rotateBack .5s linear 1; }
  .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-header-expanded {
    cursor: pointer; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-header-expanded h3.section-title {
      margin-bottom: 15px;
      transition: .5s;
      line-height: 30px;
      font-size: 16px;
      font-weight: bold; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-header-expanded h3:before {
      content: '\2012';
      animation: rotate .5s linear 1;
      display: inline-block;
      width: 16px;
      height: 30px;
      line-height: 26px;
      margin-right: 10px;
      font-family: monospace;
      font-size: 28px;
      text-align: center;
      vertical-align: middle; }
  .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper {
    overflow: hidden; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler.content-collapsed {
      display: none; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid div[class*="span"] {
      min-height: 0;
      width: 48.93617%; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid [class*="span"]:first-child {
      margin-left: 0; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 {
      width: 100%; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 a {
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
        color: #003767;
        text-decoration: none; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 a i {
          position: absolute;
          top: 3px;
          left: 0;
          display: inline-block;
          color: #fa6d16; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 a .file-entry-size {
          text-transform: uppercase; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 a .file-entry-size:before {
          content: ' | '; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 a .file-entry-type {
          text-transform: uppercase; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 a .file-entry-type:before {
          content: ' | '; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 a .file-entry-validation {
          text-transform: uppercase; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 a .file-entry-validation:before {
          content: ' | '; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 a:focus, .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 a:hover {
        color: #fa6d16;
        text-decoration: underline; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 a.file-icon {
        padding-left: 26px; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 {
      width: 48.93617%; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 a {
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
        color: #003767;
        text-decoration: none; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 a i {
          position: absolute;
          top: 3px;
          left: 0;
          display: inline-block;
          color: #fa6d16; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 a .file-entry-size {
          text-transform: uppercase; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 a .file-entry-size:before {
          content: ' | '; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 a .file-entry-type {
          text-transform: uppercase; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 a .file-entry-type:before {
          content: ' | '; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 a .file-entry-validation {
          text-transform: uppercase; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 a .file-entry-validation:before {
          content: ' | '; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 a:focus, .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 a:hover {
        color: #fa6d16;
        text-decoration: underline; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 a.file-icon {
        padding-left: 26px; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 .preliminary-publication-header {
        vertical-align: middle;
        cursor: pointer; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 .preliminary-publication-header:before {
        content: '+';
        display: inline-block;
        width: 12px;
        margin-right: 10px;
        font-family: monospace;
        font-size: 20px;
        text-align: center;
        vertical-align: middle;
        animation: rotateBack .5s linear 1; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 .toggler-header-expanded:before {
        content: '\2012';
        animation: rotate .5s linear 1; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 .preliminary-publication-title {
        position: relative;
        padding-left: 26px; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 .preliminary-publication-title i {
          position: absolute;
          top: 2px;
          left: 0;
          display: inline-block;
          margin-right: 10px;
          color: #fa6d16; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 .preliminary-publication-title:hover, .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 .preliminary-publication-title:focus {
        color: #fa6d16;
        text-decoration: underline; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 .preliminary-publication-container {
        margin-bottom: 10px; }
      .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 ul.file-versions-container {
        margin: 15px 0 0 26px;
        list-style: none; }
        .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 ul.file-versions-container li {
          margin-top: 5px; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid [class*="span"] {
      display: block;
      width: 100%;
      min-height: 30px;
      box-sizing: border-box;
      float: left;
      margin-left: 2.12766%; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid div[class*="span12"] {
      width: 100%; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid:before {
      display: table;
      content: "";
      line-height: 0; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid:after {
      display: table;
      content: "";
      line-height: 0;
      clear: both; }

@media only screen and (min-width: 1200px) {
  .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid [class*="span"] {
    display: block;
    box-sizing: border-box;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.5641%; }
  .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid [class*="span"]:first-child {
    margin-left: 0; }
  .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 {
    width: 100%; }
  .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 {
    width: 48.71795%; }
  .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid:before {
    display: table;
    content: "";
    line-height: 0; }
  .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both; } }

@media only screen and (max-width: 1339px) {
  .nested-tabs-tabcontent .portlet-dropzone .document-display-container {
    max-width: 920px; } }

@media only screen and (max-width: 991px) {
  .nested-tabs-tabcontent .portlet-dropzone .document-display-container {
    max-width: 728px; }
    .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid div[class*="span"] {
      float: none;
      width: auto;
      margin: 0 0 20px; } }

@media (max-width: 979px) and (min-width: 768px) {
  .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span6 {
    width: 48.61878%; }
  .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid .span12 {
    width: 100%; }
  .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid [class*="span"]:first-child {
    margin-left: 0; }
  .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid [class*="span"] {
    display: block;
    min-height: 30px;
    box-sizing: border-box;
    float: left; } }

@media only screen and (max-width: 767px) {
  .nested-tabs-tabcontent .portlet-dropzone .document-display-container .toggler-content-wrapper .toggler-content-expanded .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box; } }

.energy-calculator {
  max-width: 1266px;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box !important;
  margin: 34px auto 80px;
  overflow: clip;
  position: relative;
  padding: 62px 120px 42px 80px;
  border: 0.5px solid #99DFF9;
  border-radius: 4px;
  background: #FFFFFF; }
  .energy-calculator .row .col h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 17px;
    width: 579px;
    white-space: break-spaces;
    word-break: break-word;
    /* identical to box height */
    letter-spacing: -0.011em;
    /* cyan-legacy */
    color: #00AEEF; }
  .energy-calculator .row .col p {
    margin-left: 40px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 24px;
    width: 423px;
    word-break: break-word;
    white-space: break-spaces;
    /* night-legacy */
    color: #003767; }
    .energy-calculator .row .col p:last-of-type {
      margin-bottom: 43px; }
    .energy-calculator .row .col p.subtitle {
      width: 332px;
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 19px;
      margin-bottom: 24px;
      /* night-legacy */
      color: #003767; }
  .energy-calculator .row .col ul {
    margin-left: 40px;
    margin-bottom: 24px; }
    .energy-calculator .row .col ul li {
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 19px;
      color: #003767; }
  .energy-calculator .row .col .animation-container {
    position: absolute;
    right: 0;
    bottom: 60px;
    height: 411px;
    z-index: 1; }
  .energy-calculator .btn-row {
    position: relative;
    z-index: 2;
    margin: auto;
    padding: 0 80px 0 120px;
    bottom: 0; }
    .energy-calculator .btn-row .btn {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 260px;
      height: 54px;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 150%;
      /* identical to box height, or 24px */
      letter-spacing: -0.011em;
      /* white legacy */
      color: #FFFFFF;
      padding: 0;
      margin: auto; }
    .energy-calculator .btn-row i {
      margin-left: 24px; }
  @media (max-width: 991px) {
    .energy-calculator {
      padding: 0;
      border: 0 none;
      margin: 25px auto 54px; }
      .energy-calculator .row .col h2 {
        font-style: normal;
        font-weight: 750;
        font-size: 16px;
        line-height: 100%;
        width: calc(100% - 25px);
        /* identical to box height, or 16px */
        letter-spacing: -0.011em;
        /* Primary Colors/Cyan */
        color: #00AEEF;
        margin-left: 25px; }
      .energy-calculator .row .col p {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        margin-left: 34px;
        margin-right: 34px;
        max-width: fit-content;
        /* Primary Colors/Night */
        color: #003665; }
        .energy-calculator .row .col p.subtitle {
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 19px;
          /* night-legacy */
          color: #003767; }
      .energy-calculator .row .col ul {
        margin-left: 34px;
        margin-right: 34px; }
        .energy-calculator .row .col ul li {
          font-style: normal;
          font-weight: 500;
          font-size: 14px;
          line-height: 17px;
          /* Primary Colors/Night */
          color: #003665; }
      .energy-calculator .row .col .animation-container {
        margin-left: 47px;
        margin-right: 47px;
        position: relative;
        bottom: auto;
        height: auto; }
      .energy-calculator .btn-row {
        display: flex;
        position: fixed;
        bottom: env(safe-area-inset-bottom);
        background-color: #FFFFFF;
        padding: 0 0 31px;
        width: 100vw;
        margin: 0;
        overflow: hidden; }
        .energy-calculator .btn-row .btn {
          margin: 0 21px;
          width: calc(100% - 42px); }
          .energy-calculator .btn-row .btn i {
            width: 14px;
            height: 14px;
            display: inline-block; }
            .energy-calculator .btn-row .btn i:before {
              vertical-align: initial !important; } }

.digit-hudcrumb-child-node.eproduct-data {
  width: auto;
  max-width: 1264px;
  margin: 0 auto;
  padding: 12px 0;
  color: #fff;
  font-size: 22px; }
  .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row1 {
    line-height: 46px; }
  .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 {
    text-align: right; }
    .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a {
      display: inline-block;
      margin-left: 20px; }
      .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a:first-child {
        margin-left: 0; }
      .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a img {
        max-height: 46px; }
    .digit-hudcrumb-child-node.eproduct-data .eproduct-data-row2 a.button {
      margin-left: 30px; }

.eproduct-details h2 {
  margin-bottom: 40px;
  color: #00aeef;
  font-size: 24px;
  text-align: center; }

.eproduct-details .eproduct-details-carousel {
  width: 100%;
  height: 550px; }
  .eproduct-details .eproduct-details-carousel .carousel-item {
    width: 100%;
    background: #fff;
    text-align: center; }
    .eproduct-details .eproduct-details-carousel .carousel-item .image {
      width: 320px;
      height: 565px;
      margin: 0 auto;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 320px auto; }
  .eproduct-details .eproduct-details-carousel .carousel-controls .carousel-menu menu {
    position: static;
    padding: 0;
    background: none;
    border-radius: 0; }
    .eproduct-details .eproduct-details-carousel .carousel-controls .carousel-menu menu .carousel-menu-item {
      position: absolute;
      z-index: 9;
      float: none;
      width: 40px;
      height: 50px;
      margin: 0;
      background: none;
      color: #d7d7d7;
      font-size: 50px;
      text-align: center;
      text-indent: 0;
      cursor: pointer; }
      .eproduct-details .eproduct-details-carousel .carousel-controls .carousel-menu menu .carousel-menu-item.carousel-menu-prev {
        top: 50%;
        left: 0;
        margin-top: -25px; }
      .eproduct-details .eproduct-details-carousel .carousel-controls .carousel-menu menu .carousel-menu-item.carousel-menu-next {
        top: 50%;
        right: 0;
        margin-top: -25px; }

.eproduct-details ul.eproduct-details-accordion {
  margin: 0;
  list-style: none; }
  .eproduct-details ul.eproduct-details-accordion > li {
    margin-bottom: 12px;
    background: #e6f7fe;
    border: 1px solid #cceffc;
    border-radius: 4px; }
    .eproduct-details ul.eproduct-details-accordion > li h3 {
      margin: 0;
      padding: 10px 30px;
      font-size: 16px !important;
      font-weight: normal;
      cursor: pointer; }
      .eproduct-details ul.eproduct-details-accordion > li h3:after {
        content: '+';
        font-family: monospace;
        right: 10px;
        position: absolute;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -o-animation: rotateBack 0.5s linear 1;
        -webkit-animation: rotateBack 0.5s linear 1;
        animation: rotateBack 0.5s linear 1; }
    .eproduct-details ul.eproduct-details-accordion > li.accordion-active {
      background: #fff; }
      .eproduct-details ul.eproduct-details-accordion > li.accordion-active h3 {
        font-weight: bold; }
        .eproduct-details ul.eproduct-details-accordion > li.accordion-active h3:after {
          content: '\2012';
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -o-animation: rotate 0.5s linear 1;
          -webkit-animation: rotate 0.5s linear 1;
          animation: rotate 0.5s linear 1; }
    .eproduct-details ul.eproduct-details-accordion > li .accordion-content {
      padding: 0 30px 15px; }

.eproduct-details.phone-android .eproduct-details-carousel {
  height: 705px; }
  .eproduct-details.phone-android .eproduct-details-carousel .carousel-item .image {
    width: 358px;
    height: 719px;
    background-position: 19px 77px; }
    .eproduct-details.phone-android .eproduct-details-carousel .carousel-item .image .phone {
      width: 100%;
      height: 100%;
      background: url("../images/phone-android.png") no-repeat center top; }

.eproduct-details.phone-ios .eproduct-details-carousel {
  height: 780px; }
  .eproduct-details.phone-ios .eproduct-details-carousel .carousel-item .image {
    width: 379px;
    height: 795px;
    background-position: 30px 91px; }
    .eproduct-details.phone-ios .eproduct-details-carousel .carousel-item .image .phone {
      width: 100%;
      height: 100%;
      background: url("../images/phone-ios.png") no-repeat center top; }

.eproduct-details.phone-android_2023 .eproduct-details-carousel {
  height: 705px; }
  .eproduct-details.phone-android_2023 .eproduct-details-carousel .carousel-item .image {
    width: 358px;
    height: 719px;
    background-position: 18px 36px; }
    .eproduct-details.phone-android_2023 .eproduct-details-carousel .carousel-item .image .phone {
      width: 100%;
      height: 100%;
      background: url("../images/phone-android_2023.png") no-repeat center top; }

.eproduct-details .row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both; }

.eproduct-details .row-fluid:before {
  display: table;
  content: "";
  line-height: 0; }

.eproduct-details .row-fluid .span6 {
  display: block;
  box-sizing: border-box;
  float: left;
  width: 48.93617%;
  margin-left: 2.12766%; }
  .eproduct-details .row-fluid .span6:first-child {
    margin-left: 0; }

.eproduct-details.phone-frame .slider-counter {
  display: none; }

.eproduct-details.phone-frame .download-buttons {
  display: none; }

.eproduct-details.phone-frame.phone-ios, .eproduct-details.phone-frame.phone-android, .eproduct-details.phone-frame.phone-android_2023 {
  max-width: 1140px;
  margin: 0 auto; }

.eproduct-details.phone-frame ul.eproduct-details-accordion > li {
  position: relative; }

.eproduct-details.eproduct-details-new h3.accordion-handler {
  padding-right: 69px; }
  .eproduct-details.eproduct-details-new h3.accordion-handler:after {
    top: 10px;
    right: 30px; }

@media (min-width: 1200px) {
  .eproduct-details .row-fluid .span6 {
    width: 48.71795%;
    margin-left: 2.5641%; } }

@media (max-width: 1339px) {
  .eproduct-data {
    max-width: 960px; } }

.eproduct-login-boxes {
  max-width: 1264px;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
  overflow: hidden; }
  .eproduct-login-boxes .eproduct-login-box {
    position: relative;
    display: inline-block;
    width: calc(33% - 67px);
    min-height: 145px;
    margin: 0 13px 20px;
    padding: 25px 25px 40px;
    background: #fff;
    border: 1px solid #99dff9;
    border-radius: 4px;
    color: #003767;
    font-size: 14px;
    vertical-align: top; }
    .eproduct-login-boxes .eproduct-login-box:nth-child(3n+1) {
      margin-left: 0; }
    .eproduct-login-boxes .eproduct-login-box:nth-child(3n+3), .eproduct-login-boxes .eproduct-login-box:last-child {
      margin-right: 0; }
    .eproduct-login-boxes .eproduct-login-box a.btn {
      position: relative;
      display: inline-block;
      min-width: 145px;
      margin: 0 0 20px;
      padding: 12px 25px 12px 70px;
      background: #fa6d16;
      border: 0;
      border-radius: 4px;
      color: #fff;
      font-size: 14px;
      font-weight: normal;
      text-align: center;
      text-decoration: none;
      text-shadow: none;
      outline: none;
      box-shadow: none;
      transition: background 0.5s; }
      @media (prefers-reduced-motion: reduce) {
        .eproduct-login-boxes .eproduct-login-box a.btn {
          transition: none; } }
      .eproduct-login-boxes .eproduct-login-box a.btn:hover {
        transition: background 0.5s;
        background: #d85505; }
        @media (prefers-reduced-motion: reduce) {
          .eproduct-login-boxes .eproduct-login-box a.btn:hover {
            transition: none; } }
      .eproduct-login-boxes .eproduct-login-box a.btn i {
        position: absolute;
        left: 25px;
        top: 50%;
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
        text-align: center; }
      .eproduct-login-boxes .eproduct-login-box a.btn strong {
        display: block;
        font-size: 18px;
        font-weight: bold; }
      .eproduct-login-boxes .eproduct-login-box a.btn span {
        display: block; }
    .eproduct-login-boxes .eproduct-login-box p {
      margin: 0; }
    .eproduct-login-boxes .eproduct-login-box ul {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      margin: 0;
      padding: 8px 0;
      background: #e6f7fe;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      list-style: none; }
      .eproduct-login-boxes .eproduct-login-box ul li {
        display: inline-block; }
        .eproduct-login-boxes .eproduct-login-box ul li:after {
          content: '|';
          display: inline-block;
          margin: 0 8px 0 10px;
          font-weight: bold; }
        .eproduct-login-boxes .eproduct-login-box ul li:last-child:after {
          display: none; }
        .eproduct-login-boxes .eproduct-login-box ul li a {
          color: #003767;
          text-decoration: underline; }
          .eproduct-login-boxes .eproduct-login-box ul li a:hover, .eproduct-login-boxes .eproduct-login-box ul li a:focus {
            text-decoration: none; }

@media (max-width: 1339px) {
  .eproduct-login-boxes {
    max-width: 960px; }
    .eproduct-login-boxes .eproduct-login-box a.btn {
      min-width: 120px;
      padding: 12px 20px 12px 60px; }
      .eproduct-login-boxes .eproduct-login-box a.btn i {
        left: 15px; }
  .eproduct-details .eproduct-details-carousel .carousel-controls .carousel-menu menu .carousel-menu-item.carousel-menu-prev {
    left: -5px; }
  .eproduct-details .eproduct-details-carousel .carousel-controls .carousel-menu menu .carousel-menu-item.carousel-menu-next {
    right: -5px; } }

@media (max-width: 991px) {
  .eproduct-details .row-fluid .span6 {
    width: 100%;
    float: none;
    margin: 0 0 20px; }
  .eproduct-details .eproduct-details-carousel .carousel-controls .carousel-menu menu .carousel-menu-item.carousel-menu-prev {
    left: 90px; }
  .eproduct-details .eproduct-details-carousel .carousel-controls .carousel-menu menu .carousel-menu-item.carousel-menu-next {
    right: 90px; } }

@media (max-width: 767px) {
  .eproduct-details .eproduct-details-carousel .carousel-item .image .phone {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: contain !important; }
  .eproduct-details.phone-android .eproduct-details-carousel .carousel-item .image {
    background-size: 89.3854%;
    position: relative;
    max-width: calc(100% - 20px); }
  .eproduct-details.phone-ios .eproduct-details-carousel .carousel-item .image {
    background-size: 84.4327%;
    position: relative;
    max-width: calc(100% - 20px); }
  .eproduct-details ul.eproduct-details-accordion {
    display: none; }
  .eproduct-details.phone-frame .download-button {
    display: none; }
  .eproduct-details.phone-frame .download-button-active {
    display: block; }
  .eproduct-details.phone-frame .slider-counter {
    display: block;
    color: #003767;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 3px; }
  .eproduct-details.phone-frame .carousel-items {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    transition: 1s ease-in-out;
    padding: 1px 0; }
  .eproduct-details.phone-frame .phone {
    display: none; }
  .eproduct-details.phone-frame .eproduct-details-carousel .carousel-item {
    margin: 0 24px;
    display: block;
    width: 203px; }
  .eproduct-details.phone-frame .component.carousel {
    height: 350px !important; }
  .eproduct-details.phone-frame .row-fluid .span6 {
    margin-top: 0 !important; }
  .eproduct-details.phone-frame ul.eproduct-details-accordion > li {
    border: none;
    text-align: center; }
  .eproduct-details.phone-frame ul.eproduct-details-accordion > li .accordion-content {
    padding: 0 16px; }
  .eproduct-details.phone-frame .download-buttons {
    padding: 0 15px;
    display: flex;
    justify-content: center; }
  .eproduct-details.phone-frame .download-buttons img {
    width: 103px;
    height: 32px; }
  .eproduct-details.phone-frame .download-buttons a:first-of-type {
    margin-right: 6px; }
  .eproduct-details.phone-frame ul.eproduct-details-accordion {
    display: block; }
  .eproduct-details.phone-frame ul.eproduct-details-accordion > li {
    display: none; }
  .eproduct-details.phone-frame ul.eproduct-details-accordion li.accordion-active {
    display: block; }
  .eproduct-details.phone-frame ul.eproduct-details-accordion > li.accordion-active h3:after {
    display: none; }
  .eproduct-details.phone-frame .row-fluid .span6 {
    margin-top: 100px; }
  .eproduct-details.phone-frame .container.py-3 {
    padding-right: 0;
    padding-left: 0; }
  .eproduct-details.phone-frame.phone-ios .eproduct-details-carousel .carousel-item .image,
  .eproduct-details.phone-frame.phone-android .eproduct-details-carousel .carousel-item .image,
  .eproduct-details.phone-frame.phone-android_2023 .eproduct-details-carousel .carousel-item .image {
    width: 203px;
    max-width: 203px;
    height: 350px;
    border-radius: 18px;
    background-size: cover;
    background-position: center;
    margin: 0;
    box-shadow: 0 0 10px 0 #e9e9e9; }
  .eproduct-details .eproduct-details-carousel .carousel-controls .carousel-menu menu .carousel-menu-item.carousel-menu-prev {
    left: -30px; }
  .eproduct-details .eproduct-details-carousel .carousel-controls .carousel-menu menu .carousel-menu-item.carousel-menu-next {
    right: -30px; } }

.eproduct-login-boxes {
  max-width: 1264px;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
  overflow: hidden; }
  .eproduct-login-boxes .eproduct-login-box {
    position: relative;
    display: inline-block;
    width: calc(33% - 67px);
    min-height: 145px;
    margin: 0 13px 20px;
    padding: 25px 25px 40px;
    background: #fff;
    border: 1px solid #99dff9;
    border-radius: 4px;
    color: #003767;
    font-size: 14px;
    vertical-align: top; }
    .eproduct-login-boxes .eproduct-login-box:nth-child(3n+1) {
      margin-left: 0; }
    .eproduct-login-boxes .eproduct-login-box:nth-child(3n+3), .eproduct-login-boxes .eproduct-login-box:last-child {
      margin-right: 0; }
    .eproduct-login-boxes .eproduct-login-box a.btn {
      position: relative;
      display: inline-block;
      min-width: 145px;
      margin: 0 0 20px;
      padding: 12px 25px 12px 70px;
      background: #fa6d16;
      border: 0;
      border-radius: 4px;
      color: #fff;
      font-size: 14px;
      font-weight: normal;
      text-align: center;
      text-decoration: none;
      text-shadow: none;
      outline: none;
      box-shadow: none;
      transition: background 0.5s; }
      @media (prefers-reduced-motion: reduce) {
        .eproduct-login-boxes .eproduct-login-box a.btn {
          transition: none; } }
      .eproduct-login-boxes .eproduct-login-box a.btn:hover {
        transition: background 0.5s;
        background: #d85505; }
        @media (prefers-reduced-motion: reduce) {
          .eproduct-login-boxes .eproduct-login-box a.btn:hover {
            transition: none; } }
      .eproduct-login-boxes .eproduct-login-box a.btn i {
        position: absolute;
        left: 25px;
        top: 50%;
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
        text-align: center; }
      .eproduct-login-boxes .eproduct-login-box a.btn strong {
        display: block;
        font-size: 18px;
        font-weight: bold; }
      .eproduct-login-boxes .eproduct-login-box a.btn span {
        display: block; }
    .eproduct-login-boxes .eproduct-login-box p {
      margin: 0; }
    .eproduct-login-boxes .eproduct-login-box ul {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      margin: 0;
      padding: 8px 0;
      background: #e6f7fe;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      list-style: none; }
      .eproduct-login-boxes .eproduct-login-box ul li {
        display: inline-block; }
        .eproduct-login-boxes .eproduct-login-box ul li:after {
          content: '|';
          display: inline-block;
          margin: 0 8px 0 10px;
          font-weight: bold; }
        .eproduct-login-boxes .eproduct-login-box ul li:last-child:after {
          display: none; }
        .eproduct-login-boxes .eproduct-login-box ul li a {
          color: #003767;
          text-decoration: underline; }
          .eproduct-login-boxes .eproduct-login-box ul li a:hover, .eproduct-login-boxes .eproduct-login-box ul li a:focus {
            text-decoration: none; }

@media (max-width: 1339px) {
  .eproduct-login-boxes {
    max-width: 960px; }
    .eproduct-login-boxes .eproduct-login-box a.btn {
      min-width: 120px;
      padding: 12px 20px 12px 60px; }
      .eproduct-login-boxes .eproduct-login-box a.btn i {
        left: 15px; } }

@media (max-width: 991px) {
  .eproduct-login-boxes {
    max-width: 728px;
    padding: 0 20px; }
    .eproduct-login-boxes .eproduct-login-box {
      display: block;
      width: auto;
      min-height: 0;
      margin: 0 0 20px !important;
      padding: 25px 30px 45px;
      text-align: left; }
      .eproduct-login-boxes .eproduct-login-box a.btn {
        min-width: 135px; }
      .eproduct-login-boxes .eproduct-login-box p {
        position: absolute;
        top: 40px;
        left: 390px;
        padding-right: 20px; }
      .eproduct-login-boxes .eproduct-login-box ul {
        text-align: center; } }

@media (max-width: 767px) {
  .eproduct-login-boxes .eproduct-login-box p {
    position: static; }
  .eproduct-login-boxes .eproduct-login-box a.btn {
    box-sizing: border-box; } }

.error-404 {
  position: relative;
  background: #e6f7fe; }
  .error-404:before {
    content: "\f05e";
    position: absolute;
    top: 25px;
    right: 50%;
    display: inline-block;
    color: #dcedf2;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 300px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%); }
  .error-404 .wrap {
    position: relative;
    max-width: 1264px;
    margin: 0 auto;
    padding: 120px 0 40px;
    text-align: center; }
    .error-404 .wrap h1 {
      margin-bottom: 5px;
      font-size: 72px; }
    .error-404 .wrap h2 {
      margin-bottom: 45px;
      font-size: 48px;
      font-weight: normal; }
    .error-404 .wrap .text {
      margin-bottom: 20px;
      font-size: 18px; }
    .error-404 .wrap a.btn {
      display: inline-block;
      box-sizing: border-box;
      padding: 12px 24px;
      background: #fa6d16;
      border: 0;
      border-radius: 5px;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
      text-shadow: none;
      box-shadow: none;
      outline: 0;
      transition: background 0.5s;
      line-height: 20px;
      cursor: pointer;
      text-align: center;
      vertical-align: middle; }
      @media (prefers-reduced-motion: reduce) {
        .error-404 .wrap a.btn {
          transition: none; } }
      .error-404 .wrap a.btn:hover {
        background: #d85505; }

@media (max-width: 1339px) {
  .error-404 .wrap {
    max-width: 960px; } }

@media (max-width: 991px) {
  .error-404 .wrap {
    max-width: 728px;
    padding: 120px 20px 40px 20px; } }

@media (max-width: 767px) and (max-width: 979px) {
  .error-404 .wrap a.btn {
    margin-top: 5px;
    width: 100%; } }

@media (max-width: 767px) {
  .error-404 .wrap h1 {
    font-size: 72px; }
  .error-404 .wrap h2 {
    font-size: 30px; }
  .error-404 .wrap .text {
    font-size: 15px; } }

#footer .footer-links {
  color: #fff;
  font-size: 14px;
  padding: 30px 0;
  background: #00aeef; }
  #footer .footer-links .wrap {
    box-sizing: content-box;
    position: relative;
    max-width: 1264px;
    margin: 0 auto; }
    #footer .footer-links .wrap > ul {
      margin: 0;
      padding: 0;
      font-size: 0;
      list-style: none; }
      #footer .footer-links .wrap > ul > li {
        display: inline-block;
        width: 25%;
        font-size: 14px;
        font-weight: bold;
        vertical-align: top; }
        #footer .footer-links .wrap > ul > li span,
        #footer .footer-links .wrap > ul > li a {
          display: block;
          margin-bottom: 16px;
          color: #fff;
          text-decoration: none;
          vertical-align: top; }
        #footer .footer-links .wrap > ul > li:last-child {
          margin-bottom: 100px; }
        #footer .footer-links .wrap > ul > li > ul {
          display: inline-block;
          margin: 0 20px 0 0;
          padding: 0;
          list-style: none;
          vertical-align: top; }
          #footer .footer-links .wrap > ul > li > ul > li {
            display: block;
            font-size: 12px;
            font-weight: normal; }
            #footer .footer-links .wrap > ul > li > ul > li a {
              margin-bottom: 15px; }
    #footer .footer-links .wrap .social-links {
      position: absolute;
      bottom: 0;
      left: 75%; }
      #footer .footer-links .wrap .social-links h2 {
        margin-bottom: 25px;
        font-size: 14px; }
      #footer .footer-links .wrap .social-links ul {
        margin: 0;
        list-style: none; }
        #footer .footer-links .wrap .social-links ul li {
          display: inline-block;
          margin-right: 30px; }
      #footer .footer-links .wrap .social-links i {
        color: #fff;
        font-size: 34px; }

#footer .footer-bottom {
  padding: 30px 0;
  background-repeat: no-repeat;
  background-position: left center, right center;
  color: #666;
  font-size: 12px;
  text-align: center; }
  #footer .footer-bottom.wrap {
    max-width: 1264px;
    margin: 0 auto; }
  #footer .footer-bottom p {
    margin-bottom: 0; }
  #footer .footer-bottom ul {
    display: none; }

/*  Small desktop */
@media (max-width: 1339px) {
  #footer .footer-links .wrap {
    max-width: 920px;
    padding: 0 20px; }
    #footer .footer-links .wrap ul li ul {
      margin-right: 90px; }
  #footer .footer-bottom.wrap {
    max-width: 960px;
    background-size: 20%; } }

/* Tablet */
@media (max-width: 991px) {
  #footer .footer-links .wrap {
    max-width: 728px; }
    #footer .footer-links .wrap > ul > li {
      width: 50%;
      margin-bottom: 20px; }
    #footer .footer-links .wrap .social-links {
      left: 50%; }
  #footer .up-arrow {
    position: relative; }
    #footer .up-arrow a {
      position: absolute;
      top: 20px;
      right: 20px;
      width: 40px;
      height: 40px;
      background: #a2dffb;
      border-radius: 50%;
      color: #fff;
      text-align: center;
      line-height: 40px; }
      #footer .up-arrow a i {
        display: inline-block;
        font-size: 32px;
        line-height: 40px; }
  #footer .footer-bottom {
    padding-top: 20px;
    padding-bottom: 80px;
    background-position: left bottom, right bottom; }
    #footer .footer-bottom.wrap {
      max-width: 768px;
      background-size: auto; }
    #footer .footer-bottom ul li {
      border-color: #000; }
      #footer .footer-bottom ul li a {
        color: #000; }
    #footer .footer-bottom p {
      padding-bottom: 15px;
      border-bottom: 1px solid #ebebeb; } }

/* Mobile */
@media (max-width: 767px) {
  #footer .footer-links .wrap > ul > li {
    width: 100%;
    margin-bottom: 0; }
    #footer .footer-links .wrap > ul > li > span {
      cursor: pointer; }
    #footer .footer-links .wrap > ul > li > a:after,
    #footer .footer-links .wrap > ul > li > span:after {
      content: '+';
      margin-left: 10px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      -o-animation: rotateBack 0.5s linear 1;
      -webkit-animation: rotateBack 0.5s linear 1;
      animation: rotateBack 0.5s linear 1; }
    #footer .footer-links .wrap > ul > li ul {
      max-height: 0;
      margin-right: 0;
      overflow: hidden;
      transition: 0.5s; } }
    @media (max-width: 767px) and (prefers-reduced-motion: reduce) {
      #footer .footer-links .wrap > ul > li ul {
        transition: none; } }

@media (max-width: 767px) {
      #footer .footer-links .wrap > ul > li ul li {
        margin-left: 10px; }
        #footer .footer-links .wrap > ul > li ul li.parent {
          margin-left: 0; }
    #footer .footer-links .wrap > ul > li.open ul {
      max-height: 9999px;
      transition: 0.5s; } }
    @media (max-width: 767px) and (prefers-reduced-motion: reduce) {
      #footer .footer-links .wrap > ul > li.open ul {
        transition: none; } }

@media (max-width: 767px) {
    #footer .footer-links .wrap > ul > li.open > a:after {
      content: '\2012';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -o-animation: rotate 0.5s linear 1;
      -webkit-animation: rotate 0.5s linear 1;
      animation: rotate 0.5s linear 1; }
    #footer .footer-links .wrap > ul > li:last-child, #footer .footer-links .wrap > ul > li:nth-last-child(2) {
      margin-bottom: 0; }
  #footer .footer-links .wrap .social-links {
    position: static; }
    #footer .footer-links .wrap .social-links .footer-follow-us-p {
      cursor: pointer; }
      #footer .footer-links .wrap .social-links .footer-follow-us-p:after {
        content: '+';
        margin-left: 10px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -o-animation: rotateBack 0.5s linear 1;
        -webkit-animation: rotateBack 0.5s linear 1;
        animation: rotateBack 0.5s linear 1; }
    #footer .footer-links .wrap .social-links ul {
      max-height: 0;
      overflow: hidden;
      transition: 0.5s; } }
    @media (max-width: 767px) and (prefers-reduced-motion: reduce) {
      #footer .footer-links .wrap .social-links ul {
        transition: none; } }

@media (max-width: 767px) {
    #footer .footer-links .wrap .social-links.open ul {
      max-height: 9999px;
      transition: 0.5s; } }
    @media (max-width: 767px) and (prefers-reduced-motion: reduce) {
      #footer .footer-links .wrap .social-links.open ul {
        transition: none; } }

@media (max-width: 767px) {
    #footer .footer-links .wrap .social-links.open .footer-follow-us-p:after {
      content: '\2012';
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -o-animation: rotate 0.5s linear 1;
      -webkit-animation: rotate 0.5s linear 1;
      animation: rotate 0.5s linear 1; }
  #footer .up-arrow {
    padding: 20px 0;
    text-align: center; }
    #footer .up-arrow a {
      position: static;
      display: inline-block; }
  #footer .footer-bottom.wrap {
    padding-top: 150px;
    padding-bottom: 0;
    background-position: top, center 75px;
    background-size: auto;
    /*&.has-list {
                position: relative;
                padding-top: 185px;
                background-position: center 35px, center 110px;
                ul {
                    position: absolute;
                    top: 0;
                    width: 100%;
                }
            }*/ }
    #footer .footer-bottom.wrap ul {
      margin: 0;
      padding: 10px 0;
      background: #f9f9f9; }
    #footer .footer-bottom.wrap p {
      background: none; } }

.goal-categories {
  margin: 0 auto;
  padding: 25px 0 20px 0;
  max-width: 1264px;
  text-align: center;
  font-size: 0; }
  .goal-categories .goal {
    display: inline-block;
    width: 14.27%;
    font-size: 14px;
    vertical-align: top; }
    .goal-categories .goal.all-loan {
      border-right: 1px solid #00aeef; }
    .goal-categories .goal.all-goals {
      border-right: 1px solid #00aeef; }
    .goal-categories .goal.all-investments {
      border-right: 1px solid #00aeef; }
    .goal-categories .goal a {
      position: relative;
      display: block;
      min-height: 180px;
      text-decoration: none;
      color: #00aeef; }
      .goal-categories .goal a.active .goal-icon {
        background-color: #00aeef;
        color: #fff;
        transition: background .5s, color .5s; }
      .goal-categories .goal a.active .goal-text {
        font-weight: bold; }
      .goal-categories .goal a.active:after {
        content: '\f107';
        position: absolute;
        bottom: -15px;
        left: 50%;
        display: inline-block;
        color: #00aeef;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 24px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-weight: bold;
        transform: translateX(-50%); }
      .goal-categories .goal a .goal-icon {
        width: 110px;
        height: 110px;
        margin: 0 auto 15px;
        background: #fff;
        border: 1px solid #00aeef;
        border-radius: 50%;
        line-height: 106px;
        transition: background .5s, color .5s; }
        .goal-categories .goal a .goal-icon i {
          font-size: 40px;
          vertical-align: middle; }
      .goal-categories .goal a .goal-text {
        padding: 0 15px;
        color: #003767; }
      .goal-categories .goal a:hover {
        text-decoration: none; }
        .goal-categories .goal a:hover .goal-icon {
          background-color: #00aeef;
          color: #fff;
          transition: background .5s, color .5s; }

@media (max-width: 1339px) {
  .goal-categories {
    max-width: 960px; } }

@media (max-width: 991px) {
  .goal-categories {
    max-width: 688px;
    padding: 25px 40px 20px;
    text-align: left; }
    .goal-categories .goal {
      width: 50%;
      margin-bottom: 10px;
      font-size: 18px; }
      .goal-categories .goal.all-loan {
        font-weight: bold;
        border-right: 0; }
      .goal-categories .goal.all-goals {
        font-weight: bold;
        border-right: 0; }
      .goal-categories .goal.all-investments {
        font-weight: bold;
        border-right: 0; }
      .goal-categories .goal a {
        min-height: 0; }
        .goal-categories .goal a.active:after {
          display: none; }
        .goal-categories .goal a .goal-icon {
          display: inline-block;
          width: 40px;
          height: 40px;
          margin: 0 20px 0 0;
          text-align: center;
          line-height: 38px;
          vertical-align: middle; }
          .goal-categories .goal a .goal-icon i {
            font-size: 22px; }
        .goal-categories .goal a .goal-text {
          max-width: calc(100% - 68px);
          padding: 0;
          display: inline-block;
          vertical-align: middle; } }

@media (max-width: 767px) {
  .goal-categories {
    padding-bottom: 0; }
    .goal-categories .goal {
      width: 100%; }
      .goal-categories .goal a.active {
        background: #e5f7fb; }
      .goal-categories .goal a {
        padding: 10px 0 0 10px; }
        .goal-categories .goal a .goal-icon {
          width: 15px;
          margin: 2px 10px 0 0;
          height: 15px;
          vertical-align: top; }
          .goal-categories .goal a .goal-icon i {
            display: none; }
        .goal-categories .goal a .goal-text {
          width: calc(100% - 35px);
          margin-bottom: 10px;
          vertical-align: top; } }

@media (min-width: 992px) {
  .icons-selector .goal-categories .goal {
    width: 16.5%; } }

.header-search {
  position: absolute;
  top: 110px;
  left: 0;
  z-index: 8;
  width: 100%;
  max-height: 0;
  background: #f9f9f9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  transition: 0.5s; }
  @media (prefers-reduced-motion: reduce) {
    .header-search {
      transition: none; } }
  .header-search.show {
    max-height: 1000px;
    transition: 0.8s; }
    @media (prefers-reduced-motion: reduce) {
      .header-search.show {
        transition: none; } }
  .header-search .search-field {
    max-width: 1264px;
    margin: 0 auto;
    padding: 25px 0;
    overflow: hidden; }
    .header-search .search-field input[type="search"],
    .header-search .search-field input[type="text"] {
      float: none;
      width: calc(100% - 230px);
      height: 38px;
      margin: 0;
      padding: 6px 25px;
      border: 0;
      color: #003767;
      font-size: 15px; }
    .header-search .search-field button[type="submit"] {
      box-sizing: border-box;
      float: right;
      width: 155px;
      height: 50px;
      margin-left: 20px;
      background: #00aeef;
      border: 0;
      border-radius: 4px;
      color: #fff;
      font-size: 15px;
      text-shadow: none;
      box-shadow: none;
      outline: none;
      transition: background 0.5s; }
      @media (prefers-reduced-motion: reduce) {
        .header-search .search-field button[type="submit"] {
          transition: none; } }
      .header-search .search-field button[type="submit"]:hover, .header-search .search-field button[type="submit"]:focus {
        background: #0089bc;
        transition: background 0.5s; }
        @media (prefers-reduced-motion: reduce) {
          .header-search .search-field button[type="submit"]:hover, .header-search .search-field button[type="submit"]:focus {
            transition: none; } }
      .header-search .search-field button[type="submit"] i {
        margin-left: 10px; }

/* Tablet */
@media (max-width: 991px) {
  .header-search {
    position: absolute;
    top: 69px;
    left: 0;
    z-index: 10;
    width: 100%;
    max-height: 0;
    background: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    transition: 0.5s; } }
  @media (max-width: 991px) and (prefers-reduced-motion: reduce) {
    .header-search {
      transition: none; } }

@media (max-width: 991px) {
    .header-search.show {
      max-height: 1000px;
      /*border-top: 3px solid var(--main-header-icon);*/
      transition: 0.8s; } }
    @media (max-width: 991px) and (prefers-reduced-motion: reduce) {
      .header-search.show {
        transition: none; } }

@media (max-width: 991px) {
    .header-search .search-field {
      max-width: 1264px;
      margin: 0 auto;
      padding: 25px 20px;
      overflow: hidden; }
      .header-search .search-field input[type="search"],
      .header-search .search-field input[type="text"] {
        float: none;
        width: calc(100% - 230px);
        height: 38px;
        margin: 0;
        padding: 6px 25px;
        border: 0;
        color: #003767;
        font-size: 15px; }
      .header-search .search-field button[type="submit"] {
        float: right;
        width: 155px;
        height: 50px;
        margin-left: 20px;
        background: #00aeef;
        border: 0;
        border-radius: 4px;
        color: #fff;
        font-size: 15px;
        text-shadow: none;
        box-shadow: none;
        outline: none; } }

/* Mobile */
@media (max-width: 991px) {
  .header-search .search-field button[type="submit"] i {
    margin-left: 0; } }

@media (max-width: 767px) {
  .header-search {
    top: 60px; }
    .header-search .search-field input[type="search"],
    .header-search .search-field input[type="text"] {
      width: calc(100% - 128px); }
    .header-search .search-field button[type="submit"] {
      width: 58px;
      font-size: 0; }
      .header-search .search-field button[type="submit"] i {
        font-size: 20px;
        line-height: 48px;
        margin-left: 0; } }

li.hasMegaMenu, li.navMenuItem {
  color: var(--main-header-level-2-text);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 16px;
  height: 54px;
  margin-top: auto;
  border-bottom: 2px solid transparent; }
  li.hasMegaMenu:hover, li.navMenuItem:hover {
    border-bottom: 2px solid var(--main-header-level-2-text-active); }
    li.hasMegaMenu:hover > a, li.navMenuItem:hover > a {
      color: var(--main-header-level-2-text-active);
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: normal; }
  li.hasMegaMenu.selected > a, li.navMenuItem.selected > a {
    color: var(--main-header-level-2-text-active);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; }
  li.hasMegaMenu > a, li.navMenuItem > a {
    padding: 0; }
  li.hasMegaMenu .megamenu-dropdown, li.navMenuItem .megamenu-dropdown {
    position: absolute;
    left: 100vw;
    transition: 0.5s 0.2s;
    width: 100%; }
    @media (prefers-reduced-motion: reduce) {
      li.hasMegaMenu .megamenu-dropdown, li.navMenuItem .megamenu-dropdown {
        transition: none; } }
    li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner {
      display: grid;
      max-width: 1264px;
      width: 100%;
      grid-template-areas: "left right";
      grid-template-columns: 1fr auto;
      margin: auto;
      background: var(--main-header-submenu-background); }
      li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap {
        width: 932px;
        padding: 64px 40px 48px 0;
        margin: 0 auto;
        height: 100%;
        box-sizing: border-box;
        background: var(--main-header-submenu-background); }
        li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap:not(.hglgt-enabled), li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap:not(.hglgt-enabled) {
          padding: 64px 0 48px 0; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap:not(.hglgt-enabled) .mega-mainmenu, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap:not(.hglgt-enabled) .mega-mainmenu {
            grid-gap: 2%; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap:not(.hglgt-enabled) .mega-mainmenu.mega-mainmenu-2, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap:not(.hglgt-enabled) .mega-mainmenu.mega-mainmenu-2 {
              grid-auto-columns: 48%; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap:not(.hglgt-enabled) .mega-mainmenu.mega-mainmenu-3, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap:not(.hglgt-enabled) .mega-mainmenu.mega-mainmenu-3 {
              grid-auto-columns: 31.3333%; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap:not(.hglgt-enabled) .mega-mainmenu.mega-mainmenu-4, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap:not(.hglgt-enabled) .mega-mainmenu.mega-mainmenu-4 {
              grid-auto-columns: 23%; }
        li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu {
          display: grid;
          grid-gap: 32px;
          justify-content: space-between; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu.mega-mainmenu-2, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu.mega-mainmenu-2 {
            grid-auto-columns: 396px; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu.mega-mainmenu-3, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu.mega-mainmenu-3 {
            grid-auto-columns: 245px; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu.mega-mainmenu-4, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu.mega-mainmenu-4 {
            grid-auto-columns: 180px; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu {
            grid-row: 1; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title {
              margin-bottom: 32px;
              display: inline-block; }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title > a, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title > a {
                color: var(--main-header-submenu-text);
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                padding: 0;
                text-decoration: none; }
                li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title > a:hover, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title > a:hover {
                  color: var(--main-header-submenu-text-hover); }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title > p, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title > p {
                color: var(--main-header-submenu-text);
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                padding: 0; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu {
              list-style: none;
              display: grid;
              grid-template-columns: 100%;
              grid-row-gap: 24px; }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu .mega-submenu-item > a, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu .mega-submenu-item > a {
                color: var(--main-header-submenu-text);
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                text-decoration: none; }
                li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu .mega-submenu-item > a:hover, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu .mega-submenu-item > a:hover {
                  color: var(--main-header-submenu-text-hover);
                  text-decoration: none;
                  font-weight: var(--main-header-submenu-font-weight-hover); }
                li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu .mega-submenu-item > a:before, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu .mega-submenu-item > a:before {
                  content: ""; }
        li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons {
          width: 1264px; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons .mega-mainmenu, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons .mega-mainmenu {
            display: grid;
            grid-auto-columns: 23%;
            grid-column-gap: 2%;
            justify-content: space-evenly; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons .mega-mainmenu.mega-mainmenu-2, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons .mega-mainmenu.mega-mainmenu-2 {
              grid-column-gap: 80px;
              grid-template-columns: 1fr 1fr; }
      li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted {
        background-color: var(--main-header-highlight-background);
        padding: 64px 0 64px 48px;
        width: 100vw; }
        li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-label, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-label {
          color: #FFF;
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          margin-bottom: 16px;
          max-width: 284px; }
        li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list {
          max-width: 284px;
          display: grid;
          grid-auto-rows: auto;
          grid-template-columns: 100%;
          align-items: center;
          justify-content: center;
          grid-row-gap: 16px; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-direction: row;
            border-radius: 8px;
            padding: 16px;
            align-self: stretch;
            width: 252px;
            min-height: 24px;
            height: min-content;
            background-color: var(--main-header-highlight-button-background);
            border: 1px solid var(--main-header-highlight-button-border); }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item i, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item i {
              left: 0px;
              transition: left .3s;
              position: relative; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover {
              background-color: var(--main-header-highlight-button-background-hover);
              box-shadow: 0px 2px 8px 0px var(--main-header-highlight-button-box-shadow);
              border: 1px solid var(--main-header-highlight-button-border-hover); }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover span, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover span {
                color: var(--main-header-highlight-button-text-hover);
                font-size: 14px;
                font-style: normal;
                font-weight: var(--main-header-highlight-font-weight-hover);
                line-height: 20px;
                width: 100%; }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover i, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover i {
                color: #FFFFFF;
                left: 5px; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item.fourth, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item.fourth {
              display: none; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item span, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item span {
              color: var(--main-header-highlight-button-text);
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 20px;
              margin-right: 10px;
              width: 86%; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item i, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item i {
              font-size: 24px;
              color: var(--main-header-level-2-text-active); }

@media (max-width: 1339px) {
  li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner {
    grid-template-areas: "top"
 "bottom";
    grid-template-columns: 100%;
    grid-template-rows: 1fr 100%;
    max-width: 100%; }
    li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap {
      padding: 40px 0 48px 0;
      width: 100%;
      max-width: 960px;
      margin: auto; }
      li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu {
        grid-auto-columns: 180px;
        justify-content: space-between; }
        li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu.mega-mainmenu-2 {
          grid-template-columns: 1fr 1fr;
          grid-column-gap: 48px;
          justify-content: space-between; }
        li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu.mega-mainmenu-3 {
          grid-template-columns: 1fr 1fr 1fr;
          grid-column-gap: 48px;
          justify-content: space-between; }
    li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted {
      padding: 16px 0;
      width: 100%;
      transform-origin: center; }
      li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-label {
        display: none; }
      li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list {
        grid-template-columns: auto auto auto;
        grid-column-gap: 16px;
        grid-template-rows: 100%;
        max-width: 960px;
        margin: auto; }
        li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item {
          width: 268px;
          height: auto;
          box-sizing: border-box; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item span {
            margin-right: 16px; } }

@media (max-width: 991px) {
  li.hasMegaMenu, li.navMenuItem, li.quicklinks-container {
    position: static;
    color: var(--main-header-level-2-text);
    font-size: 16px;
    font-style: normal;
    padding: 0;
    font-weight: 700;
    line-height: 18px;
    /* 112.5% */
    width: 100%;
    border-bottom: 2px solid #D5E3EE;
    box-sizing: content-box;
    margin: 0;
    height: auto; }
    li.hasMegaMenu:first-of-type, li.navMenuItem:first-of-type, li.quicklinks-container:first-of-type {
      border-top: 1px solid #D5E3EE; }
    li.hasMegaMenu > a, li.navMenuItem > a, li.quicklinks-container > a {
      padding: 16px 20px;
      position: relative;
      display: block;
      background-color: #fff; }
      li.hasMegaMenu > a:after, li.navMenuItem > a:after, li.quicklinks-container > a:after {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        top: 13px;
        right: 20px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 22px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        color: var(--main-header-level-2-text-active); }
    li.hasMegaMenu::marker, li.navMenuItem::marker, li.quicklinks-container::marker {
      content: '';
      display: none; }
    li.hasMegaMenu:hover, li.navMenuItem:hover, li.quicklinks-container:hover {
      text-decoration: none;
      border-bottom: 2px solid #D5E3EE; }
      li.hasMegaMenu:hover > a, li.navMenuItem:hover > a, li.quicklinks-container:hover > a {
        border: 0 none;
        color: var(--main-header-level-2-text);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px; }
    li.hasMegaMenu.selected > a, li.navMenuItem.selected > a, li.quicklinks-container.selected > a {
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 18px; }
    li.hasMegaMenu.open, li.navMenuItem.open, li.quicklinks-container.open {
      border: 0 none; }
      li.hasMegaMenu.open .megamenu-dropdown, li.navMenuItem.open .megamenu-dropdown, li.quicklinks-container.open .megamenu-dropdown {
        left: 0; }
      li.hasMegaMenu.open > a, li.navMenuItem.open > a, li.quicklinks-container.open > a {
        display: none; }
      li.hasMegaMenu.open:after, li.navMenuItem.open:after, li.quicklinks-container.open:after {
        content: '';
        display: none; }
    li.hasMegaMenu .megamenu-dropdown, li.navMenuItem .megamenu-dropdown, li.quicklinks-container .megamenu-dropdown {
      position: absolute;
      top: 114px;
      left: 100vw;
      transition: 0.5s 0.2s;
      width: 100%;
      z-index: 1; } }
    @media (max-width: 991px) and (prefers-reduced-motion: reduce) {
      li.hasMegaMenu .megamenu-dropdown, li.navMenuItem .megamenu-dropdown, li.quicklinks-container .megamenu-dropdown {
        transition: none; } }

@media (max-width: 991px) {
      li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner {
        display: grid;
        grid-template-areas: "back"
 "view"
 "top"
 "bottom";
        grid-template-rows: auto auto auto auto;
        background: #FFFFFF; }
        li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .back, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .back, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .back {
          background-color: #fff;
          display: flex;
          grid-area: back;
          padding: 8px 16px;
          width: 100%; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .back span, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .back span, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .back span {
            color: var(--main-header-level-2-text);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-decoration: underline; }
        li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .view, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .view, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .view {
          background-color: #fff;
          display: flex;
          grid-area: view;
          padding: 16px 16px 24px 16px; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .view a, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .view a, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .view a {
            color: var(--main-header-level-2-text);
            font-size: 22px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            position: relative; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .view a:after, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .view a:after, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .view a:after {
              content: "\f105";
              font-family: FontAwesome;
              display: inline-block;
              position: absolute;
              font: normal normal normal 14px/1 FontAwesome;
              font-size: 28px;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              color: var(--main-header-level-2-text-active);
              right: -24px; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .view span, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .view span, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .view span {
            color: var(--main-header-level-2-text);
            font-size: 22px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            position: relative; }
        li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap {
          grid-area: bottom;
          padding: 0 !important; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu {
            display: flex;
            flex-direction: column;
            gap: 0; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu {
              padding: 0; }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title {
                background: var(--main-header-submenu-mobile-tablet-background);
                display: inline-flex;
                align-items: center;
                margin: 0;
                width: 100%; }
                li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title a, li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title p, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title a, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title p, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title a, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu-title p {
                  padding: 16px 32px 14px 16px;
                  color: var(--main-header-submenu-text);
                  font-size: 16px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: normal; }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu {
                display: flex;
                flex-direction: column;
                background-color: var(--main-header-submenu-mobile-tablet-background2);
                grid-row-gap: 0; }
                li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu .mega-submenu-item, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu .mega-submenu-item, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu .mega-submenu-item {
                  display: flex;
                  justify-content: flex-start; }
                  li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu .mega-submenu-item a, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu .mega-submenu-item a, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap .mega-mainmenu .hasMegaSubMenu .mega-submenu .mega-submenu-item a {
                    border: 1px solid #D5E3EE;
                    border-left: 0 none;
                    border-right: 0 none;
                    width: 100%;
                    padding: 16px;
                    color: var(--main-header-submenu-text);
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 20px;
                    /* 125% */ }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .quicklinks, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .quicklinks, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap .quicklinks {
            margin: 0;
            position: relative;
            display: flex;
            flex-direction: column;
            background-color: var(--main-header-submenu-mobile-tablet-background2);
            grid-row-gap: 0; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .quicklinks > li, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .quicklinks > li, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap .quicklinks > li {
              display: flex;
              justify-content: flex-start; }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .quicklinks > li a, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .quicklinks > li a, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap .quicklinks > li a {
                border: 1px solid #D5E3EE;
                border-left: 0 none;
                border-right: 0 none;
                width: 100%;
                padding: 16px;
                color: var(--main-header-submenu-text);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 20px;
                /* 125% */ }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap .quicklinks > li::marker, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap .quicklinks > li::marker, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap .quicklinks > li::marker {
                content: '';
                display: none; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons {
            max-width: none;
            grid-area: bottom;
            padding: 0;
            margin: 0; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons .mega-mainmenu, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons .mega-mainmenu, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons .mega-mainmenu {
              display: flex;
              flex-direction: column; }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons .mega-mainmenu.mega-mainmenu-2, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons .mega-mainmenu.mega-mainmenu-2, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .wrap.noHighlightButtons .mega-mainmenu.mega-mainmenu-2 {
                display: flex;
                flex-direction: column; }
        li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted {
          grid-area: top;
          padding: 0;
          background-color: var(--main-header-submenu-mobile-tablet-background);
          margin: 0; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-label, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-label, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-label {
            background: var(--main-header-submenu-mobile-tablet-background);
            display: inline-flex;
            padding: 16px 32px 14px 16px;
            align-items: center;
            color: var(--main-header-submenu-text);
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            width: 100%;
            margin: 0; }
          li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list {
            background-color: var(--main-header-highlight-background);
            display: flex;
            flex-wrap: wrap;
            padding: 32px 16px; }
            li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item {
              display: flex;
              justify-content: space-between;
              align-items: center;
              flex-direction: row;
              border-radius: 8px;
              padding: 16px;
              align-self: stretch;
              width: auto;
              height: 52px;
              min-height: 52px;
              flex-basis: calc(50% - 42px);
              flex-grow: 1;
              background-color: #FFFFFF; }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover {
                background-color: var(--main-header-highlight-button-background-hover); }
                li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover span, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover span, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover span {
                  color: #FFF;
                  font-size: 14px;
                  font-style: normal;
                  font-weight: var(--main-header-highlight-font-weight-hover);
                  line-height: 20px; }
                li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover i, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover i, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item:hover i {
                  color: #FFFFFF; }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item.fourth, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item.fourth, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item.fourth {
                display: flex; }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item span, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item span, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item span {
                color: var(--main-header-highlight-button-text);
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 20px;
                margin-right: 10px; }
              li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item i, li.navMenuItem .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item i, li.quicklinks-container .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item i {
                font-size: 24px;
                color: var(--main-header-level-2-text-active); } }

@media (max-width: 767px) {
  li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list {
    flex-direction: column;
    flex-wrap: nowrap; }
    li.hasMegaMenu .megamenu-dropdown .megamenu-dropdown-inner .megamenu-dropdown-highlighted .megamenu-highlight-list .megamenu-highlight-item {
      flex-basis: 0; } }

.sticky-header.lfr-hudcrumbs {
  position: fixed;
  min-height: 52px;
  background: #fff; }
  .sticky-header.lfr-hudcrumbs .heading .site-title {
    width: 86px;
    height: 72px; }
    .sticky-header.lfr-hudcrumbs .heading .site-title a {
      background-size: contain !important; }
  .sticky-header.lfr-hudcrumbs .heading .navigation > ul > li > a {
    display: none; }
  .sticky-header.lfr-hudcrumbs .heading .navigation > ul > li ul.child-menu {
    top: 0;
    height: 52px;
    padding-left: 20px; }
    .sticky-header.lfr-hudcrumbs .heading .navigation > ul > li ul.child-menu li.hasMegaMenu > a, .sticky-header.lfr-hudcrumbs .heading .navigation > ul > li ul.child-menu li.navMenuItem > a {
      text-wrap: nowrap; }
    .sticky-header.lfr-hudcrumbs .heading .navigation > ul > li ul.child-menu li.hasMegaMenu .megamenu-dropdown, .sticky-header.lfr-hudcrumbs .heading .navigation > ul > li ul.child-menu li.navMenuItem .megamenu-dropdown {
      top: 52px; }
  .sticky-header.lfr-hudcrumbs .heading > ul.quicklinks {
    display: none; }
  .sticky-header.lfr-hudcrumbs ul.login-menu,
  .sticky-header.lfr-hudcrumbs a.login-button {
    top: 6px; }
  .sticky-header.lfr-hudcrumbs ul.login-menu {
    min-width: 0;
    max-width: 1000px; }
    .sticky-header.lfr-hudcrumbs ul.login-menu li span {
      display: none; }
    .sticky-header.lfr-hudcrumbs ul.login-menu li ul {
      max-height: 1000px; }
      .sticky-header.lfr-hudcrumbs ul.login-menu li ul li {
        display: none; }
        .sticky-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button {
          display: block; }
          .sticky-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a {
            padding: 9px 45px 9px 25px;
            background: #fa6d16;
            border: 0;
            border-radius: 2px;
            color: #fff;
            font-size: 14px;
            text-align: center;
            text-decoration: none;
            transition: background 0.5s, color 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              .sticky-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a {
                transition: none; } }
            .sticky-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a:after {
              top: 8px;
              color: #fff; }
            .sticky-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a:hover, .sticky-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a:focus {
              background: #d85505;
              transition: background 0.5s, color 0.5s; }
              @media (prefers-reduced-motion: reduce) {
                .sticky-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a:hover, .sticky-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a:focus {
                  transition: none; } }
            .sticky-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a.mini-sticky-button {
              background: #fff;
              color: #003767;
              text-align: left; }
              .sticky-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a.mini-sticky-button:hover {
                background: #fa6d16;
                color: #fff; }
  .sticky-header.lfr-hudcrumbs a.toggle-partially-sighted {
    display: none; }
  .sticky-header.lfr-hudcrumbs a.login-button {
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 1.3; }
    .sticky-header.lfr-hudcrumbs a.login-button strong {
      font-size: 14px; }
  .sticky-header.lfr-hudcrumbs i.search-button {
    top: 13px;
    bottom: auto; }
  .sticky-header.lfr-hudcrumbs .header-search {
    position: fixed;
    top: 52px; }

@media (min-width: 992px) {
  .sticky-header.lfr-hudcrumbs .heading .navigation {
    margin-left: 74px !important; } }

.mini-header {
  position: relative;
  z-index: 500;
  min-height: 52px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); }
  .mini-header.header-controls-hidden {
    background: #fff; }
  .mini-header .heading {
    position: relative;
    max-width: 1264px;
    margin: 0 auto; }
    .mini-header .heading .site-title {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      width: 154px;
      height: 130px; }
      .mini-header .heading .site-title a {
        display: block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9999px; }
        .mini-header .heading .site-title a.logo {
          background-image: url("/o/kh-theme/images/logo.svg") !important;
          background-size: 154px 130px; }
  .mini-header.mini-header-background {
    background: #fff !important; }

@media (min-width: 992px) {
  .mini-header .heading .mobile-navigation {
    display: none !important; }
  .mini-header .heading .navigation {
    position: relative;
    float: left;
    margin-left: 74px !important; }
    .mini-header .heading .navigation > ul {
      position: relative;
      margin: 0;
      list-style: none; }
      .mini-header .heading .navigation > ul > li {
        position: static;
        float: left;
        display: block; }
        .mini-header .heading .navigation > ul > li.selected > a {
          position: relative; }
          .mini-header .heading .navigation > ul > li.selected > a:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -6px;
            border-style: solid;
            border-width: 0 6px 6px 6px;
            border-color: transparent transparent #fff transparent; }
        .mini-header .heading .navigation > ul > li > a {
          display: block;
          height: 40px;
          padding: 0 30px;
          color: #0078a5;
          font-size: 13px;
          line-height: 40px;
          text-decoration: none; }
          .mini-header .heading .navigation > ul > li > a:hover, .mini-header .heading .navigation > ul > li > a:focus {
            color: #00aeef;
            text-decoration: none; }
        .mini-header .heading .navigation > ul > li.selected a {
          color: #00aeef;
          text-decoration: none; }
        .mini-header .heading .navigation > ul > li ul.child-menu {
          position: absolute;
          top: 40px;
          left: -80px;
          width: 790px;
          margin: 0;
          padding-left: 8px;
          list-style: none; }
          .mini-header .heading .navigation > ul > li ul.child-menu li.hasMegaMenu {
            position: static;
            display: inline-block; }
            .mini-header .heading .navigation > ul > li ul.child-menu li.hasMegaMenu .megamenu-dropdown {
              position: absolute;
              top: 52px !important;
              left: 0;
              z-index: 8;
              max-height: 0;
              background: #e6f7fe;
              box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
              font-size: 0;
              overflow: hidden;
              transition: max-height 0.5s 0.5s; } }
            @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
              .mini-header .heading .navigation > ul > li ul.child-menu li.hasMegaMenu .megamenu-dropdown {
                transition: none; } }

@media (min-width: 992px) {
            .mini-header .heading .navigation > ul > li ul.child-menu li.hasMegaMenu:hover .megamenu-dropdown, .mini-header .heading .navigation > ul > li ul.child-menu li.hasMegaMenu:focus .megamenu-dropdown {
              z-index: 9;
              max-height: 1000px;
              transition: max-height 0.8s 0.2s; } }
            @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
              .mini-header .heading .navigation > ul > li ul.child-menu li.hasMegaMenu:hover .megamenu-dropdown, .mini-header .heading .navigation > ul > li ul.child-menu li.hasMegaMenu:focus .megamenu-dropdown {
                transition: none; } }

@media (min-width: 992px) {
      .mini-header .heading .navigation > ul.show-only-root-page-url > li > a {
        display: none; }
      .mini-header .heading .navigation > ul.show-only-root-page-url > li.always-visible > a {
        display: block; }
  .mini-header ul.quicklinks {
    position: absolute;
    top: 0;
    right: 15px;
    margin: 0;
    list-style: none; }
    .mini-header ul.quicklinks li {
      float: left;
      display: block;
      background: url("../images/quicklinks_separator.svg") no-repeat left; }
      .mini-header ul.quicklinks li:first-child {
        background: none; }
      .mini-header ul.quicklinks li a {
        display: block;
        height: 40px;
        padding: 0 7px 0 8px;
        color: var(--main-header-text);
        font-size: 13px;
        line-height: 40px;
        text-decoration: none; }
        .mini-header ul.quicklinks li a i {
          display: none; }
        .mini-header ul.quicklinks li a:hover, .mini-header ul.quicklinks li a:focus {
          color: var(--main-header-text-hover);
          text-decoration: none; }
  .mini-header i.search-button {
    position: absolute;
    bottom: -88px;
    right: 15px;
    font-size: 26px;
    color: var(--main-header-icon);
    cursor: pointer; }
  .mini-header a.login-button {
    position: absolute;
    top: 49px;
    right: 57px;
    display: inline-block;
    padding: 5px 10px;
    background: var(--main-header-e-login-background);
    border: 1px solid var(--main-header-e-login-background);
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    transition: background 0.5s; } }
  @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
    .mini-header a.login-button {
      transition: none; } }

@media (min-width: 992px) {
    .mini-header a.login-button strong {
      display: block;
      font-size: 16px;
      font-weight: bold; }
    .mini-header a.login-button:hover {
      background: var(--main-header-e-login-background-hover);
      transition: background 0.5s; } }
    @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
      .mini-header a.login-button:hover {
        transition: none; } }

@media (min-width: 992px) {
  .mini-header ul.login-menu {
    position: absolute;
    top: 55px;
    right: 52px;
    z-index: 9;
    min-width: 130px;
    max-width: 130px;
    margin: 0;
    list-style: none;
    transition: max-width 0.5s 0.2s;
    overflow: hidden; } }
  @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
    .mini-header ul.login-menu {
      transition: none; } }

@media (min-width: 992px) {
    .mini-header ul.login-menu:hover, .mini-header ul.login-menu:focus {
      max-width: 1000px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
      transition: max-width 0.8s 0.2s; } }
    @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
      .mini-header ul.login-menu:hover, .mini-header ul.login-menu:focus {
        transition: none; } }

@media (min-width: 992px) {
    .mini-header ul.login-menu li {
      position: relative; }
      .mini-header ul.login-menu li span {
        display: block;
        height: 40px;
        background: var(--main-header-e-login-background);
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
        transition: background 0.5s; } }
      @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
        .mini-header ul.login-menu li span {
          transition: none; } }

@media (min-width: 992px) {
        .mini-header ul.login-menu li span:after {
          content: '';
          display: inline-block;
          width: 0;
          height: 0;
          margin-left: 10px;
          border-style: solid;
          border-width: 7px 6px 0 6px;
          border-color: #fff transparent transparent transparent;
          vertical-align: middle;
          transition: transform 0.2s;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0); } }
        @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
          .mini-header ul.login-menu li span:after {
            transition: none; } }

@media (min-width: 992px) {
      .mini-header ul.login-menu li:hover span, .mini-header ul.login-menu li:focus span {
        background: #d85505;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transition: background 0.5s; } }
      @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
        .mini-header ul.login-menu li:hover span, .mini-header ul.login-menu li:focus span {
          transition: none; } }

@media (min-width: 992px) {
        .mini-header ul.login-menu li:hover span:after, .mini-header ul.login-menu li:focus span:after {
          transition: transform 0.5s;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); } }
        @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
          .mini-header ul.login-menu li:hover span:after, .mini-header ul.login-menu li:focus span:after {
            transition: none; } }

@media (min-width: 992px) {
      .mini-header ul.login-menu li ul {
        max-height: 0;
        margin: 0;
        background: #fff;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        list-style: none;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
        transition: 0.5s 0.2s; } }
      @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
        .mini-header ul.login-menu li ul {
          transition: none; } }

@media (min-width: 992px) {
        .mini-header ul.login-menu li ul li {
          display: block;
          border-bottom: 1px solid #e6e6e6; }
          .mini-header ul.login-menu li ul li:last-child {
            border-bottom: 0; }
          .mini-header ul.login-menu li ul li a {
            position: relative;
            display: block;
            padding: 15px 40px 15px 22px;
            text-decoration: none;
            white-space: nowrap;
            transition: background 0.5s; } }
          @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
            .mini-header ul.login-menu li ul li a {
              transition: none; } }

@media (min-width: 992px) {
            .mini-header ul.login-menu li ul li a:hover, .mini-header ul.login-menu li ul li a:focus {
              background: var(--main-header-e-login-background);
              color: #fff;
              transition: background 0.5s; } }
            @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
              .mini-header ul.login-menu li ul li a:hover, .mini-header ul.login-menu li ul li a:focus {
                transition: none; } }

@media (min-width: 992px) {
              .mini-header ul.login-menu li ul li a:hover:after, .mini-header ul.login-menu li ul li a:focus:after {
                color: #fff; }
      .mini-header ul.login-menu li:hover ul, .mini-header ul.login-menu li:focus ul {
        max-height: 1000px;
        transition: 0.8s 0.2s; } }
      @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
        .mini-header ul.login-menu li:hover ul, .mini-header ul.login-menu li:focus ul {
          transition: none; } }

.mini-header.lfr-hudcrumbs {
  position: fixed;
  min-height: 52px !important; }
  .mini-header.lfr-hudcrumbs .heading .site-title {
    width: 86px !important;
    height: 72px !important; }
    .mini-header.lfr-hudcrumbs .heading .site-title a {
      background-size: contain !important; }
  .mini-header.lfr-hudcrumbs .heading .navigation > ul > li > a {
    display: none; }
  .mini-header.lfr-hudcrumbs .heading .navigation > ul > li ul.child-menu {
    height: 52px !important;
    top: 0 !important;
    padding-left: 20px !important; }
    .mini-header.lfr-hudcrumbs .heading .navigation > ul > li ul.child-menu li.hasMegaMenu {
      margin-top: 0; }
      .mini-header.lfr-hudcrumbs .heading .navigation > ul > li ul.child-menu li.hasMegaMenu > a {
        height: auto; }
      .mini-header.lfr-hudcrumbs .heading .navigation > ul > li ul.child-menu li.hasMegaMenu .megamenu-dropdown {
        top: 52px; }
  .mini-header.lfr-hudcrumbs ul.quicklinks {
    display: none; }
  .mini-header.lfr-hudcrumbs ul.login-menu,
  .mini-header.lfr-hudcrumbs a.login-button {
    top: 6px !important;
    right: 80px !important; }
  .mini-header.lfr-hudcrumbs ul.login-menu {
    min-width: 0;
    max-width: 1000px; }
    .mini-header.lfr-hudcrumbs ul.login-menu li span {
      display: none; }
    .mini-header.lfr-hudcrumbs ul.login-menu li ul {
      max-height: 1000px; }
      .mini-header.lfr-hudcrumbs ul.login-menu li ul li {
        display: none; }
        .mini-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button {
          display: block; }
          .mini-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a {
            padding: 9px 45px 9px 25px;
            background: var(--main-header-e-login-background);
            border: 0;
            border-radius: 2px;
            color: #fff;
            font-size: 14px;
            text-align: center;
            text-decoration: none;
            transition: background 0.5s, color 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              .mini-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a {
                transition: none; } }
            .mini-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a:after {
              top: 8px;
              color: #fff; }
            .mini-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a:hover, .mini-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a:focus {
              background: var(--main-header-e-login-background-hover);
              transition: background 0.5s, color 0.5s; }
              @media (prefers-reduced-motion: reduce) {
                .mini-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a:hover, .mini-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a:focus {
                  transition: none; } }
            .mini-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a.mini-sticky-button {
              background: #fff;
              color: #003767;
              text-align: left; }
              .mini-header.lfr-hudcrumbs ul.login-menu li ul li.sticky-button a.mini-sticky-button:hover {
                background: var(--main-header-e-login-background);
                color: #fff; }
  .mini-header.lfr-hudcrumbs a.toggle-partially-sighted {
    height: 52px; }
  .mini-header.lfr-hudcrumbs a.login-button {
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 1.3; }
    .mini-header.lfr-hudcrumbs a.login-button strong {
      font-size: 14px; }
  .mini-header.lfr-hudcrumbs i.search-button {
    top: 13px;
    right: 30px !important;
    bottom: auto; }
  .mini-header.lfr-hudcrumbs .header-search {
    position: absolute;
    top: 52px; }

.private #banner .heading .site-title > a.logo, .private .sticky-header .heading .site-title > a.logo, .private .mini-header .heading .site-title > a.logo {
  background-image: url("/o/kh-theme/images/color_schemes/private/logo.svg") !important; }

#banner, .sticky-header, .mini-header {
  position: relative;
  z-index: 500;
  min-height: 110px;
  background: white;
  background: -moz-linear-gradient(180deg, var(--main-header-background) 40px, var(--main-header-level-2-background) 40px);
  background: -webkit-linear-gradient(180deg, var(--main-header-background) 40px, var(--main-header-level-2-background) 40px);
  background: linear-gradient(180deg, var(--main-header-background) 40px, var(--main-header-level-2-background) 40px);
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); }
  #banner.header-controls-hidden, .header-controls-hidden.sticky-header, .header-controls-hidden.mini-header {
    background: #fff; }
  #banner .heading, .sticky-header .heading, .mini-header .heading {
    position: relative;
    max-width: 1264px;
    margin: 0 auto; }
    #banner .heading .site-title, .sticky-header .heading .site-title, .mini-header .heading .site-title {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      width: 164px;
      height: 130px; }
      #banner .heading .site-title > a, .sticky-header .heading .site-title > a, .mini-header .heading .site-title > a {
        display: block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: top center;
        text-indent: -9999px; }
        #banner .heading .site-title > a.logo, .sticky-header .heading .site-title > a.logo, .mini-header .heading .site-title > a.logo {
          background-image: url("/o/kh-theme/images/logo.svg") !important;
          background-size: 154px 130px; }
        #banner .heading .site-title > a ul.child-menu, .sticky-header .heading .site-title > a ul.child-menu, .mini-header .heading .site-title > a ul.child-menu {
          height: 70px; }
    #banner .heading .mobile-navigation, .sticky-header .heading .mobile-navigation, .mini-header .heading .mobile-navigation {
      display: none; }
    #banner .heading .navigation, .sticky-header .heading .navigation, .mini-header .heading .navigation {
      position: relative;
      float: left;
      margin-left: 164px; }
      #banner .heading .navigation > ul, .sticky-header .heading .navigation > ul, .mini-header .heading .navigation > ul {
        padding-left: 20px;
        position: relative;
        margin: 0;
        list-style: none; }
        #banner .heading .navigation > ul > li, .sticky-header .heading .navigation > ul > li, .mini-header .heading .navigation > ul > li {
          position: static;
          float: left;
          display: block;
          box-sizing: border-box;
          height: 40px; }
          #banner .heading .navigation > ul > li.selected, .sticky-header .heading .navigation > ul > li.selected, .mini-header .heading .navigation > ul > li.selected {
            border-bottom: 1px var(--main-header-text-active) solid; }
            #banner .heading .navigation > ul > li.selected > a, .sticky-header .heading .navigation > ul > li.selected > a, .mini-header .heading .navigation > ul > li.selected > a {
              position: relative;
              color: var(--main-header-text-active);
              text-decoration: none; }
          #banner .heading .navigation > ul > li > a, .sticky-header .heading .navigation > ul > li > a, .mini-header .heading .navigation > ul > li > a {
            display: block;
            padding: 0 16px;
            text-align: center;
            color: var(--main-header-text);
            font-size: 13px;
            line-height: 40px;
            text-decoration: none; }
          #banner .heading .navigation > ul > li:hover > a, .sticky-header .heading .navigation > ul > li:hover > a, .mini-header .heading .navigation > ul > li:hover > a, #banner .heading .navigation > ul > li:focus > a, .sticky-header .heading .navigation > ul > li:focus > a, .mini-header .heading .navigation > ul > li:focus > a {
            color: var(--main-header-text-hover);
            text-decoration: none; }
          #banner .heading .navigation > ul > li ul.child-menu, .sticky-header .heading .navigation > ul > li ul.child-menu, .mini-header .heading .navigation > ul > li ul.child-menu {
            position: absolute;
            top: 40px;
            left: 0;
            width: 790px;
            margin: 0;
            height: 70px;
            list-style: none;
            padding-left: 20px;
            display: flex; }
            #banner .heading .navigation > ul > li ul.child-menu > li, .sticky-header .heading .navigation > ul > li ul.child-menu > li, .mini-header .heading .navigation > ul > li ul.child-menu > li {
              position: static;
              display: inline-flex;
              align-items: center;
              height: auto;
              padding: 0;
              margin-top: 0px;
              margin-bottom: 0px; }
              #banner .heading .navigation > ul > li ul.child-menu > li > a, .sticky-header .heading .navigation > ul > li ul.child-menu > li > a, .mini-header .heading .navigation > ul > li ul.child-menu > li > a {
                display: inline-block;
                box-sizing: content-box;
                padding: 16px;
                color: var(--main-header-level-2-text);
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: normal; }
              #banner .heading .navigation > ul > li ul.child-menu > li:hover > a, .sticky-header .heading .navigation > ul > li ul.child-menu > li:hover > a, .mini-header .heading .navigation > ul > li ul.child-menu > li:hover > a, #banner .heading .navigation > ul > li ul.child-menu > li.selected > a, .sticky-header .heading .navigation > ul > li ul.child-menu > li.selected > a, .mini-header .heading .navigation > ul > li ul.child-menu > li.selected > a {
                color: var(--main-header-level-2-text-active);
                text-decoration: none; }
              #banner .heading .navigation > ul > li ul.child-menu > li .megamenu-dropdown, .sticky-header .heading .navigation > ul > li ul.child-menu > li .megamenu-dropdown, .mini-header .heading .navigation > ul > li ul.child-menu > li .megamenu-dropdown {
                position: absolute;
                top: 70px;
                left: 0;
                z-index: 8;
                max-height: 0;
                background: var(--main-header-submenu-background);
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
                font-size: 0;
                overflow: hidden;
                transition: max-height 0.5s 0.5s; }
                @media (prefers-reduced-motion: reduce) {
                  #banner .heading .navigation > ul > li ul.child-menu > li .megamenu-dropdown, .sticky-header .heading .navigation > ul > li ul.child-menu > li .megamenu-dropdown, .mini-header .heading .navigation > ul > li ul.child-menu > li .megamenu-dropdown {
                    transition: none; } }
              #banner .heading .navigation > ul > li ul.child-menu > li:hover .megamenu-dropdown, .sticky-header .heading .navigation > ul > li ul.child-menu > li:hover .megamenu-dropdown, .mini-header .heading .navigation > ul > li ul.child-menu > li:hover .megamenu-dropdown, #banner .heading .navigation > ul > li ul.child-menu > li:focus .megamenu-dropdown, .sticky-header .heading .navigation > ul > li ul.child-menu > li:focus .megamenu-dropdown, .mini-header .heading .navigation > ul > li ul.child-menu > li:focus .megamenu-dropdown {
                z-index: 9;
                max-height: 1000px;
                transition: max-height 0.8s 0.2s; }
                @media (prefers-reduced-motion: reduce) {
                  #banner .heading .navigation > ul > li ul.child-menu > li:hover .megamenu-dropdown, .sticky-header .heading .navigation > ul > li ul.child-menu > li:hover .megamenu-dropdown, .mini-header .heading .navigation > ul > li ul.child-menu > li:hover .megamenu-dropdown, #banner .heading .navigation > ul > li ul.child-menu > li:focus .megamenu-dropdown, .sticky-header .heading .navigation > ul > li ul.child-menu > li:focus .megamenu-dropdown, .mini-header .heading .navigation > ul > li ul.child-menu > li:focus .megamenu-dropdown {
                    transition: none; } }
        #banner .heading .navigation > ul.show-only-root-page-url > li > a, .sticky-header .heading .navigation > ul.show-only-root-page-url > li > a, .mini-header .heading .navigation > ul.show-only-root-page-url > li > a {
          display: none; }
        #banner .heading .navigation > ul.show-only-root-page-url > li.always-visible > a, .sticky-header .heading .navigation > ul.show-only-root-page-url > li.always-visible > a, .mini-header .heading .navigation > ul.show-only-root-page-url > li.always-visible > a {
          display: block; }
    #banner .heading > ul.quicklinks, .sticky-header .heading > ul.quicklinks, .mini-header .heading > ul.quicklinks {
      position: absolute;
      top: 0;
      right: 23px;
      margin: 0;
      list-style: none; }
      #banner .heading > ul.quicklinks li, .sticky-header .heading > ul.quicklinks li, .mini-header .heading > ul.quicklinks li {
        float: left;
        display: block;
        background: url("../images/quicklinks_separator.svg") no-repeat left; }
        #banner .heading > ul.quicklinks li:first-child, .sticky-header .heading > ul.quicklinks li:first-child, .mini-header .heading > ul.quicklinks li:first-child {
          background: none; }
        #banner .heading > ul.quicklinks li a, .sticky-header .heading > ul.quicklinks li a, .mini-header .heading > ul.quicklinks li a {
          display: block;
          height: 40px;
          padding: 0 7px 0 8px;
          color: var(--main-header-text);
          font-size: 13px;
          line-height: 40px;
          text-decoration: none; }
          #banner .heading > ul.quicklinks li a i, .sticky-header .heading > ul.quicklinks li a i, .mini-header .heading > ul.quicklinks li a i {
            display: none; }
          #banner .heading > ul.quicklinks li a:hover, .sticky-header .heading > ul.quicklinks li a:hover, .mini-header .heading > ul.quicklinks li a:hover, #banner .heading > ul.quicklinks li a:focus, .sticky-header .heading > ul.quicklinks li a:focus, .mini-header .heading > ul.quicklinks li a:focus {
            color: var(--main-header-text-hover);
            text-decoration: none; }
  #banner i.search-button, .sticky-header i.search-button, .mini-header i.search-button {
    position: absolute;
    bottom: -88px;
    right: 0;
    font-size: 26px;
    color: var(--main-header-icon);
    cursor: pointer; }
  #banner a.login-button, .sticky-header a.login-button, .mini-header a.login-button {
    position: absolute;
    top: 49px;
    right: 40px;
    display: inline-block;
    padding: 5px 10px;
    background: var(--main-header-e-login-background);
    border: 1px solid var(--main-header-e-login-background);
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    transition: background 0.5s; }
    @media (prefers-reduced-motion: reduce) {
      #banner a.login-button, .sticky-header a.login-button, .mini-header a.login-button {
        transition: none; } }
    #banner a.login-button strong, .sticky-header a.login-button strong, .mini-header a.login-button strong {
      display: block;
      font-size: 16px;
      font-weight: bold; }
    #banner a.login-button:hover, .sticky-header a.login-button:hover, .mini-header a.login-button:hover {
      background: var(--main-header-e-login-background-hover);
      transition: background 0.5s; }
      @media (prefers-reduced-motion: reduce) {
        #banner a.login-button:hover, .sticky-header a.login-button:hover, .mini-header a.login-button:hover {
          transition: none; } }
  #banner ul.login-menu, .sticky-header ul.login-menu, .mini-header ul.login-menu {
    position: absolute;
    top: 55px;
    right: 40px;
    z-index: 9;
    min-width: 130px;
    max-width: 130px;
    margin: 0;
    list-style: none;
    transition: max-width 0.5s 0.2s;
    overflow: hidden; }
    @media (prefers-reduced-motion: reduce) {
      #banner ul.login-menu, .sticky-header ul.login-menu, .mini-header ul.login-menu {
        transition: none; } }
    #banner ul.login-menu:hover, .sticky-header ul.login-menu:hover, .mini-header ul.login-menu:hover, #banner ul.login-menu:focus, .sticky-header ul.login-menu:focus, .mini-header ul.login-menu:focus {
      max-width: 1000px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
      transition: max-width 0.8s 0.2s; }
      @media (prefers-reduced-motion: reduce) {
        #banner ul.login-menu:hover, .sticky-header ul.login-menu:hover, .mini-header ul.login-menu:hover, #banner ul.login-menu:focus, .sticky-header ul.login-menu:focus, .mini-header ul.login-menu:focus {
          transition: none; } }
    #banner ul.login-menu li, .sticky-header ul.login-menu li, .mini-header ul.login-menu li {
      position: relative; }
      #banner ul.login-menu li span, .sticky-header ul.login-menu li span, .mini-header ul.login-menu li span {
        display: block;
        height: 40px;
        background: var(--main-header-e-login-background);
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
        transition: background 0.5s; }
        @media (prefers-reduced-motion: reduce) {
          #banner ul.login-menu li span, .sticky-header ul.login-menu li span, .mini-header ul.login-menu li span {
            transition: none; } }
        #banner ul.login-menu li span:after, .sticky-header ul.login-menu li span:after, .mini-header ul.login-menu li span:after {
          width: 0;
          height: 0;
          margin-left: 10px;
          content: " ";
          display: inline-block;
          border-style: solid;
          border-width: 7px 6px 0 6px;
          border-color: #fff transparent transparent transparent;
          text-rendering: auto;
          vertical-align: middle;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          pointer-events: none;
          transition: transform 0.2s;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0); }
          @media (prefers-reduced-motion: reduce) {
            #banner ul.login-menu li span:after, .sticky-header ul.login-menu li span:after, .mini-header ul.login-menu li span:after {
              transition: none; } }
      #banner ul.login-menu li:hover span, .sticky-header ul.login-menu li:hover span, .mini-header ul.login-menu li:hover span, #banner ul.login-menu li:focus span, .sticky-header ul.login-menu li:focus span, .mini-header ul.login-menu li:focus span {
        background: var(--main-header-e-login-background-hover);
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transition: background 0.5s; }
        @media (prefers-reduced-motion: reduce) {
          #banner ul.login-menu li:hover span, .sticky-header ul.login-menu li:hover span, .mini-header ul.login-menu li:hover span, #banner ul.login-menu li:focus span, .sticky-header ul.login-menu li:focus span, .mini-header ul.login-menu li:focus span {
            transition: none; } }
        #banner ul.login-menu li:hover span:after, .sticky-header ul.login-menu li:hover span:after, .mini-header ul.login-menu li:hover span:after, #banner ul.login-menu li:focus span:after, .sticky-header ul.login-menu li:focus span:after, .mini-header ul.login-menu li:focus span:after {
          transition: transform 0.5s;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
          @media (prefers-reduced-motion: reduce) {
            #banner ul.login-menu li:hover span:after, .sticky-header ul.login-menu li:hover span:after, .mini-header ul.login-menu li:hover span:after, #banner ul.login-menu li:focus span:after, .sticky-header ul.login-menu li:focus span:after, .mini-header ul.login-menu li:focus span:after {
              transition: none; } }
      #banner ul.login-menu li ul, .sticky-header ul.login-menu li ul, .mini-header ul.login-menu li ul {
        max-height: 0;
        margin: 0;
        background: #fff;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        list-style: none;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
        transition: 0.5s 0.2s; }
        @media (prefers-reduced-motion: reduce) {
          #banner ul.login-menu li ul, .sticky-header ul.login-menu li ul, .mini-header ul.login-menu li ul {
            transition: none; } }
        #banner ul.login-menu li ul li, .sticky-header ul.login-menu li ul li, .mini-header ul.login-menu li ul li {
          display: block;
          border-bottom: 1px solid #e6e6e6; }
          #banner ul.login-menu li ul li:last-child, .sticky-header ul.login-menu li ul li:last-child, .mini-header ul.login-menu li ul li:last-child {
            border-bottom: 0; }
          #banner ul.login-menu li ul li a, .sticky-header ul.login-menu li ul li a, .mini-header ul.login-menu li ul li a {
            color: var(--main-header-level-2-text);
            position: relative;
            display: block;
            padding: 15px 40px 15px 22px;
            text-decoration: none;
            white-space: nowrap;
            transition: background 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              #banner ul.login-menu li ul li a, .sticky-header ul.login-menu li ul li a, .mini-header ul.login-menu li ul li a {
                transition: none; } }
            #banner ul.login-menu li ul li a:after, .sticky-header ul.login-menu li ul li a:after, .mini-header ul.login-menu li ul li a:after {
              content: "\f105";
              font-family: FontAwesome;
              position: absolute;
              top: 14px;
              right: 10px;
              display: inline-block;
              color: var(--main-header-e-login-background);
              font: normal normal normal 14px/1 FontAwesome;
              font-size: 20px;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            #banner ul.login-menu li ul li a:hover, .sticky-header ul.login-menu li ul li a:hover, .mini-header ul.login-menu li ul li a:hover, #banner ul.login-menu li ul li a:focus, .sticky-header ul.login-menu li ul li a:focus, .mini-header ul.login-menu li ul li a:focus {
              background: var(--main-header-e-login-background);
              color: #fff;
              transition: background 0.5s; }
              @media (prefers-reduced-motion: reduce) {
                #banner ul.login-menu li ul li a:hover, .sticky-header ul.login-menu li ul li a:hover, .mini-header ul.login-menu li ul li a:hover, #banner ul.login-menu li ul li a:focus, .sticky-header ul.login-menu li ul li a:focus, .mini-header ul.login-menu li ul li a:focus {
                  transition: none; } }
              #banner ul.login-menu li ul li a:hover:after, .sticky-header ul.login-menu li ul li a:hover:after, .mini-header ul.login-menu li ul li a:hover:after, #banner ul.login-menu li ul li a:focus:after, .sticky-header ul.login-menu li ul li a:focus:after, .mini-header ul.login-menu li ul li a:focus:after {
                color: #fff; }
      #banner ul.login-menu li:hover ul, .sticky-header ul.login-menu li:hover ul, .mini-header ul.login-menu li:hover ul, #banner ul.login-menu li:focus ul, .sticky-header ul.login-menu li:focus ul, .mini-header ul.login-menu li:focus ul {
        max-height: 1000px;
        transition: 0.8s 0.2s; }
        @media (prefers-reduced-motion: reduce) {
          #banner ul.login-menu li:hover ul, .sticky-header ul.login-menu li:hover ul, .mini-header ul.login-menu li:hover ul, #banner ul.login-menu li:focus ul, .sticky-header ul.login-menu li:focus ul, .mini-header ul.login-menu li:focus ul {
            transition: none; } }

@media (max-width: 1339px) {
  #banner, .sticky-header, .mini-header {
    min-height: 100px; }
    #banner .heading, .sticky-header .heading, .mini-header .heading {
      max-width: 960px; }
      #banner .heading .site-title, .sticky-header .heading .site-title, .mini-header .heading .site-title {
        width: 132px;
        height: 105px; }
        #banner .heading .site-title a.logo, .sticky-header .heading .site-title a.logo, .mini-header .heading .site-title a.logo {
          background-size: 116px 105px;
          background-position: center -2px; }
      #banner .heading .navigation, .sticky-header .heading .navigation, .mini-header .heading .navigation {
        margin-left: 132px; }
        #banner .heading .navigation > ul > li > a, .sticky-header .heading .navigation > ul > li > a, .mini-header .heading .navigation > ul > li > a {
          width: auto;
          padding: 0 8px;
          font-size: 12px; }
        #banner .heading .navigation > ul > li ul.child-menu, .sticky-header .heading .navigation > ul > li ul.child-menu, .mini-header .heading .navigation > ul > li ul.child-menu {
          height: 60px;
          padding-left: 12px; }
          #banner .heading .navigation > ul > li ul.child-menu > li > a, .sticky-header .heading .navigation > ul > li ul.child-menu > li > a, .mini-header .heading .navigation > ul > li ul.child-menu > li > a {
            font-size: 14px;
            font-style: normal;
            line-height: normal; }
          #banner .heading .navigation > ul > li ul.child-menu > li:hover > a, .sticky-header .heading .navigation > ul > li ul.child-menu > li:hover > a, .mini-header .heading .navigation > ul > li ul.child-menu > li:hover > a, #banner .heading .navigation > ul > li ul.child-menu > li.selected > a, .sticky-header .heading .navigation > ul > li ul.child-menu > li.selected > a, .mini-header .heading .navigation > ul > li ul.child-menu > li.selected > a {
            font-size: 14px;
            font-style: normal;
            line-height: normal; }
          #banner .heading .navigation > ul > li ul.child-menu > li .megamenu-dropdown, .sticky-header .heading .navigation > ul > li ul.child-menu > li .megamenu-dropdown, .mini-header .heading .navigation > ul > li ul.child-menu > li .megamenu-dropdown {
            top: 60px; }
      #banner .heading > ul.quicklinks, .sticky-header .heading > ul.quicklinks, .mini-header .heading > ul.quicklinks {
        right: 15px;
        font-size: 12px; }
    #banner i.search-button, .sticky-header i.search-button, .mini-header i.search-button {
      bottom: -83px; }
    #banner a.login-button, .sticky-header a.login-button, .mini-header a.login-button {
      top: 44px; }
    #banner ul.login-menu, .sticky-header ul.login-menu, .mini-header ul.login-menu {
      top: 50px; } }

@media (max-width: 991px) {
  #banner, .sticky-header, .mini-header {
    display: flex;
    background: var(--main-header-level-2-background);
    min-height: 69px; }
    #banner .heading, .sticky-header .heading, .mini-header .heading {
      width: 100vw;
      justify-content: flex-end; }
      #banner .heading .site-title, .sticky-header .heading .site-title, .mini-header .heading .site-title {
        left: 16px;
        width: 66px;
        height: 60px; }
        #banner .heading .site-title a.logo, .sticky-header .heading .site-title a.logo, .mini-header .heading .site-title a.logo {
          background-size: 66px 60px; }
      #banner .heading .mobile-navigation, .sticky-header .heading .mobile-navigation, .mini-header .heading .mobile-navigation {
        display: block;
        position: absolute;
        top: 67px;
        left: 0;
        z-index: 13;
        width: 100%;
        max-height: 0;
        background: #fff;
        box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.16);
        transition: 0.5s;
        overflow: hidden; } }
      @media (max-width: 991px) and (prefers-reduced-motion: reduce) {
        #banner .heading .mobile-navigation, .sticky-header .heading .mobile-navigation, .mini-header .heading .mobile-navigation {
          transition: none; } }

@media (max-width: 991px) {
        #banner .heading .mobile-navigation.show, .sticky-header .heading .mobile-navigation.show, .mini-header .heading .mobile-navigation.show {
          max-height: 99999px;
          overflow: hidden;
          transition: 0.5s; } }
        @media (max-width: 991px) and (prefers-reduced-motion: reduce) {
          #banner .heading .mobile-navigation.show, .sticky-header .heading .mobile-navigation.show, .mini-header .heading .mobile-navigation.show {
            transition: none; } }

@media (max-width: 991px) {
        #banner .heading .mobile-navigation #menu-level-1, .sticky-header .heading .mobile-navigation #menu-level-1, .mini-header .heading .mobile-navigation #menu-level-1 {
          display: grid;
          margin: 32px 0 32px 0;
          padding: 0 16px;
          grid-template-columns: 1fr 1fr;
          grid-template-rows: 100%;
          grid-column-gap: 16px; }
          #banner .heading .mobile-navigation #menu-level-1 .select-wrapper, .sticky-header .heading .mobile-navigation #menu-level-1 .select-wrapper, .mini-header .heading .mobile-navigation #menu-level-1 .select-wrapper {
            display: flex;
            width: 100%;
            position: relative; }
            #banner .heading .mobile-navigation #menu-level-1 .select-wrapper select.menu-dropdown, .sticky-header .heading .mobile-navigation #menu-level-1 .select-wrapper select.menu-dropdown, .mini-header .heading .mobile-navigation #menu-level-1 .select-wrapper select.menu-dropdown {
              max-height: 18px;
              border: 1px solid #C7D5E2;
              background: #F8FBFD;
              border-radius: 8px;
              color: var(--main-header-level-2-text);
              font-size: 16px;
              font-style: normal;
              font-weight: 700;
              line-height: 18px;
              /* 112.5% */
              padding: 16px;
              width: 100%; }
              #banner .heading .mobile-navigation #menu-level-1 .select-wrapper select.menu-dropdown option, .sticky-header .heading .mobile-navigation #menu-level-1 .select-wrapper select.menu-dropdown option, .mini-header .heading .mobile-navigation #menu-level-1 .select-wrapper select.menu-dropdown option {
                background-color: #fff;
                padding: 16px;
                color: var(--main-header-level-2-text);
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 18px;
                /* 112.5% */ }
            #banner .heading .mobile-navigation #menu-level-1 .select-wrapper:after, .sticky-header .heading .mobile-navigation #menu-level-1 .select-wrapper:after, .mini-header .heading .mobile-navigation #menu-level-1 .select-wrapper:after {
              position: absolute;
              top: 14px;
              right: 16px;
              content: "\f107";
              display: inline-block;
              font: normal normal normal 14px/1 FontAwesome;
              font-size: 22px;
              color: var(--main-header-level-2-text);
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              pointer-events: none; }
            #banner .heading .mobile-navigation #menu-level-1 .select-wrapper.mobile-login-menu-wrapper select.menu-dropdown, .sticky-header .heading .mobile-navigation #menu-level-1 .select-wrapper.mobile-login-menu-wrapper select.menu-dropdown, .mini-header .heading .mobile-navigation #menu-level-1 .select-wrapper.mobile-login-menu-wrapper select.menu-dropdown {
              border: 1px solid var(--main-header-e-login-background);
              background: var(--main-header-e-login-background);
              border-radius: 8px;
              color: #FFF;
              max-height: 18px; }
            #banner .heading .mobile-navigation #menu-level-1 .select-wrapper.mobile-login-menu-wrapper:after, .sticky-header .heading .mobile-navigation #menu-level-1 .select-wrapper.mobile-login-menu-wrapper:after, .mini-header .heading .mobile-navigation #menu-level-1 .select-wrapper.mobile-login-menu-wrapper:after {
              color: #fff; }
        #banner .heading .mobile-navigation #menu-level-2 .child-menu, .sticky-header .heading .mobile-navigation #menu-level-2 .child-menu, .mini-header .heading .mobile-navigation #menu-level-2 .child-menu {
          margin: 0; }
          #banner .heading .mobile-navigation #menu-level-2 .child-menu .language-container, .sticky-header .heading .mobile-navigation #menu-level-2 .child-menu .language-container, .mini-header .heading .mobile-navigation #menu-level-2 .child-menu .language-container {
            position: relative;
            background-color: #fff;
            padding: 24px 16px 24px 48px;
            color: var(--main-header-level-2-text);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px; }
            #banner .heading .mobile-navigation #menu-level-2 .child-menu .language-container::marker, .sticky-header .heading .mobile-navigation #menu-level-2 .child-menu .language-container::marker, .mini-header .heading .mobile-navigation #menu-level-2 .child-menu .language-container::marker {
              content: '';
              display: none; }
            #banner .heading .mobile-navigation #menu-level-2 .child-menu .language-container::before, .sticky-header .heading .mobile-navigation #menu-level-2 .child-menu .language-container::before, .mini-header .heading .mobile-navigation #menu-level-2 .child-menu .language-container::before {
              position: absolute;
              width: 24px;
              height: 24px;
              background: #fff url("/o/kh-theme/images/globe.svg") no-repeat center center;
              background-size: contain;
              content: ' ';
              top: 24px;
              left: 16px; }
      #banner .heading .navigation-button, .sticky-header .heading .navigation-button, .mini-header .heading .navigation-button {
        position: relative;
        float: right;
        display: block !important;
        width: 24px;
        height: 69px;
        color: var(--main-header-icon);
        font-size: 28px;
        text-align: center;
        line-height: 61px;
        cursor: pointer;
        margin-right: 55px; }
        #banner .heading .navigation-button:before, .sticky-header .heading .navigation-button:before, .mini-header .heading .navigation-button:before {
          width: 24px; }
      #banner .heading i.search-button, .sticky-header .heading i.search-button, .mini-header .heading i.search-button {
        position: absolute;
        top: 0;
        right: 103px;
        display: block;
        width: 24px;
        height: 69px;
        color: var(--main-header-icon);
        font-size: 26px;
        text-align: center;
        line-height: 61px;
        cursor: pointer; }
        #banner .heading i.search-button:before, .sticky-header .heading i.search-button:before, .mini-header .heading i.search-button:before {
          width: 24px; }
      #banner .heading > ul.quicklinks, .sticky-header .heading > ul.quicklinks, .mini-header .heading > ul.quicklinks {
        display: none; }
    #banner ul.login-menu, .sticky-header ul.login-menu, .mini-header ul.login-menu {
      display: none; }
    #banner a.toggle-partially-sighted, .sticky-header a.toggle-partially-sighted, .mini-header a.toggle-partially-sighted {
      height: 61px;
      right: 16px; } }

@media (max-width: 767px) {
  #banner .heading .mobile-navigation #menu-level-1, .sticky-header .heading .mobile-navigation #menu-level-1, .mini-header .heading .mobile-navigation #menu-level-1 {
    display: flex;
    justify-content: space-around;
    align-items: center; }
    #banner .heading .mobile-navigation #menu-level-1 .select-wrapper, .sticky-header .heading .mobile-navigation #menu-level-1 .select-wrapper, .mini-header .heading .mobile-navigation #menu-level-1 .select-wrapper {
      flex: 1 1 auto;
      width: auto; }
      #banner .heading .mobile-navigation #menu-level-1 .select-wrapper select.menu-dropdown, .sticky-header .heading .mobile-navigation #menu-level-1 .select-wrapper select.menu-dropdown, .mini-header .heading .mobile-navigation #menu-level-1 .select-wrapper select.menu-dropdown {
        padding-right: 32px; }
      #banner .heading .mobile-navigation #menu-level-1 .select-wrapper::after, .sticky-header .heading .mobile-navigation #menu-level-1 .select-wrapper::after, .mini-header .heading .mobile-navigation #menu-level-1 .select-wrapper::after {
        position: relative;
        right: 32px;
        width: 0; }
    #banner .heading .mobile-navigation #menu-level-1 .mobile-login-menu-wrapper, .sticky-header .heading .mobile-navigation #menu-level-1 .mobile-login-menu-wrapper, .mini-header .heading .mobile-navigation #menu-level-1 .mobile-login-menu-wrapper {
      flex: 1 9999 auto; } }

#banner, .sticky-header, .mini-header {
  --main-header-submenu-font-weight-hover:400;
  --main-header-highlight-font-weight-hover:700; }

.private #banner, .private .sticky-header, .private .mini-header {
  --main-header-submenu-font-weight-hover:400;
  --main-header-highlight-font-weight-hover:700; }

#banner, .sticky-header, .mini-header {
  --main-header-background: #e6f7fe;
  --main-header-text: #4D7293;
  --main-header-text-active:#00AEEF;
  --main-header-text-hover:#00AEEF;
  --main-header-level-2-background:#fff;
  --main-header-level-2-text:#003665;
  --main-header-level-2-text-active:#00AEEF;
  --main-header-submenu-background:#e6f7fe;
  --main-header-submenu-text:#003665;
  --main-header-submenu-text-hover:#00AEEF;
  --main-header-submenu-mobile-tablet-background:#cceffc;
  --main-header-submenu-mobile-tablet-background2:#F8FBFD;
  --main-header-highlight-background:#00AEEF;
  --main-header-highlight-button-background:#FFF;
  --main-header-highlight-button-border: #0036651A;
  --main-header-highlight-button-background-hover:#FA6D16;
  --main-header-highlight-button-border-hover:#FA6D16;
  --main-header-highlight-button-box-shadow:rgba(0, 54, 101, 0.16);
  --main-header-highlight-button-text:#003665;
  --main-header-highlight-button-text-hover:#FFF;
  --main-header-icon: #00AEEF;
  --main-header-e-login-background:#FA6D16;
  --main-header-e-login-background-hover:#D85505FF;
  --main-header-e-login-text:#FFF; }

.private #banner, .private .sticky-header, .private .mini-header {
  --main-header-background: #F0F0F0;
  --main-header-text: #5F636A;
  --main-header-text-active: #374254;
  --main-header-text-hover: #374254;
  --main-header-level-2-text:#344253;
  --main-header-level-2-text-active:#344253;
  --main-header-submenu-background:#F9F9F9;
  --main-header-submenu-mobile-tablet-background:#F0F0F0;
  --main-header-submenu-mobile-tablet-background2:#F9F9F9;
  --main-header-submenu-text:#344253;
  --main-header-submenu-text-hover:#00AEEF;
  --main-header-highlight-background:#344253;
  --main-header-highlight-button-border: #0036651A;
  --main-header-highlight-button-background-hover:#344253;
  --main-header-highlight-button-border-hover:#FFF;
  --main-header-highlight-button-box-shadow:rgba(0, 0, 0, 0.24);
  --main-header-highlight-button-text:#003665;
  --main-header-highlight-button-text-hover:#FFF;
  --main-header-icon: #11366A;
  --main-header-e-login-background:#344253;
  --main-header-e-login-background-hover:#344253;
  --main-header-e-login-text:#FFF; }

a.toggle-partially-sighted {
  background: url(../images/partially-sighted.png) no-repeat 0 center !important;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 15px; }

.heading .mobile-navigation #menu-level-2 ul li a {
  color: #003767; }

@media (min-width: 992px) {
  .header-search {
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 8;
    width: 100%;
    max-height: 0;
    background: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    transition: 0.5s; } }
  @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
    .header-search {
      transition: none; } }

@media (min-width: 992px) {
    .header-search.show {
      max-height: 1000px;
      transition: 0.8s; } }
    @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
      .header-search.show {
        transition: none; } }

@media (min-width: 992px) {
    .header-search .search-field {
      max-width: 1264px;
      margin: 0 auto;
      padding: 25px 0;
      overflow: hidden; }
      .header-search .search-field input[type="search"],
      .header-search .search-field input[type="text"] {
        float: none;
        width: calc(100% - 230px);
        height: 38px;
        margin: 0;
        padding: 6px 25px;
        border: 0;
        color: #003767;
        font-size: 15px; }
      .header-search .search-field button[type="submit"] {
        float: right;
        width: 155px;
        height: 50px;
        margin-left: 20px;
        background: #00aeef;
        border: 0;
        border-radius: 4px;
        color: #fff;
        font-size: 15px;
        text-shadow: none;
        box-shadow: none;
        outline: none;
        transition: background 0.5s; } }
      @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
        .header-search .search-field button[type="submit"] {
          transition: none; } }

@media (min-width: 992px) {
        .header-search .search-field button[type="submit"]:hover, .header-search .search-field button[type="submit"]:focus {
          background: #0089bc;
          transition: background 0.5s; } }
        @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
          .header-search .search-field button[type="submit"]:hover, .header-search .search-field button[type="submit"]:focus {
            transition: none; } }

@media (min-width: 992px) {
        .header-search .search-field button[type="submit"] i {
          margin-left: 10px; } }

@media (min-width: 1340px) {
  .header-search {
    top: 110px; } }

#banner .heading .navigation-button, .sticky-header .heading .navigation-button, .mini-header .heading .navigation-button,
.sticky-header .heading .navigation-button,
.mini-header .heading .navigation-button {
  display: none; }

#banner.header-navigation-level-2-hidden, .header-navigation-level-2-hidden.sticky-header, .header-navigation-level-2-hidden.mini-header,
.sticky-header.header-navigation-level-2-hidden,
.mini-header.header-navigation-level-2-hidden {
  min-height: 40px;
  box-shadow: none; }
  #banner.header-navigation-level-2-hidden .heading .navigation > ul > li ul.child-menu, .header-navigation-level-2-hidden.sticky-header .heading .navigation > ul > li ul.child-menu, .header-navigation-level-2-hidden.mini-header .heading .navigation > ul > li ul.child-menu,
  .sticky-header.header-navigation-level-2-hidden .heading .navigation > ul > li ul.child-menu,
  .mini-header.header-navigation-level-2-hidden .heading .navigation > ul > li ul.child-menu {
    display: none; }

.videos-heading-h3 {
  max-width: 830px;
  margin: 0 auto 20px;
  font-size: 20px;
  text-align: center; }

.card-titles-heading-h3 {
  min-height: 44px;
  margin: 0 20px 20px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: bold; }

.mobile-tablet-navigation-p {
  font-size: 2.5rem;
  display: block; }

.mobile-tablet-contact-and-others-p {
  font-size: 2.5rem; }

.news-title-heading-h3 {
  font-size: 18px;
  line-height: 1.25;
  color: #fa6d16; }

.footer-follow-us-p {
  font-size: 14px;
  margin: 0 0 25px;
  line-height: 1.25;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizeLegibility; }

.slide-title-p {
  margin: 0 0 20px;
  font-size: 24px;
  display: block;
  font-weight: bold;
  line-height: 1.25;
  font-family: inherit;
  color: inherit;
  text-rendering: optimizeLegibility; }

.tab-title-heading-h3 {
  width: inherit;
  height: inherit;
  background: 0;
  border-bottom: inherit;
  border-radius: 0;
  color: inherit;
  border-color: inherit;
  font-size: inherit;
  text-indent: 0;
  line-height: inherit;
  font-weight: inherit; }

.eng-news-title-heading-h3 {
  font-size: 18px;
  color: #fa6d16;
  margin: 0 0 15px;
  line-height: 1.25; }

.news-title-p {
  margin: 0 0 15px;
  color: #00aeef;
  font-size: 22px;
  line-height: 1.25;
  display: block;
  font-family: inherit;
  font-weight: bold;
  text-rendering: optimizeLegibility; }

.news-subtitle-p {
  margin: 0 0 10px;
  color: #00aeef;
  font-size: 16px;
  line-height: 1.25;
  display: block;
  font-family: inherit;
  font-weight: bold;
  text-rendering: optimizeLegibility; }

.private-bank-title-heading-h2 {
  text-align: center;
  font-size: 32px;
  margin: 0 0 35px 0;
  color: #344253; }

.striped-title-heading-h2 {
  cursor: text;
  margin: 0;
  color: #00aeef;
  font-size: 32px;
  text-align: center;
  line-height: 1.25;
  font-weight: bold; }

.useful-links-heading-h2 {
  margin-bottom: 40px;
  color: #00aeef;
  font-size: 28px;
  text-align: center; }

.life-insurance-title {
  margin-bottom: 0;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700; }

.journal-content-heading-h3 {
  max-width: inherit;
  font-size: inherit;
  margin-bottom: inherit; }

.corporate-header-heading-h1 {
  max-width: 475px;
  font-size: 30px;
  position: absolute;
  top: 50%;
  float: left;
  margin: 0;
  transform: translateY(-50%); }

.journal-content-heading-h3 {
  max-width: inherit;
  font-size: inherit;
  margin-bottom: inherit; }

.hero-header-heading-h1 {
  margin-bottom: 20px;
  font-size: 30px;
  max-width: 450px; }

@media (max-width: 1339px) {
  .hero-header-heading-h1 {
    max-width: 300px;
    font-size: 25px; }
  .corporate-header-heading-h1 {
    max-width: 330px;
    font-size: 26px; } }

@media (max-width: 991px) {
  .hero-header-heading-h1 {
    max-width: 100%; }
  .corporate-header-heading-h1 {
    max-width: 215px;
    font-size: 20px; } }

@media (max-width: 767px) and (max-width: 979px) {
  .hero-header-heading-h1 {
    font-size: 18px; } }

@media (max-width: 767px) {
  .corporate-header-heading-h1 {
    position: static;
    float: none;
    max-width: 100%;
    margin: 0;
    padding: 20px;
    background: #00aeef;
    transform: none; } }

.hero-header {
  background-repeat: no-repeat;
  background-position: center top; }
  .hero-header .wrap {
    position: relative;
    max-width: 1264px;
    min-height: 350px;
    margin: 0 auto; }
    .hero-header .wrap h2 {
      margin-bottom: 20px;
      font-size: 30px;
      max-width: 450px; }
    .hero-header .wrap .align {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block; }
      .hero-header .wrap .align .hero-content {
        max-width: 450px; }
        .hero-header .wrap .align .hero-content ul.kh-list-2 {
          margin: 0 0 35px;
          list-style: none;
          padding: 0; }
          .hero-header .wrap .align .hero-content ul.kh-list-2 li {
            position: relative;
            margin-bottom: 10px;
            padding-left: 22px;
            line-height: 1.4; }
            .hero-header .wrap .align .hero-content ul.kh-list-2 li:before {
              color: #00aeef;
              content: "\e93e";
              position: absolute;
              top: 3px;
              left: 0;
              display: inline-block;
              font: normal normal normal 14px/1 khicon;
              font-size: inherit;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            .hero-header .wrap .align .hero-content ul.kh-list-2 li h4 {
              margin: 0 0 15px;
              line-height: 1.25;
              font-size: 17.5px; }
        .hero-header .wrap .align .hero-content p {
          margin-bottom: 15px; }
          .hero-header .wrap .align .hero-content p a.btn.kh-button-3 {
            background: #00aeef;
            color: #fff;
            cursor: pointer;
            padding: 16px 24px; }
            .hero-header .wrap .align .hero-content p a.btn.kh-button-3:hover {
              background: #fa6d16; }

@media (max-width: 1339px) {
  .hero-header .wrap {
    max-width: 960px; }
    .hero-header .wrap h2 {
      max-width: 300px;
      font-size: 25px; } }

@media (max-width: 991px) {
  .hero-header {
    padding-top: 20px;
    padding-bottom: 20px;
    background-position: left; }
    .hero-header .wrap {
      max-width: 728px;
      padding: 0 20px;
      min-height: 0; }
      .hero-header .wrap h2 {
        max-width: 100%; }
      .hero-header .wrap .align {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: static;
        top: auto; } }

@media (max-width: 767px) and (max-width: 979px) {
  .hero-header .wrap h2 {
    font-size: 18px; }
  .hero-header .wrap .align .hero-content p a.btn.kh-button-3 {
    box-sizing: border-box;
    margin-top: 5px;
    width: 100%; } }

.images-and-texts {
  width: 100%; }
  .images-and-texts hr {
    margin: 0; }
  .images-and-texts .image-and-text-wrapper {
    align-items: center;
    display: flex; }
    .images-and-texts .image-and-text-wrapper .image-and-text {
      max-width: 991px;
      margin: 20px auto;
      display: grid;
      grid-template-areas: "left right";
      grid-column-gap: 20px;
      align-items: center; }
      .images-and-texts .image-and-text-wrapper .image-and-text .iat-image {
        grid-area: right;
        padding: 0; }
        .images-and-texts .image-and-text-wrapper .image-and-text .iat-image img {
          max-width: 350px;
          padding: 0;
          border-radius: 4px; }
      .images-and-texts .image-and-text-wrapper .image-and-text .iat-text {
        vertical-align: middle;
        padding: 0;
        grid-area: left; }
      .images-and-texts .image-and-text-wrapper .image-and-text.left .iat-image {
        grid-area: left; }
      .images-and-texts .image-and-text-wrapper .image-and-text.left .iat-text {
        grid-area: right; }
      .images-and-texts .image-and-text-wrapper .image-and-text h3 {
        font-size: 24.5px; }

@media (max-width: 991px) {
  .images-and-texts {
    display: block; }
    .images-and-texts .image-and-text-wrapper .image-and-text {
      display: block;
      max-width: 767px;
      padding: 0 20px; }
      .images-and-texts .image-and-text-wrapper .image-and-text .iat-image {
        display: flex;
        justify-content: center;
        align-items: center;
        grid-area: right;
        padding: 0 0 20px; }
        .images-and-texts .image-and-text-wrapper .image-and-text .iat-image img {
          margin: auto; } }

.insurance-mainpage-portlets {
  background-repeat: no-repeat;
  background-position: center top; }
  .insurance-mainpage-portlets .wrap {
    max-width: 1264px;
    min-height: 515px;
    margin: 0 auto;
    padding-top: 40px; }
    .insurance-mainpage-portlets .wrap .row-fluid {
      width: 100%; }
      .insurance-mainpage-portlets .wrap .row-fluid:before {
        display: table;
        content: "";
        line-height: 0; }
      .insurance-mainpage-portlets .wrap .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
        clear: both; }
      .insurance-mainpage-portlets .wrap .row-fluid .span6 {
        display: block;
        box-sizing: border-box;
        float: left;
        width: 48.93617%;
        margin-left: 2.12766%; }
        .insurance-mainpage-portlets .wrap .row-fluid .span6:first-child {
          margin-left: 0; }
        .insurance-mainpage-portlets .wrap .row-fluid .span6 .portlet-boundary {
          padding-bottom: 20px; }
          .insurance-mainpage-portlets .wrap .row-fluid .span6 .portlet-boundary .portlet-content {
            background: transparent; }
  .insurance-mainpage-portlets .insurance-calculators {
    background: #f9f9f9;
    border: 1px solid #e3e3e3;
    border-radius: 4px; }
    .insurance-mainpage-portlets .insurance-calculators > h2 {
      margin: 0;
      padding: 30px;
      color: #00aeef;
      font-size: 32px;
      text-align: center;
      line-height: 1.25; }
    .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs {
      position: relative;
      margin: 0;
      padding: 0 10px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
      border-bottom: 1px solid #ddd; }
      .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs:before {
        display: table;
        content: "";
        line-height: 0; }
      .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs:after {
        display: table;
        content: "";
        line-height: 0;
        clear: both; }
      .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs > li {
        margin-bottom: -1px;
        float: left;
        line-height: 20px; }
        .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs > li > a {
          padding: 8px;
          background: 0;
          border: 0;
          border-bottom: 4px solid transparent;
          color: #a0aaba;
          font-weight: bold;
          text-decoration: none;
          outline: 0; }
      .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs > li.active > a {
        color: #003767;
        border-color: #00aeef; }
    .insurance-mainpage-portlets .insurance-calculators .tab-content {
      overflow: auto; }
      .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane {
        min-height: 285px;
        padding: 25px 30px;
        background: #fff;
        display: none; }
        .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane.active {
          display: block; }
        .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form {
          margin: 0; }
          .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form .success:after {
            display: none; }
          .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset {
            padding: 0;
            margin: 0;
            border: 0; }
            .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container {
              max-width: 700px;
              margin: 0 auto 10px; }
              .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container span.control-label {
                margin: 0 0 30px;
                color: #003767;
                font-size: 22px;
                font-weight: bold;
                text-align: center;
                line-height: 1.2;
                display: block; }
              .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-select {
                margin-bottom: 10px;
                overflow: hidden; }
                .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-select label {
                  float: left;
                  width: 170px;
                  font-weight: bold;
                  line-height: 28px;
                  margin-bottom: 5px; }
                .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-select select {
                  float: left;
                  width: calc(100% - 170px);
                  outline: 0;
                  box-sizing: border-box;
                  margin-bottom: 10px; }
              .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs {
                margin-bottom: 20px;
                font-size: 0;
                overflow: hidden; }
                .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input {
                  display: inline-block;
                  width: calc(50% - 10px);
                  font-size: 14px; }
                  .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input:nth-child(odd) {
                    padding-right: 10px; }
                  .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input:nth-child(even) {
                    padding-left: 10px; }
                  .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input label {
                    display: inline-block;
                    width: calc(100% - 100px);
                    margin: 0;
                    font-weight: bold;
                    font-size: 16px; }
                  .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-append {
                    width: 96px;
                    margin: 0;
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 0;
                    white-space: nowrap; }
                    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-append.success .add-on {
                      border: 0 !important; }
                    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-append.success:after {
                      display: none; }
                    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-append input {
                      margin: 0;
                      border-radius: 4px;
                      display: inline-block;
                      position: relative; }
                    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-append .add-on {
                      border: 1px solid transparent;
                      border-left: 0;
                      height: 24px;
                      background: #fff;
                      font-size: 16px;
                      text-shadow: none;
                      line-height: 24px;
                      padding: 4px 5px;
                      margin-left: -1px;
                      display: inline-block;
                      width: auto;
                      text-align: center; }
                  .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-only {
                    display: inline-block;
                    width: 96px;
                    margin: 0;
                    vertical-align: middle;
                    font-size: 0;
                    white-space: nowrap; }
                    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-only input {
                      margin: 0;
                      display: inline-block; }
                .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs {
                  display: flex; }
                  .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input {
                    width: auto; }
                    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input:first-child {
                      padding: 0;
                      display: inline-flex; }
                      .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input:first-child label {
                        width: 170px;
                        align-self: center; }
                    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .input-only {
                      position: relative;
                      width: 180px; }
                      .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .input-only input {
                        background: #fff;
                        padding-left: 30px;
                        width: 142px; }
                      .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .input-only input[disabled] {
                        cursor: not-allowed; }
                        .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .input-only input[disabled] + i {
                          color: #999; }
                      .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .input-only input[readonly]:not([disabled]) {
                        background: #fff; }
                      .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .input-only .fa-calendar {
                        font-size: 18px;
                        position: absolute;
                        left: 6px;
                        top: 8px;
                        color: #00aeef;
                        pointer-events: none; }
                    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input:last-child {
                      padding-left: 22px; }
            .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .button-holder {
              margin: 0;
              text-align: center; }
              .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .button-holder button[type="submit"] {
                padding: 14px 40px;
                background: #fa6d16;
                border: 0;
                box-sizing: border-box; }
                .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .button-holder button[type="submit"]:hover {
                  background: #d85505; }
  .insurance-mainpage-portlets .online-administration {
    display: block;
    padding: 25px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(227, 227, 227, 0.7);
    border-radius: 4px; }
    .insurance-mainpage-portlets .online-administration h1 {
      margin: 0 0 25px;
      color: #00aeef;
      font-size: 32px;
      text-align: center;
      line-height: 1.25; }
    .insurance-mainpage-portlets .online-administration ul.buttons {
      margin: 0;
      list-style: none;
      padding: 0; }
      .insurance-mainpage-portlets .online-administration ul.buttons li {
        display: inline-block;
        margin: 0 10px 10px 0;
        line-height: 1.4; }
        .insurance-mainpage-portlets .online-administration ul.buttons li a {
          padding: 13px 18px;
          border: 1px solid #92d9fb;
          display: inline-block;
          background: #fff;
          border-radius: 5px;
          color: #003767;
          font-size: 16px;
          font-weight: bold;
          text-align: left;
          text-decoration: none;
          text-shadow: none;
          outline: 0;
          box-shadow: none;
          transition: color 0.5s, background 0.5s; }
          @media (prefers-reduced-motion: reduce) {
            .insurance-mainpage-portlets .online-administration ul.buttons li a {
              transition: none; } }
          .insurance-mainpage-portlets .online-administration ul.buttons li a:hover {
            background: #00aeef;
            color: #fff;
            transition: color 0.5s, background 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              .insurance-mainpage-portlets .online-administration ul.buttons li a:hover {
                transition: none; } }
            .insurance-mainpage-portlets .online-administration ul.buttons li a:hover i {
              color: #fa6d16;
              transition: color 0.5s, background 0.5s; }
              @media (prefers-reduced-motion: reduce) {
                .insurance-mainpage-portlets .online-administration ul.buttons li a:hover i {
                  transition: none; } }
          .insurance-mainpage-portlets .online-administration ul.buttons li a i {
            display: inline-block;
            margin: 0 0 0 30px;
            color: #00aeef;
            transition: color 0.5s, background 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              .insurance-mainpage-portlets .online-administration ul.buttons li a i {
                transition: none; } }
  .insurance-mainpage-portlets .insurance-login {
    padding: 25px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(227, 227, 227, 0.7);
    border-radius: 4px; }
    .insurance-mainpage-portlets .insurance-login a.btn {
      display: inline-block;
      box-sizing: border-box;
      margin-right: 10px;
      padding: 13px 18px;
      background: #fff;
      border: 1px solid #92d9fb;
      border-radius: 5px;
      color: #003767;
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
      text-shadow: none;
      box-shadow: none;
      outline: 0;
      transition: color 0.5s, background 0.5s; }
      @media (prefers-reduced-motion: reduce) {
        .insurance-mainpage-portlets .insurance-login a.btn {
          transition: none; } }
      .insurance-mainpage-portlets .insurance-login a.btn:hover {
        background: #00aeef;
        color: #fff;
        transition: color 0.5s, background 0.5s; }
        @media (prefers-reduced-motion: reduce) {
          .insurance-mainpage-portlets .insurance-login a.btn:hover {
            transition: none; } }
        .insurance-mainpage-portlets .insurance-login a.btn:hover i {
          color: #fa6d16;
          transition: color 0.5s, background 0.5s;
          left: 0; }
          @media (prefers-reduced-motion: reduce) {
            .insurance-mainpage-portlets .insurance-login a.btn:hover i {
              transition: none; } }
      .insurance-mainpage-portlets .insurance-login a.btn i {
        display: inline-block;
        margin: 0 0 0 30px;
        color: #00aeef;
        transition: color 0.5s, bakcground 0.5s; }
        @media (prefers-reduced-motion: reduce) {
          .insurance-mainpage-portlets .insurance-login a.btn i {
            transition: none; } }
    .insurance-mainpage-portlets .insurance-login a.reg {
      color: #003767;
      font-size: 13px;
      text-decoration: underline; }
      .insurance-mainpage-portlets .insurance-login a.reg:hover {
        color: #fa6d16; }

@media (min-width: 1200px) {
  .insurance-mainpage-portlets .wrap .row-fluid .span6 {
    width: 48.71795%;
    margin-left: 2.5641%; } }

@media (max-width: 1339px) {
  .insurance-mainpage-portlets {
    background-position: center 535px; }
    .insurance-mainpage-portlets .wrap {
      max-width: 960px; }
      .insurance-mainpage-portlets .wrap .row-fluid .span6 {
        float: none;
        width: auto;
        margin: 0 0 20px; }
        .insurance-mainpage-portlets .wrap .row-fluid .span6:last-child {
          margin-bottom: 0; }
    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input label {
      width: calc(100% - 174px); }
    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-only {
      width: 170px; }
    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-append {
      width: 170px; }
    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .input-only {
      width: 254px; }
      .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .input-only input {
        width: 216px; } }

@media (max-width: 991px) {
  .insurance-mainpage-portlets .wrap {
    max-width: 728px;
    padding: 40px 20px 0 20px; }
  .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input label {
    width: 166px; }
  .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-only {
    width: 153px; }
  .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-append {
    width: 153px; }
  .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .input-only {
    width: 237px; }
    .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .input-only input {
      width: 199px; } }

@media (max-width: 767px) {
  .insurance-mainpage-portlets {
    background: #f5f5f5 !important; }
    .insurance-mainpage-portlets .online-administration ul.buttons {
      overflow: hidden; }
      .insurance-mainpage-portlets .online-administration ul.buttons li {
        clear: both;
        float: left;
        display: block;
        margin: 0 0 20px; }
    .insurance-mainpage-portlets .insurance-calculators {
      position: relative; }
      .insurance-mainpage-portlets .insurance-calculators h2 {
        margin-bottom: 50px; }
      .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs {
        position: absolute;
        right: 50%;
        top: 90px;
        z-index: 9;
        width: calc(100% - 40px);
        margin: 0 auto;
        background: #fff;
        font-size: 0;
        cursor: pointer;
        border-radius: 2px;
        box-shadow: 0 0 1px 1px #ccc;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%); }
        .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs.open > li > a {
          height: 24px;
          padding: 18px 24px;
          color: #003767; }
          .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs.open > li > a:last-child {
            border-bottom: 0; }
          .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs.open > li > a:after {
            content: "\e93e";
            font-family: "khicon" !important;
            vertical-align: middle; }
        .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs.open > li.active > a {
          color: #00aeef; }
          .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs.open > li.active > a:after {
            content: "\e93e";
            font-family: "khicon" !important;
            vertical-align: middle; }
        .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs > li {
          float: none;
          display: block;
          margin: 0;
          width: 100%; }
          .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs > li > a {
            position: relative;
            display: block;
            width: auto !important;
            height: 0;
            padding: 0;
            border: 0;
            color: #00aeef;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            line-height: 24px;
            overflow: hidden; }
            .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs > li > a:after {
              position: absolute;
              top: 17px;
              right: 0;
              display: inline-block;
              font: normal normal normal 14px/1 FontAwesome;
              font-size: 20px;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
        .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs > li.active > a {
          display: block;
          height: 24px;
          padding: 18px 20px;
          border-bottom: 0;
          cursor: pointer;
          margin-right: 2px; }
          .insurance-mainpage-portlets .insurance-calculators ul.nav-tabs > li.active > a:after {
            content: "\f105";
            padding: 0;
            font-size: 22px; }
      .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-select label {
        float: none;
        width: auto; }
      .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-select select {
        float: none;
        width: 100%; }
      .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs {
        margin-bottom: 0; }
        .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input {
          display: block;
          width: auto;
          margin: 0 0 20px; }
          .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input:nth-child(odd) {
            padding-right: 0; }
          .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input:nth-child(even) {
            padding-left: 0; }
          .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input label {
            width: auto;
            margin-bottom: 5px;
            line-height: 28px; }
          .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-append {
            display: block !important;
            width: auto; }
          .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs .mini-calculator-input .input-only {
            display: block !important;
            width: auto; }
        .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs {
          display: block; }
          .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input:first-child, .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input:last-child {
            display: block;
            padding: 0; }
            .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input:first-child .input-only, .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input:last-child .input-only {
              width: 100%; }
              .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input:first-child .input-only input, .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .mini-calculator-container .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input:last-child .input-only input {
                width: calc(100% - 38px); }
      .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .button-holder {
        display: block;
        width: auto;
        padding-top: 5px; }
        .insurance-mainpage-portlets .insurance-calculators .tab-content .tab-pane form fieldset .button-holder button[type="submit"] {
          margin-top: 0; }
    .insurance-mainpage-portlets .insurance-login a.reg {
      display: block;
      margin-top: 20px;
      color: #003767; } }

.digit-hudcrumb-child-node.investment-product-data {
  width: auto;
  max-width: 1264px;
  margin: 0 auto;
  padding: 12px 0;
  color: #fff;
  font-size: 14px; }
  .digit-hudcrumb-child-node.investment-product-data:before {
    display: table;
    content: "";
    line-height: 0; }
  .digit-hudcrumb-child-node.investment-product-data:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both; }
  .digit-hudcrumb-child-node.investment-product-data .span6 {
    width: 48.93617%;
    display: block;
    box-sizing: border-box;
    float: left;
    margin-left: 2.12766%; }
    .digit-hudcrumb-child-node.investment-product-data .span6:first-child {
      margin-left: 0; }
  .digit-hudcrumb-child-node.investment-product-data span.investment-product-data-row-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 44px; }
  .digit-hudcrumb-child-node.investment-product-data a.contact-page-url {
    font-size: 18px;
    display: inline-block;
    padding: 12px 24px;
    background: #fa6d16;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    outline: 0;
    transition: background 0.5s; }
    @media (prefers-reduced-motion: reduce) {
      .digit-hudcrumb-child-node.investment-product-data a.contact-page-url {
        transition: none; } }
    .digit-hudcrumb-child-node.investment-product-data a.contact-page-url:hover {
      transition: background 0.5s;
      background: #d85505; }
      @media (prefers-reduced-motion: reduce) {
        .digit-hudcrumb-child-node.investment-product-data a.contact-page-url:hover {
          transition: none; } }

@media (min-width: 1200px) {
  .digit-hudcrumb-child-node.investment-product-data .span6 {
    width: 48.71795%;
    margin-left: 2.5641%; } }

@media (max-width: 1339px) {
  .digit-hudcrumb-child-node.investment-product-data {
    max-width: 960px; } }

@media (max-width: 991px) {
  .digit-hudcrumb-child-node.investment-product-data {
    display: none;
    max-width: 728px;
    padding: 12px 20px; } }

@media (max-width: 767px) {
  .digit-hudcrumb-child-node.investment-product-data {
    display: none; }
    .digit-hudcrumb-child-node.investment-product-data .span6 {
      float: none;
      width: 100%;
      margin-left: 0; }
      .digit-hudcrumb-child-node.investment-product-data .span6 .pull-right {
        float: none !important; }
      .digit-hudcrumb-child-node.investment-product-data .span6 a.contact-page-url {
        float: none;
        display: inline-block;
        width: auto; }
    .digit-hudcrumb-child-node.investment-product-data .investment-product-data-row {
      text-align: center; } }

.portlet-journal-content *, .portlet-journal-content *::before, .portlet-journal-content *::after {
  box-sizing: content-box; }

.portlet-journal-content .privacy-policy-container {
  background: #e6f7fe; }
  .portlet-journal-content .privacy-policy-container .privacy-policy {
    max-width: 1264px;
    margin: 0 auto;
    padding: 35px 0;
    color: #003767;
    font-size: 12px; }

.portlet-journal-content .page-header-div {
  padding: 35px 0 12px;
  background: #e6f7fe;
  color: #003767; }
  .portlet-journal-content .page-header-div .wrap {
    max-width: 1264px;
    margin: 0 auto; }
    .portlet-journal-content .page-header-div .wrap h1 {
      margin: 0;
      font-size: 34px; }

.portlet-journal-content .alert-container {
  height: auto; }

.portlet-journal-content .map-image {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 50%; }
  .portlet-journal-content .map-image .image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center; }
  .portlet-journal-content .map-image .image-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    background-repeat: no-repeat;
    background-position: center; }
    .portlet-journal-content .map-image .image-hover:hover {
      display: block; }

/*  Small desktop */
@media (max-width: 1339px) {
  .portlet-journal-content .privacy-policy-container .privacy-policy {
    max-width: 960px; }
  .portlet-journal-content .page-header-div .wrap {
    max-width: 960px; } }

/* Tablet */
@media (max-width: 991px) {
  .portlet-journal-content .privacy-policy-container .privacy-policy {
    max-width: 728px;
    padding: 35px 20px; }
  .portlet-journal-content .page-header-div {
    padding: 20px 0 15px; }
    .portlet-journal-content .page-header-div .wrap {
      max-width: 728px;
      padding: 0 20px; } }

/* Mobile */
@media (max-width: 767px) {
  .portlet-journal-content .page-header-div {
    padding: 22px 0 12px; } }

.main-slider, .kkv-slider {
  position: relative;
  min-height: 490px; }
  .main-slider .carousel, .kkv-slider .carousel {
    margin: 0; }
  .main-slider .carousel-content .carousel-item, .kkv-slider .carousel-content .carousel-item {
    width: 100%;
    padding-top: 70px;
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-position: top;
    z-index: 1;
    height: 420px;
    float: none; }
    .main-slider .carousel-content .carousel-item.carousel-item-active, .kkv-slider .carousel-content .carousel-item.carousel-item-active {
      z-index: 3;
      display: block; }
    .main-slider .carousel-content .carousel-item .wrap, .kkv-slider .carousel-content .carousel-item .wrap {
      max-width: 480px;
      margin: 0 auto;
      padding-right: 784px; }
      .main-slider .carousel-content .carousel-item .wrap h2, .kkv-slider .carousel-content .carousel-item .wrap h2 {
        font-size: 30px;
        line-height: 1.25;
        margin: 0 0 20px; }
      .main-slider .carousel-content .carousel-item .wrap h1, .kkv-slider .carousel-content .carousel-item .wrap h1 {
        font-size: 30px;
        line-height: 1.25;
        margin: 0 0 20px; }
      .main-slider .carousel-content .carousel-item .wrap .kkv-slider-content, .kkv-slider .carousel-content .carousel-item .wrap .kkv-slider-content {
        margin-bottom: 20px;
        font-size: 18px; }
        .main-slider .carousel-content .carousel-item .wrap .kkv-slider-content ul, .kkv-slider .carousel-content .carousel-item .wrap .kkv-slider-content ul {
          font-size: 16px; }
        .main-slider .carousel-content .carousel-item .wrap .kkv-slider-content h4, .kkv-slider .carousel-content .carousel-item .wrap .kkv-slider-content h4 {
          margin: 0 0 15px;
          line-height: 1.25;
          font-size: 17.5px; }
      .main-slider .carousel-content .carousel-item .wrap .contact-page-url, .kkv-slider .carousel-content .carousel-item .wrap .contact-page-url {
        line-height: 20px;
        padding: 16px 24px;
        display: inline-block;
        background: #fa6d16;
        border: 0;
        border-radius: 5px;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        transition: background .5s;
        cursor: pointer; }
        .main-slider .carousel-content .carousel-item .wrap .contact-page-url .fa, .kkv-slider .carousel-content .carousel-item .wrap .contact-page-url .fa {
          position: relative;
          left: 0;
          display: inline-block;
          margin-left: 15px;
          transition: left .5s; }
        .main-slider .carousel-content .carousel-item .wrap .contact-page-url:hover, .kkv-slider .carousel-content .carousel-item .wrap .contact-page-url:hover {
          transition: background .5s;
          background: #d85505;
          color: #fff;
          text-decoration: none; }
          .main-slider .carousel-content .carousel-item .wrap .contact-page-url:hover .fa, .kkv-slider .carousel-content .carousel-item .wrap .contact-page-url:hover .fa {
            left: 5px;
            transition: left .5s; }
  .main-slider .carousel-controls, .kkv-slider .carousel-controls {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 100%; }
    .main-slider .carousel-controls .carousel-menu, .kkv-slider .carousel-controls .carousel-menu {
      position: relative;
      max-width: 1264px;
      margin: 0 auto; }
      .main-slider .carousel-controls .carousel-menu menu, .kkv-slider .carousel-controls .carousel-menu menu {
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0;
        text-align: center; }
        .main-slider .carousel-controls .carousel-menu menu ul, .kkv-slider .carousel-controls .carousel-menu menu ul {
          position: relative;
          top: -30px;
          display: block;
          margin: 0;
          padding: 0;
          text-align: left; }
          .main-slider .carousel-controls .carousel-menu menu ul li, .kkv-slider .carousel-controls .carousel-menu menu ul li {
            display: inline-block; }
            .main-slider .carousel-controls .carousel-menu menu ul li a, .kkv-slider .carousel-controls .carousel-menu menu ul li a {
              width: 15px;
              height: 15px;
              margin: 0 5px;
              background: #fff;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              -o-border-radius: 50%;
              border-radius: 50%;
              -webkit-box-shadow: 0 0 0 1px #ddd;
              -moz-box-shadow: 0 0 0 1px #ddd;
              box-shadow: 0 0 0 1px #ddd; }
              .main-slider .carousel-controls .carousel-menu menu ul li a.carousel-menu-active, .kkv-slider .carousel-controls .carousel-menu menu ul li a.carousel-menu-active {
                background: #00aeef; }
        .main-slider .carousel-controls .carousel-menu menu .carousel-menu-item, .kkv-slider .carousel-controls .carousel-menu menu .carousel-menu-item {
          cursor: pointer;
          display: block;
          overflow: hidden;
          text-indent: -999999px; }
        .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev, .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev {
          position: absolute;
          left: -100px;
          bottom: 224px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #00aeef;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          -webkit-transition: color .5s;
          -moz-transition: color .5s;
          -o-transition: color .5s;
          transition: color .5s; }
          .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev:hover, .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev:focus, .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev:hover, .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev:focus {
            color: #fc6e32;
            -webkit-transition: color .5s;
            -moz-transition: color .5s;
            -o-transition: color .5s;
            transition: color .5s; }
        .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-next, .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next {
          position: absolute;
          right: -100px;
          bottom: 224px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #00aeef;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          -webkit-transition: color .5s;
          -moz-transition: color .5s;
          -o-transition: color .5s;
          transition: color .5s; }
          .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-next:focus, .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-next:hover, .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next:focus, .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next:hover {
            color: #fc6e32;
            -webkit-transition: color .5s;
            -moz-transition: color .5s;
            -o-transition: color .5s;
            transition: color .5s; }

@media (max-width: 1480px) and (min-width: 1340px) {
  .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev, .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next {
    display: none; } }

@media (max-width: 1176px) and (min-width: 992px) {
  .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev, .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next {
    display: none; } }

@media (max-width: 1339px) {
  .main-slider .carousel-content .carousel-items .carousel-item .wrap, .kkv-slider .carousel-content .carousel-items .carousel-item .wrap {
    max-width: 340px;
    padding-right: 620px; }
    .main-slider .carousel-content .carousel-items .carousel-item .wrap h2, .kkv-slider .carousel-content .carousel-items .carousel-item .wrap h2 {
      font-size: 26px; }
    .main-slider .carousel-content .carousel-items .carousel-item .wrap h1, .kkv-slider .carousel-content .carousel-items .carousel-item .wrap h1 {
      font-size: 26px; }
    .main-slider .carousel-content .carousel-items .carousel-item .wrap .kkv-slider-content h4, .kkv-slider .carousel-content .carousel-items .carousel-item .wrap .kkv-slider-content h4 {
      font-size: 16px; }
    .main-slider .carousel-content .carousel-items .carousel-item .wrap .product-header, .kkv-slider .carousel-content .carousel-items .carousel-item .wrap .product-header {
      min-height: 290px;
      height: auto; }
  .main-slider .carousel-controls .carousel-menu, .kkv-slider .carousel-controls .carousel-menu {
    max-width: 960px; } }

@media (max-width: 991px) {
  .main-slider .carousel-content .carousel-items .carousel-item:before, .kkv-slider .carousel-content .carousel-items .carousel-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); }
  .main-slider .carousel-content .carousel-items .carousel-item .wrap, .kkv-slider .carousel-content .carousel-items .carousel-item .wrap {
    max-width: 380px;
    padding-right: 368px;
    padding-left: 20px;
    position: relative; }
  .main-slider .carousel-controls .carousel-menu, .kkv-slider .carousel-controls .carousel-menu {
    max-width: 728px; }
    .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev, .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-next, .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev, .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next {
      display: none; } }

@media (max-width: 767px) and (max-width: 979px) {
  .main-slider .carousel-content .carousel-items .carousel-item .wrap a.btn, .kkv-slider .carousel-content .carousel-items .carousel-item .wrap a.btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-top: 5px;
    width: 100%; } }

@media (max-width: 767px) {
  .main-slider, .kkv-slider {
    min-height: 0;
    padding-bottom: 50px;
    background: #f9f9f9; }
    .main-slider .carousel-content .carousel-items .carousel-item, .kkv-slider .carousel-content .carousel-items .carousel-item {
      padding: 40px 0 35px;
      background-size: cover; }
      .main-slider .carousel-content .carousel-items .carousel-item .wrap, .kkv-slider .carousel-content .carousel-items .carousel-item .wrap {
        position: relative;
        max-width: 728px;
        padding-right: 20px;
        padding-left: 20px; }
        .main-slider .carousel-content .carousel-items .carousel-item .wrap .product-header, .kkv-slider .carousel-content .carousel-items .carousel-item .wrap .product-header {
          background-size: cover;
          text-align: center; }
    .main-slider .carousel-controls .carousel-menu menu ul, .kkv-slider .carousel-controls .carousel-menu menu ul {
      top: -30px;
      margin: 0 20px; }
  .kkv-main-slider-calculator.main-slider {
    padding-bottom: 0; } }

.portlet-login section.portlet {
  margin: 50px auto;
  max-width: 320px;
  text-align: center; }

.main-slider {
  position: relative;
  min-height: 490px; }
  .main-slider .carousel {
    margin: 0; }
  .main-slider .carousel-content .carousel-item {
    width: 100%;
    padding-top: 70px;
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-position: top;
    z-index: 1; }
    .main-slider .carousel-content .carousel-item.carousel-item-active {
      z-index: 3;
      display: block; }
    .main-slider .carousel-content .carousel-item .wrap {
      max-width: 480px;
      margin: 0 auto;
      padding-right: 784px; }
      .main-slider .carousel-content .carousel-item .wrap h2 {
        font-size: 30px;
        line-height: 1.25;
        margin: 0 0 20px; }
      .main-slider .carousel-content .carousel-item .wrap .main-slider-content {
        margin-bottom: 20px;
        font-size: 18px; }
        .main-slider .carousel-content .carousel-item .wrap .main-slider-content ul {
          font-size: 16px; }
        .main-slider .carousel-content .carousel-item .wrap .main-slider-content h4 {
          margin: 0 0 15px;
          line-height: 1.25;
          font-size: 17.5px; }
  .main-slider .carousel-controls {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 100%; }
    .main-slider .carousel-controls .carousel-menu {
      position: relative;
      max-width: 1264px;
      margin: 0 auto; }
      .main-slider .carousel-controls .carousel-menu menu {
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0;
        text-align: center; }
        .main-slider .carousel-controls .carousel-menu menu ul {
          position: relative;
          top: -60px;
          display: block;
          margin: 0;
          padding: 0;
          text-align: left; }
          .main-slider .carousel-controls .carousel-menu menu ul li {
            display: inline-block; }
            .main-slider .carousel-controls .carousel-menu menu ul li a {
              width: 15px;
              height: 15px;
              margin: 0 5px;
              background: #fff;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              -o-border-radius: 50%;
              border-radius: 50%;
              -webkit-box-shadow: 0 0 0 1px #ddd;
              -moz-box-shadow: 0 0 0 1px #ddd;
              box-shadow: 0 0 0 1px #ddd; }
              .main-slider .carousel-controls .carousel-menu menu ul li a.carousel-menu-active {
                background: #00aeef; }
        .main-slider .carousel-controls .carousel-menu menu .carousel-menu-item {
          cursor: pointer;
          display: block;
          overflow: hidden;
          text-indent: -999999px; }
        .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev {
          position: absolute;
          left: -100px;
          bottom: 224px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #00aeef;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          -webkit-transition: color .5s;
          -moz-transition: color .5s;
          -o-transition: color .5s;
          transition: color .5s; }
          .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev:hover, .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev:focus {
            color: #fc6e32;
            -webkit-transition: color .5s;
            -moz-transition: color .5s;
            -o-transition: color .5s;
            transition: color .5s; }
        .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-next {
          position: absolute;
          right: -100px;
          bottom: 224px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #00aeef;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          -webkit-transition: color .5s;
          -moz-transition: color .5s;
          -o-transition: color .5s;
          transition: color .5s; }
          .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-next:focus, .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-next:hover {
            color: #fc6e32;
            -webkit-transition: color .5s;
            -moz-transition: color .5s;
            -o-transition: color .5s;
            transition: color .5s; }

@media (max-width: 1480px) and (min-width: 1340px) {
  .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev, .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-next {
    display: none; } }

@media (max-width: 1339px) {
  .main-slider .carousel-content .carousel-items .carousel-item .wrap {
    max-width: 340px;
    padding-right: 620px; }
    .main-slider .carousel-content .carousel-items .carousel-item .wrap h2 {
      font-size: 26px; }
    .main-slider .carousel-content .carousel-items .carousel-item .wrap .main-slider-content h4 {
      font-size: 16px; }
  .main-slider .carousel-controls .carousel-menu {
    max-width: 960px; }
    .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev, .main-slider .carousel-controls .carousel-menu menu a.carousel-menu-next {
      display: none; } }

@media (max-width: 991px) {
  .main-slider .carousel-content .carousel-items .carousel-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); }
  .main-slider .carousel-content .carousel-items .carousel-item .wrap {
    max-width: 380px;
    padding-right: 368px;
    padding-left: 20px;
    position: relative; }
  .main-slider .carousel-controls .carousel-menu {
    max-width: 728px; } }

@media (max-width: 767px) and (max-width: 979px) {
  .main-slider .carousel-content .carousel-items .carousel-item .wrap a.btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-top: 5px;
    width: 100%; } }

@media (max-width: 767px) {
  .main-slider {
    min-height: 0;
    padding-bottom: 50px;
    background: #f9f9f9; }
    .main-slider .carousel-content .carousel-items .carousel-item {
      padding: 40px 0 35px;
      background-size: cover; }
      .main-slider .carousel-content .carousel-items .carousel-item .wrap {
        position: relative;
        max-width: 728px;
        padding-right: 20px;
        padding-left: 20px; }
    .main-slider .carousel-controls .carousel-menu menu ul {
      top: -30px;
      margin: 0 20px; } }

.main-slider-calculator input[type="radio"]:not(.old) {
  display: none; }

.main-slider-calculator input[type="radio"]:not(.old) + label:before {
  display: none; }

.main-slider-calculator input[type="radio"]:not(.old) + label:hover {
  text-decoration: none; }

.main-slider-calculator .main-calculators {
  position: relative;
  max-width: 1264px;
  margin: 0 auto; }
  .main-slider-calculator .main-calculators .main-calculators-inner {
    position: absolute;
    top: -490px;
    right: 0;
    z-index: 9;
    width: 375px;
    height: 450px;
    padding: 20px 15px;
    background: #f9f9f9; }
    .main-slider-calculator .main-calculators .main-calculators-inner .main-calculator:first-child h3 {
      border-top-right-radius: 4px;
      border-top-left-radius: 4px; }
    .main-slider-calculator .main-calculators .main-calculators-inner h3.toggler-header-expanded {
      position: relative;
      cursor: pointer; }
    .main-slider-calculator .main-calculators .main-calculators-inner h3.toggler-header-collapsed {
      position: relative;
      cursor: pointer; }
    .main-slider-calculator .main-calculators .main-calculators-inner h3 {
      margin: 0;
      padding: 12px 20px;
      background: #fff;
      border: 1px solid #e1e1e1;
      font-size: 18px;
      font-weight: normal;
      -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); }
    .main-slider-calculator .main-calculators .main-calculators-inner h3.toggler-header-expanded:after {
      content: '\2012';
      position: absolute;
      top: 14px;
      right: 15px;
      display: inline-block;
      width: 20px;
      height: 20px;
      background: #00aeef;
      border-radius: 50%;
      color: #fff;
      font-family: monospace;
      font-size: 20px;
      text-align: center;
      line-height: 18px;
      transform: rotate(0deg);
      animation: rotate .5s linear 1; }
    .main-slider-calculator .main-calculators .main-calculators-inner h3.toggler-header-collapsed:after {
      content: '+';
      position: absolute;
      top: 14px;
      right: 15px;
      display: inline-block;
      width: 20px;
      height: 20px;
      background: #00aeef;
      border-radius: 50%;
      color: #fff;
      font-family: monospace;
      font-size: 20px;
      text-align: center;
      line-height: 20px;
      transform: rotate(90deg);
      animation: rotateBack .5s linear 1; }
    .main-slider-calculator .main-calculators .main-calculators-inner .toggler-content-wrapper {
      position: initial; }
    .main-slider-calculator .main-calculators .main-calculators-inner form {
      margin: 0;
      padding: 15px 20px;
      background: #f7f7f7;
      border: 1px solid #e1e1e1;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); }
      .main-slider-calculator .main-calculators .main-calculators-inner form fieldset {
        max-width: 100%;
        min-width: 0; }
        .main-slider-calculator .main-calculators .main-calculators-inner form fieldset .control-group {
          margin-bottom: 10px; }
      .main-slider-calculator .main-calculators .main-calculators-inner form span.control-label {
        font-size: 14px;
        text-shadow: none; }
      .main-slider-calculator .main-calculators .main-calculators-inner form .control-label {
        color: #003767;
        display: block;
        line-height: 20px;
        margin-bottom: 5px; }
      .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-box {
        margin-bottom: 15px;
        padding: 15px 14px;
        background: #cceffc;
        border-radius: 4px; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-box.success:after {
          display: none; }
      .main-slider-calculator .main-calculators .main-calculators-inner form select {
        width: 100%;
        outline: 0;
        margin-bottom: 10px;
        line-height: 30px;
        box-sizing: border-box; }
      .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-yes-no {
        text-align: right;
        font-size: 0; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-yes-no input[type="radio"]:not(.old):checked + label {
          background: #00aeef;
          color: #fff; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-yes-no.success input[type="radio"]:not(.old) + label {
          border-color: #00aeef !important; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-yes-no.success:after {
          display: none; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-yes-no.error input[type="radio"]:not(.old) + label {
          border-color: #f53500; }
          .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-yes-no.error input[type="radio"]:not(.old) + label:last-child {
            border-color: #f53500; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-yes-no span.control-label {
          float: left;
          display: inline-block;
          width: 45%;
          font-size: 14px;
          text-align: left;
          line-height: 1.1; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-yes-no label {
          margin-bottom: 5px; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-yes-no input[type="radio"]:not(.old) + label {
          display: inline-block;
          padding: 5px 15px;
          background: #fff;
          border: 1px solid #99dff9;
          border-right: 0;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px;
          color: #9a9a9a;
          font-size: 14px;
          text-decoration: none; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-yes-no input[type="radio"]:not(.old) + label:last-child {
          border: 1px solid #99dff9;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px; }
      .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs {
        font-size: 0;
        overflow: hidden; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs .mini-calculator-input:nth-child(odd) {
          padding-right: 10px; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs .mini-calculator-input:nth-child(even) {
          padding-left: 10px; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs .mini-calculator-input {
          display: inline-block;
          width: calc(50% - 10px);
          font-size: 14px; }
          .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs .mini-calculator-input label {
            margin-bottom: 5px; }
          .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs .mini-calculator-input:after {
            display: none; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs .mini-calculator-input > .input-append {
          display: inline-block;
          width: 100%;
          margin-bottom: 10px;
          vertical-align: middle;
          font-size: 0;
          white-space: nowrap; }
          .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs .mini-calculator-input > .input-append.success:after {
            display: none; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs .mini-calculator-input > .no-suffix {
          vertical-align: middle;
          margin-bottom: 10px; }
        .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input {
          padding: 0;
          width: calc(50% - 5px); }
          .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input:nth-child(even) {
            margin-left: 10px; }
          .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .digit-datepicker-container {
            position: relative; }
            .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .digit-datepicker-container input {
              padding-left: 30px;
              width: calc(100% - 38px); }
            .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .digit-datepicker-container input[disabled] {
              cursor: not-allowed; }
              .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .digit-datepicker-container input[disabled] + i {
                color: #999; }
            .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .digit-datepicker-container input[readonly]:not([disabled]) {
              background: #fff; }
            .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input .digit-datepicker-container .fa-calendar {
              font-size: 18px;
              position: absolute;
              left: 6px;
              top: 8px;
              color: #00aeef;
              pointer-events: none; }
      .main-slider-calculator .main-calculators .main-calculators-inner form .input-append input {
        border-right: 0; }
      .main-slider-calculator .main-calculators .main-calculators-inner form .input-append .add-on {
        display: inline-block;
        width: auto;
        min-width: 16px;
        padding: 4px 5px;
        font-weight: normal;
        text-align: center;
        margin-left: -1px;
        border: 1px solid #99dff9;
        border-left: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 24px;
        background: #fff;
        font-size: 16px;
        text-shadow: none;
        line-height: 24px; }
      .main-slider-calculator .main-calculators .main-calculators-inner form .button-holder {
        display: block;
        margin: 0;
        overflow: hidden; }
      .main-slider-calculator .main-calculators .main-calculators-inner form button[type="submit"] {
        display: block;
        width: 100%;
        padding: 14px 25px;
        box-sizing: border-box;
        line-height: 20px; }

@media (max-width: 1339px) {
  .main-slider-calculator .main-calculators {
    max-width: 960px; } }

@media (max-width: 991px) {
  .main-slider-calculator .main-calculators {
    max-width: 768px;
    padding: 0; }
    .main-slider-calculator .main-calculators .main-calculators-inner {
      position: static;
      width: auto;
      height: auto; }
      .main-slider-calculator .main-calculators .main-calculators-inner form span.control-label {
        margin-bottom: 20px; }
  .content-marketing-template .main-slider-calculator .main-calculators .main-calculators-inner {
    position: relative;
    padding: 20px 0; } }

@media (min-width: 992px) and (max-width: 1100px) {
  .content-marketing-template .main-slider-calculator .main-calculators .main-calculators-inner {
    width: 325px !important;
    padding-right: 0px !important; } }

@media (max-width: 767px) {
  .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input {
    width: 100%; }
    .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input:nth-child(odd) {
      margin-bottom: 15px; }
    .main-slider-calculator .main-calculators .main-calculators-inner form .mini-calculator-inputs.digit-datepicker-inputs .mini-calculator-input:nth-child(even) {
      margin: 0; } }

.portlet-journal-content .marketing-opener {
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 0; }
  .portlet-journal-content .marketing-opener:after {
    content: '\f107';
    float: right;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .portlet-journal-content .marketing-opener.open:after {
    content: '\f106'; }

.portlet-journal-content .marketing-container {
  position: relative;
  height: 60px;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #dfdfdf;
  color: #666;
  text-align: left;
  overflow: hidden;
  cursor: pointer; }
  .portlet-journal-content .marketing-container:after {
    content: '';
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.4);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(white));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=0); }
  .portlet-journal-content .marketing-container.open {
    height: auto;
    color: #003767;
    cursor: default; }
    .portlet-journal-content .marketing-container.open:after {
      display: none; }

.more-contacts-container {
  max-width: 1264px;
  margin: 0 auto;
  padding-bottom: 50px; }
  .more-contacts-container .more-contacts .more-contact {
    margin-bottom: 10px; }
    .more-contacts-container .more-contacts .more-contact .header {
      position: relative;
      padding: 25px 25px 15px;
      background: #fff;
      cursor: pointer; }
      .more-contacts-container .more-contacts .more-contact .header.toggler-header-expanded {
        background: #00aeef; }
        .more-contacts-container .more-contacts .more-contact .header.toggler-header-expanded .header-title, .more-contacts-container .more-contacts .more-contact .header.toggler-header-expanded .header-phone {
          color: #fff; }
        .more-contacts-container .more-contacts .more-contact .header.toggler-header-expanded:after {
          content: '\2012';
          color: #fff;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-animation: rotate .5s linear 1;
          -moz-animation: rotate .5s linear 1;
          -o-animation: rotate .5s linear 1;
          animation: rotate .5s linear 1; }
      .more-contacts-container .more-contacts .more-contact .header .header-title {
        display: inline-block;
        width: 35%;
        margin-bottom: 10px;
        font-size: 24px;
        font-weight: bold;
        vertical-align: top; }
      .more-contacts-container .more-contacts .more-contact .header .header-phone {
        display: inline-block;
        margin-bottom: 10px;
        color: #00aeef;
        font-size: 24px;
        vertical-align: top; }
      .more-contacts-container .more-contacts .more-contact .header:after {
        content: '+';
        position: absolute;
        right: 25px;
        top: 25px;
        font-family: monospace;
        font-size: 24px;
        font-weight: bold;
        cursor: pointer;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-animation: rotateBack .5s linear 1;
        -moz-animation: rotateBack .5s linear 1;
        -o-animation: rotateBack .5s linear 1;
        animation: rotateBack .5s linear 1; }
    .more-contacts-container .more-contacts .more-contact .content {
      margin: 0;
      padding: 25px 15px;
      background: #fff;
      border: 1px solid #ccc; }
      .more-contacts-container .more-contacts .more-contact .content .image {
        display: inline-block;
        width: 285px;
        margin: 0 10px;
        vertical-align: top; }
        .more-contacts-container .more-contacts .more-contact .content .image ~ div {
          width: calc(50% - 178px); }
        .more-contacts-container .more-contacts .more-contact .content .image ~ div.content-two:not(:last-child), .more-contacts-container .more-contacts .more-contact .content .image ~ div.content-three {
          width: calc(30% - 178px); }
      .more-contacts-container .more-contacts .more-contact .content .content-one, .more-contacts-container .more-contacts .more-contact .content .content-two, .more-contacts-container .more-contacts .more-contact .content .content-three {
        display: inline-block;
        margin: 0 10px;
        vertical-align: top; }
      .more-contacts-container .more-contacts .more-contact .content .content-one, .more-contacts-container .more-contacts .more-contact .content .content-two {
        width: calc(50% - 22px); }
      .more-contacts-container .more-contacts .more-contact .content .content-two:not(:last-child), .more-contacts-container .more-contacts .more-contact .content .content-three {
        width: calc(25% - 25px); }
    .more-contacts-container .more-contacts .more-contact:hover .header, .more-contacts-container .more-contacts .more-contact:focus .header {
      background: #00aeef; }
      .more-contacts-container .more-contacts .more-contact:hover .header .header-title, .more-contacts-container .more-contacts .more-contact:hover .header .header-phone, .more-contacts-container .more-contacts .more-contact:focus .header .header-title, .more-contacts-container .more-contacts .more-contact:focus .header .header-phone {
        color: #fff; }
      .more-contacts-container .more-contacts .more-contact:hover .header:after, .more-contacts-container .more-contacts .more-contact:focus .header:after {
        color: #fff; }

.toggler-content-wrapper {
  overflow: hidden; }

@media (max-width: 1339px) {
  .more-contacts-container {
    max-width: 960px; }
    .more-contacts-container .more-contacts .more-contact .content .image + div.content-one:nth-last-child(3) {
      width: calc(100% - 330px); }
    .more-contacts-container .more-contacts .more-contact .content .image ~ div.content-two:not(:last-child), .more-contacts-container .more-contacts .more-contact .content .image ~ div.content-three {
      display: inline-block;
      width: calc(50% - 30px);
      margin-top: 20px; } }

@media (max-width: 991px) {
  .more-contacts-container {
    max-width: 728px;
    padding-right: 20px;
    padding-left: 20px; }
    .more-contacts-container .more-contacts .more-contact .header .header-title {
      display: block;
      width: auto;
      max-width: calc(100% - 20px);
      margin-bottom: 10px; }
    .more-contacts-container .more-contacts .more-contact .header .header-phone {
      font-size: 18px; }
    .more-contacts-container .more-contacts .more-contact .content .image + div {
      width: calc(100% - 330px); }
    .more-contacts-container .more-contacts .more-contact .content .image ~ div.content-two:last-child {
      display: block;
      width: auto !important;
      margin-top: 20px; } }

@media (max-width: 767px) {
  .more-contacts-container .more-contacts .more-contact .header .header-title {
    display: block;
    width: auto;
    max-width: calc(100% - 20px);
    margin-bottom: 2px;
    font-size: 18px; }
  .more-contacts-container .more-contacts .more-contact .header .header-phone {
    display: block;
    font-size: 14px; }
  .more-contacts-container .more-contacts .more-contact .content .image {
    display: block;
    width: auto;
    margin: 0; }
  .more-contacts-container .more-contacts .more-contact .content .content-one, .more-contacts-container .more-contacts .more-contact .content .content-two, .more-contacts-container .more-contacts .more-contact .content .content-three {
    display: block;
    width: auto !important;
    margin: 20px 0 0; } }

.more-proposes {
  max-width: 1264px;
  margin: 0 auto; }
  .more-proposes:before {
    content: " ";
    display: table; }
  .more-proposes:after {
    content: " ";
    display: table;
    clear: both; }
  .more-proposes div.propose {
    float: left;
    width: 406px;
    margin: 0 0 20px; }
    .more-proposes div.propose:nth-child(3n+1) {
      clear: left; }
    .more-proposes div.propose:nth-child(3n+2) {
      margin-right: 20px;
      margin-left: 20px; }

@media (max-width: 1339px) {
  .more-proposes {
    max-width: 832px; }
    .more-proposes div.propose:nth-child(3n+2) {
      margin-left: 0;
      margin-right: 0; }
    .more-proposes div.propose:nth-child(2n+2) {
      margin-left: 20px; } }

@media (max-width: 991px) {
  .more-proposes {
    max-width: 728px;
    padding: 0 20px; }
    .more-proposes div.propose {
      width: 354px; }
      .more-proposes div.propose:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0; }
      .more-proposes div.propose:nth-child(2n+2) {
        margin-left: 20px; } }

@media (max-width: 767px) {
  .more-proposes div.propose {
    float: none;
    display: block;
    width: auto;
    max-width: 406px;
    margin: 0 auto 20px !important; } }

.news-mainpage-list {
  background-repeat: no-repeat;
  background-position: center top; }
  .news-mainpage-list .wrap {
    max-width: 1264px;
    min-height: 275px;
    margin: 0 auto;
    padding-top: 75px; }
    .news-mainpage-list .wrap .portlet-content {
      background: transparent; }
    .news-mainpage-list .wrap .row-fluid {
      width: 100%; }
      .news-mainpage-list .wrap .row-fluid:before {
        display: table;
        content: "";
        line-height: 0; }
      .news-mainpage-list .wrap .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
        clear: both; }
      .news-mainpage-list .wrap .row-fluid .span6 {
        display: block;
        box-sizing: border-box;
        float: left;
        width: 48.88298%;
        margin-left: 2.12766%; }
        .news-mainpage-list .wrap .row-fluid .span6:first-child {
          margin-left: 0; }
    .news-mainpage-list .wrap .news-carousel {
      height: 200px; }
      .news-mainpage-list .wrap .news-carousel .carousel {
        margin-bottom: 0;
        position: relative;
        margin-bottom: 20px;
        line-height: 1; }
      .news-mainpage-list .wrap .news-carousel .carousel-content {
        height: 200px;
        margin: 0; }
        .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item {
          margin: 0;
          position: absolute;
          width: 460px;
          height: 200px;
          background: #fff;
          border-radius: 4px;
          overflow: hidden;
          line-height: 20px;
          z-index: 1; }
          .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item.carousel-item-active {
            z-index: 3;
            display: block; }
          .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item > a {
            display: block;
            width: 100%;
            height: 100%; }
          .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item a {
            color: #003767;
            text-decoration: none; }
            .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item a:hover {
              color: #fa6d16; }
          .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item .news-list {
            padding: 20px;
            display: block; }
            .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item .news-list h1 {
              margin-bottom: 10px;
              font-size: 18px;
              color: #fa6d16;
              margin: 0 0 15px;
              line-height: 1.25; }
            .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item .news-list time {
              display: none; }
            .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item .news-list .news-lead {
              display: block; }
      .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu {
        position: absolute;
        left: -100px;
        bottom: 0;
        z-index: 9;
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0 25px;
        text-align: center; }
        .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu .carousel-menu-item {
          cursor: pointer;
          display: block;
          overflow: hidden;
          text-indent: -99999px; }
        .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev {
          position: absolute;
          left: 0;
          bottom: 78px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #00aeef;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          -webkit-transition: color .5s;
          -moz-transition: color .5s;
          -o-transition: color .5s;
          transition: color .5s; }
          .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev:hover, .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev:focus {
            color: #fa6d16;
            -webkit-transition: color .5s,background .5s;
            -moz-transition: color .5s,background .5s;
            -o-transition: color .5s,background .5s;
            transition: color .5s,background .5s;
            cursor: pointer; }
        .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next {
          position: absolute;
          right: 0;
          bottom: 78px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #00aeef;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          transition: color 0.5s; }
          @media (prefers-reduced-motion: reduce) {
            .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next {
              transition: none; } }
          .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next:hover, .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next:focus {
            color: #fa6d16;
            transition: color 0.5s, background 0.5s;
            cursor: pointer; }
            @media (prefers-reduced-motion: reduce) {
              .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next:hover, .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next:focus {
                transition: none; } }
        .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu ul {
          display: inline-block;
          margin: 25px 0 0 0;
          padding: 0; }
          .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu ul li {
            display: inline-block; }
            .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu ul li a {
              width: 15px;
              height: 15px;
              margin: 0 5px;
              background: #fff;
              border-radius: 50%;
              box-shadow: 0 0 0 1px #ddd; }
            .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu ul li a.carousel-menu-active {
              background: #00aeef; }
    .news-mainpage-list .wrap ul.buttons {
      margin: 0;
      list-style: none; }
      .news-mainpage-list .wrap ul.buttons li {
        display: inline-block;
        margin: 0 18px 18px 0; }
        .news-mainpage-list .wrap ul.buttons li a {
          display: inline-block;
          padding: 15px 20px;
          background: #fff;
          border: 0;
          border-radius: 5px;
          color: #003767;
          font-size: 16px;
          font-weight: bold;
          text-align: left;
          text-decoration: none;
          text-shadow: none;
          outline: 0;
          box-shadow: none;
          transition: color 0.5s, background 0.5s; }
          @media (prefers-reduced-motion: reduce) {
            .news-mainpage-list .wrap ul.buttons li a {
              transition: none; } }
          .news-mainpage-list .wrap ul.buttons li a:hover, .news-mainpage-list .wrap ul.buttons li a:focus {
            background: #00aeef;
            color: #fff;
            transition: color 0.5s, background 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              .news-mainpage-list .wrap ul.buttons li a:hover, .news-mainpage-list .wrap ul.buttons li a:focus {
                transition: none; } }
            .news-mainpage-list .wrap ul.buttons li a:hover i, .news-mainpage-list .wrap ul.buttons li a:focus i {
              color: #fa6d16;
              transition: color 0.5s, background 0.5s;
              left: 0; }
              @media (prefers-reduced-motion: reduce) {
                .news-mainpage-list .wrap ul.buttons li a:hover i, .news-mainpage-list .wrap ul.buttons li a:focus i {
                  transition: none; } }
          .news-mainpage-list .wrap ul.buttons li a i {
            display: inline-block;
            margin: 0 0 0 30px;
            color: #00aeef;
            transition: color 0.5s, background 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              .news-mainpage-list .wrap ul.buttons li a i {
                transition: none; } }

@media (min-width: 1200px) {
  .news-mainpage-list .wrap .row-fluid .span6 {
    width: 48.71795%;
    margin-left: 2.5641%; } }

@media (max-width: 1339px) {
  .news-mainpage-list .wrap {
    max-width: 960px; }
    .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu {
      left: 0;
      padding: 0; }
      .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev, .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next {
        bottom: -55px; } }

@media (max-width: 991px) {
  .news-mainpage-list {
    background-color: #f9f9f9;
    background-position: center -100px; }
    .news-mainpage-list .wrap {
      padding: 0 20px 20px;
      max-width: 728px; }
      .news-mainpage-list .wrap .row-fluid .span6 {
        display: block;
        float: none;
        width: auto;
        margin: 0; }
        .news-mainpage-list .wrap .row-fluid .span6:first-child {
          min-height: 270px;
          padding-top: 15px; }
      .news-mainpage-list .wrap .news-carousel {
        height: 160px; }
        .news-mainpage-list .wrap .news-carousel .carousel-content {
          height: 160px; }
          .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item {
            right: 50%;
            width: 660px;
            height: 160px;
            -webkit-transform: translateX(50%);
            -moz-transform: translateX(50%);
            -ms-transform: translateX(50%);
            -o-transform: translateX(50%);
            transform: translateX(50%); }
        .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev {
          bottom: 56px;
          left: -20px; }
        .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next {
          bottom: 56px;
          right: -20px; } }

@media (max-width: 767px) and (max-width: 979px) {
  .news-mainpage-list ul.buttons li a.btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-top: 5px;
    width: 100%; } }

@media (max-width: 767px) {
  .news-mainpage-list {
    background-position: center top;
    background-size: cover; }
    .news-mainpage-list .wrap .row-fluid .span6:first-child {
      min-height: 400px; }
    .news-mainpage-list .wrap .news-carousel {
      height: 320px; }
      .news-mainpage-list .wrap .news-carousel .carousel-content {
        heigth: 320px; }
        .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item {
          width: 100%;
          height: 320px; }
      .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev, .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next {
        display: none; }
    .news-mainpage-list ul.buttons {
      overflow: hidden; }
      .news-mainpage-list ul.buttons li {
        clear: both;
        float: left;
        display: block;
        margin: 0 0 20px !important; } }

.retail-not-available-portlet {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 50px 0 !important;
  background: #f9f9f9; }
  .retail-not-available-portlet *:after, .retail-not-available-portlet *:before, .retail-not-available-portlet * {
    box-sizing: content-box; }
  .retail-not-available-portlet .portlet-content {
    background: unset !important; }
  .retail-not-available-portlet .portlet-body {
    max-width: 1264px;
    margin: 0 auto; }
    .retail-not-available-portlet .portlet-body form {
      margin: 0 0 20px; }
      .retail-not-available-portlet .portlet-body form .wrapper {
        max-width: 780px;
        margin: 0 auto;
        padding: 0 15px; }
        .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet * {
          box-sizing: border-box; }
        .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform {
          margin: 0 auto;
          padding: 40px 95px;
          background: #fff;
          border: solid 1px #cceffc;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px; }
          .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .notAvailableFont {
            font-size: 28px;
            line-height: 34px;
            margin-bottom: 24px;
            color: #003767;
            font-weight: bold; }
          .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .alert-not-available {
            padding-left: 25px;
            padding-right: 25px;
            background-color: #fff;
            padding: 20px 20px;
            border-radius: 4px;
            border: 1px solid #99dff9;
            margin-bottom: 20px; }
            .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .alert-not-available .media {
              display: block; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .alert-not-available .media .media-left {
                display: table-cell;
                padding-right: 10px; }
                .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .alert-not-available .media .media-left .icon-alert {
                  color: #00aeef;
                  font-family: "icomoon" !important;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  line-height: 1;
                  margin-top: 20px;
                  margin-bottom: 10px;
                  font-size: 36px; }
                  .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .alert-not-available .media .media-left .icon-alert:before {
                    content: "\e908"; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .alert-not-available .media .media-right {
                display: table-cell;
                padding-left: 20px;
                padding-top: 10px; }
                .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .alert-not-available .media .media-right .notAvailableSmallFont {
                  font-size: 14px;
                  font-weight: bold;
                  margin-top: 0;
                  padding-top: 5px;
                  margin-bottom: 5px; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .alert-not-available .media .media-middle {
                vertical-align: middle; }
          .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .statmentSubDiv2 {
            margin-top: 35px;
            margin-bottom: 20px; }
          .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .appointment-sub-header-with18px {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 5px; }
          .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper {
            width: 100%;
            margin: 0; }
            .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .row-fluid {
              width: 100%; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .row-fluid:before {
                display: table;
                content: "";
                line-height: 0; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .row-fluid:after {
                display: table;
                content: "";
                line-height: 0;
                clear: both; }
            .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .span6 {
              width: 50%;
              margin: 0;
              overflow: visible;
              float: left; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .span6:nth-child(2n+1) {
                padding-right: 20px; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .span6:nth-child(2n+2) {
                padding-left: 20px; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .span6 .summaryTimeLabel {
                margin-left: 15px;
                margin-bottom: 4px;
                margin-top: 2px;
                cursor: unset; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .span6 select {
                margin-bottom: 10px; }
            .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .input-wrapper {
              position: relative;
              padding-top: 40px; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .input-wrapper .input-border {
                border: 1px solid #99dff9;
                border-radius: 4px; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .input-wrapper label {
                margin: -34px 0 0 0;
                color: #003767;
                float: none;
                vertical-align: baseline;
                text-align: left;
                font-size: 16px;
                display: block;
                position: absolute;
                z-index: 2;
                min-width: 33%;
                width: auto;
                height: 38px;
                line-height: 38px;
                padding: 0 15px;
                font-weight: normal;
                transition: all ease .3s; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .input-wrapper .input-box div {
                display: block;
                width: 100%; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .input-wrapper .input-prefix {
                width: 0;
                position: relative;
                height: 39px;
                line-height: 39px;
                padding-left: 15px;
                margin-top: -40px;
                padding-top: 40px;
                background: transparent;
                color: #00aeef; }
              .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform .input-field-wrapper .input-wrapper .help {
                padding-left: 0;
                text-indent: 48px;
                cursor: pointer;
                font-size: 16px;
                font-family: "Helvetica Neue LT Pro",Helvetica,Arial,sans-serif;
                height: 38px; }
        .retail-not-available-portlet .portlet-body form .wrapper .button-holder {
          margin: 20px 0; }
          .retail-not-available-portlet .portlet-body form .wrapper .button-holder .account-data-cta {
            float: right;
            height: 60px;
            box-sizing: border-box;
            border-radius: 4px; }

@media (max-width: 991px) {
  .retail-not-available-portlet .portlet-body {
    max-width: 810px;
    margin: 0 auto; } }

@media (max-width: 767px) {
  .retail-not-available-portlet .portlet-body form .wrapper {
    padding: 0; }
    .retail-not-available-portlet .portlet-body form .wrapper .appointment-portlet .appointment-subform {
      border: 0;
      padding: 30px 20px; } }

body.partially-sighted * {
  background-color: #000 !important;
  background-image: none !important;
  color: yellow !important; }

body.partially-sighted a.toggle-partially-sighted {
  background: url(../images/partially-sighted.png) no-repeat 0 center !important;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 15px; }

body.partially-sighted img, body.partially-sighted video {
  display: none !important; }

body.partially-sighted #content section.product img,
body.partially-sighted #content .content-over-image-box img {
  display: block !important; }

body.partially-sighted #content .portlet-boundary.border-lightblue {
  border: none; }

.portlet-boundary {
  padding-bottom: 50px; }
  .portlet-boundary > * {
    box-sizing: content-box; }
  .portlet-boundary.product-distributor-portlet {
    padding-bottom: 0; }
  .portlet-boundary.no-padding {
    padding-bottom: 0; }
  .portlet-boundary.portlet-breadcrumb {
    padding-bottom: 0; }
  .portlet-boundary.background-gray {
    background: #f9f9f9; }
    .portlet-boundary.background-gray .portlet .portlet-topper, .portlet-boundary.background-gray .portlet .portlet-content {
      background: #f9f9f9; }
      .portlet-boundary.background-gray .portlet .portlet-topper .portlet-title, .portlet-boundary.background-gray .portlet .portlet-content .portlet-title {
        padding-top: 60px; }
  .portlet-boundary.background-white {
    background: #fff; }
    .portlet-boundary.background-white .portlet .portlet-topper h2.portlet-title {
      padding-top: 45px; }
  .portlet-boundary.background-darkgray .portlet-content {
    background: transparent; }
  .portlet-boundary.background-blue .portlet-content {
    background: transparent; }
  .portlet-boundary.portlet-nested-portlets.background-blue .portlet-boundary {
    padding-bottom: 20px; }
  .portlet-boundary.portlet-nested-portlets.background-blue .columns-2 .col-md-6 {
    width: 48.93617%;
    float: left;
    box-sizing: border-box;
    margin-left: 2.12766%; }
    .portlet-boundary.portlet-nested-portlets.background-blue .columns-2 .col-md-6:first-child {
      margin-left: 0; }
  .portlet-boundary.portlet-nested-portlets.background-blue .portlet-content {
    background: #e6f7fe; }
  .portlet-boundary.background-blue {
    background: #e6f7fe; }
  .portlet-boundary .portlet-content {
    padding: 0 !important;
    background: #fff; }
  .portlet-boundary:last-child {
    padding-bottom: 0; }
  .portlet-boundary.padding-top {
    padding-top: 50px; }
  .portlet-boundary.padding-bottom {
    padding-bottom: 50px !important; }
    .portlet-boundary.padding-bottom.background-gray {
      background: #f9f9f9; }
      .portlet-boundary.padding-bottom.background-gray .portlet-body {
        max-width: 1264px;
        margin: 0 auto; }
    .portlet-boundary.padding-bottom .clearfix.journal-content-article {
      background: #ffffff; }
  .portlet-boundary.border-lightblue {
    border-bottom: 100px solid #cceffc; }
  .portlet-boundary h2.portlet-title {
    margin-bottom: 35px;
    padding-top: 10px;
    color: #00aeef;
    font-size: 32px;
    text-align: center; }
    .portlet-boundary h2.portlet-title a {
      text-decoration: none; }
  .portlet-boundary:first-child .portlet .portlet-topper h2.portlet-title {
    padding-top: 45px; }
  .portlet-boundary .portlet {
    /*
		&:hover{
			.portlet-topper{
				transform: none;
				-webkit-transform: none;
			}
		}
		*/ }
    .portlet-boundary .portlet .portlet-topper {
      border: 0px;
      display: block;
      opacity: 1;
      padding: 0;
      margin: 0;
      background: #fff;
      position: relative;
      transition: none;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      /* 			.portlet-topper-toolbar{ */
      /* 				position: absolute; */
      /* 			    top: 12px; */
      /* 			    right: 20px; */
      /* 			} */ }
      .portlet-boundary .portlet .portlet-topper h2.portlet-title {
        margin-bottom: 35px;
        padding-top: 10px;
        color: #00aeef;
        font-size: 32px;
        text-align: center; }
        .portlet-boundary .portlet .portlet-topper h2.portlet-title .portlet-title-text {
          white-space: normal; }

/*Floating elementek után célszerű beszúrni, ha a parent nem overflow:auto, vagy nem floating maga is, máskülönben a parent doboza
előfordul, hogy nem számolja bele a floating gyermekeit a doboza magasságába */
.portlet-layout.row:after {
  content: " ";
  display: block;
  height: 0;
  clear: both; }

#layout-column_content-marketing-footer .article-proposer-portlet .portlet-content {
  background: #f9f9f9; }

.portlet-borderless .portlet {
  margin-bottom: 0; }
  .portlet-borderless .portlet .portlet-topper {
    /*
			.lfr-icon-menu > a{
				color: #00aeef;
			    background: #fff;
			    border-radius: 4px;
			    border: 1px solid #99dff9;
			}
			*/ }
    .portlet-borderless .portlet .portlet-topper .portlet-title-default {
      display: none; }
  .portlet-borderless .portlet .portlet-content portlet-title {
    display: none; }

.investment-category-portlet .product-category-container .product-category {
  padding: 50px 0 30px; }
  .investment-category-portlet .product-category-container .product-category.products-center .wrap h2 {
    text-align: center; }
  .investment-category-portlet .product-category-container .product-category:nth-child(odd) {
    background: #f9f9f9; }
  .investment-category-portlet .product-category-container .product-category.show-all .product.hidden-desktop, .investment-category-portlet .product-category-container .product-category.show-all .product.hidden-tablet, .investment-category-portlet .product-category-container .product-category.show-all .product.hidden-phone {
    display: block !important; }
  .investment-category-portlet .product-category-container .product-category .wrap {
    max-width: 1264px;
    margin: 0 auto; }
    .investment-category-portlet .product-category-container .product-category .wrap section.product {
      margin-bottom: 0; }
    .investment-category-portlet .product-category-container .product-category .wrap .products-container-toggle-link-container {
      clear: both;
      text-align: center;
      margin-top: 8px; }
      .investment-category-portlet .product-category-container .product-category .wrap .products-container-toggle-link-container a.products-container-toggle-link {
        font-size: 15px; }
    .investment-category-portlet .product-category-container .product-category .wrap h2 {
      margin: 0 0 50px;
      color: #00aeef;
      font-size: 28px; }
      .investment-category-portlet .product-category-container .product-category .wrap h2 a {
        color: #00aeef;
        text-decoration: none; }
        .investment-category-portlet .product-category-container .product-category .wrap h2 a:hover, .investment-category-portlet .product-category-container .product-category .wrap h2 a:focus {
          color: #fa6d16;
          text-decoration: underline; }
  .investment-category-portlet .product-category-container .product-category.special-offers .wrap h2 {
    text-align: center; }

.investment-category-portlet .product-category-container.background-white .product-category {
  background: none !important; }

.portlet-nested-portlets .portlet-body {
  max-width: 1264px;
  margin: 0 auto; }

@media (min-width: 1200px) {
  .portlet-boundary.portlet-nested-portlets.background-blue .columns-2 .col-md-6 {
    width: 48.71795%;
    margin-left: 2.5641%; }
    .portlet-boundary.portlet-nested-portlets.background-blue .columns-2 .col-md-6:first-child {
      margin-left: 0; } }

@media (max-width: 1339px) {
  .portlet-boundary.padding-bottom.background-gray .portlet-body {
    max-width: 960px; }
  .portlet-nested-portlets .portlet-body {
    max-width: 960px;
    box-sizing: content-box; }
  .investment-category-portlet .product-category-container .product-category .wrap {
    max-width: 960px; } }

@media (max-width: 991px) {
  #p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_DQo4bUMVY9Gb_ {
    padding-bottom: 50px !important; }
  .portlet-boundary.padding-bottom.background-gray {
    padding-bottom: 0 !important; }
    .portlet-boundary.padding-bottom.background-gray .portlet-body {
      max-width: 728px; }
  .portlet-boundary.account-package-filter-portlet.article-proposer-portlet {
    padding-bottom: 25px; }
  .portlet-boundary.portlet-nested-portlets.background-blue .portlet-boundary {
    padding-bottom: 20px; }
  .portlet-boundary.portlet-nested-portlets.background-blue .columns-2 .col-md-6 {
    margin-bottom: 0; }
  .portlet-nested-portlets > .portlet-borderless-container > .portlet-body {
    max-width: 728px;
    padding-right: 20px;
    paddinge-left: 20px; }
  .investment-category-portlet .product-category-container .product-category .wrap {
    max-width: 728px;
    padding: 0 20px; } }

@media (max-width: 767px) {
  .portlet-boundary {
    padding-bottom: 25px; }
  .portlet-boundary.portlet-nested-portlets.background-blue .columns-2 .col-md-6 {
    float: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-left: 0; }
  .investment-category-portlet .product-category-container .product-category {
    padding: 25px 0; }
    .investment-category-portlet .product-category-container .product-category .wrap h2 {
      margin-bottom: 25px;
      font-size: 20px;
      text-align: center; }
  .product-distributor-portlet .product-category .wrap h2 {
    font-size: 20px;
    margin-bottom: 25px; } }

body.private {
  background: #f0f0f0 url(/o/kh-theme/images/private-background.jpg) repeat-y 100% !important;
  color: #344253; }

.private {
  -webkit-tap-highlight-color: transparent;
  /*-------------------------- header Ă©s footer dolgok-------------------------------*/
  /*-------------------------- header Ă©s footer dolgok end-------------------------------*/
  /*------------ befektetés -----------------*/
  /*-------------------------kapcsolat------------------------------------*/ }
  .private #footer .footer-links {
    background: #344253; }
  .private a {
    color: #344253; }
  .private h1, .private h2, .private h3, .private h4, .private h5, .private h6 {
    color: #344253; }
  .private .journal-content-article > .product-header {
    color: #344253; }
    .private .journal-content-article > .product-header a.button {
      background: #344253; }
    .private .journal-content-article > .product-header .usps ul li i {
      color: #344253; }
    .private .journal-content-article > .product-header .cta-group a.button {
      border: 0;
      background: #344253; }
      .private .journal-content-article > .product-header .cta-group a.button:hover, .private .journal-content-article > .product-header .cta-group a.button:focus {
        background: #344253;
        color: #fff; }
  .private *:before, .private *:after, .private * {
    box-sizing: content-box; }
  .private .page-header-div {
    background: #ced5dd; }
  .private .privatebank-elismeresek {
    background: #fff;
    padding: 40px 0; }
    .private .privatebank-elismeresek .privatebank-elismeresek-box {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #e1e1e1;
      overflow: hidden;
      background: #fff;
      min-height: 473px;
      margin-bottom: 50px;
      box-sizing: border-box; }
      .private .privatebank-elismeresek .privatebank-elismeresek-box .privatebank-elismeresek-content {
        padding: 20px;
        border-top: 1px solid #e1e1e1; }
        .private .privatebank-elismeresek .privatebank-elismeresek-box .privatebank-elismeresek-content .privatebank-elismeresek-content-header {
          font-size: 18px;
          margin: 0 0 20px;
          color: #344253; }
  .private .portlet-boundary .portlet .portlet-topper {
    background: transparent; }
    .private .portlet-boundary .portlet .portlet-topper h2.portlet-title {
      color: #344253; }
  .private .portlet-boundary.padding-bottom {
    background: transparent; }
  .private .portlet-boundary:last-child {
    padding-bottom: 0; }
  .private .portlet-boundary .portlet-content {
    background: transparent; }
  .private .boxes-3-col > div {
    margin-bottom: 0; }
  .private .product-distributor-portlet .product-category.products-show-all.products-center {
    padding-top: 50px; }
  .private .product-distributor-portlet .product-category .wrap h2 {
    color: #344253; }
    .private .product-distributor-portlet .product-category .wrap h2 a {
      color: #344253; }
  .private ul.kh-list-1 li:before {
    color: #344253 !important; }
  .private .product-category .wrap section.product {
    border-color: #ced5dd;
    color: #344253; }
  .private .privatebank-intro-inner {
    max-width: 1264px;
    margin: 0 auto;
    padding: 40px 20px 1px; }
    .private .privatebank-intro-inner .privatebank-intro-inner-header {
      text-align: center;
      font-size: 32px;
      margin: 0 0 35px 0;
      color: #344253; }
    .private .privatebank-intro-inner p {
      line-height: 175%;
      color: #344253; }
  .private .privatebank-fivereasons .privatebank-fivereasons-inner {
    max-width: 1264px;
    margin: 0 auto;
    padding: 45px 20px 60px 20px; }
    .private .privatebank-fivereasons .privatebank-fivereasons-inner .privatebank-fivereasons-inner-header {
      text-align: center;
      font-size: 32px;
      margin: 0; }
    .private .privatebank-fivereasons .privatebank-fivereasons-inner .privatebank-fivereasons-inner-content {
      margin: 40px 0 55px; }
      .private .privatebank-fivereasons .privatebank-fivereasons-inner .privatebank-fivereasons-inner-content p {
        line-height: 175%;
        color: #354252; }
    .private .privatebank-fivereasons .privatebank-fivereasons-inner .privatebank-fivereasons-inner-box {
      background: #fff;
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 5px; }
      .private .privatebank-fivereasons .privatebank-fivereasons-inner .privatebank-fivereasons-inner-box .privatebank-fivereasons-inner-box-img {
        width: 32%;
        box-sizing: border-box;
        float: left; }
        .private .privatebank-fivereasons .privatebank-fivereasons-inner .privatebank-fivereasons-inner-box .privatebank-fivereasons-inner-box-img img {
          width: 100%;
          height: auto; }
      .private .privatebank-fivereasons .privatebank-fivereasons-inner .privatebank-fivereasons-inner-box .privatebank-fivereasons-inner-box-content {
        margin: 0 !important;
        padding: 20px;
        width: 68%;
        box-sizing: border-box;
        float: left; }
        .private .privatebank-fivereasons .privatebank-fivereasons-inner .privatebank-fivereasons-inner-box .privatebank-fivereasons-inner-box-content .privatebank-fivereasons-inner-box-content-title {
          font-size: 25px;
          margin: 5px 0 20px; }
        .private .privatebank-fivereasons .privatebank-fivereasons-inner .privatebank-fivereasons-inner-box .privatebank-fivereasons-inner-box-content p {
          line-height: 175%;
          color: #344253; }
  .private .hero-header {
    background-repeat: no-repeat;
    background-position: center top; }
    .private .hero-header .wrap {
      position: relative;
      max-width: 1264px;
      min-height: 350px;
      margin: 0 auto; }
      .private .hero-header .wrap .align {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      .private .hero-header .wrap h2 {
        margin-bottom: 20px;
        font-size: 30px;
        max-width: 450px; }
  .private .product-category .wrap section.product .product-hover {
    background: #ced5dd; }
    .private .product-category .wrap section.product .product-hover button.btn {
      border: 0;
      background: #344253; }
  .private .columns-2 .alert-container.alert-with-border .alert-content .alert-icon {
    color: #344253; }
  .private .alert-container {
    background: #fff;
    color: #354252; }
    .private .alert-container.alert-with-border {
      background: none;
      border-radius: 4px; }
    .private .alert-container .alert-content.alert-with-icon .alert-icon {
      color: #354252 !important; }
    .private .alert-container .alert-content .alert-icon {
      left: 25px;
      color: #354252 !important; }
  .private .privatebank-contacts-title-block {
    background: #fff;
    text-align: center; }
    .private .privatebank-contacts-title-block .privatebank-contacts-title-block-inner {
      max-width: 1264px;
      margin: 0 auto;
      padding: 40px; }
      .private .privatebank-contacts-title-block .privatebank-contacts-title-block-inner .privatebank-contacts-title-block-header {
        font-size: 32px;
        margin: 0 0 25px; }
      .private .privatebank-contacts-title-block .privatebank-contacts-title-block-inner a {
        font-size: 26px;
        color: #344253; }
  .private .header-search .search-field button[type="submit"] {
    background: #374254; }
  .private .background-white {
    background-color: white; }
  .private .privacy-policy-container {
    background: none; }
    .private .privacy-policy-container .privacy-policy {
      color: #344253; }
  .private .product-info-portlet .portlet-body .product-information-container .info-content .open-product-info-description {
    color: #344253; }
    .private .product-info-portlet .portlet-body .product-information-container .info-content .open-product-info-description:focus {
      color: #344253; }
  .private #content .nested-tabs ul.nav-tabs li.tab a.tab-content {
    background: #344253;
    border-color: #344253; }
  .private #content .nested-tabs ul.nav-tabs li.tab.active a.tab-content {
    color: #344253;
    background: #fff;
    border-color: #ccc;
    border-bottom-color: transparent; }
  .private #content table {
    background: #d6d9dd;
    color: #344253; }
    .private #content table thead td, .private #content table thead th {
      color: #344253; }
    .private #content table tbody td, .private #content table tbody th {
      color: #344253; }
    .private #content table tbody tr:nth-child(odd) td, .private #content table tbody tr:nth-child(odd) th {
      background: #eaeced; }
  .private #content .images-and-texts .iat-text .iat-text-wrapper h3 span {
    color: #344253 !important; }
  .private #content .images-and-texts .iat-text .iat-text-wrapper ul.kh-list-2 li:before {
    color: #344253 !important; }
  .private #content .btn.btn-primary, .private #content .btn.kh-button-1 {
    background: #344253; }
    .private #content .btn.btn-primary:hover, .private #content .btn.kh-button-1:hover {
      background: #344253; }
  .private #content .btn.btn-secondary, .private #content .btn.kh-button-2, .private #content .btn.kh-button-3 {
    color: #344253;
    background: #fff !important;
    border: 1px solid #344253; }
    .private #content .btn.btn-secondary:hover, .private #content .btn.kh-button-2:hover, .private #content .btn.kh-button-3:hover {
      background: #344253 !important;
      color: #fff; }
  .private #content input[type="checkbox"]:not(.old) + label:before, .private #content input[type="radio"]:not(.old) + label:before {
    border-color: #344253;
    color: #344253; }
  .private #content input[type="radio"]:not(.old):checked + label:before {
    background: #344253; }
  .private #content .contact-b-container {
    background: #ced5dd !important; }
    .private #content .contact-b-container .contact-panel-title {
      color: #344253; }
    .private #content .contact-b-container .contact-panel-box {
      color: #f9f9f9;
      background: #344253; }
      .private #content .contact-b-container .contact-panel-box .icon {
        color: #f9f9f9; }
      .private #content .contact-b-container .contact-panel-box:hover {
        background: #fff;
        color: #344253; }
        .private #content .contact-b-container .contact-panel-box:hover .icon {
          color: #344253; }
  .private #content .select-offer {
    background: #ced5dd; }
    .private #content .select-offer .select-offer-text {
      color: #344253; }
    .private #content .select-offer a.btn {
      background: #344253;
      color: #fff; }
      .private #content .select-offer a.btn:hover {
        background: #344253; }
  .private #content .products .product .content-over-image-box, .private #content .portlet-content-container .content-over-image-box {
    border: 1px solid #ced5dd; }
    .private #content .products .product .content-over-image-box .box-slide-content h3, .private #content .portlet-content-container .content-over-image-box .box-slide-content h3 {
      color: #344253;
      border-top: 1px solid #ced5dd; }
    .private #content .products .product .content-over-image-box .box-slide-content ul li:before, .private #content .portlet-content-container .content-over-image-box .box-slide-content ul li:before {
      color: #344253; }
    .private #content .products .product .content-over-image-box .box-slide-content .button-row, .private #content .portlet-content-container .content-over-image-box .box-slide-content .button-row {
      background: #ced5dd; }
      .private #content .products .product .content-over-image-box .box-slide-content .button-row button.btn, .private #content .portlet-content-container .content-over-image-box .box-slide-content .button-row button.btn {
        background: #344253;
        color: #fff; }
        .private #content .products .product .content-over-image-box .box-slide-content .button-row button.btn:hover, .private #content .portlet-content-container .content-over-image-box .box-slide-content .button-row button.btn:hover {
          background: #344253; }
  .private #content .process-icons a figure i, .private #content .process-icons figure i {
    color: #344253;
    background: #fff;
    border: solid 1px #344253; }
    .private #content .process-icons a figure i.active, .private #content .process-icons a figure i:hover, .private #content .process-icons figure i.active, .private #content .process-icons figure i:hover {
      color: #fff;
      background: #344253;
      border: solid 1px #fff; }
  .private #content .process-icons a figure figcaption, .private #content .process-icons figure figcaption {
    color: #344253; }
  .private #content .process-icons .arrow {
    color: #344253; }
  .private #content .process-icons .ic-class-link.active:after {
    color: #344253; }
  .private #content .more-description-wrap .more-description-container {
    border: 1px solid #ced5dd; }
    .private #content .more-description-wrap .more-description-container .more-description-header .more-description-link {
      color: #344253; }
      .private #content .more-description-wrap .more-description-container .more-description-header .more-description-link:hover {
        color: #ced5dd; }
      .private #content .more-description-wrap .more-description-container .more-description-header .more-description-link:before {
        color: #344253; }
    .private #content .more-description-wrap .more-description-container .more-description .more-desc-nav a {
      color: #344253; }
      .private #content .more-description-wrap .more-description-container .more-description .more-desc-nav a:hover {
        color: #ced5dd; }
  .private #content .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-prev, .private #content .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu a.carousel-menu-next {
    color: #344253; }
  .private #content .news-mainpage-list .wrap .news-carousel .carousel-controls .carousel-menu menu ul li a.carousel-menu-active {
    background: #344253; }
  .private #content .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item {
    background: #f9f9f9;
    color: #344253; }
    .private #content .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item .news-list h1 {
      color: #344253; }
    .private #content .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item a {
      color: #344253; }
      .private #content .news-mainpage-list .wrap .news-carousel .carousel-content .carousel-items .carousel-item a:hover {
        color: #ced5dd; }
  .private #content .news-mainpage-list .wrap ul.buttons li a {
    color: #344253;
    background: #fff; }
    .private #content .news-mainpage-list .wrap ul.buttons li a i {
      color: #344253; }
    .private #content .news-mainpage-list .wrap ul.buttons li a:hover {
      color: #fff;
      background: #344253; }
      .private #content .news-mainpage-list .wrap ul.buttons li a:hover i {
        color: #fff; }
  .private #content .contact-form-portlet .form {
    background: #f0f0f0 url(/o/kh-theme/images/private-background.jpg) repeat-y 100%; }
    .private #content .contact-form-portlet .form .contact-form-list li.active h2.contact-form-list-item-label {
      background: #ced5dd; }
    .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset {
      border: 1px solid #ced5dd; }
      .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .form-control {
        border-color: #aeb3ba !important; }
        .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .form-control:focus {
          border-color: #344253 !important; }
        .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .form-control.error-field {
          border-color: #f53500 !important;
          color: #f53500 !important; }
      .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset textarea, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="text"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="password"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="datetime"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="datetime-local"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="date"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="month"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="time"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="week"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="number"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="email"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="url"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="search"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="tel"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset input[type="color"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .uneditable-input {
        color: #344253; }
      .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success .add-on, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success .input-group-addon, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success textarea, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success select, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="text"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="password"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="datetime"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="datetime-local"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="date"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="month"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="time"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="week"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="number"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="email"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="url"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="search"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="tel"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success input[type="color"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .digit-success .uneditable-input, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success .add-on, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success .input-group-addon, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success textarea, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success select, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="text"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="password"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="datetime"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="datetime-local"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="date"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="month"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="time"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="week"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="number"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="email"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="url"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="search"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="tel"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success input[type="color"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .success .uneditable-input, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success .add-on, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success .input-group-addon, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success textarea, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success select, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="text"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="password"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="datetime"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="datetime-local"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="date"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="month"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="time"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="week"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="number"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="email"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="url"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="search"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="tel"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success input[type="color"], .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .has-success .uneditable-input {
        color: #2ecc71 !important;
        border-color: #2ecc71 !important; }
      .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset span.taglib-icon-help:before {
        background: #344253; }
      .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .datepicker-field-wrapper button.icon-calendar, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .datepicker-container .datepicker-control-group button.callback-date-button .fa-calendar {
        color: #003767; }
      .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .datepicker-field-wrapper button.icon-calendar, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .datepicker-field-wrapper button.delete-button, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .form-group .input-group .input-group-addon, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .lfr-ddm-field-group.field-wrapper .call-back-date-input .row-fluid .datepicker-container .datepicker-control-group button.callback-date-button {
        border-color: #aeb3ba; }
      .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .alert-info, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .portlet-msg-help, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .portlet-msg-info, .private #content .contact-form-portlet .form .contact-form-list > li > .fieldset .portlet-msg-progress {
        color: #344253;
        background: #ced5dd;
        border-color: transparent; }
  .private .tooltip-inner, .private .overlaycontextpanel .overlaycontextpanel-content, .private .overlaycontextpanel .tooltip-help-content, .private .tooltip-help .overlaycontextpanel-content, .private .tooltip-help .tooltip-help-content {
    border-color: #ced5dd; }
  .private .datepicker-popover .popover-content table.yui3-calendar-grid .yui3-calendar-weekday, .private .datepicker-popover .popover-content .yui3-calendar-header, .private .datepicker-popover .popover-title {
    background: #ced5dd; }
  .private .yui3-calendar-content .yui3-calendar-day:hover, .private .yui3-calendar-content .yui3-calendar-day-selected {
    background: #344253; }

.privatebank-intro .privatebank-intro-inner {
  max-width: 1264px;
  margin: 0 auto;
  padding: 40px 20px 1px; }
  .privatebank-intro .privatebank-intro-inner .privatebank-intro-inner-header {
    text-align: center;
    font-size: 32px;
    margin: 0 0 35px 0;
    color: #344253; }
  .privatebank-intro .privatebank-intro-inner p {
    line-height: 175%;
    color: #344253; }

@media (max-width: 1339px) {
  .private .boxes-3-col > div:nth-child(3n+2) .privatebank-elismeresek-box {
    margin-bottom: 20px; }
  .private .privatebank-fivereasons .privatebank-fivereasons-inner {
    max-width: 960px; }
  .private .hero-header .wrap {
    max-width: 960px; }
    .private .hero-header .wrap h2 {
      max-width: 300px;
      font-size: 25px; }
  .private .privatebank-intro-inner {
    max-width: 960px; } }

@media (max-width: 991px) {
  .private .hero-header {
    padding-top: 20px;
    padding-bottom: 20px;
    background-position: left; }
    .private .hero-header .wrap {
      max-width: 728px;
      min-height: 0;
      padding: 0 20px; }
      .private .hero-header .wrap .align {
        position: static;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; }
        .private .hero-header .wrap .align h2 {
          max-width: 100%; }
  .private .privatebank-intro .privatebank-intro-inner {
    padding: 40px 20px; }
  .private .page-header-div {
    padding: 20px 0 15px; }
    .private .page-header-div .wrap {
      max-width: 728px;
      padding: 0 20px; } }

.private .kkv-slider {
  position: relative;
  min-height: 490px; }
  .private .kkv-slider .carousel {
    margin: 0; }
  .private .kkv-slider .carousel-content .carousel-item {
    width: 100%;
    padding-top: 70px;
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-position: top;
    z-index: 1; }
    .private .kkv-slider .carousel-content .carousel-item.carousel-item-active {
      z-index: 3;
      display: block; }
    .private .kkv-slider .carousel-content .carousel-item .wrap {
      max-width: 480px;
      margin: 0 auto;
      padding-right: 784px; }
      .private .kkv-slider .carousel-content .carousel-item .wrap h2 {
        margin: 0 0 20px;
        font-size: 30px; }
      .private .kkv-slider .carousel-content .carousel-item .wrap .kkv-slider-content {
        margin-bottom: 20px;
        font-size: 18px; }
        .private .kkv-slider .carousel-content .carousel-item .wrap .kkv-slider-content ul {
          font-size: 16px; }
          .private .kkv-slider .carousel-content .carousel-item .wrap .kkv-slider-content ul li:before {
            color: #ced5dd; }
        .private .kkv-slider .carousel-content .carousel-item .wrap .kkv-slider-content h4 {
          margin: 0 0 15px;
          line-height: 1.25;
          font-size: 17.5px; }
      .private .kkv-slider .carousel-content .carousel-item .wrap a.btn {
        color: #fff; }
      .private .kkv-slider .carousel-content .carousel-item .wrap .product-header a.button {
        background: #344253;
        border-radius: 3px;
        padding: 16px 24px;
        display: inline-block;
        border: 0;
        color: #fff;
        font-size: 16px;
        text-decoration: none;
        font-weight: bold;
        text-shadow: none;
        box-shadow: none;
        transition: background 0.5s; }
        @media (prefers-reduced-motion: reduce) {
          .private .kkv-slider .carousel-content .carousel-item .wrap .product-header a.button {
            transition: none; } }
        .private .kkv-slider .carousel-content .carousel-item .wrap .product-header a.button:hover i.fa-arrow-right {
          left: 5px;
          transition: left 0.5s; }
          @media (prefers-reduced-motion: reduce) {
            .private .kkv-slider .carousel-content .carousel-item .wrap .product-header a.button:hover i.fa-arrow-right {
              transition: none; } }
        .private .kkv-slider .carousel-content .carousel-item .wrap .product-header a.button i.fa-arrow-right {
          position: relative;
          left: 0;
          display: inline-block;
          margin-left: 15px;
          transition: left 0.5s; }
          @media (prefers-reduced-motion: reduce) {
            .private .kkv-slider .carousel-content .carousel-item .wrap .product-header a.button i.fa-arrow-right {
              transition: none; } }
          .private .kkv-slider .carousel-content .carousel-item .wrap .product-header a.button i.fa-arrow-right:before {
            content: "\e93e";
            font-family: khicon; }
  .private .kkv-slider .carousel-controls {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 100%; }
    .private .kkv-slider .carousel-controls .carousel-menu {
      position: relative;
      max-width: 1264px;
      margin: 0 auto; }
      .private .kkv-slider .carousel-controls .carousel-menu menu {
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0;
        text-align: center; }
        .private .kkv-slider .carousel-controls .carousel-menu menu ul {
          position: relative;
          top: -60px;
          display: block;
          margin: 0;
          padding: 0;
          text-align: left; }
          .private .kkv-slider .carousel-controls .carousel-menu menu ul li {
            display: inline-block; }
            .private .kkv-slider .carousel-controls .carousel-menu menu ul li a {
              width: 15px;
              height: 15px;
              margin: 0 5px;
              background: #fff;
              border-radius: 50%;
              box-shadow: 0 0 0 1px #ddd; }
              .private .kkv-slider .carousel-controls .carousel-menu menu ul li a.carousel-menu-active {
                background: #11366a; }
            .private .kkv-slider .carousel-controls .carousel-menu menu ul li .carousel-menu-item {
              cursor: pointer;
              display: block;
              overflow: hidden;
              text-indent: -999999px; }
        .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev {
          position: absolute;
          left: -100px;
          bottom: 224px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #ced5dd;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          transition: color 0.5s;
          cursor: pointer; }
          @media (prefers-reduced-motion: reduce) {
            .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev {
              transition: none; } }
          .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev:hover, .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev:focus {
            color: #fc6e32;
            transition: color 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev:hover, .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev:focus {
                transition: none; } }
        .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next {
          position: absolute;
          right: -100px;
          bottom: 224px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #ced5dd;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          transition: color 0.5s;
          cursor: pointer; }
          @media (prefers-reduced-motion: reduce) {
            .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next {
              transition: none; } }
          .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next:focus, .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next:hover {
            color: #fc6e32;
            transition: color 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next:focus, .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next:hover {
                transition: none; } }

@media (max-width: 1480px) and (min-width: 1340px) {
  .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev, .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next {
    display: none; } }

@media (max-width: 1339px) {
  .private .kkv-slider .carousel-content .carousel-items .carousel-item .wrap {
    max-width: 340px;
    padding-right: 620px; }
    .private .kkv-slider .carousel-content .carousel-items .carousel-item .wrap h2 {
      font-size: 26px; }
    .private .kkv-slider .carousel-content .carousel-items .carousel-item .wrap h4 {
      font-size: 16px; }
  .private .kkv-slider .carousel .carousel-content .carousel-items .carousel-item .wrap {
    max-width: 340px;
    padding-right: 620px; }
    .private .kkv-slider .carousel .carousel-content .carousel-items .carousel-item .wrap h2 {
      font-size: 26px; }
    .private .kkv-slider .carousel .carousel-content .carousel-items .carousel-item .wrap .kkv-slider-content h4 {
      font-size: 16px; }
  .private .kkv-slider .carousel-controls .carousel-menu {
    max-width: 960px; } }

@media (max-width: 991px) {
  .private .kkv-slider .carousel-content .carousel-items .carousel-item .wrap {
    max-width: 380px;
    padding-right: 368px;
    padding-left: 20px; }
  .private .kkv-slider .carousel .carousel-content .carousel-items .carousel-item .wrap {
    max-width: 380px;
    padding-right: 368px;
    padding-left: 20px; }
  .private .kkv-slider .carousel-controls .carousel-menu {
    max-width: 728px; }
    .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-prev, .private .kkv-slider .carousel-controls .carousel-menu menu a.carousel-menu-next {
      display: none; } }

@media (max-width: 767px) and (max-width: 979px) {
  .private .kkv-slider .carousel .carousel-content .carousel-items .carousel-item .wrap a.btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-top: 5px;
    width: 100%; } }

.private ul.kh-list-1 li:before {
  color: #344253 !important; }

@media (max-width: 767px) {
  .private .kkv-slider .carousel-content .carousel-items .carousel-item .wrap {
    position: relative;
    max-width: 728px;
    padding-right: 20px;
    padding-left: 20px; }
  .private .kkv-slider {
    min-height: 0;
    padding-bottom: 50px;
    background: #f9f9f9; }
    .private .kkv-slider .carousel .carousel-content .carousel-items .carousel-item {
      padding: 40px 0 35px;
      background-size: cover; }
      .private .kkv-slider .carousel .carousel-content .carousel-items .carousel-item:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8); }
      .private .kkv-slider .carousel .carousel-content .carousel-items .carousel-item .wrap {
        position: relative;
        max-width: 728px;
        padding-right: 20px;
        padding-left: 20px; }
        .private .kkv-slider .carousel .carousel-content .carousel-items .carousel-item .wrap .product-header {
          text-align: center; }
    .private .kkv-slider .carousel-controls .carousel-menu {
      max-width: 960px; }
      .private .kkv-slider .carousel-controls .carousel-menu menu ul {
        top: -30px;
        margin: 0 20px; } }

.product-category:nth-child(odd) {
  background: #f9f9f9; }

.body-wrapper .portlet-body {
  max-width: 1264px;
  margin: 0 auto; }

.body-wrapper section.product {
  width: 408px;
  float: left;
  margin: 35px 0 20px; }

.product-category {
  padding: 50px 0 30px; }
  .product-category.show-all .product.hidden-desktop, .product-category.show-all .product.hidden-table, .product-category.show-all .product.hidden-phone {
    display: block !important; }
  .product-category .wrap {
    max-width: 1264px;
    margin: 0 auto;
    box-sizing: content-box; }
    .product-category .wrap h2 {
      margin: 0 0 50px;
      color: #00aeef;
      font-size: 28px;
      line-height: 1.25;
      font-weight: bold; }
      .product-category .wrap h2 a {
        color: #00aeef;
        text-decoration: none; }
        .product-category .wrap h2 a:hover, .product-category .wrap h2 a:focus {
          color: #fa6d16;
          text-decoration: underline; }
    .product-category .wrap .products {
      overflow: hidden; }
      .product-category .wrap .products div.product {
        float: left;
        width: 406px;
        margin: 0 0 20px; }
      .product-category .wrap .products div.product:nth-child(3n+1) {
        clear: left; }
      .product-category .wrap .products div.product:nth-child(3n+2) {
        margin-right: 20px;
        margin-left: 20px; }
    .product-category .wrap section.product {
      display: block;
      margin-bottom: 0;
      position: relative;
      background: #fff;
      border: 1px solid #cceffc;
      border-radius: 4px;
      color: #003767;
      overflow: hidden; }
      .product-category .wrap section.product img.nomargin {
        margin-bottom: 0; }
      .product-category .wrap section.product img {
        display: block;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
        border: 0; }
      .product-category .wrap section.product .product-slide-content {
        position: relative;
        top: 0;
        min-height: 52px;
        padding-top: 20px;
        background: #fff;
        transition: top .5s; }
        .product-category .wrap section.product .product-slide-content .date-in-product-slide-in {
          display: none; }
      .product-category .wrap section.product h1 {
        min-height: 44px;
        margin: 0 20px 20px;
        font-size: 18px;
        line-height: 1.25;
        font-weight: bold; }
      .product-category .wrap section.product p, .product-category .wrap section.product .product-card-content {
        margin: 0 20px 20px;
        font-size: 13px; }
        .product-category .wrap section.product p p, .product-category .wrap section.product .product-card-content p {
          margin: 0; }
      .product-category .wrap section.product .product-hover {
        position: absolute;
        bottom: -72px;
        left: 0;
        display: block;
        width: 100%;
        height: 52px;
        line-height: 52px;
        padding: 10px 0;
        background: #00aeef;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        text-align: center;
        transition: bottom .5s;
        box-sizing: content-box; }
      .product-category .wrap section.product span.hint {
        position: absolute;
        top: -19px;
        left: -36px;
        padding: 30px 30px 3px;
        background: #fa6d16;
        color: #fff;
        font-weight: bold;
        text-transform: lowercase;
        transform: rotate(-45deg); }
    .product-category .wrap section.product:hover .product-hover {
      bottom: 0;
      transition: bottom .5s; }
    .product-category .wrap section.product:hover .product-slide-content {
      top: -72px;
      transition: .5s; }
    .product-category .wrap section.product > a {
      display: block;
      min-height: 410px;
      padding-bottom: 1px;
      color: #003767;
      text-decoration: none;
      box-sizing: content-box; }
    .product-category .wrap .products-container-toggle-link-container {
      margin-top: 8px;
      clear: both;
      text-align: center; }
      .product-category .wrap .products-container-toggle-link-container a.products-container-toggle-link {
        font-size: 15px; }
      .product-category .wrap .products-container-toggle-link-container a:hover {
        color: #fa6d16; }

section.product {
  display: block;
  margin-bottom: 0;
  position: relative;
  background: #fff;
  border: 1px solid #cceffc;
  border-radius: 4px;
  color: #003767;
  overflow: hidden; }
  section.product img.nomargin {
    margin-bottom: 0; }
  section.product img {
    display: block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0; }
  section.product .product-slide-content {
    position: relative;
    top: 0;
    min-height: 52px;
    padding-top: 20px;
    background: #fff;
    transition: top .5s; }
  section.product h1 {
    min-height: 44px;
    margin: 0 20px 20px;
    font-size: 18px;
    line-height: 1.25;
    font-weight: bold; }
  section.product p, section.product .product-card-content {
    margin: 0 20px 20px;
    font-size: 13px; }
    section.product p p, section.product .product-card-content p {
      margin: 0; }
  section.product .product-hover {
    position: absolute;
    bottom: -72px;
    left: 0;
    display: block;
    width: 100%;
    height: 52px;
    line-height: 52px;
    padding: 10px 0;
    background: #00aeef;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: center;
    transition: bottom .5s;
    box-sizing: content-box; }
  section.product span.hint {
    position: absolute;
    top: -19px;
    left: -36px;
    padding: 30px 30px 3px;
    background: #fa6d16;
    color: #fff;
    font-weight: bold;
    text-transform: lowercase;
    transform: rotate(-45deg); }

section.product:hover .product-hover {
  bottom: 0;
  transition: bottom .5s; }

section.product:hover .product-slide-content {
  top: -72px;
  transition: .5s; }

section.product > a {
  display: block;
  min-height: 410px;
  padding-bottom: 1px;
  color: #003767;
  text-decoration: none;
  box-sizing: content-box; }

@media (max-width: 1339px) {
  .body-wrapper .portlet-body {
    max-width: 836px; }
  .product-category .wrap {
    max-width: 960px; }
    .product-category .wrap .products {
      max-width: 832px;
      margin: 0 auto; }
      .product-category .wrap .products div.product:nth-child(3n+1) {
        clear: none; }
      .product-category .wrap .products div.product:nth-child(3n+2) {
        margin-right: 0;
        margin-left: 0; }
      .product-category .wrap .products div.product:nth-child(2n+1) {
        clear: left; }
      .product-category .wrap .products div.product:nth-child(2n+2) {
        margin-left: 20px; } }

@media (max-width: 991px) {
  .body-wrapper .portlet-body {
    max-width: 728px;
    padding: 0 20px; }
  .body-wrapper section.product {
    width: 354px; }
  .product-category .wrap {
    max-width: 728px;
    padding: 0 20px; }
    .product-category .wrap section.product {
      min-height: 395px; }
      .product-category .wrap section.product > {
        min-height: 430px; }
      .product-category .wrap section.product:hover .product-slide-content {
        top: 0; }
      .product-category .wrap section.product:hover .product-hover {
        bottom: -72px; }
    .product-category .wrap .products div.product {
      width: 354px; }
    .product-category .wrap .products div.product:nth-child(2n+1) {
      clear: left; }
    .product-category .wrap .products div.product:nth-child(3n+1) {
      clear: none; }
    .product-category .wrap .products div.product:nth-child(3n+2) {
      margin-right: 0; }
    .product-category .wrap .products section.product {
      min-height: 395px; }
  section.product {
    min-height: 395px; }
    section.product > {
      min-height: 430px; }
    section.product:hover .product-slide-content {
      top: 0; }
    section.product:hover .product-hover {
      bottom: -72px; } }

@media (max-width: 767px) {
  .body-wrapper section.product {
    width: auto;
    max-width: 408px; }
  .body-wrapper .journal-content-article {
    max-width: 408px;
    margin: 0 auto; }
  .product-category .wrap h2 {
    margin-bottom: 25px;
    font-size: 20px;
    text-align: center; }
  .product-category .wrap .products {
    padding-bottom: 15px; }
    .product-category .wrap .products div.product {
      float: none;
      width: auto;
      max-width: 406px;
      margin: 0 auto 20px !important; }
    .product-category .wrap .products section.product {
      min-height: 0px; }
      .product-category .wrap .products section.product > a {
        min-height: 0px; }
  section.product {
    min-height: 0px; }
    section.product > a {
      min-height: 0px; } }

.journal-content-article > .product-header {
  background-repeat: no-repeat;
  background-position: center;
  color: #00aeef; }
  .journal-content-article > .product-header .wrap {
    position: relative;
    max-width: 1264px;
    height: 290px;
    margin: 0 auto;
    padding: 50px 0;
    background-repeat: no-repeat;
    background-position: 600px 200px; }
  .journal-content-article > .product-header h1 {
    max-width: 600px;
    margin-bottom: 20px;
    font-size: 30px; }
  .journal-content-article > .product-header h3 {
    max-width: 600px;
    margin-bottom: 20px;
    font-size: 30px; }
  .journal-content-article > .product-header h2 {
    max-width: 600px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: normal; }
  .journal-content-article > .product-header .usps {
    max-width: 600px; }
    .journal-content-article > .product-header .usps ul {
      margin: 0 0 35px;
      list-style: none; }
      .journal-content-article > .product-header .usps ul li {
        position: relative;
        margin-bottom: 10px;
        padding-left: 22px;
        font-size: 16px;
        font-weight: bold; }
        .journal-content-article > .product-header .usps ul li i {
          position: absolute;
          top: 3px;
          left: 0;
          display: inline-block;
          color: #fa6d16; }
        .journal-content-article > .product-header .usps ul li h4 {
          font-size: 17.5px; }
  .journal-content-article > .product-header .button-row {
    position: absolute;
    bottom: 30px;
    display: inline-block; }
    .journal-content-article > .product-header .button-row a.button {
      margin-right: 10px; }
      .journal-content-article > .product-header .button-row a.button.visible-desktop {
        display: inline-block !important; }
  .journal-content-article > .product-header .cta-group a.button {
    margin-right: 10px;
    padding: 15px 23px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 3px; }
    .journal-content-article > .product-header .cta-group a.button.cta-primary {
      border-color: #fa6d16; }
    .journal-content-article > .product-header .cta-group a.button.contact-form-button {
      background: #00aeef;
      transition: background 0.5s; }
      @media (prefers-reduced-motion: reduce) {
        .journal-content-article > .product-header .cta-group a.button.contact-form-button {
          transition: none; } }
      .journal-content-article > .product-header .cta-group a.button.contact-form-button:hover {
        background: #d85505;
        transition: background 0.5s; }
        @media (prefers-reduced-motion: reduce) {
          .journal-content-article > .product-header .cta-group a.button.contact-form-button:hover {
            transition: none; } }
    .journal-content-article > .product-header .cta-group a.button.cta-secondary-ghost {
      background: transparent;
      border-color: #00aeef;
      color: #00aeef; }
      .journal-content-article > .product-header .cta-group a.button.cta-secondary-ghost:hover, .journal-content-article > .product-header .cta-group a.button.cta-secondary-ghost:focus {
        background: #00aeef;
        border-color: #00aeef;
        color: #fff; }
    .journal-content-article > .product-header .cta-group a.button.kh-button-3 {
      background: #00aeef;
      color: #fff;
      transition: background 0.5s; }
      @media (prefers-reduced-motion: reduce) {
        .journal-content-article > .product-header .cta-group a.button.kh-button-3 {
          transition: none; } }
      .journal-content-article > .product-header .cta-group a.button.kh-button-3:hover, .journal-content-article > .product-header .cta-group a.button.kh-button-3:focus {
        background: #0089bc;
        transition: background 0.5s; }
        @media (prefers-reduced-motion: reduce) {
          .journal-content-article > .product-header .cta-group a.button.kh-button-3:hover, .journal-content-article > .product-header .cta-group a.button.kh-button-3:focus {
            transition: none; } }
  .journal-content-article > .product-header a.button {
    border-radius: 3px; }
  .journal-content-article > .product-header .wrap > a.button,
  .journal-content-article > .product-header .wrap > .cta-group {
    position: absolute;
    bottom: 30px; }
  .journal-content-article > .product-header .download-buttons {
    position: absolute;
    bottom: 30px; }
    .journal-content-article > .product-header .download-buttons a {
      display: inline-block;
      margin-right: 30px; }
      .journal-content-article > .product-header .download-buttons a:last-child {
        margin-right: 0px; }
  .journal-content-article > .product-header.service-header .wrap {
    max-width: 1159px;
    height: 294px;
    padding: 120px 0 50px 105px; }
  .journal-content-article > .product-header.service-header h1 {
    margin-bottom: 30px; }
  .journal-content-article > .product-header.service-header a.button {
    padding: 15px 20px; }
    .journal-content-article > .product-header.service-header a.button i {
      margin-left: 15px; }

/*  Small desktop */
@media (max-width: 1339px) {
  .journal-content-article > .product-header .wrap {
    max-width: 960px;
    background-position: 500px 200px; }
    .journal-content-article > .product-header .wrap .usps {
      max-width: 480px;
      padding-bottom: 20px; }
      .journal-content-article > .product-header .wrap .usps ul li {
        font-size: 14px;
        font-weight: normal; }
    .journal-content-article > .product-header .wrap h1 {
      max-width: 480px;
      font-size: 26px; }
    .journal-content-article > .product-header .wrap h2 {
      font-weight: normal;
      font-size: 16px;
      max-width: 480px; }
  .journal-content-article > .product-header .download-buttons a {
    margin-right: 20px; } }

/* Tablet */
@media (max-width: 991px) {
  .journal-content-article > .product-header {
    background-position: left; }
    .journal-content-article > .product-header .wrap {
      max-width: 588px;
      height: 350px;
      padding: 20px 160px 20px 20px;
      background-position: 615px 200px; }
      .journal-content-article > .product-header .wrap .cta-group {
        position: static; }
      .journal-content-article > .product-header .wrap .usps {
        max-width: none; }
        .journal-content-article > .product-header .wrap .usps ul {
          display: inline-block; }
      .journal-content-article > .product-header .wrap h1 {
        max-width: none; }
      .journal-content-article > .product-header .wrap h3 {
        max-width: none; }
      .journal-content-article > .product-header .wrap h2 {
        max-width: none; }
      .journal-content-article > .product-header .wrap > a.button {
        position: static; }
    .journal-content-article > .product-header .download-buttons {
      position: static; } }

/* Mobile */
@media (max-width: 767px) {
  .journal-content-article > .product-header {
    background-size: cover;
    text-align: center; }
    .journal-content-article > .product-header .wrap {
      min-height: 290px;
      height: auto;
      padding: 40px 20px 20px;
      background-position: calc(100% - 20px) calc(100% - 20px);
      background-size: 15%; }
      .journal-content-article > .product-header .wrap h1 {
        font-size: 26px; }
      .journal-content-article > .product-header .wrap h3 {
        font-size: 26px; }
      .journal-content-article > .product-header .wrap h2 {
        display: none; }
      .journal-content-article > .product-header .wrap .cta-group a.button {
        margin-bottom: 10px;
        font-size: 18px; }
      .journal-content-article > .product-header .wrap .usps {
        text-align: center; }
        .journal-content-article > .product-header .wrap .usps ul {
          display: inline-block;
          text-align: left; }
          .journal-content-article > .product-header .wrap .usps ul li {
            font-size: 14px;
            font-weight: normal; }
    .journal-content-article > .product-header .download-buttons a:first-child {
      float: left;
      max-width: calc(50% - 10px); }
    .journal-content-article > .product-header .download-buttons a:last-child {
      float: right;
      max-width: calc(50% - 10px);
      margin-right: 0; } }

.more-description-wrap {
  display: block;
  margin: 30px auto 0;
  max-width: 1264px;
  text-decoration: none; }
  .more-description-wrap .more-description-container {
    display: block;
    background: #fff;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px; }
    .more-description-wrap .more-description-container .more-description-header {
      display: block;
      margin: 0 30px 0 30px; }
      .more-description-wrap .more-description-container .more-description-header .more-description-link {
        position: relative;
        display: block;
        padding: 17px 150px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        line-height: 1.25;
        text-decoration: none;
        color: #00aeef; }
      .more-description-wrap .more-description-container .more-description-header .more-description-link:before {
        position: absolute;
        display: inline-block;
        margin-top: -10px;
        margin-right: 15px;
        top: 50%;
        right: 100px;
        width: 20px;
        height: 20px;
        content: "+";
        color: #003767;
        font-family: monospace;
        font-size: 36px;
        font-weight: bold;
        text-align: center;
        line-height: 16px;
        animation: rotateBack 0.5s linear 1; }
      .more-description-wrap .more-description-container .more-description-header .more-description-link:hover {
        color: #fa6d16; }
      .more-description-wrap .more-description-container .more-description-header .more-description-link.open:before {
        content: "\2012";
        font-weight: bold;
        animation: rotate 0.5s linear 1; }
      .more-description-wrap .more-description-container .more-description-header .more-description-link.open:hover {
        color: #fa6d16; }
    .more-description-wrap .more-description-container .more-description {
      margin: 0 30px 0 30px;
      text-align: left;
      overflow: hidden; }
    .more-description-wrap .more-description-container .more-description-data {
      display: block;
      margin-bottom: 15px;
      padding: 30px 30px 15px;
      line-height: 20px;
      background-color: #f9f9f9;
      font-size: 14px;
      text-align: left;
      color: #003767; }
      .more-description-wrap .more-description-container .more-description-data h4 {
        font-size: 17.5px;
        font-weight: 700;
        line-height: 21.875px; }
      .more-description-wrap .more-description-container .more-description-data hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border-bottom-style: solid;
        border-bottom-color: white;
        border-bottom-width: 1px;
        border-top-color: #eeeeee; }
    .more-description-wrap .more-description-container .more-desc-nav {
      display: block;
      margin: 0 10px 15px 0;
      overflow: hidden; }
      .more-description-wrap .more-description-container .more-desc-nav a {
        color: #00aeef; }
      .more-description-wrap .more-description-container .more-desc-nav a.navigation.next-step {
        float: right;
        text-decoration: none; }
        .more-description-wrap .more-description-container .more-desc-nav a.navigation.next-step i {
          margin-right: 10px;
          margin-left: 10px;
          font-size: 34px;
          vertical-align: middle; }
        .more-description-wrap .more-description-container .more-desc-nav a.navigation.next-step i:before {
          content: "\f105";
          font-family: FontAwesome; }
      .more-description-wrap .more-description-container .more-desc-nav a.navigation.previous-step {
        text-decoration: none; }
        .more-description-wrap .more-description-container .more-desc-nav a.navigation.previous-step i {
          margin-right: 10px;
          font-size: 34px;
          vertical-align: middle; }
        .more-description-wrap .more-description-container .more-desc-nav a.navigation.previous-step i:before {
          content: "\f104"; }
      .more-description-wrap .more-description-container .more-desc-nav a:hover {
        color: #fa6d16;
        text-decoration: none; }
      .more-description-wrap .more-description-container .more-desc-nav a:focus {
        text-decoration: none; }

.process-icons {
  position: relative;
  margin: 0 auto;
  max-width: 1264px;
  display: block;
  overflow: hidden;
  text-align: center;
  font-size: 0; }
  .process-icons figure {
    display: inline-block;
    width: 230px;
    margin: 0;
    color: #003767;
    font-size: 14px;
    vertical-align: top; }
    .process-icons figure i {
      width: 110px;
      height: 110px;
      margin: 0 0 30px;
      background: #fff;
      border: solid 1px #00aeef;
      border-radius: 50%;
      color: #00aeef;
      line-height: 290%;
      font-size: 40px;
      vertical-align: middle; }
    .process-icons figure i.active {
      background: #00aeef;
      color: #fff;
      transition: background 0.5s, color 0.5s; }
  .process-icons [class^="khicon-"] {
    display: inline-block; }
  .process-icons .arrow {
    display: inline-block;
    margin-top: 48px;
    color: #00aeef;
    font-size: 20px;
    vertical-align: top;
    width: 20px; }

@media only screen and (min-width: 992px) {
  .process-icons {
    padding-bottom: 10px; }
    .process-icons .ic-class-link {
      display: inline-block;
      position: relative;
      padding-bottom: 10px; }
    .process-icons .ic-class-link.active:after {
      position: absolute;
      display: inline-block;
      content: " \f107";
      bottom: -15px;
      left: 50%;
      color: #00aeef;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: 24px;
      text-rendering: auto;
      font-weight: bold;
      transform: translateX(-50%); } }

@media only screen and (max-width: 1339px) {
  .process-icons {
    max-width: 960px; }
    .process-icons figure {
      width: 176px; }
  .more-description-wrap {
    max-width: 960px; }
    .more-description-wrap .more-description-container .more-description-header .more-description-link {
      padding: 30px 100px; }
    .more-description-wrap .more-description-container .more-description-link:before {
      right: 60px; } }

@media only screen and (max-width: 991px) {
  .process-icons {
    max-width: 768px; }
    .process-icons .arrow {
      margin-top: 36px; }
    .process-icons figure {
      width: 135px;
      font-size: 13px; }
      .process-icons figure i {
        width: 90px;
        height: 90px;
        line-height: 88px; }
  .more-description-wrap {
    max-width: 768px; }
    .more-description-wrap .more-description-container .more-description-header .more-description-link {
      padding: 30px 55px; }
    .more-description-wrap .more-description-container .more-description-header .more-description-link:before {
      right: 5px; } }

@media only screen and (max-width: 767px) {
  .process-icons {
    display: flex;
    flex-direction: column;
    margin-left: 33px;
    margin-right: 33px;
    padding: 25px 40px 20px;
    gap: 10px; }
    .process-icons .ic-class-link {
      text-decoration: none; }
      .process-icons .ic-class-link figure {
        float: none;
        margin-bottom: 0; }
    .process-icons figure {
      display: flex;
      align-items: center;
      width: unset;
      gap: 20px; }
      .process-icons figure i {
        display: flex !important;
        justify-content: center !important;
        flex: 0 0 auto;
        align-items: center !important;
        width: 40px !important;
        height: 40px !important;
        margin: 0 !important;
        text-align: center !important;
        line-height: 38px !important;
        vertical-align: middle !important;
        gap: 10px; }
      .process-icons figure i:before {
        font-size: 22px !important; }
      .process-icons figure figcaption {
        flex: 1;
        text-align: left;
        word-wrap: break-word;
        font-size: 18px; }
    .process-icons .arrow {
      display: none; }
  .more-description-wrap .more-description-container .more-description-header .more-description-link {
    padding: 30px 55px;
    font-size: 18px; }
  .more-description-wrap .more-description-container .more-description-header .more-description-link:before {
    right: -15px; }
  .more-description-wrap .caption {
    display: none; } }

.customer-data-portlet .appointment-portlet .retail-accordion button.btn.active {
  background: #fa6d16;
  color: #fff; }
  .customer-data-portlet .appointment-portlet .retail-accordion button.btn.active i {
    position: initial; }
    .customer-data-portlet .appointment-portlet .retail-accordion button.btn.active i:before {
      content: "\f00c";
      font-family: FontAwesome !important; }

.customer-data-portlet .portlet-body .wrapper .margin-right {
  margin-right: 5px; }

.customer-data-portlet .retail-flex .span8 {
  width: 65.95745%;
  display: block;
  box-sizing: border-box;
  float: left; }

.customer-data-portlet .retail-flex .col-md-4 {
  width: 31.91489%;
  float: left;
  display: block;
  flex: none;
  margin-left: 2.12766%; }
  .customer-data-portlet .retail-flex .col-md-4:first-child {
    margin-left: 0; }

.customer-data-portlet .retail-flex:before {
  display: table;
  content: "";
  line-height: 0; }

.customer-data-portlet .retail-flex:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both; }

.person-details-portlet .col-md-4 {
  width: 31.91489%;
  float: left;
  display: block;
  flex: none;
  margin-left: 2.12766%; }
  .person-details-portlet .col-md-4:first-child {
    margin-left: 0; }
  .person-details-portlet .col-md-4.zip-code-padding {
    padding-right: 10px; }
  .person-details-portlet .col-md-4.house-number-padding {
    padding-right: 10px; }
  .person-details-portlet .col-md-4.floor-padding {
    padding-left: 5px;
    padding-right: 5px; }
  .person-details-portlet .col-md-4.door-padding {
    padding-left: 10px; }

.person-details-portlet .autocomplete-span {
  font-size: 16px;
  padding-left: 5px;
  margin-top: 10px;
  display: block; }

.person-details-portlet .portlet-body .retail-wrapper {
  margin: 0;
  padding-left: 60px;
  margin-left: 21px; }

.person-details-portlet .summaryTimeLabel {
  margin-left: 15px;
  margin-bottom: 4px;
  margin-top: 2px;
  cursor: unset; }

.person-details-portlet .input-wrapper .prefix-button {
  color: #00aeef !important; }

.person-details-portlet .col-6 select {
  margin-bottom: 10px; }

.selector-wrapper label:first-child {
  width: auto;
  margin: 0;
  padding: 0 15px;
  font-size: 14px;
  color: #989898;
  display: inline-block;
  height: 27px;
  line-height: 27px; }

.selector-wrapper.gender-wrapper {
  margin-top: 30px;
  margin-bottom: 20px !important; }

.selector-checkbox-wrapper input + label.checkbox-identation.tablet-checkbox-fix {
  margin-left: 0 !important; }

.selector-checkbox-wrapper input[type="checkbox"]:not(.old) + label:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #99dff9;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  top: -1px;
  box-sizing: border-box;
  margin-left: 0 !important;
  box-sizing: border-box; }

.door-padding .control-group {
  margin-bottom: 10px; }

.cursor-pointer {
  cursor: pointer; }

@media (min-width: 768px) {
  .display--tab-none {
    display: none !important; } }

@media (min-width: 1200px) {
  .customer-data-portlet .retail-flex .span8 {
    width: 65.81197%;
    margin-left: 2.5641%; }
  .customer-data-portlet .retail-flex .col-md-4 {
    width: 31.62393%;
    margin-left: 2.5641%; }
  .person-details-portlet .col-md-4 {
    width: 31.62393%;
    margin-left: 2.5641%; } }

@media (max-width: 1339px) and (min-width: 992px) {
  .person-details-portlet .portlet-body .retail-wrapper {
    padding-left: 0;
    padding-right: 0;
    margin-left: 14px; }
  .person-details-portlet .portlet-body .retail-wrapper-mobile {
    margin-right: 334px; } }

@media (max-width: 991px) and (min-width: 768px) {
  label.tablet-checkbox-fix:before {
    margin-bottom: 10px; } }

@media (max-width: 991px) {
  .person-details-portlet .portlet-body .retail-wrapper {
    margin: auto;
    padding: 0 15px; }
  .person-details-portlet .retail-mobile-title {
    margin: 2.5px 0 2.5px; }
  .timer-mobile {
    height: 13px;
    width: 226px;
    background-color: #e6f7fe;
    margin-left: 10px; }
  .progress {
    color: #00aeef; }
  .progress-bar-wrapper-mobile {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 45%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    -webkit-justify-content: flex-end;
    -webkit-flex-wrap: wrap-reverse; }
  .progress-bar-mobile {
    color: #00aeef;
    margin-left: 25px;
    padding-top: 10px;
    font-size: 28px; }
  .dynamic-mobile-header {
    background-color: #cceffc;
    padding: 15px;
    border-radius: 4px; }
    .dynamic-mobile-header #displayMoreDetails:after {
      content: '\f107';
      display: inline-block;
      font: normal normal normal 16px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-left: 5px; }
  .dynamic-header-section {
    margin: 0 0 15px 0; }
  .dynamic-header-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 0 4px 0; }
  .dynamic-header-name {
    width: 40%; }
  .dynamic-header-fee {
    text-align: right;
    width: 35%; } }

@media (max-width: 979px) and (min-width: 768px) {
  .person-details-portlet .col-md-4 {
    width: 31.49171%; }
    .person-details-portlet .col-md-4:first-child {
      margin-left: 0; }
  .customer-data-portlet .retail-flex .col-md-4 {
    width: 31.49171%; } }

@media (max-width: 767px) {
  .person-details-portlet .portlet-body .retail-wrapper-mobile {
    padding: 20px 20px;
    margin: 0; }
  .person-details-portlet .retail-mobile-title {
    margin: 0; }
  .person-details-portlet .col-md-4.zip-code-padding {
    padding-right: 20px;
    width: 160px;
    min-width: 160px;
    float: left; }
  .person-details-portlet .col-md-4.house-number-padding {
    padding-right: 10px;
    width: 50%;
    float: left; }
  .person-details-portlet .col-md-4.floor-padding {
    padding-left: 10px;
    padding-right: 0;
    width: 50%;
    float: left;
    margin: 0; }
  .person-details-portlet .col-md-4.door-padding {
    padding-left: 0;
    float: left;
    margin: 0;
    width: 100%; }
  .dynamic-mobile-header {
    margin: 15px; }
  .dynamic-header-fee {
    width: 100%; }
  .person-details-portlet .appointment-portlet .appointment-subform {
    padding: 30px 20px; }
  .customer-data-portlet .portlet-body button.account-data-cta {
    width: auto; } }

.retail-save-and-resume-portlet .portlet-content {
  background: unset !important; }

.retail-save-and-resume-portlet .portlet-topper {
  background: #e6f7fe !important; }
  .retail-save-and-resume-portlet .portlet-topper h2.portlet-title {
    padding-top: 45px !important; }

.retail-save-and-resume-portlet .universal-webcontent a:hover {
  text-decoration: underline; }

.retail-save-and-resume-portlet form {
  margin: 0 0 20px; }

@media (max-width: 767px) and (max-width: 979px) {
  .retail-save-and-resume-portlet .universal-webcontent .btn {
    box-sizing: border-box;
    margin-top: 5px;
    width: 100%; } }

.select-offer {
  background: #00aeef;
  padding: 20px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 50px; }
  .select-offer a.btn {
    margin-left: 30px;
    padding: 16px 24px; }
  .select-offer.bg-light-cian {
    background: #e6f7fe;
    color: #003767; }

/* only desktop sizes */
@media (min-width: 992px) {
  .select-offer.only-mobile {
    display: none; }
  .select-offer span.select-offer-text.bigger-font {
    font-size: 32px; } }

@media (max-width: 1339px) {
  .select-offer a.btn {
    margin-top: 15px;
    margin-left: 0px; }
  .select-offer span.select-offer-text {
    display: block; } }

@media (max-width: 991px) {
  .select-offer {
    font-size: 20px; }
    .select-offer.only-desktop {
      display: none; }
    .select-offer span.select-offer-text {
      display: block;
      font-size: 20px; } }

@media (max-width: 767px) {
  .select-offer {
    padding: 15px;
    font-size: 20px;
    text-align: center;
    overflow: hidden; }
    .select-offer span.select-offer-text {
      display: block;
      max-width: none;
      text-align: center; }
    .select-offer a.btn {
      float: none;
      display: inline-block;
      width: auto;
      margin: 10px 0 0 0;
      padding: 12px;
      font-size: 14px; } }

.has-staging-bar {
  padding: 0; }

.signed-in .lfr-admin-panel .product-menu .form-control {
  color: #869cad; }

.signed-in .portlet-staging-bar .staging-bar {
  display: none; }

.signed-in .portlet-nested-portlets .nested-tabs-tabs {
  margin-bottom: 10px;
  border: 2px solid #003767; }

.signed-in .portlet-nested-portlets .nested-tabs-tabcontent {
  display: block !important;
  margin-bottom: 10px;
  border: 2px solid #00aeef; }

.signed-in .lfr-icon-item.taglib-icon {
  width: auto; }

.signed-in .portlet-boundary .portlet {
  /* 			padding-top: 32px; */
  z-index: 100; }
  .signed-in .portlet-boundary .portlet .portlet-content > .portlet-topper {
    display: flex;
    max-width: 1264px;
    align-items: center;
    position: absolute;
    transition: all .5s;
    line-height: 32px;
    margin: -32px auto 0;
    opacity: 0;
    z-index: 101; }
    .signed-in .portlet-boundary .portlet .portlet-content > .portlet-topper .portlet-title-default {
      display: inline-block !important;
      flex: none; }
    .signed-in .portlet-boundary .portlet .portlet-content > .portlet-topper .portlet-topper-toolbar {
      display: inline-block; }
  .signed-in .portlet-boundary .portlet:hover .portlet-content > .portlet-topper {
    margin-top: 0;
    opacity: 1; }

section.staff .staff-block {
  padding: 50px 0; }
  section.staff .staff-block:nth-child(even) {
    background: #fff; }
  section.staff .staff-block .wrap {
    max-width: 1264px;
    margin: 0 auto; }
    section.staff .staff-block .wrap header {
      margin-bottom: 30px;
      text-align: center; }
      section.staff .staff-block .wrap header h1 {
        margin-bottom: 20px;
        font-size: 30px; }
      section.staff .staff-block .wrap header p {
        margin-bottom: 20px;
        font-size: 22px; }
    section.staff .staff-block .wrap .staff-block-content {
      font-size: 0;
      text-align: center; }
      section.staff .staff-block .wrap .staff-block-content.show div.staff.hidden-phone, section.staff .staff-block .wrap .staff-block-content.show div.staff.hidden-table, section.staff .staff-block .wrap .staff-block-content.show div.staff.hidden-small-desktop, section.staff .staff-block .wrap .staff-block-content.show div.staff.hidden-desktop {
        display: inline-block !important; }
      section.staff .staff-block .wrap .staff-block-content div.staff {
        display: inline-block;
        width: 299px;
        height: 410px;
        margin-bottom: 20px;
        background: #fff;
        border: 1px solid #e6e6e6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        font-size: 14px;
        text-align: left;
        vertical-align: top;
        overflow: hidden; }
        section.staff .staff-block .wrap .staff-block-content div.staff:nth-child(4n+1), section.staff .staff-block .wrap .staff-block-content div.staff:nth-child(4n+2), section.staff .staff-block .wrap .staff-block-content div.staff:nth-child(4n+3) {
          margin-right: 20px; }
        section.staff .staff-block .wrap .staff-block-content div.staff:hover .box-slide-content {
          bottom: 100px;
          -webkit-transition: .5s;
          -moz-transition: .5s;
          -o-transition: .5s;
          transition: .5s; }
        section.staff .staff-block .wrap .staff-block-content div.staff .box-slide-content {
          position: relative;
          bottom: 0;
          background: #fff;
          -webkit-transition: .5s;
          -moz-transition: .5s;
          -o-transition: .5s;
          transition: .5s; }
          section.staff .staff-block .wrap .staff-block-content div.staff .box-slide-content .box-content {
            height: 70px;
            padding: 20px; }
          section.staff .staff-block .wrap .staff-block-content div.staff .box-slide-content h2 {
            margin: 0 0 20px;
            font-size: 20px;
            line-height: 1.25; }
          section.staff .staff-block .wrap .staff-block-content div.staff .box-slide-content p {
            margin: 0 0 10px; }
          section.staff .staff-block .wrap .staff-block-content div.staff .box-slide-content .box-hover {
            padding: 0 20px; }
      section.staff .staff-block .wrap .staff-block-content .more-staff {
        display: none;
        width: 160px;
        height: 40px;
        margin: 0 auto;
        background: #374254;
        border: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 38px;
        cursor: pointer;
        outline: 0;
        box-sizing: border-box; }

@media (max-width: 991px) {
  section.staff .staff-block .wrap .staff-block-content div.staff {
    height: 510px; } }

.lfr-hudcrumbs {
  position: fixed;
  background: rgba(0, 174, 239, 0.9);
  z-index: 980;
  top: 0px;
  left: 0 !important;
  width: 100% !important;
  display: block;
  visibility: visible !important;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  .lfr-hudcrumbs.hide[hidden="hidden"][style], .lfr-hudcrumbs.hide[hidden="true"][style] {
    top: -112px;
    display: block !important;
    width: 100% !important; }
    .lfr-hudcrumbs.hide[hidden="hidden"][style] .hide[hidden="true"][style], .lfr-hudcrumbs.hide[hidden="true"][style] .hide[hidden="true"][style] {
      display: block !important; }
    .lfr-hudcrumbs.hide[hidden="hidden"][style] .header-search,
    .lfr-hudcrumbs.hide[hidden="hidden"][style] .header-search.show, .lfr-hudcrumbs.hide[hidden="true"][style] .header-search,
    .lfr-hudcrumbs.hide[hidden="true"][style] .header-search.show {
      top: -110px; }
  .lfr-hudcrumbs .szep-card-data {
    width: auto;
    max-width: 1264px;
    margin: 0 auto;
    padding: 12px 0;
    color: #fff;
    font-size: 22px; }
    .lfr-hudcrumbs .szep-card-data.row-fluid:before {
      display: table;
      content: "";
      line-height: 0; }
    .lfr-hudcrumbs .szep-card-data.row-fluid:after {
      display: table;
      content: "";
      line-height: 0;
      clear: both; }
    .lfr-hudcrumbs .szep-card-data.row-fluid .span4 {
      position: relative;
      min-height: 54px;
      box-sizing: border-box;
      float: left;
      display: block;
      margin: 0;
      width: 31.91489%; }
      .lfr-hudcrumbs .szep-card-data.row-fluid .span4 .szep-card-data-row-title {
        position: absolute;
        top: 50%;
        font-size: 18px;
        line-height: 1.25;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .lfr-hudcrumbs .szep-card-data.row-fluid .span8 {
      display: block;
      box-sizing: border-box;
      float: left;
      margin-left: 2.12766%;
      width: 65.95745%; }
      .lfr-hudcrumbs .szep-card-data.row-fluid .span8 .visible-desktop, .lfr-hudcrumbs .szep-card-data.row-fluid .span8 .hidden-desktop {
        margin-left: 30px; }
      .lfr-hudcrumbs .szep-card-data.row-fluid .span8 a.button {
        display: block;
        padding: 16px 24px;
        background: #fa6d16;
        border: 0;
        border-radius: 5px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        text-shadow: none;
        box-shadow: none;
        outline: 0;
        transition: background 0.5s; }
        @media (prefers-reduced-motion: reduce) {
          .lfr-hudcrumbs .szep-card-data.row-fluid .span8 a.button {
            transition: none; } }
        .lfr-hudcrumbs .szep-card-data.row-fluid .span8 a.button:hover {
          background: #d85505;
          transition: background 0.5s; }
          @media (prefers-reduced-motion: reduce) {
            .lfr-hudcrumbs .szep-card-data.row-fluid .span8 a.button:hover {
              transition: none; } }
          .lfr-hudcrumbs .szep-card-data.row-fluid .span8 a.button:hover .fa {
            left: 5px;
            transition: left 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              .lfr-hudcrumbs .szep-card-data.row-fluid .span8 a.button:hover .fa {
                transition: none; } }
        .lfr-hudcrumbs .szep-card-data.row-fluid .span8 a.button .fa {
          position: relative;
          left: 0;
          display: inline-block;
          margin-left: 15px;
          transition: left 0.5s; }
          @media (prefers-reduced-motion: reduce) {
            .lfr-hudcrumbs .szep-card-data.row-fluid .span8 a.button .fa {
              transition: none; } }
  .lfr-hudcrumbs .eproduct-data {
    width: auto;
    max-width: 1264px;
    margin: 0 auto;
    padding: 12px 0;
    color: #fff;
    font-size: 22px; }
    .lfr-hudcrumbs .eproduct-data:before {
      display: table;
      content: "";
      line-height: 0; }
    .lfr-hudcrumbs .eproduct-data:after {
      display: table;
      content: "";
      line-height: 0;
      clear: both; }
    .lfr-hudcrumbs .eproduct-data .span7 {
      float: left;
      box-sizing: border-box;
      line-height: 46px;
      display: block;
      width: 57.44681%; }
    .lfr-hudcrumbs .eproduct-data .span5 {
      text-align: right;
      float: left;
      box-sizing: border-box;
      display: block;
      width: 40.42553%;
      margin-left: 2.12766%; }

@media (min-width: 1200px) {
  .lfr-hudcrumbs .eproduct-data .span7 {
    width: 57.26496%; }
  .lfr-hudcrumbs .eproduct-data .span5 {
    width: 40.17094%;
    margin-left: 2.5641%; }
    .lfr-hudcrumbs .eproduct-data .span5 a {
      display: inline-block;
      margin-left: 20px; }
      .lfr-hudcrumbs .eproduct-data .span5 a:first-child {
        margin-left: 0; }
      .lfr-hudcrumbs .eproduct-data .span5 a img {
        max-height: 46px; }
  .lfr-hudcrumbs .szep-card-data .row-fluid .span4 {
    width: 31.62393%; }
  .lfr-hudcrumbs .szep-card-data .row-fluid .span8 {
    margin-left: 2.5641%;
    width: 65.81197%; } }

@media (max-width: 1339px) {
  .lfr-hudcrumbs .heading .navigation {
    margin-left: 74px; }
  .lfr-hudcrumbs .eproduct-data {
    max-width: 960px; } }

@media (max-width: 991px) {
  .lfr-hudcrumbs {
    display: none; }
    .lfr-hudcrumbs.hide[hidden="hidden"][style] {
      display: none !important; }
    .lfr-hudcrumbs .eproduct-data {
      display: none;
      max-width: 728px;
      padding: 12px 20px; }
      .lfr-hudcrumbs .eproduct-data .span7 {
        font-size: 18px;
        line-height: 42px; }
      .lfr-hudcrumbs .eproduct-data .span5 a {
        max-width: calc(50% - 15px); } }

@media (max-width: 767px) {
  .lfr-hudcrumbs .eproduct-data {
    display: none;
    text-align: center; }
    .lfr-hudcrumbs .eproduct-data .span7 {
      margin-bottom: 12px;
      line-height: 1.4;
      float: none;
      width: 100%;
      margin-left: 0; }
    .lfr-hudcrumbs .eproduct-data .span5 {
      text-align: center;
      float: none;
      width: 100%;
      margin-left: 0; }
      .lfr-hudcrumbs .eproduct-data .span5 a {
        float: none;
        max-width: calc(100% - 20px);
        margin: 0 10px; } }

.striped-assets .striped-asset {
  padding-bottom: 45px; }
  .striped-assets .striped-asset:nth-child(even) {
    background: #e6f7fe; }
  .striped-assets .striped-asset .wrap {
    max-width: 1264px;
    margin: 0 auto; }
    .striped-assets .striped-asset .wrap .wide-box-container {
      display: block; }
      .striped-assets .striped-asset .wrap .wide-box-container header {
        padding: 50px 0;
        display: block; }
        .striped-assets .striped-asset .wrap .wide-box-container header h1 {
          cursor: text;
          margin: 0;
          color: #00aeef;
          font-size: 32px;
          text-align: center;
          line-height: 1.25;
          font-weight: bold; }
      .striped-assets .striped-asset .wrap .wide-box-container .wide-box {
        background: #fff;
        border: 1px solid #d0effc;
        border-radius: 4px;
        color: #003767;
        font-size: 14px; }
        .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-top {
          position: relative;
          overflow: hidden; }
          .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-top .wide-img {
            display: block;
            float: left;
            border-top-left-radius: 4px; }
        .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content {
          float: right;
          width: calc(100% - 200px);
          display: block; }
          .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-content-inner {
            padding: 20px; }
            .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-content-inner p {
              margin-bottom: 15px; }
            .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-content-inner li p {
              margin-bottom: 0px; }
          .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-links {
            position: absolute;
            bottom: 0;
            right: 0;
            width: calc(100% - 240px);
            margin: 0;
            padding: 25px 20px;
            background: #99dff9;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            list-style: none; }
            .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-links li {
              display: inline-block; }
              .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-links li a {
                color: #003767;
                text-decoration: underline; }
                .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-links li a:hover {
                  color: #fa6d16;
                  text-decoration: none; }
              .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-links li:after {
                content: '|';
                display: inline-block;
                margin: 0 8px 0 10px;
                font-weight: bold; }
              .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-links li:last-child a:after {
                display: none; }
          .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-details {
            position: absolute;
            bottom: 0;
            right: 0;
            width: calc(100% - 240px);
            padding: 25px 20px;
            background: #99dff9;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px; }
            .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-details a {
              color: #003767;
              text-decoration: none; }
              .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-details a:hover {
                color: #fa6d16;
                text-decoration: underline; }
              .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-details a .fa {
                color: #fa6d16; }

@media (max-width: 1339px) {
  .striped-assets .striped-asset .wrap {
    max-width: 960px; }
    .striped-assets .striped-asset .wrap .wide-box-container .wide-box {
      position: relative;
      margin-bottom: 70px; }
      .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-top {
        position: static;
        overflow: auto; }
      .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-details {
        bottom: -70px;
        width: calc(100% - 40px);
        text-align: center; }
      .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-links {
        bottom: -70px;
        width: calc(100% - 40px);
        text-align: center; } }

@media (max-width: 991px) {
  .striped-assets .striped-asset .wrap {
    max-width: 728px;
    padding: 0 20px; }
    .striped-assets .striped-asset .wrap .wide-box-container .wide-box {
      margin-bottom: 0; }
      .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-top .wide-img {
        display: none; }
      .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content {
        display: none;
        width: auto; }
        .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-details {
          position: static;
          width: auto; }
        .striped-assets .striped-asset .wrap .wide-box-container .wide-box .wide-content .wide-links {
          position: static;
          width: auto; } }

/*
@media only screen and (min-width: 992px){
	.portlet-nested-portlets{
		.nested-tabs-contents{
			
			.nested-tabs-mobile-control{
				display: none;
				
			
			}
		}
	}
}
*/
@media only screen and (max-width: 991px) {
  .portlet-nested-portlets .nested-tabs .journal-content-article ul.nav-tabs.szep-card-tabs {
    display: block; }
    .portlet-nested-portlets .nested-tabs .journal-content-article ul.nav-tabs.szep-card-tabs li:first-child a {
      margin: 0 2px 0 0 !important; }
    .portlet-nested-portlets .nested-tabs .journal-content-article ul.nav-tabs.szep-card-tabs li:last-child a {
      margin: 0 0 0 2px !important; } }

.tab-buttons {
  position: relative;
  min-height: 500px; }
  .tab-buttons.tabs-visible {
    margin-top: 85px; }
  .tab-buttons .carousel-content {
    margin: 0; }
    .tab-buttons .carousel-content .carousel-items .carousel-item {
      width: 100%;
      height: 415px;
      padding-top: 85px;
      background-color: #f9f9f9;
      background-repeat: no-repeat;
      background-position: top;
      position: absolute;
      z-index: 1; }
      .tab-buttons .carousel-content .carousel-items .carousel-item.carousel-item-active {
        z-index: 3;
        display: block; }
      .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons {
        max-width: 780px;
        margin: 0 auto;
        padding-right: 484px; }
        .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li {
          display: inline-block;
          margin: 0 35px 32px 0; }
          .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li a {
            display: inline-block;
            padding: 15px 20px;
            background: #fff;
            border: 0;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            color: #003767;
            font-size: 16px;
            font-weight: bold;
            text-align: left;
            text-decoration: none;
            text-shadow: none;
            outline: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            -webkit-transition: color .5s,background .5s;
            -moz-transition: color .5s,background .5s;
            -o-transition: color .5s,background .5s;
            transition: color .5s,background .5s; }
            .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li a i {
              display: inline-block;
              margin: 0 0 0 30px;
              color: #00aeef;
              -webkit-transition: color .5s,background .5s;
              -moz-transition: color .5s,background .5s;
              -o-transition: color .5s,background .5s;
              transition: color .5s,background .5s; }
            .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li a:hover {
              background: #00aeef;
              color: #fff;
              -webkit-transition: color .5s,background .5s;
              -moz-transition: color .5s,background .5s;
              -o-transition: color .5s,background .5s;
              transition: color .5s,background .5s; }
              .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li a:hover i {
                color: #fa6d16;
                -webkit-transition: color .5s,background .5s;
                -moz-transition: color .5s,background .5s;
                -o-transition: color .5s,background .5s;
                transition: color .5s,background .5s; }
              .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li a:hover i.fa.fa-arrow-right {
                left: 0; }
          .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li a.btn-em {
            background: #fa6d16;
            color: #fff; }
            .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li a.btn-em i {
              color: #fff; }
            .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li a.btn-em:hover {
              background: #00aeef;
              color: #fff;
              -webkit-transition: color .5s,background .5s;
              -moz-transition: color .5s,background .5s;
              -o-transition: color .5s,background .5s;
              transition: color .5s,background .5s; }
              .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li a.btn-em:hover i {
                color: #fa6d16;
                -webkit-transition: color .5s,background .5s;
                -moz-transition: color .5s,background .5s;
                -o-transition: color .5s,background .5s;
                transition: color .5s,background .5s; }
  .tab-buttons .carousel-controls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%; }
    .tab-buttons .carousel-controls .carousel-menu {
      position: relative;
      max-width: 1264px;
      margin: 0 auto; }
      .tab-buttons .carousel-controls .carousel-menu menu {
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0;
        text-align: center; }
        .tab-buttons .carousel-controls .carousel-menu menu a.carousel-menu-prev {
          position: absolute;
          left: -100px;
          top: 224px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #00aeef;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          -webkit-transition: color .5s;
          -moz-transition: color .5s;
          -o-transition: color .5s;
          transition: color .5s; }
          .tab-buttons .carousel-controls .carousel-menu menu a.carousel-menu-prev:hover, .tab-buttons .carousel-controls .carousel-menu menu a.carousel-menu-prev:focus {
            color: #fa6d16;
            -webkit-transition: color .5s,background .5s;
            -moz-transition: color .5s,background .5s;
            -o-transition: color .5s,background .5s;
            transition: color .5s,background .5s;
            cursor: pointer; }
        .tab-buttons .carousel-controls .carousel-menu menu a.carousel-menu-next {
          position: absolute;
          right: -100px;
          top: 224px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #00aeef;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          -webkit-transition: color .5s;
          -moz-transition: color .5s;
          -o-transition: color .5s;
          transition: color .5s; }
          .tab-buttons .carousel-controls .carousel-menu menu a.carousel-menu-next:hover, .tab-buttons .carousel-controls .carousel-menu menu a.carousel-menu-next:focus {
            color: #fa6d16;
            -webkit-transition: color .5s,background .5s;
            -moz-transition: color .5s,background .5s;
            -o-transition: color .5s,background .5s;
            transition: color .5s,background .5s;
            cursor: pointer; }
        .tab-buttons .carousel-controls .carousel-menu menu ul {
          position: relative;
          top: -45px;
          display: inline-block;
          margin: 0;
          padding: 0; }
          .tab-buttons .carousel-controls .carousel-menu menu ul li {
            display: inline-block; }
            .tab-buttons .carousel-controls .carousel-menu menu ul li a {
              width: 175px;
              height: 41px;
              margin: 0 15px;
              background: 0;
              border-bottom: 4px solid transparent;
              -webkit-border-radius: 0;
              -moz-border-radius: 0;
              -ms-border-radius: 0;
              -o-border-radius: 0;
              border-radius: 0;
              color: rgba(0, 55, 103, 0.7);
              font-size: 18px;
              text-decoration: none;
              text-indent: 0;
              line-height: 40px; }
              .tab-buttons .carousel-controls .carousel-menu menu ul li a:hover {
                color: #003767; }
            .tab-buttons .carousel-controls .carousel-menu menu ul li a.carousel-menu-active {
              border-color: #00aeef;
              color: #003767; }
            .tab-buttons .carousel-controls .carousel-menu menu ul li .carousel-menu-item {
              cursor: pointer;
              display: block;
              overflow: hidden; }

@media (max-width: 1480px) and (min-width: 1340px) {
  .tab-buttons .carousel-controls .carousel-menu menu a.carousel-menu-prev, .tab-buttons .carousel-controls .carousel-menu menu a.carousel-menu-next {
    display: none; } }

@media (max-width: 1339px) {
  .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons {
    padding-right: 180px; }
  .tab-buttons .carousel-controls .carousel-menu {
    max-width: 960px; }
    .tab-buttons .carousel-controls .carousel-menu a.carousel-menu-prev, .tab-buttons .carousel-controls .carousel-menu a.carousel-menu-next {
      display: none; } }

@media (max-width: 991px) {
  .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons {
    max-width: 728px;
    padding-right: 20px;
    padding-left: 20px; }
    .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li {
      margin-right: 25px; }
  .tab-buttons .carousel-controls .carousel-menu {
    max-width: 728px; }
    .tab-buttons .carousel-controls .carousel-menu menu ul {
      width: 100%; }
      .tab-buttons .carousel-controls .carousel-menu menu ul li {
        width: 24%; }
        .tab-buttons .carousel-controls .carousel-menu menu ul li a {
          margin: 0; }
    .tab-buttons .carousel-controls .carousel-menu menu a.carousel-menu-prev, .tab-buttons .carousel-controls .carousel-menu menu a.carousel-menu-next {
      display: none; } }

@media (max-width: 979px) and (max-width: 767px) {
  .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li a.btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 5px;
    width: 100%; } }

@media (max-width: 767px) {
  .tab-buttons .carousel-content .carousel-items .carousel-item {
    padding: 45px 0 40px; }
    .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons:before {
      display: table;
      content: "";
      line-height: 0; }
    .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons:after {
      display: table;
      content: "";
      line-height: 0;
      clear: both; }
    .tab-buttons .carousel-content .carousel-items .carousel-item ul.buttons li {
      clear: both;
      float: left;
      display: block;
      margin: 0 0 20px !important; }
  .tab-buttons .carousel-controls .carousel-menu menu {
    postion: relative;
    z-index: 10; }
    .tab-buttons .carousel-controls .carousel-menu menu ul {
      position: absolute;
      top: -70px;
      right: 50%;
      z-index: 9;
      width: calc(100% - 40px);
      margin: 0 auto;
      background: #fff;
      font-size: 0;
      cursor: pointer;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      -webkit-box-shadow: 0 0 1px 1px #ccc;
      -moz-box-shadow: 0 0 1px 1px #ccc;
      box-shadow: 0 0 1px 1px #ccc;
      -webkit-transform: translateX(50%);
      -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
      -o-transform: translateX(50%);
      transform: translateX(50%); }
      .tab-buttons .carousel-controls .carousel-menu menu ul.open li a.carousel-menu-active {
        color: #00aeef;
        height: 23px; }
        .tab-buttons .carousel-controls .carousel-menu menu ul.open li a.carousel-menu-active:after {
          content: "\e93e";
          font-family: khicon;
          padding-top: 3px;
          font-size: 18px; }
      .tab-buttons .carousel-controls .carousel-menu menu ul.open li a {
        height: 24px;
        padding: 18px 20px;
        border-bottom: 1px solid #ccc;
        color: #003767; }
        .tab-buttons .carousel-controls .carousel-menu menu ul.open li a:last-child {
          border-bottom: 0; }
      .tab-buttons .carousel-controls .carousel-menu menu ul li {
        display: block;
        width: auto;
        margin: 0; }
        .tab-buttons .carousel-controls .carousel-menu menu ul li a.carousel-menu-active {
          display: block;
          height: 24px;
          padding: 18px 20px;
          border-bottom: 0; }
          .tab-buttons .carousel-controls .carousel-menu menu ul li a.carousel-menu-active:after {
            content: "\f105";
            font-family: FontAwesome;
            padding: 0;
            font-size: 22px; }
        .tab-buttons .carousel-controls .carousel-menu menu ul li a {
          position: relative;
          display: block;
          width: auto !important;
          height: 0;
          margin: 0 15px;
          padding: 0;
          border: 0;
          color: #00aeef;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          line-height: 24px;
          overflow: hidden; }
          .tab-buttons .carousel-controls .carousel-menu menu ul li a:after {
            content: "\e93e";
            position: absolute;
            top: 17px;
            right: 0;
            display: inline-block;
            font: normal normal normal 14px/1 khicon;
            font-size: 20px;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; } }

.tab-cards {
  position: relative;
  min-height: 500px; }
  .tab-cards.tabs-visible {
    margin-top: 85px; }
  .tab-cards .carousel {
    margin: 0; }
  .tab-cards .carousel-content {
    margin: 0; }
    .tab-cards .carousel-content .carousel-items .carousel-item {
      width: 100%;
      height: 415px;
      padding-top: 85px;
      background-color: #f9f9f9;
      background-repeat: no-repeat;
      background-position: top;
      line-height: 20px;
      position: absolute;
      z-index: 1; }
      .tab-cards .carousel-content .carousel-items .carousel-item.carousel-item-active {
        z-index: 3;
        display: block; }
      .tab-cards .carousel-content .carousel-items .carousel-item .wrap {
        max-width: 1264px;
        margin: 0 auto; }
        .tab-cards .carousel-content .carousel-items .carousel-item .wrap .tab-card {
          float: right;
          max-width: 520px;
          padding: 20px;
          background: #fff;
          border-radius: 4px; }
          .tab-cards .carousel-content .carousel-items .carousel-item .wrap .tab-card h2 {
            margin-bottom: 20px;
            font-size: 18px; }
          .tab-cards .carousel-content .carousel-items .carousel-item .wrap .tab-card .tab-card-content {
            font-size: 16px;
            line-heigth: 1.4; }
            .tab-cards .carousel-content .carousel-items .carousel-item .wrap .tab-card .tab-card-content ul-kh-list-1 {
              margin: 0 0 35px;
              list-style: none; }
              .tab-cards .carousel-content .carousel-items .carousel-item .wrap .tab-card .tab-card-content ul-kh-list-1 li {
                position: relative;
                margin-bottom: 10px;
                padding-left: 22px; }
                .tab-cards .carousel-content .carousel-items .carousel-item .wrap .tab-card .tab-card-content ul-kh-list-1 li:before {
                  color: #fa6d16;
                  content: "\e93e";
                  position: absolute;
                  top: 3px;
                  left: 0;
                  display: inline-block;
                  font: normal normal normal 14px/1 khicon;
                  font-size: inherit;
                  text-rendering: auto;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale; }
  .tab-cards .carousel-controls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%; }
    .tab-cards .carousel-controls .carousel-menu {
      position: relative;
      max-width: 1264px;
      margin: 0 auto; }
      .tab-cards .carousel-controls .carousel-menu menu {
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0;
        text-align: center; }
        .tab-cards .carousel-controls .carousel-menu menu a.carousel-menu-prev {
          position: absolute;
          left: -100px;
          top: 224px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #00aeef;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          -webkit-transition: color .5s;
          -moz-transition: color .5s;
          -o-transition: color .5s;
          transition: color .5s; }
          .tab-cards .carousel-controls .carousel-menu menu a.carousel-menu-prev:hover, .tab-cards .carousel-controls .carousel-menu menu a.carousel-menu-prev:focus {
            color: #fc6e32;
            -webkit-transition: color .5s;
            -moz-transition: color .5s;
            -o-transition: color .5s;
            transition: color .5s;
            cursor: pointer; }
        .tab-cards .carousel-controls .carousel-menu menu a.carousel-menu-next {
          position: absolute;
          right: -100px;
          top: 224px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #00aeef;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          -webkit-transition: color .5s;
          -moz-transition: color .5s;
          -o-transition: color .5s;
          transition: color .5s; }
          .tab-cards .carousel-controls .carousel-menu menu a.carousel-menu-next:hover, .tab-cards .carousel-controls .carousel-menu menu a.carousel-menu-next:focus {
            color: #fc6e32;
            -webkit-transition: color .5s;
            -moz-transition: color .5s;
            -o-transition: color .5s;
            transition: color .5s;
            cursor: pointer; }
        .tab-cards .carousel-controls .carousel-menu menu ul {
          position: relative;
          top: -45px;
          display: inline-block;
          margin: 0;
          padding: 0; }
          .tab-cards .carousel-controls .carousel-menu menu ul li {
            display: inline-block; }
            .tab-cards .carousel-controls .carousel-menu menu ul li a.carousel-menu-active {
              border-color: #00aeef;
              color: #003767; }
            .tab-cards .carousel-controls .carousel-menu menu ul li a {
              width: 175px;
              height: 41px;
              margin: 0 15px;
              background: 0;
              border-bottom: 4px solid transparent;
              -webkit-border-radius: 0;
              -moz-border-radius: 0;
              -ms-border-radius: 0;
              -o-border-radius: 0;
              border-radius: 0;
              color: rgba(0, 55, 103, 0.7);
              font-size: 18px;
              text-decoration: none;
              text-indent: 0;
              line-height: 40px; }
              .tab-cards .carousel-controls .carousel-menu menu ul li a:hover {
                color: #003767;
                cursor: pointer; }
            .tab-cards .carousel-controls .carousel-menu menu ul li .carousel-menu-item {
              cursor: pointer;
              display: block;
              overflow: hidden; }

@media (max-width: 1480px) and (min-width: 1340px) {
  .tab-cards .carousel-controls .carousel-menu menu a.carousel-menu-prev, .tab-cards .carousel-controls .carousel-menu menu a.carousel-menu-next {
    display: none; } }

@media (max-width: 1339px) {
  .tab-cards .carousel-content .carousel-items .carousel-item .wrap {
    max-width: 960px; }
  .tab-cards .carousel-controls .carousel-menu {
    max-width: 960px; }
    .tab-cards .carousel-controls .carousel-menu a.carousel-menu-prev, .tab-cards .carousel-controls .carousel-menu a.carousel-menu-next {
      display: none; } }

@media (max-width: 991px) {
  .tab-cards .carousel-content .carousel-items .carousel-item .wrap {
    max-width: 728px;
    padding-left: 20px;
    padding-right: 20px; }
  .tab-cards .carousel-controls .carousel-menu {
    max-width: 728px; }
    .tab-cards .carousel-controls .carousel-menu menu ul {
      width: 100%; }
      .tab-cards .carousel-controls .carousel-menu menu ul li {
        width: 24%; }
        .tab-cards .carousel-controls .carousel-menu menu ul li a {
          margin: 0; }
    .tab-cards .carousel-controls .carousel-menu menu a.carousel-menu-prev, .tab-cards .carousel-controls .carousel-menu menu a.carousel-menu-next {
      display: none; } }

@media (max-width: 767px) and (max-width: 979px) {
  .tab-cards .carousel-content .carousel-items .carousel-item .wrap .tab-card a.btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-top: 5px;
    width: 100%; } }

@media (max-width: 767px) {
  .tab-cards {
    min-height: 0; }
    .tab-cards .carousel-content .carousel-items .carousel-item {
      height: 425px;
      padding: 45px 0 40px; }
      .tab-cards .carousel-content .carousel-items .carousel-item .wrap .tab-card {
        float: none;
        margin: 0 auto; }
    .tab-cards .carousel-controls .carousel-menu menu {
      position: relative;
      z-index: 10; }
      .tab-cards .carousel-controls .carousel-menu menu ul {
        position: absolute;
        top: -70px;
        right: 50%;
        z-index: 9;
        width: calc(100% - 40px);
        margin: 0 auto;
        background: #fff;
        font-size: 0;
        cursor: pointer;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 0 1px 1px #ccc;
        -moz-box-shadow: 0 0 1px 1px #ccc;
        box-shadow: 0 0 1px 1px #ccc;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%); }
        .tab-cards .carousel-controls .carousel-menu menu ul.open li a.carousel-menu-active {
          color: #00aeef;
          height: 23px; }
          .tab-cards .carousel-controls .carousel-menu menu ul.open li a.carousel-menu-active:after {
            content: "\e93e";
            font-family: khicon;
            padding-top: 3px;
            font-size: 18px; }
        .tab-cards .carousel-controls .carousel-menu menu ul.open li a {
          height: 24px;
          padding: 18px 20px;
          border-bottom: 1px solid #ccc;
          color: #003767; }
          .tab-cards .carousel-controls .carousel-menu menu ul.open li a:last-child {
            border-bottom: 0; }
        .tab-cards .carousel-controls .carousel-menu menu ul li {
          display: block;
          width: auto;
          margin: 0; }
          .tab-cards .carousel-controls .carousel-menu menu ul li a.carousel-menu-active {
            display: block;
            height: 24px;
            padding: 18px 20px;
            border-bottom: 0; }
            .tab-cards .carousel-controls .carousel-menu menu ul li a.carousel-menu-active:after {
              content: "\f105";
              font-family: FontAwesome;
              padding: 0;
              font-size: 22px; }
          .tab-cards .carousel-controls .carousel-menu menu ul li a {
            position: relative;
            display: block;
            width: auto !important;
            height: 0;
            margin: 0 15px;
            padding: 0;
            border: 0;
            color: #00aeef;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            line-height: 24px;
            overflow: hidden; }
            .tab-cards .carousel-controls .carousel-menu menu ul li a:after {
              content: "\e93e";
              position: absolute;
              top: 17px;
              right: 0;
              display: inline-block;
              font: normal normal normal 14px/1 khicon;
              font-size: 20px;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; } }

.tab-quick-administration {
  position: relative;
  min-height: 510px; }
  .tab-quick-administration.tabs-visible {
    margin-top: 85px; }
  .tab-quick-administration .carousel {
    margin: 0;
    porisiton: relative;
    line-height: 1; }
  .tab-quick-administration .carousel-content .carousel-items .carousel-item {
    width: 100%;
    background: #fff;
    line-height: 20px;
    position: absolute;
    z-index: 1; }
    .tab-quick-administration .carousel-content .carousel-items .carousel-item.carousel-item-active {
      z-index: 3;
      display: block; }
    .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration {
      min-height: 350px;
      margin: 0 auto;
      padding-top: 90px;
      background-repeat: no-repeat;
      background-position: bottom; }
      .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap {
        position: relative;
        max-width: 634px;
        min-height: 350px;
        margin: 0 auto;
        padding-left: 630px; }
        .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap h2 {
          margin: 0 0 20px;
          font-size: 24px; }
          .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap h2 a {
            text-decoration: none; }
        .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap .qa-html-content {
          margin-bottom: 20px;
          font-size: 16px; }
          .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap .qa-html-content h4 {
            font-size: 17.5px;
            line-height: 1.25;
            margin: 0 0 15px; }
          .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap .qa-html-content ul.kh-list-1 {
            margin: 0 0 35px;
            list-style: none; }
            .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap .qa-html-content ul.kh-list-1 li {
              position: relative;
              margin-bottom: 10px;
              padding-left: 22px;
              line-height: 1.4; }
              .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap .qa-html-content ul.kh-list-1 li:before {
                content: "\e93e";
                position: absolute;
                top: 3px;
                left: 0;
                display: inline-block;
                font: normal normal normal 14px/1 khicon;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; }
        .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap a.btn {
          display: inline-block;
          padding: 16px 24px;
          background: #fa6d16;
          border: 0;
          border-radius: 5px;
          color: #fff;
          font-size: 16px;
          font-weight: bold;
          text-decoration: none;
          text-shadow: none;
          box-shadow: none;
          outline: 0;
          transition: background 0.5s; }
          @media (prefers-reduced-motion: reduce) {
            .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap a.btn {
              transition: none; } }
          .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap a.btn:hover {
            background: #d85505;
            transition: background 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap a.btn:hover {
                transition: none; } }
        .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap .video {
          position: absolute;
          bottom: 0;
          left: 207px;
          width: 213px;
          height: 377px;
          padding: 0;
          background: 0;
          max-width: 850px;
          margin: 0 auto;
          text-align: center; }
          .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap .video video {
            display: inline-block;
            width: 100%;
            height: 100%;
            object-fit: contain;
            -o-object-fit: contain; }
  .tab-quick-administration .carousel-controls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%; }
    .tab-quick-administration .carousel-controls .carousel-menu {
      position: relative;
      max-width: 1264px;
      margin: 0 auto; }
      .tab-quick-administration .carousel-controls .carousel-menu menu {
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0;
        text-align: center; }
        .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-prev {
          position: absolute;
          left: -100px;
          top: 224px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #00aeef;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          transition: color 0.5s; }
          @media (prefers-reduced-motion: reduce) {
            .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-prev {
              transition: none; } }
          .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-prev:hover, .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-prev:focus {
            color: #fa6d16;
            transition: color 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-prev:hover, .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-prev:focus {
                transition: none; } }
        .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-next {
          position: absolute;
          right: -100px;
          top: 224px;
          width: 48px;
          height: 52px;
          margin: 0;
          background: 0;
          color: #00aeef;
          font-size: 52px;
          text-align: center;
          text-indent: 0;
          transition: color 0.5s; }
          @media (prefers-reduced-motion: reduce) {
            .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-next {
              transition: none; } }
          .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-next:hover, .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-next:focus {
            color: #fa6d16;
            transition: color 0.5s; }
            @media (prefers-reduced-motion: reduce) {
              .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-next:hover, .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-next:focus {
                transition: none; } }
        .tab-quick-administration .carousel-controls .carousel-menu menu .carousel-menu-item {
          cursor: pointer;
          display: block;
          overflow: hidden; }
        .tab-quick-administration .carousel-controls .carousel-menu menu ul {
          position: relative;
          top: -45px;
          display: inline-block;
          margin: 0;
          padding: 0; }
          .tab-quick-administration .carousel-controls .carousel-menu menu ul li {
            display: inline-block;
            line-height: 1.4; }
            .tab-quick-administration .carousel-controls .carousel-menu menu ul li a.carousel-menu-active {
              border-color: #00aeef;
              color: #003767; }
            .tab-quick-administration .carousel-controls .carousel-menu menu ul li a {
              width: 175px;
              height: 41px;
              margin: 0 15px;
              background: 0;
              border-bottom: 4px solid transparent;
              border-radius: 0;
              color: rgba(0, 55, 103, 0.7);
              font-size: 18px;
              text-decoration: none;
              text-indent: 0;
              line-height: 40px; }

@media (max-width: 1480px) and (min-width: 1340px) {
  .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-prev, .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-next {
    display: none; } }

@media (max-width: 1339px) {
  .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap {
    max-width: 560px;
    padding-left: 400px; }
    .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap .video {
      left: 56px; }
  .tab-quick-administration .carousel-controls .carousel-menu {
    max-width: 960px; }
    .tab-quick-administration .carousel-controls .carousel-menu a.carousel-menu-prev, .tab-quick-administration .carousel-controls .carousel-menu a.carousel-menu-next {
      display: none; } }

@media (max-width: 991px) {
  .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap {
    max-width: 348px;
    padding: 0 20px 0 400px; }
    .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap .video {
      display: none; }
  .tab-quick-administration .carousel-controls .carousel-menu {
    max-width: 728px; }
    .tab-quick-administration .carousel-controls .carousel-menu menu ul {
      width: 100%; }
      .tab-quick-administration .carousel-controls .carousel-menu menu ul li {
        width: 24%; }
        .tab-quick-administration .carousel-controls .carousel-menu menu ul li a {
          margin: 0; }
    .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-prev, .tab-quick-administration .carousel-controls .carousel-menu menu a.carousel-menu-next {
      display: none; } }

@media (max-width: 767px) and (max-width: 979px) {
  .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap a.btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-top: 5px; } }

@media (max-width: 767px) {
  .tab-quick-administration {
    margin: 0;
    min-height: 0; }
    .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration {
      min-height: 0;
      padding: 20px 0;
      background-size: cover; }
      .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8); }
      .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap {
        position: relative;
        max-width: 728px;
        padding: 0 20px; }
        .tab-quick-administration .carousel-content .carousel-items .carousel-item .quick-administration .wrap a.btn {
          display: inline-block;
          width: auto; }
    .tab-quick-administration .carousel-controls .carousel-menu menu {
      position: relative;
      z-index: 10; }
      .tab-quick-administration .carousel-controls .carousel-menu menu ul {
        position: absolute;
        top: -70px;
        right: 50%;
        z-index: 9;
        width: calc(100% - 40px);
        margin: 0 auto;
        background: #fff;
        font-size: 0;
        cursor: pointer;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 0 1px 1px #ccc;
        -moz-box-shadow: 0 0 1px 1px #ccc;
        box-shadow: 0 0 1px 1px #ccc;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%); }
        .tab-quick-administration .carousel-controls .carousel-menu menu ul.open li a.carousel-menu-active {
          color: #00aeef;
          height: 23px;
          display: block; }
          .tab-quick-administration .carousel-controls .carousel-menu menu ul.open li a.carousel-menu-active:after {
            content: "\e93e";
            padding-top: 3px;
            font-size: 18px;
            font-family: khicon; }
        .tab-quick-administration .carousel-controls .carousel-menu menu ul.open li a {
          height: 24px;
          padding: 18px 20px;
          color: #003767; }
          .tab-quick-administration .carousel-controls .carousel-menu menu ul.open li a:last-child {
            border-bottom: 0; }
        .tab-quick-administration .carousel-controls .carousel-menu menu ul li {
          display: block;
          width: auto;
          margin: 0; }
          .tab-quick-administration .carousel-controls .carousel-menu menu ul li a {
            position: relative;
            display: block;
            width: auto !important;
            height: 0;
            margin: 0 15px;
            padding: 0;
            border: 0;
            color: #00aeef;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            line-height: 24px;
            overflow: hidden; }
            .tab-quick-administration .carousel-controls .carousel-menu menu ul li a:after {
              content: "\e93e";
              position: absolute;
              top: 17px;
              right: 0;
              display: inline-block;
              font: normal normal normal 14px/1 khicon;
              font-size: 20px;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
          .tab-quick-administration .carousel-controls .carousel-menu menu ul li a.carousel-menu-active {
            display: block;
            height: 24px;
            padding: 18px 20px;
            border-bottom: 0; }
            .tab-quick-administration .carousel-controls .carousel-menu menu ul li a.carousel-menu-active:after {
              content: "\f105";
              font-family: FontAwesome;
              padding: 0;
              font-size: 22px; } }

.tooltip {
  display: block;
  visibility: visible;
  line-height: 1.4;
  max-width: 200px; }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip .tooltip-arrow {
    border-top-color: #b0ad95 !important;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }

.clay-tooltip.bottom .tooltip-arrow:before {
  display: none; }

.tooltip-help {
  padding: 5px 0;
  font-size: 14px; }
  .tooltip-help .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .tooltip-help.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #b0ad95; }
  .tooltip-help.right {
    padding: 0 5px; }
    .tooltip-help.right .tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
      border-right-color: #b0ad95; }
  .tooltip-help.left {
    padding: 0 5px; }
    .tooltip-help.left .tooltip-arrow {
      top: 50%;
      right: 0;
      left: unset;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
      border-left-color: #b0ad95;
      border-top-color: transparent !important; }
  .tooltip-help.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #b0ad95; }

.tooltip-inner {
  padding: 10px;
  background: #fff;
  border: 1px solid #00aeef;
  color: #003767;
  font-size: 11px;
  font-family: Helvetica,Arial,sans-serif;
  border-radius: 0;
  text-align: left; }

.overlaycontextpanel .overlaycontextpanel-content,
.overlaycontextpanel .tooltip-help-content,
.tooltip-help .overlaycontextpanel-content,
.tooltip-help .tooltip-help-content {
  padding: 10px;
  background: #fff;
  border: 1px solid #00aeef;
  color: #003767;
  font-size: 11px; }
  .overlaycontextpanel .overlaycontextpanel-content .overlaycontextpanel-pointer,
  .overlaycontextpanel .overlaycontextpanel-content .tooltip-arrow,
  .overlaycontextpanel .tooltip-help-content .overlaycontextpanel-pointer,
  .overlaycontextpanel .tooltip-help-content .tooltip-arrow,
  .tooltip-help .overlaycontextpanel-content .overlaycontextpanel-pointer,
  .tooltip-help .overlaycontextpanel-content .tooltip-arrow,
  .tooltip-help .tooltip-help-content .overlaycontextpanel-pointer,
  .tooltip-help .tooltip-help-content .tooltip-arrow {
    display: none; }

.ui-dialog *:after, .ui-dialog *:before, .ui-dialog * {
  box-sizing: content-box; }

.ui-dialog.impresto-modal {
  border: 0 !important;
  border-radius: 4px;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 0;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); }

.ui-dialog .imprestoDiag {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  height: 432.812px !important; }

.ui-dialog .impresto-portlet-title {
  color: #00aeef;
  font-size: 24px;
  text-align: center; }

.ui-dialog .impresto-process-icons {
  margin-top: -15px;
  padding-bottom: 0; }
  .ui-dialog .impresto-process-icons figure i {
    border: 0;
    margin-bottom: 0; }

.ui-dialog .impresto-dialog-button-holder {
  display: flex;
  justify-content: center;
  background: #f9f9f9;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #ced5dd; }
  .ui-dialog .impresto-dialog-button-holder .dialog-button-margin {
    margin-left: 10px;
    margin-right: 10px; }
  .ui-dialog .impresto-dialog-button-holder .position-centered {
    display: flex;
    justify-content: center;
    cursor: pointer; }

.ui-dialog .ui-dialog-titlebar {
  background: 0;
  border: 0; }
  .ui-dialog .ui-dialog-titlebar .ui-button:hover {
    border: #fff solid 2px;
    background: #002f52;
    font-weight: bolder;
    color: #fff; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: 0;
  overflow: auto; }
  .ui-dialog .ui-dialog-content .col-12-md .lfr-ddm-field-group {
    margin-bottom: 10px; }
    .ui-dialog .ui-dialog-content .col-12-md .lfr-ddm-field-group .statement-container div:nth-child(3n) {
      padding-top: 20px !important; }

.universal-webcontent .col-md-8 {
  flex: none;
  box-sizing: content-box; }

.universal-template {
  padding: 30px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .universal-template .portlet-body {
    background: #fff; }

@media (max-width: 1339px) {
  .universal-webcontent {
    max-width: 960px; } }

@media (max-width: 991px) {
  .universal-webcontent {
    max-width: 728px;
    padding: 0 20px; } }

.portlet-boundary.background-darkgray {
  background: #f9f9f9; }
  .portlet-boundary.background-darkgray h2.portlet-title {
    padding-top: 60px !important; }

.portlet-boundary.background-blue .portlet .portlet-topper {
  background: transparent; }
  .portlet-boundary.background-blue .portlet .portlet-topper h2.portlet-title {
    padding-top: 45px; }

.portlet-boundary.background-blue .portlet .portlet-content .portlet-content-container .portlet-body .useful-links-container {
  background: #e6f7fe; }
  .portlet-boundary.background-blue .portlet .portlet-content .portlet-content-container .portlet-body .useful-links-container.useful-links-container-notitle {
    padding-top: 10px; }

.background-darkgray .portlet .portlet-topper {
  background: #f9f9f9; }

.background-darkgray .useful-links-container {
  padding: 50px 0 30px;
  background: #f9f9f9; }
  .background-darkgray .useful-links-container * {
    box-sizing: content-box; }
  .background-darkgray .useful-links-container .wrap {
    max-width: 1264px;
    margin: 0 auto; }
    .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link, .background-darkgray .useful-links-container .wrap .useful-links .useful-link {
      float: left;
      width: calc(25% - 15px);
      margin: 0 0 20px; }
      .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link a, .background-darkgray .useful-links-container .wrap .useful-links .useful-link a {
        box-sizing: content-box;
        position: relative;
        display: block;
        min-height: 15px;
        padding: 25px;
        background: #fff;
        border: 1px solid #cceffc;
        border-radius: 4px;
        color: #003767;
        font-size: 18px;
        text-decoration: none; }
        .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link a i, .background-darkgray .useful-links-container .wrap .useful-links .useful-link a i {
          position: absolute;
          left: 30px;
          top: 50%;
          display: inline-block;
          width: 35px;
          height: 35px;
          margin-top: -17px;
          color: #00aeef;
          font-size: 35px;
          text-align: center;
          line-height: 35px; }
        .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link a .name, .background-darkgray .useful-links-container .wrap .useful-links .useful-link a .name {
          position: absolute;
          top: 50%;
          display: block;
          padding-right: 20px;
          padding-left: 70px;
          vertical-align: middle;
          transform: translateY(-50%); }
    .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(3n+2), .background-darkgray .useful-links-container .wrap .useful-links .useful-link:nth-child(3n+2) {
      margin-right: 0;
      margin-left: 0; }
    .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(4n+1), .background-darkgray .useful-links-container .wrap .useful-links .useful-link:nth-child(4n+1) {
      margin-right: 20px; }
    .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(4n+2), .background-darkgray .useful-links-container .wrap .useful-links .useful-link:nth-child(4n+2) {
      margin-right: 20px; }
    .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(4n+3), .background-darkgray .useful-links-container .wrap .useful-links .useful-link:nth-child(4n+3) {
      margin-right: 20px; }

.background-darkgray .useful-links-container.useful-links-container-notitle {
  padding-top: 10px;
  overflow: hidden; }

.portlet-asset-publisher .useful-links-container.product-page-useful-links {
  background: #e6f7fe; }

.useful-links-container {
  padding: 50px 0 30px; }
  .useful-links-container.product-page-useful-links {
    background: #e6f7fe; }
  .useful-links-container .wrap {
    max-width: 1264px;
    margin: 0 auto; }
  .useful-links-container h1 {
    margin-bottom: 40px;
    color: #00aeef;
    font-size: 28px;
    text-align: center; }
  .useful-links-container h2 {
    margin-bottom: 40px;
    color: #00aeef;
    font-size: 28px;
    text-align: center; }
  .useful-links-container .useful-links.cf:before {
    content: " ";
    display: table; }
  .useful-links-container .useful-links.cf:after {
    content: " ";
    display: table;
    clear: both; }
  .useful-links-container .useful-links.useful-links-4 .useful-link {
    float: left;
    width: calc(25% - 15px);
    margin: 0 0 20px; }
    .useful-links-container .useful-links.useful-links-4 .useful-link:nth-child(3n+2) {
      margin-right: 0;
      margin-left: 0; }
    .useful-links-container .useful-links.useful-links-4 .useful-link:nth-child(4n+1), .useful-links-container .useful-links.useful-links-4 .useful-link:nth-child(4n+2), .useful-links-container .useful-links.useful-links-4 .useful-link:nth-child(4n+3) {
      margin-right: 20px; }
    .useful-links-container .useful-links.useful-links-4 .useful-link:only-child {
      margin-left: 0; }
  .useful-links-container .useful-links .useful-link {
    float: left;
    width: calc(33% - 14px);
    margin: 0 0 20px; }
    .useful-links-container .useful-links .useful-link:nth-child(3n+2) {
      margin-right: 20px;
      margin-left: 20px; }
    .useful-links-container .useful-links .useful-link a {
      position: relative;
      display: block;
      min-height: 15px;
      padding: 25px;
      background: #fff;
      border: 1px solid #cceffc;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      color: #003767;
      font-size: 18px;
      text-decoration: none; }
      .useful-links-container .useful-links .useful-link a i {
        position: absolute;
        left: 30px;
        top: 50%;
        display: inline-block;
        width: 35px;
        height: 35px;
        margin-top: -17px;
        color: #00aeef;
        font-size: 35px;
        text-align: center;
        line-height: 35px; }
      .useful-links-container .useful-links .useful-link a .name {
        position: absolute;
        top: 50%;
        display: block;
        padding-right: 20px;
        padding-left: 70px;
        vertical-align: middle;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }

.portlet-asset-publisher .useful-links-container {
  background: #f9f9f9; }

@media (max-width: 1339px) {
  .background-darkgray .useful-links-container .wrap {
    max-width: 960px; }
  .useful-links-container .wrap {
    max-width: 960px; } }

@media (max-width: 991px) {
  .background-darkgray .useful-links-container .wrap {
    padding: 0 20px;
    max-width: 728px; }
    .background-darkgray .useful-links-container .wrap .useful-links .useful-link, .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link {
      width: calc(50% - 10px); }
    .background-darkgray .useful-links-container .wrap .useful-links .useful-link a, .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link a {
      font-size: 16px; }
    .background-darkgray .useful-links-container .wrap .useful-links .useful-link:nth-child(3n+2), .background-darkgray .useful-links-container .wrap .useful-links .useful-link:nth-child(4n+2), .background-darkgray .useful-links-container .wrap .useful-links .useful-link:nth-child(4n+3), .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(3n+2), .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(4n+2), .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(4n+3) {
      margin-right: 0;
      margin-left: 0; }
    .background-darkgray .useful-links-container .wrap .useful-links .useful-link:nth-child(2n+1), .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(2n+1) {
      margin-right: 20px; }
  .useful-links-container .wrap {
    padding: 0 20px;
    max-width: 728px; }
    .useful-links-container .wrap .useful-links .useful-link, .useful-links-container .wrap .useful-links.useful-links-4 .useful-link {
      width: calc(50% - 10px); }
    .useful-links-container .wrap .useful-links .useful-link a, .useful-links-container .wrap .useful-links.useful-links-4 .useful-link a {
      font-size: 16px; }
    .useful-links-container .wrap .useful-links .useful-link:nth-child(3n+2), .useful-links-container .wrap .useful-links .useful-link:nth-child(4n+2), .useful-links-container .wrap .useful-links .useful-link:nth-child(4n+3), .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(3n+2), .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(4n+2), .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(4n+3) {
      margin-right: 0;
      margin-left: 0; }
    .useful-links-container .wrap .useful-links .useful-link:nth-child(2n+1), .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(2n+1) {
      margin-right: 20px; }
  .useful-links-container .wrap {
    max-width: 728px;
    padding: 0 20px; }
  .useful-links-container .useful-links.useful-links-4 .useful-link {
    width: calc(50% - 10px); }
    .useful-links-container .useful-links.useful-links-4 .useful-link:last-child {
      margin-left: 0; }
  .useful-links-container .useful-links .useful-link {
    width: calc(50% - 10px); }
    .useful-links-container .useful-links .useful-link:nth-child(2n+1) {
      margin-right: 20px; }
    .useful-links-container .useful-links .useful-link:nth-child(3n+2), .useful-links-container .useful-links .useful-link:nth-child(4n+2) {
      margin-right: 0;
      margin-left: 0; }
    .useful-links-container .useful-links .useful-link a {
      font-size: 16px; } }

@media (max-width: 767px) {
  .background-darkgray .useful-links-container .wrap {
    padding: 0 20px;
    max-width: 728px; }
    .background-darkgray .useful-links-container .wrap .useful-links .useful-link:nth-child(2n+1), .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link:nth-child(2n+1) {
      margin-right: 0px; }
    .background-darkgray .useful-links-container .wrap .useful-links .useful-link, .background-darkgray .useful-links-container .wrap .useful-links.useful-links-4 .useful-link {
      float: none;
      width: auto; }
  .useful-links-container .wrap .useful-links .useful-link {
    width: 100%; }
  .useful-links-container .wrap .useful-links.useful-links-4 .useful-link {
    width: 100%; }
  .useful-links-container .useful-links.useful-links-4 .useful-link {
    float: none;
    width: auto; }
  .useful-links-container .useful-links .useful-link {
    float: none;
    width: auto; }
    .useful-links-container .useful-links .useful-link:nth-child(2n+1) {
      margin-right: 0; } }

.portlet-nested-portlets .portlet-body .videos .video {
  padding: 20px; }

.videos .video {
  max-width: 850px;
  margin: 0 auto 30px;
  padding-top: 20px;
  background: #f9f9f9;
  border: 1px solid #e3e3e3;
  text-align: center; }
  .videos .video h1 {
    max-width: 830px;
    margin: 0 auto 20px;
    font-size: 20px;
    text-align: center;
    display: block; }
  .videos .video .video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; }
    .videos .video .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.videos .videos-carousel {
  position: relative;
  max-width: 830px;
  min-height: 125px;
  margin: 0 auto; }
  .videos .videos-carousel .carousel-item {
    width: 100%;
    background: #fff;
    font-size: 0;
    line-height: 20px;
    position: absolute;
    z-index: 1; }
    .videos .videos-carousel .carousel-item.carousel-item-active {
      z-index: 3;
      display: block !important; }
    .videos .videos-carousel .carousel-item .carousel-item-video {
      display: inline-block;
      width: 194px;
      min-height: 158px;
      margin: 0 9px;
      font-size: 14px;
      text-align: center;
      line-height: 1.25;
      cursor: pointer;
      vertical-align: top; }
      .videos .videos-carousel .carousel-item .carousel-item-video:first-child {
        margin-left: 0; }
      .videos .videos-carousel .carousel-item .carousel-item-video:last-child {
        margin-right: 0; }
      .videos .videos-carousel .carousel-item .carousel-item-video img {
        display: block;
        margin-bottom: 15px; }
  .videos .videos-carousel .carousel-menu .carousel-menu-prev, .videos .videos-carousel .carousel-menu .carousel-menu-next {
    cursor: pointer;
    position: absolute;
    top: 38px;
    float: none;
    display: block;
    width: 32px;
    height: 32px;
    margin: 0;
    background: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #ccc;
    font-size: 32px;
    text-align: center;
    text-indent: 0; }
  .videos .videos-carousel .carousel-menu .carousel-menu-prev {
    left: -60px; }
  .videos .videos-carousel .carousel-menu .carousel-menu-next {
    right: -60px; }

@media (max-width: 991px) {
  .videos .video {
    padding: 0 20px; }
  .videos .videos-carousel {
    max-width: 728px !important;
    padding: 0 20px; }
    .videos .videos-carousel .carousel-item {
      width: calc(100% - 54px);
      margin-left: 7px; }
      .videos .videos-carousel .carousel-item .carousel-item-video {
        max-width: 168px;
        min-height: 144px;
        margin: 0 7px; }
        .videos .videos-carousel .carousel-item .carousel-item-video strong {
          display: block; }
    .videos .videos-carousel .carousel-controls menu .carousel-menu-prev {
      top: 36px !important;
      left: 0 !important;
      z-index: 9;
      width: 20px !important;
      height: 22px !important;
      font-size: 22px !important; }
    .videos .videos-carousel .carousel-controls menu .carousel-menu-next {
      top: 36px !important;
      right: 0 !important;
      z-index: 9;
      width: 20px !important;
      height: 22px !important;
      font-size: 22px !important; } }

@media (max-width: 767px) {
  .videos .videos-carousel .carousel-item {
    min-height: 228px;
    text-align: center; }
    .videos .videos-carousel .carousel-item .carousel-item-video {
      width: calc(50% - 20px) !important;
      max-width: 100%;
      min-height: 0 !important;
      margin: 0 0 10px !important; }
      .videos .videos-carousel .carousel-item .carousel-item-video img {
        max-width: 100%;
        display: inline-block; }
  .videos .videos-carousel .carousel-item-video:nth-child(2n+1) {
    margin-right: 20px !important; }
  .videos .videos-carousel .carousel-controls menu .carousel-menu-prev {
    top: 78px !important; }
  .videos .videos-carousel .carousel-controls menu .carousel-menu-next {
    top: 78px !important; } }

.direct-sales-portlet.product-distributor-portlet .product-category {
  background: #ffffff; }

.insurance-main-hero .branch-and-consultant-finder {
  max-height: 390px;
  display: inline-block;
  width: 100%;
  cursor: pointer; }
  .insurance-main-hero .branch-and-consultant-finder .map-background {
    border-radius: .25rem;
    display: inline-block;
    margin: 10px;
    width: calc(100% - 20px);
    max-height: 370px; }
  .insurance-main-hero .branch-and-consultant-finder .wrap {
    padding: 0;
    margin: 75px 175px;
    border-radius: 5px; }
  .insurance-main-hero .branch-and-consultant-finder .form-container {
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    min-width: 200px;
    border-radius: .25rem; }
    .insurance-main-hero .branch-and-consultant-finder .form-container label {
      text-align: center;
      padding: 15px; }
    .insurance-main-hero .branch-and-consultant-finder .form-container input {
      margin: 0 15px 15px; }
    .insurance-main-hero .branch-and-consultant-finder .form-container a {
      margin: 0 15px 15px;
      color: #ffffff; }

.background-block {
  display: none;
  background-size: cover; }

.insurance-main-hero .wrap {
  max-width: 1264px;
  min-height: 515px;
  margin: 0 auto;
  padding-top: 40px;
  background-repeat: no-repeat;
  background-position: 710px 40px; }
  .insurance-main-hero .wrap .row-fluid {
    width: 100%; }
    .insurance-main-hero .wrap .row-fluid .span-6 {
      width: 695px; }
      .insurance-main-hero .wrap .row-fluid .span-6 ul.nav.nav-tabs {
        margin-left: 0; }
        .insurance-main-hero .wrap .row-fluid .span-6 ul.nav.nav-tabs li a {
          text-align: center;
          text-decoration: none;
          background-color: #00aeef;
          color: #ffffff;
          margin-right: 4px;
          font-weight: bold;
          min-height: 44px;
          display: flex;
          padding: .25rem .5rem; }
          .insurance-main-hero .wrap .row-fluid .span-6 ul.nav.nav-tabs li a span {
            margin: auto;
            font-size: 16px;
            min-width: 78px;
            max-width: 137px; }
        .insurance-main-hero .wrap .row-fluid .span-6 ul.nav.nav-tabs li:last-child a {
          margin-right: 0; }
        .insurance-main-hero .wrap .row-fluid .span-6 ul.nav.nav-tabs li.active a {
          background-color: #ffffff;
          color: #003767; }

section.damage-tracking {
  background-color: #ffffff;
  display: inline-block;
  width: 100%; }
  section.damage-tracking .wrap {
    background-color: #f9f9f9;
    border-radius: 5px;
    margin: 15px;
    padding: 75px 175px;
    max-width: none;
    min-height: 0; }
    section.damage-tracking .wrap .form-container {
      display: flex;
      flex-direction: column;
      max-width: 350px;
      margin: auto; }
      section.damage-tracking .wrap .form-container.success:after {
        display: none; }
      section.damage-tracking .wrap .form-container h4 {
        text-align: center;
        margin-bottom: 0; }
      section.damage-tracking .wrap .form-container p {
        text-align: center; }
      section.damage-tracking .wrap .form-container input {
        margin-bottom: 15px; }

.insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator {
  display: inline-block;
  width: 100%; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mobile-dropdown, .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mobile-label, .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mobile-dropdown-title {
    display: none; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs {
    border-bottom: none; }
    .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li {
      width: auto;
      margin: 15px; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li:after, .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li.active:after {
        content: none;
        animation: none;
        transform: none;
        transition: none; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li a {
        display: flex;
        flex-direction: column;
        background-color: #ffffff;
        color: #003767;
        font-weight: normal;
        margin: 0;
        padding: 0; }
        .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li a .insurance-icon {
          border: 1px solid #00aeef;
          border-radius: 50%;
          height: 55px;
          width: 55px;
          line-height: 55px;
          transition: background .5s; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li.active a .insurance-icon {
        background-color: #00aeef; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li a i {
        color: #00aeef;
        font-size: 26px;
        display: inline-block;
        vertical-align: middle;
        transition: color .5s; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li.active a i {
        color: #ffffff; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li a span {
        margin-top: 15px;
        min-width: 0;
        max-width: none; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .tab-content {
    background-color: #f9f9f9;
    margin: 15px; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container {
    display: flex;
    flex-direction: column;
    border-radius: .25rem; }
    .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .control-label {
      text-align: center;
      max-width: 400px;
      margin: 15px auto 0; }
    .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form {
      display: flex;
      margin: 15px 15px 0; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form > div {
        margin-right: 15px; }
        .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form > div:last-child {
          margin-right: 0; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input {
        flex: 1 1 0; }
        .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input .input-append {
          position: relative; }
          .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input .input-append input {
            border-radius: 4px;
            width: calc(100% - 12px); }
        .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input .input-only input {
          border-radius: 4px;
          width: calc(100% - 12px); }
        .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input .input-append.success:after, .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input .input-only.success:after {
          content: none; }
        .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input.digit-datepicker-input {
          align-self: end;
          margin-right: 10px; }
          .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input.digit-datepicker-input.first {
            margin-left: -5px; }
          .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input.digit-datepicker-input.last {
            margin-right: 0; }
          .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input.digit-datepicker-input .input-only {
            position: relative; }
            .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input.digit-datepicker-input .input-only .fa-calendar {
              font-size: 18px;
              position: absolute;
              left: 6px;
              top: 8px;
              color: #00aeef;
              pointer-events: none; }
            .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input.digit-datepicker-input .input-only input {
              width: calc(100% - 34px);
              padding-left: 26px; }
            .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input.digit-datepicker-input .input-only input[disabled] {
              cursor: not-allowed; }
              .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input.digit-datepicker-input .input-only input[disabled] + i {
                color: #999; }
            .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input.digit-datepicker-input .input-only input[readonly]:not([disabled]) {
              background: #fff; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-select.success:after {
        content: none; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input .input-append span.add-on {
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        background: none;
        padding-top: 6px;
        padding-right: 5px;
        color: #9a9a9a; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-select {
        display: flex;
        flex-direction: column;
        flex: 2 1 0; }
    .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .button-holder button {
      width: calc(100% - 30px);
      box-sizing: border-box;
      margin: 15px;
      background-color: #fa6d16; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .button-holder button:focus, .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .button-holder button:hover {
        background-color: #d85505; }

section.online-administration {
  padding: 15px 0 20px 15px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }
  section.online-administration .tile-container {
    display: flex;
    flex-wrap: wrap; }
    section.online-administration .tile-container a {
      text-decoration: none;
      width: calc(25% - 15px);
      margin-right: 15px;
      margin-bottom: 15px;
      height: 110px; }
      section.online-administration .tile-container a:nth-child(4n), section.online-administration .tile-container a:last-child {
        margin-right: 0; }
      section.online-administration .tile-container a .link-container {
        border: 1px solid #00aeef;
        border-radius: 5px;
        color: #003767;
        height: 100%;
        display: flex;
        flex-direction: column;
        transition: color .5s, background .5s; }
      section.online-administration .tile-container a i {
        color: #00aeef;
        font-size: 35px;
        padding-left: 15px;
        padding-top: 15px;
        flex: 1 0 calc(50% - 15px);
        transition: color .5s, background .5s; }
      section.online-administration .tile-container a .text-container {
        flex: 1 0 50%;
        font-weight: bold;
        margin-left: 15px;
        display: flex; }
        section.online-administration .tile-container a .text-container span {
          margin-top: auto;
          margin-bottom: auto; }
      section.online-administration .tile-container a:hover .link-container {
        background-color: #00aeef;
        color: #ffffff;
        transition: color .5s, background .5s; }
        section.online-administration .tile-container a:hover .link-container i {
          color: #ffffff;
          transition: color .5s, background .5s; }
  section.online-administration .button-container {
    background-color: #f9f9f9;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-right: 15px;
    border-radius: .25rem; }
    section.online-administration .button-container a.btn {
      margin-right: 30px; }
    section.online-administration .button-container a.reg {
      color: #003767; }
      section.online-administration .button-container a.reg:hover {
        color: #fa6d16; }

section.claim-for-damages {
  padding: 35px 0 20px 15px;
  display: flex;
  flex-wrap: wrap; }
  section.claim-for-damages a {
    text-decoration: none;
    width: calc(25% - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
    height: 150px; }
    section.claim-for-damages a:nth-child(4n), section.claim-for-damages a:last-child {
      margin-right: 0; }
    section.claim-for-damages a .link-container {
      border: 1px solid #00aeef;
      border-radius: 5px;
      color: #003767;
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: color .5s, background .5s; }
    section.claim-for-damages a i {
      color: #00aeef;
      font-size: 35px;
      padding-left: 15px;
      padding-top: 15px;
      flex: 1 0 calc(50% - 15px);
      transition: color .5s, background .5s; }
    section.claim-for-damages a .text-container {
      flex: 1 0 50%;
      font-weight: bold;
      margin-left: 15px;
      display: flex; }
      section.claim-for-damages a .text-container span {
        margin-top: auto;
        margin-bottom: auto; }
    section.claim-for-damages a:hover .link-container {
      background-color: #00aeef;
      color: #ffffff;
      transition: color .5s, background .5s; }
      section.claim-for-damages a:hover .link-container i {
        color: #ffffff;
        transition: color .5s, background .5s; }

.select-offer.button-strip {
  font-weight: normal; }
  .select-offer.button-strip a {
    margin-right: 30px; }
    .select-offer.button-strip a:last-child {
      margin-right: 0; }
    .select-offer.button-strip a.btn {
      margin-left: 0; }
    .select-offer.button-strip a.reg {
      font-size: 13px;
      text-decoration: underline;
      color: #ffffff; }
      .select-offer.button-strip a.reg:hover {
        color: #fa6d16; }

.direct-sales-product .article-content {
  min-height: 52px;
  padding-top: 20px;
  background: #fff; }

.direct-sales-product .article-ref {
  min-height: 380px !important; }

.direct-sales-product section.product .boxes-with-visible-list h1 {
  min-height: auto; }

.direct-sales-product .boxes-with-visible-list .box-content {
  padding: 0 20px; }

.direct-sales-product .boxes-with-visible-list ul {
  margin: 0 0 10px;
  list-style: none; }
  .direct-sales-product .boxes-with-visible-list ul li {
    position: relative;
    margin-bottom: 3px;
    padding-left: 22px;
    line-height: 1.4; }
    .direct-sales-product .boxes-with-visible-list ul li:before {
      content: "\e93e";
      position: absolute;
      top: 3px;
      left: 0;
      display: inline-block;
      color: #fa6d16;
      font: normal normal normal 14px/1 khicon;
      font-size: inherit;
      text-rendering: auto; }
    .direct-sales-product .boxes-with-visible-list ul li .element-label {
      white-space: nowrap;
      margin-left: 5px;
      padding: 1px 2px;
      background-color: #fa6d16;
      color: #ffffff; }
    .direct-sales-product .boxes-with-visible-list ul li span:not(:last-child) {
      max-width: calc(100% - 100px);
      display: inline-block; }
    .direct-sales-product .boxes-with-visible-list ul li .element-label, .direct-sales-product .boxes-with-visible-list ul li i.fa-calculator {
      margin-left: 10px;
      font-size: 12px;
      position: absolute;
      top: calc(50% - 10px); }

.ds-banner-background {
  width: fit-content;
  width: -moz-fit-content;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .ds-banner-background .image-desktop {
    display: block; }
  .ds-banner-background .image-mobile {
    display: none; }
  .ds-banner-background .title {
    position: absolute;
    top: 25%;
    left: 15%;
    font-size: 30px;
    line-height: 30px;
    color: #003767; }
  .ds-banner-background .actions {
    position: absolute;
    bottom: 20%;
    left: 15%;
    display: flex;
    align-items: center; }
    .ds-banner-background .actions .btn {
      padding: 8px 45px; }
    .ds-banner-background .actions .details-cta {
      margin-left: 20px;
      color: #003767;
      font-weight: bold;
      font-size: 16px; }
      .ds-banner-background .actions .details-cta .fa-angle-right {
        margin-left: 8px; }

@media (max-width: 1339px) {
  .select-offer.button-strip a.btn {
    margin-top: 0; }
  .ds-banner-background .title {
    font-size: 2.2vw;
    line-height: 2.2vw; } }

@media (max-width: 1303px) {
  .insurance-main-hero .wrap {
    background-position: 730px 40px; }
    .insurance-main-hero .wrap .row-fluid .span-6 {
      padding-left: 20px; } }

@media (max-width: 991px) {
  .background-block {
    display: block;
    height: 40vh; }
    .background-block .wrap {
      background-repeat: no-repeat;
      background-position: 35% 50%;
      width: 100%;
      height: 100%; }
  .insurance-main-hero {
    background-image: none !important;
    background-color: #f9f9f9; }
    .insurance-main-hero .wrap {
      background-image: none !important;
      min-height: 0; }
      .insurance-main-hero .wrap .row-fluid .span-6 {
        width: 100vw;
        padding-left: 0; }
        .insurance-main-hero .wrap .row-fluid .span-6 ul.nav.nav-tabs {
          border-bottom: none; }
          .insurance-main-hero .wrap .row-fluid .span-6 ul.nav.nav-tabs.main-tabs > li a:after {
            content: '+';
            position: absolute;
            top: 14px;
            right: 15px;
            display: inline-block;
            width: 20px;
            height: 20px;
            background: #ffffff;
            border-radius: 50%;
            color: #00aeef;
            font-family: monospace;
            font-size: 20px;
            text-align: center;
            line-height: 20px;
            transform: rotate(90deg);
            animation: rotateBack 0.5s linear 1; }
          .insurance-main-hero .wrap .row-fluid .span-6 ul.nav.nav-tabs.main-tabs > li.active > a:after {
            content: '\2012';
            background: #00aeef;
            color: #ffffff;
            line-height: 18px;
            transform: rotate(0);
            animation: rotate .5s linear 1; }
          .insurance-main-hero .wrap .row-fluid .span-6 ul.nav.nav-tabs li {
            margin: 0 20px 5px;
            width: calc(100vw - 40px); }
            .insurance-main-hero .wrap .row-fluid .span-6 ul.nav.nav-tabs li a {
              padding: 0;
              margin: 0;
              border-radius: .25rem; }
              .insurance-main-hero .wrap .row-fluid .span-6 ul.nav.nav-tabs li a span {
                margin-left: 20px;
                max-width: none; }
        .insurance-main-hero .wrap .row-fluid .span-6 .tab-container > .tab-content {
          width: calc(100vw - 40px);
          margin-left: 20px;
          margin-right: 20px;
          border-bottom-left-radius: .25rem;
          border-bottom-right-radius: .25rem; }
        .insurance-main-hero .wrap .row-fluid .span-6 ul.nav.nav-tabs .tab-content-container {
          width: 100%;
          margin-right: 20px;
          margin-left: 20px;
          margin-bottom: 5px; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li a span {
    margin-left: auto; }
  .ds-banner-background .title {
    top: 2.2vw;
    margin-right: 30%;
    max-width: 65%;
    font-size: 30px;
    line-height: 30px; }
  .ds-banner-background .actions {
    left: 70%;
    flex-direction: column;
    height: 60%;
    justify-content: center; }
    .ds-banner-background .actions .details-cta {
      margin-left: 0; }
    .ds-banner-background .actions .btn {
      padding: 8px 30px; } }

@media (max-width: 767px) {
  .insurance-main-hero .branch-and-consultant-finder {
    width: calc(100vw - 40px);
    background-color: #ffffff; }
    .insurance-main-hero .branch-and-consultant-finder .map-background {
      background-size: cover;
      min-height: 260px;
      width: calc(100% - 30px);
      margin: 15px; }
    .insurance-main-hero .branch-and-consultant-finder .form-container {
      margin: 15px; }
      .insurance-main-hero .branch-and-consultant-finder .form-container label {
        text-align: left;
        margin-bottom: 0;
        padding-bottom: 10px; }
      .insurance-main-hero .branch-and-consultant-finder .form-container a.btn {
        width: calc(100% - 80px); }
  .background-block {
    display: none; }
  section.damage-tracking .wrap {
    padding: 0; }
    section.damage-tracking .wrap .form-container h4 {
      margin-top: 15px; }
    section.damage-tracking .wrap .form-container p {
      font-size: 18px; }
    section.damage-tracking .wrap .form-container label {
      margin-left: 15px; }
    section.damage-tracking .wrap .form-container input {
      margin-left: 15px;
      margin-right: 15px; }
    section.damage-tracking .wrap .form-container a.btn {
      width: auto;
      margin: 0 15px 15px; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mobile-label {
    display: block;
    border: 1px solid #99dff9;
    border-radius: 4px;
    font-size: 16px;
    height: 32px;
    padding-left: 10px;
    margin-left: 20px;
    width: calc(100vw - 87px); }
    .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mobile-label span {
      display: block;
      padding-top: 6px;
      padding-bottom: 6px; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mobile-dropdown-title {
    display: block;
    font-size: 16px;
    padding-left: 25px;
    padding-top: 15px;
    margin-bottom: 10px; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mobile-label:before {
    content: none; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mobile-label:after {
    content: '\f107';
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 22px;
    top: 5px;
    right: 0;
    padding-right: 10px; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mobile-dropdown:checked ~ .mobile-label:after {
    content: '\f106'; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs {
    display: none;
    position: absolute;
    background-color: #ffffff;
    top: 79px;
    left: 20px;
    border: 1px solid #00aeef;
    width: calc(100vw - 80px);
    z-index: 100; }
    .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li {
      margin: 0; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li.active a {
        color: #ffffff;
        background-color: #a8def4; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mobile-dropdown:checked ~ ul.nav.nav-tabs {
    display: block; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator ul.nav.nav-tabs li a .insurance-icon {
    display: none; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .control-label {
    margin-right: 10px;
    margin-left: 10px; }
  .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form {
    flex-direction: column; }
    .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-select {
      min-height: 70px; }
    .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form > div {
      margin-right: 0;
      margin-bottom: 15px; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form > div:last-child {
        margin-bottom: 0; }
    .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input.digit-datepicker-input {
      align-self: unset; }
      .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input.digit-datepicker-input.first, .insurance-main-hero .wrap .row-fluid .span-6 #insurance-calculator .mini-calculator-container .mini-calculator-form .mini-calculator-input.digit-datepicker-input.last {
        margin-left: 0;
        margin-right: 0; }
  section.online-administration {
    flex-direction: column; }
    section.online-administration .tile-container a {
      width: calc(100% - 15px);
      height: auto; }
      section.online-administration .tile-container a .link-container {
        flex-direction: row; }
        section.online-administration .tile-container a .link-container i {
          padding-top: 10px;
          padding-bottom: 10px;
          flex: 0 1 0; }
        section.online-administration .tile-container a .link-container span {
          flex: 1 1 0; }
    section.online-administration .button-container a.btn {
      width: calc(100% - 65px); }
    section.online-administration .button-container a.reg {
      display: block;
      text-align: center;
      margin-right: 15px;
      padding-top: 15px; }
  section.claim-for-damages {
    flex-direction: column; }
    section.claim-for-damages a {
      width: calc(100% - 15px);
      height: auto; }
      section.claim-for-damages a .link-container {
        flex-direction: row; }
        section.claim-for-damages a .link-container i {
          padding-top: 10px;
          padding-bottom: 10px;
          flex: 0 1 0; }
        section.claim-for-damages a .link-container span {
          flex: 1 1 0; }
  .ds-banner-background {
    width: auto;
    margin-left: 20px;
    margin-right: 20px; }
    .ds-banner-background .image-desktop {
      display: none !important; }
    .ds-banner-background .image-mobile {
      display: block !important;
      width: -webkit-fill-available;
      width: -moz-available; }
    .ds-banner-background .title {
      top: 2vw;
      left: 2vw;
      font-size: 7vw;
      line-height: 9vw;
      margin-right: 2vw;
      max-width: 100%; }
    .ds-banner-background .actions {
      left: 0;
      bottom: 0;
      height: auto;
      margin: 5vw 4vw;
      flex-direction: column-reverse;
      width: -webkit-fill-available;
      width: -moz-available; }
      .ds-banner-background .actions .btn {
        padding: 5vw 0; }
      .ds-banner-background .actions .details-cta {
        color: #00aeef;
        margin-left: 30vw;
        margin-bottom: 5vw;
        font-size: 3.9vw; }
  .select-offer.button-strip a {
    margin-bottom: 15px; }
    .select-offer.button-strip a:last-child {
      margin-bottom: 0; }
    .select-offer.button-strip a.btn {
      margin-right: 0;
      width: calc(100% - 24px); } }

.direct-sales-gfb.hero-badge-text {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 30%;
  left: 42%;
  height: 150px;
  width: 150px;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  align-items: center;
  background-color: #00aeef;
  border: 1px solid #00aeef;
  color: #ffffff; }
  @media (max-width: 991px) {
    .direct-sales-gfb.hero-badge-text {
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 0;
      left: 75%; } }
  @media (max-width: 767px) {
    .direct-sales-gfb.hero-badge-text {
      display: none; } }

.direct-sales-gfb.wrap-hero {
  position: relative;
  max-width: 1264px;
  height: 200px;
  margin: 0 auto;
  padding: 50px 0;
  background-repeat: no-repeat;
  background-position: 600px 200px; }
  @media (max-width: 1339px) {
    .direct-sales-gfb.wrap-hero {
      max-width: 960px;
      background-position: 500px 200px; } }
  @media (max-width: 991px) {
    .direct-sales-gfb.wrap-hero {
      padding: 50px 20px; } }
  @media (max-width: 767px) {
    .direct-sales-gfb.wrap-hero {
      display: flex;
      flex-direction: column;
      align-items: center; } }

.direct-sales-gfb__accordion {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 2rem;
  max-width: 1264px;
  margin: 0 auto;
  padding: 0; }
  @media (max-width: 1339px) {
    .direct-sales-gfb__accordion {
      max-width: 960px;
      background-position: 500px 200px; } }
  @media (max-width: 991px) {
    .direct-sales-gfb__accordion {
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      padding: 50px 20px;
      gap: unset; } }
  .direct-sales-gfb__accordion .card-container-cards {
    min-height: 70px;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    background: #e6f7fe;
    color: #003767;
    overflow: hidden;
    position: relative; }
  .direct-sales-gfb__accordion .card-dropdown {
    cursor: pointer;
    display: flex;
    flex-direction: column; }
    @media (max-width: 991px) {
      .direct-sales-gfb__accordion .card-dropdown {
        position: relative;
        display: inline-block;
        padding-bottom: 2rem; }
        .direct-sales-gfb__accordion .card-dropdown:last-child {
          padding-bottom: 0; } }
  .direct-sales-gfb__accordion .card-dropdown-content {
    display: none;
    z-index: 2;
    background: #e6f7fe;
    width: 100%;
    flex-grow: 1; }
  .direct-sales-gfb__accordion .card-dropdown-content-padding {
    padding: 12px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between; }
    .direct-sales-gfb__accordion .card-dropdown-content-padding a {
      margin: 0 auto; }
    @media (max-width: 991px) {
      .direct-sales-gfb__accordion .card-dropdown-content-padding {
        padding-left: 107px;
        padding-right: 107px; } }
    @media (max-width: 767px) {
      .direct-sales-gfb__accordion .card-dropdown-content-padding {
        padding: 12px; }
        .direct-sales-gfb__accordion .card-dropdown-content-padding a {
          margin: 0;
          text-align: center; } }
  .direct-sales-gfb__accordion .card-dropdown:not(.open) .card-dropdown-content {
    display: none  !important; }
  .direct-sales-gfb__accordion .card-dropdown.open .card-dropdown-content {
    display: flex;
    flex-direction: column; }
  .direct-sales-gfb__accordion .card-dropdown.open .fa.fa-plus {
    display: none; }
  .direct-sales-gfb__accordion .card-dropdown.open .fa.fa-minus {
    align-self: center;
    font-size: 20px;
    display: inline-block;
    margin-right: 12px;
    margin-left: auto; }
  .direct-sales-gfb__accordion .fa.fa-minus {
    display: none; }
  .direct-sales-gfb__accordion .fa.fa-plus {
    display: none;
    align-self: center;
    font-size: 20px;
    display: inline-block;
    margin-right: 12px;
    margin-left: auto; }

.direct-sales-gfb__hint {
  position: absolute;
  top: 0;
  left: 0;
  border-bottom-right-radius: 80px !important;
  padding: 10px 36px 60px 50px;
  background-color: #00aeef;
  color: #ffffff;
  font-weight: bold;
  text-transform: lowercase; }
  @media (max-width: 991px) {
    .direct-sales-gfb__hint {
      padding: 10px 40px 60px 50px; } }

.direct-sales-gfb__percent {
  min-width: 77px;
  display: -webkit-flex;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  align-self: center;
  z-index: 1;
  text-align: center; }
  @media (max-width: 991px) {
    .direct-sales-gfb__percent {
      font-size: 20px; } }

.direct-sales-gfb__title {
  margin: 0;
  padding-left: 20px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-size: 16px; }
  @media (max-width: 991px) {
    .direct-sales-gfb__title {
      padding-left: 30px;
      font-size: 18px; } }

.direct-sales-gfb.example-calculation-badge {
  position: absolute;
  margin: 6px;
  background-color: #00aeef;
  border: 4px solid #ffffff;
  color: #ffffff;
  box-shadow: 0 2px 3px 0 #d8d7dfc7;
  height: 75px;
  width: 75px;
  padding: 0;
  border-radius: 50%;
  transform: rotate(25deg);
  display: inline-block;
  right: 0;
  font-size: 18px;
  cursor: auto; }
  .direct-sales-gfb.example-calculation-badge p {
    margin: 0; }

.direct-sales-gfb.fee-request {
  min-height: 200px;
  width: 100%;
  display: flex; }
  .direct-sales-gfb.fee-request .fee-container {
    width: 1264px;
    margin: 0 auto;
    align-self: center; }
    @media (max-width: 1339px) {
      .direct-sales-gfb.fee-request .fee-container {
        max-width: 960px; } }

.direct-sales-gfb.fee-request-container {
  align-self: center;
  flex-direction: column;
  margin-left: 3rem;
  justify-content: center; }
  .direct-sales-gfb.fee-request-container h3 {
    max-width: 340px; }
  .direct-sales-gfb.fee-request-container .fa.fa-arrow-right {
    margin-left: 0;
    color: #fa6d16;
    display: inline-block;
    margin-right: 10px; }
  @media (max-width: 425px) {
    .direct-sales-gfb.fee-request-container {
      margin-left: 1rem; } }

.direct-sales-gfb.connection-container {
  padding: 0 20px; }

.direct-sales-gfb.connection {
  background-color: #e6f7fe;
  display: -webkit-flex;
  display: flex;
  padding: 1rem;
  max-width: 1224px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 991px) {
    .direct-sales-gfb.connection {
      flex-direction: column;
      align-items: inherit;
      margin-left: 20px;
      margin-right: 20px; } }
  .direct-sales-gfb.connection .cta-secondary {
    box-sizing: border-box; }
    @media (max-width: 768px) {
      .direct-sales-gfb.connection .cta-secondary {
        width: 100%; } }

.direct-sales-gfb.connection-title {
  color: #003767;
  font-weight: bolder;
  font-size: 16px;
  margin: 0; }
  @media (max-width: 991px) {
    .direct-sales-gfb.connection-title {
      margin-bottom: 20px; } }

.gfb-peldaszamitasok section.investment-product.product .product-slide-content,
.gfb-peldaszamitasok section.investment-product.product .product-slide-content:hover {
  top: 0;
  transition: none; }

.gfb-peldaszamitasok section.investment-product.product .product-slide-content {
  padding-bottom: 20px; }
  .gfb-peldaszamitasok section.investment-product.product .product-slide-content .date-in-product-slide-in {
    display: none; }

.auto-margin {
  max-width: 1264px;
  margin: 0 auto; }

.auto-margin-with-space {
  max-width: 1264px;
  margin: 0 auto;
  padding: 0 20px; }
  @media (max-width: 768px) {
    .auto-margin-with-space {
      max-width: 690px;
      padding: 0; } }
  @media (max-width: 425px) {
    .auto-margin-with-space {
      max-width: 100%;
      padding: 0 20px; } }

.example-calculation.article-ref {
  min-height: 320px !important; }

.direct-sales-gfb.hero-badge-text p,
.article-content.product-slide-content.boxes-with-visible-list p {
  margin-bottom: 0; }

.boxes-3-col.cf.gfb-peldaszamitasok {
  max-width: 1264px; }

@media (max-width: 991px) {
  .journal-content-article.gfb-article-content {
    width: 343px; } }

@media (max-width: 425px) {
  .journal-content-article.gfb-article-content {
    width: 100%; } }

.direct-sales-product .article-ref {
  min-height: 285px !important; }

.direct-sales-flat.wrap-hero {
  position: relative;
  max-width: 1264px;
  height: 200px;
  margin: 0 auto;
  padding: 50px 20px;
  background-repeat: no-repeat;
  background-position: 600px 200px; }
  @media (max-width: 991px) {
    .direct-sales-flat.wrap-hero {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  .direct-sales-flat.wrap-hero a.button.btn.cta.cta-primary {
    position: absolute;
    bottom: 40px; }

.flat .table-container {
  background-color: #f9f9f9;
  padding: 0 32px 20px; }

.flat table thead td, .flat table thead th {
  font-weight: normal; }

.flat tr {
  border-bottom: 1px solid #e6f7fe;
  background-color: #fff !important; }
  .flat tr td {
    background-color: #fff !important; }
    .flat tr td.table-cell:first-of-type {
      text-align: inherit;
      width: 310px; }
    .flat tr td p {
      line-height: 20px; }

.flat thead {
  border-style: solid;
  border-color: #ffffff;
  border-width: 15px 0 0; }

.flat tbody tr {
  line-height: 35px; }

.flat .table-cell {
  text-align: center;
  background-color: #ffffff !important; }

.flat .table-header {
  text-align: center;
  background-color: #a1defb !important; }
  .flat .table-header p {
    margin-bottom: 0; }
  .flat .table-header.tablet {
    padding: 20px; }

.flat table {
  border-style: solid;
  border-color: #ffffff;
  border-width: 0 10px 0;
  border-collapse: collapse;
  max-width: 1254px;
  margin: 0 auto; }

.flat .flat-link-container {
  text-align: center;
  margin-top: 20px;
  display: inline-block;
  width: 100%; }

.flat .table-tablet {
  display: none; }

.flat .tooltip-icon span {
  float: right;
  clear: both; }

.flat table thead td, .flat table thead th {
  text-align: initial; }

.flat span.lfr-portal-tooltip:after {
  border-radius: 25px;
  content: "\f128";
  font-family: 'FontAwesome';
  background-color: #00adee;
  color: #ffffff;
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 14px;
  text-align: center;
  line-height: 18px; }

.flat .lfr-portal-tooltip .icon-question-sign {
  display: none; }

.fa.fa-close {
  color: #ccc;
  width: 14px; }

.flat.table-container {
  background-color: #f9f9f9; }
  .flat.table-container .description {
    max-width: 1264px;
    margin: 0 auto;
    padding: 20px; }
  .flat.table-container .tab {
    flex: 1; }
    .flat.table-container .tab:last-child a {
      margin-right: 0 !important; }
    .flat.table-container .tab.tab-selected.active a {
      background-color: #ffffff !important;
      color: #003767 !important; }
    .flat.table-container .tab .tab-label.tab-content {
      text-align: center;
      text-decoration: none;
      background-color: #00aeef !important;
      color: #ffffff !important;
      margin-right: 4px;
      font-weight: bold;
      min-height: 44px;
      display: flex;
      display: -webkit-flex;
      padding: 0.25rem 0.5rem;
      justify-content: center;
      align-items: center; }
  .flat.table-container .nav.nav-tabs.main-tabs {
    max-width: 1264px;
    margin: 0 auto;
    padding: 0 32px;
    border-bottom: 0;
    flex-direction: row; }

@media (max-width: 991px) {
  .flat .table-tablet,
  .flat .table-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
  .flat .table-header.tablet {
    display: flex;
    display: -webkit-flex;
    justify-content: center; }
  .flat.table-container {
    background-color: #ffffff; }
    .flat.table-container .nav.nav-tabs.main-tabs {
      flex-direction: column; }
  .flat .table-cell {
    position: relative;
    padding-right: 20px;
    padding-left: 20px; }
    .flat .table-cell:first-child {
      padding-top: 12px; }
    .flat .table-cell .fa.fa-question {
      content: "\f128";
      font-family: 'FontAwesome';
      color: #cccccc;
      display: inline-block;
      line-height: 18px;
      height: 30px;
      width: 14px; } }
  @media (max-width: 991px) and (max-width: 991px) {
    .flat .table-cell:first-child .lfr-portal-tooltip {
      top: 19px; } }

@media (max-width: 991px) {
  .flat .table-cell-content {
    display: flex;
    display: -webkit-flex;
    max-width: 90%;
    text-align: start;
    padding-top: 7px;
    padding-bottom: 7px; }
    .flat .table-cell-content .row-data span:first-child p {
      margin-bottom: 0; }
  .flat .flat-link-container {
    display: flex;
    display: -webkit-flex;
    padding-bottom: 12px; }
    .flat .flat-link-container .btn {
      margin-left: 20px;
      margin-right: 20px;
      width: calc(100% - 40px); }
  .flat tr {
    border-bottom: 0; }
  .flat .table-tablet {
    display: block;
    border: 1px solid #a1defb;
    width: 96%;
    margin: 0 auto 12px; }
  .flat .table-desktop {
    display: none; }
  .flat .tab {
    width: 100% !important; }
  .flat .tab-label.tab-content {
    justify-content: normal !important; }
  .flat .tab-content.tab-content-container {
    width: 100%; }
  .flat .tab-label.tab-content {
    margin-right: 0 !important; }
  .flat .table-container {
    padding: 0; }
  .flat .first-cell .fa.fa-check {
    color: #a1defb !important; }
  .flat .main-tabs > li a:after {
    content: '+';
    position: absolute;
    top: 14px;
    right: 15px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    color: #00aeef;
    font-family: monospace;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    transform: rotate(90deg);
    animation: rotateBack 0.5s linear 1; }
  .flat .main-tabs > li.active > a:after {
    content: '\2012';
    background: #00aeef;
    color: #ffffff;
    line-height: 18px;
    transform: rotate(0);
    animation: rotate .5s linear 1; }
  .flat .nav .tab {
    margin-bottom: 12px; }
  .flat .nav-tabs > li > a {
    border-radius: 0.25rem; }
  .flat .fa.fa-close ~ span,
  .flat .fa.fa-question ~ span {
    color: #ccc;
    margin-left: 8px; }
  .flat .fa.fa-check {
    color: #00adee;
    margin-right: 8px;
    line-height: 18px; }
  .flat .lfr-portal-tooltip {
    position: absolute;
    top: 7px;
    right: 20px; }
    .flat .lfr-portal-tooltip .icon-question-sign {
      display: none; } }

@media (max-width: 767px) {
  .flat.table-tablet .flat-link-container a {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0; } }

.boxes-3-col.cf.travel-insurance-selector {
  max-width: 1264px; }

.travel-insurance-selector .direct-sales-travel.example-calculation-badge {
  position: absolute;
  margin: 6px;
  background-color: #00aeef;
  border: 4px solid #ffffff;
  color: #ffffff;
  box-shadow: 0 2px 3px 0 #d8d7dfc7;
  height: 75px;
  width: 75px;
  padding: 0;
  border-radius: 50%;
  transform: rotate(10deg);
  display: inline-block;
  right: 0;
  cursor: auto; }
  .travel-insurance-selector .direct-sales-travel.example-calculation-badge p {
    margin: 0;
    font-size: 18px; }

.travel-insurance-selector .travel-article-content .article-content ul {
  margin-left: 20px;
  margin-right: 20px; }

.travel-insurance-selector .travel-article-content .article-ref {
  min-height: 410px !important; }

.travel-insurance-selector section.product .product-hover {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  width: calc(100% - 20px); }
  .travel-insurance-selector section.product .product-hover a {
    flex: 1 1 0;
    font-size: 15px; }
    .travel-insurance-selector section.product .product-hover a.btn.more-info-ref {
      padding-left: 15px;
      padding-right: 15px;
      background-color: #ffffff;
      color: #00aeef;
      border: 1px solid #ffffff;
      margin-right: 10px;
      min-width: 110px; }
      .travel-insurance-selector section.product .product-hover a.btn.more-info-ref:hover {
        background-color: #fa6d16;
        color: #ffffff;
        border-color: #fa6d16; }
      .travel-insurance-selector section.product .product-hover a.btn.more-info-ref i.fa.fa-arrow-right {
        margin-left: 0; }
    .travel-insurance-selector section.product .product-hover a.calculate-ref {
      flex: 3 1 0; }
      .travel-insurance-selector section.product .product-hover a.calculate-ref button {
        width: calc(100% - 50px); }

.travel {
  background-color: #f9f9f9; }
  .travel.table-desktop .description-wrapper {
    padding-top: 25px;
    box-sizing: border-box;
    background-color: #fff;
    max-width: 1264px;
    margin-bottom: 0;
    padding-bottom: 15px; }

@media (max-width: 991px) {
  .boxes-3-col.cf.travel-insurance-selector .journal-content-article {
    width: 344px; }
  .travel-insurance-selector section.product .product-hover {
    bottom: 0; }
    .travel-insurance-selector section.product .product-hover a.calculate-ref {
      flex-grow: 2; }
  .travel-insurance-selector .travel-article-content .article-content {
    padding-bottom: 72px; }
  .travel.table-tablet .fa.fa-close {
    margin-right: 11px; } }

@media (max-width: 767px) {
  .travel-insurance-selector section.product .product-hover .btn {
    margin-top: 0; }
  .travel-insurance-selector section.product .product-hover a, .travel-insurance-selector section.product .product-hover a:hover {
    text-decoration: none; }
  .travel-insurance-selector .travel-article-content .article-ref {
    min-height: 0 !important; }
  .travel-insurance-selector section.product .product-hover a.calculate-ref {
    padding: 16px 0; } }

@supports not (-webkit-touch-callout: none) {
  @media (max-width: 767px) {
    .travel-insurance-selector section.product .product-hover a.calculate-ref button {
      display: flex;
      flex-direction: row; }
    .travel-insurance-selector section.product .product-hover a.calculate-ref button i.fa-arrow-right {
      margin-left: 10px; }
    .flat.table-tablet .flat-link-container a i.fa.fa-arrow-right {
      margin-left: 10px; } } }

.section-slider .slide .carousel-indicators li {
  cursor: pointer;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  background: #fff;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #ddd;
  display: block;
  box-sizing: border-box;
  opacity: 1; }

.section-slider .slide .carousel-indicators li.active {
  background: #00aeef; }

.section-slider .slide .carousel-menu-prev {
  cursor: pointer;
  position: absolute;
  left: 100px;
  bottom: calc(50% - 26px);
  width: 48px;
  height: 52px;
  margin: 0;
  background: 0;
  color: #00aeef;
  font-size: 52px;
  text-align: center;
  text-indent: 0;
  -webkit-transition: color .5s;
  -moz-transition: color .5s;
  -o-transition: color .5s;
  transition: color .5s;
  z-index: 100; }
  .section-slider .slide .carousel-menu-prev:hover {
    color: #fa6d16; }

.section-slider .slide .carousel-menu-next {
  cursor: pointer;
  position: absolute;
  right: 100px;
  bottom: calc(50% - 26px);
  width: 48px;
  height: 52px;
  margin: 0;
  background: 0;
  color: #00aeef;
  font-size: 52px;
  text-align: center;
  text-indent: 0;
  -webkit-transition: color .5s;
  -moz-transition: color .5s;
  -o-transition: color .5s;
  transition: color .5s;
  z-index: 100; }
  .section-slider .slide .carousel-menu-next:hover {
    color: #fa6d16; }

.section-slider .carousel-caption {
  bottom: 50%;
  left: 0;
  right: 0;
  transform: translateY(50%); }
  .section-slider .carousel-caption .custom-col {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0; }

.section-slider .carousel-inner .carousel-item img {
  max-height: 70vh; }

@media (max-width: 1339px) {
  .section-slider .carousel-caption .custom-col {
    flex: 0 0 66.66666666%;
    max-width: 66.66666666%; } }

@media (max-width: 991px) {
  .section-slider .carousel-inner .carousel-item img {
    min-height: 250px; }
  .section-slider .carousel-caption .custom-col {
    flex: 0 0 50%;
    max-width: 50%; } }

@media (max-width: 767px) {
  .section-slider .slide .carousel-inner .carousel-caption .lead {
    width: calc(100% - 30px); }
  .section-slider .slide .carousel-menu-prev {
    display: none; }
  .section-slider .slide .carousel-menu-next {
    display: none; }
  .section-slider .carousel-caption .custom-col {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%; } }

.notification-ask-container {
  z-index: 1001;
  position: fixed !important;
  left: 50%;
  transform: translate(-50%, 0);
  background: white; }
  .notification-ask-container.notification-ask-hide {
    top: -100%;
    transition: top 0.5s ease-out; }
  .notification-ask-container.notification-ask-show {
    top: 0;
    transition: top 0.5s ease-in; }
  .notification-ask-container .notification-ask {
    color: #003767;
    line-height: 1.25;
    box-shadow: 1px 1px 3px 0.5px #ccc; }
    .notification-ask-container .notification-ask .image img {
      width: 100%; }
    .notification-ask-container .notification-ask .content-buttons {
      background: white; }
      .notification-ask-container .notification-ask .content-buttons .content {
        display: flex;
        padding: 15px 20px 0; }
        .notification-ask-container .notification-ask .content-buttons .content .logo img {
          width: 60px; }
        .notification-ask-container .notification-ask .content-buttons .content .text {
          margin-left: 10px; }
          .notification-ask-container .notification-ask .content-buttons .content .text .title {
            font-size: 15px;
            margin: 5px 0 10px 0; }
      .notification-ask-container .notification-ask .content-buttons .button-container {
        display: flex;
        flex-grow: 2;
        padding: 0 20px 15px; }
        .notification-ask-container .notification-ask .content-buttons .button-container .btn {
          flex: 1;
          margin: 0 5px;
          padding-top: 8px;
          padding-bottom: 8px; }
          .notification-ask-container .notification-ask .content-buttons .button-container .btn:after {
            display: none !important; }
          .notification-ask-container .notification-ask .content-buttons .button-container .btn.btn-decline {
            background: white;
            color: #00aeef;
            border: 1px solid #00aeef; }

@media (min-width: 991px) {
  .notification-ask-container {
    width: 33.3%;
    min-width: 610px;
    padding-bottom: 0; }
    .notification-ask-container .notification-ask {
      height: inherit;
      background-repeat: no-repeat;
      background-position: right;
      background-size: contain; }
      .notification-ask-container .notification-ask .image {
        display: none; }
      .notification-ask-container .notification-ask .content-buttons {
        width: 50%; }
        .notification-ask-container .notification-ask .content-buttons .content {
          padding: 30px 0 20px 30px; }
          .notification-ask-container .notification-ask .content-buttons .content .logo {
            display: none; }
          .notification-ask-container .notification-ask .content-buttons .content .text {
            margin-left: 0; }
            .notification-ask-container .notification-ask .content-buttons .content .text .title {
              font-size: 20px; }
        .notification-ask-container .notification-ask .content-buttons .button-container {
          width: 85%; }
          .notification-ask-container .notification-ask .content-buttons .button-container .btn {
            padding-top: 12px;
            padding-bottom: 12px; } }

@media (max-width: 991px) {
  .notification-ask-container {
    width: 50%;
    min-width: 350px; }
    .notification-ask-container .notification-ask .content-buttons {
      background: white; } }

@media (max-width: 767px) {
  .notification-ask-container .notification-ask .image {
    display: none; } }

@media (max-width: 550px) {
  .notification-ask-container {
    width: 100%; } }

.fragment-table.container {
  margin: 0 auto;
  max-width: 1260px;
  width: 100%;
  position: relative; }
  .fragment-table.container .table {
    margin: 0; }
  .fragment-table.container a {
    color: #00aeef;
    text-decoration: underline; }
    .fragment-table.container a:hover {
      color: #fa6d16 !important; }
  .fragment-table.container .row .legend {
    flex: 1;
    max-width: 20%;
    margin-top: 20px; }
    .fragment-table.container .row .legend .legend-container ul li {
      background: none;
      border-right: none; }
    .fragment-table.container .row .legend .legend-container ul li {
      border-bottom: none;
      border-left: none;
      justify-content: left;
      padding: 0 20px 0 0;
      min-height: 61px; }
    .fragment-table.container .row .legend .legend-container ul:first-of-type {
      min-height: 82px; }
    .fragment-table.container .row .legend .legend-container {
      border-bottom: none; }
  .fragment-table.container .table {
    background: none; }
    .fragment-table.container .table tr:first-child {
      background: none; }
    .fragment-table.container .table tr:nth-child(odd) {
      background: none; }
    .fragment-table.container .table tr:nth-child(even) {
      background: #e6f7fe; }
    .fragment-table.container .table .row {
      display: table-row;
      border-radius: 4px; }
      .fragment-table.container .table .row .inactive {
        background: none;
        border-width: 0; }
      .fragment-table.container .table .row .header {
        font-size: 18px;
        height: 60px;
        align-items: center;
        color: #fff;
        padding: 10px 20px;
        font-weight: bold;
        background: #00aeef;
        justify-content: center;
        border-width: 1px;
        border-color: #eee;
        border-style: solid;
        text-align: center; }
        .fragment-table.container .table .row .header.active {
          position: relative;
          background: #99dff9; }
          .fragment-table.container .table .row .header.active .big {
            padding: 10px 0;
            background: #99dff9;
            border: inherit;
            height: 100%;
            width: 100%;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            position: absolute;
            bottom: -1px;
            right: -1px;
            display: flex;
            justify-content: center;
            align-items: center; }
      .fragment-table.container .table .row td, .fragment-table.container .table .row th {
        border-width: 1px; }
        .fragment-table.container .table .row td *, .fragment-table.container .table .row th * {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
          margin: 0;
          padding: 0; }
      .fragment-table.container .table .row td.highlighted div {
        background-color: inherit;
        padding: 10px 0;
        height: 100%;
        border: inherit;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        position: absolute;
        top: -1px;
        right: -1px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%; }
  .fragment-table.container #prev,
  .fragment-table.container #next {
    display: none; }
  .fragment-table.container #package.package ul li,
  .fragment-table.container .legend-container ul li {
    border-bottom: 1px solid #eee;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: #fcfcfc; }
  .fragment-table.container div#package:first-of-type ul {
    border-bottom-left-radius: 4px; }
  .fragment-table.container .hidden-label {
    display: none;
    flex-direction: column;
    align-items: center; }
  .fragment-table.container .legend p,
  .fragment-table.container .content p {
    margin-bottom: 0; }
  .fragment-table.container .marked {
    margin-top: 25px; }
    .fragment-table.container .marked.has-active {
      margin-top: 45px; }

@media (max-width: 991px) {
  .fragment-table.container {
    max-width: calc(100% - 40px);
    padding-right: 20px;
    padding-left: 20px; }
    .fragment-table.container .row {
      margin-top: 0 !important; }
      .fragment-table.container .row .cell {
        min-height: 40px;
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
        padding: 10px 20px !important; }
        .fragment-table.container .row .cell .mobile-label {
          font-weight: bold; }
      .fragment-table.container .row .header {
        display: flex;
        height: 70px;
        padding: 10px 70px; }
        .fragment-table.container .row .header.active {
          padding: 10px 70px; }
    .fragment-table.container .table .row td.highlighted div {
      display: none; }
    .fragment-table.container .table .row .legend-container {
      display: none; }
    .fragment-table.container .table .row .header.active .big {
      display: none; }
    .fragment-table.container #prev {
      display: block !important;
      position: absolute;
      top: 33px;
      left: 25px;
      cursor: pointer;
      color: white;
      font-size: 24px; }
    .fragment-table.container #next {
      display: block !important;
      position: absolute;
      top: 33px;
      right: 25px;
      cursor: pointer;
      color: white;
      font-size: 24px; }
    .fragment-table.container .hidden-label {
      display: block;
      font-weight: bold; }
    .fragment-table.container .marked {
      padding: 0 20px; }
      .fragment-table.container .marked.has-active {
        margin-top: 25px; } }

@media (max-width: 767px) {
  .fragment-table.container #prev {
    left: 45px; }
  .fragment-table.container #next {
    right: 45px; }
  .fragment-table.container .table .row .header {
    padding: 10px 50px; } }

.onboarding-header {
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  height: calc(100vh - 110px); }
  .onboarding-header .wrap {
    position: relative;
    max-width: 1264px;
    margin: 0 auto;
    padding: 50px 0;
    background-repeat: no-repeat;
    background-position: 600px 200px; }
  .onboarding-header h1 {
    max-width: 450px;
    margin-bottom: 20px;
    font-size: 28px;
    color: #00aeef; }
  .onboarding-header .usps {
    max-width: 600px; }
    .onboarding-header .usps ul {
      list-style: none;
      margin: 0 0 15px 0;
      font-size: 16px; }
      .onboarding-header .usps ul li {
        display: flex;
        line-height: 1.4;
        margin-bottom: 10px; }
      .onboarding-header .usps ul li:before {
        font-family: "khicon";
        content: "\e93e";
        color: #fa6d16;
        margin-right: 15px; }
  .onboarding-header .btn {
    margin-right: 10px;
    padding: 15px 23px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 3px; }

@media (max-width: 1339px) {
  .onboarding-header .wrap {
    padding: 50px 20px;
    max-width: 960px;
    background-position: 500px 200px; }
  .onboarding-header h1 {
    max-width: 350px; }
  .onboarding-header .usps {
    max-width: 450px;
    padding-bottom: 20px; } }

@media (max-width: 991px) {
  .onboarding-header {
    height: 100%;
    background-image: none !important; } }

@media (max-width: 767px) {
  .onboarding-header .wrap {
    min-height: 290px;
    height: auto;
    padding: 40px 20px 20px;
    background-position: calc(100% - 20px) calc(100% - 20px);
    background-size: 15%; }
  .onboarding-header .btn {
    width: 100%; } }

.eposta-mediaset-banner.information-mediaset-banner {
  background-color: #E6F7FD;
  border-radius: 4px;
  padding-left: 12px;
  display: grid;
  grid-template-rows: 100%;
  grid-column-gap: 16px;
  grid-template-columns: 1fr auto;
  box-sizing: border-box;
  max-height: 184px;
  height: 184px;
  min-height: 184px;
  max-width: 1424px;
  overflow: clip;
  position: relative; }
  .eposta-mediaset-banner.information-mediaset-banner .mediaset-content {
    margin: auto 0 auto 0;
    display: grid;
    grid-template-columns: auto;
    grid-row-gap: 8px;
    grid-column: 1; }
    .eposta-mediaset-banner.information-mediaset-banner .mediaset-content .mediaset-content-headline {
      color: #003767;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      /* 133.333% */ }
    .eposta-mediaset-banner.information-mediaset-banner .mediaset-content .mediaset-content-body {
      color: #003767;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;
      /* 114.286% */ }
      .eposta-mediaset-banner.information-mediaset-banner .mediaset-content .mediaset-content-body p {
        margin: 0; }
    .eposta-mediaset-banner.information-mediaset-banner .mediaset-content .mediaset-content-button .mediaset-btn {
      display: flex;
      max-height: 38px;
      padding: 8px 24px;
      justify-content: center;
      align-items: center;
      color: var(--white, #FFF);
      text-align: center;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      /* 150% */
      border-radius: 4px;
      background: var(--primary-colors-cyan, #00AEEF);
      width: fit-content;
      text-decoration: none; }
      .eposta-mediaset-banner.information-mediaset-banner .mediaset-content .mediaset-content-button .mediaset-btn i.fa-arrow-right {
        margin-left: 10px;
        font-size: 12px; }
  .eposta-mediaset-banner.information-mediaset-banner .mediaset-image {
    display: flex;
    align-items: center;
    width: 346px;
    height: 184px;
    background: lightgray 0.872px 44.443px / 100.27% 100% no-repeat;
    background-size: auto 184px;
    background-position: center;
    clip-path: ellipse(260px 210px at 75% 100%);
    grid-column: 2; }

@media (max-width: 1080px) {
  .eposta-mediaset-banner.information-mediaset-banner {
    max-width: 1080px; }
    .eposta-mediaset-banner.information-mediaset-banner .mediaset-content .mediaset-content-headline {
      max-width: 1032px; }
    .eposta-mediaset-banner.information-mediaset-banner .mediaset-content .mediaset-content-body {
      max-width: 1032px; }
    .eposta-mediaset-banner.information-mediaset-banner .mediaset-content .mediaset-content-button {
      margin-top: 8px; }
    .eposta-mediaset-banner.information-mediaset-banner .mediaset-image {
      width: 290px;
      height: 184px;
      background-size: auto 184px;
      clip-path: ellipse(218px 210px at 75% 100%);
      background-position: center; } }

.eposta-mediaset-banner.list_mediaset_banner {
  background-color: #fff;
  border-radius: 4px;
  padding-left: 32px;
  display: grid;
  grid-template-rows: 100%;
  grid-column-gap: 32px;
  grid-template-columns: 1fr auto;
  box-sizing: border-box;
  max-height: 184px;
  height: 184px;
  min-height: 184px;
  max-width: 1424px;
  overflow: clip;
  position: relative;
  border: 1px solid var(--cyan-shades-cyan-10, rgba(0, 174, 239, 0.1)); }
  .eposta-mediaset-banner.list_mediaset_banner .mediaset-content {
    margin: auto 0 auto 0;
    display: grid;
    grid-template-columns: auto;
    grid-row-gap: 8px;
    grid-column: 1; }
    .eposta-mediaset-banner.list_mediaset_banner .mediaset-content .mediaset-content-headline {
      color: #003767;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 20px;
      /* 100% */ }
    .eposta-mediaset-banner.list_mediaset_banner .mediaset-content .mediaset-content-body {
      color: #003767;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 20px;
      /* 142.857% */ }
      .eposta-mediaset-banner.list_mediaset_banner .mediaset-content .mediaset-content-body ul {
        margin-bottom: 0; }
        .eposta-mediaset-banner.list_mediaset_banner .mediaset-content .mediaset-content-body ul li {
          /*margin-bottom: 4px;*/ }
          .eposta-mediaset-banner.list_mediaset_banner .mediaset-content .mediaset-content-body ul li:before {
            font-size: 17px; }
    .eposta-mediaset-banner.list_mediaset_banner .mediaset-content .mediaset-content-button .mediaset-btn {
      display: flex;
      max-height: 40px;
      padding: 10px 24px;
      justify-content: center;
      align-items: center;
      color: #FFF;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      border-radius: 4px;
      background: #FA6D16;
      width: fit-content;
      text-decoration: none; }
      .eposta-mediaset-banner.list_mediaset_banner .mediaset-content .mediaset-content-button .mediaset-btn i.fa-arrow-right {
        margin-left: 12px;
        font-size: 16px; }
  .eposta-mediaset-banner.list_mediaset_banner .mediaset-image {
    display: flex;
    align-items: center;
    width: 515px;
    height: 184px;
    background: lightgray 0.872px 44.443px / 100.27% 100% no-repeat;
    background-size: auto 184px;
    background-position: center;
    clip-path: ellipse(359px 237px at 70% 100%);
    grid-column: 2; }

@media (max-width: 1080px) {
  .eposta-mediaset-banner.list_mediaset_banner {
    grid-template-columns: auto 1fr;
    max-width: 1080px;
    padding-left: 0;
    padding-right: 32px; }
    .eposta-mediaset-banner.list_mediaset_banner .mediaset-content {
      grid-column: 2;
      grid-row: 1; }
    .eposta-mediaset-banner.list_mediaset_banner .mediaset-image {
      grid-column: 1;
      grid-row: 1;
      width: 290px;
      height: 184px;
      background-size: auto 184px;
      clip-path: ellipse(218px 242px at 25% 100%);
      background-position: center; } }

.eposta-mediaset-banner.highlight-mediaset-banner-type1 {
  background-color: #fff;
  border-radius: 4px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto;
  box-sizing: border-box;
  max-height: 184px;
  height: 184px;
  min-height: 184px;
  overflow: clip;
  position: relative;
  max-width: 1424px; }
  .eposta-mediaset-banner.highlight-mediaset-banner-type1 .mediaset-content {
    display: grid;
    grid-template-areas: "left-top right"
 "left-bottom right";
    grid-template-columns: 1fr auto;
    grid-row-gap: 10px; }
    .eposta-mediaset-banner.highlight-mediaset-banner-type1 .mediaset-content .mediaset-content-headline {
      margin-top: auto;
      border: 1px solid var(--cyan-shades-cyan-10, rgba(0, 174, 239, 0.1));
      border-right-width: 0;
      border-bottom-width: 0;
      border-radius: 4px 0 0 0;
      margin-bottom: 0;
      grid-area: left-top;
      color: #003767;
      font-size: 25px;
      font-style: normal;
      font-weight: 700;
      padding-left: 64px;
      display: flex;
      align-items: flex-end;
      line-height: 32px;
      /* 128% */
      padding-right: 81px;
      box-sizing: border-box;
      height: 100%; }
    .eposta-mediaset-banner.highlight-mediaset-banner-type1 .mediaset-content .mediaset-content-body {
      box-sizing: border-box;
      grid-area: right;
      margin-right: 0;
      margin-left: auto;
      color: #FFF;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      /* 100% */
      background: #FA6D16;
      padding: 0 40px 0 103px;
      border-radius: 0 4px 4px 0;
      width: 396px;
      display: flex;
      justify-content: center;
      align-items: center;
      clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 71px 50%, 0% 100%); }
      .eposta-mediaset-banner.highlight-mediaset-banner-type1 .mediaset-content .mediaset-content-body p {
        margin-bottom: 0; }
    .eposta-mediaset-banner.highlight-mediaset-banner-type1 .mediaset-content .mediaset-content-button {
      margin-top: 0;
      margin-bottom: auto;
      grid-area: left-bottom;
      padding-left: 64px;
      display: flex;
      align-items: flex-start;
      border: 1px solid var(--cyan-shades-cyan-10, rgba(0, 174, 239, 0.1));
      border-right-width: 0;
      border-radius: 0 0 0 4px;
      border-top-width: 0;
      padding-right: 64px;
      height: 100%;
      box-sizing: border-box; }
      .eposta-mediaset-banner.highlight-mediaset-banner-type1 .mediaset-content .mediaset-content-button .mediaset-btn {
        display: flex;
        max-height: 38px;
        padding: 8px 24px;
        justify-content: center;
        align-items: center;
        color: var(--white, #FFF);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        /* 150% */
        border-radius: 4px;
        background: #FA6D16;
        width: fit-content;
        text-decoration: none; }
        .eposta-mediaset-banner.highlight-mediaset-banner-type1 .mediaset-content .mediaset-content-button .mediaset-btn i.fa-arrow-right {
          margin-left: 10px;
          font-size: 12px; }
  .eposta-mediaset-banner.highlight-mediaset-banner-type1 .mediaset-image {
    display: none; }
  .eposta-mediaset-banner.highlight-mediaset-banner-type1 .mediaset-close-btn {
    background: url("/o/kh-theme/images/xmark-white.png") center #FA6D16 no-repeat !important;
    background-size: 10px 10px !important;
    width: 16px !important;
    height: 16px !important; }

.eposta-mediaset-banner.highlight-mediaset-banner-type2 {
  background-color: #fff;
  border-radius: 4px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: auto;
  box-sizing: border-box;
  max-height: 184px;
  height: 184px;
  min-height: 184px;
  overflow: clip;
  position: relative;
  max-width: 1424px; }
  .eposta-mediaset-banner.highlight-mediaset-banner-type2 .mediaset-content {
    display: grid;
    grid-template-areas: "left right"
 "left right";
    grid-template-columns: 1fr auto;
    grid-row-gap: 10px; }
    .eposta-mediaset-banner.highlight-mediaset-banner-type2 .mediaset-content .mediaset-content-headline {
      margin-top: auto;
      border: 1px solid var(--cyan-shades-cyan-10, rgba(0, 174, 239, 0.1));
      border-right-width: 0;
      border-radius: 4px 0 0 4px;
      margin-bottom: 0;
      grid-area: left;
      color: #003767;
      font-size: 25px;
      font-style: normal;
      font-weight: 700;
      padding-left: 64px;
      display: flex;
      line-height: 32px;
      /* 128% */
      padding-right: 81px;
      box-sizing: border-box;
      height: 100%;
      align-items: center; }
    .eposta-mediaset-banner.highlight-mediaset-banner-type2 .mediaset-content .mediaset-content-body {
      box-sizing: border-box;
      grid-area: right;
      margin-right: 0;
      margin-left: auto;
      color: #FFF;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      /* 100% */
      background: #FA6D16;
      padding: 0 40px 0 103px;
      width: 396px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 71px 50%, 0% 100%);
      border-radius: 0 4px 4px 0; }
      .eposta-mediaset-banner.highlight-mediaset-banner-type2 .mediaset-content .mediaset-content-body p {
        margin-bottom: 0; }
      .eposta-mediaset-banner.highlight-mediaset-banner-type2 .mediaset-content .mediaset-content-body a.mediaset-link {
        margin-top: 10px;
        display: flex;
        max-height: 38px;
        padding: 8px 24px;
        justify-content: center;
        align-items: center;
        color: var(--white, #FFF);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        /* 150% */
        border-radius: 4px;
        background: #FA6D16;
        width: fit-content;
        text-decoration: none; }
        .eposta-mediaset-banner.highlight-mediaset-banner-type2 .mediaset-content .mediaset-content-body a.mediaset-link i.fa-arrow-right {
          margin-right: 10px;
          font-size: 12px; }
    .eposta-mediaset-banner.highlight-mediaset-banner-type2 .mediaset-content .mediaset-content-button {
      display: none; }
  .eposta-mediaset-banner.highlight-mediaset-banner-type2 .mediaset-image {
    display: none; }
  .eposta-mediaset-banner.highlight-mediaset-banner-type2 .mediaset-close-btn {
    background: url("/o/kh-theme/images/xmark-white.png") center #FA6D16 no-repeat !important;
    background-size: 10px 10px !important;
    width: 16px !important;
    height: 16px !important; }

.eposta-mediaset-banner.logo-mediaset-banner {
  background-color: #E6F7FD;
  border-radius: 4px;
  padding-left: 16px;
  display: grid;
  grid-template-rows: auto;
  grid-column-gap: 16px;
  grid-template-columns: 1fr auto;
  box-sizing: border-box;
  max-height: 184px;
  height: 184px;
  min-height: 184px;
  max-width: 1424px;
  overflow: clip;
  position: relative; }
  .eposta-mediaset-banner.logo-mediaset-banner .mediaset-content {
    margin: auto 0 auto 0;
    display: grid;
    grid-template-columns: auto;
    grid-row-gap: 8px;
    grid-column: 1; }
    .eposta-mediaset-banner.logo-mediaset-banner .mediaset-content .mediaset-content-headline {
      color: #003767;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      /* 133.333% */ }
    .eposta-mediaset-banner.logo-mediaset-banner .mediaset-content .mediaset-content-body {
      color: #003767;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;
      /* 114.286% */ }
      .eposta-mediaset-banner.logo-mediaset-banner .mediaset-content .mediaset-content-body p {
        margin: 0; }
    .eposta-mediaset-banner.logo-mediaset-banner .mediaset-content .mediaset-content-button {
      margin-top: 8px; }
      .eposta-mediaset-banner.logo-mediaset-banner .mediaset-content .mediaset-content-button .mediaset-btn {
        display: flex;
        max-height: 38px;
        padding: 8px 24px;
        justify-content: center;
        align-items: center;
        color: var(--white, #FFF);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        /* 150% */
        border-radius: 4px;
        background: var(--primary-colors-cyan, #00AEEF);
        width: fit-content;
        text-decoration: none; }
        .eposta-mediaset-banner.logo-mediaset-banner .mediaset-content .mediaset-content-button .mediaset-btn i.fa-arrow-right {
          margin-left: 10px;
          font-size: 12px; }
    .eposta-mediaset-banner.logo-mediaset-banner .mediaset-content .mediaset-logo {
      grid-row: 1;
      margin-bottom: 4px;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .eposta-mediaset-banner.logo-mediaset-banner .mediaset-content .mediaset-logo img {
        height: 25px;
        width: auto; }
  .eposta-mediaset-banner.logo-mediaset-banner .mediaset-image {
    display: flex;
    align-items: center;
    width: 346px;
    height: 184px;
    background: lightgray 0.872px 44.443px / 100.27% 100% no-repeat;
    background-size: auto 184px;
    background-position: center;
    clip-path: ellipse(242px 244px at 70% 100%);
    grid-column: 2; }

.eposta-mediaset-banner.logo-list-mediaset-banner {
  background-color: #fff;
  border-radius: 4px;
  display: grid;
  grid-template-rows: 100%;
  grid-column-gap: 32px;
  grid-template-columns: auto 1fr;
  box-sizing: border-box;
  max-height: 184px;
  height: 184px;
  min-height: 184px;
  overflow: clip;
  position: relative;
  border: 1px solid var(--cyan-shades-cyan-10, rgba(0, 174, 239, 0.1));
  max-width: 1424px;
  padding-left: 0; }
  .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-content {
    grid-column: 2;
    grid-row: 1;
    margin: auto 32px auto 0;
    display: grid;
    grid-template-rows: auto;
    grid-row-gap: 8px;
    grid-column-gap: 16px;
    grid-template-columns: 1fr auto;
    grid-template-areas: "left-1 logo"
 "left-2 logo"
 "left-3 logo"; }
    .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-content .mediaset-content-headline {
      grid-area: left-1;
      color: #003767;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 20px;
      /* 100% */ }
    .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-content .mediaset-content-body {
      grid-area: left-2;
      color: #003767;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 20px;
      /* 142.857% */ }
      .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-content .mediaset-content-body ul {
        margin-bottom: 0; }
        .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-content .mediaset-content-body ul li {
          /*margin-bottom: 4px;*/ }
          .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-content .mediaset-content-body ul li:before {
            font-size: 17px; }
    .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-content .mediaset-content-button {
      grid-area: left-3; }
      .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-content .mediaset-content-button .mediaset-btn {
        display: flex;
        max-height: 40px;
        padding: 10px 24px;
        justify-content: center;
        align-items: center;
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border-radius: 4px;
        background: #FA6D16;
        width: fit-content;
        text-decoration: none; }
        .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-content .mediaset-content-button .mediaset-btn i.fa-arrow-right {
          margin-left: 12px;
          font-size: 16px; }
    .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-content .mediaset-logo {
      grid-area: logo;
      margin-bottom: 4px;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-content .mediaset-logo img {
        height: 29px;
        width: auto; }
  .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-image {
    display: flex;
    align-items: center;
    background: lightgray 0.872px 44.443px / 100.27% 100% no-repeat;
    grid-column: 1;
    grid-row: 1;
    width: 290px;
    height: 184px;
    background-size: auto 184px;
    clip-path: ellipse(218px 242px at 25% 100%);
    background-position: center; }

.mobilbank-mediaset-banner.main-page-banner, .mobilbank-mediaset-banner.information-banner-type1, .mobilbank-mediaset-banner.list-banner, .mobilbank-mediaset-banner.information-banner-type2, .mobilbank-mediaset-banner.todo-banner {
  --mobilbank-text-color: #003665;
  --mobilbank-banner-text-color: #fff;
  --mobilbank-button-color: #00AEEF;
  --mobilbank-background-color: #fff;
  --mobilbank-banner-background-color: #00AEEF;
  --mobilbank-button-background-color: #FFF;
  --mobilbank-badge-background-color: #EF534F;
  --mobilbank-badge-text-color: #FFF;
  --mobilbank-global-background-color:#FFFFFF; }
  .dark-mode.mobilbank-mediaset-banner.main-page-banner, .dark-mode.mobilbank-mediaset-banner.information-banner-type1, .dark-mode.mobilbank-mediaset-banner.list-banner, .dark-mode.mobilbank-mediaset-banner.information-banner-type2, .dark-mode.mobilbank-mediaset-banner.todo-banner {
    --mobilbank-text-color: #F0F0F0;
    --mobilbank-banner-text-color: #fff;
    --mobilbank-button-color: #004D73;
    --mobilbank-background-color: #242424;
    --mobilbank-banner-background-color: #004D73;
    --mobilbank-button-background-color: #FFF;
    --mobilbank-global-background-color:#141414;
    --mobilbank-badge-background-color: #D33F4C; }

.mobilbank-mediaset-banner.main-page-banner {
  max-width: 100%;
  padding: 4px 8px;
  margin: 24px 16px 0;
  border-radius: 4px;
  background-color: var(--mobilbank-background-color);
  box-shadow: 0 2px 8px 0 #00366529; }
  .mobilbank-mediaset-banner.main-page-banner .mediaset-content {
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: auto 24px;
    align-items: center; }
    .mobilbank-mediaset-banner.main-page-banner .mediaset-content .mediaset-content-body {
      color: var(--mobilbank-text-color);
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;
      /* 133.333% */ }
    .mobilbank-mediaset-banner.main-page-banner .mediaset-content .mediaset-content-button {
      flex-shrink: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      .mobilbank-mediaset-banner.main-page-banner .mediaset-content .mediaset-content-button .mediaset-btn {
        background: url("/o/kh-theme/images/mediaset-banners/chevron.svg") 9px 100% transparent;
        justify-content: center;
        align-items: center;
        background-repeat: no-repeat;
        background-position: center;
        width: 24px;
        height: 24px; }
  .mobilbank-mediaset-banner.main-page-banner .mediaset-close-btn {
    display: none; }
  .mobilbank-mediaset-banner.main-page-banner.dark-mode .mediaset-content .mediaset-content-button .mediaset-btn {
    background: url("/o/kh-theme/images/mediaset-banners/chevron-dark.svg") 9px 100% transparent;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px; }

.mobilbank-mediaset-banner.main-page-banner, .mobilbank-mediaset-banner.information-banner-type1, .mobilbank-mediaset-banner.list-banner, .mobilbank-mediaset-banner.information-banner-type2, .mobilbank-mediaset-banner.todo-banner {
  --mobilbank-text-color: #003665;
  --mobilbank-banner-text-color: #fff;
  --mobilbank-button-color: #00AEEF;
  --mobilbank-background-color: #fff;
  --mobilbank-banner-background-color: #00AEEF;
  --mobilbank-button-background-color: #FFF;
  --mobilbank-badge-background-color: #EF534F;
  --mobilbank-badge-text-color: #FFF;
  --mobilbank-global-background-color:#FFFFFF; }
  .dark-mode.mobilbank-mediaset-banner.main-page-banner, .dark-mode.mobilbank-mediaset-banner.information-banner-type1, .dark-mode.mobilbank-mediaset-banner.list-banner, .dark-mode.mobilbank-mediaset-banner.information-banner-type2, .dark-mode.mobilbank-mediaset-banner.todo-banner {
    --mobilbank-text-color: #F0F0F0;
    --mobilbank-banner-text-color: #fff;
    --mobilbank-button-color: #004D73;
    --mobilbank-background-color: #242424;
    --mobilbank-banner-background-color: #004D73;
    --mobilbank-button-background-color: #FFF;
    --mobilbank-global-background-color:#141414;
    --mobilbank-badge-background-color: #D33F4C; }

.mobilbank-mediaset-banner.information-banner-type1 {
  display: grid;
  grid-template-columns: auto 118px;
  grid-column-gap: 16px;
  padding-left: 16px;
  border-radius: 8px;
  max-width: 100%;
  height: 132px;
  background-color: var(--mobilbank-banner-background-color); }
  .mobilbank-mediaset-banner.information-banner-type1 .mediaset-content {
    padding: 16px 0;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-row-gap: 16px; }
    .mobilbank-mediaset-banner.information-banner-type1 .mediaset-content .mediaset-content-body {
      color: var(--mobilbank-banner-text-color);
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      text-align: left;
      line-height: 20px;
      word-wrap: normal; }
    .mobilbank-mediaset-banner.information-banner-type1 .mediaset-content .mediaset-button-container {
      display: flex;
      align-items: flex-end; }
      .mobilbank-mediaset-banner.information-banner-type1 .mediaset-content .mediaset-button-container .mediaset-content-button {
        display: flex;
        justify-content: left;
        align-items: center; }
        .mobilbank-mediaset-banner.information-banner-type1 .mediaset-content .mediaset-button-container .mediaset-content-button .mediaset-btn {
          display: flex;
          background-color: var(--mobilbank-button-background-color);
          padding: 2px 16px;
          justify-content: center;
          align-items: center;
          gap: 10px;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px;
          border-radius: 12px;
          color: var(--mobilbank-button-color);
          text-decoration: none; }
  .mobilbank-mediaset-banner.information-banner-type1 .mediaset-image {
    background-size: auto 135px;
    background-position: right center;
    background-repeat: no-repeat;
    border-radius: 0 8px 8px 0;
    clip-path: ellipse(90px 192px at 75% 100%); }

.mobilbank-mediaset-banner.main-page-banner, .mobilbank-mediaset-banner.information-banner-type1, .mobilbank-mediaset-banner.list-banner, .mobilbank-mediaset-banner.information-banner-type2, .mobilbank-mediaset-banner.todo-banner {
  --mobilbank-text-color: #003665;
  --mobilbank-banner-text-color: #fff;
  --mobilbank-button-color: #00AEEF;
  --mobilbank-background-color: #fff;
  --mobilbank-banner-background-color: #00AEEF;
  --mobilbank-button-background-color: #FFF;
  --mobilbank-badge-background-color: #EF534F;
  --mobilbank-badge-text-color: #FFF;
  --mobilbank-global-background-color:#FFFFFF; }
  .dark-mode.mobilbank-mediaset-banner.main-page-banner, .dark-mode.mobilbank-mediaset-banner.information-banner-type1, .dark-mode.mobilbank-mediaset-banner.list-banner, .dark-mode.mobilbank-mediaset-banner.information-banner-type2, .dark-mode.mobilbank-mediaset-banner.todo-banner {
    --mobilbank-text-color: #F0F0F0;
    --mobilbank-banner-text-color: #fff;
    --mobilbank-button-color: #004D73;
    --mobilbank-background-color: #242424;
    --mobilbank-banner-background-color: #004D73;
    --mobilbank-button-background-color: #FFF;
    --mobilbank-global-background-color:#141414;
    --mobilbank-badge-background-color: #D33F4C; }

.mobilbank-mediaset-banner.list-banner {
  display: flex;
  padding-left: 16px;
  padding-right: 20px;
  align-items: center;
  max-width: 100%;
  background-color: var(--mobilbank-banner-background-color);
  border-radius: 8px;
  height: 112px; }
  .mobilbank-mediaset-banner.list-banner .mediaset-content {
    padding: 16px 0;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-row-gap: 16px; }
    .mobilbank-mediaset-banner.list-banner .mediaset-content .mediaset-content-body {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      color: var(--mobilbank-banner-text-color); }
    .mobilbank-mediaset-banner.list-banner .mediaset-content .mediaset-button-container {
      display: flex;
      align-items: flex-end; }
      .mobilbank-mediaset-banner.list-banner .mediaset-content .mediaset-button-container .mediaset-content-button {
        display: flex;
        justify-content: left;
        align-items: center; }
        .mobilbank-mediaset-banner.list-banner .mediaset-content .mediaset-button-container .mediaset-content-button .mediaset-btn {
          display: flex;
          background-color: var(--mobilbank-button-background-color);
          padding: 2px 16px;
          justify-content: center;
          align-items: center;
          gap: 10px;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px;
          border-radius: 12px;
          color: var(--mobilbank-button-color);
          text-decoration: none; }

.mobilbank-mediaset-banner.main-page-banner, .mobilbank-mediaset-banner.information-banner-type1, .mobilbank-mediaset-banner.list-banner, .mobilbank-mediaset-banner.information-banner-type2, .mobilbank-mediaset-banner.todo-banner {
  --mobilbank-text-color: #003665;
  --mobilbank-banner-text-color: #fff;
  --mobilbank-button-color: #00AEEF;
  --mobilbank-background-color: #fff;
  --mobilbank-banner-background-color: #00AEEF;
  --mobilbank-button-background-color: #FFF;
  --mobilbank-badge-background-color: #EF534F;
  --mobilbank-badge-text-color: #FFF;
  --mobilbank-global-background-color:#FFFFFF; }
  .dark-mode.mobilbank-mediaset-banner.main-page-banner, .dark-mode.mobilbank-mediaset-banner.information-banner-type1, .dark-mode.mobilbank-mediaset-banner.list-banner, .dark-mode.mobilbank-mediaset-banner.information-banner-type2, .dark-mode.mobilbank-mediaset-banner.todo-banner {
    --mobilbank-text-color: #F0F0F0;
    --mobilbank-banner-text-color: #fff;
    --mobilbank-button-color: #004D73;
    --mobilbank-background-color: #242424;
    --mobilbank-banner-background-color: #004D73;
    --mobilbank-button-background-color: #FFF;
    --mobilbank-global-background-color:#141414;
    --mobilbank-badge-background-color: #D33F4C; }

.mobilbank-mediaset-banner.information-banner-type2 {
  display: grid;
  grid-template-columns: auto 118px;
  grid-column-gap: 16px;
  padding-left: 16px;
  border-radius: 8px;
  max-width: 100%;
  height: 192px;
  background-color: var(--mobilbank-banner-background-color); }
  .mobilbank-mediaset-banner.information-banner-type2 .mediaset-content {
    padding: 16px 0;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-row-gap: 16px; }
    .mobilbank-mediaset-banner.information-banner-type2 .mediaset-content .mediaset-content-body {
      color: var(--mobilbank-banner-text-color);
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      text-align: left;
      line-height: 20px;
      word-wrap: normal; }
    .mobilbank-mediaset-banner.information-banner-type2 .mediaset-content .mediaset-button-container {
      display: flex;
      align-items: flex-end; }
      .mobilbank-mediaset-banner.information-banner-type2 .mediaset-content .mediaset-button-container .mediaset-content-button {
        display: flex;
        justify-content: left;
        align-items: center; }
        .mobilbank-mediaset-banner.information-banner-type2 .mediaset-content .mediaset-button-container .mediaset-content-button .mediaset-btn {
          display: flex;
          background-color: var(--mobilbank-button-background-color);
          padding: 2px 16px;
          justify-content: center;
          align-items: center;
          gap: 10px;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px;
          border-radius: 12px;
          color: var(--mobilbank-button-color);
          text-decoration: none; }
  .mobilbank-mediaset-banner.information-banner-type2 .mediaset-image {
    background-size: auto 192px;
    background-position: right center;
    background-repeat: no-repeat;
    border-radius: 0 8px 8px 0;
    clip-path: ellipse(87px 257px at 75% 100%); }

.mobilbank-mediaset-banner.main-page-banner, .mobilbank-mediaset-banner.information-banner-type1, .mobilbank-mediaset-banner.list-banner, .mobilbank-mediaset-banner.information-banner-type2, .mobilbank-mediaset-banner.todo-banner {
  --mobilbank-text-color: #003665;
  --mobilbank-banner-text-color: #fff;
  --mobilbank-button-color: #00AEEF;
  --mobilbank-background-color: #fff;
  --mobilbank-banner-background-color: #00AEEF;
  --mobilbank-button-background-color: #FFF;
  --mobilbank-badge-background-color: #EF534F;
  --mobilbank-badge-text-color: #FFF;
  --mobilbank-global-background-color:#FFFFFF; }
  .dark-mode.mobilbank-mediaset-banner.main-page-banner, .dark-mode.mobilbank-mediaset-banner.information-banner-type1, .dark-mode.mobilbank-mediaset-banner.list-banner, .dark-mode.mobilbank-mediaset-banner.information-banner-type2, .dark-mode.mobilbank-mediaset-banner.todo-banner {
    --mobilbank-text-color: #F0F0F0;
    --mobilbank-banner-text-color: #fff;
    --mobilbank-button-color: #004D73;
    --mobilbank-background-color: #242424;
    --mobilbank-banner-background-color: #004D73;
    --mobilbank-button-background-color: #FFF;
    --mobilbank-global-background-color:#141414;
    --mobilbank-badge-background-color: #D33F4C; }

.mobilbank-mediaset-banner.todo-banner {
  max-width: 100%;
  height: 52px;
  background-color: var(--mobilbank-global-background-color);
  display: flex; }
  .mobilbank-mediaset-banner.todo-banner .mediaset-content {
    padding: 12px 16px;
    border-radius: 8px;
    background-color: var(--mobilbank-background-color);
    display: grid;
    grid-template-columns: 24px auto;
    grid-column-gap: 12px;
    margin: 16px 16px 0;
    height: 24px;
    box-shadow: 0 2px 8px 0 #00366529;
    position: relative;
    width: 100%; }
    .mobilbank-mediaset-banner.todo-banner .mediaset-content .mediaset-content-body {
      color: var(--mobilbank-text-color);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .mobilbank-mediaset-banner.todo-banner .mediaset-content .mediaset-logo {
      max-width: 24px;
      height: 20px;
      margin: 2px auto auto;
      display: flex; }
    .mobilbank-mediaset-banner.todo-banner .mediaset-content .mediaset-notification {
      border-radius: 50%;
      content: "1";
      color: var(--mobilbank-badge-text-color);
      background-color: var(--mobilbank-badge-background-color);
      height: 24px;
      width: 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      right: -4px;
      top: -4px; }
  .mobilbank-mediaset-banner.todo-banner .mediaset-close-btn {
    display: none; }

.ebank-mediaset-banner.informational-banner-type-2 {
  width: 100%;
  height: 150px;
  display: grid;
  grid-template-columns: auto 315px;
  background: #EEF6FA;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); }
  .ebank-mediaset-banner.informational-banner-type-2 .mediaset-content {
    margin: 13px 16px 16px 21px;
    box-sizing: border-box;
    width: auto;
    height: auto;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .ebank-mediaset-banner.informational-banner-type-2 .mediaset-content p {
      margin-bottom: 0; }
    .ebank-mediaset-banner.informational-banner-type-2 .mediaset-content .mediaset-content-body {
      color: #003665;
      font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal; }
    .ebank-mediaset-banner.informational-banner-type-2 .mediaset-content .mediaset-button-wrapper {
      display: flex;
      align-items: flex-end;
      flex: 1 1 100%; }
    .ebank-mediaset-banner.informational-banner-type-2 .mediaset-content .mediaset-button-container {
      display: flex;
      gap: 16px;
      align-items: center; }
      .ebank-mediaset-banner.informational-banner-type-2 .mediaset-content .mediaset-button-container .mediaset-content-button {
        width: fit-content;
        height: fit-content;
        background: #00AEEF;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: stretch;
        justify-content: center;
        align-items: center;
        border-radius: 4px; }
        .ebank-mediaset-banner.informational-banner-type-2 .mediaset-content .mediaset-button-container .mediaset-content-button .mediaset-btn {
          width: 126px;
          height: 32px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #FFF;
          font-size: 15px;
          font-weight: 700;
          font-style: normal;
          font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
          line-height: normal;
          text-decoration: none; }
      .ebank-mediaset-banner.informational-banner-type-2 .mediaset-content .mediaset-button-container .mediaset-not-interested-button-wrapper .mediaset-not-interested-button {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px; }
  .ebank-mediaset-banner.informational-banner-type-2 .mediaset-image {
    clip-path: ellipse(80% 175% at 80% 93%);
    height: 150px;
    width: auto;
    max-width: 315px;
    float: right; }
  .ebank-mediaset-banner.informational-banner-type-2 .mediaset-close-btn {
    position: absolute;
    right: 9px;
    top: 9px;
    display: flex;
    width: 10px;
    height: 10px;
    padding: 3px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: url(/o/kh-theme/images/xmark.png) 10px 10px #FFF;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10; }

.ebank-mediaset-banner.listing-banner-type-3 {
  width: 100%;
  height: 230px;
  display: grid;
  grid-template-columns: auto 445px;
  background: #EEF6FA;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); }
  .ebank-mediaset-banner.listing-banner-type-3 .mediaset-content {
    margin: 21px 26px 23px 15px;
    box-sizing: border-box;
    width: auto;
    flex-shrink: 0;
    padding-left: 19px;
    display: flex;
    flex-flow: column; }
    .ebank-mediaset-banner.listing-banner-type-3 .mediaset-content .mediaset-content-headline {
      color: #003665;
      font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      padding-bottom: 9px; }
    .ebank-mediaset-banner.listing-banner-type-3 .mediaset-content .mediaset-content-body {
      color: #003665;
      font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal; }
      .ebank-mediaset-banner.listing-banner-type-3 .mediaset-content .mediaset-content-body ul {
        list-style-image: url(/o/kh-theme/images/arrow-right.png);
        padding: 0;
        margin: 0 0 0 16px; }
        .ebank-mediaset-banner.listing-banner-type-3 .mediaset-content .mediaset-content-body ul li {
          /*padding-bottom: 5px;*/ }
        .ebank-mediaset-banner.listing-banner-type-3 .mediaset-content .mediaset-content-body ul.kh-list-1, .ebank-mediaset-banner.listing-banner-type-3 .mediaset-content .mediaset-content-body ul.kh-list-2 {
          list-style-image: none;
          margin: 0; }
    .ebank-mediaset-banner.listing-banner-type-3 .mediaset-content .mediaset-button-wrapper {
      display: flex;
      align-items: flex-end;
      flex: 1 1 100%; }
    .ebank-mediaset-banner.listing-banner-type-3 .mediaset-content .mediaset-button-container {
      align-items: center;
      display: flex;
      gap: 16px;
      margin-top: 21px; }
      .ebank-mediaset-banner.listing-banner-type-3 .mediaset-content .mediaset-button-container .mediaset-content-button {
        width: fit-content;
        height: fit-content;
        background: #00AEEF;
        color: currentcolor;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: stretch;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        margin-left: 3px; }
        .ebank-mediaset-banner.listing-banner-type-3 .mediaset-content .mediaset-button-container .mediaset-content-button .mediaset-btn {
          width: 149px;
          height: 37px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #FFF;
          font-size: 16px;
          font-weight: 700;
          font-style: normal;
          font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
          line-height: normal;
          text-decoration: none; }
      .ebank-mediaset-banner.listing-banner-type-3 .mediaset-content .mediaset-button-container .mediaset-not-interested-button {
        line-height: normal;
        font-weight: 700;
        font-size: 14px; }
  .ebank-mediaset-banner.listing-banner-type-3 .mediaset-image {
    clip-path: ellipse(115% 221% at 114% 119%);
    width: auto;
    height: 230px;
    float: right;
    max-width: 445px; }
  .ebank-mediaset-banner.listing-banner-type-3 .mediaset-close-btn {
    position: absolute;
    right: 12px;
    top: 12px;
    display: flex;
    width: 16px;
    height: 16px;
    padding: 3px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: url(/o/kh-theme/images/xmark.png) 10px 10px #FFF;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10; }

.ebank-mediaset-banner.eportfolio-banner-type-6 {
  width: 100%;
  height: 521px;
  display: grid;
  grid-template-rows: 262px auto;
  background: #EEF6FA;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); }
  .ebank-mediaset-banner.eportfolio-banner-type-6 .mediaset-content {
    box-sizing: border-box;
    width: auto;
    flex-shrink: 0;
    order: 2;
    margin: 18px 0 24px 32px;
    display: flex;
    flex-direction: column; }
    .ebank-mediaset-banner.eportfolio-banner-type-6 .mediaset-content .mediaset-content-headline {
      color: #003665;
      font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      padding-right: 54px;
      width: auto;
      max-width: fit-content; }
    .ebank-mediaset-banner.eportfolio-banner-type-6 .mediaset-content .mediaset-content-body {
      color: #003665;
      font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      padding-right: 70px;
      margin-top: 13px;
      width: 100%;
      max-width: fit-content; }
    .ebank-mediaset-banner.eportfolio-banner-type-6 .mediaset-content .mediaset-button-wrapper {
      display: flex;
      align-items: flex-end;
      flex: 1 1 100%; }
    .ebank-mediaset-banner.eportfolio-banner-type-6 .mediaset-content .mediaset-button-container {
      display: flex;
      align-items: center;
      gap: 17px;
      padding-top: 29px; }
      .ebank-mediaset-banner.eportfolio-banner-type-6 .mediaset-content .mediaset-button-container .mediaset-content-button {
        width: fit-content;
        height: fit-content;
        background: #00AEEF;
        color: currentcolor;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: stretch;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        margin-top: auto;
        margin-bottom: 0; }
        .ebank-mediaset-banner.eportfolio-banner-type-6 .mediaset-content .mediaset-button-container .mediaset-content-button .mediaset-btn {
          width: 149px;
          height: 37px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #FFF;
          font-size: 16px;
          font-weight: 700;
          font-style: normal;
          font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
          line-height: normal;
          text-decoration: none; }
      .ebank-mediaset-banner.eportfolio-banner-type-6 .mediaset-content .mediaset-button-container .mediaset-not-interested-button-wrapper .mediaset-not-interested-button {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px; }
  .ebank-mediaset-banner.eportfolio-banner-type-6 .mediaset-image {
    clip-path: ellipse(158% 139% at 0% -39%);
    width: auto;
    height: 100%;
    margin: auto;
    display: flex; }
  .ebank-mediaset-banner.eportfolio-banner-type-6 .mediaset-close-btn {
    position: absolute;
    right: 14px;
    top: 14px;
    display: flex;
    width: 12px;
    height: 12px;
    padding: 3px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: url(/o/kh-theme/images/xmark.png) 10px 10px #FFF;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10; }

.ebank-mediaset-banner.informational-banner-type-4 {
  width: 100%;
  height: 114px;
  display: grid;
  grid-template-columns: 113px 1fr;
  background: #FFFFFF;
  align-items: center;
  justify-content: start;
  align-content: center;
  justify-items: center;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); }
  .ebank-mediaset-banner.informational-banner-type-4 .mediaset-content {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    order: 2;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 190px;
    align-items: center;
    padding-right: 24px;
    justify-content: space-between; }
    .ebank-mediaset-banner.informational-banner-type-4 .mediaset-content .mediaset-content-body {
      color: #003665;
      font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin-top: 8px; }
    .ebank-mediaset-banner.informational-banner-type-4 .mediaset-content .mediaset-button-container {
      align-items: center;
      display: flex;
      gap: 16px; }
      .ebank-mediaset-banner.informational-banner-type-4 .mediaset-content .mediaset-button-container .mediaset-content-button {
        width: fit-content;
        height: fit-content;
        background: #00AEEF;
        color: currentcolor;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: stretch;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        margin-top: auto;
        margin-bottom: auto; }
        .ebank-mediaset-banner.informational-banner-type-4 .mediaset-content .mediaset-button-container .mediaset-content-button .mediaset-btn {
          width: 149px;
          height: 47px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #FFF;
          font-size: 16px;
          font-weight: 700;
          font-style: normal;
          font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
          line-height: normal;
          text-decoration: none; }
      .ebank-mediaset-banner.informational-banner-type-4 .mediaset-content .mediaset-button-container .mediaset-not-interested-button-wrapper .mediaset-not-interested-button {
        font-size: 16px;
        font-weight: 700;
        line-height: 19px; }
  .ebank-mediaset-banner.informational-banner-type-4 .mediaset-image {
    width: auto;
    height: 56px;
    margin: -3px 20px 0 24px; }
  .ebank-mediaset-banner.informational-banner-type-4 .mediaset-close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    width: 16px;
    height: 16px;
    padding: 3px;
    justify-content: center;
    align-items: center;
    background: url(/o/kh-theme/images/xmark-big.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10; }

.ebank-mediaset-banner.offer-top-banner-type-7 {
  width: 100%;
  height: 46px;
  display: grid;
  grid-template-columns: 50px auto;
  background: #FFFFFF;
  align-items: center;
  align-content: center;
  justify-items: center;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  cursor: pointer; }
  .ebank-mediaset-banner.offer-top-banner-type-7 .mediaset-content {
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    flex-shrink: 0;
    order: 2;
    display: grid;
    grid-template-columns: 615px auto;
    align-items: center;
    margin-top: 9px;
    justify-content: space-between; }
    .ebank-mediaset-banner.offer-top-banner-type-7 .mediaset-content .mediaset-content-body {
      color: #F26329;
      font-family: Helvetica Neue LT Pro,Helvetica,Arial,sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-top: 4px;
      margin-left: -5px; }
    .ebank-mediaset-banner.offer-top-banner-type-7 .mediaset-content .mediaset-content-button {
      margin-top: -4px;
      margin-right: 24px; }
      .ebank-mediaset-banner.offer-top-banner-type-7 .mediaset-content .mediaset-content-button .mediaset-btn {
        content: url(/o/kh-theme/images/arrow-right-orange.png);
        text-decoration: none; }
  .ebank-mediaset-banner.offer-top-banner-type-7 .mediaset-image {
    width: 18px;
    height: 18px;
    margin: -2px 16px 0px 15px; }
  .ebank-mediaset-banner.offer-top-banner-type-7 .mediaset-close-btn {
    display: none; }

.ebank-mediaset-banner.card-offer-banner-type-5 {
  margin-top: 11px;
  width: 100%;
  height: 250px;
  display: grid;
  grid-template-columns: 356px auto;
  width: 100%;
  background: #FFFFFF;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); }
  .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-content {
    /*margin: auto;*/
    box-sizing: border-box;
    width: 100%;
    flex-shrink: 0;
    padding-top: 19px;
    padding-left: 32px;
    padding-right: 48px;
    padding-bottom: 19px;
    order: 2;
    display: flex;
    flex-flow: column; }
    .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-content .mediaset-content-headline {
      color: #00376B;
      font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      padding-bottom: 24px; }
      .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-content .mediaset-content-headline.bold {
        font-weight: 700; }
    .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-content .mediaset-content-body {
      color: #00376B;
      font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal; }
    .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-content .mediaset-button-wrapper {
      display: flex;
      align-items: flex-end;
      flex: 1 1 100%; }
    .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-content .mediaset-button-container {
      display: flex;
      align-items: center;
      gap: 16px; }
      .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-content .mediaset-button-container .mediaset-content-button {
        width: fit-content;
        height: fit-content;
        background: #F26329;
        color: currentcolor;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: stretch;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        margin-top: 1px; }
        .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-content .mediaset-button-container .mediaset-content-button .mediaset-btn {
          width: 155px;
          height: 46px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #FFF;
          font-size: 16px;
          font-weight: 700;
          font-style: normal;
          font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
          line-height: normal;
          text-decoration: none; }
      .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-content .mediaset-button-container .mediaset-not-interested-button-wrapper .mediaset-not-interested-button {
        line-height: 20px;
        font-size: 16px;
        font-weight: 700; }
  .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-image {
    width: 356px;
    height: 250px; }
  .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-badge {
    position: absolute;
    top: -11px;
    left: 16px;
    z-index: 10;
    width: 153px;
    height: 22px;
    background: #F26329;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); }
  .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-image-text {
    position: absolute;
    top: 113px;
    left: 58px;
    color: #FFF;
    font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; }
  .ebank-mediaset-banner.card-offer-banner-type-5 .mediaset-close-btn {
    position: absolute;
    right: 18px;
    top: 18px;
    display: flex;
    width: 16px;
    height: 16px;
    padding: 3px;
    justify-content: center;
    align-items: center;
    background: url(/o/kh-theme/images/xmark-big.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10; }

.ebank-mediaset-banner.loan-offer-banner-type-1 {
  width: 100%;
  height: 92px;
  display: grid;
  grid-template-columns: auto 310px;
  background: #FFF;
  box-shadow: 0px 3px 6px 0px #00000029;
  margin-top: 8px;
  position: relative; }
  .ebank-mediaset-banner.loan-offer-banner-type-1 .mediaset-content {
    margin-right: 0;
    box-sizing: border-box;
    width: auto;
    height: auto;
    flex-shrink: 0; }
    .ebank-mediaset-banner.loan-offer-banner-type-1 .mediaset-content .mediaset-content-headline {
      clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
      width: auto;
      box-sizing: border-box;
      height: 100%;
      max-height: 92px;
      overflow: hidden;
      padding-left: 54px;
      padding-top: 21px;
      padding-bottom: 21px;
      background: linear-gradient(90deg, #FFFFFF 9.5%, #E2F7FF 100%);
      display: flex;
      align-content: center;
      align-items: center;
      color: #013767;
      font-size: 17px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
      padding-right: 30px; }
    .ebank-mediaset-banner.loan-offer-banner-type-1 .mediaset-content .mediaset-content-body {
      position: absolute;
      width: auto;
      top: 17px;
      right: 52px;
      color: #013767;
      font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
      font-size: 17px;
      font-style: normal;
      font-weight: 700;
      line-height: normal; }
    .ebank-mediaset-banner.loan-offer-banner-type-1 .mediaset-content .mediaset-button-container {
      display: flex;
      flex-direction: column;
      gap: 10px;
      height: 100%;
      justify-content: center;
      position: absolute;
      right: 217px;
      top: 0px; }
      .ebank-mediaset-banner.loan-offer-banner-type-1 .mediaset-content .mediaset-button-container .mediaset-content-button {
        background: #00AEEF;
        color: currentcolor;
        border-radius: 4px; }
        .ebank-mediaset-banner.loan-offer-banner-type-1 .mediaset-content .mediaset-button-container .mediaset-content-button .mediaset-btn {
          padding: 2px 16px 2px 16px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #FFF;
          font-size: 14px;
          font-weight: 400;
          font-style: normal;
          font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
          line-height: 20px;
          text-decoration: none; }
      .ebank-mediaset-banner.loan-offer-banner-type-1 .mediaset-content .mediaset-button-container .mediaset-not-interested-button-wrapper .mediaset-not-interested-button {
        color: #00AEEF;
        font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }
  .ebank-mediaset-banner.loan-offer-banner-type-1 .mediaset-badge {
    position: absolute;
    top: -8px;
    left: 8px;
    z-index: 10;
    width: 153px;
    height: 22px;
    background: #F26329;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    color: #FFF;
    font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    align-items: center; }
  .ebank-mediaset-banner.loan-offer-banner-type-1 .mediaset-image-text {
    position: absolute;
    top: 56px;
    right: 52px;
    color: #013767;
    font-family: Helvetica Neue LT Pro, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  .ebank-mediaset-banner.loan-offer-banner-type-1 .mediaset-close-btn {
    position: absolute;
    right: 8px;
    top: 8px;
    display: flex;
    width: 10px;
    height: 10px;
    padding: 3px;
    justify-content: center;
    align-items: center;
    background: url(/o/kh-theme/images/xmark-medium.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10; }

.eposta-mediaset-banner.information-mediaset-banner .mediaset-close-btn, .eposta-mediaset-banner.list_mediaset_banner .mediaset-close-btn, .eposta-mediaset-banner.highlight-mediaset-banner-type1 .mediaset-close-btn, .eposta-mediaset-banner.highlight-mediaset-banner-type2 .mediaset-close-btn, .eposta-mediaset-banner.logo-mediaset-banner .mediaset-close-btn, .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-close-btn {
  position: absolute;
  right: 8px;
  top: 8px;
  display: flex;
  width: 10px;
  height: 10px;
  padding: 3px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: url("/o/kh-theme/images/xmark.png") 10px 10px #FFF;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10; }

.eposta-mediaset-banner.information-mediaset-banner .mediaset-campaign-name, .eposta-mediaset-banner.list_mediaset_banner .mediaset-campaign-name, .eposta-mediaset-banner.highlight-mediaset-banner-type1 .mediaset-campaign-name, .eposta-mediaset-banner.highlight-mediaset-banner-type2 .mediaset-campaign-name, .eposta-mediaset-banner.logo-mediaset-banner .mediaset-campaign-name, .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-campaign-name {
  display: none; }

.eposta-mediaset-banner.information-mediaset-banner .mediaset-target-group, .eposta-mediaset-banner.list_mediaset_banner .mediaset-target-group, .eposta-mediaset-banner.highlight-mediaset-banner-type1 .mediaset-target-group, .eposta-mediaset-banner.highlight-mediaset-banner-type2 .mediaset-target-group, .eposta-mediaset-banner.logo-mediaset-banner .mediaset-target-group, .eposta-mediaset-banner.logo-list-mediaset-banner .mediaset-target-group {
  display: none; }

.mobilbank-mediaset-banner.main-page-banner, .mobilbank-mediaset-banner.information-banner-type1, .mobilbank-mediaset-banner.list-banner, .mobilbank-mediaset-banner.information-banner-type2, .mobilbank-mediaset-banner.todo-banner {
  position: relative;
  font-family: "MuseoSansCyrl_500", Helvetica, Arial, sans-serif; }
  .mobilbank-mediaset-banner.main-page-banner .mediaset-close-btn, .mobilbank-mediaset-banner.information-banner-type1 .mediaset-close-btn, .mobilbank-mediaset-banner.list-banner .mediaset-close-btn, .mobilbank-mediaset-banner.information-banner-type2 .mediaset-close-btn, .mobilbank-mediaset-banner.todo-banner .mediaset-close-btn {
    position: absolute;
    right: 6px;
    top: 6px;
    background: url("/o/kh-theme/images/mediaset-banners/close-button.svg") 18px 18px;
    padding: 3px;
    width: 18px;
    height: 18px;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10; }
  .dark-mode.mobilbank-mediaset-banner.main-page-banner .mediaset-close-btn, .dark-mode.mobilbank-mediaset-banner.information-banner-type1 .mediaset-close-btn, .dark-mode.mobilbank-mediaset-banner.list-banner .mediaset-close-btn, .dark-mode.mobilbank-mediaset-banner.information-banner-type2 .mediaset-close-btn, .dark-mode.mobilbank-mediaset-banner.todo-banner .mediaset-close-btn {
    background: url("/o/kh-theme/images/mediaset-banners/close-button-dark.svg") 18px 18px;
    background-repeat: no-repeat;
    background-position: center; }
  .mobilbank-mediaset-banner.main-page-banner p, .mobilbank-mediaset-banner.information-banner-type1 p, .mobilbank-mediaset-banner.list-banner p, .mobilbank-mediaset-banner.information-banner-type2 p, .mobilbank-mediaset-banner.todo-banner p {
    margin: 0; }
  .mobilbank-mediaset-banner.main-page-banner ul, .mobilbank-mediaset-banner.information-banner-type1 ul, .mobilbank-mediaset-banner.list-banner ul, .mobilbank-mediaset-banner.information-banner-type2 ul, .mobilbank-mediaset-banner.todo-banner ul {
    margin-bottom: 0;
    padding-bottom: 0; }
    .mobilbank-mediaset-banner.main-page-banner ul li, .mobilbank-mediaset-banner.information-banner-type1 ul li, .mobilbank-mediaset-banner.list-banner ul li, .mobilbank-mediaset-banner.information-banner-type2 ul li, .mobilbank-mediaset-banner.todo-banner ul li {
      padding-bottom: 0;
      margin-bottom: 0; }

.ebank-mediaset-banner.informational-banner-type-2 ul, .ebank-mediaset-banner.listing-banner-type-3 ul, .ebank-mediaset-banner.eportfolio-banner-type-6 ul, .ebank-mediaset-banner.informational-banner-type-4 ul, .ebank-mediaset-banner.offer-top-banner-type-7 ul, .ebank-mediaset-banner.card-offer-banner-type-5 ul, .ebank-mediaset-banner.loan-offer-banner-type-1 ul {
  margin-bottom: 0;
  padding-bottom: 0; }
  .ebank-mediaset-banner.informational-banner-type-2 ul li, .ebank-mediaset-banner.listing-banner-type-3 ul li, .ebank-mediaset-banner.eportfolio-banner-type-6 ul li, .ebank-mediaset-banner.informational-banner-type-4 ul li, .ebank-mediaset-banner.offer-top-banner-type-7 ul li, .ebank-mediaset-banner.card-offer-banner-type-5 ul li, .ebank-mediaset-banner.loan-offer-banner-type-1 ul li {
    padding-bottom: 0;
    margin-bottom: 0; }

.product-info-portlet .liferay-move-box {
  display: block; }
  .product-info-portlet .liferay-move-box .row {
    width: 100%;
    justify-content: space-between; }
    .product-info-portlet .liferay-move-box .row .left-selector-column, .product-info-portlet .liferay-move-box .row .right-selector-column {
      width: 45%;
      max-width: none;
      flex: 0 0 45%; }
      .product-info-portlet .liferay-move-box .row .left-selector-column select, .product-info-portlet .liferay-move-box .row .right-selector-column select {
        overflow: scroll;
        max-width: none;
        width: 100%;
        box-sizing: border-box; }
    .product-info-portlet .liferay-move-box .row .move-arrow-buttons {
      width: 10%;
      max-width: none; }

.portlet-nested-portlets .product-info-portlet .portlet-body .product-information-container {
  padding: 0;
  bottom: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.product-info-portlet .portlet-body {
  max-width: 1264px;
  margin: 0 auto; }
  .product-info-portlet .portlet-body .product-information-container {
    padding: 0 30px 30px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
    .product-info-portlet .portlet-body .product-information-container .search-container .search-control {
      display: flex;
      flex-direction: row; }
      .product-info-portlet .portlet-body .product-information-container .search-container .search-control .search-fieldset {
        flex: 3 1 0;
        position: relative; }
        .product-info-portlet .portlet-body .product-information-container .search-container .search-control .search-fieldset .input-text-wrapper {
          display: flex;
          flex-direction: row;
          margin-top: 8px; }
          .product-info-portlet .portlet-body .product-information-container .search-container .search-control .search-fieldset .input-text-wrapper label {
            width: 50%;
            margin-top: 6px; }
          .product-info-portlet .portlet-body .product-information-container .search-container .search-control .search-fieldset .input-text-wrapper input {
            width: 50%;
            margin: 0 1rem; }
        .product-info-portlet .portlet-body .product-information-container .search-container .search-control .search-fieldset .form-validator {
          display: none;
          color: #f53500;
          position: absolute;
          left: 50%; }
        .product-info-portlet .portlet-body .product-information-container .search-container .search-control .search-fieldset.error {
          margin-bottom: 20px; }
          .product-info-portlet .portlet-body .product-information-container .search-container .search-control .search-fieldset.error input {
            color: #f53500;
            border: #f53500; }
          .product-info-portlet .portlet-body .product-information-container .search-container .search-control .search-fieldset.error .form-validator {
            display: block; }
      .product-info-portlet .portlet-body .product-information-container .search-container .search-control .button-container {
        flex: 2 1 0; }
    .product-info-portlet .portlet-body .product-information-container .search-container .result-container {
      margin-top: 15px; }
    .product-info-portlet .portlet-body .product-information-container .journal-content-article:only-child .info-content {
      border-bottom: 0;
      margin-bottom: -28px; }
      .product-info-portlet .portlet-body .product-information-container .journal-content-article:only-child .info-content.open {
        margin-bottom: 0; }
    .product-info-portlet .portlet-body .product-information-container .info-content {
      border-bottom: 10px solid #f9f9f9; }
      .product-info-portlet .portlet-body .product-information-container .info-content.open .open-product-info-description:before {
        content: '\2012';
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation: rotate .5s linear 1;
        -moz-animation: rotate .5s linear 1;
        -o-animation: rotate .5s linear 1;
        animation: rotate .5s linear 1; }
      .product-info-portlet .portlet-body .product-information-container .info-content .open-product-info-description {
        position: relative;
        display: block;
        margin: 0;
        padding: 17px 150px;
        background: #fff;
        color: #00aeef;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        line-height: 1.25;
        cursor: pointer; }
        .product-info-portlet .portlet-body .product-information-container .info-content .open-product-info-description:hover, .product-info-portlet .portlet-body .product-information-container .info-content .open-product-info-description:focus {
          color: #fa6d16; }
        .product-info-portlet .portlet-body .product-information-container .info-content .open-product-info-description:before {
          content: '+';
          position: absolute;
          top: 50%;
          right: 100px;
          display: inline-block;
          width: 20px;
          height: 20px;
          margin-top: -10px;
          margin-right: 15px;
          color: #003767;
          font-family: monospace;
          font-size: 36px;
          font-weight: bold;
          text-align: center;
          line-height: 16px;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          -webkit-animation: rotateBack .5s linear 1;
          -moz-animation: rotateBack .5s linear 1;
          -o-animation: rotateBack .5s linear 1;
          animation: rotateBack .5s linear 1; }
      .product-info-portlet .portlet-body .product-information-container .info-content .product-info-description {
        overflow: hidden; }
        .product-info-portlet .portlet-body .product-information-container .info-content .product-info-description .product-info-description-content {
          padding: 30px 30px 15px;
          background: #f9f9f9;
          font-size: 14px; }
          .product-info-portlet .portlet-body .product-information-container .info-content .product-info-description .product-info-description-content img {
            max-width: 100%; }

.product-info-portlet .product-info-description .product-info-description-content {
  overflow-x: auto; }

.product-information-container {
  max-width: 1264px;
  margin: 0 auto;
  font-size: 14px; }
  .product-information-container h3 {
    color: #00aeef;
    font-size: 18px; }

@media only screen and (max-width: 1339px) {
  .product-info-portlet .portlet-body {
    max-width: 960px; }
    .product-info-portlet .portlet-body .product-information-container .info-content .open-product-info-description {
      padding: 30px 100px; }
      .product-info-portlet .portlet-body .product-information-container .info-content .open-product-info-description:before {
        right: 60px; } }

@media only screen and (max-width: 991px) {
  .product-info-portlet .portlet-body {
    max-width: 768px; }
    .product-info-portlet .portlet-body .product-information-container .info-content .open-product-info-description {
      padding: 30px 55px; }
      .product-info-portlet .portlet-body .product-information-container .info-content .open-product-info-description:before {
        right: 5px; } }

@media only screen and (max-width: 767px) {
  .product-info-portlet .portlet-body .product-information-container .info-content .open-product-info-description {
    padding: 30px;
    font-size: 18px; }
    .product-info-portlet .portlet-body .product-information-container .info-content .open-product-info-description:before {
      right: -15px; } }

.product-distributor-portlet.background-white .product-category {
  background: none !important; }

.product-distributor-portlet .container {
  padding: 2px;
  position: relative;
  background: #eee; }
  .product-distributor-portlet .container li {
    border: 2px solid #ccc;
    margin: 4px;
    padding: 3px;
    list-style: none; }

.product-distributor-portlet .portlet-topper + .portlet-content .product-category {
  padding-top: 0; }

.product-distributor-portlet .product-category {
  padding: 50px 0 30px; }
  .product-distributor-portlet .product-category.products-center .wrap h2 {
    text-align: center; }
  .product-distributor-portlet .product-category.products-center .products {
    text-align: center; }
    .product-distributor-portlet .product-category.products-center .products .product {
      clear: none !important;
      float: none !important;
      display: inline-block;
      text-align: left; }
  .product-distributor-portlet .product-category.products-center .products.cf {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .product-distributor-portlet .product-category:nth-child(odd) {
    background: #f9f9f9; }
  .product-distributor-portlet .product-category.show-all .product.hidden-desktop, .product-distributor-portlet .product-category.show-all .product.hidden-tablet, .product-distributor-portlet .product-category.show-all .product.hidden-phone {
    display: block !important; }
  .product-distributor-portlet .product-category .wrap {
    max-width: 1264px;
    margin: 0 auto; }
    .product-distributor-portlet .product-category .wrap section.product {
      margin-bottom: 0; }
    .product-distributor-portlet .product-category .wrap .products-container-toggle-link-container {
      clear: both;
      text-align: center;
      margin-top: 8px; }
      .product-distributor-portlet .product-category .wrap .products-container-toggle-link-container a.products-container-toggle-link {
        font-size: 15px; }
    .product-distributor-portlet .product-category .wrap h2 {
      margin: 0 0 50px;
      color: #00aeef;
      font-size: 28px; }
      .product-distributor-portlet .product-category .wrap h2 a {
        color: #00aeef;
        text-decoration: none; }
        .product-distributor-portlet .product-category .wrap h2 a:hover, .product-distributor-portlet .product-category .wrap h2 a:focus {
          color: #fa6d16;
          text-decoration: underline; }
  .product-distributor-portlet .product-category.special-offers .wrap h2 {
    text-align: center; }

.portlet-boundary.background-darkgray {
  background: #f9f9f9; }
  .portlet-boundary.background-darkgray .portlet-content {
    padding: 0;
    background: #f9f9f9; }
    .portlet-boundary.background-darkgray .portlet-content .product-category {
      padding-bottom: 30px; }
      .portlet-boundary.background-darkgray .portlet-content .product-category *:after, .portlet-boundary.background-darkgray .portlet-content .product-category *:before, .portlet-boundary.background-darkgray .portlet-content .product-category * {
        box-sizing: content-box; }
      .portlet-boundary.background-darkgray .portlet-content .product-category .wrap .products div.product {
        width: 406px; }

@media (max-width: 1339px) {
  .product-distributor-portlet .product-category .wrap {
    max-width: 960px; } }

@media (max-width: 991px) {
  .product-distributor-portlet .product-category .wrap {
    max-width: 728px;
    padding: 0 20px; }
  .portlet-boundary.background-darkgray .portlet-content .product-category {
    padding-top: 0; }
    .portlet-boundary.background-darkgray .portlet-content .product-category .wrap .products div.product {
      width: 354px; } }

@media (max-width: 767px) {
  .product-distributor-portlet .product-category {
    padding: 25px 0; }
    .product-distributor-portlet .product-category .wrap {
      max-width: 960px; }
      .product-distributor-portlet .product-category .wrap .products {
        padding-bottom: 15px; }
  .portlet-boundary.background-darkgray .portlet-content .product-category .wrap .products div.product {
    float: none;
    width: auto;
    max-width: 406px;
    margin: 0 auto 20px !important; } }

.video-entitlement-form .questions .control-label {
  font-weight: bold; }

.entitlement-form {
  max-width: 780px;
  background-color: #E6F7FE;
  border-radius: 4px;
  margin: 0 auto 30px;
  position: relative; }
  .entitlement-form h2 {
    padding: 42px 92px 42px 92px;
    background-color: #00AEEF;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    border-radius: 4px;
    color: #fff; }
  .entitlement-form .questions {
    padding: 40px 92px;
    width: auto; }
    .entitlement-form .questions input[type="radio"] {
      display: none; }
    .entitlement-form .questions input[type="radio"] + label {
      padding-left: 25px; }
    .entitlement-form .questions input[type="radio"] + label:before {
      left: 0; }
    .entitlement-form .questions input[type="radio"]:disabled + label {
      color: #7696B2 !important;
      cursor: default; }
    .entitlement-form .questions input[type="radio"]:disabled + label:before {
      border-color: #ccc !important;
      background-color: #F5F6FA !important; }
    .entitlement-form .questions .control-label {
      font-size: 16px; }
    .entitlement-form .questions .fa-question-circle {
      font-size: 16px;
      color: #00AEEF; }
    .entitlement-form .questions .question {
      display: flex;
      flex-direction: column;
      margin-bottom: 35px; }
      .entitlement-form .questions .question .label-wrapper {
        display: flex;
        flex-direction: row;
        margin-bottom: .5rem; }
      .entitlement-form .questions .question .inputs-wrapper {
        display: flex;
        flex-direction: row; }
        .entitlement-form .questions .question .inputs-wrapper label {
          margin-bottom: 0; }
        .entitlement-form .questions .question .inputs-wrapper .input-wrapper {
          display: inline-flex;
          width: 120px;
          margin-right: 16px; }
    .entitlement-form .questions .action-row {
      text-align: center;
      padding-bottom: 40px;
      display: flex;
      justify-content: center;
      align-items: center; }
  .entitlement-form .form-validator {
    color: #F53500;
    margin-top: 8px; }

@media (max-width: 991px) {
  .entitlement-form {
    max-width: unset;
    margin: 0 20px; } }

@media (max-width: 767px) {
  .entitlement-form h2 {
    padding: 40px 20px 40px 20px; }
  .entitlement-form .questions {
    padding: 30px 20px; }
    .entitlement-form .questions .control-label {
      flex-basis: auto;
      font-weight: bold;
      margin: 0 0 15px 0; }
    .entitlement-form .questions .question .inputs-wrapper {
      flex-direction: column; }
      .entitlement-form .questions .question .inputs-wrapper label {
        margin-bottom: 0; }
      .entitlement-form .questions .question .inputs-wrapper .input-wrapper {
        margin-bottom: .5rem; }
      .entitlement-form .questions .question .inputs-wrapper .input-wrapper:last-child {
        margin-bottom: 0; } }

.youngster-onboarding {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  max-width: 780px; }

@media (max-width: 991px) {
  .youngster-onboarding {
    max-width: unset;
    margin: 0 20px; }
    .youngster-onboarding > div {
      width: 100%; }
      .youngster-onboarding > div .btn {
        margin: 0 auto;
        width: auto; }
      .youngster-onboarding > div img {
        display: flex;
        max-width: 100%;
        margin: 0 auto; } }