@charset 'UTF-8';
@font-face {
    font-family: 'dsb_iconfont';
    font-weight: normal;
    font-style: normal; 

    src: url('../font/e-dsb_iconfont.eot?95144552');
    src: url('../font/e-dsb_iconfont.eot?95144552#iefix') format('embedded-opentype'), url('../font/e-dsb_iconfont.woff?95144552') format('woff'), url('../font/e-dsb_iconfont.ttf?95144552') format('truetype'), url('../font/e-dsb_iconfont.svg?95144552#dsb_iconfont') format('svg');
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'dsb_iconfont';
    src: url('../font/e-dsb_iconfont.svg?78630159#dsb_iconfont') format('svg');
  }
}
*/
[class^='icon-']:before,
[class*=' icon-']:before {
    font-family: 'dsb_iconfont';
    font-weight: normal;
    font-style: normal;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    display: inline-block;

    width: 1em;
    margin-right: .2em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    text-align: center;
    text-decoration: inherit;
    text-transform: none;

    speak: none;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-location:before {
    content: '\e800';
}

/* '' */
.icon-lock-1:before {
    content: '\e801';
}

/* '' */
.icon-back-arrow:before {
    content: '\e802';
}

/* '' */
.icon-bulb:before {
    content: '\e803';
}

/* '' */
.icon-edit:before {
    content: '\e804';
}

/* '' */
.icon-fail:before {
    content: '\e805';
}

/* '' */
.icon-info:before {
    content: '\e806';
}

/* '' */
.icon-calendar:before {
    content: '\e807';
}

/* '' */
.icon-camera:before {
    content: '\e808';
}

/* '' */
.icon-pass:before {
    content: '\e809';
}

/* '' */
.icon-chevron:before {
    content: '\e80a';
}

/* '' */
.icon-delete:before {
    content: '\e80b';
}

/* '' */
.icon-add:before {
    content: '\e80c';
}

/* '' */
.icon-close:before {
    content: '\e80d';
}

/* '' */
.icon-sign:before {
    content: '\e80e';
}

/* '' */
.icon-back:before {
    content: '\e80f';
}

/* '' */
.icon-backlight:before {
    content: '\e810';
}

/* '' */
.icon-bill:before {
    content: '\e811';
}

/* '' */
.icon-backlight_full:before {
    content: '\e812';
}

/* '' */
.icon-bill_full:before {
    content: '\e813';
}

/* '' */
.icon-buy_sell_full:before {
    content: '\e814';
}

/* '' */
.icon-card_full:before {
    content: '\e815';
}

/* '' */
.icon-chart_full:before {
    content: '\e816';
}

/* '' */
.icon-phone_full_1:before {
    content: '\e817';
}

/* '' */
.icon-eye_full:before {
    content: '\e818';
}

/* '' */
.icon-add-1:before {
    content: '\e819';
}

/* '' */
.icon-arrow__left:before {
    content: '\e81a';
}

/* '' */
.icon-arrow_down:before {
    content: '\e81b';
}

/* '' */
.icon-arrow_right:before {
    content: '\e81c';
}

/* '' */
.icon-arrow_up:before {
    content: '\e81d';
}

/* '' */
.icon-chatbox:before {
    content: '\e81e';
}

/* '' */
.icon-close-1:before {
    content: '\e81f';
}

/* '' */
.icon-desktop:before {
    content: '\e820';
}

/* '' */
.icon-download:before {
    content: '\e821';
}

/* '' */
.icon-fingerprint:before {
    content: '\e822';
}

/* '' */
.icon-how_it_work:before {
    content: '\e823';
}

/* '' */
.icon-earth:before {
    content: '\e824';
}

/* '' */
.icon-information:before {
    content: '\e825';
}

/* '' */
.icon-location-1:before {
    content: '\e826';
}

/* '' */
.icon-loss:before {
    content: '\e827';
}

/* '' */
.icon-minus:before {
    content: '\e828';
}

/* '' */
.icon-notice:before {
    content: '\e829';
}

/* '' */
.icon-option:before {
    content: '\e82a';
}

/* '' */
.icon-phone:before {
    content: '\e82b';
}

/* '' */
.icon-push:before {
    content: '\e82c';
}

/* '' */
.icon-reload:before {
    content: '\e82d';
}

/* '' */
.icon-reset:before {
    content: '\e82e';
}

/* '' */
.icon-rise:before {
    content: '\e82f';
}

/* '' */
.icon-search:before {
    content: '\e830';
}

/* '' */
.icon-social:before {
    content: '\e831';
}

/* '' */
.icon-tag:before {
    content: '\e832';
}

/* '' */
.icon-telephone:before {
    content: '\e833';
}

/* '' */
.icon-tick:before {
    content: '\e834';
}

/* '' */
.icon-up:before {
    content: '\e835';
}

/* '' */
.icon-play:before {
    content: '\e836';
}

/* '' */
.icon-pdf:before {
    content: '\e837';
}

/* '' */
.icon-location_self:before {
    content: '\e838';
}

/* '' */
.icon-lock:before {
    content: '\e839';
}

/* '' */
.icon-bell:before {
    content: '\e83a';
}

/* '' */
.icon-calendar-1:before {
    content: '\e83b';
}

/* '' */
.icon-chatbox-1:before {
    content: '\e83c';
}

/* '' */
.icon-credit_card:before {
    content: '\e83d';
}

/* '' */
.icon-cross:before {
    content: '\e83e';
}

/* '' */
.icon-document:before {
    content: '\e83f';
}

/* '' */
.icon-drag:before {
    content: '\e840';
}

/* '' */
.icon-eye:before {
    content: '\e841';
}

/* '' */
.icon-fingerprint-1:before {
    content: '\e842';
}

/* '' */
.icon-information-1:before {
    content: '\e843';
}

/* '' */
.icon-lock-2:before {
    content: '\e844';
}

/* '' */
.icon-mail:before {
    content: '\e845';
}

/* '' */
.icon-menu:before {
    content: '\e846';
}

/* '' */
.icon-pdf-1:before {
    content: '\e847';
}

/* '' */
.icon-pin:before {
    content: '\e848';
}

/* '' */
.icon-preferences:before {
    content: '\e849';
}

/* '' */
.icon-quicklinks:before {
    content: '\e84a';
}

/* '' */
.icon-round_go:before {
    content: '\e84b';
}

/* '' */
.icon-tick-1:before {
    content: '\e84c';
}

/* '' */
.icon-time:before {
    content: '\e84d';
}

/* '' */
.icon-unlock:before {
    content: '\e84e';
}

/* '' */
.icon-buy_sell:before {
    content: '\e84f';
}

/* '' */
.icon-cheatbox_2:before {
    content: '\e850';
}

/* '' */
.icon-cheatbox:before {
    content: '\e851';
}

/* '' */
.icon-clalendar:before {
    content: '\e852';
}

/* '' */
.icon-check_blance:before {
    content: '\e853';
}

/* '' */
.icon-dollar:before {
    content: '\e854';
}

/* '' */
.icon-e_banking:before {
    content: '\e855';
}

/* '' */
.icon-filter:before {
    content: '\e856';
}

/* '' */
.icon-home:before {
    content: '\e857';
}

/* '' */
.icon-invest:before {
    content: '\e858';
}

/* '' */
.icon-loca:before {
    content: '\e859';
}

/* '' */
.icon-lock_1:before {
    content: '\e85a';
}

/* '' */
.icon-mail_1:before {
    content: '\e85b';
}

/* '' */
.icon-mail_2:before {
    content: '\e85c';
}

/* '' */
.icon-next:before {
    content: '\e85d';
}

/* '' */
.icon-note:before {
    content: '\e85e';
}

/* '' */
.icon-paper:before {
    content: '\e85f';
}

/* '' */
.icon-pen:before {
    content: '\e860';
}

/* '' */
.icon-people:before {
    content: '\e861';
}

/* '' */
.icon-phone_1:before {
    content: '\e862';
}

/* '' */
.icon-phone_2:before {
    content: '\e863';
}

/* '' */
.icon-phone_book:before {
    content: '\e864';
}

/* '' */
.icon-reverse:before {
    content: '\e865';
}

/* '' */
.icon-reward:before {
    content: '\e866';
}

/* '' */
.icon-search_1:before {
    content: '\e867';
}

/* '' */
.icon-service:before {
    content: '\e868';
}

/* '' */
.icon-setting:before {
    content: '\e869';
}

/* '' */
.icon-share:before {
    content: '\e86a';
}

/* '' */
.icon-three_dot:before {
    content: '\e86b';
}

/* '' */
.icon-transfer_to_me:before {
    content: '\e86c';
}

/* '' */
.icon-transfer:before {
    content: '\e86d';
}

/* '' */
.icon-artboard-82-copy-70:before {
    content: '\e86e';
}

/* '' */
.icon-back_full:before {
    content: '\e86f';
}

/* '' */
.icon-card:before {
    content: '\e870';
}

/* '' */
.icon-chart:before {
    content: '\e871';
}

/* '' */
.icon-more:before {
    content: '\e872';
}

/* '' */
.icon-less:before {
    content: '\e873';
}

/* '' */
.icon-warnning:before {
    content: '\e874';
}

/* '' */
.icon-cheatbox_2_full:before {
    content: '\e875';
}

/* '' */
.icon-cheatbox_full:before {
    content: '\e876';
}

/* '' */
.icon-check_blance_full:before {
    content: '\e877';
}

/* '' */
.icon-clalendar_full:before {
    content: '\e878';
}

/* '' */
.icon-e_banking_full:before {
    content: '\e879';
}

/* '' */
.icon-dollar_full:before {
    content: '\e87a';
}

/* '' */
.icon-filter_full:before {
    content: '\e87b';
}

/* '' */
.icon-home_full:before {
    content: '\e87c';
}

/* '' */
.icon-invest_full:before {
    content: '\e87d';
}

/* '' */
.icon-less_full:before {
    content: '\e87e';
}

/* '' */
.icon-loca_full:before {
    content: '\e87f';
}

/* '' */
.icon-lock_full:before {
    content: '\e880';
}

/* '' */
.icon-mail_full_1:before {
    content: '\e881';
}

/* '' */
.icon-mail_full:before {
    content: '\e882';
}

/* '' */
.icon-more_full:before {
    content: '\e883';
}

/* '' */
.icon-next_full:before {
    content: '\e884';
}

/* '' */
.icon-note_full:before {
    content: '\e885';
}

/* '' */
.icon-paper_full:before {
    content: '\e886';
}

/* '' */
.icon-pen_full:before {
    content: '\e887';
}

/* '' */
.icon-people_full:before {
    content: '\e888';
}

/* '' */
.icon-phone_book_full:before {
    content: '\e889';
}

/* '' */
.icon-upload:before {
    content: '\e88a';
}

/* '' */
.icon-phone_full:before {
    content: '\e88b';
}

/* '' */
.icon-reverse_full:before {
    content: '\e88c';
}

/* '' */
.icon-reward_full:before {
    content: '\e88d';
}

/* '' */
.icon-search_full:before {
    content: '\e88e';
}

/* '' */
.icon-service_full:before {
    content: '\e88f';
}

/* '' */
.icon-setting_full:before {
    content: '\e890';
}

/* '' */
.icon-share_full:before {
    content: '\e891';
}

/* '' */
.icon-three_dot_full:before {
    content: '\e892';
}

/* '' */
.icon-transfer_full:before {
    content: '\e893';
}

/* '' */
.icon-transfer_to_me_full:before {
    content: '\e894';
}

/* '' */
.icon-pin_solid:before {
    content: '\e895';
}

/* '' */
.icon-warnning_1:before {
    content: '\e896';
}

/* '' */
.icon-artboard-82-copy-71:before {
    content: '\e897';
}

/* '' */
.icon-backlight_off:before {
    content: '\e898';
}

/* '' */
.icon-eye_open:before {
    content: '\e899';
}

/* '' */
.icon-envelope_open:before {
    content: '\e89a';
}

/* '' */
.icon-trash_bin:before {
    content: '\e89b';
}

/* '' */
.icon-external_window:before {
    content: '\e89c';
}

/* '' */
.icon-push-login_02:before {
    content: '\e89d';
}

/* '' */
.icon-close_eye_full:before {
    content: '\e89e';
}

/* '' */
.icon-mobile:before {
    content: '\e89f';
}

/* '' */
.icon-phone_full-1:before {
    content: '\e8a0';
}

/* '' */
.icon-timer02:before {
    content: '\e8a1';
}

/* '' */
.icon-ebill:before {
    content: '\e8a2';
}

/* '' */
.icon-price_alert:before {
    content: '\e8a3';
}

/* '' */
.icon-clpd-account:before {
    content: '\e8a4';
}

/* '' */
.icon-fixed-deposit-account:before {
    content: '\e8a6';
}

/* '' */
.icon-mortgage-account:before {
    content: '\e8a7';
}

/* '' */
.icon-service_02:before {
    content: '\e8a9';
}

/* '' */
.icon-transfer-fps:before {
    content: '\e8aa';
}

/* '' */
.icon-transfer-to-me:before {
    content: '\e8ab';
}

/* '' */
.icon-pay-bill_02:before {
    content: '\e8ac';
}

/* '' */
.icon-search_02:before {
    content: '\e8ad';
}

/* '' */
.icon-download_02:before {
    content: '\e8ae';
}

/* '' */
.icon-gift_02:before {
    content: '\e8af';
}

/* '' */
.icon-upload_02:before {
    content: '\e8b0';
}

/* '' */
.icon-dollor_02:before {
    content: '\e8b1';
}

/* '' */
.icon-date-picker_02:before {
    content: '\e8b2';
}

/* '' */
.icon-personal-loan-account:before {
    content: '\e8b3';
}

/* '' */
.icon-arrow_info_left:before {
    content: '\e8b4';
}

/* '' */
.icon-home_btn2:before {
    content: '\e8b5';
}

/* '' */
.icon-edit_doc:before {
    content: '\e8b6';
}

/* '' */
.icon-card_full2:before {
    content: '\e8b7';
}

/* '' */
.icon-transfer_02:before {
    content: '\e8b8';
}

/* '' */
.icon-book:before {
    content: '\e8b9';
}

/* '' */
.icon-Check_List:before {
    content: '\e900';
}

/* '' */
.icon-calculator:before {
    content: '\e901';
}

/* '' */

@font-face {
    font-family: 'NotoSerifCJKtc';

    src: url('../font/NotoSerifCJKtc-Regular.otf');
}

@font-face {
    font-family: 'NotoSans';

    src: url('../font/NotoSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSans-ExtraLight';

    src: url('../font/NotoSans-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato';

    src: url('../font/Lato-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-weight: 200;

    src: url('../font/Lato-Light.ttf') format('opentype');
}

@font-face {
    font-family: 'Lato';
    font-weight: 300;

    src: url('../font/Lato-Light.ttf') format('opentype');
}

/*
@font-face {
    font-family: 'Suranna';

    src: url('../font/Suranna-Regular.ttf') format('truetype');
}
*/

html,
body {
    font-family: 'Lato', 'NotoSans',-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft JhengHei', 'Heiti TC', sans-serif;

    width: 100%;
    height: 100%;

    background-color: #fff;
}

@media screen and (max-width: 768px) {
    html,
    body {
        background: #fff;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Lato', 'NotoSans',-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft JhengHei', 'Heiti TC', sans-serif;
}

body {
    color: #000;
}

.modal-open .full-wrapper {
    overflow: hidden; 

    width: 100%;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .modal-open .full-wrapper .header {
        display: none;
    }
}

input,
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

hr {
    margin-bottom: 20px;
}

hr.doveGray {
    border-color: #696969;
}

hr.alto {
    border-color: #d6d6d6;
}

.section-title {
    font-family: 'Lato', 'NotoSans',-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft JhengHei', 'Heiti TC', sans-serif;
    font-size: 32px;
    line-height: 78px;

    margin-bottom: 25px;
}

@media screen and (min-width: 992px) {
    .section-title {
        display: flex;

        width: 100%; 

        align-items: flex-end;
    }
}

.section-title__link {
    font-family: 'Lato', 'NotoSans',-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft JhengHei', 'Heiti TC', sans-serif;
    font-size: 16px;
    line-height: 1;

    display: block;

    margin-bottom: 21px;
    margin-left: auto;

    vertical-align: top;

    color: #5270a5;
}

.section-title__link:hover {
    color: #5270a5;
}

.section-title__link--resetlingheight {
    line-height: 1em;
}

@media screen and (max-width: 992px) {
    .section-title__link {
        font-size: 14px;
        line-height: 1.2em;

        margin-top: 15px;
        margin-bottom: 15px; 
        margin-left: 0;
    }
}

.section-title + p {
    margin-top: -25px;
    margin-bottom: 25px;
}

@media screen and (max-width: 992px) {
    .section-title + p {
        margin-top: -14px;
    }
}

@media screen and (max-width: 992px) {
    .section-title {
        font-size: 26px;
        line-height: 1.2em;

        margin-bottom: 14px;
    }
}

.ffTimes {
    font-family: 'Lato', 'NotoSans',-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft JhengHei', 'Heiti TC', sans-serif;
}

.fontfamilyTitle {
    font-family: 'Lato', 'NotoSans',-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft JhengHei', 'Heiti TC', sans-serif;
}

h3 {
    font-size: 20px;

    color: #20242b;
}

.font--xs,
.font--s,
.font--xn,
.font--n,
.font--l,
.font--ml,
.font--xl,
.font--xxl,
.font--xxxl {
    line-height: 1.2;
}

.font--xs {
    font-size: 12px;
}

.font--s {
    font-size: 14px;
}

.font--xn {
    font-size: 20px;
}

.font--n {
    font-size: 16px;
}

.font--l {
    font-size: 22px;
}

.font--ml {
    font-size: 26px;
}

.font--xl {
    font-size: 42px;
}

.font--xxl {
    font-size: 32px;
}

.font--xxxl {
    font-size: 52px;
}

h1,
.h1 {
    font-size: 52px;
    font-weight: normal;
    line-height: 1;

    letter-spacing: normal;
}

@media screen and (max-width: 768px) {
    h1,
    .h1 {
        font-size: 26px;
    }
}

h2,
.h2 {
    font-size: 32px;
    line-height: 1.42;

    letter-spacing: normal;

    color: #000;
}

@media screen and (max-width: 768px) {
    h2,
    .h2 {
        font-size: 26px;
    }
}

h3,
.h3 {
    font-size: 26px;
    line-height: 1.42;
}

@media screen and (max-width: 768px) {
    h3,
    .h3 {
        font-size: 20px;
    }
}

h4,
.h4 {
    font-size: 22px;
    line-height: 1.42;
}

@media screen and (max-width: 768px) {
    h4,
    .h4 {
        font-size: 16px;
    }
}

h5,
.h5 {
    font-size: 20px;
    line-height: 1.42;
}

@media screen and (max-width: 768px) {
    h5,
    .h5 {
        font-size: 14px;
    }
}

legend,
p,
.p {
    font-size: 16px;
    line-height: 1.5;

    margin-bottom: 15px;

    letter-spacing: normal;
}

.xsmall {
    font-size: 12px;
    line-height: 1.54;

    letter-spacing: normal;
}

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

    letter-spacing: normal;
}

.hr8 {
    margin: 30px -15px;

    border-top: 8px solid #f5f5f5;
}

.nowrap {
    white-space: nowrap;
}

.list--highlight,
.highlight {
    padding: 5px 8px;

    border: 2px solid #000;
}

.list--highlight--maroonFlush,
.highlight--maroonFlush {
    border-color: #b71651;
}

ol,
ul {
    margin-bottom: 30px;
    padding-left: 22px;
}

ol li,
ul li {
    margin-bottom: 20px;
}

ol.subList li,
ul.subList li {
    margin-top: 20px;
    margin-bottom: 0;
}

ol.xsmall li,
ul.xsmall li {
    margin-bottom: 10px;
}

ol {
    padding-left: 0;

    list-style-type: none;

    counter-reset: olnum;
}

ol > li {
    position: relative;

    padding-left: 30px;

    counter-increment: olnum;
}

ol > li::before {
    position: absolute;
    top: 0;
    left: 0;

    content: counter(olnum) '. ';
}

ol.list > li::before {
    font-weight: normal;
}

ol.list--upper-alpha > li::before {
    content: counter(olnum, upper-alpha) '. ';
}

ol.list--upper-roman > li::before {
    content: counter(olnum, upper-roman) '. ';
}

ol.list--lower-greek > li::before {
    content: counter(olnum, lower-greek) '. ';
}

ol.list--lower-roman > li::before {
    content: counter(olnum, lower-roman) '. ';
}

ol.list--lower-alpha > li::before {
    content: counter(olnum, lower-alpha) '. ';
}

ol.list--disc > li::before {
    content: counter(olnum, disc);

    color: #696969;
}

ol.list--highlight,
ol.list.highlight {
    margin-bottom: 20px;
    margin-left: -10px;
    padding: 5px 10px 5px 8px;
}

ol.list--highlight > li:last-child,
ol.list.highlight > li:last-child {
    margin-bottom: 0;
}

ol.list .list {
    margin-left: -30px;
    padding-left: 30px;
}

ol.list .list--highlight {
    padding: 5px 10px 5px 28px;
}

ol.list.xsmall.list--highlight,
ol.list.xsmall .list--highlight {
    margin-bottom: 10px;
}

ul.subList {
    margin-bottom: 0;
}

ul.subList > li {
    list-style: disc;
}

ol.subList > li {
    list-style: lower-roman;
}

.row--align-center {
    align-items: center;
}

.row--align-bottom {
    align-items: flex-end;
}

.row--smallmargin {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.row--smallmargin .col {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.ui-datepicker {
    z-index: 9999 !important;
}

a {
    color: #5270a5;
}

a:hover {
    text-decoration: underline;

    color: #5270a5;
}

a.reset-style {
    color: #5270a5;
}

a.reset-style:hover {
    color: #5270a5;
}

a.red {
    color: #b71651;
}

a.red:hover {
    color: #b71651;
}

a.blue {
    color: #5270a5;
}

a.blue:hover {
    color: #5270a5;
}

a.blue2 {
    color: #689af3;
}

a.blue2:hover {
    color: #689af3;
}

a.white {
    color: #fff;
}

a.white:hover {
    color: #fff;
}

a.black {
    color: #000;
}

a.black:hover {
    color: #000;
}

a.lightOceanBlue {
    color: #5270a5;
}

a.lightOceanBlue:hover {
    color: #5270a5;
}

a.lightSkyBlue {
    color: #87b3ff;
}

a.lightSkyBlue:hover {
    color: #87b3ff;
}

a.kashmirBlue {
    color: #5270a5;
}

a.kashmirBlue:hover {
    color: #5270a5;
}

a.malibu {
    color: #87b3ff;
}

a.malibu:hover {
    color: #87b3ff;
}

@media screen and (min-width: 992px) {
    a.mobile-link {
        cursor: default; 

        color: #000;
    }
    a.mobile-link:hover {
        text-decoration: none;

        color: #000;
    }
}

.hoverNone:hover {
    text-decoration: none;
}

.top0:before {
    top: 0 !important;
}

.gunmetalGreyFontColor {
    color: #474f5d;
}

.blackFontColor {
    color: #000;
}

.grey1100FontColor {
    color: #696969;
}

.fontWeight500 {
    font-weight: 500;
}

.fontWeight600 {
    font-weight: 600;
}

.fontWeight700 {
    font-weight: 700;
}

.fontSize14 {
    font-size: 14px;
}

.fontSize18 {
    font-size: 20px;
}

.fontSize24 {
    font-size: 24px;
}

.fontXN {
    font-size: 20px;
}

.fontL {
    font-size: 22px;
}

.lightGreyFontColor {
    color: #696969;
}

.h72 {
    height: 72px !important;
}

.mr10 {
    margin-right: 10px;
}

.marginTop0 {
    margin-top: 0 !important;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop20 {
    margin-top: 20px !important;
}

.marginTop30 {
    margin-top: 30px;
}

.marginBottom5 {
    margin-bottom: 5px;
}

.marginBottom7 {
    margin-bottom: 7px;
}

.marginBottom9 {
    margin-bottom: 9px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.marginBottom70 {
    margin-bottom: 70px;
}

.marginRight5 {
    margin-right: 5px;
}

.marginRight15 {
    margin-right: 15px;
}

@media screen and (min-width: 769px) {
    .marginTop-md-40 {
        margin-top: 40px;
    }
}

ol,
ul {
    margin-bottom: 20px;
}

.ul--stylish li p {
    color: #000;
}

.width134 {
    width: 134px !important;
}

.height59 {
    height: 59px;
}

.icon-camera:before,
.icon-edit:before {
    position: relative;
    top: 2px;
}

.icon-location,
.icon-lock,
.icon-back,
.icon-sign,
.icon-edit,
.icon-fail,
.icon-info,
.icon-calendar,
.icon-camera,
.icon-pass,
.icon-chevron,
.icon-delete,
.icon-add,
.icon-close {
    text-decoration: none;
}

.icon-location:hover,
.icon-lock:hover,
.icon-back:hover,
.icon-sign:hover,
.icon-edit:hover,
.icon-fail:hover,
.icon-info:hover,
.icon-calendar:hover,
.icon-camera:hover,
.icon-pass:hover,
.icon-chevron:hover,
.icon-delete:hover,
.icon-add:hover,
.icon-close:hover {
    text-decoration: none;
}

.icon-info:before {
    font-size: 1em !important;
}

.timeline__item:last-child::after {
    display: none;
}

.icon-pass {
    color: #76c5bf;
}

.icon-fail {
    color: #e55792;
}

.marginBottom50 {
    margin-bottom: 50px !important;
}

.container {
    overflow: hidden;

    padding-right: 45px;
    padding-left: 45px;
}

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

@media (max-width: 1200px) {
    .container {
        max-width: none;
        padding-right: 30px;
        padding-left: 30px;
    }
}

.container--ofvisible {
    overflow: visible;
}

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

.container--selfie {
    max-width: 80%;
    margin: 30px auto 20px;
}

.container.no-padding {
    padding-right: 0;
    padding-left: 0;
}

.w250 {
    width: 250px;
}

.ui-state-active {
    margin: .2em auto !important;

    border-radius: 4px !important;
}

.bg-whiteGrey {
    background-color: #f5f5f5;
}

.whiteGrey {
    color: #f5f5f5;
}

.bg-lightWhiteGrey {
    background-color: #f9f9f9;
}

.lightWhiteGrey {
    color: #f9f9f9;
}

.bg-white {
    background-color: #fff;
}

.white {
    color: #fff;
}

.bg-oceanBlue {
    background-color: #08347f;
}

.oceanBlue {
    color: #08347f;
}

.bg-lightOceanBlue {
    background-color: #5270a5;
}

.lightOceanBlue {
    color: #5270a5;
}

.lightOceanBlueLink {
    text-decoration: none;

    color: #5270a5;
}

.lightOceanBlueLink:hover {
    text-decoration: none;

    color: #5270a5;
}

.bg-whiteGrey {
    background-color: #f5f5f5;
}

.whiteGrey {
    color: #f5f5f5;
}

.bg-lightWhiteGrey {
    background-color: #f9f9f9;
}

.lightWhiteGrey {
    color: #f9f9f9;
}

.bg-white {
    background-color: #fff;
}

.white {
    color: #fff;
}

.bg-oceanBlue {
    background-color: #08347f;
}

.oceanBlue {
    color: #08347f;
}

.bg-lightOceanBlue {
    background-color: #5270a5;
}

.lightOceanBlue {
    color: #5270a5;
}

.lightOceanBlueLink {
    text-decoration: none;

    color: #5270a5;
}

.lightOceanBlueLink:hover {
    text-decoration: none;

    color: #5270a5;
}

.bg-greyOceanBlue {
    background-color: #8399bf;
}

.greyOceanBlue {
    color: #8399bf;
}

.bg-whiteOceanBlue {
    background-color: #ced6e5;
}

.whiteOceanBlue {
    color: #ced6e5;
}

.bg-whiteSkyBlue {
    background-color: #f1f3f8;
}

.whiteSkyBlue {
    color: #f1f3f8;
}

.bg-skyBlue {
    background-color: #689af3;
}

.skyBlue {
    color: #689af3;
}

.bg-brightBlue {
    background-color: #1068ff;
}

.brightBlue {
    color: #1068ff;
}

.bg-skyBlueDark {
    background-color: #3371de;
}

.skyBlueDark {
    color: #3371de;
}

.bg-lightSkyBlue {
    background-color: #87b3ff;
}

.lightSkyBlue {
    color: #87b3ff;
}

.bg-emerald {
    background-color: #57b8e7;
}

.emerald {
    color: #57b8e7;
}

.bg-black {
    background-color: #000;
}

.black {
    color: #000;
}

.bg-brighGrey {
    background-color: #e6e6e6;
}

.brighGrey {
    color: #e6e6e6;
}

.bg-grey {
    background-color: #868686;
}

.grey {
    color: #868686;
}

.bg-darkGrey {
    background-color: #58585b;
}

.darkGrey {
    color: #58585b;
}

.bg-lightNavyGrey {
    background-color: #767c87;
}

.lightNavyGrey {
    color: #767c87;
}

.bg-whiteNavyGrey {
    background-color: #f1f3f8;
}

.whiteNavyGrey {
    color: #f1f3f8;
}

.bg-navyGrey {
    background-color: #474f5d;
}

.navyGrey {
    color: #474f5d;
}

.bg-darkNavyGrey {
    background-color: #2d333c;
}

.darkNavyGrey {
    color: #2d333c;
}

.bg-red {
    background-color: #b71651;
}

.red {
    color: #b71651;
}

.bg-brandyRed {
    background-color: #b71651;
}

.brandyRed {
    color: #b71651;
}

.bg-brandyRedLight {
    background-color: #c51a58;
}

.brandyRedLight {
    color: #c51a58;
}

.bg-brightRed {
    background-color: #e50e67;
}

.brightRed {
    color: #e50e67;
}

.bg-lightRed {
    background-color: #e55792;
}

.lightRed {
    color: #e55792;
}

.bg-whiteRed {
    background-color: #f9f1f5;
}

.whiteRed {
    color: #f9f1f5;
}

.bg-soil {
    background-color: #bd7a7a;
}

.soil {
    color: #bd7a7a;
}

.bg-shark {
    background-color: #000;
}

.shark {
    color: #000;
}

.bg-emperor {
    background-color: #555;
}

.emperor {
    color: #555;
}

.bg-doveGray {
    background-color: #696969;
}

.doveGray {
    color: #696969;
}

.bg-gray {
    background-color: #868686;
}

.gray {
    color: #868686;
}

.bg-silver {
    background-color: #c3c3c3;
}

.silver {
    color: #c3c3c3;
}

.bg-alto {
    background-color: #d6d6d6;
}

.alto {
    color: #d6d6d6;
}

.bg-mercury {
    background-color: #e6e6e6;
}

.mercury {
    color: #e6e6e6;
}

.bg-wildSand {
    background-color: #f5f5f5;
}

.wildSand {
    color: #f5f5f5;
}

.bg-alabaster {
    background-color: #f9f9f9;
}

.alabaster {
    color: #f9f9f9;
}

.bg-charade {
    background-color: #2d333c;
}

.charade {
    color: #2d333c;
}

.bg-brightGray {
    background-color: #333a49;
}

.brightGray {
    color: #333a49;
}

.bg-riverBed {
    background-color: #474f5d;
}

.riverBed {
    color: #474f5d;
}

.bg-paleSky {
    background-color: #697489;
}

.paleSky {
    color: #697489;
}

.bg-raven {
    background-color: #767c87;
}

.raven {
    color: #767c87;
}

.bg-catskillWhite {
    background-color: #f1f3f8;
}

.catskillWhite {
    color: #f1f3f8;
}

.bg-maroonFlush {
    background-color: #b71651;
}

.maroonFlush {
    color: #b71651;
}

.bg-maroonFlush2 {
    background-color: #c51a58;
}

.maroonFlush2 {
    color: #c51a58;
}

.bg-razzmatazz {
    background-color: #d00157;
}

.razzmatazz {
    color: #d00157;
}

.bg-razzmatazz2 {
    background-color: #e50e67;
}

.razzmatazz2 {
    color: #e50e67;
}

.bg-cranberry {
    background-color: #e55792;
}

.cranberry {
    color: #e55792;
}

.bg-prim {
    background-color: #f9f1f5;
}

.prim {
    color: #f9f1f5;
}

.bg-catalinaBlue {
    background-color: #08347f;
}

.catalinaBlue {
    color: #08347f;
}

.bg-kashmirBlue {
    background-color: #5270a5;
}

.kashmirBlue {
    color: #5270a5;
}

.bg-shipCove {
    background-color: #8399bf;
}

.shipCove {
    color: #8399bf;
}

.bg-notticelli {
    background-color: #ced6e5;
}

.notticelli {
    color: #ced6e5;
}

.bg-blueChill {
    background-color: #0b9b9d;
}

.blueChill {
    color: #0b9b9d;
}

.bg-blueRibbon {
    background-color: #1068ff;
}

.blueRibbon {
    color: #1068ff;
}

.bg-royalBlue {
    background-color: #3371de;
}

.royalBlue {
    color: #3371de;
}

.bg-cornflowerBlue {
    background-color: #689af3;
}

.cornflowerBlue {
    color: #689af3;
}

.bg-malibu {
    background-color: #87b3ff;
}

.malibu {
    color: #87b3ff;
}

.bg-pictonBlue {
    background-color: #57b8e7;
}

.pictonBlue {
    color: #57b8e7;
}

.bg-halfBaked {
    background-color: #76c5bf;
}

.halfBaked {
    color: #76c5bf;
}

.bg-jetStream {
    background-color: #bad6cf;
}

.jetStream {
    color: #bad6cf;
}

.bg-aquaSqueeze {
    background-color: #e5f3f0;
}

.aquaSqueeze {
    color: #e5f3f0;
}

.bg-aquaHaze {
    background-color: #f0f7f5;
}

.aquaHaze {
    color: #f0f7f5;
}

.bg-oldRose {
    background-color: #bd7a7a;
}

.oldRose {
    color: #bd7a7a;
}

.bg-straw {
    background-color: #d7bc80;
}

.straw {
    color: #d7bc80;
}

.bg-pearlBush {
    background-color: #f0ebe4;
}

.pearlBush {
    color: #f0ebe4;
}

.bg-zircon {
    background-color: #f3f8ff;
}

.zircon {
    color: #f3f8ff;
}

.bg-victoria {
    background-color: #4d3c7b;
}

.victoria {
    color: #4d3c7b;
}

.bg-webOrange {
    background-color: #eea500;
}

.webOrange {
    color: #eea500;
}

.color-demo-circle {
    display: block;

    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-bottom: 15px;

    border: solid 1px #c6c2c1;
    border-radius: 30px;
}

.stylish-heading {
    position: relative;

    padding-top: 20px;
}

.stylish-heading::after {
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    width: 30px;
    height: 5px;

    content: '';

    background-color: #b71651;
}

.mb35 {
    margin-bottom: 35px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb--0 {
    margin-bottom: 0;
}

.mt--25 {
    margin-top: -25px;
}

@media screen and (max-width: 992px) {
    .mb-lg-30 {
        margin-bottom: 30px;
    }
}

.mt--4rem {
    margin-top: -4rem;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

@media screen and (min-width: 992px) {
    .mt-lg-5 {
        margin-top: 5px;
    }
}

.pt32 {
    padding-top: 32px;
}

.pt60 {
    padding-top: 60px;
}

.pb32 {
    padding-bottom: 32px;
}

.pb60 {
    padding-bottom: 60px;
}

.zindex10 {
    z-index: 10;
}

.por {
    position: relative;
}

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

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

.alert .close span {
    text-decoration: none;
}

a.badge {
    text-decoration: none;
}

.breadcrumb li {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .col-sm-30 {
        width: 30%;
    }
    .col-sm-70 {
        width: 70%;
    }
}

.twoRow {
    height: 400px;
}

.oneRow {
    height: 200px;
}

.is-visually-hidden {
    position: absolute;

    overflow: hidden;
    clip: rect(0, 0, 0, 0);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    border: 0;
}

.paddingWrapper {
    padding: 30px 43px;
}

@media screen and (max-width: 992px) {
    .paddingWrapper {
        padding: 15px 21px;
    }
}

.patten {
    background-repeat: no-repeat; 
    background-position: 0 bottom;
}

.patten--left {
    background-image: url('../img/bg_patten-left.png');
    background-position: 0 bottom;
}

.patten--right {
    background-image: url('../img/bg_patten-right.png');
    background-position: right top;
}

@media screen and (max-width: 992px) {
    .patten {
        background-image: none;
    }
}

.showhidetrigger[aria-expanded='true'] {
    display: none !important;
}

@media screen and (max-width: 992px) {
    .onlyD {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .onlyM {
        display: none;
    }
}

.w100p {
    width: 100%;
}

.edm .edmHide {
    display: none !important;
}

.edm .edmShow {
    display: block !important;
}

.alert {
    z-index: 49; 

    margin: 0;
    padding: 10px 20px;

    border: none;
    border-radius: 0;
}

.alert-danger {
    color: #fff; 
    background-color: #b71651;
}

.alert__close {
    color: #fff;
}

.alert__close:hover {
    color: #fff;
}

.alert-info {
    color: #fff; 
    background-color: #2d333c;
}

.alert__close {
    color: #fff;
}

.alert__close:hover {
    color: #fff;
}

.alert-dismissible {
    padding-right: 48px;
}

.alert-dismissible .alert__close {
    top: 10px;
    right: 20px;

    padding: 0;
}

.alert--page-top {
    position: relative;
    z-index: 50;

    padding-right: 0;
    padding-left: 0;
}

.alert--page-top.alert-dismissible {
    padding-right: 0;
}

.alert--page-top.alert-dismissible .alert__close {
    top: 0;
    right: 15px;
}

.alert--page-top.alert .container {
    position: relative;

    padding-right: 43px;
}

@media screen and (min-width: 992px) {
    .alert--mobileonly {
        display: none;
    }
}

.alert--download {
    z-index: 70;
}

.alert--download--bottom {
    z-index: 39;
}

.alert__close {
    font-size: 20px;
    font-weight: normal;

    top: 10px;
    right: 20px;

    padding: 0;

    vertical-align: top;

    opacity: 1;
    text-shadow: none;
}

.amChart--small .amChart__charts {
    height: 160px;
}

.amChart--small .amChart__charts,
.amChart--small .amChart__legends {
    margin: 0 0 1rem;
}

.amChart__charts,
.amChart__legends {
    width: 100%;
    margin: 1rem 0;
}

.amChart__legend {
    position: relative;

    margin-bottom: 9px;
    padding-left: 12px;
}

.amChart__legend__wrapper {
    margin-top: 15px;
    padding-top: 15px;

    border-top: 1px #d6d6d6 solid;
}

.amChart__legend__wrapper--inline .amChart__legend {
    display: inline-block;

    width: 50%;
}

.amChart__legend__wrapper--inline .amChart__legend br {
    display: none;
}

.amChart__legend__color {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 3px;
}

.amChart__legend--short {
    margin: 0;
    padding-left: 8px;
}

.amChart__legend--short__color {
    top: 50%;

    height: 60%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.amChart__legend--square {
    margin-bottom: 0;
    padding-left: 20px;
}

.amChart__legend--square__color {
    top: 7px;

    width: 12px;
    height: 12px;
}

.amChart--small .amChart__charts {
    height: 160px;
}

.amChart--small .amChart__charts,
.amChart--small .amChart__legends {
    margin: 0 0 1rem;
}

.amChart__charts,
.amChart__legends {
    width: 100%;
    margin: 1rem 0;
}

.amChart__legend {
    position: relative;

    margin-bottom: 9px;
    padding-left: 12px;
}

.amChart__legend__wrapper {
    margin-top: 15px;
    padding-top: 15px;

    border-top: 1px #d6d6d6 solid;
}

.amChart__legend__wrapper--inline .amChart__legend {
    display: inline-block;

    width: 50%;
}

.amChart__legend__wrapper--inline .amChart__legend br {
    display: none;
}

.amChart__legend__color {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 3px;
}

.amChart__legend--short {
    margin: 0;
    padding-left: 8px;
}

.amChart__legend--short__color {
    top: 50%;

    height: 60%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.amChart__legend--square {
    margin-bottom: 0;
    padding-left: 20px;
}

.amChart__legend--square__color {
    top: 7px;

    width: 12px;
    height: 12px;
}

.addon-banner {
    width: 100%;
    margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
    .addon-banner {
        width: calc(100% + 30px);
        margin-top: -30px;
        margin-right: -15px;
        margin-bottom: 0;
        margin-left: -15px;
    }
}

.addon-banner__img {
    overflow: hidden;

    width: 100%;

    border-radius: 0;
}

@media screen and (max-width: 768px) {
    .addon-banner__img {
        border-radius: 0;
    }
}

.addon-banner__img img {
    width: 100%;
}

.addon-banner__content {
    padding: 15px;
    padding-bottom: 0;
}

.app-bg {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;
}

.app-bg__video,
.app-bg__img {
    position: absolute;
    top: 0;
    left: 50%;

    height: 100%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); 

    opacity: .3;
}

.app-menu {
    position: fixed;
    z-index: 60;
    top: 0;
    left: -100%;

    width: 100%;
    height: 100%;

    -webkit-transition: left 200ms ease-in;
       -moz-transition: left 200ms ease-in;
        -ms-transition: left 200ms ease-in;
         -o-transition: left 200ms ease-in;
            transition: left 200ms ease-in;
}

.app-menu .header__bg {
    position: fixed;
    top: 0;

    display: none; 

    height: 100%;
}

.app-menu__nav {
    position: relative;
    z-index: 10;

    width: 50%;
    height: 100%;
    padding-top: 97px;
    padding-bottom: 121px;

    background-color: #fff;
}

.app-menu__nav__wrapper {
    overflow: auto; 

    width: 100%;
    height: 100%;
}

@media screen and (max-width: 576px) {
    .app-menu__nav {
        width: 90%;
    }
}

.app-menu__firstlv {
    position: relative;

    background-color: #f5f5f5;
}

.app-menu__firstlv .icon-chevron {
    line-height: 1em;

    position: absolute;
    top: 16px;
    right: 20px;

    display: inline-block;

    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
}

.app-menu__firstlv.active .icon-chevron {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.app-menu__firstlv.active .app-menu__link {
    display: block;
}

.app-menu__firstlv .app-menu__link {
    display: none;

    border-bottom: 0;
}

.app-menu__firstlv .app-menu__link.current {
    display: block;
}

.app-menu__firstlv .app-menu__link:hover {
    text-decoration: none;
}

.app-menu__secondlv {
    padding-left: 0;
}

.app-menu__thirdlv {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 0 20px; 

    background-color: #fff;
}

.app-menu__thirdlv.active {
    position: fixed;
    top: 97px; 

    width: 50%;
}

@media screen and (max-width: 576px) {
    .app-menu__thirdlv.active {
        width: 90%;
    }
}

.app-menu__link {
    line-height: 48px;

    display: block;

    margin: 0 20px;

    color: #000; 
    border-bottom: 1px #e6e6e6 solid;
}

.app-menu__link:hover {
    color: #000;
}

.body--showmenu .app-menu {
    left: 0;
}

.body--showmenu .app-menu .header__bg {
    display: block;

    -webkit-animation: fade-in .6s cubic-bezier(.39, .575, .565, 1) both;
            animation: fade-in .6s cubic-bezier(.39, .575, .565, 1) both;
}

.app {
    position: relative;
    z-index: 5;

    padding-bottom: 9vh;
}

.app__btn--back {
    position: absolute;
    top: 0;
    left: 0;

    width: 10vh;
    height: 10vh;

    color: #000;
}

.app__btn--back:hover {
    color: #000;
}

.app__btn--back .icon-back-arrow {
    line-height: 10vh; 

    display: inline-block;
}

.app__btn--back .icon-back-arrow::before {
    line-height: 10vh;
}

.app--home__btns,
.app--home__content {
    padding: 0 22px;

    text-align: center;
}

.app--home__content {
    margin-top: 11vh;
    margin-bottom: 6vh;
}

.app--home__btn {
    max-width: 375px;
    margin: 0 auto;
}

.app__title {
    font-family: 'Lato', 'NotoSans',-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft JhengHei', 'Heiti TC', sans-serif;
    font-size: 42px;
}

.app__content {
    display: block;

    max-width: 375px;
    margin: 0 auto;
    padding: 0 22px;
}

.app-overlay__wrapper {
    display: block;

    max-width: 100%;
    margin: 0 auto;
}

.app-overlay__head {
    line-height: 10vh;

    position: relative;
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 10vh;

    text-align: center; 

    background-color: #fff;
}

.app-overlay__head__img {
    width: 104px; 
    margin: 0 auto;
}

.app-overlay__head.app__btn--back.icon-back-arrow {
    position: absolute;
    top: 4px;
    left: 11px;
}

.app-overlay__method {
    margin-top: 4vh;
    margin-bottom: 4vh;
}

.app-tnc {
    position: fixed;
    z-index: 75;
    bottom: 0;
    left: 0;

    overflow: visible;

    width: 100%;
    height: 0;

    -webkit-transition: height 200ms ease-in;
       -moz-transition: height 200ms ease-in;
        -ms-transition: height 200ms ease-in;
         -o-transition: height 200ms ease-in;
            transition: height 200ms ease-in; 

    background-color: #fff;
}

.app-tnc__wrapper {
    position: relative;

    display: block;

    max-width: 100%;
    margin: 0 auto;
}

.app-tnc__trigger {
    line-height: 9vh;

    position: absolute;
    z-index: 50;
    top: -9vh;
    left: 0;

    display: block;

    width: 100%;
    padding: 0 32px;

    -webkit-transition: top 200ms ease-in;
       -moz-transition: top 200ms ease-in;
        -ms-transition: top 200ms ease-in;
         -o-transition: top 200ms ease-in;
            transition: top 200ms ease-in;

    color: #000; 
    border-top: solid 1px #e6e6e6;
    background-color: #fff;
}

.app-tnc__trigger:hover {
    color: #000;
}

.app-tnc__trigger .icon-chevron {
    line-height: 1em;

    position: absolute;
    top: 50%;
    right: 32px;

    display: inline-block;

    margin-top: -12px;

    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.app-tnc__trigger:hover {
    text-decoration: none;
}

.app-tnc__content {
    display: none;
    overflow: auto;
    /* Lets it scroll lazy */

    width: calc(100% - 64px);
    max-height: 90vh;
    margin: 0 auto;
    padding: 17px 0;
    padding-top: 13.5vh; 

    -webkit-overflow-scrolling: touch;
}

.app-tnc.active {
    height: 100%;

    border-top: 0;
}

.app-tnc.active .app-tnc__trigger {
    top: 0;

    border-bottom: 1px solid #e6e6e6;
}

.app-tnc.active .app-tnc__trigger .icon-chevron {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
}

.app-tnc.active .app-tnc__content {
    display: block;
}

.app__tools {
    position: fixed;
    z-index: 40;
    bottom: 0;
    left: 0;

    width: 100%;

    text-align: center;

    color: #fff;
}

.app__tools__wrapper {
    display: block;

    max-width: 100%;
    margin: 0 auto;
    padding: 30px 22px 30px;

    background-color: #2d333c;
}

.app__tools__item {
    display: inline-block;
    float: left;

    width: 25%;

    vertical-align: top;
}

.app__tools--show::after,
.app__tools--hide::after {
    display: block;
    clear: both;

    content: '';
}

.app__tools--hide {
    display: none;

    padding-top: 30px;
}

.app__tools__trigger {
    position: absolute;
    bottom: 100%;
    left: 50%;

    display: inline-block;
    overflow: hidden;

    width: 65px;
    height: 30px;
    margin-left: -32.5px;
    padding-top: 5px;

    text-align: center;

    color: #fff;
    -webkit-border-radius: 32.5px 32.5px 0 0;
            border-radius: 32.5px 32.5px 0 0;
    background-color: #2d333c;
}

.app__tools__trigger .icon-chevron {
    display: inline-block;

    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.app__tools__trigger.active .icon-chevron {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
}

.app__tools__trigger:hover {
    color: #fff;
}

.app__tools__trigger:hover:hover {
    color: #fff;
}

a.arrow-link:hover {
    text-decoration: none;
}

a.arrow-link:hover .arrow-link__text {
    text-decoration: underline;
}

.arrow-link {
    line-height: 1.5;

    position: relative;

    display: block;

    margin-bottom: 15px;
    padding-left: 16px;
}

.arrow-link::before {
    font-family: 'dsb_iconfont';
    font-size: 1em;
    line-height: 1.5;

    position: absolute;
    top: 1px;
    left: 0;

    content: '\e802';
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.banner .container {
    position: relative;

    overflow: hidden;

    height: 100%;
}

.banner__img {
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;

    transform: translateY(-50%);
}

.banner__content {
    position: relative;
    z-index: 2;

    float: right;

    width: 50%;
    height: 84%;
    min-height: 300px;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-top: 2rem;
    padding-right: 45px;
    padding-bottom: 2rem;
    padding-left: 5rem;

    -webkit-border-radius: 200px 0 0 200px;
            border-radius: 200px 0 0 200px;
    background-color: white;
}

.banner--kv .banner__img {
    left: 20%;

    width: 80%;
}

.banner--kv .banner__content {
    float: left;

    padding-right: 5rem;
    padding-left: 45px;

    -webkit-border-radius: 0 200px 200px 0;
            border-radius: 0 200px 200px 0;
}

.banner::after {
    display: block;
    clear: both;

    content: '';
}

.banner-inner {
    position: relative;
    z-index: 1; 

    width: 100%;
}

.banner-inner.section {
    padding-top: 0;
}

@media screen and (max-width: 992px) {
    .banner-inner.section {
        padding-bottom: 0;
    }
}

.banner-inner--nobtmpadding.section {
    padding-bottom: 0;
}

.banner-inner__innerwrapper {
    position: relative;

    width: 1280px;
    max-width: 100%;
    height: 350px;
    margin: 0 auto;
}

.banner-inner__innerwrapper::after {
    position: absolute;
    z-index: 10;
    top: -2px;
    left: 0;

    width: 50px;
    height: 105%;

    content: '';
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */

    background:    -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */
}

@media screen and (max-width: 992px) {
    .banner-inner__innerwrapper::after {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .banner-inner__innerwrapper {
        height: auto;
    }
}

.banner-inner__img {
    position: absolute;
    top: 50%;
    right: 40%;

    overflow: hidden;

    width: 60%;
    padding-top: 26%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); 

    border: 10px #b71651 solid;
    border-left: 0;
    -webkit-border-radius: 0 500px 500px 0;
            border-radius: 0 500px 500px 0;
}

.banner-inner__img img {
    position: absolute;
    top: 0;
    right: 0;

    width: 100%;
}

@media screen and (max-width: 992px) {
    .banner-inner__img {
        position: relative;
        top: 0;
        right: 0;

        width: calc(100% - 29px);
        margin-bottom: 20px;
        padding-top: calc((100% - 29px) * .434);

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); 

        border-width: 4px;
    }
}

.banner-inner__content {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 62%;

    width: calc(38% - 100px);
    min-width: 369px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.banner-inner__content__title {
    font-family: 'Lato', 'NotoSans',-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft JhengHei', 'Heiti TC', sans-serif;
    font-size: 32px;
    line-height: 1.2em;
}

@media screen and (max-width: 992px) {
    .banner-inner__content__title {
        font-size: 26px;
        line-height: 1.2em;
    }
}

.banner-inner__content__link a {
    text-decoration: none;

    color: #b71651;
}

.banner-inner__content__link a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 992px) {
    .banner-inner__content {
        position: relative;
        top: 0;
        left: 0;

        display: block;

        width: calc(100% - 58px);
        min-width: 0;
        margin: 0 auto;
        padding-bottom: 29px;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); 

      /*  border-bottom: 1px #e6e6e6 solid;*/
    }
    .banner-inner__content--without-border {
        padding-bottom: 25px;

        border: none;
    }
}

.banner-inner__thumbnail {
    display: block;
}

.banner-inner__thumbnail a {
    display: inline-block;
    overflow: hidden;

    width: 10px;
    height: 10px;
    margin-right: 7px;

    opacity: .5;
    border-radius: 10px;
    background-color: #000;
}

.banner-inner__thumbnail a.active {
    opacity: 1;
    background-color: #b71651;
}

.banner-inner__other {
    margin-top: 40px;
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .banner-inner__other {
        margin-top: 0;
    }
}

.banner-inner__other__item {
    margin-right: 15px;
}

@media screen and (max-width: 992px) {
    .banner-inner__other__item {
        display: inline-block;

        margin-bottom: 25px;
    }
}

.banner-inner__other-container {
    overflow: visible;
}

.banner-inner__share.e-dropdown__menu--with-arrow {
    min-width: 44px;
}

.banner-inner__share__item {
    position: relative;

    display: block;
    overflow: hidden; 

    width: 24px;
    height: 24px;

    border-radius: 999px;
    background: #5270a5;
}

.banner-inner__share__item:hover {
    background: #3371de;
}

.banner-inner__share__item__icon {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 14px;
    height: 14px;
    margin-top: -7px;
    margin-left: -7px;
}

.bgimg-section {
    position: relative;

    overflow: hidden;

    width: 100%;
}

.bgimg-section__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    overflow: hidden;

    width: 100%;
    height: 100%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.bgimg-section__bg__img {
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 100%;
    max-width: 1280px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.bgimg-section__title {
    font-size: 32px;

    margin-bottom: 20px;
}

@media screen and (max-width: 991.9999px) {
    .bgimg-section__title {
        font-size: 26px;
    }
}

.bgimg-section__content {
    position: relative;
    z-index: 2;

    padding-top: 88px;
    padding-bottom: 66px;
}

@media screen and (max-width: 991.9999px) {
    .bgimg-section__content {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.bgimg-section__top {
    font-size: 22px;

    margin-bottom: 25px;
}

@media screen and (max-width: 991.9999px) {
    .bgimg-section__top {
        font-size: 20px;
        font-weight: normal;
    }
}

.bgimg-section__middle {
    margin-bottom: 27px;
}

@media screen and (max-width: 575.9999px) {
    .bgimg-section__middle .button {
        display: block;

        width: 100%;
        margin-bottom: 25px;
    }
}

.breadcrumb {
    font-size: 12px; 
    line-height: 24px;

    margin-bottom: 0;
    padding: 6px 0;

    border-radius: 0;
    background-color: transparent;
}

@media screen and (max-width: 768px) {
    .breadcrumb {
        font-size: 12px;

        padding: 0; 
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.breadcrumb a {
    text-decoration: none;

    color: #696969;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb li {
    padding-left: 0; 

    white-space: nowrap;
}

.breadcrumb li::before {
    position: static; 

    content: '';
}

.breadcrumb-item.active {
    color: #000;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    font-family: 'dsb_iconfont';
    font-weight: bold;

    display: inline-block;

    margin-right: 10px;
    margin-left: 10px;
    padding-right: 0;
    padding-left: 0;

    content: '\e802';
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);

    color: #b71651;
}

.edm .breadcrumb {
    display: none !important;
}

.btn-wrapper {
    padding-top: 15px;
    padding-bottom: 10px;
}

.btn-wrapper hr {
    margin-top: 0;
}

.btn-wrapper::after {
    display: block;
    clear: both;

    content: '';
}

.btn-wrapper p {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .btn-wrapper p {
        margin-bottom: 1rem;
    }
}

@media screen and (min-width: 769px) {
    .btn-wrapper__main p {
        line-height: 40px;

        display: inline-block;
        float: right;

        margin-left: 15px;
    }
    .btn-wrapper__main p .icon-text--inline {
        line-height: 1.5;

        display: block;

        margin-top: 10px;
    }
    .btn-wrapper__main p .icon-text--button {
        line-height: 45px; 

        margin-top: 0;
    }
}

.btn-wrapper .edit-show {
    display: none;
}

.btn-wrapper .edit-hide {
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .btn-wrapper .edit-hide {
        display: block;
    }
}

.btn-wrapper--editing .header__tools__link,
.btn-wrapper--editing .edit-hide {
    display: none;
}

.btn-wrapper--editing .edit-show {
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .btn-wrapper--editing .edit-show {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .btn-wrapper--fixed {
        position: fixed;
        z-index: 9999;
        bottom: 0;
        left: 0;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;

        opacity: 0;
        background-color: #fff;
    }
}

a.button {
    text-decoration: none;
}

button,
.button {
    line-height: 45px;

    display: block;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;

    text-align: center;
    text-decoration: none;

    color: #fff;
    border: 0;
    border-radius: 2rem;
    outline: 0; 
    background: #b71651;
}

button .icon-text--inline__icon,
.button .icon-text--inline__icon {
    height: 45px;
}

button:disabled,
button--disabled,
.button:disabled,
.button--disabled {
    opacity: .5;
}

button:disabled:hover,
button:disabled:focus,
button--disabled:hover,
button--disabled:focus,
.button:disabled:hover,
.button:disabled:focus,
.button--disabled:hover,
.button--disabled:focus {
    background-color: #b71651;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    cursor: pointer;
    text-decoration: none;

    color: #fff;
    outline: 0; 
    background-color: #d00157;
}

button--ghost,
.button--ghost {
    color: #5270a5; 
    background-color: transparent;
}

button--ghost:hover,
button--ghost:focus,
.button--ghost:hover,
.button--ghost:focus {
    text-decoration: underline; 

    color: #5270a5;
    background-color: transparent;
}

button--ghost:hover:disabled,
button--ghost:hover.button--disabled,
button--ghost:focus:disabled,
button--ghost:focus.button--disabled,
.button--ghost:hover:disabled,
.button--ghost:hover.button--disabled,
.button--ghost:focus:disabled,
.button--ghost:focus.button--disabled {
    text-decoration: none; 

    color: #5270a5;
    background-color: transparent;
}

button--white.button--ouline,
.button--white.button--ouline {
    color: #fff; 
    border-color: #fff;
    background-color: transparent;
}

button--white.button--ouline:hover,
.button--white.button--ouline:hover {
    color: #333a49; 
    border-color: #fff;
    background-color: #fff;
}

button--white.button--ouline:hover:disabled,
button--white.button--ouline:hover.button--disabled,
.button--white.button--ouline:hover:disabled,
.button--white.button--ouline:hover.button--disabled {
    color: #fff;
    border-color: #fff;
    background: none;
}

button--clean,
.button--clean {
    line-height: 1.5;

    display: inline;

    width: auto;
    padding: 0;

    text-align: left;
    text-decoration: underline;

    background: transparent;
}

button--clean:hover,
button--clean:focus,
.button--clean:hover,
.button--clean:focus {
    outline: -webkit-focus-ring-color auto 5px;
    background: transparent !important;
}

button--inline,
.button--inline {
    display: inline-block;

    width: auto;
    min-width: 100px;
    padding-right: 25px;
    padding-left: 25px;
}

@media screen and (min-width: 768px) {
    button--inline--md,
    .button--inline--md {
        display: inline-block;

        width: auto;
        padding-right: 25px;
        padding-left: 25px;
    }
}

@media screen and (max-width: 768px) {
    button--inline--md--max,
    .button--inline--md--max {
        display: block;

        width: 100%;
    }
}

button--secondary,
.button--secondary {
    background: #5270a5;
    /* Old browsers */
}

button--secondary:hover,
button--secondary:focus,
.button--secondary:hover,
.button--secondary:focus {
    background: #3371de;
}

button--secondary:hover:disabled,
button--secondary:hover.button--disabled,
button--secondary:focus:disabled,
button--secondary:focus.button--disabled,
.button--secondary:hover:disabled,
.button--secondary:hover.button--disabled,
.button--secondary:focus:disabled,
.button--secondary:focus.button--disabled {
    background: #5270a5;
}

button--ouline,
.button--ouline {
    color: #b71651;
    border: 1px #b71651 solid;
    background: none;
}

button--ouline:hover,
button--ouline:focus,
.button--ouline:hover,
.button--ouline:focus {
    color: #fff;
    border-color: #d00157;
    outline: 0; 
    background: #d00157;
}

button--ouline:hover:disabled,
button--ouline:hover.button--disabled,
button--ouline:focus:disabled,
button--ouline:focus.button--disabled,
.button--ouline:hover:disabled,
.button--ouline:hover.button--disabled,
.button--ouline:focus:disabled,
.button--ouline:focus.button--disabled {
    color: #d00157;
    border-color: #d00157;
    background: none;
}

button--ouline.button--secondary,
.button--ouline.button--secondary {
    color: #5270a5;
    border-color: #5270a5;
    background: none;
}

button--ouline.button--secondary:hover,
button--ouline.button--secondary:focus,
.button--ouline.button--secondary:hover,
.button--ouline.button--secondary:focus {
    color: #fff;
    border-color: transparent;
    background: #5270a5;
}

button--ouline.button--secondary:hover:disabled,
button--ouline.button--secondary:hover.button--disabled,
button--ouline.button--secondary:focus:disabled,
button--ouline.button--secondary:focus.button--disabled,
.button--ouline.button--secondary:hover:disabled,
.button--ouline.button--secondary:hover.button--disabled,
.button--ouline.button--secondary:focus:disabled,
.button--ouline.button--secondary:focus.button--disabled {
    color: #5270a5;
    border-color: #5270a5;
    background: none;
}

button--emerald,
.button--emerald {
    color: #fff;
    background: #57b8e7;
}

button--emerald:hover,
button--emerald:focus,
.button--emerald:hover,
.button--emerald:focus {
    background: #08347f;
}

button--grey,
.button--grey {
    color: #fff;
    background: #767c87;
    /* Old browsers */
}

button--grey:hover,
button--grey:focus,
.button--grey:hover,
.button--grey:focus {
    background: #58585b;
    /* Old browsers */
}

button--grey--outline,
.button--grey--outline {
    color: #767c87;
    border: 1px #767c87 solid;
    background-color: transparent;
}

button--grey--outline:hover,
button--grey--outline:focus,
.button--grey--outline:hover,
.button--grey--outline:focus {
    background: #767c87;
    /* Old browsers */
}

button--blue,
.button--blue {
    color: #fff;
    background: #3371de;
}

button--blue:hover,
button--blue:focus,
.button--blue:hover,
.button--blue:focus {
    background: #08347f;
}

button--blue--outline,
.button--blue--outline {
    color: #474f5d;
    background: transparent;
}

button--lightoceanblue,
.button--lightOceanBlue {
    color: #fff;
    background: #08347f;
}

button--lightoceanblue:hover,
button--lightoceanblue:focus,
.button--lightOceanBlue:hover,
.button--lightOceanBlue:focus {
    background: #5270a5;
}

button--lightoceanblue--outline,
.button--lightOceanBlue--outline {
    color: #474f5d;
    background: transparent;
}

button--backtotop,
.button--backtotop {
    min-width: 60px;
    padding-right: 0;
    padding-left: 0;
}

button--backtotop .icon-chevron::before,
.button--backtotop .icon-chevron::before {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}


.card {
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;

    border: 0;
    border-radius: 0;
    background-color: transparent;
}

.card-body {
    display: block;
}

.card-img-top {
    border-radius: 0;
}

.card-img-top--mobile {
    display: none;
}

@media screen and (max-width: 640px) {
    .card-img-top--mobile {
        display: block;
    }
}

.card--nohover .card__img img {
    width: 100% !important;
    height: 100% !important;
}

@media screen and (max-width: 768px) {
    .card--nohover .card__img img {
        width: auto !important;
    }
}

.card--bgimg--gradient {
    background-color: #000;
}

.card--bgimg--gradient .card__img {
    min-height: 0;
}

.card--bgimg--gradient .card__img::after {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 50px;

    content: '';
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */

    background:    -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, black 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, black 100%);
    /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, black 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-color: rgba(0, 0, 0, 0);
}

.card--clean {
    display: flex;
    flex-direction: column;

    flex: 1 1 auto;
}

.card--clean .card__content {
    display: flex;

    width: 100%; 

    flex: 1 1 auto;
}

.card--clean .card-body {
    display: flex;
    flex-direction: column; 

    width: 100%;

    flex: 1 1 auto;
}

.card--clean .card-body__bottom-items {
    margin-top: auto;
}

.card--clean .card__img {
    min-height: 0;
    margin-bottom: 19px; 
    padding-top: 70.19%;

    border-color: #d6d6d6 !important;
    background: #fff;
}

.card--clean .card__img img {
    position: absolute;
    top: 50%;
    left: 50%;
/* edited on 2020/10/28 for product listing page */
/*   width: auto !important; */
    width: 100% !important;
    min-width: 100%;
    min-width: calc(100% + 1px);
    height: auto !important;
    min-height: 100%;
    min-height: calc(100% + 1px);
    margin: 0; 

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.card--clean .card__img.border {
    padding-top: calc(70.19% - 2px);
}

.card--clean .card__img--logo {
    padding-top: calc(70.19% - 2px); 

    border: 1px solid #d6d6d6;
}

.card--clean .card__img--logo img {
    min-width: 0;
    max-width: 90%;
    min-height: 0;
    max-height: 90%;
}

/* added on 2020.10.12 - start */
.yrocard__img {
    position: relative;

    display: block;
    overflow: hidden;

    min-height: 227px;
    padding-top: 115%;
}

.yrocard__img img {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;

    -webkit-transition: all 200ms ease-in;
       -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
         -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}


.card--clean .yrocard__img {
    min-height: 0;
    margin-bottom: 19px; 
    padding-top: 70.19%;

    border-color: #d6d6d6 !important;
    background: #fff;
}

.card--clean .yrocard__img img {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100% !important;
    min-width: 100%;
    min-width: calc(100% + 1px);
    height: auto !important;
    min-height: 100%;
    min-height: calc(100% + 1px);
    margin: 0; 

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.card--clean .yrocard__img.border {
    padding-top: calc(70.19% - 2px);
}

.card--clean .yrocard__img--logo {
    padding-top: calc(70.19% - 2px); 

    border: 1px solid #d6d6d6;
}

.card--clean .yrocard__img--logo img {
    min-width: 0;
    max-width: 90%;
    min-height: 0;
    max-height: 100%;
}
/* added on 2020.10.12 - end */

.card--clean .card__content {
    position: relative;
}

.card--clean .card__content h3,
.card--clean .card__content p {
    color: #000;
}

.card--clean .card__content h3.white,
.card--clean .card__content p.white {
    color: #fff;
}

.card--clean .card__content a {
    color: #5270a5;
}

.card--clean .card__content a.red {
    color: #b71651;
}

.card--clean .card__content a.malibu {
    color: #87b3ff;
}

.card--clean .card__content a.white {
    color: #fff;
}

.card--clean .card__content a.lightSkyBlue {
    color: #87b3ff;
}

.card--clean .card__content .card-title {
    font-size: 20px;
}

.card--clean .card__content .card-text {
    font-size: 16px;
}

.card--clean::after {
    display: none;
}

.card--nocontentpadding .card-body {
    padding: 0;
}

@media screen and (max-width: 768px) {
    .card--nocontentpadding .card-body {
        padding: 0 !important;
    }
}

.card__content {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

    width: 100%;
}

.card__content h3,
.card__content p,
.card__content a {
    color: #fff;
}

.card .card-title,
.card .card-text {
    display: block;
}

.card-body {
    padding: 35px;
}

.card-body p:last-child,
.card-body h3:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .card-body {
        padding: 10% !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
    .card-body {
        padding: 5% !important;
    }
}

.card-title {
    font-size: 16px;
}

.card-text {
    font-size: 20px;
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
    .card-text {
        font-size: 16px;
    }
}

.card__img {
    position: relative;

    display: block;
    overflow: hidden;

    min-height: 227px;
    padding-top: 115%;
}

.card__img img {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;

    -webkit-transition: all 200ms ease-in;
       -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
         -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.card--maxtwocol .card__img {
    padding-top: 77%;
}

@media screen and (max-width: 639px) {
    .card--maxtwocol .card__img {
        padding-top: 115%;
    }
}

.card--maxtwocol .card__img img {
    width: auto;
    height: 100%;
}

.card--oncecol .card__img {
    padding-top: 37.53%;
}

@media screen and (max-width: 1024px) {
    .card--oncecol .card__img {
        padding-top: 37.2%;
    }
}

@media screen and (max-width: 639px) {
    .card--oncecol .card__img {
        padding-top: 115%;
    }
}

.card--oncecol .card__img img {
    width: auto;
    height: 100%;
}

.card::after {
    position: absolute;
    z-index: 1;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;

    content: '';
    -webkit-transition: all 200ms ease-in;
       -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
         -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in; 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */

    background:    -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, black 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, black 100%);
    /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, black 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-color: rgba(0, 0, 0, 0);
}

.card--video {
    background-color: #000;
}

.card--video iframe,
.card--video video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: none;
}

.card--video video {
    width: 100%;
    height: 100%;
}

.card--video .card__img {
    padding-top: 56%;
}

.card--video::after {
    display: none;
}

.card--short .card__img {
    padding-top: 44%;
}

@media screen and (max-width: 768px) {
    .card--short .card__img {
        padding-top: 77%;
    }
}

.card--short .card__img img {
    width: auto;
    height: 100%;
}

.card--solo {
    border: 1px solid #e6e6e6;
    background: #fff;
}

.card--solo .card-text {
    font-size: 20px;

    margin-bottom: 25px;
}

.card--transparent .card__content h3,
.card--transparent .card__content p,
.card--transparent .card__content a {
    color: #000;
}

.card--transparent::after {
    display: none;
}

.card--link {
    display: table;

    width: 100%;

    table-layout: fixed;

    color: #000;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background-color: #fff;
}

.card--link .card__content {
    position: relative;

    display: table-cell;

    height: 95px;
    padding: 10px 30px;

    vertical-align: middle;
}

.card--link .card-body,
.card--link .card-title,
.card--link .card-text {
    display: inline-block;

    width: 100%;
    padding: 0 !important;
}

.card--link .card__img {
    display: table-cell;
    overflow: hidden;

    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box; 
    width: 50px;
    min-height: 0;
    padding: 10px 0 10px 30px;

    vertical-align: middle;

    border-radius: 6px;
}

.card--link .card__img img {
    position: static;

    display: inline-block;

    width: auto;
    max-width: 100%;
    max-height: 50px;

    transform: translate(0, 0);
}

.card--link .card__img img.card-img-top--hover {
    display: none;
}

.card--link .card__img iframe {
    position: static;

    display: inline-block;
}

.card--link .card__img + .card__content {
    padding-left: 15px;
}

.card--link--arrow::after {
    font-family: 'dsb_iconfont';
    font-size: 20px;

    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;

    display: table-cell;

    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    width: 20px;
    padding: 10px 0 10px 30px;

    content: '\e802';
    -webkit-transition: none 200ms ease-in;
       -moz-transition: none 200ms ease-in;
        -ms-transition: none 200ms ease-in;
         -o-transition: none 200ms ease-in;
            transition: none 200ms ease-in; 
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
    vertical-align: middle;

    color: #5270a5;
    background: transparent;
}

.card--link--arrow .card__content {
    padding-right: 15px;
}

.card--credit {
    margin-bottom: 34px;
}

.card--credit .card__img {
    width: 100%;
    min-width: 0;
    max-width: 212px;
    min-height: 0;
    margin-bottom: 0;
    padding-top: 0;

    border: none;
    background: none;
}

.card--credit .card__img img {
    position: relative;
    top: 0;
    left: 0;

    display: block;

    width: 100% !important;
    height: auto !important;
    min-height: 0;

    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
}

.card--credit .card-title {
    font-size: 20px;

    margin-bottom: 10px;
}

.card--credit .card-text {
    font-size: 14px;
    line-height: 21px;

    display: inline-block;
    overflow: hidden;

    width: 100%;
    min-height: 42px;
}

.card--credit--large {
    max-width: 302px;
}

.card--credit--large .card__img img {
    margin: 37px 0;
}

.card--credit.card--clean .card-text {
    font-size: 14px;
}

@media only screen and (max-width: 992px) {
    .card-body {
        padding: 40px;
    }
}

a.card:hover .card__img img {
    width: 115%;
}

a.card:hover::after {
    background-color: rgba(0, 0, 0, .5);
}

a.card:hover .card-link {
    text-decoration: underline;
}

a.card--short:hover .card__img img,
a.card--maxtwocol:hover .card__img img,
a.card--oncecol:hover .card__img img {
    width: auto;
    height: 115%;
}

a.card--link:hover {
    text-decoration: none;

    color: #fff;
    border-color: #d00157;
    background-color: #d00157;
}

a.card--link:hover::after {
    text-decoration: none;

    color: #fff;
    background: transparent;
}

a.card--link:hover .card__img img {
    width: auto;
    height: auto;
}

a.card--link:hover .card__img img.card-img-top--default {
    display: none;
}

a.card--link:hover .card__img img.card-img-top--hover {
    display: inline-block;
}

.collapse-content {
    border-bottom: 1px solid #d6d6d6;
}

.collapse-content__title {
    font-size: 20px;

    position: relative;

    display: block;

    margin-bottom: 0;
    padding: 16px 52px 16px 32px;

    cursor: pointer;

    border-top: 1px solid #d6d6d6;
}

.collapse-content__title:hover {
    text-decoration: none;
}

.collapse-content__title::after {
    font-family: 'dsb_iconfont';
    font-size: 26px;

    position: absolute;
    top: 50%;
    right: 32px;

    content: '\e81d';
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #5270a5;
}

.collapse-content__title.collapsed::after {
    content: '\e81b';
}

/* navigation with no detail */
.collapse-content__title.no-arrow::after {
    content: '';
}
.collapse-content__title.no-arrow {
    cursor: initial;
}


.collapse-content__content {
    padding: 1px 32px 1px;
}

.collapse-content__wrapper {
    padding-top: 0;
}

.collapse-content--without-padding .collapse-content__content,
.collapse-content--without-padding .collapse-content__title {
    padding-left: 0;
}

.collapse-content--without-padding .collapse-content__content {
    padding-right: 0;
}

.collapse-content--without-padding .collapse-content__title::after {
    right: 2px;
}

.collapse-content--without-last-border {
    border: none;
}

.collapse-content-full-width {
    margin-right: -30px;
    margin-left: -30px;
}

.collapse-content-disabled {
    margin-right: 0;
    margin-left: 0;

    border: none;
}

.collapse-content-disabled .collapse-content__title {
    margin-bottom: 20px;
    padding: 0;

    cursor: default;

    border: none;
}

.collapse-content-disabled .collapse-content__title::after {
    display: none;
}

.collapse-content-disabled .collapse-content__content {
    display: block !important;

    height: auto !important;
    margin-bottom: 40px;
    padding: 1px 0;

    border: none;
}

.collapse-content-disabled .collapse-content__content--with-border {
    border-bottom: 2px solid #d6d6d6;
}

.collapse-content-disabled .collapse-content__content-without-border {
    border: none;
}

@media (min-width: 576px) {
    .collapse-content-disabled .collapse-content__content-sm-without-border {
        border: none;
    }
}

@media (min-width: 768px) {
    .collapse-content-disabled .collapse-content__content-md-without-border {
        border: none;
    }
}

@media (min-width: 992px) {
    .collapse-content-disabled .collapse-content__content-lg-without-border {
        border: none;
    }
}

@media (min-width: 1200px) {
    .collapse-content-disabled .collapse-content__content-xl-without-border {
        border: none;
    }
}

.collapse-content-disabled .collapse-content__wrapper {
    padding: 0;
}

@media (min-width: 576px) {
    .collapse-content-sm-full-width {
        margin-right: -30px;
        margin-left: -30px;
    }
    .collapse-content-sm-disabled {
        margin-right: 0;
        margin-left: 0;

        border: none;
    }
    .collapse-content-sm-disabled .collapse-content__title {
        margin-bottom: 20px;
        padding: 0;

        cursor: default;

        border: none;
    }
    .collapse-content-sm-disabled .collapse-content__title::after {
        display: none;
    }
    .collapse-content-sm-disabled .collapse-content__content {
        display: block !important;

        height: auto !important;
        margin-bottom: 40px;
        padding: 1px 0;

        border: none;
    }
    .collapse-content-sm-disabled .collapse-content__content--with-border {
        border-bottom: 2px solid #d6d6d6;
    }
    .collapse-content-sm-disabled .collapse-content__content-without-border {
        border: none;
    }
}

@media (min-width: 576px) and (min-width: 576px) {
    .collapse-content-sm-disabled .collapse-content__content-sm-without-border {
        border: none;
    }
}

@media (min-width: 576px) and (min-width: 768px) {
    .collapse-content-sm-disabled .collapse-content__content-md-without-border {
        border: none;
    }
}

@media (min-width: 576px) and (min-width: 992px) {
    .collapse-content-sm-disabled .collapse-content__content-lg-without-border {
        border: none;
    }
}

@media (min-width: 576px) and (min-width: 1200px) {
    .collapse-content-sm-disabled .collapse-content__content-xl-without-border {
        border: none;
    }
}

@media (min-width: 576px) {
    .collapse-content-sm-disabled .collapse-content__wrapper {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .collapse-content-md-full-width {
        margin-right: -30px;
        margin-left: -30px;
    }
    .collapse-content-md-disabled {
        margin-right: 0;
        margin-left: 0;

        border: none;
    }
    .collapse-content-md-disabled .collapse-content__title {
        margin-bottom: 20px;
        padding: 0;

        cursor: default;

        border: none;
    }
    .collapse-content-md-disabled .collapse-content__title::after {
        display: none;
    }
    .collapse-content-md-disabled .collapse-content__content {
        display: block !important;

        height: auto !important;
        margin-bottom: 40px;
        padding: 1px 0;

        border: none;
    }
    .collapse-content-md-disabled .collapse-content__content--with-border {
        border-bottom: 2px solid #d6d6d6;
    }
    .collapse-content-md-disabled .collapse-content__content-without-border {
        border: none;
    }
}

@media (min-width: 768px) and (min-width: 576px) {
    .collapse-content-md-disabled .collapse-content__content-sm-without-border {
        border: none;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .collapse-content-md-disabled .collapse-content__content-md-without-border {
        border: none;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .collapse-content-md-disabled .collapse-content__content-lg-without-border {
        border: none;
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .collapse-content-md-disabled .collapse-content__content-xl-without-border {
        border: none;
    }
}

@media (min-width: 768px) {
    .collapse-content-md-disabled .collapse-content__wrapper {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .collapse-content-lg-full-width {
        margin-right: -30px;
        margin-left: -30px;
    }
    .collapse-content-lg-disabled {
        margin-right: 0;
        margin-left: 0;

        border: none;
    }
    .collapse-content-lg-disabled .collapse-content__title {
        margin-bottom: 20px;
        padding: 0;

        cursor: default;

        border: none;
    }
    .collapse-content-lg-disabled .collapse-content__title::after {
        display: none;
    }
    .collapse-content-lg-disabled .collapse-content__content {
        display: block !important;

        height: auto !important;
        margin-bottom: 40px;
        padding: 1px 0;

        border: none;
    }
    .collapse-content-lg-disabled .collapse-content__content--with-border {
        border-bottom: 2px solid #d6d6d6;
    }
    .collapse-content-lg-disabled .collapse-content__content-without-border {
        border: none;
    }
}

@media (min-width: 992px) and (min-width: 576px) {
    .collapse-content-lg-disabled .collapse-content__content-sm-without-border {
        border: none;
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .collapse-content-lg-disabled .collapse-content__content-md-without-border {
        border: none;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .collapse-content-lg-disabled .collapse-content__content-lg-without-border {
        border: none;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .collapse-content-lg-disabled .collapse-content__content-xl-without-border {
        border: none;
    }
}

@media (min-width: 992px) {
    .collapse-content-lg-disabled .collapse-content__wrapper {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .collapse-content-xl-full-width {
        margin-right: -45px;
        margin-left: -45px;
    }
    .collapse-content-xl-disabled {
        margin-right: 0;
        margin-left: 0;

        border: none;
    }
    .collapse-content-xl-disabled .collapse-content__title {
        margin-bottom: 20px;
        padding: 0;

        cursor: default;

        border: none;
    }
    .collapse-content-xl-disabled .collapse-content__title::after {
        display: none;
    }
    .collapse-content-xl-disabled .collapse-content__content {
        display: block !important;

        height: auto !important;
        margin-bottom: 40px;
        padding: 1px 0;

        border: none;
    }
    .collapse-content-xl-disabled .collapse-content__content--with-border {
        border-bottom: 2px solid #d6d6d6;
    }
    .collapse-content-xl-disabled .collapse-content__content-without-border {
        border: none;
    }
}

@media (min-width: 1200px) and (min-width: 576px) {
    .collapse-content-xl-disabled .collapse-content__content-sm-without-border {
        border: none;
    }
}

@media (min-width: 1200px) and (min-width: 768px) {
    .collapse-content-xl-disabled .collapse-content__content-md-without-border {
        border: none;
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .collapse-content-xl-disabled .collapse-content__content-lg-without-border {
        border: none;
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .collapse-content-xl-disabled .collapse-content__content-xl-without-border {
        border: none;
    }
}

@media (min-width: 1200px) {
    .collapse-content-xl-disabled .collapse-content__wrapper {
        padding: 0;
    }
}

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

.count-star__star {
    display: inline-block;

    width: 29px;
    height: 28px;

    background-image: url('../img/icon/icon--star.png');
    background-repeat: no-repeat;
    background-position: -28px 0;
}

.count-star__star.active {
    background-position: 0 0;
}

.count-star__star.hover {
    background-position: right 0;
}

.animation {
    opacity: 0;
}

.slide-in-blurred-right {
    -webkit-animation: slide-in-blurred-right .5s cubic-bezier(.23, 1, .32, 1) both;
            animation: slide-in-blurred-right .5s cubic-bezier(.23, 1, .32, 1) both;
}

.slide-in-blurred-right-2 {
    -webkit-animation: slide-in-blurred-right .5s cubic-bezier(.23, 1, .32, 1) .5s both;
            animation: slide-in-blurred-right .5s cubic-bezier(.23, 1, .32, 1) .5s both;
}

.slide-in-blurred-right-3 {
    -webkit-animation: slide-in-blurred-right .5s cubic-bezier(.23, 1, .32, 1) 1s both;
            animation: slide-in-blurred-right .5s cubic-bezier(.23, 1, .32, 1) 1s both;
}

.fade-in-left {
    -webkit-animation: fade-in-left .6s cubic-bezier(.39, .575, .565, 1) both;
            animation: fade-in-left .6s cubic-bezier(.39, .575, .565, 1) both;
}

.fade-in-bottom {
    -webkit-animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1) both;
            animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1) both;
}

.fade-in {
    -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) both;
            animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) both;
}

.fade-in-2 {
    -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) .4s both;
            animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) .4s both;
}

.fade-in-3 {
    -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) .8s both;
            animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) .8s both;
}

.fade-in-4 {
    -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) 1.2s both;
            animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) 1.2s both;
}

.heartbeat {
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
            animation: heartbeat 1.5s ease-in-out infinite both;
}

.pulsate-fwd {
    -webkit-animation: pulsate-fwd .5s ease-in-out both;
            animation: pulsate-fwd .5s ease-in-out both;
}

.swing-in-left-fwd {
    -webkit-animation: swing-in-left-fwd .5s cubic-bezier(.175, .885, .32, 1.275) both;
            animation: swing-in-left-fwd .5s cubic-bezier(.175, .885, .32, 1.275) both;
}

.fade-out {
    -webkit-animation: fade-out .7s cubic-bezier(.25, .46, .45, .94) both;
            animation: fade-out .7s cubic-bezier(.25, .46, .45, .94) both;
}

.slide-in-left {
    -webkit-animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) both;
            animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-10-30 15:15:6
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-blurred-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(100px) scaleX(2.5) scaleY(.2);
                transform: translateX(100px) scaleX(2.5) scaleY(.2);
        -webkit-transform-origin: 0 50%;
                transform-origin: 0 50%;

        opacity: 0;

        -webkit-filter: blur(40px);
                filter: blur(40px);
    }
    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
                transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;

        opacity: 1;

        -webkit-filter: blur(0);
                filter: blur(0);
    }
}

@keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(100px) scaleX(2.5) scaleY(.2);
                transform: translateX(100px) scaleX(2.5) scaleY(.2);
        -webkit-transform-origin: 0 50%;
                transform-origin: 0 50%;

        opacity: 0;

        -webkit-filter: blur(40px);
                filter: blur(40px);
    }
    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
                transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;

        opacity: 1;

        -webkit-filter: blur(0);
                filter: blur(0);
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2018-10-30 15:29:7
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px);
                transform: translateX(-50px);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);

        opacity: 1;
    }
}

@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px);
                transform: translateX(-50px);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);

        opacity: 1;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2018-10-30 16:7:37
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
                transform: translateY(50px);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);

        opacity: 1;
    }
}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
                transform: translateY(50px);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);

        opacity: 1;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2018-10-30 16:26:53
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2018-10-31 11:12:48
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: center center;
                transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(.91);
                transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(.98);
                transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(.87);
                transform: scale(.87);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: center center;
                transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(.91);
                transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(.98);
                transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(.87);
                transform: scale(.87);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2018-10-31 11:19:44
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2018-10-31 16:2:37
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation swing-in-left-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-left-fwd {
    0% {
        -webkit-transform: rotateY(100deg);
                transform: rotateY(100deg);
        -webkit-transform-origin: left;
                transform-origin: left;

        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0);
                transform: rotateY(0);
        -webkit-transform-origin: left;
                transform-origin: left;

        opacity: 1;
    }
}

@keyframes swing-in-left-fwd {
    0% {
        -webkit-transform: rotateY(100deg);
                transform: rotateY(100deg);
        -webkit-transform-origin: left;
                transform-origin: left;

        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0);
                transform: rotateY(0);
        -webkit-transform-origin: left;
                transform-origin: left;

        opacity: 1;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2018-11-13 17:59:39
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-out
 * ----------------------------------------
 */
@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2018-11-29 22:23:7
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);

        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);

        opacity: 1;
    }
}




.data-content {
    display: inline-block;

    width: 100%;
    margin-bottom: 15px;
}

.data-content .col-12 .data-content__wrapper {
    height: 100%;

    border-bottom: solid 1px #e6e6e6;
}

.data-content .col-12:not(.col-md-6):nth-child(1) .data-content__wrapper {
    border-top: solid 1px #e6e6e6;
}

.data-content .col-12.col-md-6[visible] {
    background-color: #000;
}

.data-content .col-12.col-md-6:nth-child(1) .data-content__wrapper,
.data-content .col-12.col-md-6:nth-child(2) .data-content__wrapper {
    border-top: solid 1px #e6e6e6;
}

@media screen and (max-width: 768px) {
    .data-content .col-12.col-md-6:nth-child(2) .data-content__wrapper {
        border-top: 0;
    }
}

.data-content::after {
    clear: both;

    content: '';
}

@media screen and (max-width: 768px) {
    .data-content {
        width: calc(100% + 30px);
        margin-right: -15px;
        margin-left: -15px;
    }
}

.data-content__wrapper {
    display: table;

    width: 100%;
}

.data-content__title,
.data-content__content {
    display: table-cell;

    width: 50%;
    padding: 15px;
}

.data-content__title {
    padding-left: 0;

    color: #474f5d;
}

@media screen and (max-width: 768px) {
    .data-content__title {
        padding-left: 15px;
    }
}

.data-content__content {
    font-weight: bold;

    padding-right: 0;

    text-align: right;
}

.data-content__content--break-all {
    word-break: break-all;
}

@media screen and (max-width: 768px) {
    .data-content__content {
        padding-right: 15px;
    }
}

.data-content--inline {
    display: block;

    margin-right: 0;
    margin-left: 0;

    border-top: 0;
    border-bottom: 0;
}

.data-content--inline .data-content__title,
.data-content--inline .data-content__content {
    display: block;

    width: 100%;
    padding: 0;
}

.data-content--inline .data-content__title {
    margin-bottom: 5px;
}

.data-content--inline .data-content__content {
    text-align: left;
}

.data-content--input {
    display: block;

    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;

    border-top: 0;
    border-bottom: 0;
}

.data-content--input__title {
    display: block;

    width: 100%;
    margin: 0 0 15px;
    padding: 0;

    color: #474f5d;
}

.data-content--input__content {
    font-weight: bold;
    line-height: 45px;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 45px;
    padding: 0 13px;

    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #000;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    background-color: #f5f5f5;
}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs4-4.1.1/dt-1.10.18/fc-3.2.5/fh-3.1.4/r-2.2.2
 *
 * Included libraries:
 *   Bootstrap 4 4.1.1, DataTables 1.10.18, FixedColumns 3.2.5, FixedHeader 3.1.4, Responsive 2.2.2
 */
table.dataTable {
    clear: both;

    max-width: none !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;

    border-spacing: 0; 
    border-collapse: separate !important;
}

table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
    text-align: center;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;

    text-align: left;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    display: inline-block; 

    width: auto;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;

    text-align: left; 
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_filter input {
    display: inline-block;

    width: auto; 
    margin-left: .5em;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: .85em;

    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;

    text-align: right; 
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;

    white-space: nowrap;

    justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 200px;
    margin-top: -26px;
    margin-left: -100px;
    padding: 1em 0; 

    text-align: center;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
    padding-right: 30px;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
    outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    position: relative; 

    cursor: pointer;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: .9em;

    display: block;

    opacity: .3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;

    content: '\2191';
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: .5em;

    content: '\2193';
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
    margin-top: 0 !important;
    margin-bottom: 0 !important; 

    border-top: none;
}

div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before,
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
    box-sizing: content-box;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
    margin-top: 0 !important;

    border-top: none;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }
}

