html {
    min-height: 100%
}

body,
button,
input,
select,
textarea {
    color: #212121;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    background-image: none;
    background-color: #fff;
    letter-spacing: .03em
}

body:lang(en) {
    font-family: 'Noto Sans', sans-serif
}

body:lang(zh) {
    font-family: 'Noto Sans SC', sans-serif
}

body:lang(th) {
    font-family: 'Noto Sans Thai', sans-serif
}

body:lang(bn) {
    font-family: 'Noto Sans Bengali', sans-serif
}

body:lang(my) {
    line-height: 1.8;
    font-family: 'Noto Sans Myanmar', sans-serif;
    src: url(/font/oswald.regular.ttf)
}

body:lang(my) h1,
body:lang(my) h2,
body:lang(my) h3,
body:lang(my) h4,
body:lang(my) h5,
body:lang(my) h6,
body:lang(my) ul li {
    line-height: 1.8
}

.bg-pfx,
.mbg-w,
body.bg-pfx,
body.mbg-w {
    background-image: url(../img/payforex-mv-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

body.bg-blue-pfx1 {
    background-image: url(../img/cover-bg-blue-01-a3a990c6558c76cb590245450696e122.jpg)
}

body.bg-blue-pfx2 {
    background-image: url(../img/cover-bg-blue-02-b692269fb7accd006413a7e7b217d3aa.jpg)
}

body.bg-blue-pfx3 {
    background-image: url(../img/cover-bg-blue-03-d1d967b89b071e411e3e2a57ce65eb45.jpg)
}

body.bg-blue-pfx4 {
    background-image: url(../img/cover-bg-blue-04-1346b156dfda6cbabc3e9d99880d7655.jpg)
}

body.bg-pfx1 {
    background-image: url(../img/cover-bg-01-665df3ce7f900287200e5b6b2671f43b.jpg)
}

body.bg-pfx2 {
    background-image: url(../img/cover-bg-02-b75c3a41f19d57999c99ab6acb8af695.jpg)
}

body.bg-pfx3 {
    background-image: url(../img/cover-bg-03-cba83528053553617261641c1ddbbe48.jpg)
}

body.bg-pfx4 {
    background-image: url(../img/cover-bg-04-4893279621233d4ef488f358ce3e2e7b.jpg)
}

.top-view.bg-pfx {
    background-repeat: unset;
    background-attachment: unset
}

body .main-row>.col-12 {
    margin-left: auto;
    margin-right: auto
}

.page-title {
    width: 100%;
    padding: 3rem 0;
    text-align: center
}

.bg-title {
    width: 100%;
    padding: 2.4rem 0;
    text-align: center;
    background-image: url(../img/payforex-mv-bg-6203887449b0e1ecd4045ce952e4c098.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.bg-title.outer {
    padding: 4.8rem 0
}

.bg-title .h5,
.bg-title h4,
.bg-title h5,
.page-title h4,
.page-title h5 {
    margin: 0;
    font-weight: 600
}

.bg-title h6.desc {
    margin-top: .8rem;
    margin-bottom: 0;
    font-size: 1.4rem;
    color: #6c757d
}

.bg-title .nav-stepper-container {
    margin-bottom: 0
}

.bg-wave-blue {
    background-image: url(/img/partner/surugabank-mv-bg-gra-f0b2958a2371c8c38fe29df1771b931d.jpg) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: space !important
}

.bf-bg::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover
}

.bf-bg.bg-suruga::before {
    background-image: url(/img/partner/surugabank-mv-bg-gra-f0b2958a2371c8c38fe29df1771b931d.jpg) !important
}

.bf-bg.bg-mv-bg1::before {
    background-image: url(/img/partner/mv-bg1-249e9800c16fd89321dc603dbe2ce4b7.jpg) !important
}

@media (max-width:767px) {
    body.mbg-w {
        background-image: none;
        background-color: #fff
    }

    body.mbg-w .card {
        box-shadow: none;
        -webkit-box-shadow: none
    }

    body.mbg-w .main-row>.col-12 {
        padding: 0;
        margin: 0
    }

    body .row.main-row .main-col {
        padding: 0 !important
    }

    .bg-title {
        padding: 1.6rem 0
    }

    .bg-title.outer {
        padding: 2.4rem 0
    }

    .bg-title .container h5,
    .bg-title .container h6 {
        text-align: left
    }
}

body.-overlay {
    position: fixed
}

body.modal-open .fixed-top,
body.modal-open nav.fixed-top {
    padding-right: 0 !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

a {
    color: #212529;
    font-weight: 500
}

a.block:hover {
    color: inherit
}

a.text-muted:hover {
    color: #0091ea !important
}

.alert a.warning-link {
    color: #856404
}

.decoration-underline {
    cursor: pointer
}

.decoration-underline:hover {
    text-decoration: underline !important;
    opacity: .85
}

.decoration-underline.primary:hover {
    color: #0091ea
}

.hidden {
    display: none
}

a.disabled:hover {
    color: #212529;
    cursor: none
}

@font-face {
    font-family: qbc-icons;
    src: url(/font/qbc-icons-6ac5a110188d0b586a29a204acb891d1.eot?jc4is1);
    src: url(/font/qbc-icons-6ac5a110188d0b586a29a204acb891d1.eot?jc4is1#iefix) format('embedded-opentype'), url(/font/qbc-icons-a8f7072f016edb4378f4d346939833f1.ttf?jc4is1) format('truetype'), url(/font/qbc-icons-f3837cf7a7b223d5c4192904fcbeea63.woff?jc4is1) format('woff'), url(/font/qbc-icons-e5686bc9b63a7c762060dcb99a3bc8cd.svg?jc4is1#qbc-icons) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.qbc-icons {
    font-family: qbc-icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0 #555
}

[class*=" qbc-3d"]:before,
[class^=qbc-3d]:before {
    text-shadow: 1px 1px 1px rgba(127, 127, 127, .3)
}

[class*=" none-shadow"]:before,
[class^=none-shadow]:before {
    text-shadow: none
}

.qbc-rotate-52 {
    -webkit-transform: rotate(52deg);
    -moz-transform: rotate(52deg);
    -ms-transform: rotate(52deg);
    -o-transform: rotate(52deg);
    transform: rotate(52deg)
}

.qbc-rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

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

.qbc-rotate-270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.qbc-csv-remit-hstry:before {
    content: "\e9a4"
}

.qbc-remit-hstry:before {
    content: "\e9a5"
}

.qbc-users-hstry:before {
    content: "\e9b0"
}

.qbc-users-hstry-alt:before {
    content: "\e9b1"
}

.qbc-users-mana:before {
    content: "\e9b2"
}

.qbc-approval:before {
    content: "\e9b3"
}

.qbc-csv-remit:before {
    content: "\e9b4"
}

.qbc-trasport:before {
    content: "\e9a1"
}

.qbc-tuition:before {
    content: "\e9a2"
}

.qbc-tax:before {
    content: "\e9a3"
}

.qbc-sharelink-01:before {
    content: "\e900"
}

.qbc-sharelink-02:before {
    content: "\e901"
}

.qbc-sharelink-03:before {
    content: "\e902"
}

.qbc-contest-01:before {
    content: "\e903"
}

.qbc-contest-02:before {
    content: "\e904"
}

.qbc-contestlist:before {
    content: "\e905"
}

.qbc-contest-profilesetting:before {
    content: "\e906"
}

.qbc-contest-result-01:before {
    content: "\e907"
}

.qbc-contest-result-02:before {
    content: "\e908"
}

.qbc-help:before {
    content: "\e909"
}

.qbc-mailsetting:before {
    content: "\e90a"
}

.qbc-terms:before {
    content: "\e90b"
}

.qbc-remittance-management:before {
    content: "\e90c"
}

.qbc-remittance-management-2:before {
    content: "\e90d"
}

.qbc-remittance-management-3:before {
    content: "\e90e"
}

.qbc-acceptance:before {
    content: "\e90f"
}

.qbc-orders-management:before {
    content: "\e910"
}

.qbc-orders-management-alt:before {
    content: "\e911"
}

.qbc-statistics:before {
    content: "\e912"
}

.qbc-statistics-alt:before {
    content: "\e913"
}

.qbc-acceptance-alt:before {
    content: "\e914"
}

.qbc-passcode:before {
    content: "\e915"
}

.qbc-passcode-alt:before {
    content: "\e916"
}

.qbc-remittance-management-alt:before {
    content: "\e917"
}

.qbc-others-2:before {
    content: "\e918"
}

.qbc-others-3:before {
    content: "\e919"
}

.qbc-paybills:before {
    content: "\e91a"
}

.qbc-payeasy:before {
    content: "\e91b"
}

.qbc-payment:before {
    content: "\e91c"
}

.qbc-pcoin:before {
    content: "\e91d"
}

.qbc-pcoin-alt:before {
    content: "\e91e"
}

.qbc-pcoin-present:before {
    content: "\e91f"
}

.qbc-pdf:before {
    content: "\e920"
}

.qbc-postcar:before {
    content: "\e921"
}

.qbc-postcar-alt:before {
    content: "\e922"
}

.qbc-present:before {
    content: "\e923"
}

.qbc-promo-alt:before {
    content: "\e924"
}

.qbc-promo-outline:before {
    content: "\e925"
}

.qbc-promo-outline-alt:before {
    content: "\e926"
}

.qbc-qrcode-scan:before {
    content: "\e927"
}

.qbc-qrcode-scan-alt:before {
    content: "\e928"
}

.qbc-question:before {
    content: "\e929"
}

.qbc-question-alt:before {
    content: "\e92a"
}

.qbc-rate:before {
    content: "\e92b"
}

.qbc-refresh:before {
    content: "\e92c"
}

.qbc-remittance:before {
    content: "\e92d"
}

.qbc-remittance-alt:before {
    content: "\e92e"
}

.qbc-return:before {
    content: "\e92f"
}

.qbc-sample:before {
    content: "\e930"
}

.qbc-search:before {
    content: "\e931"
}

.qbc-secure:before {
    content: "\e932"
}

.qbc-settings:before {
    content: "\e933"
}

.qbc-simulator-2:before {
    content: "\e934"
}

.qbc-simulator-4:before {
    content: "\e935"
}

.qbc-sns:before {
    content: "\e936"
}

.qbc-sns-alt:before {
    content: "\e937"
}

.qbc-speed:before {
    content: "\e938"
}

.qbc-spnum-change:before {
    content: "\e939"
}

.qbc-success:before {
    content: "\e93a"
}

.qbc-success-outline:before {
    content: "\e93b"
}

.qbc-telphone:before {
    content: "\e93c"
}

.qbc-telphone-alt:before {
    content: "\e93d"
}

.qbc-top:before {
    content: "\e93e"
}

.qbc-tpwd-change:before {
    content: "\e93f"
}

.qbc-tpwd-reset:before {
    content: "\e940"
}

.qbc-transfer-bankacc:before {
    content: "\e941"
}

.qbc-transfer-bankacc-alt:before {
    content: "\e942"
}

.qbc-transfer-bankacc-alt2:before {
    content: "\e943"
}

.qbc-tv:before {
    content: "\e944"
}

.qbc-unpaid:before {
    content: "\e945"
}

.qbc-visible:before {
    content: "\e946"
}

.qbc-warning:before {
    content: "\e947"
}

.qbc-warning-outline:before {
    content: "\e948"
}

.qbc-water:before {
    content: "\e949"
}

.qbc-withdrawal:before {
    content: "\e94a"
}

.qbc-withdrawal-atm:before {
    content: "\e94b"
}

.qbc-withdrawal-bankacc:before {
    content: "\e94c"
}

.qbc-2fa:before {
    content: "\e94d"
}

.qbc-acc-id-setting:before {
    content: "\e94e"
}

.qbc-account:before {
    content: "\e94f"
}

.qbc-account-add:before {
    content: "\e950"
}

.qbc-account-circle:before {
    content: "\e951"
}

.qbc-account-corp:before {
    content: "\e952"
}

.qbc-add:before {
    content: "\e953"
}

.qbc-address:before {
    content: "\e954"
}

.qbc-answer:before {
    content: "\e955"
}

.qbc-answer-alt:before {
    content: "\e956"
}

.qbc-arrow-down:before {
    content: "\e957"
}

.qbc-arrow-left:before {
    content: "\e958"
}

.qbc-arrow-right:before {
    content: "\e959"
}

.qbc-arrow-up:before {
    content: "\e95a"
}

.qbc-balance:before {
    content: "\e95b"
}

.qbc-bank:before {
    content: "\e95c"
}

.qbc-bank-speed:before {
    content: "\e95d"
}

.qbc-beneficiary:before {
    content: "\e95e"
}

.qbc-calender:before {
    content: "\e95f"
}

.qbc-camera:before {
    content: "\e960"
}

.qbc-cart:before {
    content: "\e961"
}

.qbc-cart-alt:before {
    content: "\e962"
}

.qbc-cart-alt2:before {
    content: "\e963"
}

.qbc-cashpickup:before {
    content: "\e964"
}

.qbc-certificate-download:before {
    content: "\e965"
}

.qbc-certification-alt:before {
    content: "\e966"
}

.qbc-conv-store:before {
    content: "\e967"
}

.qbc-coupon:before {
    content: "\e968"
}

.qbc-coupon-alt:before {
    content: "\e969"
}

.qbc-coupon-use:before {
    content: "\e96a"
}

.qbc-delete:before {
    content: "\e96b"
}

.qbc-deposit:before {
    content: "\e96c"
}

.qbc-deposit-card:before {
    content: "\e96d"
}

.qbc-deposit-speed:before {
    content: "\e96e"
}

.qbc-dialog:before {
    content: "\e96f"
}

.qbc-download:before {
    content: "\e970"
}

.qbc-download-alt:before {
    content: "\e971"
}

.qbc-edit:before {
    content: "\e972"
}

.qbc-electricity:before {
    content: "\e973"
}

.qbc-error:before {
    content: "\e974"
}

.qbc-error-outline:before {
    content: "\e975"
}

.qbc-ewallet:before {
    content: "\e976"
}

.qbc-exchange:before {
    content: "\e977"
}

.qbc-exchange-rate:before {
    content: "\e978"
}

.qbc-fee:before {
    content: "\e979"
}

.qbc-file-select:before {
    content: "\e97a"
}

.qbc-filter:before {
    content: "\e97b"
}

.qbc-friend-introduce:before {
    content: "\e97c"
}

.qbc-gas:before {
    content: "\e97d"
}

.qbc-globe:before {
    content: "\e97e"
}

.qbc-history:before {
    content: "\e97f"
}

.qbc-home:before {
    content: "\e980"
}

.qbc-id-card:before {
    content: "\e981"
}

.qbc-info:before {
    content: "\e982"
}

.qbc-inpreparation:before {
    content: "\e983"
}

.qbc-inquiry:before {
    content: "\e984"
}

.qbc-inquiry-call:before {
    content: "\e985"
}

.qbc-inquiry-form:before {
    content: "\e986"
}

.qbc-internet:before {
    content: "\e987"
}

.qbc-invisible:before {
    content: "\e988"
}

.qbc-login:before {
    content: "\e989"
}

.qbc-loginpwd-change:before {
    content: "\e98a"
}

.qbc-logout:before {
    content: "\e98b"
}

.qbc-mail:before {
    content: "\e98c"
}

.qbc-mail-speed:before {
    content: "\e98d"
}

.qbc-mobile-phone:before {
    content: "\e98e"
}

.qbc-mobile-topup:before {
    content: "\e98f"
}

.qbc-mynumber:before {
    content: "\e990"
}

.qbc-note:before {
    content: "\e991"
}

.qbc-notes-1:before {
    content: "\e992"
}

.qbc-notes-2:before {
    content: "\e993"
}

.qbc-notes-3:before {
    content: "\e994"
}

.qbc-notice:before {
    content: "\e995"
}

.qbc-notice-alt:before {
    content: "\e996"
}

.qbc-notice-shaking:before {
    content: "\e997"
}

.qbc-online-speed:before {
    content: "\e998"
}

.qbc-operate-history:before {
    content: "\e999"
}

.qbc-others-1:before {
    content: "\e99a"
}

.qbc-other-services:before {
    content: "\e99b"
}

.qbc-simulator:before {
    content: "\e99c"
}

.qbc-simulator-3:before {
    content: "\e99d"
}

.qbc-menu:before {
    content: "\e99e"
}

.qbc-menu-2:before {
    content: "\e99f"
}

.qbc-menu-3:before {
    content: "\e9a0"
}

.bg-gray-circle {
    position: relative;
    color: #fff;
    background: #c2c2c2;
    border-radius: 50%
}

.dropdown.show .rotate-icon,
[data-toggle=collapse][aria-expanded=true] .rotate-icon {
    -webkit-transition: all 150ms ease-in 0s;
    transition: all 150ms ease-in 0s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.qbc-spin {
    -moz-animation: qbc-spin 2s infinite linear;
    -o-animation: qbc-spin 2s infinite linear;
    -webkit-animation: qbc-spin 2s infinite linear;
    animation: qbc-spin 2s infinite linear;
    display: inline-block
}

.qbc-icons .spinner {
    position: absolute;
    top: 0
}

.spinner {
    width: 4rem;
    height: 4rem
}

.spinner.spinner1 {
    border: 3px solid rgba(255, 255, 255, .25);
    border-top-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    -webkit-animation: qbc-rotate .8s ease infinite;
    animation: qbc-rotate .8s ease infinite
}

.spinner.spinner2 {
    border: 3px solid transparent;
    border-top-color: rgba(0, 0, 0, .5);
    border-bottom-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    -webkit-animation: qbc-rotate 1.8s ease infinite;
    animation: qbc-rotate 1.8s ease infinite
}

.spinner.spinner3 {
    border-top: 3px solid rgba(0, 0, 0, .5);
    border-right: 3px solid transparent;
    border-radius: 50%;
    -webkit-animation: qbc-rotate 1.8s linear infinite;
    animation: qbc-rotate 1.8s linear infinite
}

@-webkit-keyframes qbc-rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes qbc-rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes qbc-spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes qbc-spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes qbc-spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes qbc-spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes qbc-spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fz10 {
    font-size: 10px !important;
    font-size: 1rem !important
}

.fz12 {
    font-size: 12px !important;
    font-size: 1.2rem !important
}

.fz13 {
    font-size: 13px !important;
    font-size: 1.3rem !important
}

.fz14 {
    font-size: 14px !important;
    font-size: 1.4rem !important
}

.fz15 {
    font-size: 15px !important;
    font-size: 1.5rem !important
}

.fz16 {
    font-size: 16px !important;
    font-size: 1.6rem !important
}

.fz18 {
    font-size: 18px !important;
    font-size: 1.8rem !important
}

.fz20 {
    font-size: 20px !important;
    font-size: 2rem !important
}

.fz22 {
    font-size: 22px !important;
    font-size: 2.2rem !important
}

.fz24 {
    font-size: 24px !important;
    font-size: 2.4rem !important
}

.fz26 {
    font-size: 26px !important;
    font-size: 2.6rem !important
}

.fz28 {
    font-size: 28px !important;
    font-size: 2.8rem !important
}

.fz30 {
    font-size: 30px !important;
    font-size: 3rem !important
}

.fz32 {
    font-size: 32px !important;
    font-size: 3.2rem !important
}

.fz38 {
    font-size: 38px !important;
    font-size: 3.8rem !important
}

.fz42 {
    font-size: 42px !important;
    font-size: 4.2rem !important
}

body.fz18 p {
    line-height: 3.2rem
}

@media (max-width:767px) {
    .fz12-sm {
        font-size: 12px !important;
        font-size: 1.2rem !important
    }

    .fz14-sm {
        font-size: 14px !important;
        font-size: 1.4rem !important
    }

    .fz16-sm {
        font-size: 16px !important;
        font-size: 1.6rem !important
    }

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

    h4.resp {
        font-size: 2rem !important
    }

    h5.resp {
        font-size: 1.6rem !important
    }

    .fz18.resp,
    body.fz18 {
        font-size: 1.6rem !important
    }

    .fz26.resp {
        font-size: 2.2rem !important
    }

    .fz20.resp {
        font-size: 1.8rem !important
    }
}

@media(min-width:768px) {
    .fz36-sm {
        font-size: 36px !important;
        font-size: 3.6rem !important
    }
}

.top-1 {
    top: 1rem
}

.bottom-1 {
    bottom: 1rem
}

.right-1 {
    right: 1rem
}

.left-1 {
    left: 1rem
}

.p-1p2,
.pt-1p2,
.py-1p2 {
    padding-top: 1.2rem !important
}

.p-1p2,
.pb-1p2,
.py-1p2 {
    padding-bottom: 1.2rem !important
}

.p-1p2,
.pl-1p2,
.px-1p2 {
    padding-left: 1.2rem !important
}

.p-1p2,
.pr-1p2,
.px-1p2 {
    padding-right: 1.2rem !important
}

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

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

.ml-6,
.mx-6 {
    margin-left: 5.6rem !important
}

.mr-6,
.mx-6 {
    margin-right: 5.6rem !important
}

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

.ml-10,
.mx-10 {
    margin-right: 10rem !important
}

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

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

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

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

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

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

.mt-3p5 {
    margin-top: 3.5rem !important
}

.mt-n3p5 {
    margin-top: -3.5rem !important
}

.mt-n10 {
    margin-top: -10rem !important
}

.mt-n18 {
    margin-top: -18rem !important
}

.mt-n20 {
    margin-top: -20rem !important
}

.mb-n5p6 {
    margin-bottom: -5.6rem !important
}

.mb-n8 {
    margin-bottom: -8rem !important
}

.mb-n10 {
    margin-bottom: -10rem !important
}

.mb-n12 {
    margin-bottom: -12rem !important
}

.mb-n20 {
    margin-bottom: -20rem !important
}

.pl-6,
.px-6 {
    padding-left: 6rem
}

.pr-6,
.px-6 {
    padding-right: 6rem
}

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

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

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

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

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

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

@media (min-width:768px) {
    .mt-md-n3p5 {
        margin-top: -3.5rem !important
    }
}

.w-5 {
    width: 5%
}

.w-10 {
    width: 10%
}

.w-14 {
    width: 14%
}

.w-16 {
    width: 16%
}

.w-20 {
    width: 20%
}

.w-25 {
    width: 25%
}

.w-30 {
    width: 30%
}

.w-40 {
    width: 40%
}

.w-50 {
    width: 50%
}

.w-60 {
    width: 60%
}

.w-70 {
    width: 70%
}

.w-80 {
    width: 80%
}

.w-90 {
    width: 90%
}

.w-20px {
    width: 20px !important
}

.w-30px {
    width: 30px !important
}

.w-40px {
    width: 40px !important
}

.w-50px {
    width: 50px !important
}

.w-60px {
    width: 60px !important
}

.w-100px {
    width: 100px !important
}

.w-150px {
    width: 150px !important
}

.mw-25 {
    min-width: 25%
}

.mw-6r {
    min-width: 6rem
}

.mw-30 {
    min-width: 30px
}

.mw-50 {
    min-width: 50px
}

.mw-80 {
    min-width: 80px
}

.mw-90 {
    min-width: 90px
}

.mw-75 {
    min-width: 75px
}

.mw-100 {
    min-width: 100px
}

.mw-120 {
    min-width: 120px
}

.mw-150 {
    min-width: 150px
}

.mw-200 {
    min-width: 200px
}

.mw-240 {
    min-width: 240px
}

.mw-300 {
    min-width: 300px
}

.maw-120 {
    max-width: 120px
}

.h-10 {
    height: 10%
}

.h-20 {
    height: 20%
}

.h-30 {
    height: 30%
}

.h-40 {
    height: 40%
}

.h-50 {
    height: 50%
}

.h-60 {
    height: 60%
}

.h-70 {
    height: 70%
}

.h-80 {
    height: 80%
}

.h-90 {
    height: 90%
}

.h-50x {
    height: 50px
}

.h-60x {
    height: 60px
}

.h-70x {
    height: 70px
}

.h-80x {
    height: 80px
}

.h-85x {
    height: 85px
}

.mh-55x {
    min-height: 55px
}

.mh-80x {
    min-height: 80px
}

.mh-100x {
    min-height: 100px
}

.mh-120x {
    min-height: 120px
}

.mh-130x {
    min-height: 130px
}

.maxh-120x {
    max-height: 120px
}

.maxh-75vh {
    max-height: 75vh
}

@media (max-width:767px) {
    .img-sm-100 {
        width: 100%
    }

    .w-sm-40px {
        width: 40px
    }

    .w-sm-100 {
        width: 100%
    }
}

@media(min-width:768px) {
    .w-md-25 {
        width: 25%
    }

    .w-md-75 {
        width: 75%
    }

    .w-md-80 {
        width: 80% !important
    }

    .mw-100 {
        min-width: 150px
    }

    .w-md-90px {
        width: 90px
    }

    .maw-md-90px {
        max-width: 90px
    }
}

@media (min-width:992px) {
    .w-lg-60 {
        width: 60% !important
    }
}

@media (max-width:992px) {
    .maxh-90 {
        max-height: 90%
    }

    .mh-500x {
        min-height: 500px !important
    }

    .mh-450x {
        min-height: 450px !important
    }

    .mh-350x {
        min-height: 350px !important
    }
}

.border-width-2 {
    border-width: 2px !important
}

.border-width-3 {
    border-width: 3px !important
}

.border-red {
    border-color: red !important
}

.border-top-blue2 {
    border-top: 2px solid #0091ea !important
}

.border-top-blue {
    border-top: 3px solid #0091ea !important
}

.border-top-light-blue-4 {
    border-top: 4px solid #65bcf2 !important
}

.border-light-blue-3 {
    border: 3px solid #65bcf2 !important
}

.border-primary-2 {
    border: 2px solid #0091ea !important
}

.border-bottom-light {
    border-bottom: 1px solid #f1f1f1 !important
}

.border-bottom-light-blue-3 {
    border-bottom: 3px solid #65bcf2 !important
}

.border-black-3 {
    border: 3px solid #212121 !important
}

.border-dashed-2 {
    border: 2px dashed #dee2e6
}

@media (min-width:1200px) {
    .border-xl-0 {
        border: 0 !important
    }

    .border-left-xl-0 {
        border-left: 0 !important
    }

    .border-right-xl-0 {
        border-right: 0 !important
    }

    .border-top-xl-0 {
        border-top: 0 !important
    }

    .border-bottom-xl-0 {
        border-bottom: 0 !important
    }

    .border-xl {
        border: 1px solid #dee2e6 !important
    }

    .border-left-xl {
        border-left: 1px solid #dee2e6 !important
    }

    .border-right-xl {
        border-right: 1px solid #dee2e6 !important
    }

    .border-top-xl {
        border-top: 1px solid #dee2e6 !important
    }

    .border-bottom-xl {
        border-bottom: 1px solid #dee2e6 !important
    }
}

@media (min-width:992px) {
    .border-lg-0 {
        border: 0 !important
    }

    .border-left-lg-0 {
        border-left: 0 !important
    }

    .border-right-lg-0 {
        border-right: 0 !important
    }

    .border-top-lg-0 {
        border-top: 0 !important
    }

    .border-bottom-lg-0 {
        border-bottom: 0 !important
    }

    .border-lg {
        border: 1px solid #dee2e6 !important
    }

    .border-left-lg {
        border-left: 1px solid #dee2e6 !important
    }

    .border-right-lg {
        border-right: 1px solid #dee2e6 !important
    }

    .border-top-lg {
        border-top: 1px solid #dee2e6 !important
    }

    .border-bottom-lg {
        border-bottom: 1px solid #dee2e6 !important
    }
}

@media (min-width:768px) {
    .border-md-0 {
        border: 0 !important
    }

    .border-left-md-0 {
        border-left: 0 !important
    }

    .border-right-md-0 {
        border-right: 0 !important
    }

    .border-top-md-0 {
        border-top: 0 !important
    }

    .border-bottom-md-0 {
        border-bottom: 0 !important
    }

    .border-md {
        border: 1px solid #dee2e6 !important
    }

    .border-left-md {
        border-left: 1px solid #dee2e6 !important
    }

    .border-right-md {
        border-right: 1px solid #dee2e6 !important
    }

    .border-top-md {
        border-top: 1px solid #dee2e6 !important
    }

    .borderbottom-md {
        border-bottom: 1px solid #dee2e6 !important
    }
}

@media (max-width :992px) {
    .border-bottom-md-light {
        border-bottom: 1px solid #f1f1f1 !important
    }
}

.rounded-p4 {
    border-radius: .4rem
}

.rounded-p5 {
    border-radius: .5rem
}

.rounded-1 {
    border-radius: 1rem
}

.rounded-2 {
    border-radius: 2rem
}

.rounded-3 {
    border-radius: 3rem
}

.rounded-top-2 {
    border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important
}

.rounded-top-3 {
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem
}

.peach-gradient {
    background: linear-gradient(40deg, #ec7e5e, #ff4e19) !important
}

.bg-gradient-primary {
    background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important
}

.bg-gradient-secondary {
    background: #868e96 linear-gradient(180deg, #989fa6, #868e96) repeat-x !important
}

.bg-gradient-success {
    background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important
}

.bg-gradient-info {
    background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important
}

.bg-gradient-warning {
    background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important
}

.bg-gradient-danger {
    background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important
}

.bg-gradient-light {
    background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important
}

.bg-gradient-dark {
    background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important
}

.bg-gradient-gold {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffecd2), to(#ffe1a4));
    background-image: linear-gradient(to right, #ffecd2 0, #ffe1a4 100%)
}

.bg-gradient-block {
    background: #f5f7f9;
    background: -webkit-linear-gradient(to bottom, rgba(245, 247, 249, .5), rgba(240, 242, 244, .5));
    background: linear-gradient(to bottom, rgba(245, 247, 249, .5), rgba(240, 242, 244, .5))
}

.img-xs {
    width: .75rem
}

.img-sm {
    width: .875rem
}

.img-lg {
    width: 1.3333rem
}

.img-2x {
    width: 2rem !important
}

.img-2p5x {
    width: 2.5rem !important
}

.img-2p8x {
    width: 2.8rem
}

.img-3x {
    width: 3rem
}

.img-4x {
    width: 4rem
}

.img-5x {
    width: 5rem
}

.img-6x {
    width: 6rem !important
}

.img-7x {
    width: 7rem
}

.img-8x {
    width: 8rem
}

.img-9x {
    width: 9rem
}

.img-10x {
    width: 10rem
}

.img-11x {
    width: 11rem
}

.img-12x {
    width: 12rem
}

.img-13x {
    width: 13rem
}

.img-14x {
    width: 14rem
}

.img-15x {
    width: 15rem
}

.img-16x {
    width: 16rem
}

.img-17x {
    width: 17rem
}

.img-18x {
    width: 18rem
}

.img-19x {
    width: 19rem
}

.img-20x {
    width: 20rem
}

.img-m20x {
    max-width: 20rem
}

.img-22x {
    width: 22rem
}

.img-24x {
    width: 24rem
}

.img-25x {
    width: 25rem
}

.img-26x {
    width: 26rem
}

.img-27x {
    width: 27rem
}

.img-28x {
    width: 28rem
}

.img-29x {
    width: 29rem
}

.img-30x {
    width: 30rem
}

.img-m30x {
    max-width: 30rem
}

.img-33x {
    width: 33rem
}

.img-35x {
    width: 35rem
}

.img-45x {
    width: 45rem
}

.img-70x {
    width: 70rem
}

.img-m35x {
    max-width: 35rem
}

.img-m40x {
    max-width: 40rem
}

.img-hxs {
    height: .75rem
}

.img-hsm {
    height: .875rem
}

.img-hlg {
    height: 1.3333rem
}

.img-h2x {
    height: 2rem
}

.img-h2p8x {
    height: 2.8rem
}

.img-h3x {
    height: 3rem
}

.img-h4x {
    height: 4rem
}

.img-h5x {
    height: 5rem
}

.img-h6x {
    height: 6rem
}

.img-h7x {
    height: 7rem
}

.img-h8x {
    height: 8rem
}

.img-h9x {
    height: 9rem
}

.img-h10x {
    height: 10rem
}

.img-h11x {
    height: 11rem
}

.img-h12x {
    height: 12rem
}

.img-h13x {
    height: 13rem
}

.img-h14x {
    height: 14rem
}

.img-h15x {
    height: 15rem
}

.img-h16x {
    height: 16rem
}

.img-h17x {
    height: 17rem
}

.img-h18x {
    height: 18rem
}

.img-h19x {
    height: 19rem
}

.img-h20x {
    height: 20rem
}

.img-h22x {
    height: 22rem
}

.img-h25x {
    height: 25rem
}

.img-h26x {
    height: 26rem
}

.img-h27x {
    height: 27rem
}

.img-h28x {
    height: 28rem
}

.img-h29x {
    height: 29rem
}

.img-h30x {
    height: 30rem
}

@media (max-width:767px) {
    .img-sm-h20x {
        height: 18rem !important
    }

    .img-sm-3x {
        width: 3rem
    }

    .img-sm-14x {
        width: 14rem
    }

    .img-sm-15x {
        width: 15rem
    }

    .img-sm-18x {
        width: 18rem
    }

    .img-sm-h15x {
        height: 15rem
    }
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #f5f5f5;
    border-radius: 5px
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #d3d3d3
}

@media (max-width:767px) {
    div::-webkit-scrollbar {
        width: 3px !important;
        height: 3px !important
    }

    div::-webkit-scrollbar-thumb {
        border-radius: 3px !important
    }

    div::-webkit-scrollbar-track {
        border-radius: 3px !important
    }
}

.form-control:focus,
.has-float-label.focus .form-control:not(.invalid) {
    color: #495057;
    border-color: #6bc7ff;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.form-control.invalid:focus {
    -webkit-box-shadow: 0 0 5px .2rem #ffd5d9;
    box-shadow: 0 0 5px .2rem #ffd5d9
}

.box-shadow-none:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important
}

.rotate-180 {
    transform: rotate(180deg)
}

@keyframes bubble {
    0% {
        transform: translateY(0) rotate(0);
        opacity: 1;
        border-radius: 0
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%
    }
}

.light-wave-effect::before {
    content: '';
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, .5);
    width: 1rem;
    height: 100%;
    top: 0;
    filter: blur(10px);
    transform: translateX(-100px) skewX(-15deg)
}

.light-wave-effect:hover::before {
    transform: translateX(800px) skewX(-15deg);
    transition: 2s
}

@media(max-width:820px) {
    .light-wave-effect:hover::before {
        transform: translateX(600px) skewX(-15deg);
        transition: 1.8s
    }
}

.text-orange {
    color: #f55a00;
    text-shadow: none
}

.bg-orange {
    background: #f55a00 !important
}

.bg-light-blue {
    background: #65bcf2 !important
}

.bg-light-gray {
    background: #fcfcfc !important
}

.bg-gray {
    background: #f2f2f2 !important
}

.bg-light-yellow {
    background: #fff5d3 !important
}

.rgba-black-light-2,
.rgba-black-light-2:after {
    background-color: rgba(0, 0, 0, .5)
}

input::placeholder,
textarea::placeholder {
    font-weight: 300;
    color: #c9c9c9 !important
}

input:-ms-input-placeholder,
textarea::-ms-input-placeholder {
    font-weight: 300;
    color: #c9c9c9 !important
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    font-weight: 300;
    color: #c9c9c9 !important
}

.cursor-pointer {
    cursor: pointer
}

.text-shadow {
    text-shadow: 0 0 #000
}

.lh-normal {
    line-height: normal
}

.lh-1 {
    line-height: 1
}

.lh-1p2 {
    line-height: 1.2
}

.lh-1p6 {
    line-height: 1.6 !important
}

.lh-1p8 {
    line-height: 1.8
}

.lh-2 {
    line-height: 2
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.ls-0p3 {
    letter-spacing: .3rem
}

.opacity-100i {
    opacity: 1 !important
}

.opacity-8 {
    opacity: .8
}

.opacity-6 {
    opacity: .6
}

.opacity-4 {
    opacity: .4
}

.gray-filter-6 {
    filter: grayscale(60%)
}

.scroll-table {
    position: relative;
    max-height: 45vh;
    overflow: auto;
    display: block
}

.table.click-disabled tr {
    cursor: default
}

.text-ellipsis-3line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media (min-width :992px) {
    .col-r7cl {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }
}

.square-4r0 {
    width: 4rem;
    height: 4rem;
    min-width: 4rem
}

.square-5r0 {
    width: 5rem;
    height: 5rem;
    min-width: 5rem
}

.p-align-45 {
    top: 45% !important
}

.disabled-clickable {
    opacity: 60% !important
}