/* ------------------------------------------------------------------------------------------------ */
/* Core style */
/* ------------------------------------------------------------------------------------------------ */
/* Fonts */
/* Boostrap */
@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 920px) { .container { max-width: 900px; } }

@media (min-width: 992px) { .container { max-width: 960px; } }

@media (min-width: 1200px) { .container { max-width: 1248px; } }

.container { width: 100%; padding-left: 12px; padding-right: 12px; margin-right: auto; margin-left: auto; }

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

.row > .col, .row > [class*="col-"] { padding-left: 12px; padding-right: 12px; }

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

.row.no-gutter > .col, .row.no-gutter > [class*="col-"] { padding-left: 0; padding-right: 0; }

.row.double-gutter { margin-left: -24px; margin-right: -24px; }

.row.double-gutter > .col, .row.double-gutter > [class*="col-"] { padding-left: 24px; padding-right: 24px; }

/* Typography */
h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #232933; margin-top: 0; margin-bottom: 16px; }

h1 { font-size: 40px; line-height: 56px; font-weight: 700; }

@media (max-width: 991px) { h1 { font-size: 32px; line-height: 40px; } }

h2 { font-size: 32px; line-height: 48px; font-weight: 700; }

@media (max-width: 991px) { h2 { font-size: 28px; line-height: 36px; } }

h3 { font-size: 20px; line-height: 28px; }

@media (max-width: 991px) { h3 { font-size: 20px; line-height: 28px; } }

h4 { font-size: 16px; line-height: 24px; }

.small { font-size: 14px; line-height: 20px; }