table.dataTable.table-sm > thead > tr > th {
    padding-right: 20px;
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: .85em;
}

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
    top: 5px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    border-left-width: 0;
}

table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
    border-right-width: 0;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^='col-']:first-child {
    padding-left: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^='col-']:last-child {
    padding-right: 0;
}

table.DTFC_Cloned tr {
    margin-bottom: 0; 

    background-color: white;
}

div.DTFC_LeftHeadWrapper table,
div.DTFC_RightHeadWrapper table {
    margin-bottom: 0 !important;

    border-bottom: none !important;
    background-color: white;
}

div.DTFC_LeftBodyWrapper table,
div.DTFC_RightBodyWrapper table {
    margin: 0 !important; 

    border-top: none;
}

div.DTFC_LeftBodyWrapper table thead .sorting:after,
div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,
div.DTFC_LeftBodyWrapper table thead .sorting:after,
div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table thead .sorting:after,
div.DTFC_RightBodyWrapper table thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table thead .sorting:after,
div.DTFC_RightBodyWrapper table thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table thead .sorting_desc:after {
    display: none;
}

div.DTFC_LeftBodyWrapper table tbody tr:first-child th,
div.DTFC_LeftBodyWrapper table tbody tr:first-child td,
div.DTFC_RightBodyWrapper table tbody tr:first-child th,
div.DTFC_RightBodyWrapper table tbody tr:first-child td {
    border-top: none;
}

div.DTFC_LeftFootWrapper table,
div.DTFC_RightFootWrapper table {
    margin-top: 0 !important;

    border-top: none;
    background-color: white;
}

div.DTFC_Blocker {
    background-color: white;
}

table.dataTable.table-striped.DTFC_Cloned tbody {
    background-color: white;
}

table.dataTable.fixedHeader-floating,
table.dataTable.fixedHeader-locked {
    margin-top: 0 !important;
    margin-bottom: 0 !important; 

    background-color: white;
}

table.dataTable.fixedHeader-floating {
    position: fixed !important;
}

table.dataTable.fixedHeader-locked {
    position: absolute !important;
}

@media print {
    table.fixedHeader-floating {
        display: none;
    }
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
    cursor: default !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
    display: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role='row'] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role='row'] > th:first-child {
    position: relative;

    padding-left: 30px;

    cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role='row'] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role='row'] > th:first-child:before {
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;

    position: absolute;
    top: 12px;
    left: 4px;

    display: block;

    box-sizing: content-box;
    width: 14px;
    height: 14px;

    content: '+';
    text-align: center;
    text-indent: 0 !important;

    color: white;
    border: 2px solid white;
    border-radius: 14px;
    background-color: #0275d8; 
    box-shadow: 0 0 3px #444;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '-';

    background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-left: 27px;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
    line-height: 14px;

    top: 5px;
    left: 4px;

    width: 14px;
    height: 14px;

    text-indent: 3px; 

    border-radius: 14px;
}

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;

    cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;

    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    box-sizing: content-box;
    width: 16px;
    height: 16px;
    margin-top: -10px;
    margin-left: -10px;

    content: '+';
    text-align: center;
    text-indent: 0 !important;

    color: white;
    border: 2px solid white;
    border-radius: 14px;
    background-color: #0275d8; 
    box-shadow: 0 0 3px #444;
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '-';

    background-color: #d33333;
}

table.dataTable > tbody > tr.child {
    padding: .5em 1em;
}

table.dataTable > tbody > tr.child:hover {
    background: transparent !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    display: inline-block;

    margin: 0;
    padding: 0; 

    list-style-type: none;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
    padding: .5em 0; 

    border-bottom: 1px solid #efefef;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
    padding-top: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
    border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
    font-weight: bold; 

    display: inline-block;

    min-width: 75px;
}

div.dtr-modal {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10em 1em;
}

div.dtr-modal div.dtr-modal-display {
    position: absolute;
    z-index: 102;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: auto;
    overflow: auto;

    width: 50%;
    height: 50%;
    margin: auto;

    border: 1px solid black;
    border-radius: .5em;
    background-color: #f5f5f7;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .6);
}

div.dtr-modal div.dtr-modal-content {
    position: relative;

    padding: 1em;
}

div.dtr-modal div.dtr-modal-close {
    position: absolute;
    z-index: 12; 
    top: 6px;
    right: 6px;

    width: 22px;
    height: 22px;

    cursor: pointer;
    text-align: center;

    border: 1px solid #eaeaea;
    border-radius: 3px;
    background-color: #f9f9f9;
}

div.dtr-modal div.dtr-modal-close:hover {
    background-color: #eaeaea;
}

div.dtr-modal div.dtr-modal-background {
    position: fixed;
    z-index: 101;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: rgba(0, 0, 0, .6);
}

@media screen and (max-width: 767px) {
    div.dtr-modal div.dtr-modal-display {
        width: 95%;
    }
}

div.dtr-bs-modal table.table tr:first-child td {
    border-top: none;
}

.dataTables_wrapper {
    width: 100%;
}

table.dataTable {
    margin-top: 0 !important;

    border-spacing: 0;
    border-collapse: collapse !important;
}

.dataTables_scrollBody {
    overflow-x: hidden !important;
}

.dataTables_scroll .data-table--no-full-width {
    margin-right: 0; 
    margin-left: 0;
}

.DTFC_LeftWrapper .data-table__col:last-child {
    padding-right: 15px;
}

.DTFC_RightWrapper .data-table__col:first-child {
    padding-left: 15px;
}

.DTFC_LeftBodyLiner,
.DTFC_RightBodyLiner {
    overflow-y: visible !important;
}

.DTFC_LeftBodyLiner thead,
.DTFC_RightBodyLiner thead {
    display: none;
}

.data-table {
    position: relative;

    margin-right: -30px; 
    margin-bottom: 20px;
    margin-left: -30px;

    -webkit-transition: opacity 200ms ease-in;
       -moz-transition: opacity 200ms ease-in;
        -ms-transition: opacity 200ms ease-in;
         -o-transition: opacity 200ms ease-in;
            transition: opacity 200ms ease-in;

    opacity: 1;
}

@media screen and (min-width: 992px) {
    .data-table {
        margin-right: 0; 
        margin-left: 0;
    }
}

.data-table__clone-item--hover {
    outline: -webkit-focus-ring-color auto 5px;
}

.data-table--loading {
    opacity: 0;
}

.data-table__rangebar {
    width: 250px;
}

.data-table__position-items {
    position: relative;

    height: 70px;
}

.data-table__bottom-item {
    position: absolute;
    bottom: 0;
    left: 0;
}

.data-table__table {
    min-width: 100%;
}

.data-table__table thead {
    border-bottom: 1px solid #c3c3c3;
}

.data-table .dataTables_scrollBody .data-table__table thead {
    border: none;
}

.data-table__row:nth-child(odd) .data-table__col {
    background: #f3f8ff;
}

.data-table__row:nth-child(odd) .data-table__col--th {
    background: #fff;
}

.data-table__col {
    font-weight: normal;

    padding: 10px 15px;

    text-align: left;
    vertical-align: top;

    border: none;
    background: #fff;
}

.data-table__col[align='right'] {
    text-align: right;
}

.data-table__col[align='left'] {
    text-align: left;
}

.data-table__col[align='center'] {
    text-align: center;
}

.data-table__col[valign='bottom'] {
    vertical-align: bottom;
}

.data-table__col[valign='top'] {
    vertical-align: top;
}

.data-table__col[valign='middle'] {
    vertical-align: middle;
}

@media screen and (max-width: 767.9999px) {
    .data-table__col {
        min-width: 30vw;
    }
}

.data-table__col:first-child {
    padding-left: 30px;
}

@media screen and (min-width: 992px) {
    .data-table__col:first-child {
        padding-left: 15px;
    }
}

.data-table__col:first-child.data-table__col--non-first {
    padding-left: 15px;
}

.data-table__col:last-child {
    padding-right: 30px;
}

@media screen and (min-width: 992px) {
    .data-table__col:last-child {
        padding-right: 15px;
    }
}

.data-table__col:last-child.data-table__col--non-last {
    padding-right: 15px;
}

@media screen and (max-width: 767.9999px) {
    .data-table__col--without-min-width {
        min-width: 0;
    }
}

.data-table__col--th {
    color: #000;
    background: #fff;
}

.data-table__col--vertical-middle {
    vertical-align: middle;
}

.data-table__col--vertical-bottom {
    vertical-align: bottom;
}

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

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

.data-table__col--nowrap {
    white-space: nowrap;
}

.data-table--with-border thead {
    border-bottom: none;
}

.data-table--with-border thead .data-table__col {
    border: 1px solid #c3c3c3;
}

.data-table--with-border thead .data-table__col:first-child {
    border-left: 0;
}

.data-table--with-border thead .data-table__col:last-child {
    border-right: 0;
}

.data-table--with-border thead .data-table__row:first-child .data-table__col {
    border-top: 0;
}

.data-table--no-full-width {
    margin-right: 0; 
    margin-left: 0;
}

.data-table--no-full-width .data-table__col:first-child {
    padding-left: 15px;
}

.data-table--no-full-width .data-table__col:last-child {
    padding-right: 15px;
}

.data-table table.dataTable thead .sorting:before,
.data-table table.dataTable thead .sorting:after,
.data-table table.dataTable thead .sorting_asc:before,
.data-table table.dataTable thead .sorting_asc:after,
.data-table table.dataTable thead .sorting_desc:before,
.data-table table.dataTable thead .sorting_desc:after,
.data-table table.dataTable thead .sorting_asc_disabled:before,
.data-table table.dataTable thead .sorting_asc_disabled:after,
.data-table table.dataTable thead .sorting_desc_disabled:before,
.data-table table.dataTable thead .sorting_desc_disabled:after,
.data-table .sorting:before,
.data-table .sorting:after,
.data-table .sorting_asc:before,
.data-table .sorting_asc:after,
.data-table .sorting_desc:before,
.data-table .sorting_desc:after,
.data-table .sorting_asc_disabled:before,
.data-table .sorting_asc_disabled:after,
.data-table .sorting_desc_disabled:before,
.data-table .sorting_desc_disabled:after {
    display: none;
}

.data-table table.dataTable thead .sorting,
.data-table table.dataTable thead .sorting,
.data-table table.dataTable thead .sorting_asc,
.data-table table.dataTable thead .sorting_asc,
.data-table table.dataTable thead .sorting_desc,
.data-table table.dataTable thead .sorting_desc,
.data-table table.dataTable thead .sorting_asc_disabled,
.data-table table.dataTable thead .sorting_asc_disabled,
.data-table table.dataTable thead .sorting_desc_disabled,
.data-table table.dataTable thead .sorting_desc_disabled,
.data-table .sorting,
.data-table .sorting,
.data-table .sorting_asc,
.data-table .sorting_asc,
.data-table .sorting_desc,
.data-table .sorting_desc,
.data-table .sorting_asc_disabled,
.data-table .sorting_asc_disabled,
.data-table .sorting_desc_disabled,
.data-table .sorting_desc_disabled {
    padding-right: 0;
}

.data-table table.dataTable thead .sorting .data-table__col--th__text,
.data-table table.dataTable thead .sorting .data-table__col--th__text,
.data-table table.dataTable thead .sorting_asc .data-table__col--th__text,
.data-table table.dataTable thead .sorting_asc .data-table__col--th__text,
.data-table table.dataTable thead .sorting_desc .data-table__col--th__text,
.data-table table.dataTable thead .sorting_desc .data-table__col--th__text,
.data-table table.dataTable thead .sorting_asc_disabled .data-table__col--th__text,
.data-table table.dataTable thead .sorting_asc_disabled .data-table__col--th__text,
.data-table table.dataTable thead .sorting_desc_disabled .data-table__col--th__text,
.data-table table.dataTable thead .sorting_desc_disabled .data-table__col--th__text,
.data-table .sorting .data-table__col--th__text,
.data-table .sorting .data-table__col--th__text,
.data-table .sorting_asc .data-table__col--th__text,
.data-table .sorting_asc .data-table__col--th__text,
.data-table .sorting_desc .data-table__col--th__text,
.data-table .sorting_desc .data-table__col--th__text,
.data-table .sorting_asc_disabled .data-table__col--th__text,
.data-table .sorting_asc_disabled .data-table__col--th__text,
.data-table .sorting_desc_disabled .data-table__col--th__text,
.data-table .sorting_desc_disabled .data-table__col--th__text {
    position: relative;

    display: inline-block;

    padding-right: 30px;
}