a { transition: color .3s ease-in-out; color: #4B61DD; }

a:hover { color: #2740ce; text-decoration: underline; }

p { margin: 0 0 1.5rem; }

p:last-child { margin-bottom: 0; }

ul.list, ol.list { padding-left: 24px; list-style: initial; }

.desc ul, .desc ol { padding-left: 24px; list-style: initial; }

article p { word-break: keep-all; /* Non standard for webkit */ -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

article p:last-child { margin-bottom: 0; }

article a:hover { text-decoration: underline; }

article blockquote { font-style: italic; }

article li ul, article li ol { margin: 0 1.5rem; padding-top: 10px; }

article ul, article ol { margin: 0 0 2rem; padding-left: 1.5rem; }

article ul:last-child, article ol:last-child { margin: 0; }

article ul li, article ol li { margin-bottom: .75rem; }

article ul li:last-child, article ol li:last-child { margin: 0; }

article ul { list-style-type: disc; }

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

img { max-width: 100%; height: auto; }

hr { border: 0; border-top: 1px solid #D0D6DD; }

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

@media (min-width: 1200px) { * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; -webkit-font-kerning: normal; font-kerning: normal; }
  *::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F9F9F9; }
  *::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); background-color: #F5F5F5; }
  *::-webkit-scrollbar-thumb { background-color: #5B37D4; border-radius: 10px; border: 1px solid #F9F9F9; } }

html, body { font-size: 16px; line-height: 24px; font-family: "Inter", -apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; padding: 0; margin: 0; background-color: #FFFFFF; color: #232933; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

.web-wrapper { width: 100%; }

/* ------------------------------------------------------------------------------------------------ */
/* Component style */
/* ------------------------------------------------------------------------------------------------ */
@-webkit-keyframes bounce2 { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(-4px); transform: scale(0.9, 1.1) translateX(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(6px); transform: scale(1.05, 0.95) translateX(6px); }
  57% { -webkit-transform: scale(1, 1) translateX(-2px); transform: scale(1, 1) translateX(-2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }
@keyframes bounce2 { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(-4px); transform: scale(0.9, 1.1) translateX(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(6px); transform: scale(1.05, 0.95) translateX(6px); }
  57% { -webkit-transform: scale(1, 1) translateX(-2px); transform: scale(1, 1) translateX(-2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@-webkit-keyframes bounceDown { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateY(0); transform: scale(1.1, 0.9) translateY(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateY(-4px); transform: scale(0.9, 1.1) translateY(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateY(6px); transform: scale(1.05, 0.95) translateY(6px); }
  57% { -webkit-transform: scale(1, 1) translateY(-2px); transform: scale(1, 1) translateY(-2px); }
  64% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } }

@keyframes bounceDown { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateY(0); transform: scale(1.1, 0.9) translateY(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateY(-4px); transform: scale(0.9, 1.1) translateY(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateY(6px); transform: scale(1.05, 0.95) translateY(6px); }
  57% { -webkit-transform: scale(1, 1) translateY(-2px); transform: scale(1, 1) translateY(-2px); }
  64% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } }

@-webkit-keyframes bounceBig { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(0); transform: scale(0.9, 1.1) translateX(0); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(0); transform: scale(1.05, 0.95) translateX(0); }
  57% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@keyframes bounceBig { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(0); transform: scale(0.9, 1.1) translateX(0); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(0); transform: scale(1.05, 0.95) translateX(0); }
  57% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@-webkit-keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.8); }
  70% { box-shadow: 0 0 0 18px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.8); }
  70% { box-shadow: 0 0 0 18px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@-webkit-keyframes pulseSvg { 0% { r: 6;
    opacity: 0.3; }
  70% { r: 12;
    opacity: 0.3; }
  80% { r: 12;
    opacity: 0.2; }
  90% { r: 12;
    opacity: 0.1; }
  100% { r: 12;
    opacity: 0; } }

@keyframes pulseSvg { 0% { r: 6;
    opacity: 0.3; }
  70% { r: 12;
    opacity: 0.3; }
  80% { r: 12;
    opacity: 0.2; }
  90% { r: 12;
    opacity: 0.1; }
  100% { r: 12;
    opacity: 0; } }

@media (max-width: 991px) { @-webkit-keyframes pulseSvg { 0% { r: 12;
      opacity: 0.3; }
    70% { r: 18;
      opacity: 0.3; }
    80% { r: 18;
      opacity: 0.2; }
    90% { r: 18;
      opacity: 0.1; }
    100% { r: 18;
      opacity: 0; } } @keyframes pulseSvg { 0% { r: 12;
      opacity: 0.3; }
    70% { r: 18;
      opacity: 0.3; }
    80% { r: 18;
      opacity: 0.2; }
    90% { r: 18;
      opacity: 0.1; }
    100% { r: 18;
      opacity: 0; } } }

@-webkit-keyframes dash { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@keyframes dash { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@-webkit-keyframes dash2 { from { stroke-dashoffset: 1500; }
  to { stroke-dashoffset: 0; } }

@keyframes dash2 { from { stroke-dashoffset: 1500; }
  to { stroke-dashoffset: 0; } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutDown { 0% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(1.25);
            transform: scale(1.25); } }

@keyframes slideOutDown { 0% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(1.25);
            transform: scale(1.25); } }

.comeOut { -webkit-animation-name: comeOut; animation-name: comeOut; }

@-webkit-keyframes comeOut { 0% { opacity: 1;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% { opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes comeOut { 0% { opacity: 1;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% { opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes progressBar { 0% { max-width: 0%; }
  100% { max-width: 100%; } }

@keyframes progressBar { 0% { max-width: 0%; }
  100% { max-width: 100%; } }

@-webkit-keyframes d-headline { 0% { max-width: 0%; }
  10% { max-width: 0%; }
  100% { max-width: 100%; } }

@keyframes d-headline { 0% { max-width: 0%; }
  10% { max-width: 0%; }
  100% { max-width: 100%; } }

@-webkit-keyframes scroll-x { from { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(calc(-100% - 32px)); transform: translateX(calc(-100% - 32px)); } }

@keyframes scroll-x { from { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(calc(-100% - 32px)); transform: translateX(calc(-100% - 32px)); } }

/* Custom Plugins */
body.modal-open { overflow: hidden; }

.modal { position: fixed; z-index: 901; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; display: none; transition: all .5s; }

.modal:not(.show) { opacity: 0; }

.modal:not(.show) .modal-dialog { -webkit-transform: translate(0, -50px); transform: translate(0, -50px); }

.modal .close { position: absolute; top: 18px; right: 18px; cursor: pointer; opacity: 1; transition: all .3s ease-in-out; }

.modal .close img { display: block; width: 26px; height: auto; }

.modal .close:hover { opacity: .6; }

.modal .modal-close { position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; background: url(../images/ic-cancel-b.svg) no-repeat center/contain; cursor: pointer; opacity: 1; transition: all .3s ease; }

.modal .modal-close:hover { opacity: 0.5; }

.modal .modal-dialog { transition: all .3s ease-in-out; max-width: 770px; pointer-events: none; margin: 0 auto; }

.modal .modal-dialog.modal-dialog-centered { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 96px); }

.modal .modal-content { padding: 34px 0; background: #fff; margin: 30px auto; position: relative; border-radius: 6px; pointer-events: auto; box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.1), 0 12px 20px 0 rgba(119, 119, 119, 0.2); }

.modal--full:not(.show) { opacity: 0; }

.modal--full:not(.show) .modal-dialog { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); }

.modal--full .close { top: 32px; right: 40px; }

.modal--full .close .svg path { fill: #4B61DD; }

.modal--full .close span { position: relative; top: 1px; display: inline-block; margin-left: 4px; vertical-align: middle; color: #4B61DD; }

.modal--full ul.list-check h4 { margin-bottom: 4px; font-size: 20px; line-height: 28px; }

.modal--full ul.list-check li { padding-bottom: 24px; }

.modal--full ul.list-check li::before { top: 3px; }

.modal--full .modal__icon { width: 40px; margin: 0 auto 8px; }

.modal--full .modal__icon img { display: block; width: 100%; height: auto; }

.modal--full .modal__img { position: relative; }

.modal--full .modal__img img { display: block; width: 100%; height: auto; }

.modal--full .modal__img small { display: block; position: absolute; padding-top: 16px; top: 100%; left: 0; font-size: 12px; line-height: 16px; }

.modal--full .modal__vid { position: relative; }

.modal--full .modal__vid img { display: block; width: 100%; height: auto; }

.modal--full .modal__vid small { display: block; position: absolute; padding-top: 16px; top: 100%; left: 0; font-size: 12px; line-height: 16px; }

.modal--full .modal__vid .btn-play { z-index: 2; display: block; width: 68px; height: 68px; border-radius: 34rem; background-color: #4B61DD; background-image: url(../images/ic-play.svg); background-repeat: no-repeat; background-position: center; position: absolute; bottom: calc(50% - 34px); right: calc(50% - 34px); }

.modal--full .modal__vid .btn-play:hover { box-shadow: 0 0 0 rgba(0, 95, 191, 0.4); -webkit-animation: primary 2s infinite; animation: primary 2s infinite; }

@-webkit-keyframes primary { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@keyframes primary { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

.modal--full .modal__title { margin-bottom: 12px; }

.modal--full .modal__desc { margin-bottom: 40px; color: #2B2A35; }

.modal--full .modal-footer { position: absolute; background: #FFF; padding: 32px 6px; width: 100%; bottom: 0; left: 0; }

.modal--full .modal-body { height: 100%; overflow: auto; padding-left: 32px; padding-right: 32px; }

.modal--full .modal-dialog { border-radius: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; width: 100vw; height: 100vh; max-width: 100%; }

.modal--full .modal-content { position: relative; width: 100%; border-radius: 0; margin: 0; height: 90vh; padding: 64px 6px 20px; }

@media (max-width: 767px) { .modal--full .modal__img { margin-bottom: 60px; }
  .modal--full .modal-body { padding-left: 0; padding-right: 0; }
  .modal--full .close { top: 16px; right: 20px; } }

.modal-custom .modal-dialog { position: relative; max-width: 1226px; margin: 48px auto; }

.modal-custom .modal-content { padding: 0; width: 100%; }

.modal-custom .close { cursor: pointer; right: 0; top: -32px; width: 32px; height: 32px; z-index: 200; }

@media (max-width: 991px) { .modal-custom .modal-dialog { max-width: calc(100% - 32px); } }

.modal-role { padding: 36px 104px; }

.modal-role h3 { margin-bottom: 16px; }

.modal-role .list-blocks { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; }

.modal-role .block { display: inline-block; }

.modal-role .block .title { color: #2B2A35; display: block; font-size: 18px; line-height: 28px; font-weight: 500; margin-bottom: 8px; }

.modal-role .block .list-check { margin-bottom: 24px; }

.modal-role__head { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.modal-role__img { display: block; margin-bottom: 28px; padding-right: 80px; }

.modal-role__img img { display: block; width: 183px; height: auto; }

.modal-role__title { display: block; margin-bottom: 28px; }

.modal-role__title h2 { font-size: 56px; line-height: 64px; margin-bottom: 0; }

@media (max-width: 991px) { .modal-role { padding: 32px 24px; }
  .modal-role h3 { font-size: 20px; line-height: 30px; }
  .modal-role .list-blocks { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
  .modal-role__head { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .modal-role__title h2 { font-size: 24px; line-height: 32px; }
  .modal-role__img img { width: 100%; height: auto; } }

.modal.modal-success .modal-content { padding: 32px; width: 600px; }

.modal.modal-success .close img { width: 20px; }

.modal.modal-success .modal-success__img { margin: 0 auto 16px; text-align: center; }

.modal.modal-success .modal-success__title { text-align: center; }

.modal.modal-success .modal-success__desc { text-align: center; }

@media (max-width: 991px) { .modal.modal-success .modal-dialog.modal-dialog-centered { min-height: 100vh; }
  .modal.modal-success .modal-success__title { font-size: 20px; line-height: 28px; }
  .modal.modal-success .modal-content { width: auto; padding: 32px; margin: 0 16px; } }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 900; width: 100vw; height: 100vh; background-color: #212121; opacity: 0; }

.modal-backdrop.show { opacity: 0.8 !important; }

.fade { opacity: 0; transition: opacity 0.15s linear; }

.fade.show { opacity: 1; }

.collapse { display: none; }

.collapse.show { display: block; }

tr.collapse.show { display: table-row; }

tbody.collapse.show { display: table-row-group; }

.collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #D0D6DD; border-radius: 0.25rem; box-shadow: 0px 12px 20px rgba(119, 119, 119, 0.2); }

.dropdown-menu.show { display: block; }

.dropdown-item { display: block; width: 100%; padding: 0.4rem 1rem; clear: both; font-size: 0.875rem; line-height: 1.429em; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.dropdown-item:hover { background: #f7f7f7; color: #232933; }

.dropdown-item:focus { outline: none; }

.dropdown-item.active { background: #D0D6DD; color: #232933; }

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }

.tooltip.show { opacity: 0.9; }

.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }

.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; }

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; }

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; }

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; }

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; }

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }

.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; }

.lity { z-index: 2147483001; }

.lity-container { max-width: 1080px; }

.vslider .owl-stage-outer { pointer-events: none; }

.vslider .owl-dots { position: absolute; bottom: 0; left: -1.5rem; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 2px; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.vslider .owl-dots .owl-dot { display: block; width: 100%; height: 100%; }

.vslider .owl-dots .owl-dot span { display: block; width: 100%; height: 100%; background: #eee; }

.vslider .owl-dots .owl-dot:focus { outline: none; }

.vslider .owl-dots .owl-dot.active span { background: #5B37D4; }

.owl-carousel { position: relative; }

.owl-carousel.nav-false .owl-nav { display: none; }

.owl-carousel.dots-false .owl-dots { display: none; }

.owl-nav { position: absolute; top: 50%; left: 0; right: 0; height: 0; }

.owl-nav .disabled { opacity: .5; }

.owl-nav button:focus { outline: none !important; }

.owl-nav .btn-nav { width: 30px; height: 60px; background-color: #FFF; position: absolute; top: -30px; background-size: contain; opacity: .8; transition: all .3s ease-in-out; cursor: pointer; }

.owl-nav .btn-nav:hover { opacity: 1; }

.owl-nav .btn-nav.left { left: 0; background: #FFF url(../images/icon-chevron-left.svg) no-repeat center; }

.owl-nav .btn-nav.right { right: 0; background: #FFF url(../images/icon-chevron-right.svg) no-repeat center; }

.owl-dots { text-align: center; position: absolute; padding: 0; margin: 0; bottom: 2rem; left: 0; right: 0; width: 100%; line-height: 0; height: 0; }

.owl-dot { position: relative; display: inline-block; vertical-align: middle; margin: 0 0.375rem; width: auto; }

.owl-dot span { display: block; width: 0.5rem; height: 0.5rem; border-radius: 0.25rem; background-color: #eee; }

.owl-dot:focus { outline: none !important; }

.owl-dot.active span { background-color: #4B61DD; }

.owl-carousel.bar-dot { padding-bottom: 32px; }

.owl-carousel.bar-dot .owl-dots { bottom: 0; }

.owl-carousel.bar-dot .owl-dot span { width: 32px; height: 4px; border-radius: 2px; background: #8B95A5; }

.owl-carousel.bar-dot .owl-dot.active span { background: #4B61DD; }

.swiper .swiper-pagination { line-height: 0; bottom: 0; }

.swiper .swiper-pagination .swiper-pagination-bullet { width: 32px; height: 6px; border-radius: 3px; margin: 2px 6px; background: #8B95A5; opacity: 1; }

.swiper .swiper-pagination .swiper-pagination-bullet-active { background: #4B61DD; }

.swiper .swiper-pagination-vertical .swiper-pagination-bullet { width: 8px; height: 32px; border-radius: 4px; margin: 12px 0; background: #8B95A5; opacity: 1; }

.swiper .swiper-pagination-vertical .swiper-pagination-bullet-active { background: #4B61DD; }

.swiper.swiper-initialized .swiper-wrapper { padding-bottom: 24px; }

.daterangepicker { font-family: "Inter", -apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; color: #232933; padding-top: 4px; border-radius: 8px; }

.daterangepicker:before, .daterangepicker:after { display: none; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { color: #626B79; opacity: 0.3; }

.daterangepicker td.disabled, .daterangepicker option.disabled { opacity: 0.1; text-decoration: none; }

.daterangepicker .calendar-table th { font-weight: 600; }

.daterangepicker .drp-buttons .btn { font-weight: 400; }

.daterangepicker td.end-date { border-radius: 4px; }

.daterangepicker td.start-date { border-radius: 4px; }

.daterangepicker td.in-range { background: #E0EEFF; }

.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #4B61DD; }

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-width: 0 1px 1px 0; }

/* General */
.btn { display: inline-block; font-weight: 500; color: #232933; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4375rem 1.25rem; font-size: 1rem; line-height: 1.5em; border-radius: 6px; cursor: pointer; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }

.btn:hover { color: #232933; text-decoration: none; }

.btn:focus, .btn.focus { outline: 0; box-shadow: none; }

.btn.disabled, .btn:disabled { opacity: 0.5; pointer-events: none; }

.btn .icon { display: inline-block; position: relative; top: -1px; vertical-align: middle; height: 1.5rem; width: 1.5rem; object-fit: contain; object-position: 50% 50%; }

.btn .icon:first-child { margin-right: 0.5rem; }

.btn .icon:last-child { margin-left: 0.5rem; }

.btn.cta-waba { padding-left: 16px; }

.btn.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url(../images/ic-waba-white.svg) no-repeat center; background-size: contain; }

.btn-primary { color: #FFF; background-color: #4B61DD; border-color: #4B61DD; }

.btn-primary .icon path { fill: #FFFFFF; transition: all .3s ease; }

.btn-primary:hover { color: #FFF; background-color: #2740ce; border-color: #2740ce; }

.btn-primary:focus, .btn-primary.focus { box-shadow: none; }

.btn-primary.disabled, .btn-primary:disabled { color: #FFF; background-color: #4B61DD; border-color: #4B61DD; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #FFF; background-color: #2740ce; border-color: #2740ce; }

.btn-primary:not(:disabled):not(.disabled):active .icon path, .btn-primary:not(:disabled):not(.disabled).active .icon path, .show > .btn-primary.dropdown-toggle .icon path { fill: #4B61DD; }

.btn-primary-border { color: #4B61DD; background-color: #FFF; border-color: #4B61DD; }

.btn-primary-border:hover { color: #FFF; background-color: #2740ce; border-color: #2740ce; }

.btn-primary-border:focus, .btn-primary-border.focus { box-shadow: none; }

.btn-primary-border.disabled, .btn-primary-border:disabled { color: #FFF; background-color: transparent; border-color: #4B61DD; }

.btn-primary-border:not(:disabled):not(.disabled):active, .btn-primary-border:not(:disabled):not(.disabled).active, .show > .btn-primary-border.dropdown-toggle { color: #FFF; background-color: #2740ce; border-color: #2740ce; }

.btn-white { color: #143A72; background-color: #FFF; border-color: #FFF; }

.btn-white:hover { color: #FFF; background-color: #143A72; border-color: #FFF; }

.btn-white:focus, .btn-white.focus { box-shadow: none; }

.btn-white.disabled, .btn-white:disabled { color: #143A72; background-color: #FFF; border-color: #FFF; }

.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #143A72; background-color: #FFF; border-color: #FFF; }

.btn--primary, .btn-blue { color: #FFFFFF; background-color: #4B61DD; border-color: #4B61DD; }

.btn--primary .icon path, .btn-blue .icon path { fill: #FFFFFF; }

.btn--primary:hover, .btn--primary:focus, .btn--primary.focus, .btn--primary:not(:disabled):not(.disabled):active, .btn--primary:not(:disabled):not(.disabled).active, .btn-blue:hover, .btn-blue:focus, .btn-blue.focus, .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #2740ce; border-color: #2740ce; }

.btn--primary:hover .icon path, .btn--primary:focus .icon path, .btn--primary.focus .icon path, .btn--primary:not(:disabled):not(.disabled):active .icon path, .btn--primary:not(:disabled):not(.disabled).active .icon path, .btn-blue:hover .icon path, .btn-blue:focus .icon path, .btn-blue.focus .icon path, .btn-blue:not(:disabled):not(.disabled):active .icon path, .btn-blue:not(:disabled):not(.disabled).active .icon path { fill: #FFFFFF; }

.btn--white, .btn-white { color: #4B61DD; background-color: #FFFFFF; border-color: #FFFFFF; }

.btn--white .icon path, .btn-white .icon path { fill: #03053A; }

.btn--white.cta-waba::before, .btn-white.cta-waba::before { background: url(../images/ic-waba-purple.svg) no-repeat center; }

.btn--white:hover, .btn--white:focus, .btn--white.focus, .btn--white:not(:disabled):not(.disabled):active, .btn--white:not(:disabled):not(.disabled).active, .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active { color: #03053A; background-color: #FFFFFF; border-color: #FFFFFF; }

.btn--white:hover .icon path, .btn--white:focus .icon path, .btn--white.focus .icon path, .btn--white:not(:disabled):not(.disabled):active .icon path, .btn--white:not(:disabled):not(.disabled).active .icon path, .btn-white:hover .icon path, .btn-white:focus .icon path, .btn-white.focus .icon path, .btn-white:not(:disabled):not(.disabled):active .icon path, .btn-white:not(:disabled):not(.disabled).active .icon path { fill: #FFFFFF; }

.btn--dark { color: #FFFFFF; background-color: #232933; border-color: #232933; }

.btn--dark .icon path { fill: #FFFFFF; }

.btn--dark:hover, .btn--dark:focus, .btn--dark.focus, .btn--dark:not(:disabled):not(.disabled):active, .btn--dark:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #0e1115; border-color: #0e1115; }

.btn--dark:hover .icon path, .btn--dark:focus .icon path, .btn--dark.focus .icon path, .btn--dark:not(:disabled):not(.disabled):active .icon path, .btn--dark:not(:disabled):not(.disabled).active .icon path { fill: #FFFFFF; }

.btn--transparent { color: #4B61DD; background-color: transparent; border-color: transparent; }

.btn--transparent:hover, .btn--transparent:focus, .btn--transparent.focus, .btn--transparent:not(:disabled):not(.disabled):active, .btn--transparent:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #2740ce; border-color: #2740ce; }

.btn--border, .btn--border-primary, .btn-blue-border { color: #4B61DD; background-color: #FFF; border-color: #4B61DD; transition: all 0.3s ease-in-out; }

.btn--border .icon path, .btn--border-primary .icon path, .btn-blue-border .icon path { fill: #4B61DD; }

.btn--border:hover, .btn--border:focus, .btn--border.focus, .btn--border:not(:disabled):not(.disabled):active, .btn--border:not(:disabled):not(.disabled).active, .btn--border-primary:hover, .btn--border-primary:focus, .btn--border-primary.focus, .btn--border-primary:not(:disabled):not(.disabled):active, .btn--border-primary:not(:disabled):not(.disabled).active, .btn-blue-border:hover, .btn-blue-border:focus, .btn-blue-border.focus, .btn-blue-border:not(:disabled):not(.disabled):active, .btn-blue-border:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #4B61DD; border-color: #4B61DD; }

.btn--border:hover .icon path, .btn--border:focus .icon path, .btn--border.focus .icon path, .btn--border:not(:disabled):not(.disabled):active .icon path, .btn--border:not(:disabled):not(.disabled).active .icon path, .btn--border-primary:hover .icon path, .btn--border-primary:focus .icon path, .btn--border-primary.focus .icon path, .btn--border-primary:not(:disabled):not(.disabled):active .icon path, .btn--border-primary:not(:disabled):not(.disabled).active .icon path, .btn-blue-border:hover .icon path, .btn-blue-border:focus .icon path, .btn-blue-border.focus .icon path, .btn-blue-border:not(:disabled):not(.disabled):active .icon path, .btn-blue-border:not(:disabled):not(.disabled).active .icon path { fill: #FFFFFF; }

.btn--border:hover::before, .btn--border:focus::before, .btn--border.focus::before, .btn--border:not(:disabled):not(.disabled):active::before, .btn--border:not(:disabled):not(.disabled).active::before, .btn--border-primary:hover::before, .btn--border-primary:focus::before, .btn--border-primary.focus::before, .btn--border-primary:not(:disabled):not(.disabled):active::before, .btn--border-primary:not(:disabled):not(.disabled).active::before, .btn-blue-border:hover::before, .btn-blue-border:focus::before, .btn-blue-border.focus::before, .btn-blue-border:not(:disabled):not(.disabled):active::before, .btn-blue-border:not(:disabled):not(.disabled).active::before { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.btn--border-white, .btn-white-border { color: #FFFFFF; background-color: transparent; border-color: #FFFFFF; }

.btn--border-white:hover, .btn--border-white:focus, .btn--border-white.focus, .btn--border-white:not(:disabled):not(.disabled):active, .btn--border-white:not(:disabled):not(.disabled).active, .btn-white-border:hover, .btn-white-border:focus, .btn-white-border.focus, .btn-white-border:not(:disabled):not(.disabled):active, .btn-white-border:not(:disabled):not(.disabled).active { color: #232933; background-color: #FFFFFF; border-color: #FFFFFF; }

.btn--link, .btn-link { color: #4B61DD; background-color: transparent; border-color: transparent; }

.btn--link:hover, .btn--link:hover, .btn--link:focus, .btn--link.focus, .btn--link:not(:disabled):not(.disabled):active, .btn--link:not(:disabled):not(.disabled).active, .btn-link:hover, .btn-link:hover, .btn-link:focus, .btn-link.focus, .btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active { color: #4B61DD; background-color: transparent; border-color: transparent; text-decoration: underline; }

.btn--link .svg path, .btn-link .svg path { fill: #4B61DD; }

.btn--link-primary { color: #4B61DD; background-color: transparent; border-color: transparent; }

.btn--link-primary:hover, .btn--link-primary:hover, .btn--link-primary:focus, .btn--link-primary.focus, .btn--link-primary:not(:disabled):not(.disabled):active, .btn--link-primary:not(:disabled):not(.disabled).active { color: #4B61DD; background-color: transparent; border-color: transparent; text-decoration: underline; }

.btn--link-dark { color: #2B2A35; background-color: transparent; border-color: transparent; }

.btn--link-dark:hover, .btn--link-dark:hover, .btn--link-dark:focus, .btn--link-dark.focus, .btn--link-dark:not(:disabled):not(.disabled):active, .btn--link-dark:not(:disabled):not(.disabled).active { color: #2B2A35; background-color: transparent; border-color: transparent; text-decoration: underline; }

.btn--play { position: relative; color: #626B79; }

.btn--play .icon { margin: 0 !important; position: relative; left: 1px; -webkit-transform: sclae(1); transform: sclae(1); transition: all .4s ease; }

.btn--play .icon path { fill: #626B79; transition: all .4s ease; }

.btn--play .play-icon { display: inline-block; vertical-align: middle; position: relative; width: 1.5rem; height: 1.5rem; top: -1px; margin-right: 8px; }

.btn--play .play-icon:before { content: ""; display: block; position: absolute; width: calc(100% + 6px); height: calc(100% + 6px); top: -3px; left: -3px; background: #626B79; border-radius: 50%; opacity: 0; -webkit-transform: scale(0); transform: scale(0); transition: all .4s ease; }

.btn--play:hover .icon, .btn--play:hover .icon, .btn--play:focus .icon, .btn--play.focus .icon, .btn--play:not(:disabled):not(.disabled):active .icon, .btn--play:not(:disabled):not(.disabled).active .icon { -webkit-transform: scale(0.7); transform: scale(0.7); }

.btn--play:hover .icon path, .btn--play:hover .icon path, .btn--play:focus .icon path, .btn--play.focus .icon path, .btn--play:not(:disabled):not(.disabled):active .icon path, .btn--play:not(:disabled):not(.disabled).active .icon path { fill: #FFFFFF; }

.btn--play:hover .play-icon:before, .btn--play:hover .play-icon:before, .btn--play:focus .play-icon:before, .btn--play.focus .play-icon:before, .btn--play:not(:disabled):not(.disabled):active .play-icon:before, .btn--play:not(:disabled):not(.disabled).active .play-icon:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 rgba(84, 84, 101, 0.4); -webkit-animation: play-dark 2s infinite; animation: play-dark 2s infinite; }

@-webkit-keyframes play-dark { 0% { box-shadow: 0 0 0 0 rgba(84, 84, 101, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(84, 84, 101, 0); }
  100% { box-shadow: 0 0 0 0 rgba(84, 84, 101, 0); } }

@keyframes play-dark { 0% { box-shadow: 0 0 0 0 rgba(84, 84, 101, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(84, 84, 101, 0); }
  100% { box-shadow: 0 0 0 0 rgba(84, 84, 101, 0); } }

.btn--nopadding { padding: 0; }

.btn--block { display: block; width: 100%; }

.btn--block + .btn--block { margin-top: 0.5rem; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.badge { display: inline-block; vertical-align: middle; color: #232933; font-size: 14px; line-height: 18px; padding: 0 6px; font-weight: 400; border: 1px solid #D0D6DD; background: #D0D6DD; border-radius: 10px; }

.link-more { color: #4B61DD; position: relative; }

.link-more:after { content: ""; display: inline-block; vertical-align: middle; margin-left: 8px; width: 20px; height: 20px; background: url(../images/ic-arrow-right-long.svg) no-repeat center; background-size: contain; }

.link-more:hover { color: #2740ce; text-decoration: underline; }

.link-more:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-more.lm-btn { display: inline-block; padding-top: 8px; padding-bottom: 8px; padding-left: 16px; }

.link-more-white { color: #FFF; position: relative; padding-right: 26px; }

.link-more-white:after { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-arrow-right-long-w.svg) no-repeat center; background-size: contain; position: absolute; right: 0; top: calc(50% - 10px); }

.link-more-white:hover { color: #FFF; text-decoration: underline; }

.link-more-white:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-back { color: #4B61DD; position: relative; padding-left: 26px; white-space: nowrap; }

.link-back:after { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-arrow-left-long.svg) no-repeat center; background-size: contain; position: absolute; left: 0; top: calc(50% - 10px); }

.link-back:hover { color: #2740ce; text-decoration: underline; }

.link-back:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-down { color: #4B61DD; position: relative; padding-left: 28px; }

.link-down::before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-arrow-down-long.svg) no-repeat center; background-size: contain; position: absolute; left: 0; top: calc(50% - 10px); }

.link-down:hover { color: #2740ce; text-decoration: underline; }

.link-down:hover::before { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounceDown; animation-name: bounceDown; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-down-white { color: #FFF; position: relative; padding-right: 28px; }

.link-down-white::before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-arrow-down-long-w.svg) no-repeat center; background-size: contain; position: absolute; right: 0; top: calc(50% - 10px); }

.link-down-white:hover { color: #e6e5e5; text-decoration: underline; }

.link-down-white:hover::before { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounceDown; animation-name: bounceDown; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-video { color: #4B61DD; position: relative; padding-left: 26px; }

.link-video:after { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-play-blue.svg) no-repeat center; background-size: contain; position: absolute; left: 0; top: calc(50% - 10px); }

.link-video:hover { color: #4B61DD; text-decoration: underline; }

.link-video-white { color: #FFF; position: relative; padding-left: 26px; }

.link-video-white:after { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-play.svg) no-repeat center; background-size: contain; position: absolute; left: 0; top: calc(50% - 10px); }

.link-video-white:hover { color: #FFF; text-decoration: underline; }

a.more:hover img, a.more:hover svg, span.more:hover img, span.more:hover svg { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

a.link-gray { color: #626B79; }

.link-external { position: relative; font-size: 14px; line-height: 24px; color: #4B61DD; }

.link-external::before { content: ""; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(../images/ic-external-link.svg) no-repeat center; background-size: contain; margin-right: 8px; }

.link-external:hover { color: #2740ce; }

.btn-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.btn-wrap .btn-col { padding-left: 8px; padding-right: 8px; }

.btn-wrap .btn-col .btn { margin: 0; }

.btn-wrap .btn-col a { display: inline-block; }

@media (max-width: 991px) { .btn-wrap { text-align: center; }
  .btn-wrap .btn-col { width: 100%; }
  .btn-wrap .btn-col + .btn-col { margin-top: 12px; }
  .btn-wrap .btn { display: block; width: 100%; } }

.bg-gray { background: #F2F4F7; }

.bg-half-gray { position: relative; }

.bg-half-gray:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: calc((100vw - 1248px)/2 + 208px); background: #F9FAFB; }

@media (max-width: 767px) { .bg-half-gray:before { width: 100%; height: 70%; top: auto; left: 0; bottom: 0; } }

ul.list-check, ul.custom-list { display: block; padding: 0; margin: 0 0 24px; }

ul.list-check li, ul.custom-list li { display: block; position: relative; padding-bottom: 0.5rem; padding-left: 2rem; }

ul.list-check li span.title, ul.custom-list li span.title { display: block; position: relative; color: #232933; font-size: 1rem; line-height: 1.5em; margin: 0 0 4px; font-weight: 500; }

ul.list-check li::before, ul.custom-list li::before { content: ""; display: block; position: absolute; width: 1.25rem; height: 1.25rem; top: 0.083em; left: 0; background-image: url(../images/ic-check.svg); background-repeat: no-repeat; background-size: contain; background-position: center; }

ul.list-check li.lock, ul.custom-list li.lock { color: #8B95A5; text-decoration: line-through; }

ul.list-check li.lock::before, ul.custom-list li.lock::before { background-image: url(../images/ic-lock.svg); }

ul.list-check.lc--red li::before, ul.custom-list.lc--red li::before { background-image: url(../images/ic-check-red.svg); }

ul.list-check.lc--cyan li::before, ul.custom-list.lc--cyan li::before { background-image: url(../images/ic-check-cyan.svg); }

ul.list-check.lc--orange li::before, ul.custom-list.lc--orange li::before { background-image: url(../images/ic-check-orange.svg); }

ul.list-check.lc--green li::before, ul.custom-list.lc--green li::before { background-image: url(../images/ic-check-green.svg); }

ul.list-check.lc--green-alt li::before, ul.custom-list.lc--green-alt li::before { background-image: url(../images/ic-check-green-alt.svg); }

ul.list-check.lc--purple li::before, ul.custom-list.lc--purple li::before { background-image: url(../images/ic-check-purple.svg); }

.link-muted { color: #B4B4B4; }

.link-muted:hover { color: #4B61DD; }

.ic-wa { z-index: 101; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; bottom: 18px; right: 18px; }

.ic-wa img { z-index: 2; position: relative; display: block; height: 64px; width: 64px; min-width: 64px; }

.ic-wa span { z-index: 1; position: relative; display: block; width: 100%; height: 30px; background-color: #25d366; font-size: 12px; line-height: 14px; margin-left: -10px; border-radius: 0 20px 20px 0; color: #FFF; transition: all .3s ease; opacity: 0; font-size: 0; padding: 8px 0; max-width: 0; }

@media (hover: hover) and (pointer: fine) and (min-width: 821px) {
  .ic-wa:hover { color: #FFF; text-decoration: none; }
  .ic-wa:hover span { font-size: 12px; padding: 8px 12px; opacity: 1; max-width: 124px; }
}

.cta-waba:not(.show) { pointer-events: none !important; }

.img-default { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #F9FAFB; background-image: url("../images/mekari-logogram.svg"); background-repeat: no-repeat; background-position: center; }

.video { position: relative; }

.video video { display: block; width: 100%; height: auto; }

.hidden { display: none !important; }

.has-page-loading { z-index: 1000; display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); background-image: url(../images/loading.svg); background-position: center; background-size: 64px; background-repeat: no-repeat; }

hr.section-separator.nm { margin-top: 0; margin-bottom: 0; }

@media (min-width: 576px) { hr.section-separator { max-width: 516px; } }

@media (min-width: 768px) { hr.section-separator { max-width: 696px; } }

@media (min-width: 992px) { hr.section-separator { max-width: 936px; } }

@media (min-width: 1200px) { hr.section-separator { max-width: 1224px; } }

.top-banner-sticky { opacity: 0; display: block; display: none; z-index: 878; position: fixed; top: 0; left: 0; right: 0; text-decoration: none; color: #2B2A35; width: 100%; background: #E9E5F9; transition: none; }

.top-banner-sticky:hover { color: #2B2A35; text-decoration: none; }

.top-banner-sticky .tb__logo { display: block; width: 100%; max-width: 90px; -webkit-flex: 0 0 90px; -ms-flex: 0 0 90px; flex: 0 0 90px; }

.top-banner-sticky .tb__logo img { display: block; width: auto; height: 64px; }

.top-banner-sticky .tb__text { width: 100%; max-width: calc(80% - 90px); -webkit-flex: 0 0 calc(80% - 90px); -ms-flex: 0 0 calc(80% - 90px); flex: 0 0 calc(80% - 90px); padding-left: 60px; }

.top-banner-sticky .tb__text span.sub, .top-banner-sticky .tb__text span.sub-sm { display: none; }

.top-banner-sticky .tb__text span.title { display: block; font-size: 16px; line-height: 24px; font-weight: 600; }

.top-banner-sticky .tb__text span.title img { margin-right: 4px; width: 112px; height: auto; }

.top-banner-sticky .tb__text span.title-sm { display: none; font-size: 28px; line-height: 1.5em; font-weight: 600; }

.top-banner-sticky .tb__text span.title-sm img { display: none; }

.top-banner-sticky .tb__text span.title-sm span { display: inline-block !important; opacity: 1 !important; position: relative !important; }

.top-banner-sticky .tb__text span.text-small { font-size: 16px; line-height: 24px; position: relative; }

.top-banner-sticky .tb__text span.text-small small { font-size: 14px; line-height: 30px; }

.top-banner-sticky .tb__text span.text-small-sm { display: none; }

.top-banner-sticky .tb__text span.link { display: none; }

.top-banner-sticky .tb__action { display: block; width: 100%; max-width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; text-align: right; margin-left: auto; }

.top-banner-sticky span.link { text-decoration: none; color: #4B61DD; }

.top-banner-sticky span.link:after { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../images/ic-arrow-right.svg) no-repeat center; background-size: contain; position: relative; top: -2px; margin-left: 8px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.top-banner-sticky span.link:hover { color: #4B61DD; text-decoration: underline; }

.top-banner-sticky span.link:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.top-banner-sticky .tb__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 64px; }

.top-banner-sticky .tb__close { position: absolute; right: 22px; top: calc(50% - 10px); }

.top-banner-sticky .tb__close::before { content: ""; z-index: 1; display: block; width: 16px; height: 16px; background: url(../images/ic-cancel.svg) no-repeat center; background-size: contain; }

.top-banner-sticky.gold { background: linear-gradient(4deg, #AB8255 -20.48%, #D4B580 46.17%, #D3B47F 112.82%); }

.top-banner-sticky.gold span.link { color: #FFF; }

.top-banner-sticky.gold span.link::after { background-image: url(../images/ic-arrow-right-long-w.svg); }

.top-banner-sticky.gold .tb__close::before { -webkit-filter: grayscale(100) brightness(0) invert(1); filter: grayscale(100) brightness(0) invert(1); }

.top-banner-sticky.gold .tb__wrap { color: #FFF; }

.top-banner-sticky.tentubisa .tb__logo { max-width: 180px; -webkit-flex: 0 0 180px; -ms-flex: 0 0 180px; flex: 0 0 180px; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }

.top-banner-sticky.tentubisa .tb__text { padding-left: 0; max-width: calc(80% - 180px); -webkit-flex: 0 0 calc(80% - 180px); -ms-flex: 0 0 calc(80% - 180px); flex: 0 0 calc(80% - 180px); }

.top-banner-sticky.tentubisa .tb__text span.text-small img { max-height: 20px; width: auto; }

.top-banner-sticky.tb-dark span.link { color: #FFF; }

.top-banner-sticky.tb-dark span.link::after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.top-banner-sticky.tb-dark span.link:hover { color: #FFF; }

.top-banner-sticky.tbmcon { background: #5030BD; }

.top-banner-sticky.tbmcon .tb__close { display: none; }

.top-banner-sticky.tbmcon span.link { display: inline-block; color: #232933; font-size: 16px; line-height: 24px; font-weight: 600; padding: 8px 16px; background-color: #FFED51; border-radius: 4px; }

.top-banner-sticky.tbmcon span.link:hover { background-color: #ffea38; text-decoration: none; }

.top-banner-sticky.tbmcon span.link::after { -webkit-filter: grayscale(100%) brightness(0.5); filter: grayscale(100%) brightness(0.5); }

.top-banner-sticky.tbmcon .tb__logo { max-width: 190px; -webkit-flex: 0 0 190px; -ms-flex: 0 0 190px; flex: 0 0 190px; }

.top-banner-sticky.tbmcon .tb__text { color: #FFF; max-width: calc(80% - 190px); -webkit-flex: 0 0 calc(80% - 190px); -ms-flex: 0 0 calc(80% - 190px); flex: 0 0 calc(80% - 190px); padding-left: 48px; }

.top-banner-sticky.tbmcon .tb__text span.link { display: none; }

.top-banner-sticky.bg-dark { color: #FFF !important; }

.top-banner-sticky.bg-dark span.link { color: #FFF !important; }

.top-banner-sticky.bg-dark span.link::after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.top-banner-sticky.bg-dark span.link:after { -webkit-filter: invert(100%) brightness(100); filter: invert(100%) brightness(100); }

@media (max-width: 1200px) { .top-banner-sticky.tentubisa .tb__logo { display: none; }
  .top-banner-sticky.tentubisa .tb__text { max-width: 80%; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; padding-left: 0; }
  .top-banner-sticky.tbmcon .tb__logo { display: none; }
  .top-banner-sticky.tbmcon .tb__text { padding-left: 0; max-width: calc(100% - 260px); -webkit-flex: 0 0 calc(100% - 260px); -ms-flex: 0 0 calc(100% - 260px); flex: 0 0 calc(100% - 260px); }
  .top-banner-sticky.tbmcon .tb__text span.title { font-size: 16px; line-height: 24px; }
  .top-banner-sticky.tbmcon .tb__text span.text-small { font-size: 14px; line-height: 20px; }
  .top-banner-sticky.tbmcon .tb__action { max-width: 260px; -webkit-flex: 0 0 260px; -ms-flex: 0 0 260px; flex: 0 0 260px; } }

@media (max-width: 1024px) { .top-banner-sticky .tb__text { padding-left: 0; }
  .top-banner-sticky .tb__text span.title { display: block; font-size: 15px; line-height: 28px; }
  .top-banner-sticky .tb__text span.text-small { display: block; font-size: 14px; line-height: 20px; }
  .top-banner-sticky .tb__action { max-width: 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; padding-right: 48px; }
  .top-banner-sticky .tb__wrap { max-width: 100%; }
  .top-banner-sticky.tentubisa .tb__logo { display: none; }
  .top-banner-sticky.tentubisa .tb__text { padding-left: 24px; }
  .top-banner-sticky.tbmcon .tb__text span.title-sm { color: #FFF; }
  .top-banner-sticky.tbmcon .tb__text span.text-small-sm { color: #FFF; }
  .top-banner-sticky.tbmcon .tb__action span.link { color: #FFF; background: transparent; padding: 0; }
  .top-banner-sticky.tbmcon .tb__action span.link::after { -webkit-filter: invert(100%) brightness(1000%); filter: invert(100%) brightness(1000%); } }

@media (max-width: 991px) { .top-banner-sticky .tb__logo { display: block; }
  .top-banner-sticky .tb__text { padding-left: 24px; max-width: calc(65% - 90px); -webkit-flex: 0 0 calc(65% - 90px); -ms-flex: 0 0 calc(65% - 90px); flex: 0 0 calc(65% - 90px); }
  .top-banner-sticky .tb__text span.title { display: none; }
  .top-banner-sticky .tb__text span.text-small { display: none; }
  .top-banner-sticky .tb__text span.title-sm { display: block; font-size: 16px; line-height: 24px; }
  .top-banner-sticky .tb__text span.text-small-sm { display: block; font-size: 14px; line-height: 20px; }
  .top-banner-sticky .tb__action { max-width: 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; }
  .top-banner-sticky .tb__close { right: 16px; }
  .top-banner-sticky.tentubisa .tb__text { max-width: 65%; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; } }

@media (max-width: 479px) { .top-banner-sticky .tb__logo { display: none; }
  .top-banner-sticky .tb__text { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0; text-align: center; }
  .top-banner-sticky .tb__text span.link { display: block; margin-top: 4px; }
  .top-banner-sticky .tb__action { display: none; }
  .top-banner-sticky .tb__close { top: 10px; right: 10px; }
  .top-banner-sticky .tb__close::before { width: 12px; height: 12px; }
  .top-banner-sticky .tb__wrap { min-height: 120px; height: auto; }
  .top-banner-sticky.tentubisa .tb__text { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0; }
  .top-banner-sticky.tentubisa .tb__text span.title-sm { font-size: 14px; line-height: 20px; }
  .top-banner-sticky.tentubisa .tb__text span.text-small-sm { font-size: 14px; line-height: 20px; }
  .top-banner-sticky.tbmcon .tb__text { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .top-banner-sticky.tbmcon .tb__text span.title-sm { font-size: 14px; line-height: 20px; margin-bottom: 0; }
  .top-banner-sticky.tbmcon .tb__text span.link { display: block; color: #FFF; background: transparent; padding: 0; }
  .top-banner-sticky.tbmcon .tb__text span.link::after { -webkit-filter: invert(100%) brightness(1000%); filter: invert(100%) brightness(1000%); } }

.top-banner-bot { display: block; margin-top: 64px; text-decoration: none; color: #2B2A35; width: 100%; background: #E9E5F9; position: relative; }

.top-banner-bot:hover { color: #2B2A35; text-decoration: none; }

.top-banner-bot .tb__logo { display: block; width: 100%; max-width: 180px; -webkit-flex: 0 0 180px; -ms-flex: 0 0 180px; flex: 0 0 180px; }

.top-banner-bot .tb__logo img { display: block; width: auto; height: auto; }

.top-banner-bot .tb__text { display: block; width: 100%; max-width: calc(80% - 180px); -webkit-flex: 0 0 calc(80% - 180px); -ms-flex: 0 0 calc(80% - 180px); flex: 0 0 calc(80% - 180px); padding-left: 48px; }

.top-banner-bot .tb__text span.sub { display: block; font-size: 18px; line-height: 1.5em; font-weight: 500; }

.top-banner-bot .tb__text span.sub-sm { display: none; }

.top-banner-bot .tb__text span.title { display: block; font-size: 32px; line-height: 48px; font-weight: 600; }

.top-banner-bot .tb__text span.title small { display: block; font-size: 16px; line-height: 24px; font-weight: 400; }

.top-banner-bot .tb__text span.title-sm { display: none; }

.top-banner-bot .tb__text span.link { display: none; text-decoration: underline; }

.top-banner-bot .tb__text span.text-small { display: block; font-size: 14px; line-height: 20px; }

.top-banner-bot .tb__text span.text-small small { font-size: 14px; line-height: 30px; display: block; }

.top-banner-bot .tb__text span.text-small-sm { display: none; }

.top-banner-bot .tb__action { width: 100%; max-width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; padding-left: 0; text-align: right; }

.top-banner-bot span.link { text-decoration: none; color: #4B61DD; }

.top-banner-bot span.link:after { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../images/ic-arrow-right.svg) no-repeat center; background-size: contain; position: relative; top: -2px; margin-left: 8px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.top-banner-bot span.link:hover { color: #4B61DD; text-decoration: underline; }

.top-banner-bot .tb__img { z-index: 1; display: block; position: absolute; width: 20%; height: calc(100% - 20px); top: 10px; right: 12px; background-size: auto 100%; background-repeat: no-repeat; background-position: right bottom; }

.top-banner-bot .tb__wrap { z-index: 2; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 144px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.top-banner-bot .tb__close { position: absolute; right: 14px; top: 16px; }

.top-banner-bot .tb__close::before { content: ""; z-index: 1; display: block; width: 16px; height: 16px; background: url(../images/ic-cancel.svg) no-repeat center; background-size: contain; }

.top-banner-bot.gold { background: linear-gradient(4deg, #AB8255 -20.48%, #D4B580 46.17%, #D3B47F 112.82%); }

.top-banner-bot.gold span.link { color: #FFF; }

.top-banner-bot.gold span.link::after { background-image: url(../images/ic-arrow-right-long-w.svg); }

.top-banner-bot.gold .tb__wrap { color: #FFF; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14); }

.top-banner-bot.gold::before { content: ''; left: 0; top: 0; height: 100%; width: 20%; position: absolute; background: url(../images/sb-ornament-left.webp) no-repeat center; background-size: cover; }

.top-banner-bot.gold::after { content: ''; right: 0; top: 0; height: 100%; width: 8%; position: absolute; background: url(../images/sb-ornament-right.webp) no-repeat center; background-size: cover; }

.top-banner-bot.tentubisa .tb__logo { max-width: 300px; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; }

.top-banner-bot.tentubisa .tb__logo img { max-height: 144px; }

.top-banner-bot.tentubisa .tb__text { max-width: calc(85% - 380px); -webkit-flex: 0 0 calc(85% - 380px); -ms-flex: 0 0 calc(85% - 380px); flex: 0 0 calc(85% - 380px); }

.top-banner-bot.tentubisa .tb__text span.title { font-size: 20px; line-height: 28px; margin-bottom: 4px; }

.top-banner-bot.tentubisa .tb__text span.text-small { font-size: 16px; line-height: 24px; }

.top-banner-bot.tentubisa .tb__action { max-width: 15%; -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; margin-left: auto; }

.top-banner-bot.tb-dark span.link { color: #FFF; }

.top-banner-bot.tb-dark span.link::after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.top-banner-bot.tb-dark span.link:hover { color: #FFF; }

.top-banner-bot.tbmcon { background: #5030BD; }

.top-banner-bot.tbmcon::before, .top-banner-bot.tbmcon::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(../images/banner-tbmcon-l.webp); background-size: auto 100%; background-position: left top; background-repeat: no-repeat; }

.top-banner-bot.tbmcon::after { background-image: url(../images/banner-tbmcon-r.webp); background-position: right top; }

.top-banner-bot.tbmcon .title { color: #FFF; font-size: 20px; line-height: 28px; margin: 0 0 4px; }

.top-banner-bot.tbmcon .text-small { color: #FFF; font-size: 14px; line-height: 16px; }

.top-banner-bot.tbmcon .tb__logo { max-width: 380px; -webkit-flex: 0 0 380px; -ms-flex: 0 0 380px; flex: 0 0 380px; }

.top-banner-bot.tbmcon .tb__logo img { max-height: 144px; max-width: 100%; height: auto; width: auto; margin: 0 auto; }

.top-banner-bot.tbmcon .tb__text { max-width: calc(80% - 380px); -webkit-flex: 0 0 calc(80% - 380px); -ms-flex: 0 0 calc(80% - 380px); flex: 0 0 calc(80% - 380px); }

.top-banner-bot.tbmcon .tb__text .title { font-size: 20px; line-height: 150%; }

.top-banner-bot.tbmcon .tb__action span.link { display: inline-block; color: #232933; font-size: 16px; line-height: 24px; font-weight: 600; padding: 8px 16px; background-color: #FFED51; border-radius: 4px; }

.top-banner-bot.tbmcon .tb__action span.link:hover { background-color: #ffea38; text-decoration: none; }

.top-banner-bot.tbmcon .tb__action span.link::after { -webkit-filter: grayscale(100%) brightness(0.5); filter: grayscale(100%) brightness(0.5); }

.top-banner-bot.bg-dark { color: #FFF !important; }

.top-banner-bot.bg-dark::before, .top-banner-bot.bg-dark::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(../images/banner-tbmcon-l.webp); background-size: auto 100%; background-position: left top; background-repeat: no-repeat; }

.top-banner-bot.bg-dark::after { background-image: url(../images/banner-tbmcon-r.webp); background-position: right top; }

.top-banner-bot.bg-dark span.link { color: #FFF !important; }

.top-banner-bot.bg-dark span.link:after { -webkit-filter: invert(100%) brightness(100); filter: invert(100%) brightness(100); }

@media (max-width: 1200px) { .top-banner-bot.tentubisa .tb__logo { display: none; }
  .top-banner-bot.tentubisa .tb__text { max-width: 80%; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; padding-left: 0; }
  .top-banner-bot.tentubisa .tb__action { display: block; max-width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; }
  .top-banner-bot.tbmcon .tb__logo { display: none; }
  .top-banner-bot.tbmcon .tb__text { padding-left: 0; max-width: calc(100% - 260px); -webkit-flex: 0 0 calc(100% - 260px); -ms-flex: 0 0 calc(100% - 260px); flex: 0 0 calc(100% - 260px); }
  .top-banner-bot.tbmcon .tb__action { max-width: 260px; -webkit-flex: 0 0 260px; -ms-flex: 0 0 260px; flex: 0 0 260px; } }

@media (max-width: 1024px) { .top-banner-bot { margin-top: 64px; }
  .top-banner-bot .tb__logo { position: relative; margin-left: -30px; }
  .top-banner-bot .tb__text { padding-left: 24px; max-width: calc(100% - 180px); -webkit-flex: 0 0 calc(100% - 180px); -ms-flex: 0 0 calc(100% - 180px); flex: 0 0 calc(100% - 180px); }
  .top-banner-bot .tb__text span.title { font-size: 28px; line-height: 36px; }
  .top-banner-bot .tb__text span.link { margin-top: 4px; font-size: 14px; line-height: 24px; }
  .top-banner-bot .tb__action { display: none; }
  .top-banner-bot.tentubisa .tb__logo { display: none; }
  .top-banner-bot.tentubisa .tb__text { max-width: 80%; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; padding-left: 0; }
  .top-banner-bot.tentubisa .tb__action { display: block; max-width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; }
  .top-banner-bot.tbmcon::after { background-image: url(../images/banner-tbmcon-l-sm.webp); }
  .top-banner-bot.tbmcon::before { background-image: url(../images/banner-tbmcon-r-sm.webp); }
  .top-banner-bot.tbmcon .tb__text { text-align: center; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .top-banner-bot.tbmcon .tb__text span.title-sm { color: #FFF; }
  .top-banner-bot.tbmcon .tb__text span.text-small-sm { color: #FFF; }
  .top-banner-bot.tbmcon .tb__text span.link { display: inline-block; color: #232933; font-size: 16px; line-height: 24px; font-weight: 600; padding: 8px 16px; background-color: #FFED51; border-radius: 4px; }
  .top-banner-bot.tbmcon .tb__text span.link:hover { background-color: #ffea38; text-decoration: none; }
  .top-banner-bot.tbmcon .tb__text span.link::after { -webkit-filter: grayscale(100%) brightness(0.5); filter: grayscale(100%) brightness(0.5); } }

@media (max-width: 991px) { .top-banner-bot { margin-top: 56px; }
  .top-banner-bot .tb__text span.title { display: none; }
  .top-banner-bot .tb__text span.text-small { display: none; }
  .top-banner-bot .tb__text span.title-sm { display: block; font-size: 16px; line-height: 24px; font-weight: 600; }
  .top-banner-bot .tb__text span.title-sm img { width: 112px; margin-right: 4px; }
  .top-banner-bot .tb__text span.text-small-sm { display: block; }
  .top-banner-bot .tb__text span.link { display: block; margin-top: 8px; font-size: 16px; line-height: 24px; text-decoration: none; }
  .top-banner-bot .tb__wrap { min-height: 164px; }
  .top-banner-bot .tb__close { top: 16px; right: 16px; }
  .top-banner-bot.tentubisa .tb__text { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .top-banner-bot.tentubisa .tb__action { display: none; } }

@media (max-width: 479px) { .top-banner-bot { margin-top: 56px; }
  .top-banner-bot .tb__logo { display: none; }
  .top-banner-bot .tb__text { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0; text-align: center; }
  .top-banner-bot .tb__text span.text-small-sm { font-size: 14px; line-height: 20px; }
  .top-banner-bot .tb__action { display: none; }
  .top-banner-bot .tb__close { top: 10px; right: 10px; }
  .top-banner-bot .tb__close::before { width: 12px; height: 12px; }
  .top-banner-bot.tbmcon { margin-top: 65px; }
  .top-banner-bot.tbmcon .tb__wrap { padding-top: 12px; padding-bottom: 12px; }
  .top-banner-bot.tbmcon .tb__text span.title-sm { font-size: 18px; line-height: 1.5em; }
  .top-banner-bot.tbmcon .tb__text span.link { display: inline-block; color: #232933; font-size: 16px; line-height: 24px; font-weight: 600; padding: 8px 16px; background-color: #FFED51; border-radius: 4px; }
  .top-banner-bot.tbmcon .tb__text span.link:hover { background-color: #ffea38; text-decoration: none; }
  .top-banner-bot.tbmcon .tb__text span.link::after { -webkit-filter: grayscale(100%) brightness(0.5); filter: grayscale(100%) brightness(0.5); } }

body.has-tb main { padding-top: 0; }

body.has-tb.tbs-show header { transition: all .4s ease; }

body.has-tb.tbs-show header.fixed { -webkit-transform: translateY(64px); transform: translateY(64px); }

body.has-tb.tbs-show .top-banner-sticky { opacity: 1; display: block; }

body.has-tb.tbs-show.menu-open header.fixed { -webkit-transform: none; transform: none; }

@media (max-width: 479px) { body.has-tb.tbs-show .top-banner-sticky { top: 0; }
  body.has-tb.tbs-show header.fixed { -webkit-transform: translateY(120px); transform: translateY(120px); } }

.scroll-top { display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #232933; width: 50px; height: 50px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; position: fixed; bottom: 98px; right: 17px; transition: background-color .3s, opacity .5s, visibility .5s, bottom .3s ease; opacity: 0; visibility: hidden; z-index: 90; cursor: pointer; }

.scroll-top::after { content: ''; width: 30px; height: 30px; display: block; background: url(../images/ic-to-top.webp); background-size: contain; background-position: center; background-repeat: no-repeat; margin: 10% auto; }

.scroll-top.show { opacity: 0.7; visibility: visible; }

.scroll-top.show:hover { opacity: 1; }

.scroll-top.alt { bottom: 17px; }

@media (max-width: 991px) { .scroll-top.hide-sm { display: none; } }

.box-video { position: relative; margin-bottom: 32px; width: 100%; padding-top: 52.6%; }

.box-video img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }

.box-video .play-btn { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.box-video .play-btn::after { content: ""; display: block; position: absolute; width: 80px; height: 80px; top: calc(50% - 40px); left: calc(50% - 40px); border-radius: 40px; background-color: #2b2a35; background-image: url("../images/ic-play.svg"); background-repeat: no-repeat; background-size: 30px; background-position: center; box-shadow: 0 0 0 rgba(43, 42, 56, 0.4); -webkit-animation: mastheadplay 2s infinite; animation: mastheadplay 2s infinite; }

@-webkit-keyframes mastheadplay { 0% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(43, 42, 56, 0); }
  100% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0); } }

@keyframes mastheadplay { 0% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(43, 42, 56, 0); }
  100% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0); } }

.formpage { display: block; max-width: 600px; margin: 64px auto; border-radius: 6px; background: #FFF; box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.1), 0 12px 20px 0 rgba(119, 119, 119, 0.2); }

.formpage__title { font-size: 32px; line-height: 48px; margin: 0 0 16px; text-align: center; }

.formpage__desc { text-align: center; margin: 0 0 48px; }

.formpage__img { border-radius: 6px 6px 0 0; overflow: hidden; }

.formpage__img img { display: block; width: 100%; height: auto; position: relative; }

.formpage__form { padding: 48px; }

.formpage .form-action { text-align: center; }

@media (max-width: 991px) { .formpage { margin: 48px 20px; }
  .formpage__title { font-size: 20px; line-height: 28px; }
  .formpage__desc { font-size: 14px; line-height: 20px; margin: 0 0 24px; }
  .formpage__form { padding: 24px 24px 32px; } }

.breadcrumb { padding: 16px 0; border-top: 1px solid #D0D6DD; }

.breadcrumb__wrap { font-size: 12px; line-height: 16px; }

.breadcrumb__wrap a { color: #4B61DD; text-decoration: underline; }

.breadcrumb__wrap a:hover { color: #1f33a3; }

.breadcrumb__wrap a span.home { display: inline-block; vertical-align: middle; width: 20px; height: 20px; font-size: 0; line-height: 0; background: url(../images/logomark-mekari.svg) no-repeat center; background-size: contain; }

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

.sitemap__title { text-align: center; }

.sitemap__item { padding-top: 64px; padding-bottom: 64px; position: relative; }

.sitemap__item::after { content: ""; display: block; width: calc(100% - 24px); position: absolute; left: 12px; bottom: 0; border-bottom: 1px solid #D0D6DD; }

.sitemap__item:last-of-type::after { display: none; }

.sitemap__list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; margin-left: -12px; margin-right: -12px; }

.sitemap__list > li { padding: 6px 12px; display: block; }

.sitemap__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .sitemap__item { padding-top: 32px; padding-bottom: 32px; }
  .sitemap__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  .sitemap__wrap { padding-top: 32px; padding-bottom: 32px; } }

@media (max-width: 767px) { .sitemap { padding-left: 8px; padding-right: 8px; }
  .sitemap__list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }

/* Form */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 60px white inset !important; }

.form-group { margin-bottom: 20px; }

.form-group > label { font-size: 14px; line-height: 20px; font-weight: 600; margin: 0 0 4px; }

.form-group > label .req { color: #C83E39; }

.form-group > label .normal { font-weight: 400; }

.form-group.loading { position: relative; }

.form-group.loading .form-control { border-color: #1C44D5; outline: 2px solid #E0EEFF; }

.form-group.loading::after { content: ""; width: 20px; height: 20px; background: url(../images/loading-field.svg); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 37px; right: 12px; }

.form-group.error .form-control { border-color: #C0392B; }

.form-group.error small.error { padding-top: 8px; display: block; font-size: 12px; line-height: 16px; color: #C0392B; }

.form-group-hidden { opacity: 0; visibility: hidden; position: absolute; }

.form-group.success { position: relative; }

.form-group.success .input-wrap { position: relative; }

.form-group.success .form-control { border-color: #179E63; }

.form-group.success .form-control[readonly] { border-color: #D0D6DD; background: #FFF; }

.form-group.success::after { position: absolute; content: ''; width: 20px; height: 20px; background: url("../images/ic-check.svg") no-repeat center; background-size: contain; display: inline-block; right: 10px; bottom: 10px; }

.form-action { padding-top: 24px; }

.form-action__text { font-size: 14px; line-height: 20px; padding-top: 24px; }

.form-action__text a { text-decoration: underline; }

.form-action .cb-agree { padding-top: 0; padding-bottom: 24px; padding-left: 26px; }

.form-action .cb-agree .custom-control-label { font-size: 14px; line-height: 20px; font-weight: 400px; }

.form-action .cb-agree .custom-control-label a { text-decoration: underline; }

.form-action .cb-agree .custom-control-label::before, .form-action .cb-agree .custom-control-label::after { width: 16px; height: 16px; border-radius: 4px; left: -26px; }

.form-action .btn + .btn { margin-left: 8px; }

.form-action .form-check { margin-bottom: 24px; }

.form-consent { padding-top: 24px; }

.form-consent a { text-decoration: underline; }

span.required { color: #D74022; }

.form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 20px; color: #232933; background-color: #FFF; border: 1px solid #D0D6DD; border-radius: 6px; transition: border-color 0.3s ease-in-out; }

.form-control:focus { border-color: #1C44D5; outline: 2px solid #E0EEFF; }

.form-control::-webkit-input-placeholder { color: #8B95A5; opacity: 1; }

.form-control::-moz-placeholder { color: #8B95A5; opacity: 1; }

.form-control:-ms-input-placeholder { color: #8B95A5; opacity: 1; }

.form-control::placeholder { color: #8B95A5; opacity: 1; }

.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }

.form-control.error { border-color: #DA473F; }

span.error { color: #DA473F; font-size: 12px; line-height: 16px; }

textarea.form-control { height: auto; }

label { color: #232933; }

select { display: inline-block; width: 100%; border: 1px solid #E2E2E2; border-radius: 0.25rem; font-size: 14px; line-height: 20px; padding: 0.5625rem 1rem; }

select:focus { box-shadow: none; outline: none; }

.select-control { display: inline-block; position: relative; width: 100%; background: #FFF; border: 1px solid #E2E2E2; border-radius: 0.25rem; font-size: 14px; line-height: 20px; padding: 0.5625rem 1rem; font-weight: 400; }

.select-control:focus { box-shadow: none; outline: none !important; }

.select-control .filter-option:after { content: ""; display: block; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; background: red; position: absolute; top: calc(50% - 0.625rem); right: 0.625rem; background: url(../images/ic-down.svg) no-repeat center; background-size: contain; }

.bootstrap-select { position: relative; }

.bootstrap-select > .dropdown-toggle { border: 1px solid #D0D6DD; padding: 9px 12px; font-size: 14px; line-height: 20px; background: #FFFFFF; border-radius: 6px; font-weight: 400; }

.bootstrap-select .dropdown-menu li a { padding: 6px 12px; }

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle { box-shadow: none; outline: none !important; }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner { text-overflow: ellipsis; }

.bootstrap-select.show-tick .dropdown-menu .dropdown-menu li a { padding-left: 40px; }

.bootstrap-select.show-tick .dropdown-menu li a span.text { margin: 0; }

.bootstrap-select.show-tick .dropdown-menu .bs-ok-default { display: block; position: absolute; width: 16px; height: 16px; top: 8px; left: 14px; right: auto; border: 1px solid #D0D6DD; border-radius: 4px; transition: all .4s ease; }

.bootstrap-select.show-tick .dropdown-menu .bs-ok-default::after { position: absolute; top: 0; left: 3.5px; border-width: 0 2px 2px 0; border-color: #FFFFFF; opacity: 0; width: 6px; height: 11px; -webkit-transform-origin: center; transform-origin: center; transition: all .4s ease; }

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark, .bootstrap-select.show-tick .dropdown-menu .selected .bs-ok-default { top: 8px; right: auto; background: #4B61DD; border-color: #4B61DD; }

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark::after, .bootstrap-select.show-tick .dropdown-menu .selected .bs-ok-default::after { opacity: 1; }

.custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding: 4px 0 4px 26px; color-adjust: exact; }

.custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; }

.custom-control-input:checked ~ .custom-control-label::before { color: #FFFFFF; border-color: #4B61DD; background-color: #4B61DD; }

.custom-control-input:focus ~ .custom-control-label::before { border-color: #4B61DD; }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #4B61DD; }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #FFFFFF; background-color: #4B61DD; border-color: #4B61DD; }

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #B4B4B4; }

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #B4B4B4; border-color: #B4B4B4; }

.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; cursor: pointer; font-weight: 400; }

.custom-control-label::before { position: absolute; top: 4px; left: -26px; display: block; width: 16px; height: 16px; pointer-events: none; content: ""; background-color: #FFFFFF; border: 1px solid #D0D6DD; }

.custom-control-label::after { position: absolute; top: 4px; left: -26px; display: block; width: 16px; height: 16px; content: ""; background-repeat: no-repeat; background-size: 0.75rem 0.75rem; background-position: center; }

.custom-control-inline { display: inline-block; }

.custom-control-inline + .custom-control-inline { margin-left: 1rem; }

.custom-checkbox .custom-control-label::before { border-radius: 4px; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); background-size: 60%; }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { opacity: 0.5; }

.custom-checkbox-alt .custom-control-label::before { border-radius: 4px; }

.custom-checkbox-alt .custom-control-input:checked ~ .custom-control-label::after { background-image: url(../images/ic-check-alt.svg); }

.custom-checkbox-alt .custom-control-input:disabled:checked ~ .custom-control-label::before { opacity: 0.5; }

.custom-radio .custom-control-label::before { border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { opacity: 0.5; }

.form-range > .form-range__before { text-align: right; font-size: 0.875rem; line-height: 1.429rem; padding-right: 4px; }

.form-range > .form-range__input { position: relative; min-height: 1.5rem; }

.form-range > .form-range__after { text-align: left; font-size: 0.875rem; line-height: 1.429rem; padding-left: 4px; }

.form-range input[type=range] { -webkit-appearance: none; width: 100%; height: 4px; border-radius: 2px; background: transparent; position: relative; top: -4px; }

.form-range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; position: relative; width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; border: 0; background-color: #4B61DD; background-image: url(../images/ic-caret.svg); background-position: center; background-size: 0.75rem; background-repeat: no-repeat; top: 0; cursor: pointer; }

.form-range input[type=range]::-moz-range-thumb { -webkit-appearance: none; width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; border: 0; background-color: #4B61DD; background-image: url(../images/ic-caret.svg); background-position: center; background-size: 0.75rem; background-repeat: no-repeat; top: calc(-0.75rem + 2px); cursor: pointer; }

.form-range input[type=range]:focus { outline: none; }

.input-file { border: 1px solid #D0D6DD; border-radius: 6px; font-size: 14px; line-height: 20px; padding: 4px; }

.input-file input[type=file]::file-selector-button { background: #FFF; border: 1px solid #EAECFB; border-radius: 4px; height: 28px; color: #4B61DD; transition: all .4s ease; }

.input-file input[type=file]::file-selector-button:hover { background: #EAECFB; cursor: pointer; }

.btn-group.btn-group-toggle { background-color: #FFF; border-radius: 1.25rem; border: 3px solid #FFF; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.btn-group.btn-group-toggle input { position: absolute; opacity: 0; visibility: hidden; z-index: -10; }

.btn-group.btn-group-toggle .btn { z-index: 1; display: block; position: relative; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 1; -ms-flex-preferred-size: 1; flex-basis: 1; font-size: 0.75rem; line-height: 1.429em; padding: 4px 15px; font-weight: 500; margin: 0; border: 1.5px solid transparent; border-radius: 1rem; color: #545465; background: #FFFFFF; cursor: pointer; }

.btn-group.btn-group-toggle .btn:hover { background: #FFFFFF; color: #2B2A35; border-color: #FFFFFF; }

.btn-group.btn-group-toggle .btn:not(:disabled):not(.disabled):active, .btn-group.btn-group-toggle .btn.active { z-index: 2; border-color: #4B61DD; background-color: #4B61DD; color: #FFF; box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.3); }

.btn-group.btn-group--custom { margin-bottom: -1rem; }

.btn-group.btn-group--custom .row { margin: 0 -0.5rem; }

.btn-group.btn-group--custom .row > .col, .btn-group.btn-group--custom .row > [class*="col-"] { padding-left: 0.5rem; padding-right: 0.5rem; }

.btn-group.btn-group--custom .item { margin-bottom: 1rem; }

.btn-group.btn-group--custom input { position: absolute; opacity: 0; visibility: hidden; z-index: -10; }

.btn-group.btn-group--custom .btn { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; width: 100%; border: 1px solid #D0D6DD; border-radius: 0.25rem; padding: 24px 16px 20px; font-size: 0.75rem; line-height: 1.5em; margin: 0; cursor: pointer; }

.btn-group.btn-group--custom .btn .icon { display: block; height: 32px; width: 122px; object-fit: contain; object-position: 50% 50%; margin: 0 auto 12px; }

.btn-group.btn-group--custom .btn span { display: block; font-size: 12px; line-height: 16px; font-weight: 400; color: #000; }

.btn-group.btn-group--custom .btn:hover { color: #232933; border-color: #005FBF; }

.btn-group.btn-group--custom .btn.active { border-color: #005FBF; }

.btn-group.btn-group--custom .btn.active:after { content: ""; z-index: 1; display: block; width: 1.25rem; height: 1.25rem; background-image: url(../images/ic-check-blue.svg); background-color: #FFFFFF; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: calc(-0.75rem + 1px); right: calc(-0.75rem + 1px); border-radius: 1.25rem; border: 2px solid #FFFFFF; }

@media only screen and (min-width: 1025px) { /* Footer */
  .footer { background: #F2F4F7; }
  .footer ul { margin: 0; padding: 0; list-style: none; }
  .footer__logo img { display: block; height: 1.875rem; width: auto; }
  .footer .ft-iso { display: -webkit-flex; display: -ms-flexbox; display: flex; width: calc(100% + 16px); -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; }
  .footer .ft-iso img { display: block; margin: 0 8px 12px; height: 63px; width: auto; }
  .footer .ft-iso .img { margin: 0; display: block; }
  .footer .ft-menu { margin: 0 0 1.5rem; }
  .footer .ft-menu .title { display: block; color: #232933; font-size: 1rem; line-height: 1.5em; font-weight: 500; margin: 0 0 0.75rem; }
  .footer .ft-menu > ul { display: block; }
  .footer .ft-menu > ul li { display: block; margin: 0 0 0.25rem; }
  .footer .ft-menu > ul li:last-child { margin: 0; }
  .footer .ft-menu > ul a { display: inline-block; color: #626B79; }
  .footer .ft-menu > ul a:hover { text-decoration: none; color: #4B61DD; }
  .footer .ft-menu > ul .tag { display: inline-block; color: #5B37D4; }
  .footer .ft-menu > ul .tag:before { content: "-"; display: inline-block; margin: 0 0.2em; }
  .footer__social { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; }
  .footer__social a { display: block; margin: 0 8px 16px; opacity: 1; transition: all .4s ease; }
  .footer__social a img { display: block; height: 24px; width: auto; }
  .footer__social a:hover { text-decoration: none; opacity: 0.5; }
  .footer__addr-list .addr a { color: #232933; text-decoration: none; }
  .footer__addr-list .addr a:hover { color: #4B61DD; }
  .footer__addr-list li { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 16px; }
  .footer__addr-list li span.city { display: block; width: 100%; max-width: 110px; -webkit-flex: 0 0 110px; -ms-flex: 0 0 110px; flex: 0 0 110px; color: #232933; font-weight: 600; }
  .footer__addr-list li:last-child { margin: 0; }
  .footer span.copy { display: block; text-align: center; }
  .footer__lang { display: none; }
  .footer__lang .item { display: block; position: relative; max-width: 9.625rem; margin-left: auto; }
  .footer__lang .item:after { content: ""; display: block; position: absolute; height: 0.375rem; width: 0.5rem; top: calc(50% - 0.1875rem); right: 0.46875rem; background: url(../images/ic-triangle.svg) no-repeat; background-position: center; background-size: contain; }
  .footer__lang .item a { display: block; position: relative; background: #FFFFFF; border: 1px solid #D0D6DD; color: #626B79; font-size: 0.875rem; line-height: 1.5rem; padding: 0 1.875rem; pointer-events: none; transition: all .3s ease; }
  .footer__lang .item a:hover { text-decoration: none; background-color: #F2F4F7; }
  .footer__lang .item a img { display: block; position: absolute; width: 0.9375rem; height: 0.625rem; top: calc(50% - 0.3125rem); left: 0.625rem; }
  .footer__main { padding: 80px 0; }
  .footer__main .col-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .footer__main .col-menu .ft-menu { padding-right: 6%; margin: 0; }
  .footer__main .col-cert { max-width: 24%; -webkit-flex: 0 0 24%; -ms-flex: 0 0 24%; flex: 0 0 24%; }
  .footer__addr { padding: 40px 0; }
  .footer__addr > .container { position: relative; }
  .footer__addr > .container::before { content: ""; display: block; width: calc(100% - 24px); height: 1px; background: #D0D6DD; position: absolute; top: -40px; left: 12px; }
  .footer__bot { background-color: #FFF; padding: 32px 0; }
  .footer .wpml-ls-legacy-dropdown a { background: transparent; }
  .footer .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .footer .wpml-ls-legacy-dropdown a:focus, .footer .wpml-ls-legacy-dropdown a:hover { background: transparent; }
  .footer .wpml-ls-statics-shortcode_actions, .footer .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .footer .wpml-ls-statics-shortcode_actions a { border-color: transparent; }
  .footer .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { display: none; }
  .footer-sm { padding-top: 20px; padding-bottom: 20px; background: #E6E9EF; }
  .footer-sm__logo { display: block; }
  .footer-sm__logo img { display: block; height: 32px; width: auto; }
  .footer-sm span.copy { display: block; margin: 0 56px; font-size: 14px; line-height: 20px; }
  .footer-sm__left { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .footer-sm__right { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } }

@media only screen and (max-width: 1024px) { /* Footer */
  .footer { background: #F2F4F7; }
  .footer ul { margin: 0; padding: 0; list-style: none; }
  .footer__logo { margin: 0 0 2rem; }
  .footer__logo img { display: block; height: 1.875rem; width: auto; }
  .footer .ft-iso { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; }
  .footer .ft-iso img { display: block; margin: 0 8px 16px; height: 56px; width: auto; }
  .footer .ft-menu { margin: 0 0 24px; }
  .footer .ft-menu .title { display: block; color: #232933; font-size: 1rem; line-height: 1.5em; font-weight: 500; margin: 0 0 0.75rem; }
  .footer .ft-menu > ul { display: block; }
  .footer .ft-menu > ul li { display: block; margin: 0 0 8px; }
  .footer .ft-menu > ul li:last-child { margin: 0; }
  .footer .ft-menu > ul a { display: inline-block; color: #626B79; }
  .footer .ft-menu > ul a:hover { text-decoration: none; color: #4B61DD; }
  .footer .ft-menu > ul .tag { display: inline-block; color: #5B37D4; }
  .footer .ft-menu > ul .tag:before { content: "-"; display: inline-block; margin: 0 0.2em; }
  .footer__social { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -12px 24px; }
  .footer__social a { display: block; margin: 0 12px 24px; opacity: 1; transition: all .4s ease; }
  .footer__social a img { display: block; height: 24px; width: auto; }
  .footer__social a:hover { text-decoration: none; opacity: 0.5; }
  .footer span.copy { display: block; text-align: center; }
  .footer__lang { padding-top: 24px; }
  .footer__lang .item { display: block; position: relative; max-width: 9.625rem; margin-left: auto; }
  .footer__lang .item:after { content: ""; display: block; position: absolute; height: 0.375rem; width: 0.5rem; top: calc(50% - 0.1875rem); right: 0.46875rem; background: url(../images/ic-triangle.svg) no-repeat; background-position: center; background-size: contain; }
  .footer__lang .item a { display: block; position: relative; background: #FFFFFF; border: 1px solid #D0D6DD; color: #626B79; font-size: 0.875rem; line-height: 1.5rem; padding: 0 1.875rem; pointer-events: none; transition: all .3s ease; }
  .footer__lang .item a:hover { text-decoration: none; background-color: #F2F4F7; }
  .footer__lang .item a img { display: block; position: absolute; width: 0.9375rem; height: 0.625rem; top: calc(50% - 0.3125rem); left: 0.625rem; }
  .footer__addr-list li { margin: 0 0 16px; }
  .footer__addr-list li span.city { display: block; width: 100%; max-width: 110px; -webkit-flex: 0 0 110px; -ms-flex: 0 0 110px; flex: 0 0 110px; color: #232933; font-weight: 600; }
  .footer__addr-list li span.addr { display: block; }
  .footer__addr-list li span.addr a { color: #626B79; }
  .footer__addr-list li:last-child { margin: 0; }
  .footer__main { padding: 3rem 0 2rem; }
  .footer__main .col-menu { width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .footer__main .col-menu .ft-menu { width: 50%; padding-left: 12px; padding-right: 12px; }
  .footer__main .col-menu .ft-menu:nth-child(1) { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .footer__main .col-menu .ft-menu:nth-child(2) { -webkit-order: 3; -ms-flex-order: 3; order: 3; }
  .footer__main .col-menu .ft-menu:nth-child(3) { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .footer__main .col-menu .ft-menu:nth-child(4) { -webkit-order: 4; -ms-flex-order: 4; order: 4; }
  .footer__addr { padding: 40px 8px; position: relative; }
  .footer__addr::before { content: ""; display: block; width: 100%; height: 1px; background: #D0D6DD; position: absolute; top: 0; left: 0; }
  .footer__bot { background-color: #E6E9EF; padding: 1.5rem 0; }
  .footer__bot .col-12 { -webkit-order: 3; -ms-flex-order: 3; order: 3; padding-top: 2rem; }
  .footer .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .footer .wpml-ls-legacy-dropdown a:focus, .footer .wpml-ls-legacy-dropdown a:hover { background: #FFFFFF; }
  .footer .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { display: none; }
  .footer-sm { padding-top: 20px; padding-bottom: 20px; background: #E6E9EF; }
  .footer-sm__logo { display: block; margin-bottom: 12px; }
  .footer-sm__logo img { display: block; height: 32px; width: auto; margin: 0 auto; }
  .footer-sm span.copy { display: block; font-size: 14px; line-height: 20px; }
  .footer-sm__left { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 16px; }
  .footer-sm__right { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

/*# sourceMappingURL=styles.css.map */