.data-table table.dataTable thead .sorting .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_asc .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_asc .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_asc .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_asc .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_desc .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_desc .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_desc .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_desc .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_asc_disabled .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_asc_disabled .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_asc_disabled .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_asc_disabled .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_desc_disabled .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_desc_disabled .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_desc_disabled .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_desc_disabled .data-table__col--th__text::after,
.data-table .sorting .data-table__col--th__text::before,
.data-table .sorting .data-table__col--th__text::after,
.data-table .sorting .data-table__col--th__text::before,
.data-table .sorting .data-table__col--th__text::after,
.data-table .sorting_asc .data-table__col--th__text::before,
.data-table .sorting_asc .data-table__col--th__text::after,
.data-table .sorting_asc .data-table__col--th__text::before,
.data-table .sorting_asc .data-table__col--th__text::after,
.data-table .sorting_desc .data-table__col--th__text::before,
.data-table .sorting_desc .data-table__col--th__text::after,
.data-table .sorting_desc .data-table__col--th__text::before,
.data-table .sorting_desc .data-table__col--th__text::after,
.data-table .sorting_asc_disabled .data-table__col--th__text::before,
.data-table .sorting_asc_disabled .data-table__col--th__text::after,
.data-table .sorting_asc_disabled .data-table__col--th__text::before,
.data-table .sorting_asc_disabled .data-table__col--th__text::after,
.data-table .sorting_desc_disabled .data-table__col--th__text::before,
.data-table .sorting_desc_disabled .data-table__col--th__text::after,
.data-table .sorting_desc_disabled .data-table__col--th__text::before,
.data-table .sorting_desc_disabled .data-table__col--th__text::after {
    position: absolute;
    top: 50%;
    right: 10px;
    bottom: auto;

    display: block;
    overflow: hidden;

    width: 0;
    height: 0;

    content: ''; 

    opacity: 1;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.data-table table.dataTable thead .sorting .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_asc .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_asc .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_desc .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_desc .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_asc_disabled .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_asc_disabled .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_desc_disabled .data-table__col--th__text::before,
.data-table table.dataTable thead .sorting_desc_disabled .data-table__col--th__text::before,
.data-table .sorting .data-table__col--th__text::before,
.data-table .sorting .data-table__col--th__text::before,
.data-table .sorting_asc .data-table__col--th__text::before,
.data-table .sorting_asc .data-table__col--th__text::before,
.data-table .sorting_desc .data-table__col--th__text::before,
.data-table .sorting_desc .data-table__col--th__text::before,
.data-table .sorting_asc_disabled .data-table__col--th__text::before,
.data-table .sorting_asc_disabled .data-table__col--th__text::before,
.data-table .sorting_desc_disabled .data-table__col--th__text::before,
.data-table .sorting_desc_disabled .data-table__col--th__text::before {
    margin-top: -7px; 

    border-bottom: 6px solid #868686;
}

.data-table table.dataTable thead .sorting .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_asc .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_asc .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_desc .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_desc .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_asc_disabled .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_asc_disabled .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_desc_disabled .data-table__col--th__text::after,
.data-table table.dataTable thead .sorting_desc_disabled .data-table__col--th__text::after,
.data-table .sorting .data-table__col--th__text::after,
.data-table .sorting .data-table__col--th__text::after,
.data-table .sorting_asc .data-table__col--th__text::after,
.data-table .sorting_asc .data-table__col--th__text::after,
.data-table .sorting_desc .data-table__col--th__text::after,
.data-table .sorting_desc .data-table__col--th__text::after,
.data-table .sorting_asc_disabled .data-table__col--th__text::after,
.data-table .sorting_asc_disabled .data-table__col--th__text::after,
.data-table .sorting_desc_disabled .data-table__col--th__text::after,
.data-table .sorting_desc_disabled .data-table__col--th__text::after {
    margin-top: 1px; 

    border-top: 6px solid #868686;
}

.data-table table.dataTable thead .sorting_asc .data-table__col--th__text::before,
.data-table thead .sorting_asc .data-table__col--th__text::before {
    border-bottom: 6px solid #b71651;
}

.data-table table.dataTable thead .sorting_desc .data-table__col--th__text::after,
.data-table thead .sorting_desc .data-table__col--th__text::after {
    border-top: 6px solid #b71651;
}

.data-table .dataTables_scrollBody table.dataTable thead .sorting .data-table__col--th__text::before,
.data-table .dataTables_scrollBody table.dataTable thead .sorting .data-table__col--th__text::after,
.data-table .dataTables_scrollBody table.dataTable thead .sorting .data-table__col--th__text::before,
.data-table .dataTables_scrollBody table.dataTable thead .sorting .data-table__col--th__text::after,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_asc .data-table__col--th__text::before,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_asc .data-table__col--th__text::after,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_asc .data-table__col--th__text::before,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_asc .data-table__col--th__text::after,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_desc .data-table__col--th__text::before,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_desc .data-table__col--th__text::after,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_desc .data-table__col--th__text::before,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_desc .data-table__col--th__text::after,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_asc_disabled .data-table__col--th__text::before,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_asc_disabled .data-table__col--th__text::after,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_asc_disabled .data-table__col--th__text::before,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_asc_disabled .data-table__col--th__text::after,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_desc_disabled .data-table__col--th__text::before,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_desc_disabled .data-table__col--th__text::after,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_desc_disabled .data-table__col--th__text::before,
.data-table .dataTables_scrollBody table.dataTable thead .sorting_desc_disabled .data-table__col--th__text::after,
.data-table .dataTables_scrollBody thead .sorting .data-table__col--th__text::before,
.data-table .dataTables_scrollBody thead .sorting .data-table__col--th__text::after,
.data-table .dataTables_scrollBody thead .sorting .data-table__col--th__text::before,
.data-table .dataTables_scrollBody thead .sorting .data-table__col--th__text::after,
.data-table .dataTables_scrollBody thead .sorting_asc .data-table__col--th__text::before,
.data-table .dataTables_scrollBody thead .sorting_asc .data-table__col--th__text::after,
.data-table .dataTables_scrollBody thead .sorting_asc .data-table__col--th__text::before,
.data-table .dataTables_scrollBody thead .sorting_asc .data-table__col--th__text::after,
.data-table .dataTables_scrollBody thead .sorting_desc .data-table__col--th__text::before,
.data-table .dataTables_scrollBody thead .sorting_desc .data-table__col--th__text::after,
.data-table .dataTables_scrollBody thead .sorting_desc .data-table__col--th__text::before,
.data-table .dataTables_scrollBody thead .sorting_desc .data-table__col--th__text::after,
.data-table .dataTables_scrollBody thead .sorting_asc_disabled .data-table__col--th__text::before,
.data-table .dataTables_scrollBody thead .sorting_asc_disabled .data-table__col--th__text::after,
.data-table .dataTables_scrollBody thead .sorting_asc_disabled .data-table__col--th__text::before,
.data-table .dataTables_scrollBody thead .sorting_asc_disabled .data-table__col--th__text::after,
.data-table .dataTables_scrollBody thead .sorting_desc_disabled .data-table__col--th__text::before,
.data-table .dataTables_scrollBody thead .sorting_desc_disabled .data-table__col--th__text::after,
.data-table .dataTables_scrollBody thead .sorting_desc_disabled .data-table__col--th__text::before,
.data-table .dataTables_scrollBody thead .sorting_desc_disabled .data-table__col--th__text::after {
    display: none;
}

.data-table table.dataTable thead .sorting_desc .data-table__col--th__text::after,
.data-table thead .sorting_desc .data-table__col--th__text::after {
    border-top: 6px solid #b71651;
}

.data-table--dark table.dataTable thead .sorting_asc .data-table__col--th__text::before,
.data-table--dark thead .sorting_asc .data-table__col--th__text::before {
    border-bottom: 6px solid #fff;
}

.data-table--dark table.dataTable thead .sorting_desc .data-table__col--th__text::after,
.data-table--dark thead .sorting_desc .data-table__col--th__text::after {
    border-top: 6px solid #fff;
}

.data-table--dark .data-table__table thead {
    border-bottom: 1px solid #767c87;
}

.data-table--dark .data-table__row:nth-child(odd) .data-table__col {
    background: #474f5d;
}

.data-table--dark .data-table__row:nth-child(odd) .data-table__col--th {
    background: #2d333c;
}

.data-table--dark .data-table__col {
    color: #fff; 
    background: #333a49;
}

.data-table--dark .data-table__col--th {
    color: #fff;
    background: #2d333c;
}

.data-table--dark .data-table--scrollbar .DTFC_LeftHeadWrapper,
.data-table--dark .data-table--scrollbar .DTFC_LeftBodyWrapper,
.data-table--dark .data-table--scrollbar .DTFC_LeftFootWrapper {
    border-right: 1px solid #d6d6d6;
}

.data-table--dark .data-table--scrollbar .DTFC_RightHeadWrapper,
.data-table--dark .data-table--scrollbar .DTFC_RightBodyWrapper,
.data-table--dark .data-table--scrollbar .DTFC_RightFootWrapper {
    border-left: 1px solid #d6d6d6;
}

.data-table--dark.data-table--with-border .dataTables_scrollHead,
.data-table--dark.data-table--with-border .DTFC_LeftHeadWrapper,
.data-table--dark.data-table--with-border .DTFC_RightHeadWrapper {
    border-bottom: none !important;
}

.data-table--dark.data-table--with-border thead {
    border-bottom: none;
}

.data-table--dark.data-table--with-border thead .data-table__col {
    border-color: #767c87;
}

.data-table--sharper table.dataTable thead .sorting .data-table__col--th__text::before,
.data-table--sharper thead .sorting .data-table__col--th__text::before {
    border-bottom: 6px solid #c3c3c3;
}

.data-table--sharper table.dataTable thead .sorting .data-table__col--th__text::after,
.data-table--sharper thead .sorting .data-table__col--th__text::after {
    border-top: 6px solid #c3c3c3;
}

.data-table--sharper table.dataTable thead .sorting_asc .data-table__col--th__text::before,
.data-table--sharper thead .sorting_asc .data-table__col--th__text::before {
    border-bottom: 6px solid #fff;
}

.data-table--sharper table.dataTable thead .sorting_asc .data-table__col--th__text::after,
.data-table--sharper thead .sorting_asc .data-table__col--th__text::after {
    border-top: 6px solid #c3c3c3;
}

.data-table--sharper table.dataTable thead .sorting_desc .data-table__col--th__text::before,
.data-table--sharper thead .sorting_desc .data-table__col--th__text::before {
    border-bottom: 6px solid #c3c3c3;
}

.data-table--sharper table.dataTable thead .sorting_desc .data-table__col--th__text::after,
.data-table--sharper thead .sorting_desc .data-table__col--th__text::after {
    border-top: 6px solid #fff;
}

.data-table--sharper .data-table__table thead {
    border-bottom: 1px solid #b71651;
}

.data-table--sharper .data-table__row:nth-child(odd) .data-table__col {
    background: #fff;
}

.data-table--sharper .data-table__row:nth-child(odd) .data-table__col--th {
    background: #b71651;
}

.data-table--sharper .data-table__col {
    color: #000; 
    background: #f5f5f5;
}

.data-table--sharper .data-table__col--th {
    color: #fff;
    background: #b71651;
}

.data-table--sharper .data-table--scrollbar .DTFC_LeftHeadWrapper,
.data-table--sharper .data-table--scrollbar .DTFC_LeftBodyWrapper,
.data-table--sharper .data-table--scrollbar .DTFC_LeftFootWrapper {
    border-right: none;
}

.data-table--sharper .data-table--scrollbar .DTFC_RightHeadWrapper,
.data-table--sharper .data-table--scrollbar .DTFC_RightBodyWrapper,
.data-table--sharper .data-table--scrollbar .DTFC_RightFootWrapper {
    border-left: none;
}

.data-table--sharper.data-table--with-border .dataTables_scrollHead,
.data-table--sharper.data-table--with-border .DTFC_LeftHeadWrapper,
.data-table--sharper.data-table--with-border .DTFC_RightHeadWrapper {
    border-bottom: none !important;
}

.data-table--sharper.data-table--with-border thead {
    border-bottom: none;
}

.data-table--sharper.data-table--with-border thead .data-table__col {
    border-color: #f9f1f5;
}

.data-table--scrollbar .dataTables_scrollBody {
    overflow-x: auto !important;
}

.datepicker__wrapper {
    position: relative;
}

.datepicker__wrapper__icon {
    position: absolute;
    right: 0;
    bottom: 0;

    display: inline-block;

    width: 39.5px;
    height: 45px;
}

.datepicker__wrapper__icon span {
    display: none;
}

.datepickerWrapper {
    width: 303px !important;
    margin: 0 auto;
}

.ui-datepicker {
    font-size: 16px;

    width: 303px;
    height: 383px;

    border: solid 1px #d6d6d6;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}

.ui-datepicker table {
    font-family: NotoSans;
    font-size: 16px;

    color: #474f5d;
}

.ui-datepicker td {
    padding: 6px;
}

.ui-datepicker td a {
    margin: .2em;
    padding: 0;

    text-align: center;

    color: #474f5d;
}

.ui-datepicker td span {
    text-align: center !important;
}

.ui-datepicker th {
    padding-bottom: 13px;
}

.ui-datepicker-header {
    margin-top: 18px;
    margin-bottom: 7px;
}

.ui-datepicker-calendar thead {
    border-bottom: solid 2px #e6e6e6;
}

.ui-datepicker-unselectable {
    color: #d6d6d6;
}

td.ui-datepicker-week-end a {
    color: #d6d6d6;
}

.ui-state-active {
    width: 25px;
    height: 23px;

    color: white !important;
    border-radius: 8px;
    background-color: #b71651;
}

.ui-datepicker-title {
    font-family: NotoSans;
    font-size: 24px;
    line-height: normal !important;

    letter-spacing: 1px;

    color: #8399bf;
}

.ui-datepicker-calendar th span {
    color: #8399bf;
}

.ui-datepicker-next {
    top: 8px !important;

    transform: rotate(-90deg);

    background-image: url(../img/icon/arrow--down.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.ui-datepicker-prev {
    top: 8px !important;

    transform: rotate(90deg);

    background-image: url(../img/icon/arrow--down.jpg);
    background-repeat: no-repeat;
    background-position: center;
}


.dropdown .e-dropdown__toggle {
    display: block;
}

.dropdown .e-dropdown__toggle::after {
    font-family: 'dsb_iconfont';
    line-height: 1;

    width: auto;
    height: auto;

    content: '\e81b';
    vertical-align: middle;

    border: none;
}

.dropright .e-dropdown__toggle::after {
    font-family: 'dsb_iconfont';
    line-height: 1;

    width: auto;
    height: auto;

    content: '\e81c';

    border: none;
}

.dropup .e-dropdown__toggle::after {
    font-family: 'dsb_iconfont';
    line-height: 1;

    width: auto;
    height: auto;

    content: '\e81d';
    vertical-align: middle;

    border: none;
}

.dropleft .e-dropdown__toggle::before {
    font-family: 'dsb_iconfont';
    line-height: 1;

    width: auto;
    height: auto;

    content: '\e81a';

    border: none;
}

.dropdown .e-dropdown__toggle--without-arrow::before,
.dropdown .e-dropdown__toggle--without-arrow::after,
.dropright .e-dropdown__toggle--without-arrow::before,
.dropright .e-dropdown__toggle--without-arrow::after,
.dropup .e-dropdown__toggle--without-arrow::before,
.dropup .e-dropdown__toggle--without-arrow::after,
.dropleft .e-dropdown__toggle--without-arrow::before,
.dropleft .e-dropdown__toggle--without-arrow::after {
    display: none;
}

.e-dropdown__toggle {
    display: inline-block;
}

.e-dropdown__menu {
    z-index: 1100;

    padding: 10px;

    border: 1px solid #d6d6d6;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}

.e-dropdown__menu--with-arrow {
    min-width: 162px;
}

.e-dropdown__menu--with-arrow[x-placement^='top'],
.e-dropdown__menu--with-arrow[x-placement^='bottom'] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.e-dropdown__menu--with-arrow[x-placement^='right'],
.e-dropdown__menu--with-arrow[x-placement^='left'] {
    margin-top: -17px;
    margin-right: 10px;
    margin-left: 10px;
}

.e-dropdown__menu--with-arrow[x-placement^='top'] .e-dropdown__menu__arrow {
    bottom: -9px;
    left: 100px;
}

.e-dropdown__menu--with-arrow[x-placement^='top'] .e-dropdown__menu__arrow::before {
    top: 0;

    border-top: 10px solid #d6d6d6;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.e-dropdown__menu--with-arrow[x-placement^='top'] .e-dropdown__menu__arrow::after {
    top: 0;
    left: 1px;

    border-top: 9px solid #fff;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
}

.e-dropdown__menu--with-arrow[x-placement^='bottom'] .e-dropdown__menu__arrow {
    top: -9px;
    left: 100px;
}

.e-dropdown__menu--with-arrow[x-placement^='bottom'] .e-dropdown__menu__arrow--right {
    right: 10px;
    left: auto;
}

.e-dropdown__menu--with-arrow[x-placement^='bottom'] .e-dropdown__menu__arrow::before {
    bottom: 0;

    border-right: 10px solid transparent;
    border-bottom: 10px solid #d6d6d6;
    border-left: 10px solid transparent;
}

.e-dropdown__menu--with-arrow[x-placement^='bottom'] .e-dropdown__menu__arrow::after {
    bottom: 0;
    left: 1px;

    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
}

.e-dropdown__menu--with-arrow[x-placement^='right'] .e-dropdown__menu__arrow {
    top: 17px;
    left: -9px;

    width: 10px;
    height: 20px;
}

.e-dropdown__menu--with-arrow[x-placement^='right'] .e-dropdown__menu__arrow::before {
    right: 0;

    border-top: 10px solid transparent;
    border-right: 10px solid #d6d6d6;
    border-bottom: 10px solid transparent;
}

.e-dropdown__menu--with-arrow[x-placement^='right'] .e-dropdown__menu__arrow::after {
    top: 1px;
    right: 0;

    border-top: 9px solid transparent;
    border-right: 9px solid #fff;
    border-bottom: 9px solid transparent;
}

.e-dropdown__menu--with-arrow[x-placement^='left'] .e-dropdown__menu__arrow {
    top: 17px;
    right: -9px;

    width: 10px;
    height: 20px;
}

.e-dropdown__menu--with-arrow[x-placement^='left'] .e-dropdown__menu__arrow::before {
    left: 0;

    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #d6d6d6;
}

.e-dropdown__menu--with-arrow[x-placement^='left'] .e-dropdown__menu__arrow::after {
    top: 1px;
    left: 0;

    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #fff;
}

.e-dropdown__menu__arrow {
    position: absolute;

    display: block;

    width: 20px;
    height: 10px;
}

.e-dropdown__menu__arrow::after,
.e-dropdown__menu__arrow::before {
    position: absolute;

    display: block;
    overflow: hidden;

    width: 0;
    height: 0;

    content: '';
}

.e-dropdown__item {
    font-size: 14px;

    position: relative;

    padding: 7px;

    color: #5270a5;
    border-bottom: 1px solid #e6e6e6;
}

.e-dropdown__item::after {
    position: absolute;
    top: -1px;
    left: 0;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 1px;

    content: '';

    background: #e6e6e6;
}

.e-dropdown__item:hover,
.e-dropdown__item:focus,
.e-dropdown__item:active,
.e-dropdown__item.active {
    color: #5270a5;
    background: #f3f8ff;
}

.e-dropdown__header {
    font-size: 14px;

    padding: 7px;
}

.e-dropdown__divider {
    border-color: #e6e6e6;
}

.e-dropdown--account__toggle {
    position: relative;
}

.e-dropdown--account__toggle.select__select {
    height: 72px;
}

.e-dropdown--account__toggle__value {
    position: absolute;
    top: 50%;
    left: 13px;

    width: calc(100% - 55px);

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.e-dropdown--account__toggle__value--default {
    font-size: 16px;

    color: #868686;
}

.e-dropdown--account__toggle__value--selected {
    font-size: 12px;

    display: none;
}

.e-dropdown--account__toggle--selected .e-dropdown--account__toggle__value--default {
    display: none;
}

.e-dropdown--account__toggle--selected .e-dropdown--account__toggle__value--selected {
    display: block;
}

.e-dropdown--account__menu {
    padding: 0;

    -webkit-transition: opacity 200ms ease-in;
       -moz-transition: opacity 200ms ease-in;
        -ms-transition: opacity 200ms ease-in;
         -o-transition: opacity 200ms ease-in;
            transition: opacity 200ms ease-in; 

    opacity: 0;
}

.e-dropdown--account__menu.e-dropdown__menu--ready {
    width: 100%;

    opacity: 1;
}

.e-dropdown--account__menu .scrolllist {
    height: 200px;
}

.e-dropdown--account__menu__item {
    display: flex;

    padding-top: 14px;
    padding-right: 13px;
    padding-bottom: 14px;
    padding-left: 13px;
}

.e-dropdown--account__menu__item:active,
.e-dropdown--account__menu__item.active {
    z-index: 1;

    border-color: #3371de;
    background: #f3f8ff;
}

.e-dropdown--account__menu__item:active::after,
.e-dropdown--account__menu__item.active::after {
    background: #3371de;
}

.app-dropdown__modal.modal-dialog {
    position: fixed;

    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;

    align-items: flex-end;
}

.app-dropdown__modal.modal-dialog .modal-content {
    padding: 0 15px 40px;
}

.app-dropdown__modal.modal-dialog .modal-header {
    padding: 7px 0;
}

.app-dropdown__modal.modal-dialog .modal-body {
    padding-top: 1px;
}

.app-dropdown__item {
    font-size: 14px;

    position: relative;

    display: block;

    padding: 10px 0;

    color: #5270a5;
    border-bottom: 1px solid #e6e6e6;
}

.app-dropdown__item::after {
    position: absolute;
    top: -1px;
    left: 0;

    display: block;
    overflow: hidden;

    width: 100%;
    height: 1px;

    content: '';

    background: #e6e6e6;
}

.modal.fade .app-dropdown__modal.modal-dialog {
    transform: translate(0, 25%);
}

.modal.fade .app-dropdown__modal .modal-content {
    max-width: none;

    border-radius: 0;
}

.error-title__reduced-margin.icon-text {
    margin-bottom: 10px;
}

.error-title__reduced-margin.icon-text .icon-text__icon,
.error-title__reduced-margin.icon-text .icon-text__text {
    display: table-cell;
}

@media screen and (max-width: 992px) {
    .error-title__reduced-margin.icon-text .icon-text__icon,
    .error-title__reduced-margin.icon-text .icon-text__text {
        display: block;
    }
}

.error-title__icon {
    margin-bottom: 20px;
}

.error-title__header {
    font-size: 32px;
    line-height: 62px;

    margin-bottom: 20px;
}

@media screen and (max-width: 992px) {
    .error-title__header {
        font-size: 26px; 
        line-height: 1.19;
    }
}

.expand-collapse {
    border-top: 1px #eeeff0 solid;
}

.expand-collapse--active .expand-collapse__trigger__text--active {
    display: inline;
}

.expand-collapse--active .expand-collapse__trigger__text--default {
    display: none;
}

.expand-collapse--active .expand-collapse__trigger::before {
    background: url('../img/icon/arrow--up.jpg') center center no-repeat;
}

.expand-collapse__trigger {
    line-height: 45px;

    display: block;

    text-align: center;

    color: #018bcb;
}

.expand-collapse__trigger:hover,
.expand-collapse__trigger:focus {
    text-decoration: none;

    color: #018bcb;
}

.expand-collapse__trigger__text--active {
    display: none;
}

.expand-collapse__trigger__text--default {
    display: inline;

    border-bottom: 1px #018bcb solid;
}

.expand-collapse__trigger::before {
    display: inline-block;

    width: 17px;
    height: 10px;
    margin-right: 5px;

    content: '';
    vertical-align: middle;

    background: url('../img/icon/arrow--down.jpg') center center no-repeat;
}

.expand-collapse__content {
    display: none;

    padding: 20px 0;
}

.feature-slider {
    position: relative;

    overflow: hidden;

    width: 100%;
    padding-bottom: 62px;

    -webkit-transition: opacity 200ms ease-in;
       -moz-transition: opacity 200ms ease-in;
        -ms-transition: opacity 200ms ease-in;
         -o-transition: opacity 200ms ease-in;
            transition: opacity 200ms ease-in; 

    opacity: 1;
}

.feature-slider .swiper-wrapper {
    flex: 1 1 auto;
}

.feature-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;

    opacity: .4;
    background: #767c87;
}

.feature-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #b71651;
}

.feature-slider.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.feature-slider.swiper-container-horizontal > .swiper-pagination-bullets,
.feature-slider .swiper-pagination-custom,
.feature-slider .swiper-pagination-fraction {
    line-height: 1;

    bottom: 26px;
}

.feature-slider .swiper-slide {
    display: flex;

    height: auto;
}

.feature-slider .swiper-slide.feature-slider__swiper-slide--mulit-row {
    flex-direction: column;
}

.feature-slider .swiper-slide > .row {
    width: calc(100% + 30px);
}

.feature-slider .swiper-slide > .row + .row {
    margin-top: 30px;
}

.feature-slider--white .swiper-pagination-bullet {
    background: #fff;
}

.feature-slider--white .swiper-pagination-bullet-active {
    background: #fff;
}

.feature-slider--red .swiper-pagination-bullet {
    background: #767c87;
}

.feature-slider--red .swiper-pagination-bullet-active {
    background: #b71651;
}

.feature-slider--once-slide {
    padding-bottom: 26px;
}

.feature-slider--once-slide .swiper-pagination {
    display: none;
}

.feature-slider--lazy {
    opacity: 0;
}

.feature-slider__slide {
    display: flex;

    height: auto;
}

@media screen and (max-width: 991.9999px) {
    .feature-slider__container.no-padding .feature-slider__slide {
        width: calc(100% - 60px);
    }
}


.finance-details {
    display: inline-block;

    width: 100%;

    color: #fff;
}

.finance-details__stock__price {
    font-size: 32px;
    line-height: 1;

    margin-right: 16px;
}

.finance-details__stock__gainloss {
    font-size: 22px;

    position: relative;

    display: inline-block;

    margin-bottom: 35px;
    padding-right: 36px; 

    color: #29c57d;
}

.finance-details__stock__gainloss::before {
    font-size: 0;

    position: absolute;
    top: 50%;
    right: 8px;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    content: '';

    border-radius: 999px;
    background: #fff;
}

.finance-details__stock__gainloss::after {
    font-family: 'dsb_iconfont';
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    line-height: 36px;

    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 36px;
    height: 36px;
    margin-top: -18px;

    content: '\e82f'; 

    speak: none;
}

.finance-details__stock__gainloss__icon {
    display: none; 

    width: 30px;
    margin-top: -4px;
}

.finance-details__stock__gainloss--red {
    color: #e50e67;
}

.finance-details__stock__gainloss--red::after {
    content: '\e827';
}

.finance-details__stock__gainlossicon {
    display: inline-block;
}

.finance-details__stock__gainlossicon > img {
    width: 30px;
}

.finance-details__stock__chart {
    margin-bottom: 20px;
}

.finance-details__stock__chart img {
    max-width: 100%;
    max-height: 100%;
}

.finance-details__stock__pricewrapper > .finance-details__stock__gainlossicon {
    display: none;
}

.finance-details__searchbar {
    position: relative;

    margin-bottom: 30px;
}

.finance-details__searchbar__icon {
    position: absolute;
    top: 24px;
    right: 0;

    width: 45px;
    height: 45px;
}

.finance-details__searchbar__icon img {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 22px;

    transform: translate(-50%, -50%);
}

.finance-details__marketwrapper__newstitle {
    font-family: 'Lato', 'NotoSans',-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft JhengHei', 'Heiti TC', sans-serif;
    font-size: 22px;

    margin-bottom: 7px;
}

.finance-details__marketwrapper__newstext {
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
    .finance-details {
        width: 100%;
    }
    .finance-details .finance-details__stock__chart img {
        display: none;
    }
    .finance-details .finance-details__stock__price {
        font-size: 26px;

        margin-bottom: 15px;
    }
    .finance-details .finance-details__stock__pricewrapper {
        display: block;
    }
    .finance-details .finance-details__stock__pricewrapper > .finance-details__stock__gainlossicon {
        display: inline-block;

        transform: translateY(-50%);
    }
}

.needs__refresh {
    display: inline-block;

    margin-bottom: 15px;

    text-decoration: none;
}

.needs__refresh:hover {
    text-decoration: none;
}

.needs__refresh__icon {
    width: 24.5px;
    margin: 0 10px 0 0;
}

.needs__refresh__text {
    font-size: 12px;
    line-height: 17px;

    display: inline-block;

    vertical-align: middle;

    color: #c3c3c3;
}

.needs__refresh:hover .finance-details__stock__refresh__text {
    color: #fff;
}

.needs__title {
    font-size: 22px;
    line-height: 26px;

    display: block;

    margin: 10px 0 24px 0;

    color: #fff;
}

.needs__title__cat {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;

    display: inline-block;
    float: right;

    color: #87b3ff;
}

.needs__title__cat:hover {
    color: #87b3ff;
}

.needs__mobileonly {
    display: none;
}

@media only screen and (max-width: 992px) {
    .needs__mobileonly {
        display: inline-block;
    }
    .needs__mobilehide {
        display: none;
    }
    .needs__mobileborder {
        margin: 10px 0;

        border-top: 1px solid #474f5d;
    }
    .needs__mobilecat {
        font-size: 16px;
        font-weight: bold;

        display: inline-block;

        margin: 20px 0;

        color: #689af3;
    }
    .needs__mobilecat:hover {
        color: #689af3;
    }
}

.financial-information {
    width: 100%;
    height: 124px;

    background-color: #2d333c;
}

.floating-area {
    position: fixed;
    z-index: 40;
    right: 20px;
    bottom: 20px;
}

.floating-area__icon {
    line-height: 74px;

    position: relative;

    display: block;
    float: left;
    overflow: hidden;

    width: 45px;
    min-width: 0;
    height: 45px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-right: 0;
    padding-left: 0;

    text-align: center;

    border-radius: 37px;
}

.floating-area__icon--kashmirBlue {
    background: #5270a5;
}

.floating-area__icon--kashmirBlue:hover,
.floating-area__icon--kashmirBlue:focus {
    background: #3371de;
}

.floating-area__icon--opacityblack {
    background-color: rgba(0, 0, 0, .5);
}

.floating-area__icon--opacityblack:hover,
.floating-area__icon--opacityblack:focus {
    background-color: black;
}

.floating-area__icon__iconfont {
    font-size: 22px;

    top: 45%;
}

.floating-area__icon__iconfont.icon-chatbox {
    font-size: 26px;

    top: 50%;
}

.floating-area__icon img {
    top: 50%; 

    display: block;

    width: 70%;
    margin: 0 auto;
}

.floating-area__icon img,
.floating-area__icon__iconfont {
    position: absolute;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.footer {
    position: relative;

    padding: 30px 0;

    color: #fff;
    background: #2d333c;
}

.footer a {
    text-decoration: none;

    color: #fff;
}

.footer a:hover {
    text-decoration: underline;

    color: #fff;
}

.footer hr {
    margin: 20px 0;

    border-top-color: #f1f3f8;
}

@media screen and (max-width: 991.9999px) {
    .footer__follow {
        display: flex;
    }
}

.footer__follow__title,
.footer__follow__items,
.footer__follow__more {
    display: inline-block;

    margin: 0;
    padding-right: 20px;

    vertical-align: middle;
}

@media screen and (max-width: 991.9999px) {
    .footer__follow__title,
    .footer__follow__items,
    .footer__follow__more {
        display: block;
    }
}

.footer__follow__link {
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 24px;
    height: 24px;

    vertical-align: middle;

    border-radius: 24px;
    background: #fff;
}

.footer__follow__link + .footer__follow__link {
    margin-left: 20px;
}

.footer__follow__icon {
    position: absolute;
    top: 50%;
    left: 50%;

    max-width: 100%;
    max-height: 100%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.footer__follow__more {
    padding: 0;
}

@media screen and (max-width: 991.9999px) {
    .footer__follow__more {
        margin-left: auto;
    }
}

@media screen and (min-width: 992px) {
    .footer__sitemap {
        display: inline-block;

        width: calc(100% - 200px);
    }
}

.footer__sitemap__list {
    margin: 10px 0 20px;
    padding: 0;

    list-style: none;
}

.footer__sitemap__item {
    margin: 10px 0 0;
}

@media screen and (min-width: 992px) {
    .footer__group {
        display: inline-block;
        float: right;

        width: 200px;
    }
    .footer__group::after {
        display: block;
        clear: both;

        width: 100%;
        height: 0;

        content: '';
    }
}

.footer__logo {
    float: right;

    margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
    .footer__logo {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 992px) {
    .footer__logo {
        float: none;
    }
}

.footer__logo__link {
    display: block;
}

.footer__logo__image {
    max-width: 100%;
    max-height: 60px;
}

@media screen and (min-width: 992px) {
    .footer__logo__image {
        height: auto;
    }
}

@media screen and (min-width: 992px) {
    .footer__comment {
        display: flex;

        margin-top: 60px;

        align-items: center;
    }
}

@media screen and (min-width: 992px) {
    .footer__download {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 992px) {
    .footer__download__items {
        display: table;

        width: 100%;
    }
}

.footer__download__image {
    max-width: 100%;
    height: 30px;
}

@media screen and (min-width: 992px) {
    .footer__download__image {
        height: auto;
    }
}

@media screen and (min-width: 992px) {
    .footer__download__buttons {
        display: table-cell;

        width: 100px;

        vertical-align: top;
    }
}

.footer__download__qr {
    display: none;
}

@media screen and (min-width: 992px) {
    .footer__download__qr {
        display: table-cell;

        text-align: right;
        vertical-align: top;
    }
    .footer__download__qr .footer__download__image {
        height: 82px;
    }
}

.footer__download__link {
    display: inline-block;

    margin-right: 20px;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
    .footer__download__link {
        display: block;

        width: 100px;
        margin-right: 0;
    }
}

.footer__download__link__image {
    height: 30px;
}

@media screen and (min-width: 992px) {
    .footer__download__link {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    .footer__download__link + .footer__download__link {
        margin-top: 18px;
        margin-right: 0;
    }
    .footer__download__link__image {
        height: 30px;
    }
}

.footer__download__title {
    display: block;
}

@media screen and (min-width: 992px) {
    .footer__download__title {
        display: inline;
    }
}

.footer__copyright {
    font-size: 12px;
}

@media screen and (min-width: 992px) {
    .footer__copyright {
        position: absolute;
        bottom: 30px;
    }
}

@media screen and (min-width: 992px) {
    .footer--ebanking .footer__copyright {
        position: relative;
        bottom: 0; 

        margin-top: 10px;
    }
}

.edm .footer__copyright {
    position: relative;
    bottom: 0;
}

.form {
    position: relative;
    z-index: 2;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .form {
        padding-top: 30px;
    }
}

.form__error {
    display: none;
}

.form__wrapper {
    display: none;
}

.form__footer {
    display: flex;

    align-items: center;
}

@media screen and (max-width: 991.9999px) {
    .form__footer {
        display: table;

        width: 100%;
    }
}

.form__footer__item {
    display: block;

    margin-right: auto;
    margin-left: 0;
}

@media screen and (max-width: 991.9999px) {
    .form__footer__item {
        display: table-footer-group;

        text-align: center;
    }
}

.form__footer__item--right {
    margin-right: 0;
    margin-left: auto;
}

@media screen and (max-width: 991.9999px) {
    .form__footer__item--right {
        display: table-header-group;
    }
}

@media screen and (max-width: 991.9999px) {
    .form__footer__subItem {
        margin-bottom: 20px;
    }
}

.tnc__wrapper {
    color: #696969;
}

.content-wrapper {
    z-index: 2;

    min-height: 560px;
    margin-bottom: 35px;
    padding: 35px 60px;

    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}

@media screen and (max-width: 768px) {
    .content-wrapper {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .content-wrapper {
        padding: 0;

        border-radius: 0;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
    }
}

.currencies {
    font-size: 20px;
    line-height: 30px;

    display: table;

    width: 100%;
    margin-bottom: 23px;

    color: #fff;
}

.currencies__location,
.currencies__buy,
.currencies__sell {
    display: table-cell;
}

.currencies__location {
    width: 40%;
}

.currencies__buy,
.currencies__sell {
    width: 30%;
}

.currencies__buy {
    padding-right: 10px; 

    text-align: center;
}

.currencies__sell {
    text-align: right;
}

.currencies__icon {
    display: inline-block;
    overflow: hidden;

    width: 30px;
    height: 30px;
    margin-right: 22px;

    vertical-align: top;

    border-radius: 15px;
}

.currencies__icon img {
    display: block; 

    width: 100%;
}

.currencies__title {
    font-size: 16px;

    display: inline-block;

    margin-right: 24px;

    vertical-align: top;
}

.general-content__titlelarge {
    font-size: 26px;
}

@media screen and (max-width: 992px) {
    .general-content__titlelarge {
        font-size: 22px;
    }
}

.fxtrader__wrapper {
    margin-bottom: 29px;
}

.general-content img {
    width: 100%;
}

@media screen and (max-width: 992px) {
    .general-content h5 {
        font-size: 20px;
    }
    .general-content h3 {
        font-size: 22px;
    }
}

.general-content h5 {
    margin: 20px 0;
}

.general-content hr {
    margin-bottom: 0;
}

.group {
    position: relative;

    display: inline-block;
}

@media screen and (max-width: 992px) {
    .group {
        display: block;

        margin: 20px 16px 0;
    }
}

.group__trigger {
    font-size: 14px;

    position: relative;

    display: inline-block;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; 
    margin-top: 11.5px;
    padding: 0 28px 0 14px;

    color: #000;
    border-radius: 23px;
    background-color: #f1f3f8;
}

.group__trigger:hover {
    color: #000;
}

.group__trigger .icon-chevron {
    position: absolute;
    top: 50%;
    right: 0;

    width: 28px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); 
    text-align: center;
}

.group__trigger .icon-chevron::before {
    font-size: 14px;
    font-weight: bold;
}

.group__trigger:hover {
    z-index: 6;

    margin-top: 0;
    padding-top: 11.5px;
    padding-bottom: 11.5px;

    text-decoration: none;

    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .2);
       -moz-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .2);
}

@media screen and (max-width: 992px) {
    .group__trigger:hover {
        margin-top: 11.5px;
        padding: 0 28px 0 14px;

        border-radius: 23px;
        background-color: #f1f3f8;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
}

.group__trigger:hover .icon-chevron::before {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg); 
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
}

@media screen and (max-width: 992px) {
    .group__trigger:hover .icon-chevron::before {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
}

.group__trigger.active {
    z-index: 6;

    margin-top: 0;
    padding-top: 11.5px;
    padding-bottom: 11.5px;

    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .2);
       -moz-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, .2);
}

@media screen and (max-width: 992px) {
    .group__trigger.active {
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
}

.group__trigger.active .icon-chevron::before {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg); 
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
}

.group--app {
    display: block;

    margin: 0;
    margin-bottom: 2vh;
}

.group--app .group__trigger {
    display: block;

    margin-top: 0;
}

.group--app .group__trigger.active {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.group--app .menu__group {
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 0;

    box-shadow: none;
}

.header {
    position: relative;
    z-index: 50;
    left: 0;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 114px;

    -webkit-transition: top 200ms ease-in;
       -moz-transition: top 200ms ease-in;
        -ms-transition: top 200ms ease-in;
         -o-transition: top 200ms ease-in;
            transition: top 200ms ease-in; 

    border-bottom: 1px #e6e6e6 solid;
    background-color: #fff;
}

.header__wrapper {
    min-height: 114px;
}

@media screen and (max-width: 992px) {
    .header__wrapper {
        min-height: 61px;
    }
}

@media screen and (max-width: 992px) {
    .header {
        height: 61px;

        background-color: transparent;
    }
}

.header--fixed {
    position: fixed;
    top: 0;
}

@media screen and (max-width: 992px) {
    .header--fixed {
        position: relative;
    }
}

@media screen and (max-width: 992px) {
    .header--showlogin {
        position: fixed;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 992px) {
    .header--showmenu {
        position: fixed;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;
    }
}

.header--showmenu .header__btn--menu {
    border: 0;
}

.header--showmenu .header__btn--menu--middleline {
    opacity: 0;
}

.header--showmenu .header__btn--menu::after,
.header--showmenu .header__btn--menu::before {
    top: 50%;

    margin-top: 0;
}

.header--showmenu .header__btn--menu::before {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

.header--showmenu .header__btn--menu::after {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

@media screen and (max-width: 992px) {
    .header--showmenu .header__bottom__menu {
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .header--showmenu .header__tool {
        left: 0;
    }
}

@media screen and (max-width: 992px) {
    .header--menuAnimate .header__bottom__menu {
        left: 0;
    }
}

.header .container {
    position: relative;

    overflow: visible;
}

@media screen and (max-width: 992px) {
    .header .container {
        max-width: 100%;
        height: 100%;
        padding-right: 0;
        padding-left: 0;
    }
}

.header--mini {
    position: fixed;
    top: -114px;
}

@media screen and (max-width: 992px) {
    .header--mini {
        position: relative;
        top: 0;
    }
}

.header:hover.header--mini {
    top: 0;
}

@media screen and (max-width: 992px) {
    .header__bg {
        position: absolute;
        z-index: 2;
        top: 61px;
        right: 0;
        bottom: 0;
        left: 0;

        height: calc( 100% - 61px);

        content: '';

        background-color: rgba(0, 0, 0, .5);
    }
}

.header__tool {
    line-height: 23px;

    width: 100%;
    height: 46px;
    padding: 0 0 11.5px;
}

@media screen and (max-width: 992px) {
	/* edited on 2020/10/15 show no-nav header */
	.no_nav_template.header__tool{
		display: block;
	}
    .header__tool {
        display: none;
    }
}

.header__tool--mobile {
    display: none;
}

@media screen and (max-width: 992px) {
    .header__tool--mobile {
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .header__tool .header__links {
        display: none;
    }
}

.header__search,
.header__lang,
.header__links,
.header__other {
    display: inline-block;
}

.header__links__item {
    font-size: 14px;

    margin-left: 25px;

    color: #000;
}

.header__links__item:hover {
    color: #000;
}

.header__links__item.current,
.header__links__item:active,
.header__links__item:hover {
    font-weight: bold;

    text-decoration: none;
}

.header__other {
    float: right;

    padding-top: 11.5px;

    white-space: nowrap;
}

@media screen and (max-width: 992px) {
    .header__other {
        line-height: 67px;

        width: 100%;
        padding-top: 0;
        padding-right: 16px;
        padding-left: 16px;

        white-space: normal;
		display:inline-flex;
    }
}

.header__other__link {
    margin-left: 20px;

    color: #474f5d;
}

.header__other__link:hover {
    color: #474f5d;
}

@media screen and (max-width: 992px) {
    .header__other__link {
        margin-right: 20px;
        margin-left: 0;
    }
}

.header__other__icon {
    height: 20px;

    vertical-align: middle;
}

.header__lang {
    font-size: 12px;

    display: inline-block;

    margin-left: 20px;

    vertical-align: middle;
    white-space: nowrap;
}

.header__lang::after {
    display: block;
    clear: both;

    width: 100%;
    height: 0;

    content: '';
}

@media screen and (max-width: 992px) {
    .header__lang {
        margin-right: 20px;
        margin-left: 0;
    }
}

.header__lang__link {
    position: relative;

    float: left;

    margin-right: 10px;

    white-space: nowrap;

    color: #474f5d;
}

.header__lang__link:hover {
    color: #474f5d;
}

.header__lang__link + .header__lang__link {
    margin-left: 10px;
}

.header__lang__link + .header__lang__link::before {
    position: absolute;
    top: 50%;
    left: -10px;

    display: block;

    width: 1px;
    height: 12px;

    content: '';
    cursor: default;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); 

    background: #474f5d;
}

.header__lang__link:last-child {
    margin-right: 0;
}

.header__search {
    margin-right: 25px;
}

@media screen and (max-width: 992px) {
    .header__search {
        display: none;
    }
}

.header__bottom {
    line-height: 67px;

    display: flex;

    justify-content: space-between;
}

@media screen and (max-width: 992px) {
    .header__bottom {
        line-height: 61px;

        display: block;

        width: 100%;
        height: 61px;
        padding-right: 16px;
        padding-left: 10px; 

        background: #fff;
    }
}

.header__bottom__logo,
.header__bottom__menu,
.header__bottom__login {
    display: inline-block;

    vertical-align: top;
}

.header__bottom__logo {
    margin-right: 30px;
}

@media screen and (max-width: 992px) {
    .header__bottom__logo {
        margin-right: 0;
    }
}

.header__bottom__logo a {
    display: inline-block;
}

.header__bottom__logo img {
    width: 128px;
    height: 32px;
}

@media screen and (max-width: 992px) {
    .header__bottom__logo img {
        max-width: 30vw;
    }
}

.header__bottom__login {
    float: right;
}

.header__bottom__menu {
    width: 75%;
}

@media screen and (max-width: 992px) {
    .header__bottom__menu {
        position: fixed;
        z-index: 5;
        top: 61px;
        left: -50%;

        display: none;
        overflow-y: auto;

        width: 50%;
        height: calc( 100% - 61px);

        -webkit-transition: left 200ms ease-in;
           -moz-transition: left 200ms ease-in;
            -ms-transition: left 200ms ease-in;
             -o-transition: left 200ms ease-in;
                transition: left 200ms ease-in; 

        background-color: #fff;
    }
}

@media screen and (max-width: 576px) {
    .header__bottom__menu {
        left: -90%;

        width: 90%;
    }
}

.header__btn {
    display: none;
}

@media screen and (max-width: 992px) {
    .header__btn {
        display: inline-block;
    }
}

.header__btn--menu {
    position: relative;

    display: block;

    width: 61px;
    height: 61px;
}

.header__btn--menu--middleline {
    top: 50%;

    margin-top: -1px;
}

.header__btn--menu::after,
.header__btn--menu::before {
    content: '';
}

.header__btn--menu::before {
    top: 50%;

    margin-top: -10px;
}

.header__btn--menu::after {
    top: 50%;

    margin-top: 9px;
}

.header__btn--menu--middleline,
.header__btn--menu::after,
.header__btn--menu::before {
    position: absolute;
    left: 50%;

    display: block;

    width: 28px;
    height: 2px;
    margin-left: -14px;

    -webkit-transition: all 200ms ease-in;
       -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
         -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in; 

    opacity: 1;
    background-color: #2d333c;
}

.header__btn--menu.active.header__btn--menu .header__btn--menu--middleline {
    opacity: 0;
}

.header__btn--menu.active.header__btn--menu::after,
.header__btn--menu.active.header__btn--menu::before {
    top: 50%;

    margin-top: 0;
}

.header__btn--menu.active.header__btn--menu::before {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

.header__btn--menu.active.header__btn--menu::after {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

@media screen and (max-width: 992px) {
    .body--showlogin,
    .body--showmenu {
        overflow: hidden;

        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 992px) {
    .body-header--fixed {
        padding-top: 0;
    }
}

.header--app {
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;

    width: 100%;
    height: 10vh;
}

.header--app__logo {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 144px;
    height: 34px; 

    transform: translate(-50%, -50%);
}

.header__btn--menu--app.header__btn--menu {
    position: absolute;
    z-index: 65;
    top: 0;
    left: 0;

    width: 10vh;
    height: 10vh;
}

.header__btn--menu--app .header__btn--menu--middleline,
.header__btn--menu--app .header__btn--menu::after,
.header__btn--menu--app.header__btn--menu--middleline,
.header__btn--menu--app.header__btn--menu::after {
    background-color: #333a49;
}

.header__btn--menu--app .header__btn--menu::before,
.header__btn--menu--app.header__btn--menu::before {
    background-color: #b71651;
}

.header__btn--menu--app.active .header__btn--menu::before,
.header__btn--menu--app.active.header__btn--menu::before {
    background-color: #333a49;
}

.body--app {
    position: relative;

    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-top: 10vh;
}

.hero {
    position: relative;

    overflow: hidden;

    width: 100%;
}

.hero.section {
    padding-top: 0;
}

.hero__innerwrapper {
    position: relative;

    width: 1280px;
    max-width: 100%;
    height: 648px;
    margin: 0 auto;
}

@media screen and (max-width: 992px) {
    .hero__innerwrapper {
        height: auto;
        padding-top: 60%;
    }
}

.hero__thumbnail {
    position: absolute;
    z-index: 6;
    right: 40px;
    bottom: 90px;

    height: 110px;

    white-space: nowrap;

    border-radius: 110px;
}

.hero__thumbnail * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

@media screen and (max-width: 992px) {
    .hero__thumbnail {
        position: relative;
        right: 0;
        bottom: 0;

        width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
        padding-right: 25px;
        padding-left: 25px;
    }
}

.hero__thumbnail::after {
    display: block;
    clear: both;

    content: '';
}

.hero__thumbnail__item {
    position: relative;

    display: block;
    float: left;

    width: 209px;
    height: 108px;
    margin-left: -78px;
}

.hero__thumbnail__item:first-child {
    margin-left: 0;
}

.hero__thumbnail__item:nth-child(1) {
    z-index: 4;
}

.hero__thumbnail__item:nth-child(2) {
    z-index: 3;
}

.hero__thumbnail__item:nth-child(3) {
    z-index: 2;
}

.hero__thumbnail__item:nth-child(4) {
    z-index: 1;
}

.hero__thumbnail__item img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    overflow: hidden;

    width: 100%;

    -webkit-transition: width 200ms ease-in;
       -moz-transition: width 200ms ease-in;
        -ms-transition: width 200ms ease-in;
         -o-transition: width 200ms ease-in;
            transition: width 200ms ease-in; 
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border: 5px #fff solid;
    border-radius: 108px;
}

.hero__thumbnail__item::after {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    overflow: hidden;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all 200ms ease-in;
       -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
         -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in; 
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    opacity: .5;
    border-radius: 108px;
    background-color: #000;
}

@media screen and (max-width: 992px) {
    .hero__thumbnail__item::after {
        height: 110%;
    }
}

.hero__thumbnail__item.prev-prev {
    z-index: 8 !important;
}

.hero__thumbnail__item.prev,
.hero__thumbnail__item.next {
    z-index: 9 !important;
}

.hero__thumbnail__item.active {
    z-index: 10 !important;
}

.hero__thumbnail__item.active::after {
    width: 110%;
    height: 110%;

    opacity: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
}

.hero__thumbnail__item.active img {
    width: 110%;

    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
}

@media screen and (max-width: 992px) {
    .hero__thumbnail__item {
        width: 30%;
        height: auto;
        margin-left: -7%;
        padding-top: 14%;
    }
}

.hero__content {
    position: absolute;
    z-index: 4;
    top: 139px;
    left: 60%;

    width: 40%;
}

@media screen and (max-width: 992px) {
    .hero__content {
        position: relative;
        top: 0;
        left: 0;

        width: calc( 100% - 30px);
        margin-right: 15px;
        margin-left: 15px;
    }
    .hero__content__title {
        font-size: 22px;
        line-height: 1.5em;
    }
}

@media screen and (max-width: 1024px) {
    .hero__content {
        padding-right: 2rem;
    }
}

.hero__content__title {
    font-family: 'Lato', 'NotoSans',-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft JhengHei', 'Heiti TC', sans-serif;
    font-size: 32px;
    line-height: 1;
}

@media screen and (max-width: 1024px) {
    .hero__content__title {
        line-height: 1.2em;
    }
}

@media screen and (max-width: 992px) {
    .hero__content__title {
        font-size: 26px;
    }
}

.hero__img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    overflow: hidden;

    width: 875px;
    height: 607px;

    -webkit-transform: translateX(-765px);
        -ms-transform: translateX(-765px);
            transform: translateX(-765px);
}

@media screen and (max-width: 992px) {
    .hero__img {
        left: 0;

        width: 96.5%;
        height: 93.3%;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}

.hero__img img {
    position: absolute;
    top: 0;
    left: 0;

    height: 100%;
}

@media screen and (max-width: 992px) {
    .hero__img img {
        left: 0;

        width: 100%;
        height: auto;

        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
}

@media screen and (max-width: 992px) {
    .hero__img__wrapper {
        position: absolute;
        top: 0;

        overflow: hidden;

        width: 100%;
        padding-top: 58%;
    }
}

.hero__bg {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 50%;

    height: 100%;
    margin-left: -990px;
}

.hero__bg--white {
    z-index: 3;
}

@media screen and (max-width: 992px) {
    .hero__bg {
        display: none;
    }
}

.hero__bg--mobile {
    left: 0;

    display: none;

    width: 100%;
    height: auto;
    margin-left: 0;
}

@media screen and (max-width: 992px) {
    .hero__bg--mobile {
        display: block;
    }
}

.header--ebanking {
    position: relative;
    z-index: 50;
    top: 0;
    left: 0;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 79px;

    -webkit-transition: top 200ms ease-in;
       -moz-transition: top 200ms ease-in;
        -ms-transition: top 200ms ease-in;
         -o-transition: top 200ms ease-in;
            transition: top 200ms ease-in; 

    border-bottom: 1px #e6e6e6 solid;
    background-color: #fff;
}

.header--ebanking__wrapper {
    display: none;

    min-height: 79px;
}

@media screen and (max-width: 992px) {
    .header--ebanking__wrapper {
        min-height: 61px;
    }
}

.header--ebanking--fixed {
    position: fixed;
    top: 0;
}

@media screen and (max-width: 992px) {
    .header--ebanking--fixed {
        position: relative;
    }
}

.header--ebanking--mini {
    position: fixed;
    top: -114px;
}

@media screen and (max-width: 992px) {
    .header--ebanking--mini {
        position: relative;
        top: 0;
    }
}

@media screen and (max-width: 992px) {
    .header--ebanking {
        position: relative;

        height: 61px;

        background-color: #fff;
    }
}

.header--ebanking .container {
    position: relative;

    overflow: visible;

    padding-right: 15px;
    padding-left: 15px;
}

@media screen and (max-width: 992px) {
    .header--ebanking .container {
        max-width: 100%;
        height: 100%;
        padding-right: 30px;
        padding-left: 30px;
    }
}

.header--ebanking__logo,
.header--ebanking__lang {
    line-height: 79px;

    display: inline-block;
}

@media screen and (max-width: 992px) {
    .header--ebanking__logo,
    .header--ebanking__lang {
        line-height: 61px;
    }
}

.header--ebanking__lang {
    float: right;
}

.header--ebanking__lang a {
    color: #000;
}

.header--ebanking__lang a:hover {
    color: #000;
}

.header--ebanking__logo img {
    width: 132px;
    height: 33px;
}

.body--ebanking {
    min-width: 1024px;
}

.showminheader .header__wrapper {
    display: none;
}

.showminheader .header--ebanking__wrapper {
    display: block;
}

.homepage-branch {
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 350px;
    padding-top: 56px;

    background-color: #f1f3f8;
}

.homepage-branch__content {
    position: relative;
    z-index: 2;
}

.homepage-branch__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    height: 100%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.home-section-title {
    position: relative;

    overflow: hidden;

    padding-top: 40px;
    padding-bottom: 40px;
}

.home-section-title--ofvisible {
    overflow: visible;
}

.home-section-title__reduced-padding {
    padding-bottom: 15px;
}

@media screen and (max-width: 992px) {
    .home-section-title__reduced-padding {
        padding-bottom: 40px;
    }
}

.home-section-title__background {
    position: absolute;
    top: 50%;
    left: 50%;

    min-width: 100%;
    min-height: 100%;

    -webkit-transform: translate(-50%, -50%);
    /* Safari */
        -ms-transform: translate(-50%, -50%);
    /* IE 9 */
            transform: translate(-50%, -50%);
}

.home-section-title__name__text {
    font-size: 16px;

    margin-bottom: 15px;
}

.home-section-title__name__underline {
    display: block;

    width: 40px;
    height: 4px;

    border-radius: 999px;
}

.home-section-title__title {
    font-size: 26px;
    line-height: 1.03;

    margin-top: 24px;
    margin-bottom: 0;
}

.home-section-title__title--without-name {
    margin-top: 0;
}

@media screen and (min-width: 992px) {
    .home-section-title__title {
        font-size: 32px;

        display: flex;

        width: 100%;
        margin: -.78px 0 0; 

        align-items: flex-end;
    }
}

.home-section-title__title .home-section-title__select .select__select {
    font-weight: normal;
    line-height: 1em;

    height: 52px;
    padding-left: 0;

    color: #87b3ff;
    border: none;
    border-bottom: 2px dotted #87b3ff;
    border-radius: 0;
    background-color: transparent;
    background-image: url('../img/icon/img--icon-chervon--lightSkyBlue.svg');
    background-position: right center;
    background-size: 24px 24px;
}

.home-section-title__title .home-section-title__select .select__select:focus {
    color: #689af3;
    border-color: #689af3;
    background-color: transparent;
}

.home-section-title__title .home-section-title__select .select__select option {
    font-size: 20px;
    line-height: 1em;

    color: #000;
}

.home-section-title__title .home-section-title__link {
    font-family: 'Lato', 'NotoSans',-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft JhengHei', 'Heiti TC', sans-serif;
    font-size: 16px;
    line-height: 1;

    display: block;

    margin-top: 0; 
    margin-bottom: 8px;
    margin-left: auto;
}

@media screen and (max-width: 992px) {
    .home-section-title__title .home-section-title__link {
        line-height: 1.2em; 

        display: block;

        margin-top: 10px;
        margin-bottom: 0;
        margin-left: 0;
    }
}

.home-section-title__detection {
    font-size: 16px;

    margin: 10px 0 0;
}

.home-section-title__detection b,
.home-section-title__detection strong {
    font-weight: bold;
}

@media screen and (max-width: 992px) {
    .home-section-title__detection {
       /* display: none;*/
    }
    .home-section-title__detection__show {
        display: block;
    }
}

.home-section-title__link {
    margin-top: 10px;
    margin-bottom: 0;
}

.home-section-title__title-link {
    display: block;
    float: none;

    margin-top: 10px;
}

@media screen and (min-width: 992px) {
    .home-section-title__title-link {
        display: inline;
        float: right;

        margin-top: 0;
    }
}

.home-section-title__select.select {
    display: inline-block;

    margin: 0;
}

.home-section-title__select.select .select__select {
    font-weight: normal;

    background-size: 24px 24px;
}

.home-section-title--page-title {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media screen and (max-width: 992px) {
    .home-section-title--page-title {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 992px) {
    .home-section-title--page-title .home-section-title__title {
        font-size: 32px;

        margin: -.78px 0 0;
    }
}

@media screen and (max-width: 991.9999px) {
    .needsTab {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991.9999px) {
    .needsTab .needsTab__detail {
        margin-bottom: 40px;
        padding-bottom: 20px !important;

        border-bottom: 1px solid #e6e6e6;
    }
}

.needsTab .needsTab__detail__title {
    font-size: 26px;

    margin-bottom: 20px;
}

@media screen and (max-width: 991.9999px) {
    .needsTab .needsTab__detail__title {
        font-size: 22px;
    }
}

.needsTab .needsTab__card {
    height: 100%;
    margin-bottom: 8px;

    background-color: #fff;
}

@media screen and (max-width: 991.9999px) {
    .needsTab .needsTab__card {
        height: auto;
        margin-bottom: 25px;
    }
}

.needsTab .needsTab__item {
    padding: 25px 35px !important;
}

@media screen and (max-width: 991.9999px) {
    .needsTab .needsTab__item {
        padding-bottom: 20px;
    }
}

.needsTab .needsTab__item__title {
    font-size: 20px;

    margin-bottom: 20px;
}

.needsTab .needsTab__text,
.needsTab .needsTab__link {
    margin-bottom: 20px;
}

.needsTab .needsTab__text-large {
    font-size: 20px;
}

.homepage-news {
    padding-bottom: 2rem;

    text-align: center;
}

.homepage-news__title,
.homepage-news__link {
    display: inline-block;

    vertical-align: middle;
}

.homepage-news__title {
    font-size: 22px;

    margin-right: 20px;
    padding-right: 20px;

    border-right: 1px solid #b71651;
}

.homepage-news__link {
    color: #868686;
}

.homepage-news__link:hover {
    color: #868686;
}

.homepage-privilegs__item {
    display: none;
}

.homepage-privilegs__item--active {
    display: block;
    display: flex;

    align-items: center;
}

.homepage-privilegs__dropdown {
    display: inline-block;
}

.homepage-privilegs__dropdown .dropdown-menu {
    z-index: 999;
}

.homepage-privilegs__dropdown button {
    line-height: 1em;

    padding-right: 50px;
    padding-left: 0;

    text-decoration: none;

    color: #87b3ff;
    border: none;
    border-bottom: 2px dotted #87b3ff;
    border-radius: 0;
    background-color: transparent;
    background-image: url('../img/icon/img--icon-chervon--lightSkyBlue.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 32px 32px;
}

.homepage-privilegs__dropdown button:hover {
    text-decoration: none;

    outline: 0;
}

.homepage-privilegs__dropdown button:focus {
    color: #689af3;
    border-color: #689af3;
    background-color: transparent;
}

.homepage-privilegs__dropdown button::after {
    display: none;
}

@media screen and (min-width: 768px) {
    .homepage-privilegs__card__text {
        max-width: 500px;
    }
}

.homepage-privilegs__card__title {
    font-size: 20px;
}

@media screen and (min-width: 768px) {
    .homepage-privilegs__card__title {
        font-size: 32px;
        line-height: 1.03;
    }
}

.homepage-privilegs__slider {
    display: flex;

    align-items: center;
}

.icon-text-link:hover {
    text-decoration: none;
}

.icon-text-link:hover .icon-text__text {
    text-decoration: underline;
}

.icon-text {
    display: block;

    margin-bottom: 30px;
}

.icon-text--lastmarginremove .icon-text:last-child {
    margin-bottom: 0;
}

.icon-text--nounderline .icon-text__text.icon-text--inline__text {
    text-decoration: none;
}

.icon-text__icon {
    display: block;
}

.icon-text__icon__image {
    max-width: 100%;
    height: 50px;
}

.icon-text__icon__image--auto-width {
    height: auto;
}

.icon-text__text {
    display: block;

    margin-top: 15px;
}

.icon-text__text__content {
    display: block;

    margin: 0;
}

.icon-text__text__content--underline:hover {
    text-decoration: underline;
}

.icon-text__text__content + .icon-text__text__content {
    margin-top: 5px;
}

.icon-text__text--nowrap {
    white-space: nowrap;
}

.icon-text--no-margin {
    margin-bottom: 0;
}

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

.icon-text--center .icon-text__icon img {
    display: block;

    margin: 0 auto;
}

.icon-text--input__icon {
    position: relative;

    display: block;

    height: 87px;
}

.icon-text--input__icon__image {
    position: absolute;
    bottom: 0;
    left: 50%;

    max-width: 60%;
    height: 87px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    pointer-events: none;
}

.icon-text--input__icon__image.icon-text--inline__icon__image {
    position: static;

    display: inline-block;

    height: auto;

    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.icon-text--input__icon.icon-text--inline__icon {
    height: auto;
}

.icon-text--input__text {
    font-weight: bold;

    position: relative;

    display: block;

    height: 44px;
    margin-top: 0;
}

.icon-text--input__text.icon-text--inline__text {
    font-weight: normal;

    height: auto;
}

.icon-text--input__text.icon-text--inline__text .icon-text__text__content {
    position: static;

    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.icon-text--input__text .icon-text__text__content {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
}

.icon-text--inline {
    position: relative;

    display: inline-block;

    padding-left: 26px;

    white-space: nowrap;
}

.icon-text--inline .icon-text__text {
    margin-top: 0;
}

.icon-text--inline .icon-text__text--nowrap {
    white-space: nowrap;
}

.icon-text--inline__icon {
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    width: 20px;
    height: 1.5em;

    vertical-align: top;
}

.icon-text--inline__icon__image {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 100%;
    height: auto;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.icon-text--inline__icon__icon-font {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    height: 20px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.icon-text--inline__icon__icon-font::before {
    font-size: 20px;
    line-height: 20px;

    display: block;

    margin-right: 0;
    margin-left: 0;
}

.icon-text--inline__icon__icon-font--medium-icon .icon-text__icon__icon-font {
    font-size: 0;
    line-height: 0;
}

.icon-text--inline__icon__icon-font--medium-icon .icon-text__icon__icon-font::before {
    font-size: 26px;
}

.icon-text--inline__icon__icon-font--large-icon .icon-text__icon__icon-font {
    font-size: 0;
    line-height: 0;
}

.icon-text--inline__icon__icon-font--large-icon .icon-text__icon__icon-font::before {
    font-size: 42px;
}

.icon-text--inline__text {
    display: block;

    max-width: 100%;

    white-space: normal;
}

.icon-text--inline--extra.icon-text {
    display: table;

    width: 100%;
}

.icon-text--inline--extra--maxwidth .icon-text__text {
    max-width: calc( 100% - 90px);
}

.icon-text--inline--extra > .icon-text__icon {
    display: inline-block;

    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box; 
    width: 53px;
    margin-top: 9px;
    padding-right: 30px;
}

.icon-text--inline--extra > .icon-text__icon img {
    width: 100%;
    height: auto;
}

.icon-text--inline--extra .icon-text__icon,
.icon-text--inline--extra .icon-text__text {
    vertical-align: top;
}

.icon-text--inline--extra .icon-text__text {
    display: inline-block;
}

@media screen and (max-width: 992px) {
    .icon-text--inline--extra .icon-text__text {
        display: block;
    }
}

@media screen and (min-width: 992px) {
    .icon-text--inline--extra .icon-text__text {
        margin-top: 0;
    }
}

@media screen and (max-width: 992px) {
    .icon-text--inline--extra .icon-text__text--mobileinline {
        display: inline-block;
    }
}

.icon-text--middle__icon {
    line-height: 1;

    top: 50%;

    height: auto;

    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.icon-text--middle__icon .icon-text__icon {
    line-height: 1;
}

.icon-text--middle__icon .icon-text__icon__image {
    display: block;
}

.icon-text--medium-icon {
    padding-left: 36px;
}

.icon-text--medium-icon__icon {
    width: 26px;
    height: 1.5em;
    margin-right: 11px;

    vertical-align: middle;
}

.icon-text--medium-icon__icon .icon-text__icon__icon-font {
    font-size: 22px;
    line-height: 26px; 

    height: 26px;
}

.icon-text--medium-icon__icon .icon-text__icon__icon-font::before {
    font-size: 22px;
    line-height: 26px;
}

.icon-text--medium-icon__text {
    line-height: 1;

    max-width: 100%;

    vertical-align: middle;
}

.icon-text--large-icon {
    padding-left: 59px;
}

.icon-text--large-icon__icon {
    width: 53px;
    height: 1.5em;
    margin-right: 11px;

/* vertical-align: middle; */
/* amend on 2020.08.28 */
    vertical-align: top;
}

.icon-text--large-icon__icon .icon-text__icon__icon-font {
    font-size: 53px;
    line-height: 53px; 

    height: 53px;
}

.icon-text--large-icon__icon .icon-text__icon__icon-font::before {
    font-size: 53px;
    line-height: 53px;
}

.icon-text--large-icon__text {
/* max-width: 100%;  */
/* amend on 2020.08.28 */
    max-width: 90%;

/* vertical-align: middle; */
/* amend on 2020.08.28 */
    vertical-align: top;
}

.icon-text--large-icon--hkid {
    padding-left: 96px;
}

.icon-text--large-icon--hkid__icon {
    width: 90px;
}

.icon-text--large-icon--hkid__text {
    display: table;
}

.icon-text--large-icon--hkid__text .icon-text {
    display: table-cell;

    height: 60px;

    vertical-align: middle;
}

.icon-text--button {
    font-size: 0;

    display: block;

    padding-left: 0;
}

.icon-text--button .icon-text--inline__icon {
    font-size: 16px;

    position: relative;

    display: inline-block;

    width: 20px;
    margin-right: 6px; 

    vertical-align: middle;
}

.icon-text--button .icon-text--inline__text {
    font-size: 16px;

    display: inline-block;

    max-width: calc(100% - 26px);

    vertical-align: middle;
}

.icon-text--button .icon-text--middle__icon {
    top: 0;

    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    vertical-align: middle;
}

.icon-text--thinking-about {
    position: relative;

    padding-bottom: 24px;
}

.icon-text--thinking-about::after {
    font-family: 'dsb_iconfont';
    font-weight: bold;

    position: absolute;
    bottom: 0;
    left: 50%;

    content: '\e80a';
    -webkit-transform: rotate(0deg) translateX(-50%);
       -moz-transform: rotate(0deg) translateX(-50%);
        -ms-transform: rotate(0deg) translateX(-50%);
         -o-transform: rotate(0deg) translateX(-50%);
            transform: rotate(0deg) translateX(-50%);

    color: #000;
}

.icon-text--thinking-about .icon-text__text {
    font-weight: bold;

    color: #000;
}

.icon-text--thinking-about--active::after,
.icon-text--thinking-about:hover::after {
    display: inline-block;

    -webkit-transform: rotate(180deg) translateX(50%);
       -moz-transform: rotate(180deg) translateX(50%);
        -ms-transform: rotate(180deg) translateX(50%);
         -o-transform: rotate(180deg) translateX(50%);
            transform: rotate(180deg) translateX(50%);

    color: #c51a58;
}

.icon-text--thinking-about--active .icon-text__text,
.icon-text--thinking-about:hover .icon-text__text {
    color: #c51a58;
}

.icon-text--black .icon-text__text {
    color: #000;
}

.icon-text--valigncenter {
    padding-left: 0;
}

.icon-text--valigncenter .icon-text__text {
    display: inline-block;
}

.icon-text--valigncenter .icon-text--inline__icon {
    position: relative;
}

.icon-text--iconheight35 .icon-text--large-icon__icon {
    height: 35px;
}

.icon-text--iconheight35 .icon-text--large-icon__icon .icon-text--inline__icon__image {
    width: auto;
    height: 100%;
}

.icon-text--fullwidth {
    width: 100%;
}

.icon-text--download-app {
    padding-bottom: 35px;

    border-bottom: 1px #868686 solid;
}

.icon-text--download-app > .icon-text__text {
    margin-top: 10px;
}

.icon-text--download-app .icon-text__text {
    display: inline-block;
}

.icon-text--download-app .icon-text__text p {
    margin-bottom: 0;
}

.icon-text--download-app:last-child {
    border-bottom: none;
}

h1 .icon-text--inline__icon,
.h1 .icon-text--inline__icon {
    height: 64px;
}

h1 .icon-text--middle__icon,
.h1 .icon-text--middle__icon {
    height: auto;
}

h2 .icon-text--inline__icon,
.h2 .icon-text--inline__icon {
    height: 73px;
}

h2 .icon-text--middle__icon,
.h2 .icon-text--middle__icon {
    height: auto;
}

h3 .icon-text--inline__icon,
.h3 .icon-text--inline__icon {
    height: 45px;
}

h3 .icon-text--middle__icon,
.h3 .icon-text--middle__icon {
    height: auto;
}

h4 .icon-text--inline__icon,
.h4 .icon-text--inline__icon {
    height: 36px;
}

h4 .icon-text--middle__icon,
.h4 .icon-text--middle__icon {
    height: auto;
}

h5 .icon-text--inline__icon,
.h5 .icon-text--inline__icon {
    height: 28px;
}

h5 .icon-text--middle__icon,
.h5 .icon-text--middle__icon {
    height: auto;
}

p .icon-text--inline__icon,
.p .icon-text--inline__icon {
    height: 24px;
}

p .icon-text--middle__icon,
.p .icon-text--middle__icon {
    height: auto;
}

.xsmall .icon-text--inline__icon {
    height: 18px;
}

.xsmall .icon-text--middle__icon {
    height: auto;
}

.small .icon-text--inline__icon {
    height: 21px;
}

.small .icon-text--middle__icon {
    height: auto;
}

.font--xs .icon-text--inline__icon,
.font--s .icon-text--inline__icon,
.font--xn .icon-text--inline__icon,
.font--n .icon-text--inline__icon,
.font--l .icon-text--inline__icon,
.font--ml .icon-text--inline__icon,
.font--xl .icon-text--inline__icon,
.font--xxl .icon-text--inline__icon,
.font--xxxl .icon-text--inline__icon {
    height: 1.2em;
}

.font--xs .icon-text--middle__icon,
.font--s .icon-text--middle__icon,
.font--xn .icon-text--middle__icon,
.font--n .icon-text--middle__icon,
.font--l .icon-text--middle__icon,
.font--ml .icon-text--middle__icon,
.font--xl .icon-text--middle__icon,
.font--xxl .icon-text--middle__icon,
.font--xxxl .icon-text--middle__icon {
    height: auto;
}

.modal-content .icon-text__icon {
    max-width: 55px;
    margin-right: auto;
    margin-left: auto;
}

.modal-content .icon-text__icon .icon-text__icon__image {
    height: 55px;
}

.image {
    display: block;

    max-width: 100%;
}

.image__image {
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.image__image--icon-font {
    max-width: none;
    max-height: none;
}

.image__icon-font::before {
    margin: 0;
}

.image--icon {
    position: relative;

    overflow: hidden;

    width: 20px;
    max-width: none;
    height: 20px;
}

.image--icon .image__image {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    max-height: none;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.image--icon .image__image--icon-font {
    text-align: center;
}

.image--icon .image__icon-font {
    font-size: 20px;
    line-height: 0;

    display: block;
}

.image--icon .image__icon-font::before {
    font-size: 100%;
    line-height: 1;
}

.image--icon--small {
    width: 12px;
    height: 12px;
    margin-top: -1px;
}

.image--icon--small .image__icon-font {
    font-size: 12px;
}

.image--icon.image--border .image__image,
.image--icon.image--circle .image__image {
    width: 50%;
    max-width: none;
}

.image--icon.image--border .image__image--icon-font,
.image--icon.image--circle .image__image--icon-font {
    width: 100%;
}

.image--icon.image--border .image__icon-font::before,
.image--icon.image--circle .image__icon-font::before {
    font-size: 70%;
}

.image--icon.image--border.image--icon--medium .image__icon-font::before,
.image--icon.image--circle.image--icon--medium .image__icon-font::before {
    font-size: 12px;
}

.image--icon.image--border.image--icon--large .image__image,
.image--icon.image--circle.image--icon--large .image__image {
    width: 60%;
}

.image--icon.image--border.image--icon--large .image__image--icon-font,
.image--icon.image--circle.image--icon--large .image__image--icon-font {
    width: 100%;
}

.image--icon.image--icon-text.image--inline {
    position: absolute;
    top: 2px;
    left: 0;
}

.image--icon.image--icon-text.image--inline.image--icon-text--middle {
    top: 50%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.image--icon--medium {
    width: 26px;
    height: 26px;
}

.image--icon--medium .image__icon-font {
    font-size: 22px;
}

.image--icon--medium.image--icon-text.image--inline {
    top: -1px;
}

.image--icon--large {
    width: 45px;
    height: 45px;
}

.image--icon--large .image__icon-font {
    font-size: 45px;
}

.image--icon--large.image--icon-text.image--inline {
    top: -10.5px;
}

.image--icon--input {
    width: 35px;
    height: 35px;
}

.image--icon--input .image__icon-font {
    font-size: 35px;
}

.image--icon--input.image--icon-text.image--inline {
    top: -5.5px;
}

.image--icon--xlarge {
    width: 60px;
    height: 60px;
}

.image--icon--xlarge .image__icon-font {
    font-size: 60px;
}

.image--icon--xlarge.image--icon-text.image--inline {
    top: -18px;
}

.image--border {
    border: 1px solid;
}

.image--circle {
    overflow: hidden;

    border-radius: 999px;
}

.image--inline {
    display: inline-block;
}

.image--center {
    margin-right: auto;
    margin-left: auto;
}

.image--right {
    margin-left: auto;
}

.input__label .image--icon.image--icon-text.image--inline {
    top: -1px;
}

.input__label .image--icon--medium.image--icon-text.image--inline {
    top: -4px;
}

.input__label .image--icon--large.image--icon-text.image--inline {
    top: -13.5px;
}

.input__label .image--icon--xlarge.image--icon-text.image--inline {
    top: -21px;
}

.font--xs .image--icon.image--icon-text.image--inline {
    top: -2.8px;
}

.font--xs .image--icon--medium.image--icon-text.image--inline {
    top: -5.8px;
}

.font--xs .image--icon--large.image--icon-text.image--inline {
    top: -15.3px;
}

.font--xs .image--icon--xlarge.image--icon-text.image--inline {
    top: -22.8px;
}

.font--s .image--icon.image--icon-text.image--inline {
    top: -1.6px;
}

.font--s .image--icon--medium.image--icon-text.image--inline {
    top: -4.6px;
}

.font--s .image--icon--large.image--icon-text.image--inline {
    top: -14.1px;
}

.font--s .image--icon--xlarge.image--icon-text.image--inline {
    top: -21.6px;
}

.font--xn .image--icon.image--icon-text.image--inline {
    top: 2px;
}

.font--xn .image--icon--medium.image--icon-text.image--inline {
    top: -1px;
}

.font--xn .image--icon--large.image--icon-text.image--inline {
    top: -10.5px;
}

.font--xn .image--icon--xlarge.image--icon-text.image--inline {
    top: -18px;
}

.font--n .image--icon.image--icon-text.image--inline {
    top: -.4px;
}

.font--n .image--icon--medium.image--icon-text.image--inline {
    top: -3.4px;
}

.font--n .image--icon--large.image--icon-text.image--inline {
    top: -12.9px;
}

.font--n .image--icon--xlarge.image--icon-text.image--inline {
    top: -20.4px;
}

.font--l .image--icon.image--icon-text.image--inline {
    top: 5.6px;
}

.font--l .image--icon--medium.image--icon-text.image--inline {
    top: 2.6px;
}

.font--l .image--icon--large.image--icon-text.image--inline {
    top: -6.9px;
}

.font--l .image--icon--xlarge.image--icon-text.image--inline {
    top: -14.4px;
}

.font--ml .image--icon.image--icon-text.image--inline {
    top: 9.2px;
}

.font--ml .image--icon--medium.image--icon-text.image--inline {
    top: 6.2px;
}

.font--ml .image--icon--large.image--icon-text.image--inline {
    top: -3.3px;
}

.font--ml .image--icon--xlarge.image--icon-text.image--inline {
    top: -10.8px;
}

.font--xl .image--icon.image--icon-text.image--inline {
    top: 15.2px;
}

.font--xl .image--icon--medium.image--icon-text.image--inline {
    top: 12.2px;
}

.font--xl .image--icon--large.image--icon-text.image--inline {
    top: 2.7px;
}

.font--xl .image--icon--xlarge.image--icon-text.image--inline {
    top: -4.8px;
}

.font--xxl .image--icon.image--icon-text.image--inline {
    top: 21.2px;
}

.font--xxl .image--icon--medium.image--icon-text.image--inline {
    top: 18.2px;
}

.font--xxl .image--icon--large.image--icon-text.image--inline {
    top: 8.7px;
}

.font--xxl .image--icon--xlarge.image--icon-text.image--inline {
    top: 1.2px;
}

.font--xxxl .image--icon.image--icon-text.image--inline {
    top: 28.4px;
}

.font--xxxl .image--icon--medium.image--icon-text.image--inline {
    top: 25.4px;
}

.font--xxxl .image--icon--large.image--icon-text.image--inline {
    top: 15.9px;
}

.font--xxxl .image--icon--xlarge.image--icon-text.image--inline {
    top: 8.4px;
}

h1 .image--icon.image--icon-text.image--inline,
.h1 .image--icon.image--icon-text.image--inline {
    top: 22px;
}

h1 .image--icon--medium.image--icon-text.image--inline,
.h1 .image--icon--medium.image--icon-text.image--inline {
    top: 19px;
}

h1 .image--icon--large.image--icon-text.image--inline,
.h1 .image--icon--large.image--icon-text.image--inline {
    top: 9.5px;
}

h1 .image--icon--xlarge.image--icon-text.image--inline,
.h1 .image--icon--xlarge.image--icon-text.image--inline {
    top: 2px;
}

h2 .image--icon.image--icon-text.image--inline,
.h2 .image--icon.image--icon-text.image--inline {
    top: 26.92px;
}

h2 .image--icon--medium.image--icon-text.image--inline,
.h2 .image--icon--medium.image--icon-text.image--inline {
    top: 23.92px;
}

h2 .image--icon--large.image--icon-text.image--inline,
.h2 .image--icon--large.image--icon-text.image--inline {
    top: 14.42px;
}

h2 .image--icon--xlarge.image--icon-text.image--inline,
.h2 .image--icon--xlarge.image--icon-text.image--inline {
    top: 6.92px;
}

h3 .image--icon.image--icon-text.image--inline,
.h3 .image--icon.image--icon-text.image--inline {
    top: 12.72px;
}

h3 .image--icon--medium.image--icon-text.image--inline,
.h3 .image--icon--medium.image--icon-text.image--inline {
    top: 9.72px;
}

h3 .image--icon--large.image--icon-text.image--inline,
.h3 .image--icon--large.image--icon-text.image--inline {
    top: .22px;
}

h3 .image--icon--xlarge.image--icon-text.image--inline,
.h3 .image--icon--xlarge.image--icon-text.image--inline {
    top: -7.28px;
}

h4 .image--icon.image--icon-text.image--inline,
.h4 .image--icon.image--icon-text.image--inline {
    top: 8.46px;
}

h4 .image--icon--medium.image--icon-text.image--inline,
.h4 .image--icon--medium.image--icon-text.image--inline {
    top: 5.46px;
}

h4 .image--icon--large.image--icon-text.image--inline,
.h4 .image--icon--large.image--icon-text.image--inline {
    top: -4.04px;
}

h4 .image--icon--xlarge.image--icon-text.image--inline,
.h4 .image--icon--xlarge.image--icon-text.image--inline {
    top: -11.54px;
}

h5 .image--icon.image--icon-text.image--inline,
.h5 .image--icon.image--icon-text.image--inline {
    top: 4.2px;
}

h5 .image--icon--medium.image--icon-text.image--inline,
.h5 .image--icon--medium.image--icon-text.image--inline {
    top: 1.2px;
}

h5 .image--icon--large.image--icon-text.image--inline,
.h5 .image--icon--large.image--icon-text.image--inline {
    top: -8.3px;
}

h5 .image--icon--xlarge.image--icon-text.image--inline,
.h5 .image--icon--xlarge.image--icon-text.image--inline {
    top: -15.8px;
}

p .image--icon.image--icon-text.image--inline,
.p .image--icon.image--icon-text.image--inline {
    top: 2px;
}

p .image--icon--medium.image--icon-text.image--inline,
.p .image--icon--medium.image--icon-text.image--inline {
    top: -1px;
}

p .image--icon--large.image--icon-text.image--inline,
.p .image--icon--large.image--icon-text.image--inline {
    top: -10.5px;
}

p .image--icon--xlarge.image--icon-text.image--inline,
.p .image--icon--xlarge.image--icon-text.image--inline {
    top: -18px;
}

.xsmall .image--icon.image--icon-text.image--inline {
    top: -.76px;
}

.xsmall .image--icon--medium.image--icon-text.image--inline {
    top: -3.76px;
}

.xsmall .image--icon--large.image--icon-text.image--inline {
    top: -13.26px;
}

.xsmall .image--icon--xlarge.image--icon-text.image--inline {
    top: -20.76px;
}

.small .image--icon.image--icon-text.image--inline {
    top: .78px;
}

.small .image--icon--medium.image--icon-text.image--inline {
    top: -2.22px;
}

.small .image--icon--large.image--icon-text.image--inline {
    top: -11.72px;
}

.small .image--icon--xlarge.image--icon-text.image--inline {
    top: -19.22px;
}


.image-text {
    width: 100%;
}

.image-text__cellwrapper {
    display: table;

    width: 100%;
}

.image-text__imgwrapper,
.image-text__text {
    display: table-cell;

    vertical-align: middle;
}

@media screen and (max-width: 767.9999px) {
    .image-text__imgwrapper {
        display: table-header-group;

        width: auto;

        text-align: center;
    }
}

.image-text__img {
    display: inline-block;

    max-width: initial;
}

@media screen and (max-width: 767.9999px) {
    .image-text__img {
        display: block;

        max-width: 100%;
        margin: 0 auto 1rem;
    }
}

@media screen and (max-width: 767.9999px) {
    .image-text__text {
        display: table-footer-group;
    }
}

.image-text__text--right {
    padding-left: 1rem;
}

@media screen and (max-width: 767.9999px) {
    .image-text__text--right {
        padding-left: 0;
    }
}

.image-text__text--left {
    padding-right: 1rem;
}

.image-text__text--left + .image-text__imgwrapper {
    text-align: right;
}

@media screen and (max-width: 767.9999px) {
    .image-text__text--left {
        padding-right: 0;
    }
}

.image-text__grid + .image-text__grid .image-text {
    padding-top: 0;
}

@media screen and (max-width: 767.9999px) {
    .image-text--credit {
        margin-bottom: 34px;
    }
}

.image-text--credit .image-text__cellwrapper {
    max-width: 302px;
}

@media screen and (min-width: 768px) {
    .image-text--credit .image-text__cellwrapper {
        max-width: none;
    }
}

@media screen and (min-width: 768px) {
    .image-text--credit .image-text__imgwrapper {
        display: table-cell;

        width: 40%;
        max-width: none;
    }
}

@media screen and (min-width: 768px) {
    .image-text--credit .image-text__img {
        width: 100%;
    }
}

@media screen and (max-width: 767.9999px) {
    .image-text--credit .image-text__img {
        max-width: 212px;
        margin: 37px 0;
    }
}

@media screen and (max-width: 767.9999px) {
    .image-text--credit .image-text__title {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767.9999px) {
    .image-text--credit .image-text__text {
        display: table-cell;
    }
}

@media screen and (max-width: 767.9999px) {
    .image-text--credit .image-text__text--left {
        padding-right: 1rem;
    }
}

@media screen and (max-width: 767.9999px) {
    .image-text--credit .image-text__content {
        font-size: 14px;
        line-height: 21px;

        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767.9999px) {
    .image-text--credit .image-text__link {
        margin: 0;
    }
}

.imgWrapper {
    margin-bottom: 1rem;
}

.imgWrapper img {
    display: block;

    max-width: 80%;
    margin: 0 auto;
}

.imgWrapper--height40vh {
    display: flex;

    min-height: 30vh;

    align-items: center;
}

::placeholder {
    opacity: 1;
    /* Firefox */
    color: #696969;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #696969;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #696969;
}

.input {
    margin-bottom: 20px;
}

.input__link .icon-text {
    display: block;
}

.input__group {
    position: relative;

    display: table;

    width: 100%;
}

.input__group__item {
    display: table-cell;
}

.input__group__item--country-code {
    width: 67px;
}

.input__group__item--unit {
    width: 1%;

    white-space: nowrap;

    color: #000;
}

.input__group__item--currency {
    width: 97px;
}

.input__group__item--with-link {
    display: table-row;
}

.input__group__item--with-link > .input__input {
    display: table-cell;

    height: 46px;

    border-right: none;
    border-radius: 4px 0 0 4px;
}

.input__group__item--with-link > .input__input:focus + .input__link {
    border-color: #689af3;
    outline: 0;
    background-color: #f3f8ff;
}

.input__group__item--with-link > .input__input:disabled + .input__link {
    color: #000;
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}

.input__group__item--with-link > .input__input:read-only + .input__link {
    border-color: #fff;
    background-color: #fff;
}

.input__group__item--with-link > .input__link {
    display: table-cell;

    width: 1%;
    height: 45px;
    padding-right: 7px;

    -webkit-transition: color .4s, border-color .4s, background-color .4s;
    /* Safari */
            transition: color .4s, border-color .4s, background-color .4s;
    vertical-align: middle;

    border: 1px solid #868686;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    background-color: #fff;
}

.input__group__item--with-link > .input__link a .icon-text--inline .icon-text__text {
    text-decoration: none;
}

.input__group__item--with-link > .input__link .icon-text--inline__text {
    white-space: nowrap;
}

.input__group__item + .input__group__item {
    padding-left: 15px;
}

.input__item {
    position: relative;
}

.input__item + .input__item {
    margin-top: 15px;
}

.input__input {
    width: 100%;
    height: 45px;
    padding: 0 13px;

    -webkit-transition: color .4s, border-color .4s, background-color .4s;
    /* Safari */
            transition: color .4s, border-color .4s, background-color .4s;

    color: #000;
    border: 1px solid #868686;
    border-radius: 4px;
    background-color: #fff;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.input__input:focus {
    border-color: #689af3;
    outline: 0;
    background-color: #f3f8ff;
}

.input__input:disabled {
    color: #000;
    border-color: #d6d6d6;
    background-color: #f5f5f5;
}

.input__input:read-only {
    border-color: #fff;
    background-color: #fff;
}

.input__input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
}

.input__input.select__select {
    border-color: #868686;
    background-color: #fff;
}

.input__input.select__select:focus {
    border-color: #689af3;
    outline: 0;
    background-color: #f3f8ff;
}

.input__input.select__select:disabled {
    color: #000;
    border-color: #d6d6d6;
    background-color: #f5f5f5;
}

.input__label {
    margin: 0 0 15px;

    color: #000;
}

.input__label--hide {
    position: absolute;
    z-index: -1;

    opacity: 0;
}

.input__error {
    display: none;

    margin: 10px 0 0;

    color: #d00157;
}

.input__comment {
    margin: 10px 0 0;

    color: #696969;
}

.input__keywordstext {
    margin-top: 10px;
}

.input__keywordlinks a {
    margin-left: 10px;
}

@media screen and (max-width: 992px) {
    .input__keywordlinks {
        display: block;

        margin-top: 5px;
    }
    .input__keywordlinks a:first-child {
        margin-left: 0;
    }
}

.input--focus .input__input {
    border-color: #689af3;
    background-color: #f3f8ff;
}

.input--focus .input__input + .input__link {
    border-color: #689af3;
    background-color: #f3f8ff;
}

.input--search .input__input {
    background: url('../img/icon/icon_search.jpg') calc(100% - 10px) center no-repeat #fff;
    background-size: auto 50%;
}

.input--disabled .input__input {
    color: #868686; 
    border-color: #d6d6d6;
    background-color: #f5f5f5;
}

.input--disabled .input__input + .input__link {
    display: none;
}

.input--disabled .input__select:focus + .input__input {
    color: #868686; 
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}

.input--disabled .input--checkbox__label::before {
    color: #868686; 
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}

.input--disabled .input--checkbox__input:checked + .input--checkbox__label::before {
    color: #868686; 
    border-color: #696969;
    background-color: #696969;
}

.input--disabled .input--radio__label::before {
    color: #868686; 
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}

.input--disabled .input--radio__label::after {
    background-color: #f5f5f5;
}

.input--disabled .input--radio__input:checked + .input--radio__label::before {
    background-color: #696969;
    background-image: none;
}

.input--readonly .input__input {
    border-color: #fff;
    background-color: #fff;
}

.input--readonly .input__input + .input__link {
    display: none;
}

.input--readonly .input__select:focus + .input__input {
    border-color: #fff;
    background-color: #fff;
}

.input--readonly .input--checkbox__label::before {
    border-color: #fff;
    background-color: #fff;
}

.input--readonly .input--checkbox__input:checked + .input--checkbox__label::before {
    border-color: #696969;
    background-color: #696969;
}

.input--readonly .input--radio__label::before {
    border-color: #fff;
    background-color: #fff;
}

.input--readonly .input--radio__label::after {
    background-color: #f5f5f5;
}

.input--readonly .input--radio__input:checked + .input--radio__label::before {
    background-color: #696969;
    background-image: none;
}

.input--error .input__group__item--with-link > .input__link {
    border-color: #d00157;
    background-color: #f9f1f5;
}

.input--error .input__input {
    color: #d00157;
    border-color: #d00157;
    background-color: #f9f1f5;
}

.input--error .input__input:focus + .input__link {
    border-color: #d00157;
    background-color: #f9f1f5;
}

.input--error .input__select {
    color: #d00157;
}

.input--error .input__select:focus + .input__input {
    border-color: #d00157;
    background-color: #f9f1f5;
}

.input--error .input__error {
    display: block;
}

.input--error .input__error--noMessage {
    display: none;
}

.input--error .input--checkbox__label::before {
    border-color: #d00157;
    background-color: #f9f1f5;
}

.input--error .input--radio__label::before {
    border-color: #d00157;
    background-color: #f9f1f5;
}

.input--error .input--radio__label::after {
    background-color: #f9f1f5;
}

.input--error .input--icon-text__label {
    border-color: #d00157;
    background-color: #f9f1f5;
}

.input--checkbox {
    position: relative;
}

.input--checkbox--multi .input--checkbox__item {
    display: block;
}

.input--checkbox__item {
    min-height: 33px;
    padding-left: 49px;
}

.input--checkbox__input {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: auto;
    height: auto;
    padding: 0;

    opacity: 0;
    border: none;
}

.input--checkbox__input:focus + .input--checkbox__label::before {
    border-color: #689af3;
    background-color: #f3f8ff;
}

.input--checkbox__input:checked + .input--checkbox__label::before {
    border-color: #b71651;
    background-color: #b71651;
    background-image: url('../img/icon/checkout--tick.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px auto;
}

.input--checkbox__input:disabled + .input--checkbox__label::before {
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}

.input--checkbox__input:disabled:checked + .input--checkbox__label::before {
    border-color: #696969;
    background-color: #696969;
}

.input--checkbox__label {
    margin: 0;
    padding-top: 0;

    cursor: pointer;
}

.input--checkbox__label::before {
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    width: 33px;
    height: 33px;

    content: '';
    cursor: pointer;
    -webkit-transition: border-color .4s, background-color .4s;
    /* Safari */
            transition: border-color .4s, background-color .4s;

    border: 1px #d6d6d6 solid;
    border-radius: 4px;
    background-color: #fff;
}

.input--checkbox__label:hover::before {
    border-color: #689af3;
    background-color: #f3f8ff;
}

.input--checkbox__label--vertical-middle {
    padding-top: 4.5px;
}

.input--radio {
    position: relative;
}

.input--radio--multi .input--radio__item {
    display: inline-block;
}

.input--radio--multi .input--radio__item + .input--radio__item {
    margin-top: 0;
    margin-left: 20px;
}

.input--radio--multi .input--verticalradiostyle {
    padding-left: 49px;
}

.input--radio--multi .input--verticalradiostyle + .input--verticalradiostyle {
    margin-top: 20px;
    margin-left: 0;
}

.input--radio__item {
    min-height: 30px;
    padding-left: 37px;
}

.input--radio__input {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: auto;
    height: auto;
    padding: 0;

    opacity: 0;
    border: none;
}

.input--radio__input:focus + .input--radio__label::before {
    border-color: #689af3;
    background-color: #f3f8ff;
}

.input--radio__input:focus + .input--radio__label::after {
    background-color: #f3f8ff;
}

.input--radio__input:checked + .input--radio__label::before {
    border-color: #b71651;
    background-color: #b71651;
    background-image: linear-gradient(to top, #b71651, #b71651);
}

.input--radio__input:checked + .input--radio__label::after {
    z-index: 1;
}

.input--radio__input:disabled + .input--radio__label::before {
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}

.input--radio__input:disabled + .input--radio__label::after {
    background-color: #f5f5f5;
}

.input--radio__input:disabled:checked + .input--radio__label::before {
    background-color: #696969;
    background-image: none;
}

.input--radio__label {
    margin: 0;
    padding-top: 3px;

    cursor: pointer;
}

.input--radio__label::before {
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    width: 30px;
    height: 30px;

    content: '';
    cursor: pointer;
    -webkit-transition: border-color .4s, background-color .4s;
    /* Safari */
            transition: border-color .4s, background-color .4s;

    border: 1px #d6d6d6 solid;
    border-radius: 999px;
    background-color: #fff;
}

.input--radio__label::after {
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 10px;

    display: inline-block;

    width: 10px;
    height: 10px;

    content: '';
    cursor: pointer;

    border-radius: 999px;
    background-color: #fff;
}

.input--radio__label:hover::before {
    border-color: #689af3;
    background-color: #f3f8ff;
}

.input--radio__label:hover::after {
    background-color: #f3f8ff;
}

.input--icon-text__row {
    margin-top: -15px;
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.input--icon-text__row .col {
    padding-top: 15px;
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.input--icon-text__row > .input--icon-text__item {
    width: 100%;
    padding-top: 15px;
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.input--icon-text__item {
    display: block;

    height: 100%;
    padding: 0;
}

.input--icon-text__input:checked + .input--icon-text__label {
    margin: 0;
    padding-right: 8px;
    padding-left: 8px;

    border: 3px solid #689af3;
    background-color: #f3f8ff;
    background-image: none;
}

.input--icon-text__input:disabled + .input--icon-text__label {
    opacity: .5;
    background-color: #f5f5f5;
}

.input--icon-text__input:disabled:checked + .input--icon-text__label::before {
    background-color: #696969;
}

.input--icon-text__label {
    position: relative;

    display: block;
    overflow: hidden;

    min-height: calc(100% - 4px);
    margin: 2px 0;
    padding: 10px 10px;

    -webkit-transition: border-color .4s, background-color .4s;
    /* Safari */
            transition: border-color .4s, background-color .4s;

    border: 1px solid #d6d6d6;
    border-radius: 8px;
    background: #fff;
}

.input--icon-text__label::before {
    display: none;
}

.input--icon-text__label::after {
    display: none;
}

@media screen and (min-width: 769px) {
    .input--icon-text__label:hover {
        border-color: #689af3;
        background-color: #f3f8ff;
    }
}

.input--icon-text .input__error {
    padding-left: 0;
}

.input--icon-text .input__comment {
    padding-left: 0;
}

.input--swtich__wrapper {
    display: flex;
    overflow: hidden; 

    width: 100%;
    height: 45px;

    border: 1px #d6d6d6 solid;
    border-radius: 999px;
    background: #e6e6e6;
}

.input--swtich__wrapper .input__item {
    padding: 0; 

    -webkit-flex-grow: 1;
            flex-grow: 1;
            flex-basis: 0;
    -webkit-flex-basis: 0;
}

.input--swtich__wrapper .input__item + .input__item {
    margin-left: -20px;
}

.input--swtich__wrapper .input__label {
    overflow: hidden;

    height: 45px;
    margin: 0;
    padding-right: 20px;
    padding-left: 20px;

    text-align: center;

    color: #474f5d; 
    border: none;
    border-radius: 999px;
    background: transparent;
}

.input--swtich__wrapper .input__input:checked + .input__label {
    color: #fff; 
    border: none;
    background-color: #697489;
}

.input--swtich__wrapper .input__input:disabled + .input__label {
    opacity: .5;
}

.input--number__group {
    display: flex;
}

@media screen and (max-width: 575.9999px) {
    .input--number__group {
        display: block;

        margin-top: -15px;
    }
}

.input--number__group .input__group__item--number {
    display: block;

    -webkit-flex-grow: 1;
            flex-grow: 1;
            flex-basis: 0;
    -webkit-flex-basis: 0;
}

@media screen and (max-width: 575.9999px) {
    .input--number__group .input__group__item--number {
        display: inline-block;

        width: 43px;
        margin-top: 15px; 
        margin-right: 15px;
        padding: 0;

        vertical-align: middle;
    }
}

.input--number__group .input__group__item--number-break {
    display: block;

    margin: 0; 

    align-self: center;
}

@media screen and (max-width: 575.9999px) {
    .input--number__group .input__group__item--number-break {
        display: inline-block;

        width: 43px;
        margin-top: 15px; 
        margin-right: 15px;
        padding: 0;

        text-align: center;
        vertical-align: middle;
    }
}

.input__mask-unit + .input__mask-unit {
    padding-left: 10px;
}

.input--datepicker__input {
    padding-right: 39.5px;

    background-image: url('../img/icon/img--icon-calendar.svg');
    background-repeat: no-repeat;
    background-position: 96% center;
    background-position: calc(100% - 13px) center;
    background-size: 20px auto;
}

.input--searchbar {
    position: relative;
}

.input--searchbar__icon {
    position: absolute;
    top: 10px;
    right: 15px;

    height: 25px;
}

.input--searchbar__icon img {
    height: 100%;
}

.input__freetext,
.input__freetext-noresize {
    display: block;

    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.input__freetext-noresize,
.input__freetext-noresize-noresize {
    resize: none;
}

.input__freetext-fullwidth,
.input__freetext-noresize-fullwidth {
    width: 100%;
}

.input--file__label {
    font-weight: normal;

    margin: 0;
}

@media screen and (max-width: 991.9999px) {
    .input--file__label {
        width: 100%;
    }
}

.input--file__name {
    word-break: break-all;
}

.input--file__result {
    display: none;
}

.input--file__result--show {
    display: table;
}

.input--file__list--tempplate {
    display: none;
}

.brNumber {
    padding: 0;

    text-align: center;
}

.input-items__templates {
    display: none;
}

.input-items__item::after {
    display: block;
    clear: both;
    overflow: hidden; 

    width: 100%;
    height: 0;

    content: '';
}

.latest-news__date {
    margin-bottom: 20px;
}

.latest-news .container {
    position: relative;
}

.latest-news .feature-slider__slide {
    position: relative;
}

.latest-news .feature-slider__slide::after {
    position: absolute;
    top: 0;
    right: -7px;

    width: 1px;
    height: 100%;

    content: '';

    background: #e6e6e6;
}

@media screen and (min-width: 992px) {
    .latest-news .feature-slider__slide::after {
        right: 0;
    }
}

.badge__new {
    font-size: 14px;
    font-weight: normal;

    padding: 5px 12px; 

    color: #1068ff;
    border: 1px solid #1068ff;
    border-radius: 0;
}

.latest-news {
    color: #5270a5;
}

.list-items {
    position: relative;

    border-bottom: 1px solid #d6d6d6;
}

.list-items a:hover {
    text-decoration: none;
}

.list-items a:hover .list-items__title {
    text-decoration: underline;
}

.list-items__title {
    font-size: 20px;

    display: block;

    padding-top: 15px;
    padding-right: 80px;
}

.list-items__details {
    font-size: 16px;

    display: block;

    padding-right: 80px; 
    padding-bottom: 15px;
}

.list-items__details:hover {
    text-decoration: none;
}

.list-items__icon {
    position: absolute;
    top: 40%;
    right: 0;

    width: 20px;

    -webkit-transform: rotate(270deg) translateY(-50%);
       -moz-transform: rotate(270deg) translateY(-50%);
        -ms-transform: rotate(270deg) translateY(-50%);
         -o-transform: rotate(270deg) translateY(-50%);
            transform: rotate(270deg) translateY(-50%);
}

.loading {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    background-color: rgba(45, 51, 60, .9);
}

.loading__img {
    width: 70px;
}

.loading__content {
    position: absolute;
    top: 50%;

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
}

.loading--active {
    display: block;
}

.login-icontext {
    position: relative;
}

.login-icontext__link {
    display: inline-block;

    padding-right: 15px;

    border-right: 1px solid #e6e6e6;
}

.login-icontext__link a:hover {
    text-decoration: underline;
}

.login-icontext__icon2,
.login-icontext__icon2-large {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 1.5em;
    margin-left: 10px;

    vertical-align: top;
}

.login-icontext__icon2 img,
.login-icontext__icon2-large img {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;
    display: block;

    width: 100%;
    height: auto;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.login-icontext__align {
    display: table;
}

.login-icontext__align__item {
    display: table-cell;

    vertical-align: middle;
}

.login-icontext__align__item:first-child {
    padding-right: 10px;
}

h1 .login-icontext__icon2,
.h1 .login-icontext__icon2 {
    height: 1em;
}

h2 .login-icontext__icon2,
.h2 .login-icontext__icon2 {
    height: 1.42em;
}

h3 .login-icontext__icon2,
.h3 .login-icontext__icon2 {
    height: 1.42em;
}

h4 .login-icontext__icon2,
.h4 .login-icontext__icon2 {
    height: 1.42em;
}

h5 .login-icontext__icon2,
.h5 .login-icontext__icon2 {
    height: 1.42em;
}

p .login-icontext__icon2,
.p .login-icontext__icon2 {
    height: 1.5em;
}

.xsmall .login-icontext__icon2 {
    height: 1.54em;
}

.small .login-icontext__icon2 {
    height: 1.54em;
}

.font--xs .login-icontext__icon2,
.font--s .login-icontext__icon2,
.font--xn .login-icontext__icon2,
.font--n .login-icontext__icon2,
.font--l .login-icontext__icon2,
.font--ml .login-icontext__icon2,
.font--xl .login-icontext__icon2,
.font--xxl .login-icontext__icon2,
.font--xxxl .login-icontext__icon2 {
    height: 1.2em;
}

.map {
    position: relative !important;

    width: 100%;
    height: 749px;
}

@media screen and (max-width: 992px) {
    .map {
        position: absolute !important;
        z-index: 45;
        top: 145px;
        left: 0;

        height: 325px;
    }
}

.map__wrapper {
    overflow: hidden;

    width: 100%;
    height: 749px;
}

@media screen and (max-width: 992px) {
    .map__wrapper {
        position: relative;

        height: auto;
    }
}

.map__iconbtn {
    display: inline-block;

    width: 62px;
    height: 62px;

    text-align: center;
}

.map__iconbtn--normal {
    display: block;
}


.map__iconbtn img,
.map__iconbtn .icon-location {
    display: block;

    width: 24px;
    height: 24px;
    margin: 19px auto 0;

    color: #fff;
}
.map__iconbtn--hover:not(:hover) {
    display: none;
}

.map__iconbtn:hover .map__iconbtn--normal {
    display: none;
}

.map__iconbtn:hover .map__iconbtn--hover {
    display: block;
}

.map__container {
    position: relative;

    overflow: visible;
}

.map__search__wrapper {
    position: relative;

    width: 100%;
}

@media screen and (max-width: 992px) {
    .map__search__wrapper {
        z-index: 10;
    }
}

@media screen and (max-width: 992px) {
    .map__search__wrapper .container {
        padding-right: 0;
        padding-left: 0;
    }
}

.map__branches-wrapper {
    position: absolute;
    z-index: 29;
    top: 37px;

    width: 448px;
    padding-bottom: 20px;

    background-color: #fff;
}

@media screen and (max-width: 1024px) {
    .map__branches-wrapper {
        width: 348px;
    }
}

@media screen and (max-width: 992px) {
    .map__branches-wrapper {
        position: relative;
        top: 0;

        width: 100%;
        height: auto;
    }
}

.map__button {
    font-size: 16px;

    position: relative;

    display: inline-block;

    color: #fff;
    background-color: transparent;
}

.map__button__number::before {
    content: '(';
}

.map__button__number::after {
    content: ')';
}

.map__button:hover {
    color: #fff;
}

.map__currentLocation--loading {
    color: #fff;
    background-color: #2d333c;
}

.map__currentLocation--loading .icon-location {
    text-decoration: none;
}

.map__currentLocation--loading .icon-location::before {
    display: inline-block;

    width: 35px;
    height: 35px;

    content: '';
    vertical-align: middle;
    text-decoration: none;

    background-image: url('../img/loading/general_loading.gif');
    background-size: 35px 35px;
}

.map__tools {
    font-size: 20px;

    width: 100%;
    padding-top: 10px;

    background-color: #333a49;
}

@media screen and (max-width: 992px) {
    .map__tools {
        margin-bottom: 325px;
    }
}

.map__tools__trigger {
    margin-bottom: 30px;

    border-bottom: 1px #e6e6e6 solid;
}

.map__tools__trigger a {
    font-weight: bold;

    position: relative;

    display: inline-block;

    margin-right: 30px;
    padding-bottom: 20px;

    text-decoration: none;

    color: #000;
}

.map__tools__trigger a::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 0;

    content: '';
    -webkit-transition: height 500ms ease;
       -moz-transition: height 500ms ease;
        -ms-transition: height 500ms ease;
         -o-transition: height 500ms ease;
            transition: height 500ms ease;

    background-color: #c51a58;
}

.map__tools__trigger a.active,
.map__tools__trigger a:hover {
    color: #c51a58;
}

.map__tools__trigger a.active::after,
.map__tools__trigger a:hover::after {
    height: 5px;
}

.map__tools__facility {
    line-height: 62px;

    padding-left: 30px;

    background-color: #474f5d;
}

.map__tools__facility .icon-text--inline__icon {
    height: 62px;
}

.map__tools__detail {
    display: flex;
    overflow: hidden;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    height: 62px;
    margin-bottom: 10px;
    padding: 0 10px;

    justify-content: space-between;
    align-items: center;
}

.map__tools__detail .map__currentLocation {
    width: 0;
}

.map__tools__detail__content {
    width: 0;
}

.map__tools__detail__content,
.map__tools__detail__trigger,
.map__tools__detail .map__currentLocation {
    float: left;
    overflow: hidden;

    height: 62px;

    -webkit-transition: width 200ms ease-in;
       -moz-transition: width 200ms ease-in;
        -ms-transition: width 200ms ease-in;
         -o-transition: width 200ms ease-in;
            transition: width 200ms ease-in; 
    vertical-align: top;
}

.map__tools__detail::after {
    display: block;
    clear: both;

    content: '';
}

.map__tools__detail__location,
.map__tools__detail__region {
    float: left;

    width: 15%;
    height: 62px;

    -webkit-transition: width 200ms ease-in;
       -moz-transition: width 200ms ease-in;
        -ms-transition: width 200ms ease-in;
         -o-transition: width 200ms ease-in;
            transition: width 200ms ease-in;
}

.map__tools__detail__location.active,
.map__tools__detail__region.active {
    display: flex;

    width: 100%;
}

.map__tools__detail__location.active.map__tools__detail__region,
.map__tools__detail__region.active.map__tools__detail__region {
    padding-left: 10px;
}

.map__tools__detail__location.active.map__tools__detail__region .map__tools__detail__content,
.map__tools__detail__region.active.map__tools__detail__region .map__tools__detail__content {
    width: 100%;
}

.map__tools__detail__location.active.map__tools__detail__region .map__tools__detail__trigger,
.map__tools__detail__region.active.map__tools__detail__region .map__tools__detail__trigger {
    width: 0;
}

.map__tools__detail__location.active.map__tools__detail__location .map__tools__detail__content,
.map__tools__detail__region.active.map__tools__detail__location .map__tools__detail__content {
    width: calc(100% - 124px);
}

@media screen and (max-width: 576px) {
    .map__tools__detail__location.active.map__tools__detail__location .map__tools__detail__content,
    .map__tools__detail__region.active.map__tools__detail__location .map__tools__detail__content {
        width: calc(100% - 100px);
    }
}

.map__tools__detail__location.active.map__tools__detail__location .map__tools__detail__trigger,
.map__tools__detail__region.active.map__tools__detail__location .map__tools__detail__trigger {
    width: 20%;
}

.map__tools__detail__location.active.map__tools__detail__location .map__currentLocation,
.map__tools__detail__region.active.map__tools__detail__location .map__currentLocation {
    width: 62px; 
    margin-left: auto;
}

@media screen and (max-width: 576px) {
    .map__tools__detail__location.active.map__tools__detail__location .map__currentLocation,
    .map__tools__detail__region.active.map__tools__detail__location .map__currentLocation {
        width: 22px;
        margin-right: 20px;
    }
}

.map__tools__detail__location .select__select,
.map__tools__detail__region .select__select {
    height: 62px;

    color: #fff;
    border: none;
    border-radius: 0;
    background: transparent url(../img/icon/img--icon-chervon--white.svg) no-repeat 96% center;
    background-color: #333a49;
    background-size: 20px 20px;
}

.map__tools__detail__location .select__select:focus,
.map__tools__detail__region .select__select:focus {
    background-color: #333a49;
}

.map__tools__detail__location {
    position: relative;

    border-left: 1px rgba(255, 255, 255, .24) solid;
}

.map__tools__detail__location .map__search {
    line-height: 62px;

    height: 62px;

    color: #fff;
    border: 0;
    background-color: #333a49;
}

@media screen and (max-width: 576px) {
    .map__tools__detail__location .map__search {
        font-size: 14px;
    }
}

.map__tools__detail__region .map__tools__detail__trigger img {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}

.map__branches__result {
    font-size: 14px;
    line-height: 34px;
    line-height: 70px;

    padding-right: 27px;
    padding-left: 27px;

    color: #2d333c;
    background-color: #fff;
}

.map__branches__noresult {
    padding-right: 27px;
    padding-left: 27px;
}

.map__branches__noresult p {
    margin-bottom: 0;
}

.map__branches__list {
    overflow-x: hidden;
    overflow-y: auto;

    width: 100%;
    height: 450px; 

    background-color: #fff;
}

.map__branches__list .map__branches__list__trigger .badge {
    font-weight: normal;

    display: none;
}

.map__branches__list .map__branches__list__trigger a.active .small {
    display: none;
}

.map__branches__list--showdistance .map__branches__list__trigger .badge {
    display: inline-block;
}

.map__branches__list .scroll-pane {
    height: 450px;
}

.map__branches__list__item {
    position: relative;

    padding-bottom: 16px;
}

.map__branches__list__item strong {
    font-weight: bold;
}

.map__branches__list__item::after {
    position: absolute;
    right: 10px;
    bottom: 0;
    left: 27px;

    content: '';

    border-bottom: 1px #e6e6e6 solid;
}

.map__branches__list__item.active .map__branches__list__trigger .small {
    display: none;
}

.map__branches__list__item.active .map__branches__list__icons {
    display: none;
}

.map__branches__list__item.active .icon-chevron {
    top: 32px;

    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.map__branches__list__item .icon-text--inline__icon {
    width: 20px;
    height: 24px;
}

.map__branches__list__item .icon-text--inline__icon__image {
    width: auto;
    max-width: 100%;
    max-height: 20px;
}

.map__branches__list__icons {
    padding: 13px 37px 0 27px;
}

.map__branches__list__icons img {
    max-width: 34px;
    max-height: 22px; 
    margin-right: 11px;
}

.map__branches__list__trigger {
    position: relative;

    width: 100%;
    margin-bottom: 0;
    padding: 16px 37px 0 27px;
}

.map__branches__list__trigger a {
    font-weight: 800;

    text-decoration: none;

    color: #000;
}

.map__branches__list__trigger a .small {
    font-weight: 400;

    color: #555;
}

.map__branches__list__trigger a .badge-secondary {
    background-color: #767c87;
}

.map__branches__list__trigger a span.icon-chevron {
    position: absolute;
    top: 47px;
    right: 10px;

    display: inline-block;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.map__branches__list__collapse {
    padding: 0 27px;
}

.map__branches__list__collapse p:first-child {
    margin-top: 16px;
}

.map__branches__list__collapse .icon-text,
.map__branches__list__collapse .icon-text__text {
    display: block !important;
}

@media screen and (max-width: 575.9999px) {
    .map__modal__button .button {
        display: block;

        width: 100%;
    }
}

.map__jscrollpane {
    overflow: auto;
}

@media screen and (max-width: 575.9999px) {
    .map__jscrollpane {
        max-height: 400px;
    }
}

@media screen and (max-width: 992px) {
    .map__facility__clear,
    .map__facility__submit {
        display: block;

        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .map__modal-footer {
        width: 100%;
        margin-top: 16px;
    }
}

.map__info-bubble__close {
    position: absolute;
    top: 3px;
    right: 3px; 

    color: white;
}

.infobox {
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    margin-bottom: 0;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); 
    text-align: center;

    color: #fff;
}

.map__facility__content {
    overflow: hidden;
}

.js-info-bubble-close {
    opacity: 0;
}

@media screen and (max-width: 992px) {
    .looking-for__text {
        margin-bottom: 30px;
    }
}

.looking-for__search {
    margin: 0 auto;
}

@media screen and (max-width: 992px) {
    .looking-for__search {
        margin-bottom: 30px;
    }
}

.looking-for__searchright {
    margin-left: auto;
}

@media screen and (max-width: 992px) {
    .looking-for__searchright {
        margin-bottom: 20px;
    }
}

.market-news {
    color: #fff;
}

.market-news__highlight {
    line-height: 58px;

    display: table;

    width: 100%;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;

    table-layout: auto;

    border-top: 1px #868686 solid;
    border-bottom: 1px #868686 solid;
}

.market-news__highlight__title,
.market-news__highlight__content {
    display: table-cell;

    color: #fff;
}

@media only screen and (max-width: 992px) {
    .market-news__highlight__title,
    .market-news__highlight__content {
        line-height: 1.5;

        display: block;
    }
}

.market-news__highlight__title {
    font-family: 'Lato', 'NotoSans',-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Microsoft JhengHei', 'Heiti TC', sans-serif;
    font-size: 20px;

    width: 22%;
    padding-right: 30px;
}

@media only screen and (max-width: 992px) {
    .market-news__highlight__title {
        width: 100%;
    }
}

.market-news__highlight__content {
    width: 78%;
}

@media only screen and (max-width: 992px) {
    .market-news__highlight__content {
        width: 100%; 
        margin-bottom: 0;
    }
}

.market-news__offers__cardtitle {
    font-size: 22px;
}

@media only screen and (max-width: 992px) {
    .market-news__offers__cardwrapper {
        padding: 0 0 30px 30px;
    }
}

.menu {
    display: block;
}

.menu__submenu {
    position: absolute;
    top: 113px;
    right: 0;
    left: 0;

    display: none;
    overflow: hidden;

    margin-right: 18px;
    margin-left: 18px;

    border-top: 1px transparent solid;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .menu__submenu {
        overflow-x: hidden;
        overflow-y: auto; 

        max-height: 530px;
    }
}

@media screen and (min-width: 992px) and (max-height: 780px) {
    .menu__submenu {
        overflow-x: hidden;
        overflow-y: auto; 

        max-height: 530px;
    }
}

@media screen and (max-width: 992px) {
    .menu__submenu {
        position: relative;
        top: 0;

        height: auto !important;
        margin-right: 0;
        margin-left: 0;
        padding-right: 16px;
        padding-left: 16px;

        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

.menu__submenu.menu__target {
    margin: 0;
}

.menu__submenu__innerwrapper {
    display: flex;

    background-color: #fff;

    align-content: flex-end;
}

@media screen and (max-width: 992px) {
    .menu__submenu__innerwrapper {
        display: block;

        padding-bottom: 30px;

        border-bottom: 1px solid #e6e6e6;
    }
}

.menu__submenu p {
    margin-bottom: 6px;
}

.menu__submenu__title {
    font-size: 20px;

    margin-top: 30px;
}

@media screen and (max-width: 992px) {
    .menu__submenu__title {
        margin-top: 14px;
    }
}

.menu__submenu__title:first-child {
    margin-top: 0;
}

@media screen and (max-width: 992px) {
    .menu__submenu__title:first-child {
        margin-top: 14px;
    }
}

.menu__submenu__title a {
    color: #000;
}

.menu__submenu__title a:hover {
    color: #000;
}

.menu__submenu__item--withbordertop {
    padding-top: 6px;

    border-top: 1px #e6e6e6 solid;
}

@media screen and (max-width: 992px) {
    .menu__submenu__item {
        display: none;
    }
}

.menu__submenu__item--mobile-display {
    display: block;
}

.menu__submenu__link {
    font-size: 14px;

    color: #474f5d;
}

.menu__submenu__link a {
    color: #474f5d;
}

.menu__submenu__link a:hover {
    color: #474f5d;
}

.menu__submenu__list,
.menu__submenu__promotion {
    vertical-align: top;
}

@media screen and (max-width: 992px) {
    .menu__submenu__list,
    .menu__submenu__promotion {
        padding: 16px;
    }
}

.menu__submenu__list {
    width: 66.666666666%;
    padding: 30px 54px 30px;
}

@media screen and (max-width: 992px) {
    .menu__submenu__list {
        width: 100%;
        padding: 0;
    }
}

.menu__submenu__list > .row {
    height: 100%;
}

.menu__submenu__list > .row > .col {
    border-right: 1px #e6e6e6 solid;
}

@media screen and (max-width: 992px) {
    .menu__submenu__list > .row > .col {
        border: none;
    }
}

.menu__submenu__list > .row > .col:last-child {
    border-right: 0;
}

.menu__submenu__list > .row > .col:nth-child(even) {
    padding-left: 75px;
}

@media screen and (max-width: 992px) {
    .menu__submenu__list > .row > .col:nth-child(even) {
        padding-left: 15px;
    }
}

.menu__submenu__promotion {
    width: 33.333333333%;
    margin-left: auto;
    padding: 30px 48px 30px;

    color: #fff;
    background-color: #474f5d;
}

@media screen and (max-width: 992px) {
    .menu__submenu__promotion {
        width: 100%;
        padding: 0;

        color: #000;
        background-color: transparent;
    }
}

.menu__submenu__promotion .menu__submenu__title a {
    color: #fff;
}

.menu__submenu__promotion .menu__submenu__title a:hover {
    color: #fff;
}

@media screen and (max-width: 992px) {
    .menu__submenu__promotion .menu__submenu__title a {
        color: #000;
    }
    .menu__submenu__promotion .menu__submenu__title a:hover {
        color: #000;
    }
}

.menu__submenu__promotion__link {
    font-size: 14px;

    margin-top: 12px;
}

.menu__product {
    display: flex;

    margin-bottom: 16px;

    align-content: flex-end;
}

.menu__product__icon {
    position: relative;

    overflow: hidden;

    padding-top: 62%;
}

.menu__product__icon img {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
}

.menu__product__icon__wrapper {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; 
    width: 30%;
    margin-right: 30px;
}

.menu__product__text p {
    margin-bottom: 3px;
}

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

.menu__promotion {
    position: relative;
}

.menu__promotion__link {
    display: block;

    background-color: #474f5d;
}

.menu__promotion__img {
    position: relative;

    display: block;
    overflow: hidden;

    padding-top: 59%;
}

.menu__promotion__img:hover {
    opacity: .3;
}

.menu__promotion__img img {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
}

.menu__promotion__text {
    line-height: 1.2;

    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 10px;

    color: #fff;
    background-color: rgba(71, 79, 93, .9);
}

@media screen and (max-width: 992px) {
    .menu__firstlevel {
        background-color: #f5f5f5;
    }
}

.menu__firstlevel::after {
    display: block;
    clear: both;

    content: '';
}

.menu__firstlevel__item {
    font-size: 14px;
    line-height: 46px;

    position: relative;

    float: left;

    padding: 0 14px;
}

.menu__firstlevel__item.active {
    background-color: #fff;
}

.menu__firstlevel__submenu {
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 0;

    display: none;

    width: 250px;
    padding: 0 14px;

    background: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}

.menu__firstlevel__submenu p {
    line-height: 67px;

    margin-bottom: 0;

    border-bottom: 1px #e6e6e6 solid;
}

.menu__firstlevel__submenu p:last-child {
    border-bottom: 0;
}

.menu__firstlevel--mobile {
    display: none;
}

@media screen and (max-width: 992px) {
    .menu__firstlevel--mobile {
        display: block;
    }
}

.menu__firstlevel .menu__link {
    font-size: 14px;

    border-top: 1px #e6e6e6 solid;
    border-bottom: none;
}

@media screen and (max-width: 992px) {
    .menu__firstlevel .menu__link {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .menu__firstlevel .menu__link--current {
        display: block;
    }
}

.menu__firstlevel .menu__link.current {
    position: relative;

    display: block;

    border: none;
}

.menu__firstlevel .menu__link.current .text {
    display: inline-block;

    max-width: calc(100% - 34px);
}

@media screen and (max-width: 992px) {
    .menu__firstlevel .menu__link.current::after {
        font-family: 'dsb_iconfont';
        font-size: 23px;

        display: inline-block;

        padding-left: 4px;

        content: '\e81b';
        vertical-align: middle;

        color: #5270a5;
    }
}

.menu__firstlevel .menu__link.current:hover {
    text-decoration: none;
}

@media screen and (max-width: 992px) {
    .menu__firstlevel.active .menu__link {
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .menu__firstlevel.active .menu__link.current::after {
        content: '\e81d';
    }
}

.menu__secondlevel {
    line-height: 67px;

    display: flex;

    width: 100%;

    background-color: #fff;
}

@media screen and (max-width: 992px) {
    .menu__secondlevel {
        display: block;
    }
}

.menu ul {
    margin-bottom: 0;
    padding: 0;
	/* amend and add on 2020.10.06 */
	margin-left:0 ;
}

.menu__link {
    display: inline-block;

    color: #2d333c;
}

.menu__link:hover {
    color: #2d333c;
}

.menu__link:hover {
    outline: none;
}

@media screen and (max-width: 992px) {
    .menu__link {
        display: block;

        margin: 0 16px;

        border-bottom: 1px #e6e6e6 solid;
    }
}

.menu__item {
    display: inline-block;

    margin-bottom: 0;
    padding: 0 14px;

    list-style: none;
}

@media screen and (max-width: 992px) {
    .menu__item {
        display: block;

        padding-right: 0;
        padding-left: 0;
    }
}

.menu__item__link.current::after {
    height: 5px;
}

.menu__item:hover .menu__item__link {
    text-decoration: none;

    outline: none;
}

.menu__item:hover .menu__item__link::after {
    height: 5px;
}

@media screen and (min-width: 992px) {
    .menu__item:hover .menu__item__link {
        color: #b71651;
    }
}

@media screen and (max-width: 992px) {
    .menu__item:hover .menu__item__link {
        color: #000;
    }
}

@media screen and (max-width: 992px) {
    .menu__item .menu__item__link.active::before {
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }
}

.menu__item__link {
    font-size: 14px;
    line-height: 1.5em;

    position: relative;

    display: block;

    height: 67px;

    text-decoration: none;

    color: #2d333c;
}

.menu__item__link .text {
    position: relative;
    top: 50%;
    left: 0;

    display: inline-block;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

@media screen and (max-width: 992px) {
    .menu__item__link {
        font-size: 16px;
    }
}

.menu__item__link::after {
    position: absolute;
    bottom: 0;
    left: 0;

    display: inline-block;

    width: 100%;
    height: 0;

    content: '';
    -webkit-transition: height 200ms ease-in;
       -moz-transition: height 200ms ease-in;
        -ms-transition: height 200ms ease-in;
         -o-transition: height 200ms ease-in;
            transition: height 200ms ease-in; 

    background-color: #b71651;
}

@media screen and (max-width: 992px) {
    .menu__item__link::after {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .menu__item__link::before {
        font-family: 'dsb_iconfont';
        font-size: 23px;

        position: absolute;
        top: calc( 50% - 11.5px);
        right: 0;

        content: '\e80a';
        -webkit-transform: rotate(-90deg);
           -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
             -o-transform: rotate(-90deg);
                transform: rotate(-90deg); 

        color: #5270a5;
    }
}

@media screen and (max-width: 992px) {
    .menu__item__link.menu__trigger::before {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
}

.menu__item__link.active {
    text-decoration: none;

    outline: none;
}

.menu__item__link.active::after {
    height: 5px;
}

.menu__item__link.active::before {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

@media screen and (min-width: 992px) {
    .menu__item__link.active {
        color: #e50e67;
    }
}

@media screen and (max-width: 992px) {
    .menu__item__link.active {
        border-color: transparent;
    }
}

.menu__group {
    width: 625px;
}

@media screen and (max-width: 992px) {
    .menu__group {
        position: relative;

        width: 100%;

        box-shadow: none;
    }
}

.menu__group .row {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 992px) {
    .menu__group .row {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;

        border-bottom: 1px #e6e6e6 solid;
    }
}

@media screen and (max-width: 992px) {
    .menu__group .row .col:last-child > p:last-child .menu__group__logo {
        border: none;
    }
}

.menu__group p {
    line-height: 1.5em;

    padding-top: 10px;
    padding-bottom: 0;

    border-bottom: 0;
}

.menu__group__logo {
    position: relative;

    display: inline-block;

    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;

    border-bottom: 1px #e6e6e6 solid;
}

.menu__group__logo img {
    max-width: 100%;
    max-height: 25px;
}

.menu__group__logo::after {
    font-family: 'dsb_iconfont';

    position: absolute;
    top: 0;
    right: 0;

    content: '\e802';
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.menu__group__logo::before {
    position: absolute;
    bottom: -1px;
    left: 0;

    display: block;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: width 200ms ease-in;
       -moz-transition: width 200ms ease-in;
        -ms-transition: width 200ms ease-in;
         -o-transition: width 200ms ease-in;
            transition: width 200ms ease-in; 

    background: #5270a5;
}

@media screen and (max-width: 992px) {
    .menu__group__logo::before {
        display: none;
    }
}

.menu__group__logo:hover::before {
    width: 100%;

    -webkit-transition: width 200ms ease-in;
       -moz-transition: width 200ms ease-in;
        -ms-transition: width 200ms ease-in;
         -o-transition: width 200ms ease-in;
            transition: width 200ms ease-in;
}

.menu-login {
    position: relative;

    display: inline-block;
}

.menu-login__menu {
    position: absolute;
    top: 100%;
    right: 0;

    display: none;

    width: 200%;
    padding-top: 10px;
}

@media screen and (max-width: 992px) {
    .menu-login__menu {
        position: fixed;
        z-index: 5;
        top: 61px;
        left: 0;

        width: 100%;
        padding: 0;
    }
}

.menu-login__menu::before {
    position: absolute;
    top: 0;
    right: calc(25% - 11px);

    display: block;

    width: 0;
    height: 0;
    margin-right: -8px;

    content: '';

    border-right: 8px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, .1);
    border-left: 8px solid transparent;
}

@media screen and (max-width: 992px) {
    .menu-login__menu::before {
        display: none;
    }
}

.menu-login__menu::after {
    position: absolute;
    top: 1px;
    right: calc(25% - 11px);

    display: block;

    width: 0;
    height: 0;
    margin-right: -7px;

    content: '';

    border-right: 7px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 7px solid transparent;
}

@media screen and (max-width: 992px) {
    .menu-login__menu::after {
        display: none;
    }
}

.menu-login__menu__content {
    line-height: 1.2;

    padding: 0 20px;

    list-style: none;

    background: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
}

.menu-login__menu__item {
    display: block;

    margin: 0;
}

.menu-login__menu__item + .menu-login__menu__item {
    border-top: 1px solid #e6e6e6;
}

.menu-login__menu__item a {
    color: #000;
}

.menu-login__menu__item a:hover {
    color: #000;
}

.menu-login__menu__item a::after {
    color: #689af3;
}

.menu-login__menu__item a:hover::after {
    color: #689af3;
}

.menu-login__menu__link {
    display: flex;

    width: 100%;
    padding: 15px 0;
}

.menu-login__menu__link:hover {
    text-decoration: none;
}

.menu-login__menu__link:hover .menu-login__menu__link__text {
    text-decoration: underline;
}

@media screen and (max-width: 992px) {
    .menu-login__menu__link:hover .menu-login__menu__link__text {
        text-decoration: none;
    }
}

.menu-login__menu__link::after {
    font-family: 'dsb_iconfont';

    display: block;

    margin-left: auto;

    content: '\e802';
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.menu-login__menu__link__text {
    display: block;
}

.menu-login__button {
    display: block;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: 22px;
    padding: 0 14px;

    white-space: nowrap;
    text-decoration: none;

    color: #fff;
}

.menu-login__button:hover {
    color: #fff;
}

@media screen and (max-width: 992px) {
    .menu-login__button {
        margin-left: 5px;
    }
}

.menu-login__button .icon-text--inline {
    line-height: 1.5em;
}

.menu-login__button .icon-text--inline .icon-text__text {
    text-decoration: none;
}

.menu-login__button .icon-text--inline .icon-text--inline__icon {
    height: 1.5em;
}

.menu-login__button::after {
    font-family: 'dsb_iconfont';

    position: relative;

    display: inline-block;

    content: '\e80a';
}

.menu-login__button.active::after {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.modal {
    width: 100%;
    height: 100%;

    background: rgba(45, 51, 60, .9);
}

.modal-close {
    font-size: 25px;
    line-height: 25px;

    position: absolute;
    z-index: 99;
    top: 20px;
    right: 30px;

    text-decoration: none;

    color: #5270a5;
}

.modal-close .icon-close {
    display: block;
}

.modal-close .icon-close::before {
    font-size: 30px;
    font-weight: bold;

    display: block;

    margin: 0;

    color: #5270a5;
}

.modal-close:hover {
    text-decoration: none;

    color: #5270a5;
}

.modal-close:hover .icon-close::before {
    color: #3371de;
}

.modal-dialog {
    height: calc(100% - 30px);
    min-height: calc(100% - 30px);
    margin: 15px;
}

@media screen and (min-width: 576px) {
    .modal-dialog {
        margin: 15px auto;
    }
}

.modal-content {
    display: flex;

    max-height: calc(100% - 60px);
    padding: 30px;

    border: none;
    border-radius: 0;
    background-color: #fff;
}

@media screen and (max-height: 576px) {
    .modal-content {
        max-height: none;
    }
}

.modal-header {
    padding: 0 0 10px; 

    border: none;
}

@media screen and (max-height: 576px) {
    .modal-header {
        display: block;
    }
}

.modal-body {
    overflow: auto;

    height: auto;
    padding: 0;

    color: #000;
}

@media screen and (max-height: 576px) {
    .modal-body {
        min-height: 100px;
    }
}

.modal-body.scroll-pane .jspPane {
    margin-left: 0 !important;
}

.modal-body.scroll-pane .jspPane > p,
.modal-body.scroll-pane .jspPane > .data-table {
    padding-right: 16px;
}

.modal-body.scroll-pane .jspTrack {
    margin-left: auto;
}

.modal-footer {
    display: block;

    padding: 10px 0 0;

    border: none;
}

.modal-footer > :not(:last-child) {
    margin-bottom: 20px;
}

.modal-footer > :last-child {
    margin-bottom: 0;
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out, opacity .3s ease-out;
    transform: translate(0, -25%);

    opacity: 0;
}

.modal.show .modal-dialog {
    transform: translate(0, -25%);

    opacity: 0;
}

.modal.show.scrollpane-ready .modal-dialog {
    transform: translate(0, 0);

    opacity: 1;
}

@media screen and (max-width: 992px) {
    .modal-footer {
        width: 100%;
    }
}

.modal__video {
    position: relative;

    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.modal__video__object {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: none;
}

.modal-input {
    margin-bottom: 20px;
}

.modal-input__link {
    line-height: 45px;

    display: block;
    overflow: hidden;

    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.modal-input__link:hover {
    border-color: #689af3;
    background-color: #f3f8ff;
}

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

.modal-input__value {
    display: none;
}

.modal-input__error {
    display: none;

    margin: 15px 0 0;

    color: #d00157;
}

.modal-input__comment {
    margin: 15px 0 0;

    color: #696969;
}

.modal-input--selected .modal-input__placeholder {
    display: none;
}

.modal-input--selected .modal-input__value {
    display: inline-block;
}

.modal-input--focus .modal-input__link {
    border-color: #689af3;
    background-color: #f3f8ff;
}

.modal-input--disabled .modal-input__link {
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}

.modal-input--error .modal-input__link {
    color: #d00157;
    border-color: #d00157;
    background-color: #f9f1f5;
}

.modal-input--error .modal-input__placeholder,
.modal-input--error .modal-input__value {
    color: #d00157;
}

.modal-input--error .modal-input__error {
    display: block;
}

.modal-input--error .modal-input__error--noMessage {
    display: none;
}

@media screen and (max-width: 575.9999px) {
    .modal-input__resetBootstrapPadding {
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 575.9999px) {
    .modal-input__modal.modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        max-height: none;
        margin: 0;
    }
}

@media screen and (max-height: 576px) {
    .modal-input__modal.modal-dialog {
        height: auto;
        min-height: 100%;
    }
}

@media screen and (max-height: 576px) {
    .modal-input__modal .modal-body {
        min-height: 250px;
    }
}

.modal-input__modal .modal-content {
    padding: 60px 40px;
}

@media screen and (max-width: 767.9999px) {
    .modal-input__modal .modal-content {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 575.9999px) {
    .modal-input__modal .modal-content {
        width: 100%;
        max-width: none;
        height: 100%;
        max-height: none !important;
    }
}

@media screen and (max-width: 767.9999px) {
    .modal-input__modal .modal-close {
        right: 10px;
    }
}

.modal-input__modal .modal-input__modal-body {
    overflow: hidden;
}

.modal-input__modal .modal-input__modal-footer {
    text-align: right;
}

@media screen and (max-width: 991.9999px) {
    .modal-input__modal .modal-input__modal-footer {
        display: table;

        text-align: left;
    }
}

.modal-input__modal .modal-input__modal-footer__item {
    display: inline-block;

    margin: 0;
}

@media screen and (max-width: 991.9999px) {
    .modal-input__modal .modal-input__modal-footer__item--cancel {
        display: table-footer-group;

        text-align: center;
    }
    .modal-input__modal .modal-input__modal-footer__item--cancel > .modal-input__modal-footer__cancel {
        display: inline-block;

        margin-top: 15px;
    }
}

.modal-input__modal .modal-input__modal-footer__item--select {
    margin-left: 20px;
}

@media screen and (max-width: 991.9999px) {
    .modal-input__modal .modal-input__modal-footer__item--select {
        display: table-header-group;

        margin: 0;
    }
}


.more-contact-us {
    margin-bottom: 20px;
}

@media screen and (max-width: 992px) {
    .more-contact-us__links {
        margin-bottom: 20px;
    }
}

.note {
    font-weight: bold;

    margin-bottom: 30px;
    padding: 15px;

    color: #000;
    border-radius: 4px;
    background-color: #f5f5f5;
}

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

.offer-content {
    position: relative;
}

.offer-content__preview__img {
    display: block;
    float: left;

    width: calc(50% - 15px); 
    margin-bottom: 25px;

    border-color: #d6d6d6;
}

.offer-content__preview__img:nth-child(even) {
    float: right;
}

@media screen and (min-width: 992px) {
    .offer-content__preview__img {
        display: block;
        float: none;

        width: 100%;
    }
}

.offer-content__preview__img--logo, .offer-content__preview__img.border {
    position: relative;

    padding-top: calc(31% - 10px);

    border: 1px #d6d6d6 solid;
}

.offer-content__preview__img--logo a {
    position: absolute;
    top: 0;
    left: 0; 

    width: 100%;
    height: 100%;
}

.offer-content__preview__img--logo img {
    position: absolute;
    top: 50%;
    left: 50%;

    width: auto;
    max-width: 80%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.offer-content__preview__img.border img {
	position: absolute;
    top: 0%;
    left: 0%;
    width: auto;
    max-width: 100%;
}

@media screen and (min-width: 992px) {
    .offer-content__preview__img--logo, .offer-content__preview__img.border {
        padding-top: 62%;
    }
}

.offer-content__remarks {
    font-size: 16px; 
    font-weight: normal;
}

.offer-content__iconlarge .icon-text__text.icon-text--inline__text {
    margin-left: 10px;
}

.offer-content__iconlarge .icon-text__icon__icon-font:before {
    font-size: 28px;
}

.page-tag {
    border-top: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px) {
    .page-tag {
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }
}

.page-tag__active-text {
    line-height: 70px;

    position: relative;

    display: block;
    overflow: hidden;

    height: 70px;
    margin-right: -30px; 
    margin-left: -30px;
    padding-right: 75px;
    padding-left: 30px;

    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (min-width: 768px) {
    .page-tag__active-text {
        margin-right: 0; 
        margin-left: 0;
    }
}

.page-tag__active-text::before {
    position: absolute;
    top: 50%;
    right: 30px;

    display: block;
    overflow: hidden;

    width: 30px;
    height: 30px;
    margin-top: -15px;

    content: '';
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg); 

    background: #fff url('../img/icon/img--icon-chervon.svg') no-repeat center center;
    background-size: 30px 30px;
}

.page-tag__active-text::after {
    position: absolute;
    bottom: 0;
    left: 0; 

    display: block;
    overflow: hidden;

    width: 100%;
    height: 4px;

    content: '';

    border-radius: 5px;
    background: #b71651;
}

.page-tag__active-text.collapsed::before {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
}

@media screen and (min-width: 768px) {
    .page-tag__active-text {
        display: none;
    }
}

.page-tag__tags {
    margin-right: -30px; 
    margin-left: -30px;

    border-bottom: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px) {
    .page-tag__tags {
        display: flex !important;

        height: auto !important;
        margin-right: 0; 
        margin-left: 0;

        border-bottom: none;
        border-left: 1px solid #e6e6e6;
    }
}

.page-tag__tag {
    display: block;

    padding: 15px 30px;

    color: #000;
}

.page-tag__tag:hover {
    color: #000;
}

@media screen and (min-width: 768px) {
    .page-tag__tag:hover:hover {
        text-decoration: none;

        color: #b71651;
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .page-tag__tag:hover:hover {
        color: #000;
    }
    .page-tag__tag:hover:hover::after {
        position: absolute;
        bottom: -1px;
        left: 0; 

        display: block;
        overflow: hidden;

        width: 100%;
        height: 4px;

        content: '';

        background: #b71651;
    }
}

.page-tag__tag--active {
    cursor: default;

    color: #b71651;
}

.page-tag__tag--active:hover {
    text-decoration: none;

    color: #b71651;
}

@media screen and (min-width: 768px) {
    .page-tag__tag--active {
        text-decoration: none;

        color: #000;
    }
    .page-tag__tag--active:hover {
        text-decoration: none;

        color: #000;
    }
    .page-tag__tag--active::after {
        position: absolute;
        bottom: -1px;
        left: 0; 

        display: block;
        overflow: hidden;

        width: 100%;
        height: 4px;

        content: '';

        background: #b71651;
    }
}

.page-tag__tag + .page-tag__tag {
    border-top: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px) {
    .page-tag__tag + .page-tag__tag {
        border-top: none;
    }
}

@media screen and (min-width: 768px) {
    .page-tag__tag {
        font-size: 20px;

        position: relative; 

        display: flex;

        min-height: 80px;
        padding: 10px;

        border-right: 1px solid #e6e6e6;

        -webkit-flex-grow: 1;
                flex-grow: 1;
                flex-basis: 0;
        -webkit-flex-basis: 0;
        align-items: center;
    }
    .page-tag__tag__title {
        margin: auto;

        text-align: center;
    }
}

.pagelocator {
    position: fixed;
    z-index: 25;
    top: 50%;
    right: 10px;

    padding: 5px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); 
    text-align: right;

    border-radius: 5px;
}

@media screen and (max-width: 992px) {
    .pagelocator.active .pagelocator__tigger {
        display: block;
    }
}

.pagelocator.active .pagelocator__header__current::after {
    transform: rotate(180deg);
    transform-origin: 50% 50%;
}

@media screen and (max-width: 992px) {
    .pagelocator {
        z-index: 40;
        top: 0;
        right: 0;

        width: 100%;
        padding: 0;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); 
        text-align: left;

        border-bottom: 1px solid #d6d6d6;
        border-radius: 0;
        background-color: #fff;
    }
}

.pagelocator__action {
    display: none;

    min-width: 130px;
    max-width: 40%;
    margin-left: auto;
    padding-top: 8px;
    padding-right: 14px;
    padding-bottom: 8px; 

    align-self: center;
}

.pagelocator__action__button {
    line-height: 21px;

    padding-top: 12px;
    padding-bottom: 12px;
}

.pagelocator--desktop {
    position: fixed;
    z-index: 45;
    top: 0;
    right: 0;

    width: 100%;
    padding: 0;

    text-align: left;

    border-bottom: 1px solid #d6d6d6;
    border-radius: 0;
    background-color: #fff;
}

.pagelocator--desktop .pagelocator__header {
    display: flex;
    overflow: hidden;

    max-height: 0;

    -webkit-transition: max-height 200ms ease-in;
       -moz-transition: max-height 200ms ease-in;
        -ms-transition: max-height 200ms ease-in;
         -o-transition: max-height 200ms ease-in;
            transition: max-height 200ms ease-in;
}

.pagelocator--desktop .pagelocator__header--action {
    max-height: 200px;
}

@media screen and (max-width: 992px) {
    .pagelocator--desktop .pagelocator__header {
        display: none;
    }
}

.pagelocator--desktop .pagelocator__header__current {
    padding-right: 0;
    padding-left: 0;

    -webkit-flex-grow: 1;
            flex-grow: 1;
            flex-basis: 0;
    -webkit-flex-basis: 0;
    align-self: center;
}

.pagelocator--desktop .pagelocator__header__current::after {
    display: none;
}

.pagelocator--desktop .pagelocator__action {
    display: block;

    padding: 12px 0;
}

.pagelocator__header {
    display: none;
}

@media screen and (max-width: 992px) {
    .pagelocator__header {
        display: flex;
    }
}

.pagelocator__header p {
    margin-bottom: 0;
}

.pagelocator__header--action .pagelocator__action {
    display: block;
}

@media screen and (max-width: 992px) {
    .pagelocator__header__current {
        position: relative;

        padding: 12px 34px 12px 14px;

        -webkit-flex-grow: 1;
                flex-grow: 1;
                flex-basis: 0;
        -webkit-flex-basis: 0;
    }
}

.pagelocator__header__current::after {
    position: absolute;
    top: 50%;
    right: 10px;

    display: block;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    content: '';

    background: url(../img/icon/img--icon-chervon--lightSkyBlue.svg) no-repeat center center;
    background-size: 24px 24px;
}

.pagelocator__tigger {
    overflow: visible;
}

@media screen and (max-width: 992px) {
    .pagelocator__tigger {
        display: none;
        overflow: auto;

        max-height: calc(100vh - 100px);
        padding: 13px 14px;

        background-color: #f5f5f5;
    }
}

.pagelocator a {
    color: #000;
}

.pagelocator a:hover {
    color: #000;
}

.pagelocator__item {
    font-size: 20px;
    line-height: 30px;

    position: relative;

    display: block;

    margin-bottom: 26px;

    text-align: right;
}

@media screen and (max-width: 992px) {
    .pagelocator__item {
        font-size: 16px;
        line-height: 48px;

        margin-bottom: 0;

        border-bottom: 1px #e6e6e6 solid;
    }
}

.pagelocator__item.last-child,
.pagelocator__item:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .pagelocator__item.last-child,
    .pagelocator__item:last-child {
        border-bottom: 0;
    }
}

.pagelocator__item.last-child::before,
.pagelocator__item:last-child::before {
    display: none;
}

.pagelocator__item--mobile {
    display: none;
}

@media screen and (max-width: 992px) {
    .pagelocator__item--mobile {
        display: block;
    }
}

.pagelocator__item__text {
    position: absolute;
    top: 50%;
    right: 49px;

    display: none;
    overflow: hidden;

    padding: 5px 10px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); 
    white-space: nowrap;

    border-radius: 5px;
    background-color: #fff;
}

@media screen and (max-width: 992px) {
    .pagelocator__item__text {
        position: relative;
        top: 0;
        right: 0;

        display: block;

        padding: 0;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); 
        text-align: left;

        background-color: transparent;
    }
}

.pagelocator__item::before {
    position: absolute;
    top: calc(100% + 7px);
    right: 10px;

    width: 1px;
    height: 14px;

    content: '';

    background-color: #58585b;
}

@media screen and (max-width: 992px) {
    .pagelocator__item::before {
        content: none;
    }
}

.pagelocator__item__indicator {
    position: relative;

    display: inline-block;

    width: 22px;
    height: 22px;

    vertical-align: middle;

    border: 1px #818181 solid;
    border-radius: 22px;
    background-color: rgba(255, 255, 255, .8);
}

@media screen and (max-width: 992px) {
    .pagelocator__item__indicator {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .pagelocator__item.current {
        color: #b71651;
    }
}

@media screen and (min-width: 992px) {
    .pagelocator__item.active .pagelocator__item__text,
    .pagelocator__item:hover .pagelocator__item__text,
    .pagelocator__item:focus .pagelocator__item__text {
        display: block;

        -webkit-animation: fade-out .7s cubic-bezier(.25, .46, .45, .94) 1.2s both;
                animation: fade-out .7s cubic-bezier(.25, .46, .45, .94) 1.2s both;
    }
}

@media screen and (min-width: 992px) {
    .pagelocator__item:hover .pagelocator__item__text {
        -webkit-animation: fade-in .7s cubic-bezier(.25, .46, .45, .94) both;
                animation: fade-in .7s cubic-bezier(.25, .46, .45, .94) both;
    }
}

.pagelocator__item:hover .pagelocator__item__indicator::after,
.pagelocator__item.active .pagelocator__item__indicator::after,
.pagelocator__item.current .pagelocator__item__indicator::after,
.pagelocator__item:focus .pagelocator__item__indicator::after {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;

    content: '';
    -webkit-animation: pulsate-fwd .5s ease-in-out both;
            animation: pulsate-fwd .5s ease-in-out both;

    border-radius: 12px;
    background-color: #b71651;
}


@media screen and (max-width: 992px) {
    .pagination-dsb {
        margin-bottom: 32px;
    }
}

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

.pagination-dsb__item {
    display: inline-block; 

    margin-right: 10px;
    padding: 4px 11px;

    text-decoration: none;

    color: black;
    border: 1px black solid;
    border-radius: 6px;
}

.pagination-dsb__item:hover {
    text-decoration: none;

    color: #fff;
    border: 1px solid #b71651; 
    background-color: #b71651;
}

.pagination-dsb__back img,
.pagination-dsb__forward img {
    width: 13px;
}

.pagination-dsb__back:hover,
.pagination-dsb__forward:hover {
    text-decoration: none;
}

.pagination-dsb__back {
    margin-right: 10px;
}

.pagination-dsb__back img {
    transform: rotate(90deg);
}

.pagination-dsb__forward img {
    transform: rotate(270deg);
}

.pagination-dsb__ellipsis {
    font-weight: bold; 

    display: inline-block;

    margin-right: 10px;

    vertical-align: top;
}

.pagination-dsb .active {
    color: #fff;
    border: 1px solid #b71651; 
    background-color: #b71651;
}

.product-list .card {
    margin-bottom: 34px;
}

.product-list__title {
    font-size: 26px;

    margin-bottom: 20px;
}

@media screen and (max-width: 992px) {
    .product-list__title {
        font-size: 22px;
    }
}

.product-list__filter {
	/* edited on 2020/10/19 solved flexbox on IE problem*/
    /*display: flex;*/
	display:inline-flex;
    overflow-x: auto;
    overflow-y: hidden;

    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box; 
    width: 100%;
    height: 45px;
    margin-bottom: 61px;

    white-space: nowrap;

    border-radius: 22.5px;
    background-color: #f1f3f8;

    justify-content: space-between;
    align-items: center;
}

.wm_filter {
	display:inline-block;
}

.product-list__filter__link {
    display: inline-block;

    //width: 135px;

    text-align: center;

    color: #474f5d;

    flex: 1 100%;
	
	padding: 0 10px ;
}

.product-list__filter__link:last-child {
    border-right: 0;
}

.product-list__filter__link:hover {
    text-decoration: underline;
}

.product-list__filter__link.active {
    line-height: 45px;

    text-decoration: none;

    color: #fff;
    border-right: 0;
    border-radius: 22.5px;
    background-color: #5270a5;
}

@media screen and (max-width: 992px) {
    .product-list__filter {
        display: none;
    }
}

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

.product-list__showmore a {
    font-weight: bold;

    position: relative;

    display: inline-block;

    padding-bottom: 30px;

    color: #5270a5;
}

.product-list__showmore a:hover {
    color: #5270a5;
}

.product-list__showmore a:hover {
    color: #08347f;
}

.product-list__showmore a .icon-chevron {
    font-weight: bold;

    position: absolute;
    bottom: 0;
    left: 50%;

    margin-left: -14px;
}

.progressbar {
    display: flex;

    width: 100%;
    height: 6px;

    background: #fff;
}

.progressbar--desktop {
    display: block;

    margin-bottom: 40px;
    padding-top: 24px;
}

@media screen and (max-width: 768px) {
    .progressbar--desktop {
        display: none;
    }
}

.progressbar--mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .progressbar--mobile {
        display: block;
    }
}

.progressbar__step {
    position: relative;

    display: inline-block;
    float: left;

    width: calc(16.66667% - 2px);
    height: 6px;
    margin-right: 2px;

    background-color: #d6d6d6;

    flex: 1 1 auto;
}

.progressbar__step--active {
    background-color: #c51a58;
}

.progressbar__step--active--last {
    color: #c51a58;
}

.progressbar__step:last-child {
    width: 16.66667%;
    margin-right: 0;
}

.progressbar__step__content {
    line-height: 1em;

    position: absolute;
    bottom: 100%;
    left: 0;

    padding-bottom: 11px;
}

@media screen and (max-width: 768px) {
    .progressbar__step__content {
        display: none;
    }
}

.progressbar--hide {
    display: none;
}

.promotion {
    position: relative;

    width: 100%;
    min-height: 265px;
    padding: 40px 30px;

    border: solid 1px #868686;
}

.promotion--large {
    min-height: 340px;

    border: 0;
}

.promotion--large .promotion__title {
    margin-bottom: 35px;
}

.promotion__section-title {
    font-weight: bold;

    margin-bottom: 15px;
}

.promotion__title {
    margin-bottom: 60px;
}

.promotion__link {
    position: absolute;
    z-index: 2;
    bottom: 50px;
    left: 30px;

    margin-bottom: 0;
}

.promotion__img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 340px;
}

.promotion__img img {
    width: 100%;
}

.push-notification {
    display: table;

    width: 100%; 
    margin-bottom: 15px;
    padding: 17px 20px;

    background-color: #fff;
}

.push-notification__icon,
.push-notification__text,
.push-notification__resend {
    display: table-cell;

    vertical-align: middle;
}

.push-notification__link {
    margin-left: 9px;
}

.rangebar {
    font-size: 12px;

    position: relative;

    width: 100%;
    margin-bottom: 15px;
    padding-top: 30px;
    padding-bottom: 30px;

    color: #555;
}

.rangebar::after {
    display: block;
    clear: both;

    content: '';
}

.rangebar--maxonly .rangebar__base__current {
    background-color: transparent;
}

.rangebar--maxonly .rangebar__base__current--max {
    width: 10px;

    text-align: left;
    white-space: nowrap;
}

.rangebar--maxonly .rangebar__base__current--min {
    display: none;
}

.rangebar__link {
    position: absolute;
    right: 0;
    bottom: 0;
}

.rangebar__base {
    position: relative;

    width: calc(100% - 94px);

    background-color: #e6e6e6;
}

.rangebar__base__current {
    position: absolute;
    right: 10%;
    left: 10%;

    height: 15px;

    background-color: #5270a5;
}

.rangebar__base__current--max,
.rangebar__base__current--min {
    position: absolute;
}

.rangebar__base__current--max::after,
.rangebar__base__current--min::after {
    position: absolute;

    display: block;

    width: 3px;
    height: 20px;

    content: '';

    background-color: #5270a5;
}

.rangebar__base__current--max::before,
.rangebar__base__current--min::before {
    position: absolute;

    display: block;

    width: 10px;
    height: 10px;

    content: '';

    border: 1px #5270a5 solid;
    border-radius: 5px;
    background-color: #fff;
}

.rangebar__base__current--max {
    right: 0;
    bottom: 100%;

    padding-bottom: 15px;
}

.rangebar__base__current--max::after {
    right: 0;
    bottom: -15px;
}

.rangebar__base__current--max::before {
    right: -3.5px;
    bottom: 5px;
}

.rangebar__base__current--min {
    top: 100%;
    left: 0;

    padding-top: 15px;
}

.rangebar__base__current--min::after {
    top: -15px;
    left: 0;
}

.rangebar__base__current--min::before {
    top: 5px;
    left: -3.5px;
}

.rangebar__max--value,
.rangebar__min--value,
.rangebar__base {
    line-height: 15px;

    float: left;

    height: 15px;
}

.rangebar__max--value,
.rangebar__min--value {
    float: left;

    width: 40px;
}

.rangebar__min--value {
    margin-right: 7px;
}

.rangebar__max--value {
    margin-left: 7px;
}

.qr-code {
    display: inline-block;
}

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

.scroll-pane {
    overflow: auto;

    width: 100%;
    height: 200px;
}

.scroll-pane:focus {
    outline: 0;
}

.scroll-pane--hide-scroll .jspVerticalBar,
.scroll-pane--hide-scroll .jspHorizontalBar {
    display: none;
}

.jspHorizontalBar {
    height: 8px;

    background: #e6e6e6;
}

.jspVerticalBar {
    padding-top: 0;
    padding-bottom: 0;

    background: #fff;
}

.jspTrack {
    overflow: hidden;

    width: 8px;
    padding-top: 0;
    padding-bottom: 0;

    opacity: 1;
    border-radius: 80px;
    background: #e6e6e6;
}

.jspDrag {
    overflow: hidden;

    width: 8px;

    border-radius: 80px;
    background: #696969;
}

@media screen and (min-width: 992px) {
    .search-results__text {
        position: absolute;
        top: 50%;

        transform: translateY(-50%);
    }
}

@media screen and (max-width: 992px) {
    .search-results__mobilemargin {
        margin-top: 20px;
    }
}

.section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.section--logobg {
    padding-top: 0;
    padding-bottom: 0;
}

.section--logobg .container {
    overflow: hidden;

    padding-top: 2rem;
    padding-bottom: 2rem;

    background-color: #fff;
}

.section--notoppadding {
    padding-top: 0;
}

@media screen and (max-width: 992px) {
    .section--notoppadding {
        padding-bottom: 0;
    }
}

.section--halfbtmpadding {
    padding-bottom: 1rem;
}

.section--nopadding {
    padding-top: 0;
    padding-bottom: 0;
}

.section--nopadding--horizontal > .container {
    padding-right: 0;
    padding-left: 0;
}

.section--nopadding--horizontal > .container > .row {
    margin-right: 0;
    margin-left: 0;
}

.section--ofvisible .container {
    overflow: visible;
}

.section--extrapadding {
    padding-top: 60px;
    padding-bottom: 30px;
}

.section--border-bottom {
    border-bottom: 1px solid #e6e6e6;
}

.security-solutions {
    margin-top: 20px;
}

.security-solutions__textwrapper {
    padding-left: 30px;
}

.security-solutions__title {
    font-size: 22px; 

    color: black !important;
}

.security-solutions__text {
    max-width: 350px; 

    color: black !important;
}

.security-solutions__icontext {
    margin-bottom: 10px;

    color: black !important;
}

.security-solutions__learnmore > a {
    font-weight: bold;

    color: #b71651;
}

@media only screen and (max-width: 576px) {
    .security-solutions__icontext {
        display: none;
    }
}

.security-cards__cardtitle {
    font-size: 22px;
}

.security-cards__row {
    margin-bottom: 30px;
}

.security-cards__cardtitle {
    display: block !important;
}

.security-cards__maxwidth {
    max-width: 350px;
}

.security-cards__icon {
    margin-bottom: 10px;
}

.card--security .card__content {
    top: 0;
    bottom: auto;

    max-width: 415px;
}

.card--security .card-body {
    padding: 14px 39px;
}

.card--security__list {
    margin-top: 15px;
}

.select {
    margin-bottom: 20px;
}

.select.row {
    margin-right: -10px;
    margin-left: -10px;
}

.select.row .col {
    padding-right: 10px;
    padding-left: 10px;
}

.select--light {
    padding-right: 30px;

    border: 0;
    background: url('../img/icon/img--icon-chervon--darkNavyGrey.svg') right center no-repeat;
}

.select__group__item {
    display: table;

    width: 100%;
}

.select__group__item + .select__group__item {
    margin-top: 15px;
}

.select__group__item__col {
    display: table-cell;

    vertical-align: middle;
}

.select__group__item__col--delete {
    display: none;

    width: 30px;

    text-align: center;
}

.select__group__item--new-item .select__group__item__col--delete {
    display: table-cell;
}

.select__group__cross {
    position: relative;

    display: inline-block;

    width: 18px;
    height: 18px;

    color: transparent;
}

.select__group__cross::before {
    position: absolute;
    top: 3px;
    left: 50%;

    display: block;

    width: 1px;
    height: 18px;

    content: '';
    transform: rotate(45deg);
    transform-origin: 50% 50%;

    background-color: #696969;
}

.select__group__cross::after {
    position: absolute;
    top: 3px;
    left: 50%;

    display: block;

    width: 1px;
    height: 18px;

    content: '';
    transform: rotate(-45deg);
    transform-origin: 50% 50%;

    background-color: #696969;
}

.select__group__cross:hover {
    color: transparent;
}

.select__select {
    width: 100%;
    height: 45px;
    padding: 0 39.5px 0 13px;

    -webkit-transition: color .4s, border-color .4s, background-color .4s;
            transition: color .4s, border-color .4s, background-color .4s;

    color: #000;
    border: 1px solid #868686;
    border-radius: 4px;
    background: #fff url('../img/icon/img--icon-chervon.svg') no-repeat 96% center;
    background-position: calc(100% - 13px) center;
    background-size: 20px 20px;

    -webkit-appearance: none;
    /*Removes default chrome and safari style*/
       -moz-appearance: none;
    /*Removes default style Firefox*/
            appearance: none;
}

.select__select::-ms-expand {
    display: none;
}

.select__select:focus {
    border-color: #689af3;
    outline: 0;
    background-color: #f3f8ff;
}

.select__select:disabled {
    color: #000;
    border-color: #f5f5f5;
    background-color: #f5f5f5;
}

.select__label {
    margin: 0 0 15px;

    color: #000;
}

.select__label--hide {
    position: absolute;
    z-index: -1;

    opacity: 0;
}

.select__error {
    display: none;

    margin: 15px 0 0;

    color: #d00157;
}

.select__add-item {
    margin: 15px 0 0;
}

.select__comment {
    margin: 15px 0 0;

    color: #696969;
}

.select--focus .select__select {
    border-color: #689af3;
    background-color: #f3f8ff;
}

.select--disabled .select__select {
    color: #868686;
    border-color: #d6d6d6;
    background-color: #f5f5f5;
    background-image: url('../img/icon/img--icon-chervon--darkNavyGrey.svg');
}

.select--error .select__select {
    color: #d00157;
    border-color: #d00157;
    background-color: #f9f1f5;
}

.select--error .select__error {
    display: block;
}

.select--error .select__error--noMessage {
    display: none;
}

.select--max-items .select__add-item {
    display: none;
}

@media screen and (min-width: 992px) {
    .select--inline .select {
        white-space: nowrap;
    }
    .select--inline .select__label {
        margin-right: 15px;

        white-space: normal;
    }
    .select--inline .select__select {
        display: inline-block;

        width: auto;
        min-width: 150px;
    }
    .select--inline .select__comment,
    .select--inline .select__error {
        white-space: normal;
    }
}

@media screen and (min-width: 992px) {
    .select--inline--min-width-350 .select__select {
        min-width: 350px;
    }
}

.show-more__item {
    display: none;
}

.show-more__item--default-show {
    display: block;
}

.show-more__item--default-show.show-more__item--flex {
    display: flex;
}

.show-more__button {
    display: block;
}

.separate-line {
    position: relative;

    display: block;

    margin-bottom: 10px;

    text-align: center;

    color: #868686;
}

.separate-line__text {
    position: relative;
    z-index: 2;

    display: inline-block;

    padding-right: 25px;
    padding-left: 25px;
}

.separate-line__text--white {
    background-color: #fff;
}

.separate-line::before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;

    width: 100%;
    height: 1px;
    margin-top: -.5px;

    content: '';

    background-color: #868686;
}

.slider__slider {
    width: 80%;
    margin: 0 auto;

    border-radius: 20px; 
    background: #e6e6e6;
}

.slider__slider span {
    top: -11px !important;

    width: 35px !important;
    height: 35px !important;

    border: 2px solid white;
    border-radius: 22.5px;
    background-color: #b71651;
    background-image: linear-gradient(to top, #c51a58, #e50e67);
}

.slider__slider .ui-slider-range {
    border-radius: 20px;
    background: #b71651;
    background-image: linear-gradient(to bottom, #e55792, #c51a58);
}

.side-menu__collapse {
    margin-bottom: 100px;
}

.side-menu__collapse .collapse-content__content {
    padding-left: 50px; 

    border-top: 1px solid #d6d6d6;
}

.side-menu__collapse .collapse-content__wrapper {
    padding-top: 20px;
}

.side-menu__sub-menu {
    margin-bottom: 20px; 
    padding: 0;

    list-style: none;
}

.side-menu__item.active {
    color: #b71651;
}

.side-menu__select {
    position: relative;

    margin-right: -30px; 
    margin-left: -30px;
}

.side-menu__select::after {
    display: block;
    overflow: hidden;

    width: 100%;
    height: 4px;

    content: '';

    border-radius: 5px; 
    background: #b71651;
}

.side-menu__select .select__select {
    height: 70px; 
    padding-right: 45px;
    padding-left: 30px;

    border: none;
    border-top: 1px solid #e6e6e6;
    border-radius: 0;
    background-position: calc(100% - 30px) center;
    background-size: 30px 30px;
}

.side-menu__link {
    color: #000;
}

.step-slide {
    position: relative;

    overflow: hidden;

    margin-right: -30px;
    margin-bottom: 100px;
    margin-left: -30px;
    padding-bottom: 59px;

    -webkit-transition: opacity 200ms ease-in;
       -moz-transition: opacity 200ms ease-in;
        -ms-transition: opacity 200ms ease-in;
         -o-transition: opacity 200ms ease-in;
            transition: opacity 200ms ease-in; 

    opacity: 1;
}

@media screen and (max-width: 767.9999px) {
    .step-slide {
        margin-bottom: 30px;
    }
}

.step-slide__slide-wrapper {
    width: calc(100% - 2px);

    border: 1px solid #d6d6d6;
    background: #fff;
}

.step-slide__slide {
    display: block;

    height: 100%;
}

.step-slide__tools {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;

    display: table;

    width: 100%;

    color: #fff;
    background: #697489;
}

.step-slide__tools__item {
    display: table-cell;

    height: 60px;

    text-align: center;
    vertical-align: middle;
}

.step-slide__tools__item--prev {
    padding-left: 30px;

    text-align: left;
}

.step-slide__tools__item--next {
    padding-right: 30px;

    text-align: right;
}

.step-slide__tools__item--pagination {
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    height: auto;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.step-slide__pagination {
    font-size: 14px;

    position: static;

    margin: 0;

    -webkit-transform: none; 
            transform: none;
}

.step-slide__button {
    position: relative;
    top: auto;

    display: inline-block;

    width: auto;
    height: auto;
    margin: 0;

    vertical-align: middle;
    white-space: nowrap;

    background: none;
}

@media screen and (max-width: 767.9999px) {
    .step-slide__button {
        display: none;
    }
}

.step-slide__button:hover {
    text-decoration: none;
}

.step-slide__button:hover .step-slide__button__text {
    text-decoration: underline;
}

.step-slide__button__text {
    display: inline-block;
}

@media screen and (max-width: 767.9999px) {
    .step-slide__button__text {
        position: relative;
        z-index: -10;

        overflow: hidden;

        width: 0;
    }
}

.step-slide__button--next {
    padding-right: 24px;
}

.step-slide__button--next::after {
    font-family: 'dsb_iconfont';
    font-size: 20px;

    position: absolute;
    top: 50%;
    right: 0;

    display: inline-block;

    content: '\e81c';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); 
    vertical-align: middle;
}

.step-slide__button--prev {
    padding-left: 24px;
}

.step-slide__button--prev::before {
    font-family: 'dsb_iconfont';
    font-size: 20px;

    position: absolute;
    top: 50%;
    left: 0;

    display: inline-block;

    content: '\e81a';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); 
    vertical-align: middle;
}

.step-slide__button--mobile {
    position: absolute;
    top: 50%;

    display: none;

    height: 40px;
    margin-top: -50px;
}

.step-slide__button--mobile::before,
.step-slide__button--mobile::after {
    font-size: 40px;
}

@media screen and (max-width: 767.9999px) {
    .step-slide__button--mobile {
        display: block;
    }
}

.step-slide__button.swiper-button-disabled {
    opacity: 0;
}

.step-slide__wrapper {
    padding: 40px 30px;
}

@media screen and (max-width: 767.9999px) {
    .step-slide__wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.step-slide__wrapper--desktop {
    display: none;
}

.step-slide__wrapper--mobile {
    display: none;
}

.step-slide--desktop .step-slide__wrapper--desktop {
    display: block;
}

.step-slide--mobile .step-slide__wrapper--mobile {
    display: block;
}

.step-slide__title {
    font-size: 22px;

    margin: 0;
}

.step-slide__detection {
    margin: 0;

    color: #555;
}

.step-slide__image {
    display: block;

    max-width: 100%;
    margin: 30px auto 0;

    border: 1px solid #d6d6d6;
}

@media screen and (max-width: 767.9999px) {
    .step-slide__image {
        max-width: 90%;
    }
}

.step-slide--loading {
    opacity: 0;
}

.step-slide--dark {
    background: #697489;
}

.step-slide--dark .step-slide__slide-wrapper {
    border-color: #333a49;
    background: #333a49;
}

.step-slide--dark .step-slide__title {
    color: #fff;
}

.step-slide--dark .step-slide__detection {
    color: #fff;
}

.step-slide--dark .step-slide__image {
    border-color: #333a49;
}

.step-slide--dark .step-slide__button--mobile {
    color: #fff;
}

.step-slide-inside {
    margin-right: 0;
    margin-left: 0;
}

@media (min-width: 576px) {
    .step-slide-sm-inside {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .step-slide-md-inside {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .step-slide-lg-inside {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .step-slide-xl-inside {
        margin-right: 0;
        margin-left: 0;
    }
}

.stock {
    height: 480px;
    margin-top: 19px;
    margin-bottom: 30px; 
    padding: 34px 24px;
}

.stock__title,
.stock__value {
    font-weight: bold;
}

.stock__value__img {
    height: 30px;
}

.stock p {
    position: relative;
    z-index: 2;
}

.stock__img {
    position: relative;
    z-index: 1;

    width: 100%;
    margin-top: -50px;
}

.stock__search {
    line-height: 60px;

    width: 100%;
    height: 60px;
    margin-top: 30px;

    border: solid 1px #979797;
    border-radius: 4px;
    background-color: #fff;
}

.stock__search__input,
.stock__search__label {
    line-height: 56px;
}

.stock__search__input {
    width: calc( 100% - 79px);
    padding: 0;
    padding-right: 50px;
    padding-left: 6px;

    border: 0;
}

.stock__search__label {
    width: 59px;

    text-align: center;
}


.tab__trigger {
    line-height: 24px;

    position: relative;

    display: inline-block;

    margin-right: 32px;
    padding-bottom: 12px;

    color: #000;
}

.tab__trigger:hover {
    color: #000;
}

.tab__trigger::before {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 0;

    content: '';
    -webkit-transition: height 200ms ease-in;
       -moz-transition: height 200ms ease-in;
        -ms-transition: height 200ms ease-in;
         -o-transition: height 200ms ease-in;
            transition: height 200ms ease-in; 

    border-radius: 5px;
    background-color: #e50e67;
}

.tab__trigger:hover,
.tab__trigger.active {
    font-weight: bold; 

    text-decoration: none;
}

.tab__trigger.active::before {
    height: 4px;
}

.tab__trigger__wrapper {
    margin-bottom: 30px;
}

.tab__content {
    display: none;
}

.tab__content.active {
    display: block;
}


@media screen and (min-width: 992px) {
    .tab-iconwithtext__wrapper {
        overflow: hidden;

        -webkit-transition: height 200ms ease-in;
           -moz-transition: height 200ms ease-in;
            -ms-transition: height 200ms ease-in;
             -o-transition: height 200ms ease-in;
                transition: height 200ms ease-in; 

        background: #f1f3f8;
    }
}

@media screen and (max-width: 1199.9999px) {
    .tab-iconwithtext__wrapper {
        height: auto !important;
    }
}

.tab-iconwithtext__item {
    border-bottom: 1px solid #e6e6e6;
}

@media screen and (min-width: 992px) {
    .tab-iconwithtext__item {
        border: none;
    }
}

.tab-iconwithtext__item__tab {
    font-size: 20px;

    position: relative;

    display: block;

    padding-top: 20px;
    padding-right: 39px;
    padding-bottom: 20px;
    padding-left: 5px;

    text-decoration: none;

    background-color: transparent;
}

.tab-iconwithtext__item__tab:hover {
    text-decoration: none;

    color: #000;
}

@media screen and (min-width: 992px) {
    .tab-iconwithtext__item__tab {
        display: none;
    }
}

.tab-iconwithtext__item__tab::after {
    position: absolute;
    top: 50%;
    right: 10px;

    display: block;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    content: '';

    background: url('../img/icon/img--icon-chervon--lightSkyBlue.svg') no-repeat center center;
    background-size: 24px 24px;
}

.tab-iconwithtext__item__tab--desktop {
    position: relative;

    display: block;

    padding: 20px;

    -webkit-transition: background-color 200ms ease-in;
       -moz-transition: background-color 200ms ease-in;
        -ms-transition: background-color 200ms ease-in;
         -o-transition: background-color 200ms ease-in;
            transition: background-color 200ms ease-in; 

    color: #000;

    -webkit-flex-grow: 1;
            flex-grow: 1;
            flex-basis: 0;
    -webkit-flex-basis: 0;
}

.tab-iconwithtext__item__tab--desktop + .tab-iconwithtext__item__tab::after {
    top: 20px;
    right: auto;
    left: 0;

    display: block;

    width: 1px;
    height: calc(100% - 30px);
    margin: 0;

    background: #e6e6e6;
}

.tab-iconwithtext__item__tab--desktop::after {
    display: none;
}

.tab-iconwithtext__item__tab--desktop:hover,
.tab-iconwithtext__item__tab--desktop.active {
    background-color: #f1f3f8;
}

.tab-iconwithtext__item__tab--desktop:hover::after,
.tab-iconwithtext__item__tab--desktop.active::after {
    display: none;
}

.tab-iconwithtext__item__tab--desktop:hover + .tab-iconwithtext__item__tab::after,
.tab-iconwithtext__item__tab--desktop.active + .tab-iconwithtext__item__tab::after {
    display: none;
}

.tab-iconwithtext__item__content {
    display: none;

    padding: 0 16px;

    background: #f1f3f8;
}

@media screen and (min-width: 992px) {
    .tab-iconwithtext__item__content {
        padding: 28px 0 28px;
    }
}

.tab-iconwithtext__item.active {
    border-bottom-color: #f1f3f8;
    background: #f1f3f8;
}

.tab-iconwithtext__item.active .tab-iconwithtext__item__tab {
    background: #f1f3f8;
}

.tab-iconwithtext__item.active .tab-iconwithtext__item__tab::after {
    transform: rotate(180deg);
    transform-origin: 50% 50%;
}

.tab-iconwithtext__desktop-tab {
    display: none;
}

@media screen and (min-width: 992px) {
    .tab-iconwithtext__desktop-tab {
        position: relative;

        display: flex;

        width: 100%;
    }
}

.ai-table {
    position: relative;

    overflow: hidden;

    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 0;
}

.ai-table__wrapper {
    overflow-x: auto;
    overflow-y: visible;

    width: 100%;
    height: auto;
}

.ai-table__wrapper--with-fixed-col {
    position: relative;
}

.ai-table__wrapper--with-fixed-col .ai-table__table {
    width: 510px;
}

@media screen and (min-width: 768px) {
    .ai-table__wrapper--with-fixed-col .ai-table__table {
        width: 100%;
    }
}

.ai-table__wrapper--clone {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 141px;
}

.ai-table__wrapper--clone .ai-table__table {
    width: 510px;
}

@media screen and (min-width: 768px) {
    .ai-table__wrapper--clone .ai-table__table {
        display: none;
    }
}

.ai-table__table {
    min-width: 100%;
}

.ai-table__row:nth-child(odd) .ai-table__col {
    background: #f3f8ff;
}

.ai-table__row:nth-child(odd) .ai-table__col--th {
    background: #fff;
}

.ai-table__col {
    font-weight: normal;

    padding: 10px 15px;

    text-align: left;
    vertical-align: top;

    border: none;
    border-right: 1px solid #c3c3c3;
    background: #fff;
}

.ai-table__col:last-child {
    border-right: none;
}

.ai-table__col--th {
    color: #000;
    background: #fff;
}

.ai-table__col--fixed {
    width: 140px;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .ai-table__col--fixed {
        width: auto;
    }
}

.ai-table__col--fixed__content {
    display: block;

    width: 140px;
    padding: 10px 15px;
}

.ai-table__col--vertical-middle {
    vertical-align: middle;
}

.ai-table__col--vertical-bottom {
    vertical-align: bottom;
}

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

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

.ai-table__col--nowrap {
    white-space: nowrap;
}


.tool {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    width: 100%;
    height: 40px;
    padding-top: .5rem;
    padding-bottom: .5rem;

    color: #fff;
    background-color: #2d333c;
}

.tool p,
.tool a {
    line-height: 24px;
}

.tool p {
    margin-bottom: 0;
}

.tool a {
    text-decoration: none;

    color: #fff;
}

.timeline__item {
    position: relative;

    overflow: hidden;
}

.timeline__item:last-child p:last-child,
.timeline__item:last-child ul:last-child {
    margin-bottom: 0;
}

.timeline__item::after {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 16.5px;

    width: 1px;

    content: '';

    background-color: #d6d6d6;
}

.timeline__item__number {
    line-height: 33px;

    position: absolute;
    z-index: 2;
    left: 0;

    display: inline-block;

    width: 33px;
    height: 33px;

    text-align: center;

    color: #fff;
    border-radius: 33px;
    background-color: #5270a5;
}

.timeline__item__number--withsmallbubble {
    left: 5.5px;

    width: 22px;
    height: 22px;
}

.timeline__item__content {
    padding-left: 43px;
}

.timeline__item__content__title {
    line-height: 33px;
}

.tooltip {
    max-width: 200px;
}

.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    font-size: 12px;

    max-width: 100%;
    padding: 10px 15px;

    text-align: left;

    color: #555;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
}

.tooltip-inner p {
    margin: 0;
}

.tooltip-inner p + p {
    margin-top: 10px;
}

.tooltip__modal__icon.icon-text__icon {
    max-width: 80px;
    margin: 0 auto;
}

.tooltip__modal__icon .image {
    width: 80px;
    height: 80px;
}

.tooltip__modal__icon .image__icon-font {
    font-size: 80px;
}

.tooltip .arrow::after {
    position: absolute;
    z-index: 2;

    content: '';

    border-style: solid;
    border-color: transparent;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^='top'] {
    padding: 10px 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^='top'] .arrow {
    bottom: 1px;

    width: 20px;
    height: 10px;
}

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

    border-width: 10px 10px 0;
    border-top-color: #d6d6d6;
}

.bs-tooltip-top .arrow::after,
.bs-tooltip-auto[x-placement^='top'] .arrow::after {
    bottom: 1px;
    left: 1px;

    border-width: 9px 9px 0;
    border-top-color: #fff;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^='right'] {
    padding: 0 10px;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^='right'] .arrow {
    left: 1px;

    width: 10px;
    height: 20px;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^='right'] .arrow::before {
    top: 0;

    border-width: 10px 10px 10px 0;
    border-right-color: #d6d6d6;
}

.bs-tooltip-right .arrow::after,
.bs-tooltip-auto[x-placement^='right'] .arrow::after {
    top: 1px;
    left: 1px;

    border-width: 9px 9px 9px 0;
    border-right-color: #fff;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^='bottom'] {
    padding: 10px 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^='bottom'] .arrow {
    top: 1px;

    width: 20px;
    height: 10px;
}

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

    border-width: 0 10px 10px;
    border-bottom-color: #d6d6d6;
}

.bs-tooltip-bottom .arrow::after,
.bs-tooltip-auto[x-placement^='bottom'] .arrow::after {
    top: 1px;
    left: 1px;

    border-width: 0 9px 9px;
    border-bottom-color: #fff;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^='left'] {
    padding: 0 10px;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^='left'] .arrow {
    right: 1px;

    width: 10px;
    height: 20px;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^='left'] .arrow::before {
    top: 0;

    border-width: 10px 0 10px 10px;
    border-left-color: #d6d6d6;
}

.bs-tooltip-left .arrow::after,
.bs-tooltip-auto[x-placement^='left'] .arrow::after {
    top: 1px;
    right: 1px;

    border-width: 9px 0 9px 9px;
    border-left-color: #fff;
}

.top-section {
    position: relative;

    overflow: hidden;

    width: 100%;
    min-height: 350px;
    margin: auto;
    padding: 33px 0;
}

@media screen and (max-width: 767.9999px) {
    .top-section {
        min-height: 174px;
    }
}

.top-section__background {
    position: absolute;
    top: 50%;
    left: 50%;

    overflow: hidden;

    width: 100%;
    max-width: 1280px;
    height: 100%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.top-section__background--with-gradient::before {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 1230px;

    width: 50px;
    height: 100%;

    content: '';

    background: white;
    background:    -moz-linear-gradient(left, white 0%, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, white 0%, white 0%, rgba(255, 255, 255, 0) 100%);
    background:      -o-linear-gradient(left, white 0%, white 0%, rgba(255, 255, 255, 0) 100%);
    background:     -ms-linear-gradient(left, white 0%, white 0%, rgba(255, 255, 255, 0) 100%);
    background:         linear-gradient(to right, white 0%, white 0%, rgba(255, 255, 255, 0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.top-section__background--with-gradient::after {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 1230px;

    width: 50px;
    height: 100%;

    content: '';

    background: rgba(255, 255, 255, 0);
    background:    -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(0%, rgba(255, 255, 255, 0)), color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, white 100%);
    background:      -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, white 100%);
    background:     -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, white 100%);
    background:         linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, white 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.top-section__image {
    position: absolute;
    top: 50%;
    left: 50%;

    min-width: 100%;
    min-height: 100%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.top-section__wrapper {
    position: relative;

    display: block;

    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.top-section__content {
    display: flex;
    flex-direction: column;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; 
    width: 626px;
    min-height: 284px;
    padding: 30px 102px;

    vertical-align: middle;

    border-radius: 0 999px 999px 0;
    background: #fff;

    justify-content: center;
}

@media screen and (max-width: 767.9999px) {
    .top-section__content {
        width: calc(100% - 30px);
        max-width: 375px; 
        min-height: 142px;
        padding: 45px 30px;
    }
}

.top-section__title {
    font-size: 32px;

    margin: 0;
}

@media screen and (max-width: 767.9999px) {
    .top-section__title {
        font-size: 26px;
    }
}

.top-section__title--fontXXL {
    font-size: 32px;
}

@media screen and (max-width: 767.9999px) {
    .top-section__title--fontXXL {
        font-size: 26px;
    }
}

.top-section__sub-title {
    font-size: 20px;

    margin: 20px 0 0;
}

@media screen and (max-width: 767.9999px) {
    .top-section__sub-title {
        display: none;
    }
}

.top-section__detection {
    margin: 20px 0 0;

    color: #555;
}

@media screen and (max-width: 767.9999px) {
    .top-section__detection {
        display: none;
    }
}

.top-section--thinner {
    min-height: 280px;
    padding-top: 40px;
    padding-bottom: 40px;
}

@media screen and (max-width: 767.9999px) {
    .top-section--thinner {
        min-height: 140px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

.top-section--thinner .top-section__image {
    right: 0;
    left: auto;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.top-section--thinner .top-section__wrapper {
    display: block;

    width: 100%;
    max-width: 1280px;
    margin: 0 auto; 

    background: none;
}

@media screen and (max-width: 767.9999px) {
    .top-section--thinner .top-section__wrapper {
        width: 100%;
        max-width: none;
    }
}

.top-section--thinner .top-section__content {
    position: relative;

    display: flex;

    width: 100%;
    max-width: 597px;
    height: auto;
    min-height: 200px;
    padding: 25px 73px;

    border-radius: 0; 
    background: rgba(255, 255, 255, .8);
}

@media screen and (min-width: 1200px) {
    .top-section--thinner .top-section__content {
        margin-left: 20px;
    }
}

@media screen and (max-width: 767.9999px) {
    .top-section--thinner .top-section__content {
        max-width: calc(100% - 30px); 
        min-height: 108px;
        padding: 20px 30px;
    }
}

.top-section--thinner .top-section__content::after {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;

    display: block;

    width: 222px;
    height: 106px;

    content: '';

    background: url('../img/bg-img-section/top_partten.png');
}

.top-section--thinner .top-section__content::before {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 190px;
    height: 44px;

    content: '';

    background: url('../img/bg-img-section/bottom_partten.png');
}

.top-section--thinner .top-section__title {
    position: relative;
    z-index: 1;
}

.top-section--thinner .top-section__sub-title {
    position: relative;
    z-index: 1;
}

.top-section--thinner .top-section__detection {
    position: relative;
    z-index: 1;

    color: #555;
}

.you-may-also__slider {
    margin-bottom: 50px;
}

@media screen and (max-width: 992px) {
    .you-may-also__slider {
        margin-bottom: 0;
    }
}

.youtube-player__video {
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 0;
    margin-bottom: 20px; 
    padding-top: 56.25%;
}

.youtube-player__video__iframe {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

.youtube-player__list {
    position: relative;

    overflow: hidden;

    width: 100%;
    padding-bottom: 62px;
}

.youtube-player__list .swiper-pagination-bullet {
    width: 10px;
    height: 10px;

    opacity: .4;
    background: #767c87;
}

.youtube-player__list .swiper-pagination-bullet-active {
    opacity: 1;
    background: #b71651;
}

.youtube-player__list.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.youtube-player__list.swiper-container-horizontal > .swiper-pagination-bullets,
.youtube-player__list .swiper-pagination-custom,
.youtube-player__list .swiper-pagination-fraction {
    line-height: 1;

    bottom: 26px;
}

.youtube-player__list--white .swiper-pagination-bullet {
    background: #fff;
}

.youtube-player__list--white .swiper-pagination-bullet-active {
    background: #fff;
}

.youtube-player__list--white .youtube-player__list__title {
    color: #fff;
}

.youtube-player__list--white .youtube-player__list__text {
    color: #fff;
}

.youtube-player__list--red .swiper-pagination-bullet {
    background: #767c87;
}

.youtube-player__list--red .swiper-pagination-bullet-active {
    background: #b71651;
}

.youtube-player__list--once-slide {
    padding-bottom: 26px;
}

.youtube-player__list--once-slide .swiper-pagination {
    display: none;
}

.youtube-player__list__item:hover .youtube-player__list__img .youtube-player__list__preview {
    width: 120% !important;
}

.youtube-player__list__img::before {
    position: absolute;
    z-index: 1; 
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(0, 0, 0, .2);
}

.youtube-player__list__title {
    color: #000;
}

.youtube-player__list__text {
    color: #000;
}

.youtube-player .youtube-player__list__img {
    margin: 0; 
    padding-top: 56.25%;

    background: #000;
}

.youtube-player .youtube-player__list__img .youtube-player__list__preview {
    width: 100% !important;
    height: auto;

    -webkit-transition: width 200ms ease-in;
       -moz-transition: width 200ms ease-in;
        -ms-transition: width 200ms ease-in;
         -o-transition: width 200ms ease-in;
            transition: width 200ms ease-in;
}

.youtube-player .youtube-player__list__img .youtube-player__list__icon {
    z-index: 2; 

    width: 20% !important;
    min-width: 0;
    min-height: 0;
}

.youtube-player .youtube-player__list__content {
    position: absolute;
    z-index: -100;

    margin-top: 19px;

    opacity: 0;
}

@media screen and (min-width: 992px) {
    .youtube-player .youtube-player__list__content {
        position: static;
        z-index: auto;

        opacity: 1;
    }
}

/* Menu sub */
.availableH {
    display: none;
}
.menu__firstlevel.active .menu__link.availableH {
    display: none;
}
@media screen and (min-width: 993px) {
    .header__links .availableInDesktopLv1 {
        display: inline;
    }
    ul.availableInDesktopLv1 {
        display: flex;
    }
    .availableInDesktopLv2 {
        display: flex;
    }
}
@media screen and (max-width: 992px) {
    .menu__firstlevel.active .menu__link.availableInMobileLv1 {
        display: block;
    }
    ul.availableInMobileLv1 {
        display: block;
    }
    .availableInMobileLv2 {
        display: block;
    }
}


.table-wrap
{ display:table; width:100%; height:100%;}
.table-row
{ display: table-row; width:100%;}
.table-cell 
{ display:table-cell; vertical-align:middle; text-align:center;}

/* FX Daily Update Setting ******/
.fxDailyUpdateSection
{}
.fxDailyUpdateSection .leadinListingArea
{ margin-bottom: 30px; }
.fxDailyUpdateSection .leadinListingArea ul li
{ font-size:16px; color:#000; line-height: 1.3;}

.fxDailyTableArea
{ margin-bottom: 50px; display:none;}
.fxDailyTableArea .desktopTbl
{ display:block; }
.fxDailyTableArea .mobileTbl
{ display:none; }
.fxDailyTableArea .fxDataCol
{ position:relative; width:50%; border:1px solid #c3c3c3; border-collapse: collapse; vertical-align: top;}
.fxDailyTableArea .fxDataCol .lCol,
.fxDailyTableArea .fxDataCol .rCol
{ width:50%; vertical-align: top;}
.fxDailyTableArea .fxDataCol th.firstCol
{ background:#b70050; color:#fff;}
.fxDailyTableArea .fxDataCol td.firstCol
{ background:#f3f3f3; color:#000; vertical-align: middle;}
.fxDailyTableArea .fxDataCol th
{ background:#555; width:50%; color:#fff;}
.fxDailyTableArea .fxDataCol td
{ background:#fff; color:#000; width:50%;}
.fxDailyTableArea .fxDataCol td.viewGood
{ color:#18ac00;}
.fxDailyTableArea .fxDataCol td.viewNeutral
{ color:#000; }
.fxDailyTableArea .fxDataCol td.viewBad
{ color:#bb0000;}
.fxDailyTableArea .fxDataCol th,
.fxDailyTableArea .fxDataCol td
{ width:25%; padding:10px; border:1px solid #c3c3c3; border-collapse: collapse; border-left:none; border-top:none; text-align: center; font-size:15px; line-height: 1.3;}
.fxDailyTableArea .fxDataCol .lastCol
{ border-right:none; }
.fxDailyTableArea .fxDataCol td td
{ width:50%; padding:2px; border:none;}
.fxDailyTableArea .fxDataCol .subTitCol
{ text-align: left; }
.fxDailyTableArea .fxDataCol .subTxtCol
{ text-align: right; }

.fxDailyTableArea .dataRow
{ text-align: left; }
.fxDailyTableArea .descRow
{ padding:10px 0px 30px 0px; text-align: left; }
.fxDailyTableArea .descRow ul
{ padding:5px 10px;}
.fxDailyTableArea .descRow li
{ margin-bottom: 20px;}
.fxDailyTableArea .sourceRef
{ position:absolute; bottom:0px; right:0px; background:#f7f7f7; width:100%; text-align: right;}
.fxDailyTableArea .sourceRef p
{ display:block; padding:5px; font-size:15px; color:#000; line-height: 1.3;}
.fxDailyTableArea .sourceRef p a
{ font-size:15px; color:#000; font-weight: bold;}
.fxDailyTableArea .sourceRef p a:hover
{ color:#b70050; }

.fxDailyTableArea .mobileDescCol
{ display:none; }

.fxDailyTableArea .fxChartCol
{ padding-top:20px; width:50%; border:1px solid #c3c3c3; border-left:none; border-collapse: collapse; vertical-align: bottom;}

.fxDailyTableArea .fxChartCol img
{ width:100%; height: auto;}
/* FX Daily Update Setting ******/


@media screen and (max-width:790px){
/* FX Daily Update Setting ******/
.fxDailyUpdateSection
{}
.fxDailyUpdateSection .leadinListingArea
{ margin-bottom: 30px; }
.fxDailyUpdateSection .leadinListingArea ul li
{ font-size:13px;}
	
.fxDailyTableArea .desktopTbl
{ display:none; }
.fxDailyTableArea .mobileTbl
{ display:block; }
.fxDailyTableArea .mobileDescCol
{ display:block; width:100%; border:1px solid #c3c3c3; border-top:none;}
.fxDailyTableArea .descRow
{ padding:10px 0px 0px 0px; }
.fxDailyTableArea .sourceRef
{ position:relative; }

.fxDailyTableArea .fxDataCol
{ display:block; width:100%; border-bottom:none;}
.fxDailyTableArea .fxChartCol
{ display:block; width:100%; border:1px solid #c3c3c3; border-top:none;}
/* FX Daily Update Setting ******/
}

@media screen and (max-width:500px){
/* FX Daily Update Setting ******/
.fxDailyUpdateSection
{}
.fxDailyUpdateSection .leadinListingArea
{ margin-bottom: 30px; }
.fxDailyUpdateSection .leadinListingArea ul li
{ font-size:13px;}

.fxDailyTableArea
{ margin-bottom: 30px; }
.fxDailyTableArea .fxDataCol th,
.fxDailyTableArea .fxDataCol td
{font-size:16px; line-height: 1.3;}
/* FX Daily Update Setting ******/
}

.desktop .md-m8-featuresBannerWrapper .bannerItemWrapper .bannerContentWrapper .bannerContent .bannerBox
#{ background:rgba(11,45,58,0.65); }

/* Notice Setting ******/
.noticeWrapper
{ padding:15px 10%; background:#dfecf2; border:1px solid #dddddd; margin-bottom: 50px;}
.noticeWrapper .tit
{ display:block; color:#be2c6b; font-size: 15px; line-height: 1.3; margin-bottom: 5px;}
.noticeWrapper ul li
{ list-style: disc; color:#3f82bf; font-size: 15px; line-height: 1.3;}
.noticeWrapper ul li a
{ color:#3f82bf; font-size: 15px; line-height: 1.3; text-decoration: none;}
/* Notice Setting ******/


/* Market Video Setting ******/
.marketInfoWrapper
{ margin-bottom: 50px;}
.marketInfoWrapper .marketVideoCol
{ width:55%; vertical-align:top;}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.marketInfoWrapper .marketVideosepCol
{ width:12px; }
.marketInfoWrapper .marketVideosepCol p
{ display:none; padding:10px; color:#171717; font-size: 15px; line-height: 1.3; text-decoration: none;}
.marketInfoWrapper .marketVideoListingCol
{ vertical-align:top; }

.marketInfoWrapper .marketVideoListingCol .listingGroup
{ height:100%; overflow:auto; }
/* width */
.marketInfoWrapper .marketVideoListingCol .listingGroup::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.marketInfoWrapper .marketVideoListingCol .listingGroup::-webkit-scrollbar-track { 
    background:#f1f1f1; 
}
 
/* Handle */
.marketInfoWrapper .marketVideoListingCol .listingGroup::-webkit-scrollbar-thumb {
    background:#dadada; 
}

/* Handle on hover */
.marketInfoWrapper .marketVideoListingCol .listingGroup::-webkit-scrollbar-thumb:hover {
    background:#dadada; 
}

.marketInfoWrapper .marketVideoListingCol .listingGroup .itemRow
{ background:#f9fafd; border-bottom:1px solid #ccd0da;}
.marketInfoWrapper .marketVideoListingCol .listingGroup .itemRow .itemInner
{ padding:20px; }
.marketInfoWrapper .marketVideoListingCol .listingGroup .itemRow.current
{ background:#edf1f7;}
.marketInfoWrapper .marketVideoListingCol .listingGroup a
{ display:inline-block; width:100%; height: 100%; text-decoration: none;}
.marketInfoWrapper .marketVideoListingCol .listTmbCol
{ text-align: left; width:135px; }
.marketInfoWrapper .marketVideoListingCol .listTmbCol img
{ position:relative; width:100%; height:auto;}
.marketInfoWrapper .marketVideoListingCol .listSepCol
{ width:22px; }
.marketInfoWrapper .marketVideoListingCol .listDescCol
{ text-align: left; }
.marketInfoWrapper .marketVideoListingCol .listDescCol p
{ color:#171717; font-size: 15px; line-height: 1.3; text-decoration: none;}
/* Market Video Setting ******/

/* New Promotion Setting ******/
.newPromotionWrapper
{ border-top:2px solid #ebedf1; border-bottom:2px solid #ebedf1; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px;}
.newPromotionWrapper h2,
.mobile .newPromotionWrapper h2
{ margin-left:0px; margin-right:0px; }
.newPromotionGroup
{ text-align: center; }
.newPromotionGroup .newPromotionItem
{ display:inline-block; width:50%;}
.newPromotionGroup .promotionIcoCol
{ width:120px; }
.newPromotionGroup .promotionIcoCol .icoImgItem
{ position:relative; width:120px; height: 120px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border:2px solid #d0d0d0; background:#ffffff; text-align: center; display:block;}
.newPromotionGroup .promotionIcoCol .icoImgItem img
{ display:inline-block; vertical-align: middle; width:74px; height: auto;}

.newPromotionGroup .promotionSepCol
{ width:10px; }
.newPromotionGroup .promotionTxtCol
{ text-align: left; }
.newPromotionGroup .promotionTxtCol .promoTxtCol,
.newPromotionGroup .promotionTxtCol .promoSepCol,
.newPromotionGroup .promotionTxtCol .promoCtaCol
{ display:block; width:100%; text-align: left;}
.newPromotionGroup .promotionTxtCol .promoSepCol
{ display:none; }
.newPromotionGroup .promotionTxtCol .promoTitRow
{ margin-bottom: 20px; }
.newPromotionGroup .promotionTxtCol .promoTit
{ font-size: 22px; line-height: 1.3; color:#BA0050; font-weight: bold;}
.newPromotionGroup .promotionTxtCol .promoTit span
{ display:block; color:#015eae; }
.newPromotionGroup .promotionTxtCol .promoDesc
{ font-size: 15px; line-height: 1.3; color:#000000; }
.newPromotionGroup .promotionTxtCol .promoCtaRow
{  }
.newPromotionGroup .promotionTxtCol .promoCtaRow a
{ font-size: 15px; line-height: 1.3; color:#BA0050; }
/* New Promotion Setting ******/

/* SubModule Setting ****/
.co-c11-extendableContentItem.noContent .innerPadding
{ padding:0px; }
.listIcoItem a
{ text-decoration: none !important;}
.subModuleRow
{ background:#fff; border-top:1px solid #e3e3e3; }
.subModuleRow.last
{ background:#f4f5fa;}
.subModuleRow .moduleInner
{ padding:10px 15px; }
.subModuleRow .moduleTxtCol
{ text-align: left; color:#171717; font-size: 15px; line-height: 1.3;}
.subModuleRow:hover .moduleTxtCol
{ color:#b70050; }
.subModuleRow .moduleSepCol
{ width:10px; }
.subModuleRow .moduleArrowCol
{ width:20px;}
.subModuleRow .arrow
{ display:inline-block; width:20px; height: 20px; background-image:url("/images/common/components/uiMap.png"); background-position: -100px -40px; }
/* SubModule Setting ****/


@media screen and (max-width:790px){

/* Notice Setting ******/
.noticeWrapper
{ padding:15px 5%; margin-bottom: 30px;}
.noticeWrapper .tit
{ font-size: 13px;}
.noticeWrapper ul li
{ font-size: 13px;}
.noticeWrapper ul li a
{ font-size: 13px;}
/* Notice Setting ******/

/* Market Video Setting Start ******/
.marketInfoWrapper
{ margin-bottom: 50px;}
.marketInfoWrapper .marketVideoCol,
.marketInfoWrapper .marketVideosepCol,
.marketInfoWrapper .marketVideoListingCol
{ display:block; width:100%; text-align: left;}

.marketInfoWrapper .marketVideosepCol p
{ display:block;}

.marketInfoWrapper .marketVideoListingCol .listingGroup .itemRow
{ display:inline-block; width:33.33%; background:#f9fafd; border-bottom:1px solid #ccd0da;}
.marketInfoWrapper .marketVideoListingCol .listingGroup .itemRow .listTmbCol,
.marketInfoWrapper .marketVideoListingCol .listingGroup .itemRow .listSepCol
{ display:block; width:100%;}
/*.marketInfoWrapper .marketVideoListingCol .listingGroup .itemRow .lis*/

/* 2020/11/23 Remove sticky banner on general content (mobile) */
.body-header--fixed .pagelocator__header.page_header_general_content{
	display:none ;
}