/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
.input-group-text input[type=checkbox],.input-group-text input[type=radio],dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul {
    margin-top: 0
}

  .swiper-container {
    width: 100%;
    height: auto;
  }

  .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .slideshow__image img {
    width: 100%;
    height: auto;
    display: block;
  }
.swiper-pagination {
  position: absolute;
  bottom: 20px; /* hoặc top: nếu bạn muốn */
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.swiper-container {
  position: relative;
}  
  
@media screen and (max-width: 768.98px) {
  .desktop {
    display: none;
  }
  .primary-search-bar.primary-search-bar--home {
	margin-top: -24px;
	z-index: 1;
  }
  .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 30px;  
  }
}

@media screen and (min-width: 769px) {
  .mobile {
    display: none;
  }
  .primary-search-bar.primary-search-bar--home {
	margin-top: -38px;
	z-index: 1;
  } 
	  .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 52px;  
  }	
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 14px;
	height: 14px;
	background: #00b74f;
	margin: 8px
}
.swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #fff;
	margin-bottom: 2px;
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px);
}

address,dl,ol,pre,ul {
    margin-bottom: 1rem
}

.dropdown-menu.show,article,aside,figcaption,figure,footer,header,hgroup,legend,main,nav,section {
    display: block
}

img,legend {
    max-width: 100%
}

dd,label,legend {
    margin-bottom: .5rem
}

address,legend {
    line-height: inherit
}

progress,sub,sup {
    vertical-align: baseline
}

.dropdown-menu,body {
    color: #545758;
    text-align: left;
    background-color: #fff
}

.dropdown-menu,body,caption {
    text-align: left
}

.dropdown-menu,.modal-content,body {
    background-color: #fff
}

.dropdown-menu,.form-control,.modal-content {
    background-clip: padding-box
}

.dropdown-header,.dropdown-item,.dropdown-toggle,.input-group-text {
    white-space: nowrap
}

.custom-scroll,.selectric-wrapper .selectric-items .selectric-scroll {
    scrollbar-width: thin;
    -ms-touch-action: pan-y;
    scrollbar-color: #6e7573 #afb8b6
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .button-add-card,.compare-cards__content__add-card .card-item-action,.compare-cards__content__registration-conditions .add-card .card-item-action,.story-tips-box .card-img,.story-tips-box .story-tips-img {
    order: 1
}

.masthead__slide--item:hover .img-responsive,.slideshow__header:hover .slideshow__image>img {
    filter: contrast(105%)
}

.slick-slider,html {
    -webkit-tap-highlight-color: transparent
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: SVN-Gilroy,sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5
}

[tabindex="-1"]:focus {
    outline: 0!important
}

p {
    margin-bottom: .4 rem
}

abbr[data-original-title],abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none
}

address {
    font-style: normal
}

.alert p:last-child,.form-check-label,ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.compare-cards__content__benefits-cards .main-benefits-cards p.title,.compare-cards__content__overview-cards .main-overview-card p.title,.dropdown .dropdown-item,.find-card-modal.modal .modal-content .modal-header .close,.promotion-tag-content__title span,.text-bold,.top-primary .navbar-primary li.has-sub-menu .sub-menu>li>a:active,dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

blockquote,figure {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #00b74f;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #00ea65;
    text-decoration: underline
}

a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,kbd,pre,samp {
    font-family: Monaco,Menlo,Consolas,Courier New,monospace;
    font-size: 1em
}

pre {
    overflow: auto
}

img {
    border-style: none
}

img,svg {
    vertical-align: middle
}

.modal-open,.success-masked,svg {
    overflow: hidden
}

.masthead.card-detail-banner,button,hr,input {
    overflow: visible
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6e7573;
    caption-side: bottom
}

.vpbank-form #successModal .modal-header,fieldset,legend,select option {
    padding: 0
}

th {
    text-align: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

.dropdown-toggle:after,.dropup .dropdown-toggle:after {
    vertical-align: .255em;
    content: "";
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    margin: 0;
    border: 0
}

legend {
    width: 100%;
    font-size: 1.5rem;
    color: inherit;
    white-space: normal
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.tooltip,[class*=" icon-"],[class^=icon-] {
    font-style: normal;
    text-transform: none;
    font-weight: 400
}

.list-inline-item,output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

.collapse:not(.show),.hidden-field,template {
    display: none
}

[hidden] {
    display: none!important
}

/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.container,.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

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

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.dropdown-toggle:empty:after,.dropleft .dropdown-toggle:empty:after,.dropright .dropdown-toggle:empty:after,.dropup .dropdown-toggle:empty:after,.no-gutters {
    margin-left: 0
}

.no-gutters {
    margin-right: 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-auto,.col-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-auto,.col-xxs,.col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.card-list__filter:after,.clearfix:after,.vpbank-form #successModal .modal-body .ticket-vote:after {
    display: block;
    clear: both;
    content: ""
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

.modal.show .modal-dialog {
    transform: none
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.deposit-rates-content__detail__tab .tab-item:last-child:after,.form-doc-content__detail__tab .tab-item:last-child:after,.modal-dialog-centered.modal-dialog-scrollable:before,.reference-interest-content__detail__tab .tab-item:last-child:after,.tariff-content__detail__tab .tab-item:last-child:after {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .4rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh
}

.fade:not(.show),.modal-backdrop.fade,.stripads.sticked .stripads__item,.top-primary .mobile-menu.hamburger-hover .hamburger:first-child,.top-primary .mobile-menu.hamburger-hover .hamburger:nth-child(4) {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dde6e8;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dde6e8;
    border-bottom-right-radius: .4rem;
    border-bottom-left-radius: .4rem
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.btn-with-line-gradient .btn-gradient,.dropdown,.dropleft,.dropright,.dropup,.header,body.primary-search-bar-open {
    position: relative
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    border-top: .3em solid;
    border-bottom: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1.6rem;
    list-style: none;
    border: 1px solid transparent;
    border-radius: 4px
}

@media (min-width: 320px) {
    .col-xxs {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxs-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xxs-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxs-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxs-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxs-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxs-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxs-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxs-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxs-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxs-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxs-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxs-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxs-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxs-first {
        order: -1
    }

    .order-xxs-last {
        order: 13
    }

    .order-xxs-0 {
        order: 0
    }

    .order-xxs-1 {
        order: 1
    }

    .order-xxs-2 {
        order: 2
    }

    .order-xxs-3 {
        order: 3
    }

    .order-xxs-4 {
        order: 4
    }

    .order-xxs-5 {
        order: 5
    }

    .order-xxs-6 {
        order: 6
    }

    .order-xxs-7 {
        order: 7
    }

    .order-xxs-8 {
        order: 8
    }

    .order-xxs-9 {
        order: 9
    }

    .order-xxs-10 {
        order: 10
    }

    .order-xxs-11 {
        order: 11
    }

    .order-xxs-12 {
        order: 12
    }

    .offset-xxs-0 {
        margin-left: 0
    }

    .offset-xxs-1 {
        margin-left: 8.33333%
    }

    .offset-xxs-2 {
        margin-left: 16.66667%
    }

    .offset-xxs-3 {
        margin-left: 25%
    }

    .offset-xxs-4 {
        margin-left: 33.33333%
    }

    .offset-xxs-5 {
        margin-left: 41.66667%
    }

    .offset-xxs-6 {
        margin-left: 50%
    }

    .offset-xxs-7 {
        margin-left: 58.33333%
    }

    .offset-xxs-8 {
        margin-left: 66.66667%
    }

    .offset-xxs-9 {
        margin-left: 75%
    }

    .offset-xxs-10 {
        margin-left: 83.33333%
    }

    .offset-xxs-11 {
        margin-left: 91.66667%
    }

    .d-xxs-none {
        display: none!important
    }

    .d-xxs-inline {
        display: inline!important
    }

    .d-xxs-inline-block {
        display: inline-block!important
    }

    .d-xxs-block {
        display: block!important
    }

    .d-xxs-table {
        display: table!important
    }

    .d-xxs-table-row {
        display: table-row!important
    }

    .d-xxs-table-cell {
        display: table-cell!important
    }

    .d-xxs-flex {
        display: flex!important
    }

    .d-xxs-inline-flex {
        display: inline-flex!important
    }

    .flex-xxs-row {
        flex-direction: row!important
    }

    .flex-xxs-column {
        flex-direction: column!important
    }

    .flex-xxs-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxs-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxs-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxs-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxs-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xxs-fill {
        flex: 1 1 auto!important
    }

    .flex-xxs-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxs-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxs-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxs-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xxs-start {
        justify-content: flex-start!important
    }

    .justify-content-xxs-end {
        justify-content: flex-end!important
    }

    .justify-content-xxs-center {
        justify-content: center!important
    }

    .justify-content-xxs-between {
        justify-content: space-between!important
    }

    .justify-content-xxs-around {
        justify-content: space-around!important
    }

    .align-items-xxs-start {
        align-items: flex-start!important
    }

    .align-items-xxs-end {
        align-items: flex-end!important
    }

    .align-items-xxs-center {
        align-items: center!important
    }

    .align-items-xxs-baseline {
        align-items: baseline!important
    }

    .align-items-xxs-stretch {
        align-items: stretch!important
    }

    .align-content-xxs-start {
        align-content: flex-start!important
    }

    .align-content-xxs-end {
        align-content: flex-end!important
    }

    .align-content-xxs-center {
        align-content: center!important
    }

    .align-content-xxs-between {
        align-content: space-between!important
    }

    .align-content-xxs-around {
        align-content: space-around!important
    }

    .align-content-xxs-stretch {
        align-content: stretch!important
    }

    .align-self-xxs-auto {
        align-self: auto!important
    }

    .align-self-xxs-start {
        align-self: flex-start!important
    }

    .align-self-xxs-end {
        align-self: flex-end!important
    }

    .align-self-xxs-center {
        align-self: center!important
    }

    .align-self-xxs-baseline {
        align-self: baseline!important
    }

    .align-self-xxs-stretch {
        align-self: stretch!important
    }

    .dropdown-menu-xxs-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxs-right {
        right: 0;
        left: auto
    }
}

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

    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .d-md-none {
        display: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

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

    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .d-lg-none {
        display: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .modal-lg,.modal-xl {
        max-width: 800px
    }

    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .container {
        max-width:1230px
    }

    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .d-xl-none {
        display: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .modal-xl {
        max-width: 1140px
    }

    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1920px) {
    .container {
        max-width:1510px
    }

    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xxl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-first {
        order: -1
    }

    .order-xxl-last {
        order: 13
    }

    .order-xxl-0 {
        order: 0
    }

    .order-xxl-1 {
        order: 1
    }

    .order-xxl-2 {
        order: 2
    }

    .order-xxl-3 {
        order: 3
    }

    .order-xxl-4 {
        order: 4
    }

    .order-xxl-5 {
        order: 5
    }

    .order-xxl-6 {
        order: 6
    }

    .order-xxl-7 {
        order: 7
    }

    .order-xxl-8 {
        order: 8
    }

    .order-xxl-9 {
        order: 9
    }

    .order-xxl-10 {
        order: 10
    }

    .order-xxl-11 {
        order: 11
    }

    .order-xxl-12 {
        order: 12
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }

    .d-xxl-none {
        display: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .dropdown-menu-xxl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    border-top: 0;
    border-bottom: .3em solid
}

.dropleft .dropdown-toggle:before,.dropright .dropdown-toggle:after {
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    content: ""
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    border-right: 0;
    border-left: .3em solid;
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    border-right: .3em solid;
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #dde6e8
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 1rem 2.4rem;
    clear: both;
    font-weight: 400;
    color: #000;
    text-align: inherit;
    background-color: transparent;
    border: 0
}

.dropdown-item.active,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:hover {
    color: #00b74f;
    text-decoration: none;
    background-color: #f4f7f8
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #6e7573;
    pointer-events: none;
    background-color: transparent
}

.dropdown-header {
    display: block;
    padding: .5rem 2.4rem;
    margin-bottom: 0;
    font-size: 1.4rem;
    color: #6e7573
}

.dropdown-item-text {
    display: block;
    padding: 1rem 2.4rem;
    color: #000
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-bottom: .5rem;
    font-family: SVN-Gilroy,sans-serif;
    font-weight: 700;
    line-height: 1.33333;
    color: #000
}

.blockquote,hr {
    margin-bottom: 1rem
}

.h1,h1 {
    font-size: 4.8rem
}

.h2,h2 {
    font-size: 4rem
}

.h3,h3 {
    font-size: 3rem
}

.back-to-top.show i,.h4,h4 {
    font-size: 2.4rem
}

.col-form-label-lg,.h5,h5 {
    font-size: 2rem
}

.h6,.promotion-filter-categories-mobile.promotion-filter-categories-desktop .promotion-categories-desktop .close a,h6 {
    font-size: 1.6rem
}

.lead {
    font-size: 2rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem
}

.display-1,.display-2,.display-3,.display-4 {
    font-weight: 300;
    line-height: 1.33333
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-4 {
    font-size: 3.5rem
}

hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.small,small {
    font-size: 80%;
    font-weight: 400
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    font-size: 2rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6e7573
}

.blockquote-footer:before {
    content: "\2014\A0"
}

.card-detail-content__body__item__left .title a.collapsed+.icon-remove:before,.icon-add:before {
    content: "\E900"
}

.fade {
    transition: opacity .15s linear
}

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

.btn {
    display: inline-block;
    color: #545758;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.flatpickr-months .flatpickr-month,.slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

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

.btn.focus,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,183,79,.25)
}

.btn.disabled,.btn:disabled {
    opacity: .65
}

.selectric-wrapper.selectric-disabled,a.btn.disabled,fieldset:disabled a.btn {
    pointer-events: none
}

.btn-outline-success:hover,.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.btn-success,.btn-success.disabled,.btn-success:disabled,.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #2ac769;
    border-color: #2ac769
}

.btn-success:hover {
    color: #fff;
    background-color: #23a758;
    border-color: #219d53
}

.btn-success.focus,.btn-success:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(74,207,128,.5)
}

.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #219d53;
    border-color: #1f924d
}

.btn-info,.btn-info.disabled,.btn-info:disabled,.btn-outline-info:hover,.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #4285f4;
    border-color: #4285f4
}

.btn-info:hover {
    color: #fff;
    background-color: #1e6ef2;
    border-color: #1266f1
}

.btn-info.focus,.btn-info:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(94,151,246,.5)
}

.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #1266f1;
    border-color: #0e60e9
}

.btn-outline-warning:hover,.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-warning,.btn-warning.disabled,.btn-warning:disabled,.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ecbf4b;
    border-color: #ecbf4b
}

.btn-warning:hover {
    color: #212529;
    background-color: #e8b328;
    border-color: #e7af1d
}

.btn-warning.focus,.btn-warning:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(206,168,70,.5)
}

.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #e7af1d;
    border-color: #e0a818
}

.btn-danger,.btn-danger.disabled,.btn-danger:disabled,.btn-outline-danger:hover,.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #fb4e4e;
    border-color: #fb4e4e
}

.btn-danger:hover {
    color: #fff;
    background-color: #fa2929;
    border-color: #fa1c1c
}

.btn-danger.focus,.btn-danger:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(252,105,105,.5)
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #fa1c1c;
    border-color: #fa1010
}

.btn-light,.btn-light.disabled,.btn-light:disabled,.btn-outline-light:hover,.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f4f7f8;
    border-color: #f4f7f8
}

.btn-light:hover {
    color: #212529;
    background-color: #dde6e9;
    border-color: #d5e0e4
}

.btn-light.focus,.btn-light:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(212,216,217,.5)
}

.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #d5e0e4;
    border-color: #cddbdf
}

.btn-dark,.btn-dark.disabled,.btn-dark:disabled,.btn-outline-dark:hover,.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #2c2c2c;
    border-color: #2c2c2c
}

.btn-dark:hover {
    color: #fff;
    background-color: #191919;
    border-color: #131313
}

.btn-dark.focus,.btn-dark:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(76,76,76,.5)
}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #131313;
    border-color: #0c0c0c
}

.btn-default.focus,.btn-default:focus,.btn-default:not(:disabled):not(.disabled).active:focus,.btn-default:not(:disabled):not(.disabled):active:focus,.btn-white.focus,.btn-white:focus,.show>.btn-default.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
}

.btn-outline-success {
    color: #2ac769;
    border-color: #2ac769
}

.btn-outline-success.focus,.btn-outline-success:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(42,199,105,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #2ac769;
    background-color: transparent
}

.btn-outline-info {
    color: #4285f4;
    border-color: #4285f4
}

.btn-outline-info.focus,.btn-outline-info:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(66,133,244,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #4285f4;
    background-color: transparent
}

.btn-outline-warning {
    color: #ecbf4b;
    border-color: #ecbf4b
}

.btn-outline-warning.focus,.btn-outline-warning:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(236,191,75,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #ecbf4b;
    background-color: transparent
}

.btn-outline-danger {
    color: #fb4e4e;
    border-color: #fb4e4e
}

.btn-outline-danger.focus,.btn-outline-danger:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(251,78,78,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #fb4e4e;
    background-color: transparent
}

.btn-outline-light {
    color: #f4f7f8;
    border-color: #f4f7f8
}

.btn-outline-light.focus,.btn-outline-light:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(244,247,248,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #f4f7f8;
    background-color: transparent
}

.btn-outline-dark {
    color: #2c2c2c;
    border-color: #2c2c2c
}

.btn-outline-dark.focus,.btn-outline-dark:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(44,44,44,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #2c2c2c;
    background-color: transparent
}

.btn-outline-default.focus,.btn-outline-default:focus,.btn-outline-default:not(:disabled):not(.disabled).active:focus,.btn-outline-default:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-default.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem hsla(0,0%,100%,.5)
}

.btn-link.focus,.btn-link:focus {
    text-decoration: underline;
    box-shadow: none
}

.btn-link.disabled,.btn-link:disabled {
    color: #6e7573;
    pointer-events: none
}

.btn-lg,.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 2rem;
    line-height: 1.5;
    border-radius: .4rem
}

.btn-sm,.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: 1.4rem;
    line-height: 1.5;
    border-radius: .2rem
}

#accordion3 .div-title>a,.btn-block,.form-control-file,.form-control-range {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

.compare-cards__content__add-card .card-item-action__choice-action-button .btn.button-learn-more,.compare-cards__content__add-card .card-item__choice-action-button .btn.button-learn-more,.form-inline .form-check,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 3rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    border: 1px solid #b5bec1;
    border-radius: 8px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn,.collapsing,.fade,.form-control,.modal.fade .modal-dialog {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #000;
    background-color: #fff;
    border-color: #38ff8e;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,183,79,.25)
}

.form-control::placeholder {
    color: #6e7573;
    opacity: 1
}

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

select.form-control:focus::-ms-value {
    color: #000;
    background-color: #fff
}

.col-form-label {
    margin-bottom: 0;
    font-size: inherit
}

.col-form-label,.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: 1.4rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #545758;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: 1.4rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 2rem;
    line-height: 1.5;
    border-radius: .4rem
}

select.form-control[multiple],select.form-control[size],textarea.form-control {
    height: auto
}

.form-group,.support-customer-feedback .customer-feedback-form__single-choice-question .customer-feedback-form__checkbox-list__item {
    margin-bottom: 24px
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

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

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #6e7573
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.invalid-tooltip,.valid-tooltip {
    position: absolute;
    z-index: 5;
    display: none;
    padding: .25rem .5rem;
    border-radius: .3rem;
    line-height: 1.5;
    top: 100%;
    max-width: 100%
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #2ac769
}

.valid-tooltip {
    margin-top: .1rem;
    font-size: 1.4rem;
    color: #fff;
    background-color: rgba(42,199,105,.9)
}

.form-control.is-valid,.was-validated .form-control:valid {
    border-color: #2ac769;
    padding-right: calc(1.5em + 1rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%232AC769' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100% calc(.375em + .25rem);
    background-size: calc(.75em + .5rem) calc(.75em + .5rem)
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #2ac769;
    box-shadow: 0 0 0 .2rem rgba(42,199,105,.25)
}

.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + 1rem);
    background-position: top calc(.375em + .25rem) right calc(.375em + .25rem)
}

.custom-select.is-valid,.was-validated .custom-select:valid {
    border-color: #2ac769;
    padding-right: calc((3em + 3rem)/ 4 + 4rem);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%232C2C2C' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 3rem center/8px 10px no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%232AC769' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") center right 4rem/calc(.75em + .5rem) calc(.75em + .5rem) no-repeat #fff
}

.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus {
    border-color: #2ac769;
    box-shadow: 0 0 0 .2rem rgba(42,199,105,.25)
}

.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #2ac769
}

.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
    color: #2ac769
}

.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before {
    border-color: #2ac769
}

.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    border-color: #4bd984;
    background-color: #4bd984
}

.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(42,199,105,.25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #2ac769
}

.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #2ac769;
    box-shadow: 0 0 0 .2rem rgba(42,199,105,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #fb4e4e
}

.invalid-tooltip {
    margin-top: .1rem;
    font-size: 1.4rem;
    color: #fff;
    background-color: rgba(251,78,78,.9)
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: #fb4e4e;
    padding-right: calc(1.5em + 1rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FB4E4E' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23FB4E4E' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100% calc(.375em + .25rem);
    background-size: calc(.75em + .5rem) calc(.75em + .5rem)
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #fb4e4e;
    box-shadow: 0 0 0 .2rem rgba(251,78,78,.25)
}

.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 1rem);
    background-position: top calc(.375em + .25rem) right calc(.375em + .25rem)
}

.custom-select.is-invalid,.was-validated .custom-select:invalid {
    border-color: #fb4e4e;
    padding-right: calc((3em + 3rem)/ 4 + 4rem);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%232C2C2C' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 3rem center/8px 10px no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FB4E4E' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23FB4E4E' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") center right 4rem/calc(.75em + .5rem) calc(.75em + .5rem) no-repeat #fff
}

.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus {
    border-color: #fb4e4e;
    box-shadow: 0 0 0 .2rem rgba(251,78,78,.25)
}

.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #fb4e4e
}

.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #fb4e4e
}

.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before {
    border-color: #fb4e4e
}

.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    border-color: #fc8080;
    background-color: #fc8080
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(251,78,78,.25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #fb4e4e
}

.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #fb4e4e;
    box-shadow: 0 0 0 .2rem rgba(251,78,78,.25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

@media (min-width: 768px) {
    .col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .d-sm-none {
        display: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }

    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }

    .form-inline label {
        justify-content: center
    }

    .form-inline .form-group,.form-inline label {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,.form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group-append,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text,.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group-append .btn:focus,.input-group-prepend .btn:focus,.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after,.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child),.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child),.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group-append,.input-group-prepend {
    display: flex
}

.form-documents-list-bar-content.smooth-scroll-list,.input-group-append .btn,.input-group-prepend .btn,.investor-list-bar-content.smooth-scroll-list {
    position: relative;
    z-index: 2
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .5rem 3rem;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: center;
    background-color: #dde6e8;
    border: 1px solid #afb8b6;
    border-radius: 8px
}

.tooltip,.tooltip .arrow {
    display: block;
    position: absolute
}

.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-lg>.custom-select,.input-group-sm>.custom-select {
    padding-right: 4rem
}

.tooltip {
    z-index: 1070;
    margin: 0;
    font-family: SVN-Gilroy,sans-serif;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 1.4rem;
    word-wrap: break-word;
    opacity: 0
}

.back-to-top,.section-title--center,.section-title--center .product-notify,.title-center-mobile,.tooltip-inner {
    text-align: center
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    width: .8rem;
    height: .4rem
}

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

.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-auto[x-placement^=top],.bs-tooltip-bottom,.bs-tooltip-top {
    padding: .4rem 0
}

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

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

.bs-tooltip-auto[x-placement^=left],.bs-tooltip-auto[x-placement^=right],.bs-tooltip-left,.bs-tooltip-right {
    padding: 0 .4rem
}

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

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

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

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

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

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

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    background-color: #000;
    border-radius: .3rem
}

@font-face {
    font-family: icomoon;
    src: url(icomoon.eot);
    src: url(icomoon.eot#iefix) format("embedded-opentype"),url(icomoon.ttf) format("truetype"),url(icomoon.woff) format("woff"),url(assets/images/icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: fallback
}

[class*=" icon-"],[class^=icon-] {
    font-family: icomoon!important;
    speak: never;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-eye:before {
    content: "\E901"
}

.icon-eye-off:before {
    content: "\E902"
}

.icon-remove:before {
    content: "\E903"
}

.icon-filter_list:before {
    content: "\E904"
}

.icon-arrow-right:before {
    content: "\E905"
}

.icon-plus:before {
    content: "\E906"
}

.icon-chevron-down-big:before,.icon-chevron-down:before {
    content: "\E907"
}

.icon-arrow-prev:before {
    content: "\E908"
}

.icon-arrow-next:before {
    content: "\E909"
}

.icon-hamburger:before {
    content: "\E90A"
}

.icon-close:before {
    content: "\E90B"
}

.icon-chevron-up-big:before,.icon-chevron-up:before,.promotion-filter-categories-desktop .promotion-categories-desktop .close a i:before,.support-filter-categories-desktop .support-categories-desktop .close a i:before {
    content: "\E910"
}

.compare-cards__content__add-card .list-compare .slick-arrow.slick-prev:before,.icon-chevron-left-big:before,.icon-chevron-left:before {
    content: "\E911"
}

.icon-facebook:before {
    content: "\E912"
}

.icon-twitter:before {
    content: "\E913"
}

/* .icon-location:before {
    content: "\E914"
} */

.icon-chevron-right-big:before,.icon-chevron-right:before {
    content: "\E916"
}

.icon-search1:before,.icon-search3:before {
    content: "\E91E"
}

.icon-map:before {
    content: "\E925"
}

.icon-close-o:before {
    content: "\E929"
}

.icon-heart:before {
    content: "\E92F"
}

.icon-heart-selected:before {
    content: "\E930"
}

.icon-list:before {
    content: "\E939"
}

.icon-thumbs-down:before {
    content: "\E94E"
}

.icon-thumbs-up:before {
    content: "\E94F"
}

.icon-download3:before {
    content: "\E9C7"
}

.icon-star-empty:before {
    content: "\E9D7"
}

.icon-star-full:before {
    content: "\E9D9"
}

.icon-loop2:before {
    content: "\EA2E"
}

.icon-info:before {
    content: "\E90C"
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-Gilroy.eot);
    src: url(SVN-Gilroy.eot?#iefix) format("embedded-opentype"),url(SVN-Gilroy.woff2) format("woff2"),url(SVN-Gilroy.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroyItalic.eot);
    src: url(SVN-GilroyItalic.eot?#iefix) format("embedded-opentype"),url(SVN-GilroyItalic.woff2) format("woff2"),url(SVN-GilroyItalic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroyThin.eot);
    src: url(SVN-GilroyThin.eot?#iefix) format("embedded-opentype"),url(SVN-GilroyThin.woff2) format("woff2"),url(SVN-GilroyThin.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroyThinItalic.eot);
    src: url(SVN-GilroyThinItalic.eot?#iefix) format("embedded-opentype"),url(SVN-GilroyThinItalic.woff2) format("woff2"),url(SVN-GilroyThinItalic.woff) format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroyLight.eot);
    src: url(SVN-GilroyLight.eot?#iefix) format("embedded-opentype"),url(SVN-GilroyLight.woff2) format("woff2"),url(SVN-GilroyLight.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroyLightItalic.eot);
    src: url(SVN-GilroyLightItalic.eot?#iefix) format("embedded-opentype"),url(SVN-GilroyLightItalic.woff2) format("woff2"),url(SVN-GilroyLightItalic.woff) format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroyMediumItalic.eot);
    src: url(SVN-GilroyMediumItalic.eot?#iefix) format("embedded-opentype"),url(SVN-GilroyMediumItalic.woff2) format("woff2"),url(SVN-GilroyMediumItalic.woff) format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroyMedium.eot);
    src: url(SVN-GilroyMedium.eot?#iefix) format("embedded-opentype"),url(SVN-GilroyMedium.woff2) format("woff2"),url(SVN-GilroyMedium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroySemiBold.eot);
    src: url(SVN-GilroySemiBold.eot?#iefix) format("embedded-opentype"),url(SVN-GilroySemiBold.woff2) format("woff2"),url(SVN-GilroySemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroySemiBoldItalic.eot);
    src: url(SVN-GilroySemiBoldItalic.eot?#iefix) format("embedded-opentype"),url(SVN-GilroySemiBoldItalic.woff2) format("woff2"),url(SVN-GilroySemiBoldItalic.woff) format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroyBold.eot);
    src: url(SVN-GilroyBold.eot?#iefix) format("embedded-opentype"),url(SVN-GilroyBold.woff2) format("woff2"),url(SVN-GilroyBold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroyBoldItalic.eot);
    src: url(SVN-GilroyBoldItalic.eot?#iefix) format("embedded-opentype"),url(SVN-GilroyBoldItalic.woff2) format("woff2"),url(SVN-GilroyBoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroyBlack.eot);
    src: url(SVN-GilroyBlack.eot?#iefix) format("embedded-opentype"),url(SVN-GilroyBlack.woff2) format("woff2"),url(SVN-GilroyBlack.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(SVN-GilroyBlackItalic.eot);
    src: url(SVN-GilroyBlackItalic.eot?#iefix) format("embedded-opentype"),url(SVN-GilroyBlackItalic.woff2) format("woff2"),url(SVN-GilroyBlackItalic.woff) format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea,textarea.form-control {
    color: #000;
    width: 100%;
    padding: 0 16px;
    height: 48px;
    line-height: 46px;
    border: 1px solid #afb8b6;
    text-align: left;
    border-radius: 8px;
    font-size: 1.4rem;
    font-weight: 600
}

input[type=email]:focus,input[type=email]:hover,input[type=number]:focus,input[type=number]:hover,input[type=password]:focus,input[type=password]:hover,input[type=tel]:focus,input[type=tel]:hover,input[type=text]:focus,input[type=text]:hover,select:focus,select:hover,textarea.form-control:focus,textarea.form-control:hover,textarea:focus,textarea:hover {
    border-color: #869491;
    box-shadow: none
}

input[type=email]:invalid,input[type=number]:invalid,input[type=password]:invalid,input[type=tel]:invalid,input[type=text]:invalid,select:invalid,textarea.form-control:invalid,textarea:invalid {
    border-color: #fb4e4e
}

input[type=email].placeholder,input[type=number].placeholder,input[type=password].placeholder,input[type=tel].placeholder,input[type=text].placeholder,select.placeholder,textarea.form-control.placeholder,textarea.placeholder {
    color: #b5bec1
}

input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,select::placeholder,textarea.form-control::placeholder,textarea::placeholder {
    color: #b5bec1
}

input[type=email]:-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]:-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]:-moz-placeholder,input[type=password]::-moz-placeholder,input[type=tel]:-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]:-moz-placeholder,input[type=text]::-moz-placeholder,select:-moz-placeholder,select::-moz-placeholder,textarea.form-control:-moz-placeholder,textarea.form-control::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder {
    color: #b5bec1
}

input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea.form-control::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #b5bec1
}

input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,select:-ms-input-placeholder,textarea.form-control:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #b5bec1
}

input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,select::-ms-input-placeholder,textarea.form-control::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color: #b5bec1
}

input::-ms-clear {
    display: none;
    height: 0;
    width: 0
}

textarea,textarea.form-control {
    height: 80px;
    padding: 8px 16px;
    line-height: normal
}

select {
    word-wrap: normal;
    padding: 0 6px
}

.form-check-label input.form-check-input:hover+span,input.vp-checkbox+label:hover,select:focus {
    color: #545758
}

.btn {
    padding: .5rem 3rem;
    font-size: 1.6rem;
    line-height: 2;
    border-radius: 3rem;
    font-weight: 600;
    letter-spacing: 0
}

.btn i,.btn-link i {
    margin-left: 7px;
    font-weight: 500;
    vertical-align: text-bottom;
    line-height: 20px
}

.btn-default,.btn-default.disabled,.btn-default:disabled,.btn-outline-default:hover {
    color: #fff;
    background-color: #545758;
    border-color: #545758
}

.btn-default:hover,.btn-primary:hover,.btn-secondary:hover {
    background-color: #fff;
    border-color: #fff
}

.btn-default.focus,.btn-default:focus {
    box-shadow: 0 0 0 .2rem rgba(110,112,113,.5)
}

.btn-default:not(:disabled):not(.disabled).active,.btn-default:not(:disabled):not(.disabled):active,.show>.btn-default.dropdown-toggle {
    background-color: rgba(84,87,88,.1);
    border-color: rgba(84,87,88,.1);
    color: #545758
}

.btn-default:not(:disabled):not(.disabled).active:focus,.btn-default:not(:disabled):not(.disabled):active:focus,.show>.btn-default.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(110,112,113,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.btn-default:hover {
    color: #545758;
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.btn-outline-primary:hover,.btn-primary,.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #00b74f;
    border-color: #00b74f
}

.btn-primary.focus,.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(38,194,105,.5)
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    background-color: rgba(0,183,79,.1);
    border-color: rgba(0,183,79,.1);
    color: #00b74f
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38,194,105,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.btn-primary:hover {
    color: #00b74f;
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.btn-outline-secondary:hover,.btn-secondary,.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: #e10600;
    border-color: #e10600
}

.btn-secondary.focus,.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(230,43,38,.5)
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    background-color: rgba(225,6,0,.1);
    border-color: rgba(225,6,0,.1);
    color: #e10600
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(230,43,38,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.btn-secondary:hover {
    color: #e10600;
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.btn-white,.btn-white.disabled,.btn-white:disabled {
    color: #212529;
    background-color: #fff;
    border-color: #fff
}

.btn-white:hover {
    background-color: #545758;
    border-color: #545758
}

.btn-white:not(:disabled):not(.disabled).active,.btn-white:not(:disabled):not(.disabled):active,.show>.btn-white.dropdown-toggle {
    background-color: hsla(0,0%,100%,.1);
    border-color: hsla(0,0%,100%,.1);
    color: #fff
}

.btn-white:not(:disabled):not(.disabled).active:focus,.btn-white:not(:disabled):not(.disabled):active:focus,.show>.btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222,222,223,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.btn-white:hover {
    color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.btn-gradient {
    background: linear-gradient(90deg,#015aad,#00b74f);
    color: #fff
}

.btn-gradient:hover {
    background: linear-gradient(90deg,#0374de,#0374de);
    color: #fff
}

.btn-outline-default {
    background: #fff;
    position: relative;
    color: #545758;
    border-color: #545758
}

.btn-outline-default.focus,.btn-outline-default:focus,.btn-outline-default:not(:disabled):not(.disabled).active:focus,.btn-outline-default:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-default.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(84,87,88,.5)
}

.btn-outline-default.disabled,.btn-outline-default:disabled {
    color: #545758;
    background-color: transparent
}

.btn-outline-default:not(:disabled):not(.disabled).active,.btn-outline-default:not(:disabled):not(.disabled):active,.show>.btn-outline-default.dropdown-toggle {
    color: #fff;
    background-color: #555a5c;
    border-color: #555a5c
}

.btn-outline-primary {
    position: relative;
    color: #00b74f;
    border-color: #00b74f
}

.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,183,79,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #00b74f;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #00ea65;
    border-color: #00ea65
}

.btn-outline-secondary {
    background: #fff;
    position: relative;
    color: #e10600;
    border-color: #e10600
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225,6,0,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #e10600;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.btn-link {
    text-decoration: none;
    font-weight: 500;
    color: #00b74f;
    font-size: 1.6rem
}

.btn-link:hover,a.read-more:hover {
    color: #00ea65;
    text-decoration: none
}

.btn-link:active,.btn-link:focus {
    color: #008439;
    text-decoration: none
}

.form-check-label input.form-check-input,.vp-checkbox-circle__input,.vp-radio-custom__input,input.vp-checkbox {
    z-index: -1;
    opacity: 0;
    position: absolute
}

.vp-checkbox-circle__input.deactivated-by-count+label,.vp-radio-custom__input.deactivated-by-count+label,input.vp-checkbox.deactivated-by-count+label {
    opacity: .4;
    pointer-events: none
}

input.vp-checkbox+label {
    display: inline-block;
    cursor: pointer;
    color: #6e7573;
    margin-bottom: 0;
    font-size: 1.2rem;
    vertical-align: baseline
}

input.vp-checkbox+label:before {
    border: 1px solid #6e7573;
    display: inline-block;
    content: "\A0";
    height: 20px;
    width: 20px;
    margin-right: 10px;
    padding: 0;
    vertical-align: text-bottom
}

input.vp-checkbox:checked+label:before {
    background-image: url(/assets/images/icons/icon-cb-checked.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom
}

.vp-checkbox-circle__input+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;
    vertical-align: baseline;
    background: url(assets/images/circle-label.png) 0 0/cover;
    width: 24px;
    height: 24px
}

.vp-checkbox-circle__input+label:after {
    content: "\A0";
    background: linear-gradient(0,#015aad,#00b74f) border-box;
    border-radius: 100%;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 12px;
    height: 12px
}

.top-primary .navbar-primary li.has-mega-menu:hover a:before,.vp-checkbox-circle__input:checked+label:after {
    display: inline-block
}

.form-check-label input.form-check-input+span {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: #545758;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: 500;
    padding-left: 30px
}

.form-check-label input.form-check-input+span:before {
    content: "";
    background: #f4f7f8;
    display: inline-block;
    border: 2px solid #afb8b6;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin-right: 10px;
    padding: 0;
    position: absolute;
    left: 0;
    top: 2px
}

.form-check-label input.form-check-input+span:after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 5px;
    top: 7px;
    border-radius: 50%;
    opacity: 0
}

.cal-savings-interest .form-check-label input.form-check-input:hover+span:before,.form-check-label input.form-check-input:hover+span:before {
    border-color: #6e7573
}

.article-icon__content--title a,.article-leader__content--title a,.article-tag__content--title a,.article__content--title a,.form-check-label input.form-check-input:checked+span {
    color: #000
}

.form-check-label input.form-check-input:checked+span:before {
    border-color: #00b74f
}

.cal-savings-interest .form-check-label input.form-check-input:checked+span:after,.form-check-label input.form-check-input:checked+span:after {
    opacity: 1;
    background: #00b74f
}

.selectric-wrapper {
    height: 48px
}

.selectric-wrapper .selectric {
    border: 1px solid #afb8b6;
    background: #fff;
    border-radius: 8px
}

.selectric-wrapper .selectric .label {
    color: #545758;
    font-size: 1.4rem;
    text-align: left;
    height: 46px;
    line-height: 48px;
    margin: 0 35px 0 16px;
    font-weight: 600
}

.selectric-wrapper .selectric .button {
    height: 46px
}

.selectric-wrapper .selectric .button:after {
    content: "\E907";
    font-family: icomoon;
    font-weight: bolder;
    font-size: 1.6rem;
    color: #00b74f;
    transition: transform .4s ease-in-out;
    border: none;
    width: 100%
}

.selectric-wrapper .selectric-items {
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 4px 4px 4px 0
}

.selectric-wrapper .selectric-items .selectric-scroll {
    overflow-y: auto;
    touch-action: pan-y;
    max-height: 250px
}

.article-leader__picture,.article-tag__picture,.article__picture,.awards-item,.back-to-top,.card-cashbank,.card-list__list-item .card-item__image-container,.card-list__list-item-display .card-item__image-container,.effect-img-hover,.news-info .news-leading__img,.promotion-item,.sidebar-module__img,.story-tips-box .story-tips-img,.visually-hidden,body.masked {
    overflow: hidden
}

.selectric-wrapper .selectric-items .selectric-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #afb8b6;
    background-color: #afb8b6
}

.selectric-wrapper .selectric-items .selectric-scroll::-webkit-scrollbar {
    width: 8px;
    background: #6e7573
}

.selectric-wrapper .selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #ccc;
    background-color: #b5bec1
}

.selectric-wrapper .selectric-items .selectric-scroll li {
    background: #fff;
    color: #545758;
    font-size: 1.4rem;
    text-align: left;
    font-weight: 600;
    padding: 10px 16px
}

.selectric-wrapper .selectric-items .selectric-scroll li:hover {
    background: #ebfbef;
    color: #00b74f
}

.selectric-wrapper .selectric-items .selectric-scroll li.selected {
    color: #00b74f
}

.awards .tag,.selectric-wrapper.selectric-open {
    z-index: 1
}

.selectric-wrapper.selectric-open .selectric {
    border: 1px solid #869491
}

.selectric-wrapper.selectric-open .selectric .button:after {
    transform: rotate(180deg)
}

.selectric-wrapper.selectric-hover .selectric {
    border-color: #869491
}

.vp-radio-custom__input+label {
    display: inline-block;
    cursor: pointer;
    color: #545758;
    font-size: 1.2rem;
    vertical-align: baseline;
    letter-spacing: 0;
    margin: 0 0 8px 35px
}

.vp-radio-custom__input+label:before {
    border: 1px solid #afb8b6;
    display: inline-block;
    content: "\A0";
    height: 20px;
    width: 20px;
    padding: 0;
    vertical-align: text-bottom;
    margin: 0 15px 0 -35px
}

.vp-radio-custom__input+label:hover {
    color: #545758
}

.vp-radio-custom__input:checked+label:before {
    background-image: url(/assets/images/icons/icon-cb-checked-with-border.png);
    width: 26px;
    height: 26px;
    border-color: transparent;
    background-size: auto
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    font-size: 62.5%
}

body.primary-search-bar-open:after {
    content: "";
    display: block;
    background: rgba(84,87,88,.1);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.visually-hidden {
    position: absolute;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

.section-title {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column
}

.component-title,.section-title h2 {
    background: linear-gradient(90deg,#015aad,#00b74f);
    font-weight: 700;
    margin: 0;
    display: inline-block;
    -webkit-text-fill-color: transparent
}

.section-title h2 {
    background: -webkit-linear-gradient(0,#015aad,#00b74f);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 3rem
}

.section-title .btn,.section-title .btn-link {
    margin: 12px auto 0 0
}

.section-title .product-notify {
    font-size: 1.8rem;
    margin: 15px 0 0
}

@media screen and (min-width: 768px) {
    .section-title {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

    .section-title .btn,.section-title .btn-link {
        margin: auto 0
    }

    .section-title .product-notify {
        width: 100%
    }
}

.section-title .product-notify span {
    color: #00b74f;
    padding: 0 6px;
    font-weight: 700
}

.section-title--with-border {
    padding-bottom: 12px;
    border-bottom: 1px solid #dde6e8
}

.section-title--center {
    justify-content: center
}

.component-title {
    background: -webkit-linear-gradient(0,#015aad,#00b74f);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 2rem
}

.back-to-top {
    width: 0;
    height: 0;
    line-height: 42px;
    color: #00b74f;
    position: fixed;
    right: 15px;
    bottom: 50px;
    border-radius: 50%;
    border: 1px solid transparent;
    transition: .3s;
    z-index: 3;
    outline: 0
}

.back-to-top:hover {
    background: #c4f5d0;
    text-decoration: none;
    border-color: #c4f5d0;
    color: #00b74f
}

.back-to-top i {
    line-height: 40px;
    transform: rotate(-90deg);
    font-size: 0;
    display: inline-block
}

.back-to-top.show {
    background: #fff;
    width: 42px;
    height: 42px;
    border-color: #00b74f
}

.alert,.article-icon__content,.article-leader__content,.article-tag__content,.article__content {
    padding: 20px
}

.article,.article-icon,.article-leader,.article-tag {
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 4px 12px 40px rgba(28,28,30,.06)
}

.article-icon__picture,.article-leader__picture,.article-tag__picture,.article__picture,.card-experience__image-container {
    position: relative;
    display: block
}

.article-icon__picture--img,.article-leader__picture--img,.article-tag__picture--img,.article__picture--img,.header .img-responsive {
    width: 100%;
    height: auto
}

.article-icon__content--title,.article-leader__content--title,.article-tag__content--title,.article__content--title {
    font-size: 1.6rem;
    margin-bottom: 10px;
    font-weight: 600
}

@media screen and (min-width: 992px) {
    input[type=email]:hover:after,input[type=number]:hover:after,input[type=password]:hover:after,input[type=tel]:hover:after,input[type=text]:hover:after,select:hover:after,textarea.form-control:hover:after,textarea:hover:after {
        transform:scaleX(1)
    }

    .vp-checkbox-circle__input+label,.vp-radio-custom__input+label,input.vp-checkbox+label {
        font-size: 1.4rem
    }

    body.primary-search-bar-open:after {
        background: 0 0
    }

    .section-title {
        margin-bottom: 30px
    }

    .section-title h2 {
        font-size: 4rem
    }

    .component-title {
        font-size: 2.4rem
    }

    .article-icon__content--title,.article-leader__content--title,.article-tag__content--title,.article__content--title {
        font-size: 2rem
    }

    .nav-tab--horizontal {
        display: flex
    }
}

.article-icon__content--title a:hover,.article-leader__content--title a:hover,.article-tag__content--title a:hover,.article__content--title a:hover {
    color: #00b74f;
    text-decoration: none
}

.article-icon__content--description,.article-leader__content--description,.article-tag__content--description,.article__content--description,.promotion-tag-content__title p,.vpbank-form .selectric-wrapper {
    margin-bottom: 5px
}

.article-icon__content--date,.article-leader__content--date,.article-tag__content--date,.article__content--date {
    font-size: 1.2rem;
    color: #6e7573
}

.article__content--link,.top-primary.sticked .navbar-primary .navbar-item {
    font-size: 1.4rem
}

.article-icon__picture--icon {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px
}

.article-icon__picture--icon img {
    border-radius: 50%;
    width: 100%
}

.article-icon__content {
    padding: 35px 20px 20px
}

.article-tag__picture--tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #545758
}

.article-tag__picture--wishlist {
    position: absolute;
    right: 15px;
    top: 15px;
    line-height: 0;
    z-index: 1
}

.article-tag__picture--wishlist label {
    position: relative;
    margin-bottom: 0;
    width: 15px;
    height: 13px;
    cursor: pointer
}

.article-tag__picture--wishlist input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.article-tag__picture--wishlist input[type=checkbox]+label:before {
    content: "";
    background: url(assets/images/heart.png) no-repeat;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 13px;
    transition: .2s
}

.article-tag__picture--wishlist input[type=checkbox]:checked+label:before {
    background: url(assets/images/heart-active.png) no-repeat
}

.article-tag__content--subcategory {
    color: #00b74f;
    font-size: 1.2rem;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
}

.add-card-component .basic-accordion.large-collapse .basic-accordion__card,.add-card-component__content .add-card-content.slick-dotted.slick-slider,.article-leader__content--title,.article-tag__content--title,.compare-cards .compare-layout__content__item p:only-child,.compare-cards .compare-layout__content__item>ul>li:last-child {
    margin-bottom: 0
}

.article-leader__content--subtitle {
    display: block;
    color: #545758;
    font-size: 1.6rem;
    font-family: SVN-Gilroy,sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px
}

.article,.article-icon,.article-leader,.article-leader__picture img,.article-tag,.article-tag__picture img,.article__picture img,.awards-item img,.card-cashbank img,.card-list__list-item .card-item__image-container img,.card-list__list-item .card-item__wrap,.card-list__list-item-display .card-item__image-container img,.card-list__list-item-display .card-item__wrap,.effect-box-hover,.effect-img-hover img,.news-info .news-leading__img img,.promotion-item img,.sidebar-module__img img,.story-tips-box .story-tips-img img {
    transition: .2s
}

.article-leader__picture:hover img,.article-tag__picture:hover img,.article__picture:hover img,.awards-item:hover img,.card-cashbank:hover img,.card-list__list-item .card-item__image-container:hover img,.card-list__list-item-display .card-item__image-container:hover img,.effect-img-hover:hover img,.news-info .news-leading__img:hover img,.promotion-item:hover img,.sidebar-module__img:hover img,.story-tips-box .story-tips-img:hover img {
    transform: scale(1.05)
}

.article-icon:hover,.article-leader:hover,.article-tag:hover,.article:hover,.card-list__list-item .card-item__wrap:hover,.card-list__list-item-display .card-item__wrap:hover,.effect-box-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 3px 20px rgba(84,87,88,.1)
}

.loading-mask,.loading-mask--global:after {
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%
}

.error-validate,label.error {
    color: #e10600;
    font-size: 1.4rem;
    margin: 0
}

.nav-tab--horizontal .nav-tab__link,.search-result__tab {
    margin: 0 -15px;
    padding: 0;
    display: flex;
    white-space: nowrap;
    overflow-x: auto
}

@media screen and (min-width: 992px) {
    .nav-tab--horizontal .nav-tab__link {
        display:block;
        width: 270px;
        border: 1px solid #dde6e8;
        overflow-x: inherit;
        white-space: inherit;
        border-radius: 4px
    }
}

.nav-tab--horizontal .nav-tab__link li {
    margin: 0
}

.nav-tab--horizontal .nav-tab__link li h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
    padding: 16px;
    text-transform: uppercase;
    margin: 0
}

.nav-tab--horizontal .nav-tab__link li a {
    display: block;
    border: none;
    padding: 16px;
    font-size: 1.4rem;
    font-weight: 600;
    color: #545758
}

.nav-tab--horizontal .nav-tab__link li a.active,.nav-tab--horizontal .nav-tab__link li a:hover {
    background: #f4f7f8;
    color: #00b74f
}

.nav-tab--horizontal .nav-tab__content {
    border: 1px solid transparent;
    padding: 15px 0 38px
}

.nav-tab--horizontal .nav-tab__content .tab-pane.active {
    height: 100%
}

.loading-mask {
    display: none;
    width: 64px;
    height: 64px;
    position: absolute
}

.loading-mask--global {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: hsla(0,0%,100%,.5);
    transform: translate(0)
}

.loading-mask--global:after {
    position: fixed
}

.loading-mask.show {
    display: inline-block;
    z-index: 99
}

.loading-mask:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 1px;
    border-radius: 50%;
    border-color: #00b74f transparent #e10600;
    border-style: solid;
    border-width: 5px;
    animation: 1.2s linear infinite load-icon
}

@keyframes load-icon {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.btn-with-line-gradient {
    position: relative;
    width: 100%;
    text-align: center
}

.btn-with-line-gradient .line-gradient {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg,#015aad,#00b74f)
}

.title-center-mobile {
    justify-content: center
}

#scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
    border-radius: 10px;
    background-color: #fff
}

#scroll::-webkit-scrollbar {
    width: 8px;
    background: #fff
}

#scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #ccc;
    background-color: #b5bec1
}

.custom-scroll {
    overflow-y: auto;
    touch-action: pan-y
}

.custom-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
    border-radius: 10px;
    background-color: #fff
}

.custom-scroll::-webkit-scrollbar {
    width: 8px;
    background: #fff
}

.custom-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #dde6e8;
    background-color: #dde6e8
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .button-add-card .content:hover,.compare-cards__content__add-card .list-compare .card-item-action__card-image-container:hover {
    box-shadow: 0 3px 20px rgba(0,0,0,.1)
}

.animated-fast,.animated-on-scroll-fast {
    animation-duration: .4s;
    animation-fill-mode: both;
    opacity: 0
}

.animated,.animated-on-scroll {
    animation-duration: .7s;
    animation-fill-mode: both;
    opacity: 0
}

.animated-on-scroll-slow,.animated-slow {
    animation-duration: 1s;
    animation-fill-mode: both;
    opacity: 0
}

.delay-100,.delay-100:after,.delay-100:before {
    animation-delay: .1s;
    transition-delay: 0.1s
}

.delay-200,.delay-200:after,.delay-200:before {
    animation-delay: .2s;
    transition-delay: 0.2s
}

.delay-300,.delay-300:after,.delay-300:before {
    animation-delay: .3s;
    transition-delay: 0.3s
}

.delay-400,.delay-400:after,.delay-400:before {
    animation-delay: .4s;
    transition-delay: 0.4s
}

.delay-500,.delay-500:after,.delay-500:before {
    animation-delay: .5s;
    transition-delay: 0.5s
}

.delay-600,.delay-600:after,.delay-600:before {
    animation-delay: .6s;
    transition-delay: 0.6s
}

.delay-700,.delay-700:after,.delay-700:before {
    animation-delay: .7s;
    transition-delay: 0.7s
}

.delay-800,.delay-800:after,.delay-800:before {
    animation-delay: .8s;
    transition-delay: 0.8s
}

.delay-900,.delay-900:after,.delay-900:before {
    animation-delay: .9s;
    transition-delay: 0.9s
}

.delay-1000,.delay-1000:after,.delay-1000:before {
    animation-delay: 1s;
    transition-delay: 1s
}

.delay-1100,.delay-1100:after,.delay-1100:before {
    animation-delay: 1.1s;
    transition-delay: 1.1s
}

.delay-1200,.delay-1200:after,.delay-1200:before {
    animation-delay: 1.2s;
    transition-delay: 1.2s
}

.delay-1300,.delay-1300:after,.delay-1300:before {
    animation-delay: 1.3s;
    transition-delay: 1.3s
}

.delay-1400,.delay-1400:after,.delay-1400:before {
    animation-delay: 1.4s;
    transition-delay: 1.4s
}

.delay-1500,.delay-1500:after,.delay-1500:before {
    animation-delay: 1.5s;
    transition-delay: 1.5s
}

.delay-1600,.delay-1600:after,.delay-1600:before {
    animation-delay: 1.6s;
    transition-delay: 1.6s
}

.delay-1700,.delay-1700:after,.delay-1700:before {
    animation-delay: 1.7s;
    transition-delay: 1.7s
}

.delay-1800,.delay-1800:after,.delay-1800:before {
    animation-delay: 1.8s;
    transition-delay: 1.8s
}

.delay-1900,.delay-1900:after,.delay-1900:before {
    animation-delay: 1.9s;
    transition-delay: 1.9s
}

.delay-2000,.delay-2000:after,.delay-2000:before {
    animation-delay: 2s;
    transition-delay: 2s
}

.delay-2100,.delay-2100:after,.delay-2100:before {
    animation-delay: 2.1s;
    transition-delay: 2.1s
}

.delay-2200,.delay-2200:after,.delay-2200:before {
    animation-delay: 2.2s;
    transition-delay: 2.2s
}

.delay-2300,.delay-2300:after,.delay-2300:before {
    animation-delay: 2.3s;
    transition-delay: 2.3s
}

.delay-2400,.delay-2400:after,.delay-2400:before {
    animation-delay: 2.4s;
    transition-delay: 2.4s
}

.delay-2500,.delay-2500:after,.delay-2500:before {
    animation-delay: 2.5s;
    transition-delay: 2.5s
}

.delay-2600,.delay-2600:after,.delay-2600:before {
    animation-delay: 2.6s;
    transition-delay: 2.6s
}

.delay-2700,.delay-2700:after,.delay-2700:before {
    animation-delay: 2.7s;
    transition-delay: 2.7s
}

.delay-2800,.delay-2800:after,.delay-2800:before {
    animation-delay: 2.8s;
    transition-delay: 2.8s
}

.delay-2900,.delay-2900:after,.delay-2900:before {
    animation-delay: 2.9s;
    transition-delay: 2.9s
}

.delay-3000,.delay-3000:after,.delay-3000:before {
    animation-delay: 3s;
    transition-delay: 3s
}

.fadeInUp {
    animation-name: fadeInUp
}

.fadeInUpCustom {
    animation-name: fadeInUpCustom
}

.fadeInUp-big {
    animation-name: fadeInUpBig
}

.fadeInLeft {
    animation-name: fadeInLeft
}

.fadeInLeftFast {
    animation-name: fadeInLeftFast
}

.fadeInRightFast {
    animation-name: fadeInRightFast
}

.fadeInDown {
    animation-name: fadeInDown
}

.fadeOutDown {
    animation-name: fadeOutDown
}

.fadeInDownSmall {
    animation-name: fadeInDownSmall
}

.card-item,.library-item,.promotion-categories-desktop__list__items,.promotion-list-detail,.search-result__content__item,.story-tips-listing__content--item,.support-categories-desktop__list__items,.support-suggest-question-content__detail__items,.support-tag-content__detail__items,.tab-content-item,.you-maybe-interested-in__slide--item {
    animation: .5s linear fadeInUp
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-3rem,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftFast {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRightFast {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,3rem,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUpCustom {
    0% {
        opacity: 0;
        transform: translate3d(0,2.4rem,0)
    }

    50% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2.4rem,0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,6rem,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-3rem,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,3rem,0)
    }
}

@keyframes fadeInDownSmall {
    0% {
        opacity: 0;
        transform: translate3d(0,-1.5rem,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(3rem,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes animateOpacity {
    0%,80% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes animateSpecial {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .3
    }
}

.add-card-component .add-card-content {
    border-bottom: 1px solid #dde6e8;
    opacity: 1;
    transition: .4s
}

.add-card-component .add-card-content.disabled {
    opacity: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    transition: .3s
}

.add-card-component .add-card-content .card-action.disabled {
    opacity: .3;
    pointer-events: none
}

.card-name {
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 7px;
    display: inline-block
}

.card-action {
    color: #00b74f;
    border-radius: 25px;
    font-size: 1.4rem;
    cursor: pointer;
    padding: 1px 20px;
    border: 1px solid #00b74f;
    display: inline-block
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .button-add-card.remove-class-add-card,.compare-cards__content__add-card .list-compare-bottom .button-learn-more,.compare-cards__content__add-card .list-compare-bottom .card-item__card-image-container,.compare-cards__content__add-card .list-compare-bottom .card-item__remove-card-action,.compare-cards__content__add-card .list-compare-bottom .user-rating {
    display: none
}

.card-action:hover {
    color: #fff;
    background-color: #00b74f
}

.card-action:active,.card-action:focus {
    background-color: #00ea65;
    border-color: #00ea65;
    color: #fff
}

body.marked-add-card .add-card-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0
}

body.masked .add-card-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: .6;
    background: #000
}

.add-card-component {
    z-index: 4;
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    transition: .4s;
    box-shadow: 0 -3px 30px rgba(41,46,47,.1);
    overflow: auto;
    padding-top: 0;
    height: auto;
    max-height: calc(100% - 60px)
}

.autocomplete-items,.autocomplete-support-now-items {
    max-height: 325px;
    scrollbar-color: #afb8b6 #f4f7f8;
    scrollbar-width: thin
}

.add-card-component.closed {
    height: 0!important;
    overflow: hidden;
    border: none;
    padding: 0
}

.add-card-component__remove-all {
    background: 0 0;
    padding: 5px;
    font-size: 1.2rem;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fb4e4e;
    border: 1px solid #fb4e4e;
    position: absolute;
    line-height: 22px;
    text-align: center;
    top: 0;
    right: 0
}

.add-card-component__remove-all:active,.add-card-component__remove-all:focus,.add-card-component__remove-all:hover {
    border-color: #fa1c1c;
    color: #fa1c1c;
    outline: 0
}

.add-card-component__content,.support-form-register-content .vpbank-form form,.support-send-email-form .vpbank-form form {
    margin: 0 auto
}

.card-detail-content__body__item__right__list li p,.compare-cards .compare-layout__content__item p,.vpbank-form #successModal .modal-body img {
    margin-bottom: 10px
}

.add-card-component__content__close-button {
    display: none;
    position: fixed;
    z-index: 9;
    top: 60px;
    right: 0;
    cursor: pointer
}

.add-card-component__content__close-button.show {
    display: block
}

.add-card-component__content__close-button:after {
    position: absolute;
    width: 80px;
    height: 80px;
    right: -40px;
    top: -40px;
    content: "";
    background-color: #00b74f;
    z-index: 0;
    transform: rotate(45deg)
}

.add-card-component__content__close-button i {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    z-index: 1;
    cursor: pointer
}

.add-card-component__content .add-card-content {
    padding: 20px 0 45px
}

.add-card-component__content .add-card-content.mobile,.choose-food .slick-list,.investor-events-content__detail__left,.overview__media,.slideshow,.support-customer-feedback .customer-feedback-form__rating,.you-maybe-interested-in .slick-list {
    overflow: hidden
}

.add-card-component__content .add-card-content .slick-list {
    margin: 0 -26.5px
}

.add-card-component__content .add-card-content .slick-list .slick-track {
    display: flex
}

.add-card-component__content .add-card-content .slick-list .slick-track .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center
}

.add-card-component__content .add-card-content .slick-list .slick-track .slick-slide>div {
    height: 100%;
    width: 100%
}

.add-card-component__content .add-card-content .slick-list .slick-track .slick-slide>div>.credit-card-item {
    height: 100%
}

.add-card-component__content .add-card-content .slick-arrow {
    width: 25px;
    height: 25px;
    top: 34%;
    border-radius: 50%;
    border: 1px solid #6e7573
}

.add-card-component__content .add-card-content .slick-arrow:hover {
    background-color: #dde6e8;
    border: 1px solid #afb8b6
}

.add-card-component__content .add-card-content .slick-arrow:before {
    content: "";
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    width: 17px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain
}

.add-card-component__content .add-card-content .slick-arrow.slick-prev {
    left: -45px
}

.add-card-component__content .add-card-content .slick-arrow.slick-prev:before {
    background-image: url(/assets/images/icons/icon-arrow-left-img.png)
}

.add-card-component__content .add-card-content .slick-arrow.slick-next {
    right: -45px
}

.add-card-component__content .add-card-content .slick-arrow.slick-next:before {
    background-image: url(/assets/images/icons/icon-arrow-right-img.png)
}

.add-card-component__content .add-card-content .slick-dots {
    bottom: 15px
}

.add-card-component__content .add-card-content .slick-dots li.slick-active button:before {
    background: #00b74f;
    color: transparent
}

.add-card-component__content .add-card-content .slick-dots li button:before {
    width: 12px;
    height: 12px;
    border: 1px solid #00b74f;
    background: #fff;
    border-radius: 50%;
    color: transparent;
    opacity: 1
}

.add-card-component__content .add-card-content .credit-card-item {
    padding: 0 26.5px 11px;
    position: relative;
    overflow: hidden
}

.add-card-component__content .add-card-content .credit-card-item .card-image {
    width: 105px;
    height: 70px;
    float: left;
    border-radius: 10px;
    margin-right: 15px
}

.add-card-component__content .add-card-content .credit-card-item .card-image img {
    border-radius: 10px
}

.add-card-component__content .add-card-content .credit-card-item span.deactivated-by-choice,.add-card-component__content .add-card-content .credit-card-item span.deactivated-by-count {
    pointer-events: none;
    opacity: .3
}

.add-card-component__content .add-card-content .credit-card-item .card-name,.compare-cards__content__add-card .card-item-action__card-image-container .add-button span,.compare-cards__content__add-card .card-item__card-image-container .add-button span {
    display: block
}

.add-card-component__content .add-card-content .credit-card-item .card-action {
    padding: 1px 19px
}

.add-card-component__content .add-card-content .credit-card-item .card-action.deactivated-by-choice,.add-card-component__content .add-card-content .credit-card-item .card-action.deactivated-by-count {
    pointer-events: none;
    opacity: .3
}

.add-card-component .basic-accordion.large-collapse .compare-card__header {
    border-bottom: 2px solid transparent;
    margin: 14px 0 10px
}

.add-card-component .basic-accordion.large-collapse .compare-card__header .basic-accordion__card__header__text:hover {
    background: 0 0
}

.add-card-component .basic-accordion.large-collapse .compare-card__header .basic-accordion__card__header__text a {
    font-size: 2.4rem;
    padding: 0;
    color: #000
}

.add-card-component .basic-accordion.large-collapse .compare-card__header .basic-accordion__card__header__text a i {
    z-index: 1;
    margin-right: 40px
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse__content {
    padding: 10px 0 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added {
    display: flex;
    width: 100%
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .item {
    display: flex;
    margin-bottom: 15px
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .item .card-image {
    width: 31%
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .item .card-image img {
    width: 100%;
    border-radius: 10px
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .item .card-infomation {
    position: relative;
    width: 41%;
    margin-left: 15px
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .button-add-card .content {
    position: relative;
    margin-top: 5px;
    width: 31%;
    border-radius: 10px;
    background: #f4f7f8;
    cursor: pointer
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .button-add-card .content:after {
    content: "";
    padding-bottom: 63.29114%;
    display: block
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .button-add-card .content .add-button {
    text-align: center;
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .button-add-card .content .add-button .plus {
    background: #fff;
    width: 23px;
    height: 23px;
    line-height: 23px;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
    display: inline-block
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .button-add-card .content .add-button .plus:before {
    color: #00b74f;
    cursor: pointer
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .button-add-card .content .add-button span {
    display: block;
    margin-top: 5px;
    font-size: 1.4rem
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .compare-button {
    text-align: center;
    position: relative;
    width: 100%;
    margin-top: 30px
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .compare-button .general-button {
    white-space: nowrap;
    padding: 8px 15px;
    width: 100%
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .compare-button .general-button.deactivated {
    pointer-events: none;
    opacity: .5
}

.add-card-component .basic-accordion.large-collapse .compare-card__collapse .compare-button .notice {
    margin-top: 12px;
    display: inline-block
}

.compare-cards .compare-layout {
    display: flex;
    flex-wrap: wrap
}

.compare-cards .compare-layout__title {
    width: 100%;
    padding: 10px 0;
    background-color: #f4f7f8;
    text-align: center
}

.compare-cards .compare-layout__title__text {
    margin: 0;
    color: #545758;
    font-family: SVN-Gilroy,sans-serif
}

.compare-cards .compare-layout__content {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.compare-cards .compare-layout__content__item {
    width: 50%;
    padding: 20px 0
}

.compare-cards .compare-layout__content__item>ul {
    font-size: 1.6rem;
    padding: 0 50px 0 30px
}

.compare-cards .compare-layout__content__item>ul>li {
    list-style-type: none;
    position: relative;
    margin-bottom: 10px
}

.compare-cards .compare-layout__content__item>ul>li:before {
    content: "";
    left: -30px;
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #00b74f;
    position: absolute;
    display: inline-block
}

.compare-cards__content .basic-accordion.large-collapse .basic-accordion__card:last-child {
    border-bottom: 2px solid rgba(110,117,115,.23)
}

.compare-cards__content .basic-accordion.large-collapse .basic-accordion__card__header {
    border-top: 2px solid rgba(110,117,115,.23);
    border-bottom: none
}

.compare-cards__content .basic-accordion__card__header__text {
    color: #545758;
    font-size: 2.4rem
}

.choose-food button.slick-next.slick-arrow.slick-disabled,.choose-food button.slick-prev.slick-arrow.slick-disabled,.compare-cards__content .basic-accordion__card__header__text:hover,.exchange-rate .interest-rate__content .nav-tab .nav-tab__content.nav-tab-rate,.flatpickr-calendar.animate.open .flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months:hover,.interest-rate button.slick-next.slick-arrow.slick-disabled,.interest-rate button.slick-prev.slick-arrow.slick-disabled,.you-maybe-interested-in button.slick-next.slick-arrow.slick-disabled,.you-maybe-interested-in button.slick-prev.slick-arrow.slick-disabled {
    background: 0 0
}

.compare-cards__content .basic-accordion__card__header__text a {
    font-size: inherit;
    padding: 0;
    color: #000
}

.compare-cards__content .basic-accordion__card__header__text a:hover {
    color: #000
}

.compare-cards__content .basic-accordion__card__header__text a i.ico.icon-remove {
    z-index: 1;
    font-size: 1.8rem
}

.compare-cards__content__add-card .welcome {
    font-size: 3rem;
    font-weight: 700;
    color: #545758
}

.compare-cards__content__add-card .introduction {
    color: #545758;
    font-size: 1.6rem;
    font-weight: 400;
    margin: 10px 0
}

.compare-cards__content__add-card .list-compare {
    padding: 40px 0 20px;
    margin: 0
}

@media screen and (min-width: 768px) {
    .article,.article-icon,.article-leader,.article-tag {
        margin:0;
        height: 100%
    }

    .nav-tab--horizontal .nav-tab__link {
        margin: 0
    }

    .card-name {
        display: block
    }

    .add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .button-add-card .content .add-button .plus {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .compare-cards .compare-layout__title {
        text-align: left;
        width: 180px;
        padding: 5px 5px 5px 0;
        background-color: transparent
    }

    .compare-cards .compare-layout__content {
        width: calc(100% - 180px)
    }

    .compare-cards .compare-layout__content__item {
        width: 33.33333%;
        padding: 5px 20px 5px 0
    }

    .compare-cards__content__add-card .list-compare {
        margin-bottom: 40px
    }

    .compare-cards__content__add-card .list-compare .row {
        margin: 0 -28px
    }

    .compare-cards__content__add-card .list-compare .row>[class^=col-] {
        padding: 0 28px
    }
}

.compare-cards__content__add-card .list-compare-top .slick-dotted.slick-slider {
    margin-bottom: 15px
}

.compare-cards__content__add-card .list-compare-bottom {
    margin-top: 5px;
    padding: 0 0 20px
}

.compare-cards__content__add-card .list-compare-bottom .slick-dotted.slick-slider,.related-other-card {
    margin-bottom: 20px
}

.compare-cards__content__add-card .list-compare .slick-arrow.slick-disabled,.compare-cards__content__add-card .list-compare-bottom .slick-arrow,.compare-cards__content__add-card .list-compare-bottom .slick-dots {
    display: none!important
}

.compare-cards__content__add-card .list-compare-bottom .card-item__card-name {
    margin: 20px 0 25px
}

.compare-cards__content__add-card .list-compare-bottom .card-item__choice-action-button {
    margin: 0
}

.compare-cards__content__add-card .list-compare-bottom .card-item-action__card-image-container,.support-customer-feedback .modal-default-false .result-modal-body .btn,.support-customer-feedback .result-modal-body--success .btn {
    margin-top: 20px
}

.compare-cards__content__add-card .list-compare .slick-dots {
    top: -45px;
    bottom: auto
}

.award .slick-dotted.slick-slider .slick-dots li.slick-active button:before,.compare-cards__content__add-card .list-compare .slick-dots li.slick-active button:before,.development .slick-dotted.slick-slider .slick-dots li.slick-active button:before,.proud .slick-dotted.slick-slider .slick-dots li.slick-active button:before {
    background: #00b74f;
    color: transparent
}

.award .slick-dotted.slick-slider .slick-dots li button:before,.compare-cards__content__add-card .list-compare .slick-dots li button:before,.development .slick-dotted.slick-slider .slick-dots li button:before,.proud .slick-dotted.slick-slider .slick-dots li button:before {
    width: 12px;
    height: 12px;
    border: 1px solid #00b74f;
    background: #fff;
    border-radius: 50%;
    color: transparent;
    opacity: 1
}

.compare-cards__content__add-card .list-compare .slick-arrow {
    z-index: 1;
    width: 20px;
    height: 40px;
    top: 13%;
    background: #afb8b6;
    color: #00b74f
}

.compare-cards__content__add-card .list-compare .slick-arrow:before {
    font-family: icomoon;
    color: #00b74f;
    font-size: 1.6rem
}

.compare-cards__content__add-card .list-compare .slick-arrow.slick-prev,.find-card-modal.modal .modal-content .card-result .slick-arrow.slick-prev {
    left: 0;
    border-radius: 0 20px 20px 0
}

.form-documents-list-bar-content.smooth-scroll-list .desktop__list.slick-slider .slick-arrow.slick-prev,.investor-list-bar-content.smooth-scroll-list .desktop__list.slick-slider .slick-arrow.slick-prev {
    left: -30px
}

.compare-cards__content__add-card .list-compare .slick-arrow.slick-next,.find-card-modal.modal .modal-content .card-result .slick-arrow.slick-next {
    right: 0;
    border-radius: 20px 0 0 20px
}

.form-documents-list-bar-content.smooth-scroll-list .desktop__list.slick-slider .slick-arrow.slick-next,.investor-list-bar-content.smooth-scroll-list .desktop__list.slick-slider .slick-arrow.slick-next {
    right: -30px
}

.compare-cards__content__add-card .list-compare .slick-arrow.slick-next:before {
    content: "\E916"
}

.compare-cards__content__add-card .list-compare .card-item-action__card-image-container,.promotion-filter-dropdown-mobile .promotion-dropdown-mobile {
    cursor: pointer
}

.smooth-scroll-list .mobile.open .mobile__list,.year-slick__menu__list {
    box-shadow: 0 10px 10px rgba(84,87,88,.1)
}

.compare-cards__content__add-card .card-item,.compare-cards__content__add-card .card-item-action {
    text-align: left;
    padding: 0 19px
}

.compare-cards__content__add-card .card-item-action__card-name,.compare-cards__content__add-card .card-item__card-name {
    margin: 20px 0 15px;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: SVN-Gilroy,sans-serif;
    color: #000
}

.compare-cards__content__add-card .card-item-action__card-image-container,.compare-cards__content__add-card .card-item__card-image-container {
    position: relative;
    display: block;
    border-radius: 16px
}

.compare-cards__content__add-card .card-item-action__card-image-container:after,.compare-cards__content__add-card .card-item__card-image-container:after {
    display: block;
    padding-bottom: 63%;
    content: ""
}

.compare-cards__content__add-card .card-item-action__card-image-container .card-image,.compare-cards__content__add-card .card-item__card-image-container .card-image {
    position: absolute;
    width: 100%;
    height: 100%
}

.compare-cards__content__add-card .card-item-action__card-image-container .add-button,.compare-cards__content__add-card .card-item__card-image-container .add-button {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    width: 100%
}

.compare-cards__content__add-card .card-item-action__card-image-container .add-button .plus,.compare-cards__content__add-card .card-item__card-image-container .add-button .plus {
    background: #fff;
    width: 37px;
    height: 37px;
    line-height: 37px;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 8px;
    display: inline-block
}

.compare-cards__content__add-card .card-item-action__card-image-container .add-button .plus:before,.compare-cards__content__add-card .card-item__card-image-container .add-button .plus:before {
    color: #00b74f;
    cursor: pointer;
    font-size: 1.8rem
}

.compare-cards__content__add-card .card-item-action__choice-action-button,.compare-cards__content__add-card .card-item__choice-action-button {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-content .sub-item .sub-sub-item:first-child,.compare-cards__content__mutual-benefits-cards {
    margin-top: 15px
}

.compare-cards__content__add-card .card-item-action__choice-action-button .btn,.compare-cards__content__add-card .card-item__choice-action-button .btn {
    white-space: nowrap;
    padding: .3rem 1rem
}

@media screen and (min-width: 768px) {
    .compare-cards__content__add-card .list-compare .slick-arrow.slick-prev {
        left:-11px
    }

    .compare-cards__content__add-card .list-compare .slick-arrow.slick-next {
        right: -11px
    }

    .compare-cards__content__add-card .card-item-action__card-image-container .add-button .plus,.compare-cards__content__add-card .card-item__card-image-container .add-button .plus {
        width: 60px;
        height: 60px;
        line-height: 60px
    }

    .compare-cards__content__add-card .card-item-action__card-image-container .add-button .plus:before,.compare-cards__content__add-card .card-item__card-image-container .add-button .plus:before {
        font-size: 2.4rem
    }

    .compare-cards__content__add-card .card-item-action__choice-action-button .btn,.compare-cards__content__add-card .card-item__choice-action-button .btn {
        padding: .8rem 1rem
    }
}

.compare-cards__content__add-card .card-item-action__choice-action-button .btn.button-apply,.compare-cards__content__add-card .card-item__choice-action-button .btn.button-apply {
    margin-bottom: 12px;
    width: 100%
}

.compare-cards__content__add-card .card-item-action__remove-card-action,.compare-cards__content__add-card .card-item__remove-card-action {
    color: #00b74f;
    padding: 2px 20px;
    border: 1px solid #00b74f;
    border-radius: 25px;
    font-size: 1.4rem;
    font-weight: 400;
    cursor: pointer;
    display: inline-block
}

.compare-cards__content__add-card .card-item-action__remove-card-action:hover,.compare-cards__content__add-card .card-item__remove-card-action:hover {
    background-color: #00b74f;
    color: #fff
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-content .sub-item:last-child .collapse-header.active,.compare-cards__content__add-card .card-item-action__card-image-container,.compare-cards__content__registration-conditions .add-card .card-item-action__card-image-container {
    background-color: #f4f7f8
}

.compare-cards__content__add-card .card-item-action.remove {
    display: none
}

.compare-cards__content__benefits-cards .main-benefits-cards ul.list-item {
    padding: 0;
    list-style: square
}

.compare-cards__content__registration-conditions .add-card {
    margin-top: 15px;
    text-align: center;
    font-weight: 700
}

.compare-cards__content__registration-conditions .add-card .card-image-container,.compare-cards__content__registration-conditions .add-card .card-item-action__card-image-container,.compare-cards__content__registration-conditions .add-card .card-item__card-image-container {
    position: relative;
    display: block;
    border-radius: 16px
}

.compare-cards__content__registration-conditions .add-card .card-image-container:after {
    display: block;
    padding-bottom: 50%;
    content: ""
}

.compare-cards__content__registration-conditions .add-card .card-image-container .card-image,.compare-cards__content__registration-conditions .add-card .card-item-action__card-image-container .card-image,.compare-cards__content__registration-conditions .add-card .card-item__card-image-container .card-image {
    position: absolute;
    width: 100%;
    height: 100%
}

.compare-cards__content__registration-conditions .add-card .card-image-container .add-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.compare-cards__content__registration-conditions .add-card .card-image-container .plus {
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    margin: 0 auto 15px
}

.compare-cards__content__registration-conditions .add-card .card-image-container .plus:before {
    color: #28a745;
    cursor: pointer
}

.compare-cards__content__registration-conditions .add-card .card-image-container span {
    display: block;
    margin-top: 5px
}

.compare-cards__content__registration-conditions .add-card .card-item,.compare-cards__content__registration-conditions .add-card .card-item-action {
    text-align: left;
    padding: 0 19px
}

.compare-cards__content__registration-conditions .add-card .card-item-action__card-name,.compare-cards__content__registration-conditions .add-card .card-item__card-name {
    margin: 20px 0 15px;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: SVN-Gilroy,sans-serif;
    color: #000
}

.compare-cards__content__registration-conditions .add-card .card-item-action__card-image-container:after,.compare-cards__content__registration-conditions .add-card .card-item__card-image-container:after {
    display: block;
    padding-bottom: 63%;
    content: ""
}

.card-list.i-want-to-list-content .card-list__list-item-display-null.hide,.card-list__filter>span,.compare-cards__content__registration-conditions .add-card .card-item-action.remove {
    display: none
}

.compare-cards__content__registration-conditions .add-card .card-item-action__card-image-container .add-button,.compare-cards__content__registration-conditions .add-card .card-item__card-image-container .add-button {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    width: 100%
}

.compare-cards__content__registration-conditions .add-card .card-item-action__card-image-container .add-button .plus,.compare-cards__content__registration-conditions .add-card .card-item__card-image-container .add-button .plus {
    background: #fff;
    width: 37px;
    height: 37px;
    line-height: 37px;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 8px;
    display: inline-block
}

.compare-cards__content__registration-conditions .add-card .card-item-action__card-image-container .add-button .plus:before,.compare-cards__content__registration-conditions .add-card .card-item__card-image-container .add-button .plus:before {
    color: #00b74f;
    cursor: pointer;
    font-size: 1.8rem
}

.compare-cards__content__registration-conditions .add-card .card-item-action__card-image-container .add-button span,.compare-cards__content__registration-conditions .add-card .card-item__card-image-container .add-button span {
    display: block
}

.compare-cards__content__registration-conditions .add-card .card-item-action__choice-action-button,.compare-cards__content__registration-conditions .add-card .card-item__choice-action-button {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap
}

.compare-cards__content__registration-conditions .add-card .card-item-action__choice-action-button .btn,.compare-cards__content__registration-conditions .add-card .card-item__choice-action-button .btn {
    white-space: nowrap;
    padding: .3rem 1rem
}

@media screen and (min-width: 768px) {
    .compare-cards__content__registration-conditions .add-card .card-item-action__card-image-container .add-button .plus,.compare-cards__content__registration-conditions .add-card .card-item__card-image-container .add-button .plus {
        width:60px;
        height: 60px;
        line-height: 60px
    }

    .compare-cards__content__registration-conditions .add-card .card-item-action__card-image-container .add-button .plus:before,.compare-cards__content__registration-conditions .add-card .card-item__card-image-container .add-button .plus:before {
        font-size: 2.4rem
    }

    .compare-cards__content__registration-conditions .add-card .card-item-action__choice-action-button .btn,.compare-cards__content__registration-conditions .add-card .card-item__choice-action-button .btn {
        padding: .8rem 1rem
    }
}

.compare-cards__content__registration-conditions .add-card .card-item-action__choice-action-button .btn.button-apply,.compare-cards__content__registration-conditions .add-card .card-item__choice-action-button .btn.button-apply {
    margin-bottom: 12px;
    width: 100%
}

.compare-cards__content__registration-conditions .add-card .card-item-action__choice-action-button .btn.button-learn-more,.compare-cards__content__registration-conditions .add-card .card-item__choice-action-button .btn.button-learn-more {
    width: 100%
}

.compare-cards__content__registration-conditions .add-card .card-item-action__remove-card-action,.compare-cards__content__registration-conditions .add-card .card-item__remove-card-action {
    color: #00b74f;
    padding: 2px 20px;
    border: 1px solid #00b74f;
    border-radius: 25px;
    font-size: 1.4rem;
    font-weight: 400;
    cursor: pointer;
    display: inline-block
}

.compare-cards__content__registration-conditions .add-card .card-item-action__remove-card-action:hover,.compare-cards__content__registration-conditions .add-card .card-item__remove-card-action:hover {
    background-color: #00b74f;
    color: #fff
}

.header__text {
    position: absolute;
    top: 53px
}

.header__text__sub-title {
    font-size: 25px
}

.header__text__title {
    font-size: 80px;
    font-weight: 700
}

.header__text__detail {
    font-size: 35px;
    font-weight: 400
}

.card-list {
    margin: 25px 0;
    position: relative;
    z-index: 3
}

.card-list.i-want-to-list-content {
    margin: 40px 0
}

.cal-installment-interest .calculation__installment-interest,.cal-savings-interest .calculation__savings-interest,.card-list.i-want-to-list-content .card-list__list-item-display-null,.general-introduction-content,.shareholder-meeting-content,.unsubcribe__action {
    padding-top: 30px
}

.card-list.none-card-action .card-item__wrap {
    padding-bottom: 80px
}

.card-list__filter>span {
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #545758;
    font-weight: 600
}

@media screen and (min-width: 992px) {
    .nav-tab--horizontal .nav-tab__content {
        width:calc(100% - 270px);
        border: none;
        padding: 0 15px 0 54px
    }

    .title-center-mobile {
        text-align: left;
        justify-content: space-between
    }

    .card-action {
        padding: 1px 15px;
        font-size: 1.2rem;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .add-card-component {
        padding-top: 0;
        max-height: inherit
    }

    .add-card-component__remove-all {
        top: 3px
    }

    .add-card-component__content .add-card-content {
        padding: 40px 0 30px
    }

    .add-card-component__content .add-card-content .slick-list {
        text-align: center
    }

    .add-card-component__content .add-card-content .credit-card-item {
        padding: 0 25px 10px
    }

    .add-card-component__content .add-card-content .credit-card-item .card-image {
        height: auto;
        width: 100%;
        margin-bottom: 16px;
        margin-right: 0
    }

    .add-card-component__content .add-card-content .credit-card-item .card-name {
        margin-top: 12px
    }

    .add-card-component__content .add-card-content .credit-card-item .card-action {
        padding: 1px 9px;
        font-size: 1.2rem;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    .add-card-component .basic-accordion.large-collapse .compare-card__header {
        border: none;
        margin-bottom: 18px
    }

    .add-card-component .basic-accordion.large-collapse .compare-card__header .basic-accordion__card__header__text a,.compare-cards__content .basic-accordion__card__header__text {
        font-size: 3rem
    }

    .add-card-component .basic-accordion.large-collapse .compare-card__collapse__content {
        padding-bottom: 25px;
        flex-direction: row
    }

    .add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added {
        width: calc(100% - 170px)
    }

    .add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .item {
        margin-bottom: 0
    }

    .add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .item .card-image {
        width: 45%
    }

    .add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .item .card-infomation {
        margin-left: 20px
    }

    .add-card-component .basic-accordion.large-collapse .compare-card__collapse .list-card-added .button-add-card .content {
        margin-top: 0;
        width: 45%
    }

    .add-card-component .basic-accordion.large-collapse .compare-card__collapse .compare-button {
        width: 170px;
        margin-top: 0
    }

    .add-card-component .basic-accordion.large-collapse .compare-card__collapse .compare-button .general-button {
        padding: 5px 15px
    }

    .add-card-component .basic-accordion.large-collapse .compare-card__collapse .compare-button .notice {
        margin-top: 10px;
        font-size: 1.4rem
    }

    .compare-cards__content .basic-accordion.large-collapse .basic-accordion__card:last-child {
        border-bottom: none
    }

    .compare-cards__content .basic-accordion.large-collapse .basic-accordion__card__header {
        border-top: none;
        border-bottom: 2px solid rgba(110,117,115,.23)
    }

    .compare-cards__content__add-card .welcome {
        font-size: 4.8rem;
        text-align: center
    }

    .compare-cards__content__add-card .introduction {
        font-size: 2.4rem;
        margin: 0 0 40px;
        text-align: center
    }

    .compare-cards__content__add-card .list-compare {
        padding: 0;
        margin: 0 0 45px 180px
    }

    .compare-cards__content__add-card .list-compare-top .slick-dotted.slick-slider {
        margin-bottom: 30px
    }

    .compare-cards__content__add-card .list-compare-bottom {
        margin: 70px 0 90px 180px;
        padding-bottom: 0
    }

    .compare-cards__content__add-card .list-compare-bottom .slick-dotted.slick-slider {
        margin-bottom: 30px
    }

    .compare-cards__content__add-card .list-compare-bottom .button-learn-more,.compare-cards__content__add-card .list-compare-bottom .card-item__card-image-container {
        display: block
    }

    .compare-cards__content__add-card .list-compare-bottom .card-item-action__card-image-container {
        margin-top: 0
    }

    .compare-cards__content__add-card .card-item,.compare-cards__content__add-card .card-item-action,.compare-cards__content__registration-conditions .add-card .card-item,.compare-cards__content__registration-conditions .add-card .card-item-action {
        padding: 0 15px
    }

    .compare-cards__content__add-card .card-item-action__card-name,.compare-cards__content__add-card .card-item__card-name,.compare-cards__content__registration-conditions .add-card .card-item-action__card-name,.compare-cards__content__registration-conditions .add-card .card-item__card-name {
        font-size: 2rem
    }

    .compare-cards__content__add-card .card-item-action__remove-card-action,.compare-cards__content__add-card .card-item__remove-card-action,.compare-cards__content__registration-conditions .add-card .card-item-action__remove-card-action,.compare-cards__content__registration-conditions .add-card .card-item__remove-card-action {
        padding: 2px 15px;
        font-size: 1.2rem
    }

    .card-list__filter>span {
        display: inline-block;
        margin-right: 10px;
        line-height: 42px
    }
}

.card-list__filter__list {
    padding: 0;
    margin: 0;
    display: none
}

@media screen and (min-width: 992px) {
    .card-list__filter__list {
        display:inline-block;
        max-width: 70%;
        vertical-align: top
    }
}

.card-list__filter__list>li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-right: 10px
}

@media screen and (min-width: 992px) {
    .card-list__filter__list>li {
        margin-right:4px;
        margin-bottom: 5px
    }
}

@media screen and (min-width: 1400px) {
    .add-card-component__content {
        padding:0 90px
    }

    .add-card-component__content .add-card-content .slick-arrow {
        width: 42px;
        height: 42px
    }

    .add-card-component__content .add-card-content .slick-arrow.slick-prev {
        left: -90px
    }

    .add-card-component__content .add-card-content .slick-arrow.slick-next {
        right: -90px
    }

    .compare-cards__content__add-card .card-item-action__choice-action-button .btn,.compare-cards__content__add-card .card-item__choice-action-button .btn,.compare-cards__content__registration-conditions .add-card .card-item-action__choice-action-button .btn,.compare-cards__content__registration-conditions .add-card .card-item__choice-action-button .btn {
        padding: .5rem 3rem
    }

    .card-list__filter>span {
        margin-right: 20px;
        line-height: 54px
    }

    .card-list__filter__list>li {
        margin-right: 12px
    }
}

.card-list__filter__list>li:last-child,.find-card-modal.modal .modal-content .action-wrap button:first-child {
    margin-right: 0
}

.card-list__filter__list>li:hover .child-filter {
    opacity: 1;
    z-index: 2;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    visibility: visible;
    top: 100%
}

.card-list__filter__list--mobile {
    display: block
}

.card-list__filter__list--mobile.menu-collapse.item {
    margin: 0 -15px;
    font-size: 1.4rem
}

.card-list__filter__list--mobile.menu-collapse.item .filter-option {
    display: block;
    color: inherit
}

.card-list__filter__list--mobile.menu-collapse.item .filter-option:hover {
    text-decoration: none
}

.card-list__filter__list--mobile.menu-collapse.item .filter-option.active {
    color: #00b74f;
    font-weight: 700
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-header {
    font-size: inherit;
    color: #545758;
    background-color: #fff;
    border-bottom: 1px solid #b5bec1;
    position: relative;
    text-transform: uppercase
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-header:only-child i,.card-list__list-item {
    display: none
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-header.collapsed,.find-card-modal.modal .modal-content .card-result-content p span {
    color: #00b74f
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-header.collapsed:after,.promotion-filter-categories-desktop .promotion-categories-desktop .close a.collapsed i,.promotion-filter-categories-mobile.promotion-filter-categories-desktop .promotion-categories-mobile-heading.collapsed:after {
    transform: rotate(180deg)
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-header i {
    position: absolute;
    right: 15px;
    top: 15px
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-content .sub-item .collapse-content {
    background-color: #c4f5d0
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-content .sub-item .sub-sub-item {
    background-color: #c4f5d0;
    padding: 10px 30px
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-content .sub-item .sub-sub-item:last-child,.promotion-list-detail {
    margin-bottom: 15px
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-content .sub-item .collapse-header.active {
    background-color: #c4f5d0;
    color: #00b74f
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-content .sub-item .collapse-header.active+.collapse-content {
    border-bottom: 1px solid #b5bec1
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-content .sub-item:last-child .collapse-header {
    border-bottom: 1px solid transparent
}

.card-list__filter__list--mobile.menu-collapse.item .collapse-content .sub-item:last-child .collapse-header.active+.collapse-content {
    border-top: 1px solid #b5bec1
}

.card-list__filter__list--mobile.menu-collapse.item.active .collapse-content {
    box-shadow: 0 30px 30px rgba(84,87,88,.1)
}

.card-list__filter__list--mobile.menu-collapse.item>.collapse-header {
    font-size: 1.6rem;
    border-bottom: 1px solid transparent
}

.card-list__filter__list--mobile.menu-collapse.item>.collapse-header.collapsed {
    color: #545758;
    border-bottom: 1px solid #b5bec1
}

.card-list__filter__list--mobile.menu-collapse.item>.collapse-header i {
    font-size: 1.6rem;
    margin-right: 10px
}

.card-list__filter__list--mobile .icon-filter-list,.news-info .wrap-news__list {
    padding-right: 10px
}

.card-list__filter .choice-button {
    background-color: #fff;
    color: #000;
    border: 1px solid #dde6e8;
    line-height: 20px;
    font-size: 1.6rem;
    outline: 0;
    border-radius: 4px;
    padding: 10px 15px;
    transition: .2s;
    font-weight: 700;
    display: block
}

@media screen and (min-width: 1200px) {
    .back-to-top {
        right:20px
    }

    .compare-cards__content__add-card .card-item-action__choice-action-button .btn.button-apply,.compare-cards__content__add-card .card-item__choice-action-button .btn.button-apply,.compare-cards__content__registration-conditions .add-card .card-item-action__choice-action-button .btn.button-apply,.compare-cards__content__registration-conditions .add-card .card-item__choice-action-button .btn.button-apply {
        width: 45%;
        padding: 5px 10px;
        margin-right: 10px;
        margin-bottom: 0
    }

    .compare-cards__content__add-card .card-item-action__choice-action-button .btn.button-learn-more,.compare-cards__content__add-card .card-item__choice-action-button .btn.button-learn-more,.compare-cards__content__registration-conditions .add-card .card-item-action__choice-action-button .btn.button-learn-more,.compare-cards__content__registration-conditions .add-card .card-item__choice-action-button .btn.button-learn-more {
        width: calc(55% - 10px);
        padding: 5px 15px
    }

    .card-list {
        margin: 40px 0
    }

    .card-list.i-want-to-list-content {
        margin: 50px 0
    }

    .card-list__filter__list {
        max-width: 75%
    }

    .card-list__filter .choice-button {
        padding: 10px
    }
}

.card-list__filter .choice-button:hover {
    background-color: #fff;
    color: #00b74f;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(0,0,0,.1)
}

.card-list__filter .choice-button.active {
    background: #00b74f;
    color: #fff
}

.card-list__filter .child-filter {
    background: #c4f5d0;
    display: flex;
    padding: 0;
    margin-top: 16px;
    opacity: 0;
    position: absolute;
    top: 120%;
    left: 0;
    transition: .2s;
    visibility: hidden;
    border-radius: 4px
}

.card-list__filter .child-filter:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 0;
    width: 100%;
    height: 16px
}

.card-list__filter .child-filter:after {
    content: "";
    position: absolute;
    top: -16px;
    left: 40px;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom-color: #c4f5d0
}

.card-list__filter .child-filter-item {
    list-style: none;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 18px 15px;
    color: #000;
    transition: .1s
}

.card-list__filter .child-filter-item.active,.card-list__filter .child-filter-item:hover {
    color: #00b74f;
    cursor: pointer
}

.card-list__button {
    display: flex;
    margin-top: 0
}

.card-list__button .dropdown-menu {
    width: 230px
}

.card-list__button .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center
}

.card-list__button .dropdown-menu .dropdown-item:focus img,.card-list__button .dropdown-menu .dropdown-item:hover img {
    filter: invert(25%) sepia(40%) saturate(2882%) hue-rotate(108deg) brightness(140%) contrast(100%)
}

.card-list__button .dropdown-menu .dropdown-item img {
    margin-right: 5px;
    max-width: 32px
}

.card-list__button .dropdown-menu .dropdown-item.disabled img {
    opacity: .5
}

.card-list__button>.btn {
    width: calc(50% - 5px);
    padding: .8rem 1rem;
    display: flex;
    line-height: 1.3;
    letter-spacing: 0;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 375px) {
    .card-list__button>.btn {
        padding:.8rem 2rem
    }
}

@media screen and (min-width: 992px) {
    .card-list__filter__list--mobile {
        display:none
    }

    .card-list__button {
        margin-top: 0;
        display: inline-block;
        float: right;
        text-align: right
    }

    .card-list__button>.btn {
        display: inline-block;
        width: auto;
        line-height: 2;
        padding: .5rem 2rem
    }
}

.card-list__button>.btn+.btn,.vpbank-form #successModal .modal-body .ticket-vote .title:after {
    margin-left: 15px
}

@media screen and (min-width: 768px) {
    .card-list__button>.btn+.btn {
        margin-left:30px
    }
}

.card-list__button>.btn.deactivated,.pagination .page-item:first-child .page-link.disabled,.pagination .page-item:last-child .page-link.disabled {
    pointer-events: none;
    opacity: .5
}

.card-list__clear-float,.slick-track:after {
    clear: both
}

.card-list__list-item-display {
    margin-bottom: 0
}

.card-list__list-item,.card-list__list-item-display {
    padding-top: 16px
}

.card-list__list-item .card-item,.card-list__list-item-display .card-item {
    margin-bottom: 25px
}

.card-list__list-item .card-item__wrap,.card-list__list-item-display .card-item__wrap {
    position: relative;
    height: 100%;
    padding-bottom: 165px;
    border: 1px solid #f4f7f8;
    box-shadow: 0 12px 40px rgba(28,28,30,.06)
}

.card-list__list-item .card-item__image-container,.card-list__list-item-display .card-item__image-container {
    text-align: center;
    position: relative
}

.card-list__list-item .card-item__image-container a,.card-list__list-item-display .card-item__image-container a {
    position: relative;
    display: block;
    min-height: 50px
}

.card-list__list-item .card-item__image-container--card-image,.card-list__list-item-display .card-item__image-container--card-image {
    width: 100%
}

.card-list__list-item .card-item__image-container--tag,.card-list__list-item-display .card-item__image-container--tag {
    position: absolute;
    left: 15px;
    top: 10px;
    background-color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
    color: #000;
    padding: 6px 10px;
    line-height: normal
}

.card-list__list-item .card-item__wishlist,.card-list__list-item-display .card-item__wishlist {
    position: absolute;
    right: 15px;
    top: 15px;
    line-height: 0
}

.card-list__list-item .card-item__wishlist label,.card-list__list-item-display .card-item__wishlist label {
    position: relative;
    margin-bottom: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 14px rgba(0,0,0,.14);
    display: inline-block
}

.card-list__list-item .card-item__wishlist input[type=checkbox],.card-list__list-item-display .card-item__wishlist input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.card-list__list-item .card-item__wishlist input[type=checkbox]+label:before,.card-list__list-item-display .card-item__wishlist input[type=checkbox]+label:before {
    content: "";
    background: url(assets/images/heart.png) no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 13px;
    transform: translate(-50%,-50%)
}

.card-experience__image-container--wishlist input[type=checkbox]:checked+label:before,.card-list__list-item .card-item__wishlist input[type=checkbox]:checked+label:before,.card-list__list-item-display .card-item__wishlist input[type=checkbox]:checked+label:before,.your-promotion-item--wishlist input[type=checkbox]:checked+label:after {
    background: url(assets/images/heart-active.png) no-repeat
}

.card-list__list-item .card-item__description,.card-list__list-item-display .card-item__description {
    padding: 10px 15px;
    position: relative
}

.card-list__list-item .card-item__description .card-type,.card-list__list-item-display .card-item__description .card-type {
    color: #00b74f;
    font-size: 1.2rem;
    text-transform: uppercase
}

.card-list__list-item .card-item__description .card-type:hover,.card-list__list-item-display .card-item__description .card-type:hover {
    text-decoration: none
}

.card-list__list-item .card-item__description .name,.card-list__list-item-display .card-item__description .name {
    font-family: SVN-Gilroy,sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
    margin: 7px 0
}

.card-list__list-item .card-item__description .name a,.card-list__list-item-display .card-item__description .name a {
    color: #000
}

.card-list__list-item .card-item__description .name a:hover,.card-list__list-item-display .card-item__description .name a:hover {
    text-decoration: none;
    color: #00b74f
}

.card-list__list-item .card-item__description .description,.card-list__list-item-display .card-item__description .description {
    font-size: 1.6rem;
    color: #6e7573;
    font-weight: 600
}

.card-list__list-item .card-item__action,.card-list__list-item-display .card-item__action {
    position: absolute;
    bottom: 0;
    width: 100%
}

.card-list__list-item .card-item__action .add-compare,.card-list__list-item-display .card-item__action .add-compare {
    text-transform: uppercase;
    padding: 0 15px
}

.card-list__list-item .card-item__action .add-compare span,.card-list__list-item-display .card-item__action .add-compare span {
    color: #6e7573;
    text-transform: uppercase;
    font-size: 15px
}

.card-list__list-item .card-item__action .choice-button-action,.card-list__list-item-display .card-item__action .choice-button-action {
    margin-top: 12px;
    padding: 10px 15px;
    display: block;
    border-top: 1px solid #f4f7f8
}

.card-list__pagination-wrap {
    display: flex;
    align-content: center;
    justify-content: center
}

.card-list__pagination-wrap a {
    position: relative;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    margin: 5px;
    color: #00b74f;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #00b74f
}

.card-list__pagination-wrap a:hover,.pagination .page-item:hover {
    background-color: #c4f5d0;
    border-color: #c4f5d0
}

.card-list__pagination-wrap a.active {
    background: linear-gradient(90deg,#015aad,#00b74f);
    color: #fff;
    border: none
}

.card-list__pagination-wrap a.disabled {
    opacity: .5;
    pointer-events: none
}

.card-list__pagination-wrap a i,.pagination .page-item i {
    font-size: 2.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.related-other-card .card-list__list-item,.support-filter-categories-mobile.support-filter-categories-desktop {
    display: block;
    padding: 0
}

.related-other-card .card-list__list-item .card-item__wrap {
    padding-bottom: 15px
}

.related-other-card .card-list__list-item .slick-list {
    margin: 0 -15px;
    padding-top: 30px
}

.related-other-card .card-list__list-item .slick-track {
    display: flex
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time,.promotion .nav-tab__content .tab-pane,.related-other-card .card-list__list-item .slick-slide,.slick-list.draggable .slick-track .slick-slide,.you-maybe-interested-in .slick-slide>div {
    height: auto
}

.choose-food .slick-slide>div,.related-other-card .card-list__list-item .slick-slide>div,.symbolism .picture {
    height: 100%
}

.related-other-card .card-list__list-item .slick-arrow {
    top: 40%;
    width: auto;
    height: auto;
    background-color: #f4f7f8;
    z-index: 2
}

.related-other-card .card-list__list-item .slick-arrow:hover {
    background-color: #dde6e8
}

.related-other-card .card-list__list-item .slick-arrow:before {
    font-family: icomoon;
    display: block;
    color: #00b74f;
    font-size: 1.5rem;
    font-weight: 700
}

.related-other-card .card-list__list-item .slick-arrow.slick-prev {
    left: -15px;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
    padding: 14px 5px 14px 0
}

@media screen and (min-width: 768px) {
    .card-list__pagination-wrap a {
        width:42px;
        height: 42px;
        line-height: 42px
    }

    .related-other-card {
        margin-bottom: 65px
    }

    .related-other-card .card-list__list-item .slick-arrow {
        top: 50%
    }

    .related-other-card .card-list__list-item .slick-arrow:before {
        color: #6e7573;
        font-size: 2rem
    }

    .related-other-card .card-list__list-item .slick-arrow.slick-prev {
        border-radius: 0;
        padding: 32px 5px;
        left: -34px
    }
}

.find-card-modal.modal .modal-content .card-result .slick-arrow.slick-prev:before,.related-other-card .card-list__list-item .slick-arrow.slick-prev:before {
    content: "\E911"
}

.related-other-card .card-list__list-item .slick-arrow.slick-next {
    right: -15px;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
    padding: 14px 0 14px 5px
}

@media screen and (min-width: 768px) {
    .related-other-card .card-list__list-item .slick-arrow.slick-next {
        border-radius:0;
        padding: 32px 5px;
        right: -34px
    }
}

.find-card-modal.modal .modal-content .card-result .slick-arrow.slick-next:before,.related-other-card .card-list__list-item .slick-arrow.slick-next:before {
    content: "\E916"
}

.related-other-card .card-list__list-item .card-item {
    padding: 0 15px;
    margin-bottom: 0;
    height: 100%
}

.card-detail-content {
    margin-bottom: 45px;
    padding-top: 45px
}

.card-detail-content__head {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .card-detail-content__head {
        display:block;
        text-align: center
    }
}

.card-detail-content__head__list {
    padding: 0;
    margin: 0;
    display: none
}

@media screen and (min-width: 768px) {
    .card-detail-content__head__list {
        display:flex;
        width: 100%;
        align-items: stretch;
        margin-bottom: 20px
    }

    .card-detail-content__head__list li a {
        padding: 5px 10px
    }
}

@media screen and (min-width: 1200px) {
    .card-list__button>.btn {
        padding:.5rem 3rem
    }

    .card-list__list-item,.card-list__list-item-display {
        padding-top: 30px
    }

    .card-list__pagination-wrap {
        margin-top: 30px
    }

    .card-detail-content__head {
        display: flex
    }

    .card-detail-content__head__list {
        width: 80%;
        margin-bottom: 0
    }
}

.card-detail-content__head__list li {
    display: inline-block;
    padding-right: 20px;
    list-style: none
}

.card-detail-content__head__list li a {
    background: #f4f7f8;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #dde6e8;
    display: flex;
    align-items: center;
    height: 100%
}

.card-detail-content__head__list li a:hover {
    text-decoration: none;
    color: #00b74f
}

.card-detail-content__head__list li a.active {
    background: #00b74f;
    color: #fff;
    border-color: transparent
}

.card-detail-content__body__item:last-child,.card-detail-content__body__item__right .home-accordion__card:last-child {
    border-bottom: none
}

.card-detail-content__head .apply-now {
    white-space: nowrap
}

.card-detail-content__body__item {
    display: flex;
    margin-bottom: 1px;
    padding: 0;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(110,117,115,.23)
}

@media screen and (min-width: 768px) {
    .card-detail-content__body__item {
        flex-wrap:nowrap;
        padding: 25px 0;
        border-bottom: none
    }

    .card-detail-content__body__item:first-child {
        border-top: none
    }

    .card-detail-content__body__item:nth-child(odd) {
        background: #f4f7f8
    }
}

.card-detail-content__body__item--register {
    position: relative;
    justify-content: center;
    padding: 50px 0 0
}

.card-detail-content__body__item__left,.card-detail-content__body__item__right {
    width: 100%
}

.card-detail-content__body__item__left .title {
    position: relative;
    display: block;
    font-family: SVN-Gilroy,sans-serif;
    font-size: 2.4rem
}

@media screen and (min-width: 768px) {
    .card-detail-content__body__item--register {
        padding:0
    }

    .card-detail-content__body__item--register .btn-register {
        position: absolute;
        right: 24px;
        top: -70px
    }

    .card-detail-content__body__item__left {
        width: 22.5%
    }

    .card-detail-content__body__item__left .title {
        font-size: 2.2rem;
        padding-left: 10px
    }
}

.card-detail-content__body__item__left .title a {
    display: block;
    padding: 12px 30px 12px 0;
    font-weight: 600;
    pointer-events: visible;
    color: #2c2c2c;
    text-decoration: none
}

.card-detail-content__body__item__left .title a:hover {
    text-decoration: none
}

.card-detail-content__body__item__left .title i {
    font-size: 2rem;
    padding: 5px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #00b74f;
    z-index: -1;
    border-radius: 50%;
    border: 1px solid
}

.card-detail-content__body__item__right table {
    max-width: 100%
}

.card-detail-content__body__item__right__list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    color: #000
}

.card-detail-content__body__item__right__list li {
    position: relative;
    padding-left: 30px;
    display: inline-block;
    list-style: none;
    width: 100%;
    margin-right: 5%;
    margin-top: 20px
}

.card-detail-content__body__item__right__list li:after {
    position: absolute;
    left: 0;
    top: 5px;
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(/assets/images/stick-green.png);
    background-size: contain;
    background-repeat: no-repeat
}

.card-detail-content__body__item__right__list li .link-read {
    color: #000;
    display: inline-block;
    margin-top: 10px;
    text-decoration: underline
}

.card-detail-content__body__item__right .user-vote-rating {
    width: 100%;
    margin: 10px 0 25px
}

.card-detail-content__body__item__right .comment-capcha {
    margin-bottom: 25px;
    width: 100%
}

.card-detail-content__body__item__right .comment-capcha textarea {
    height: 90px;
    width: 100%;
    border: 1px solid #dde6e8;
    outline: 0;
    padding: 10px;
    margin-bottom: 15px;
    font-weight: 400
}

.card-experience__description .name,.find-card-modal.modal label {
    margin-bottom: 8px;
    font-size: 1.6rem
}

.card-detail-content__body__item__right .comment-capcha textarea::placeholder {
    color: #6e7573
}

.card-detail-content__body__item__right .comment-capcha .capcha {
    width: 100%;
    overflow-x: auto
}

.card-detail-content__body__item__right .comment-capcha .capcha label.error-validate {
    font-size: 1.4rem;
    margin: 5px 0 0;
    color: #fb4e4e;
    display: none
}

.card-detail-content__body__item__right .comment-capcha .capcha label.error-validate.active {
    display: block
}

.card-detail-content .hidden-field,.card-detail-content__body__item__right .alert-rate-submit,.find-card-modal .select-choice.hide,.find-card-modal.modal .modal-content .no-result,.promotion-filter-dropdown-desktop {
    display: none
}

.card-detail-content__body__item__right .alert-rate-submit.show {
    display: block
}

.card-detail-content__body__item__right button.post-comment {
    padding: .8rem 2.4rem;
    margin-right: 10px
}

.card-detail-content__body__item__right .home-accordion__card:nth-child(2n) .home-accordion__card__header {
    background-color: #f4f7f8
}

.card-detail-content__body__item__action {
    padding: 20px 0
}

.card-detail-content .basic-accordion__card {
    border-bottom: 1px solid #dde6e8
}

.card-detail-content .basic-accordion__card:first-child {
    border-top: none
}

.card-detail-content .basic-accordion__card:last-child,.top-primary .navbar-primary li.has-sub-menu .sub-menu>li:not(:last-of-type) {
    border-bottom: none
}

.card-detail-content .basic-accordion__card__collapse__content {
    border-top: none;
    padding-left: 0;
    padding-top: 0;
    color: #000
}

.card-detail-content .basic-accordion__card__header__text a {
    color: #000;
    padding-left: 0
}

.card-detail-content .basic-accordion__card__header__text a:hover {
    color: #000
}

.card-detail-content .basic-accordion__card__header__text .ico {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: -10px;
    z-index: 2;
    transform: rotate(180deg);
    transition: .2s
}

.card-detail-content .basic-accordion__card__header__text .collapsed .ico {
    transform: rotate(0);
    transition: .2s
}

.card-service-product,.your-promotion-list {
    padding-top: 35px
}

.card-service-product .card-list__list-item {
    display: flex;
    padding: 0
}

.card-service-product .card-list__list-item .card-item__wrap {
    padding-bottom: 80px
}

.card-experience {
    padding-top: 35px;
    margin-bottom: 50px
}

.card-experience__list-item {
    margin-bottom: 15px;
    background: #f4f7f8
}

.card-experience__image-container img {
    max-width: 100%
}

.card-experience__image-container--wishlist {
    position: absolute;
    right: 15px;
    top: 15px;
    line-height: 0
}

.card-experience__image-container--wishlist label {
    position: relative;
    margin-bottom: 0;
    width: 15px;
    height: 13px;
    cursor: pointer
}

.card-experience__image-container--wishlist input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.card-experience__image-container--wishlist input[type=checkbox]+label:before {
    content: "";
    background: url(assets/images/heart.png) no-repeat;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 13px;
    transition: .2s
}

.card-experience__description {
    padding: 18px 15px 20px
}

.card-experience__description .name a {
    color: #545758
}

.card-experience__description .name a:hover {
    text-decoration: none
}

.card-experience__description .description {
    margin-bottom: 7px
}

.find-card-modal.modal label {
    display: block;
    font-family: SVN-Gilroy,sans-serif;
    font-weight: 700;
    color: #545758;
    text-align: left
}

.find-card-modal.modal .modal-content {
    margin: 0 10px;
    position: relative
}

.find-card-modal.modal .modal-content .modal-header {
    padding: 28px 15px 12px;
    text-align: center
}

.find-card-modal.modal .modal-content .modal-header .modal-title {
    font-family: SVN-Gilroy,sans-serif;
    font-size: 3rem;
    font-weight: 700;
    color: #00b74f;
    width: 100%
}

.find-card-modal.modal .modal-content .modal-body {
    min-height: 350px;
    padding: 0 15px 25px
}

.find-card-modal.modal .modal-content .modal-body .select-income {
    margin-bottom: 30px
}

.find-card-modal.modal .modal-content .action-wrap {
    padding: 25px;
    justify-content: center;
    display: flex
}

.find-card-modal.modal .modal-content .action-wrap button {
    width: 63%
}

@media screen and (min-width: 375px) {
    .card-list__list-item .card-item__wrap,.card-list__list-item-display .card-item__wrap {
        padding-bottom:110px
    }

    .card-list__list-item .card-item__action .choice-button-action,.card-list__list-item-display .card-item__action .choice-button-action {
        display: flex;
        justify-content: space-between
    }

    .card-experience .section-title .product-notify {
        width: 80%;
        margin: 15px auto 0
    }

    .find-card-modal.modal .modal-content .action-wrap button {
        width: 51%
    }
}

@media screen and (min-width: 768px) {
    .card-detail-content__body__item__left .title a {
        pointer-events:none;
        padding: 0
    }

    .card-detail-content__body__item__left .title i {
        display: none
    }

    .card-detail-content__body__item__right {
        width: 77.5%;
        padding-right: 24px
    }

    .card-detail-content__body__item__right.collapse:not(.show) {
        display: block
    }

    .card-detail-content__body__item__right__list li {
        width: 30%
    }

    .card-detail-content__body__item__right__list li:nth-child(3n+3) {
        margin-right: 0
    }

    .card-detail-content__body__item__right__list li:nth-child(-n+3) {
        margin-top: 0
    }

    .card-detail-content__body__item__right button.post-comment {
        padding: .5rem 2.4rem;
        margin-right: 20px
    }

    .card-detail-content__body__item__right .home-accordion__card:last-child {
        border-bottom: 1px solid #afb8b6
    }

    .card-service-product {
        padding-top: 70px
    }

    .card-experience {
        margin-bottom: 55px;
        padding-top: 70px
    }

    .card-experience .section-title .product-notify {
        width: 100%
    }

    .card-experience__list>div {
        margin-bottom: 25px
    }

    .card-experience__list-item {
        height: 100%;
        margin-bottom: 0
    }

    .card-experience__description .name {
        font-size: 1.8rem
    }

    .card-experience__description .description {
        margin-bottom: 10px
    }

    .find-card-modal.modal .modal-content {
        margin: 0
    }

    .find-card-modal.modal .modal-content .action-wrap button {
        width: 40%
    }

    .find-card-modal.modal .modal-content .card-result {
        padding-bottom: 30px
    }
}

.find-card-modal.modal .modal-content .action-wrap button.btn {
    padding: .8rem 1rem
}

.find-card-modal.modal .modal-content .card-result-content {
    display: none;
    padding-top: 25px;
    margin: 0 -15px
}

.find-card-modal.modal .modal-content .card-result-content.active {
    display: block;
    border-top: 1px solid #dde6e8
}

.find-card-modal.modal .modal-content .card-result-content p {
    text-align: left;
    color: #545758;
    font-weight: 700;
    margin: 0 15px
}

.find-card-modal.modal .modal-content .card-result {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px
}

.find-card-modal.modal .modal-content .card-result__items {
    width: 100%;
    padding: 0 15px;
    text-align: left;
    margin-bottom: 30px
}

.find-card-modal.modal .modal-content .card-result__items__image,.your-promotion-item__image-container {
    position: relative;
    display: block
}

.find-card-modal.modal .modal-content .card-result__items__image img {
    width: 100%
}

.find-card-modal.modal .modal-content .card-result__items__description,.promotion-tag-content__detail {
    padding-top: 10px
}

.find-card-modal.modal .modal-content .card-result__items__description .card-name {
    text-align: left
}

.find-card-modal.modal .modal-content .card-result__items__description .card-name a {
    text-decoration: none;
    color: #545758;
    font-weight: 700;
    font-size: 1.6rem
}

.find-card-modal.modal .modal-content .card-result__items__description .card-name a:hover {
    color: #00b74f
}

.find-card-modal.modal .modal-content .card-result__items__description .card-rate {
    padding-bottom: 5px
}

.find-card-modal.modal .modal-content .card-result__items__description .card-description p {
    margin: 0 0 15px;
    font-weight: 400
}

.find-card-modal.modal .modal-content .card-result__items__description .card-description ul {
    font-size: 1.6rem;
    padding: 10px 0 10px 20px
}

.find-card-modal.modal .modal-content .card-result__items__description .card-description ul li {
    list-style-type: none;
    position: relative;
    margin-bottom: 5px
}

.find-card-modal.modal .modal-content .card-result__items__description .card-description ul li:last-child {
    margin-bottom: 0
}

.find-card-modal.modal .modal-content .card-result__items__description .card-description ul li:before {
    content: "";
    left: -20px;
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #00b74f;
    position: absolute;
    display: inline-block
}

.find-card-modal.modal .modal-content .card-result__items__description .card-button {
    display: flex
}

.find-card-modal.modal .modal-content .card-result__items__description .card-button .btn {
    width: 48%;
    padding: .5rem
}

.find-card-modal.modal .modal-content .card-result__items__description .card-button .btn:first-child {
    margin-right: 4%
}

.find-card-modal.modal .modal-content .card-result .slick-arrow {
    width: 20px;
    height: 40px;
    top: 20%;
    transform: translateY(0);
    background: #afb8b6;
    color: #00b74f;
    z-index: 1
}

.primary-search-bar i.active,.promotion-filter-categories-mobile.promotion-filter-categories-desktop .promotion-categories-desktop__title a.collapsed:after,.promotion-filter-dropdown-mobile .promotion-dropdown-mobile__title.collapsed:after,.smooth-scroll-list .mobile.icon .category:after {
    transform: rotate(180deg)
}

@media screen and (min-width: 768px) {
    .find-card-modal.modal .modal-content .card-result__items {
        width:50%;
        margin-bottom: 0;
        padding: 0 30px
    }

    .find-card-modal.modal .modal-content .card-result .slick-arrow {
        top: 10%
    }

    .your-promotion-list {
        padding-top: 70px
    }
}

.find-card-modal.modal .modal-content .card-result .slick-arrow:before {
    font-family: icomoon;
    font-size: 1.6rem;
    font-weight: 700;
    color: #00b74f
}

.find-card-modal .selectric-wrapper .selectric {
    border-color: #dde6e8;
    background: #f4f7f8
}

.your-promotion-item {
    background: #f4f7f8;
    height: 100%
}

.promotion-filter-categories-desktop .promotion-categories-desktop__title,.your-promotion-item__image-container--card-image {
    position: relative
}

.your-promotion-item__image-container--card-image:before {
    content: "";
    padding-top: 50.7%;
    display: block
}

.your-promotion-item__image-container--card-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover
}

.your-promotion-item__image-container--tag {
    position: absolute;
    left: 15px;
    top: 10px;
    background-color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
    padding: 6px 10px;
    cursor: default;
    line-height: normal;
    color: #000
}

.your-promotion-item--wishlist {
    position: absolute;
    right: 15px;
    top: 15px;
    line-height: 0
}

.your-promotion-item--wishlist label {
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 600;
    color: #6e7573;
    text-transform: uppercase
}

.your-promotion-item--wishlist input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.your-promotion-item--wishlist input[type=checkbox]+label:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 14px rgba(0,0,0,.14);
    vertical-align: middle
}

.your-promotion-item--wishlist input[type=checkbox]+label:after {
    content: "";
    background: url(assets/images/heart.png) no-repeat;
    display: block;
    position: absolute;
    left: 9px;
    top: 10px;
    width: 15px;
    height: 13px
}

.your-promotion-item__description {
    padding: 20px 15px;
    position: relative
}

.your-promotion-item__description .promotion-type {
    color: #00b74f;
    font-size: 1.2rem;
    text-transform: uppercase
}

.your-promotion-item__description .promotion-type:hover {
    text-decoration: none
}

.your-promotion-item__description .name {
    margin: 0 26px 7px 0;
    font-family: SVN-Gilroy,sans-serif;
    color: #545758;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6
}

.your-promotion-item__description .name a {
    color: #000;
    font-size: 1.6rem;
    font-weight: 600
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu>li>a.active,.top-primary .navbar-primary li.has-mega-menu ul.mega-menu>li>a:active,.top-primary .navbar-primary li.has-mega-menu ul.mega-menu>li>a:focus,.top-primary .navbar-primary li.has-mega-menu ul.mega-menu>li>a:hover,.your-promotion-item__description .name a:hover {
    text-decoration: none;
    color: #00b74f
}

.your-promotion-item__description .detail {
    font-size: 1.6rem;
    margin-bottom: 15px;
    padding: 0
}

.your-promotion-item__description .detail li {
    list-style-type: none;
    position: relative;
    margin-bottom: 5px;
    display: flex;
    align-items: flex-start
}

.your-promotion-item__description .detail li:last-child {
    margin-bottom: 0
}

.your-promotion-item__description .detail li .pd-img {
    margin-top: 3px;
    width: 16px
}

.your-promotion-item__description .detail li>span {
    width: calc(100% - 16px);
    padding-left: 6px
}

.top-primary__content,.top-primary__link,.your-promotion-item__description .progress-countdown {
    display: block
}

.your-promotion-item__description .progress-countdown .progress-bar-container {
    width: 100%
}

.your-promotion-item__description .progress-countdown .progress-bar-container .progress-bar {
    max-width: 100%;
    margin: 0;
    height: 10px;
    background-color: #afb8b6;
    border-radius: 20px
}

.your-promotion-item__description .progress-countdown .progress-bar-container .progress-bar div {
    height: 100%;
    text-align: right;
    line-height: 10px;
    width: 0;
    background-color: #00b74f;
    box-sizing: border-box;
    border-radius: 20px
}

.your-promotion-item__description .progress-countdown .countdown {
    color: #00b74f;
    font-weight: 700;
    font-size: 1.2rem;
    width: 100%;
    margin-top: 10px
}

@media screen and (min-width: 375px) {
    .your-promotion-item__description .progress-countdown {
        display:flex;
        align-items: center
    }

    .your-promotion-item__description .progress-countdown .progress-bar-container {
        width: 185px
    }

    .your-promotion-item__description .progress-countdown .countdown {
        margin-top: 0;
        width: calc(100% - 185px);
        padding: 2px 0 0 12px
    }
}

.promotion-filter-categories-desktop {
    padding-top: 10px;
    display: none
}

.promotion-filter-categories-desktop .promotion-categories-desktop {
    position: relative;
    margin-bottom: 35px
}

.promotion-filter-categories-desktop .promotion-categories-desktop__delete {
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 1
}

.promotion-filter-categories-desktop .promotion-categories-desktop__delete a {
    font-size: 1.4rem;
    font-weight: 700;
    color: #00b74f;
    text-decoration: none
}

.promotion-filter-categories-desktop .promotion-categories-desktop__title a {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: block
}

.promotion-filter-categories-desktop .promotion-categories-desktop .selectric-wrapper {
    width: 210px
}

.promotion-filter-categories-desktop .promotion-categories-desktop .close,.support-filter-categories-desktop .support-categories-desktop .close,.support-filter-categories-desktop .support-categories-desktop__delete {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.promotion-filter-categories-desktop .promotion-categories-desktop .close a,.support-filter-categories-desktop .support-categories-desktop .close a {
    margin-bottom: 0;
    color: #545758;
    font-size: 1.8rem;
    font-weight: 700
}

.promotion-filter-categories-desktop .promotion-categories-desktop .close a i {
    transition: .2s ease-in-out;
    font-weight: bolder;
    display: inline-block
}

.promotion-filter-categories-desktop .promotion-categories-desktop__list__items,.support-filter-categories-desktop .support-categories-desktop__list__items {
    position: relative;
    margin-bottom: 8px
}

.promotion-filter-categories-desktop .promotion-categories-desktop__list__items input.vp-checkbox+label {
    font-size: 1.6rem;
    color: #545758;
    margin: 0 0 0 30px
}

.promotion-filter-categories-desktop .promotion-categories-desktop__list__items input.vp-checkbox+label:before {
    margin: 0 10px 0 -30px;
    width: 22px;
    height: 22px
}

.promotion-filter-categories-desktop .promotion-categories-desktop__list__items.has-child>label,.top-primary .main-logo img {
    width: 100%
}

.promotion-filter-categories-desktop .promotion-categories-desktop__list__items .promotion-categories-sub-list__items {
    margin-top: 10px
}

.docs-section,.example-button,.example-inputs .form-group,.more-from-vpbank__content,.promotion-filter-categories-desktop .promotion-categories-desktop__list__items .promotion-categories-sub-list__items:last-child {
    margin-bottom: 20px
}

.promotion-filter-categories-desktop .promotion-categories-desktop__list__items .promotion-categories-sub-list__items input.vp-checkbox+label {
    margin: 0 0 0 60px
}

.promotion-filter-categories-desktop .promotion-categories-desktop__list__items .promotion-categories-sub-list__items input.vp-checkbox+label:before {
    margin-left: -30px
}

.promotion-filter-categories-mobile.promotion-filter-categories-desktop {
    display: block;
    width: 100%;
    border-top: 1px solid #b5bec1;
    padding-top: 0;
    background: #f4f7f8
}

.promotion-filter-categories-mobile.promotion-filter-categories-desktop .promotion-categories-mobile-heading {
    position: relative;
    padding: 10px 15px 8px;
    background: #fff;
    cursor: pointer
}

.promotion-filter-categories-mobile.promotion-filter-categories-desktop .promotion-categories-mobile-heading span {
    font-size: 20px;
    float: left;
    padding-right: 15px
}

.promotion-filter-categories-mobile.promotion-filter-categories-desktop .promotion-categories-mobile-heading:after {
    font-family: icomoon;
    font-weight: bolder;
    content: "\E910";
    line-height: 22px;
    float: right;
    transition: .2s ease-in-out
}

.smooth-scroll-list .desktop__list.slick-slider .slick-arrow.slick-prev:before,.year-slick__menu .slick-arrow.slick-prev:before {
    content: "\E911"
}

.promotion-filter-categories-mobile.promotion-filter-categories-desktop .promotion-categories-desktop {
    padding-left: 45px;
    margin: 15px 0 25px
}

.promotion-filter-categories-mobile.promotion-filter-categories-desktop .promotion-categories-desktop__title a,.slideshow__wrap,.smooth-scroll-list .dropdown-box,.top-primary .navbar-primary li.has-mega-menu>a.navbar-item,.top-primary .navbar-primary li.has-sub-menu,.year-slick__menu {
    position: relative
}

.promotion-filter-categories-mobile.promotion-filter-categories-desktop .promotion-categories-desktop__title a:after {
    position: absolute;
    right: 12px;
    top: 0;
    transition: .2s ease-in-out;
    font-weight: bolder;
    font-size: 1.6rem;
    font-family: icomoon;
    content: "\E910"
}

.promotion-filter-categories-mobile.promotion-filter-categories-desktop .promotion-categories-desktop__delete {
    right: 35px
}

.promotion-filter-categories-mobile.promotion-filter-categories-desktop .promotion-categories-desktop .close {
    opacity: .8;
    right: 12px
}

.promotion-filter-categories-mobile.promotion-filter-categories-desktop .apply-button {
    text-align: center;
    margin-bottom: 30px
}

.promotion-filter-categories-mobile.promotion-filter-categories-desktop .apply-button .btn {
    padding: .8rem 4.4rem
}

.promotion-filter-dropdown-desktop label {
    display: inline-block;
    margin-right: 15px
}

.promotion-filter-dropdown-mobile {
    height: 0;
    width: 0;
    overflow: hidden
}

.promotion-filter-dropdown-mobile .promotion-dropdown-mobile__title {
    padding: 9px 15px 7px;
    border-top: 1px solid #b5bec1;
    border-bottom: 1px solid #b5bec1
}

.promotion-filter-dropdown-mobile .promotion-dropdown-mobile__title span {
    padding-right: 15px
}

.promotion-filter-dropdown-mobile .promotion-dropdown-mobile__title:after {
    font-family: icomoon;
    font-weight: bolder;
    content: "\E910";
    line-height: 22px;
    float: right;
    transition: .2s ease-in-out
}

.promotion-filter-dropdown-mobile .promotion-dropdown-mobile__list__items {
    border-bottom: 1px solid #afb8b6;
    padding: 7px 45px;
    background: #f4f7f8
}

.promotion-filter-dropdown-mobile .promotion-dropdown-mobile__list__items a {
    font-size: 1.4rem;
    color: #6e7573;
    text-decoration: none
}

.promotion-filter-dropdown-mobile .promotion-dropdown-mobile__list__items.active a {
    color: #00b74f;
    font-weight: 700
}

.article-detail-left,.promotion-hub-section,.support-question-content {
    padding-bottom: 20px
}

.promotion-hub-section .promotion-hub-content__filter {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding-bottom: 20px
}

.deposit-rates-content,.form-doc-content,.promotion-search-content,.reference-interest-content,.tariff-content {
    padding: 15px 0
}

.promotion-search-content__field {
    position: relative;
    flex-grow: 1;
    margin-bottom: 16px
}

.promotion-search-content__field input {
    width: 100%;
    border: 1px solid #dde6e8;
    padding-left: 45px;
    border-radius: 30px
}

.promotion-search-content__field input:focus,.promotion-search-content__field input:hover {
    outline: 0;
    border-color: transparent;
    box-shadow: 0 4px 30px rgba(28,28,30,.16)
}

.promotion-search-content__field input::-ms-clear {
    display: none
}

.promotion-search-content__field .search-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: 20px;
    height: 20px;
    line-height: 1
}

.promotion-search-content__field .search-button i {
    font-size: 1.6rem;
    color: #6e7573
}

.promotion-search-content__field .close-button .icon-close {
    position: absolute;
    font-size: 1.4rem;
    color: #00b74f;
    display: none;
    opacity: 0;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.promotion-search-content__field .close-button .icon-close.active,.vpbank-form form .tooltip-form:hover .tooltip-text {
    display: block;
    opacity: 1
}

.promotion-search-content__button .btn {
    padding: .8rem 2.4rem
}

.promotion-tag-content {
    padding-top: 13px
}

.promotion-tag-content__detail__items {
    background: #f4f7f8;
    display: inline-block;
    margin: 0 10px 10px 0;
    border-radius: 10px;
    padding: 9.5px 10px;
    font-size: 1.4rem;
    color: #6e7573
}

.promotion-tag-content p.no-result,.promotion-tag-content__detail__items.remove {
    display: none
}

.promotion-tag-content__detail__items .close-button {
    background: #b5bec1;
    border-radius: 50%;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 1;
    text-align: center
}

.promotion-tag-content__detail__items .close-button:hover {
    opacity: .8;
    text-decoration: none
}

.promotion-tag-content__detail__items .close-button i {
    color: #fff;
    font-size: 8px;
    line-height: 20px;
    display: block
}

.year-slick__menu.open .year-slick__menu__list {
    display: block;
    max-height: inherit
}

.smooth-scroll-list .mobile.open .category:after,.year-slick__menu.open .year-slick__menu__list__mobile:before {
    transform: rotate(180deg);
    transition: .3s ease-in-out
}

.year-slick__menu .slick-list {
    margin-bottom: -1px
}

.year-slick__menu .slick-list .slick-track {
    margin: 0
}

.year-slick__menu .slick-arrow {
    background: 0 0;
    z-index: 1;
    width: 24px;
    height: 24px;
    top: 50%;
    color: #00b74f;
    display: none;
    box-shadow: 0 2px 15px rgba(0,0,0,.15);
    border-radius: 50%
}

.smooth-scroll-list .mobile__list,.year-slick__menu__list {
    width: calc(100% + 30px);
    left: -15px;
    background-color: #f4f7f8;
    z-index: 1;
    list-style: none
}

.year-slick__menu .slick-arrow:before {
    font-family: icomoon;
    color: #00b74f;
    font-size: 1.4rem;
    font-weight: 700
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.year-slick__menu .slick-arrow.slick-prev {
    left: 0
}

.year-slick__menu .slick-arrow.slick-next {
    right: 0
}

.year-slick__menu .slick-arrow.slick-next:before {
    content: "\E916"
}

.more-from-vpbank button.slick-next.slick-arrow,.more-from-vpbank button.slick-prev.slick-arrow,.story-tips-box button.slick-next.slick-arrow,.story-tips-box button.slick-prev.slick-arrow,.stripads__content.none-mobile,.year-slick__menu .slick-arrow.slick-disabled {
    display: none!important
}

.year-slick__menu__list {
    display: none;
    padding: 0;
    position: absolute;
    margin-top: -1px;
    border: none
}

@media screen and (min-width: 768px) {
    .promotion-list-detail {
        margin-bottom:25px
    }

    .your-promotion-item__description .progress-countdown .progress-bar-container {
        width: 120px
    }

    .your-promotion-item__description .progress-countdown .countdown {
        width: calc(100% - 120px)
    }

    .promotion-filter-categories-mobile.promotion-filter-categories-desktop,.promotion-filter-dropdown-mobile .promotion-dropdown-mobile__list__items {
        background: #fff
    }

    .promotion-search-content {
        display: flex;
        padding: 32px 0
    }

    .promotion-search-content__field {
        width: 65%;
        margin-bottom: 0
    }

    .promotion-search-content__field input {
        width: 99%;
        padding-left: 65px
    }

    .promotion-search-content__field .search-button {
        left: 30px
    }

    .promotion-search-content__field .search-button i {
        font-size: 2rem
    }

    .promotion-search-content__field .close-button .icon-close {
        font-size: 1.6rem
    }

    .year-slick__menu__list {
        box-shadow: none;
        width: 100%;
        left: 0;
        border-left: 1px solid #b5bec1;
        border-right: 1px solid #b5bec1;
        border-bottom: 1px solid #b5bec1
    }
}

.year-slick__menu__list__mobile {
    cursor: pointer;
    position: relative;
    display: block;
    padding: 10px 15px;
    background-color: #fff;
    border-top: 1px solid #b5bec1;
    border-bottom: 1px solid #b5bec1;
    margin: 0 -15px
}

.introduction-vpbank .mobile .category:after,.smooth-scroll-list .mobile .category:after,.year-slick__menu__list__mobile:before {
    content: "\E907";
    font-family: icomoon;
    font-weight: 700;
    position: absolute;
    right: 15px;
    transform: rotate(0);
    transition: .3s ease-in-out
}

.year-slick__menu__list__mobile img {
    margin: 0 15px 4px 0
}

.year-slick__menu__list__mobile span {
    font-size: 1.4rem;
    font-family: SVN-Gilroy,sans-serif
}

.deposit-rates-content__detail__tab .tab-item:first-child,.form-doc-content__detail__tab .tab-item:first-child,.reference-interest-content__detail__tab .tab-item:first-child,.tariff-content__detail__tab .tab-item:first-child,.year-slick__menu__list--item:first-child {
    border-top: 1px solid #b5bec1
}

.smooth-scroll-list .desktop,.year-slick__menu__list--item:last-child>span:after {
    display: none
}

.year-slick__menu__list--item>span {
    display: block;
    width: 100%;
    position: relative;
    text-align: left;
    padding: 18px 15px 18px 48px;
    font-size: 1.4rem;
    font-weight: 600;
    color: #b5bec1;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .year-slick__menu__list__mobile {
        margin:0
    }

    .year-slick__menu__list--item>span {
        font-size: 1.8rem;
        padding: 18px 15px 18px 48px
    }
}

.year-slick__menu__list--item>span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dde6e8
}

.year-slick__menu__list--item>span:active,.year-slick__menu__list--item>span:focus {
    outline: 0
}

.top-primary .navbar-primary .navbar-item:active,.top-primary .navbar-primary .navbar-item:focus,.top-primary .navbar-primary .navbar-item:hover,.year-slick__menu__list--item>span:hover {
    text-decoration: none
}

.year-slick__menu__list--item>span.active {
    color: #00b74f;
    background-color: #fff;
    font-size: 1.4rem
}

.year-slick__main {
    margin: 24px 0 0
}

@media screen and (min-width: 768px) {
    .year-slick__menu__list--item>span.active {
        font-size:1.8rem
    }

    .year-slick__main {
        margin: 30px 0 0
    }

    .smooth-scroll-list .desktop {
        display: block
    }
}

.smooth-scroll-list .desktop__list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 0;
    margin: 0
}

.smooth-scroll-list .desktop__list>li {
    margin: 0 0 15px 15px
}

.smooth-scroll-list .desktop__list>li:first-child {
    margin-left: 0
}

.smooth-scroll-list .desktop__list>li>a,.smooth-scroll-list .desktop__list>li>button,.smooth-scroll-list .desktop__list>li>span {
    background: #f4f7f8;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #dde6e8
}

@media screen and (min-width: 768px) {
    .smooth-scroll-list .desktop__list>li>a,.smooth-scroll-list .desktop__list>li>button,.smooth-scroll-list .desktop__list>li>span {
        padding:10px
    }
}

@media screen and (min-width: 992px) {
    .card-list__button>.btn+.btn {
        margin-left:10px
    }

    .card-list__list-item .card-item__description,.card-list__list-item-display .card-item__description {
        padding: 15px 20px 0
    }

    .card-list__list-item .card-item__description .name,.card-list__list-item-display .card-item__description .name {
        font-size: 1.8rem;
        margin: 10px 0
    }

    .card-list__list-item .card-item__action .add-compare,.card-list__list-item-display .card-item__action .add-compare {
        padding: 0 20px
    }

    .card-list__list-item .card-item__action .choice-button-action,.card-list__list-item-display .card-item__action .choice-button-action {
        margin-top: 20px;
        padding: 20px
    }

    .related-other-card .card-list__list-item .slick-arrow.slick-prev {
        left: -60px
    }

    .related-other-card .card-list__list-item .slick-arrow.slick-next {
        right: -60px
    }

    .card-detail-content__head {
        justify-content: space-between
    }

    .card-detail-content__body__item__left .title {
        font-size: 3rem;
        padding-left: 20px
    }

    html[lang=vi-VN] .card-detail-content__body__item__left .title {
        font-size: 2.4rem
    }

    .card-detail-content__body__item__right .user-vote-rating {
        margin: 15px 0 25px
    }

    .card-detail-content__body__item__right .comment-capcha textarea {
        height: 131px;
        padding: 20px
    }

    .card-detail-content__body__item__right .comment-capcha .capcha {
        width: 335px;
        overflow-x: inherit
    }

    .card-experience__description {
        padding: 20px 20px 22px
    }

    .find-card-modal.modal .modal-dialog {
        max-width: 780px;
        width: 100%
    }

    .find-card-modal.modal .modal-content .modal-header {
        padding: 28px 30px 12px
    }

    .find-card-modal.modal .modal-content .modal-body {
        padding: 0 30px 25px
    }

    .find-card-modal.modal .modal-content .action-wrap button {
        width: 25%
    }

    .find-card-modal.modal .modal-content .action-wrap button.btn {
        padding: .5rem 1rem
    }

    .find-card-modal.modal .modal-content .card-result-content {
        margin: 0 -30px
    }

    .find-card-modal.modal .modal-content .card-result-content p {
        margin: 0 30px
    }

    .find-card-modal.modal .modal-content .card-result {
        padding: 30px 0
    }

    .find-card-modal.modal .modal-content .card-result .slick-arrow {
        top: 22%
    }

    .your-promotion-item__description {
        padding: 20px
    }

    .your-promotion-item__description .name {
        margin: 0 36px 10px 0;
        font-size: 1.8rem
    }

    .your-promotion-item__description .name a {
        font-size: 1.8rem
    }

    .your-promotion-item__description .detail li {
        margin-bottom: 10px
    }

    .promotion-filter-categories-desktop,.year-slick__menu .slick-arrow {
        display: block
    }

    .promotion-filter-categories-desktop .promotion-categories-desktop__list__items input.vp-checkbox+label {
        font-size: 1.6rem
    }

    .promotion-filter-categories-mobile.promotion-filter-categories-desktop,.promotion-filter-dropdown-mobile {
        display: none
    }

    .promotion-filter-dropdown-desktop {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: absolute;
        top: 0;
        right: 0;
        height: 0;
        width: 0;
        overflow: hidden
    }

    .promotion-search-content {
        padding: 32px 0
    }

    .promotion-search-content__field input {
        font-size: 1.8rem;
        border-color: transparent;
        box-shadow: 0 4px 30px rgba(28,28,30,.16)
    }

    .promotion-search-content__button .btn {
        padding: .7rem 4.4rem
    }

    .promotion-tag-content {
        padding-top: 10px
    }

    .promotion-tag-content__title p {
        margin-bottom: 15px
    }

    .year-slick__menu .slick-arrow.slick-prev {
        left: 0
    }

    .year-slick__menu .slick-arrow.slick-next {
        right: 0
    }

    .year-slick__menu__list {
        box-shadow: none;
        background-color: transparent;
        display: block!important;
        border: none;
        border-bottom: 1px solid #b5bec1
    }

    .year-slick__menu__list__mobile {
        display: none
    }

    .year-slick__menu__list--item:first-child {
        border-top: none
    }

    .year-slick__menu__list--item:last-child>span:after {
        display: block
    }

    .year-slick__menu__list--item>span {
        text-align: center;
        padding: 15px;
        color: #6e7573
    }

    .year-slick__menu__list--item>span:hover:after {
        background-color: #afb8b6;
        height: 2px
    }

    .year-slick__menu__list--item>span.active {
        color: #00b74f
    }

    .year-slick__menu__list--item>span.active:after {
        background-color: #00b74f;
        height: 2px
    }

    .smooth-scroll-list .desktop__list>li>a,.smooth-scroll-list .desktop__list>li>button,.smooth-scroll-list .desktop__list>li>span {
        padding: 12px 10px
    }

    .smooth-scroll-list .dropdown-box:hover .dropdown-box__content {
        opacity: 1;
        z-index: 1;
        visibility: visible
    }
}

.smooth-scroll-list .desktop__list>li>a:active,.smooth-scroll-list .desktop__list>li>a:hover,.smooth-scroll-list .desktop__list>li>button:active,.smooth-scroll-list .desktop__list>li>button:hover,.smooth-scroll-list .desktop__list>li>span:active,.smooth-scroll-list .desktop__list>li>span:hover {
    text-decoration: none;
    color: #00b74f;
    outline: 0
}

.smooth-scroll-list .desktop__list>li>a.active,.smooth-scroll-list .desktop__list>li>button.active,.smooth-scroll-list .desktop__list>li>span.active {
    text-decoration: none;
    background: linear-gradient(90deg,#015aad,#00b74f);
    color: #fff;
    border-color: transparent
}

.smooth-scroll-list .desktop__list.slick-slider {
    padding: 0 20px
}

.smooth-scroll-list .desktop__list.slick-slider .slick-slide,.support-popup-FAQs .modal-content {
    margin: 0 10px
}

.smooth-scroll-list .desktop__list.slick-slider .slick-slide li {
    margin: 0;
    height: 100%
}

.smooth-scroll-list .desktop__list.slick-slider .slick-slide li a {
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    outline: 0
}

.smooth-scroll-list .desktop__list.slick-slider .slick-arrow {
    z-index: 1;
    width: 20px;
    height: 20px;
    top: 50%;
    background: 0 0;
    color: #00b74f;
    display: none
}

.smooth-scroll-list .desktop__list.slick-slider .slick-arrow:before {
    font-family: icomoon;
    color: #6e7573;
    font-size: 1.8rem
}

.smooth-scroll-list .desktop__list.slick-slider .slick-arrow.slick-prev {
    left: 0;
    border-radius: 20px
}

.smooth-scroll-list .desktop__list.slick-slider .slick-arrow.slick-next {
    right: 0;
    border-radius: 20px
}

.smooth-scroll-list .desktop__list.slick-slider .slick-arrow.slick-next:before {
    content: "\E916"
}

.smooth-scroll-list .mobile {
    cursor: pointer;
    display: block;
    position: relative
}

.smooth-scroll-list .mobile .category {
    cursor: pointer;
    position: relative;
    margin: 0 -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #b5bec1
}

.basic-accordion.large-collapse .basic-accordion__card,.top-secondary__link .navbar li a {
    border-bottom: 2px solid transparent
}

.smooth-scroll-list .mobile .category span {
    font-size: 1.6rem;
    font-weight: 500;
    padding-left: 15px;
    vertical-align: middle
}

.smooth-scroll-list .mobile__list {
    display: none;
    padding: 0;
    position: absolute;
    border: none
}

.smooth-scroll-list .mobile__list>li {
    border-bottom: 1px solid #b5bec1;
    background: #f4f7f8
}

.smooth-scroll-list .mobile__list>li:last-child {
    border: none
}

.smooth-scroll-list .mobile__list>li:hover {
    background: #fff;
    cursor: pointer;
    color: #00b74f
}

.smooth-scroll-list .mobile__list>li>a,.smooth-scroll-list .mobile__list>li>span {
    font-size: 1.6rem;
    color: #545758;
    padding: 15px 20px 15px 48px;
    display: block
}

.smooth-scroll-list .mobile__list>li>a:hover,.smooth-scroll-list .mobile__list>li>span:hover {
    color: #00b74f;
    font-weight: 700;
    text-decoration: none
}

.smooth-scroll-list .mobile.icon .category:after {
    content: "\E910";
    font-family: icomoon;
    font-weight: 700;
    position: absolute;
    right: 15px
}

.smooth-scroll-list .dropdown-box__content {
    background: #f4f7f8;
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
    position: absolute;
    border-radius: 4px;
    list-style: none;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: .3s;
    left: 24px;
    bottom: 100%;
    box-shadow: 0 4px 20px rgba(28,28,30,.16)
}

.smooth-scroll-list .dropdown-box__content.open {
    opacity: 1;
    z-index: 1;
    visibility: visible
}

.smooth-scroll-list .dropdown-box__content li {
    background: 0 0;
    padding: 0;
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
    position: relative;
    border: none
}

.smooth-scroll-list .dropdown-box__content li a,div.language ul.button-select-language.highlighted li {
    color: #000;
    text-decoration: none
}

.smooth-scroll-list .dropdown-box__content li a:hover,.top-primary .navbar-primary .navbar-item.active,.top-primary .navbar-primary li.has-mega-menu ul.mega-menu>li:hover>a {
    color: #00b74f
}

.smooth-scroll-list .dropdown-box__content li:first-child:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: #f4f7f8
}

.financial-support .financial-support-item__content,.smooth-scroll-list .dropdown-box__content li+li {
    padding-left: 12px
}

@keyframes slide-top {
    0% {
        transform: translateY(20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes fade-in-from-none {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.top-secondary {
    z-index: 11;
    position: relative;
    background: linear-gradient(90deg,#015aad,#00b74f);
    color: #c4f5d0;
    font-weight: 600;
    display: none
}

.top-primary ul,.top-secondary ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.top-secondary__content .navbar-item,.top-secondary__link .navbar-item {
    padding: 0 10px
}

.top-secondary__content .navbar ul,.top-secondary__link .navbar ul {
    display: flex;
    margin-bottom: 0;
    height: 46px;
    padding-left: 0
}

.top-secondary__content .navbar li,.top-secondary__link .navbar li {
    list-style-type: none;
    height: 100%;
    margin-right: 6px
}

.top-secondary__content .navbar li a,.top-secondary__link .navbar li a {
    color: #c4f5d0;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.1
}

.top-secondary__content .navbar li a:focus,.top-secondary__content .navbar li a:hover,.top-secondary__link .navbar li a:focus,.top-secondary__link .navbar li a:hover {
    color: #fff;
    text-decoration: none
}

.top-secondary__content .navbar li a.active,.top-secondary__link .navbar li a.active {
    font-weight: 700;
    color: #fff;
    text-decoration: none
}

.top-secondary__content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.top-secondary__content li.search .search-form {
    padding-top: 8px;
    display: flex
}

.top-secondary__content li.search .search-form input {
    height: 30px;
    width: 250px;
    outline: 0;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 4px 0 0 4px;
    font-size: 1.4rem;
    vertical-align: top;
    border: 1px solid #fff;
    box-shadow: none
}

@media screen and (min-width: 1200px) {
    .card-detail-content__body__item__action {
        padding-bottom:0
    }

    .promotion-filter-categories-desktop .promotion-categories-desktop__list__items input.vp-checkbox+label {
        margin-left: 40px
    }

    .promotion-filter-categories-desktop .promotion-categories-desktop__list__items input.vp-checkbox+label:before {
        margin: 0 17px 0 -40px
    }

    .promotion-filter-categories-desktop .promotion-categories-desktop__list__items .promotion-categories-sub-list__items input.vp-checkbox+label {
        margin-left: 80px
    }

    .promotion-filter-categories-desktop .promotion-categories-desktop__list__items .promotion-categories-sub-list__items input.vp-checkbox+label:before {
        margin-left: -40px
    }

    .promotion-hub-section {
        padding-bottom: 40px
    }

    .year-slick__main {
        margin: 40px 0 0
    }

    .smooth-scroll-list .desktop__list {
        padding: 30px 0 15px
    }

    .top-secondary {
        display: block
    }

    .top-secondary .container {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .top-secondary__content .navbar,.top-secondary__link .navbar {
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .top-secondary__content li.search .search-form input {
        width: 220px
    }
}

@media screen and (min-width: 1400px) {
    .card-list__filter .choice-button {
        padding:16px 24px
    }

    .smooth-scroll-list .desktop__list>li>a,.smooth-scroll-list .desktop__list>li>button,.smooth-scroll-list .desktop__list>li>span {
        padding: 12px 32px
    }

    .smooth-scroll-list .desktop__list.slick-slider .slick-slide li a {
        letter-spacing: -.2px
    }

    .top-secondary__content li.search .search-form input {
        width: 280px
    }

    .top-primary .navbar-primary {
        width: 680px
    }

    html[lang=vi-VN] .top-primary .navbar-primary {
        width: auto
    }
}

.top-secondary__content li.search .search-form input::placeholder {
    color: #b5bec1
}

.top-secondary__content li.search .search-form button {
    background: #fff;
    width: 34px;
    height: 30px;
    line-height: 30px;
    border-radius: 0 4px 4px 0;
    padding: 0;
    color: #00b74f;
    border: none;
    outline: 0;
    text-align: center
}

.top-secondary__content li.atm a:before,.top-secondary__content li.contact a:before,.top-secondary__content li.search a:before,.top-secondary__content li.wish-list a:before {
    width: 16px;
    margin-right: 10px;
    display: inline-block;
    content: ""
}

.top-secondary__content li.search .search-form button i {
    line-height: inherit;
    width: inherit
}

.top-secondary__content li.search a:before {
    background: url(/assets/images/icons/icon-search.svg) 50%/contain no-repeat;
    height: 16px
}

.top-secondary__content li.wish-list a:before {
    background: url(/assets/images/icons/icon-heart.svg) 50%/contain no-repeat;
    height: 16px
}

.top-secondary__content li.contact a:before {
    background: url(/assets/images/icons/icon-help.svg) 50%/contain no-repeat;
    height: 16px
}

.top-secondary__content li.atm a:before {
    background: url(/assets/images/icons/icon-location.svg) 50%/contain no-repeat;
    height: 16px
}

.top-secondary__link .navbar li a {
    border-top: 2px solid transparent;
    transition: .3s
}

.top-secondary__link .navbar li a.active,.top-secondary__link .navbar li a:focus,.top-secondary__link .navbar li a:hover {
    border-top-color: #c4f5d0;
    color: #c4f5d0
}

.top-primary {
    z-index: 10;
    position: relative;
    background: #fff;
    height: 60px
}

.top-primary .main-logo {
    display: block;
    height: 46px;
    margin-right: 10px;
    padding-top: 10px;
    width: 142px;
    float: left
}

.top-primary .navbar-primary {
    display: none;
    position: relative
}

.top-primary .navbar-primary .navbar-item {
    padding: 0 10px;
    font-size: 1.6rem;
    font-weight: 600
}

@media screen and (min-width: 1400px) {
    .top-primary .navbar-primary .navbar-item {
        padding:0 11px;
        font-size: 1.8rem
    }
}

.top-primary .navbar-primary>li {
    height: 100%;
    padding-left: 20px;
    list-style-type: none
}

.search-suggest__list,.top-primary.sticked .top-primary__content,html[lang=vi-VN] .top-primary .navbar-primary>li {
    padding-left: 0
}

.top-primary .navbar-primary>li>a {
    height: 100%;
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 600
}

.top-primary .navbar-primary>li>a:active,.top-primary .navbar-primary>li>a:focus,.top-primary .navbar-primary>li>a:hover {
    background: 0 0;
    color: #00b74f;
    font-weight: 600
}

.top-primary .navbar-primary li.has-mega-menu>a.navbar-item:before {
    display: none;
    width: 10px;
    height: 10px;
    background: #f4f7f8;
    content: "";
    position: absolute;
    bottom: -5px;
    transform: translateX(3px) rotate(45deg);
    z-index: 2;
    left: calc(50% - 10px)
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu {
    z-index: 1;
    box-shadow: 0 10px 15px 1px rgba(0,0,0,.1);
    margin-bottom: 0;
    position: absolute;
    left: 0;
    background: #fff;
    padding: 30px;
    list-style: none;
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    transition: 50ms
}

@media screen and (min-width: 1200px) {
    .top-primary .main-logo {
        width:150px;
        padding-top: 0
    }

    .top-primary .navbar-primary {
        height: 66px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .top-primary .navbar-primary li.has-mega-menu ul.mega-menu {
        min-height: 440px;
        width: 884px
    }
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu>li>a {
    font-size: 1.8rem;
    line-height: 40px;
    color: #2c2c2c;
    display: block;
    font-weight: 600
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu>li:hover .article {
    visibility: visible;
    z-index: 4
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu>li:hover .article .wrapper,.top-primary .navbar-primary li.has-mega-menu:hover ul.mega-menu>li:first-of-type .article .wrapper,.top-primary .navbar-primary li.has-mega-menu:hover ul.mega-menu>li>a.active+.article .wrapper {
    opacity: 1;
    transform: translateY(0)
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu>li:hover .article:hover {
    transform: translate(0);
    box-shadow: none
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu .article {
    background: #fff;
    width: 50%;
    height: auto;
    position: absolute;
    right: 0;
    top: 30px;
    bottom: 30px;
    padding: 0 30px;
    overflow: hidden;
    border-left: 1px solid #b5bec1;
    box-shadow: none;
    visibility: hidden
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu .article .wrapper {
    height: 100%;
    opacity: 0;
    transform: translateY(20px);
    transition: .3s
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu .article__header {
    font-size: 2rem;
    margin-bottom: 10px;
    font-weight: 600;
    font-family: SVN-Gilroy,sans-serif
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu .article__header a {
    color: #2c2c2c
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu .article__header a:hover {
    color: #00b74f;
    text-decoration: none
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu .article__img {
    width: 100%;
    margin-bottom: 20px
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu .article__text {
    max-height: 4.8rem;
    overflow: hidden;
    line-height: 1.5;
    margin-bottom: 10px
}

.symbolism .view-all,.top-primary .navbar-primary li.has-mega-menu ul.mega-menu .article__link {
    font-size: 1.4rem;
    color: #00b74f
}

.top-primary .navbar-primary li.has-mega-menu ul.mega-menu .article__link:hover {
    color: #00ea65
}

.top-primary .navbar-primary li.has-mega-menu:hover ul.mega-menu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: .3s
}

.top-primary .navbar-primary li.has-mega-menu:hover ul.mega-menu>li:first-of-type .article,.top-primary .navbar-primary li.has-mega-menu:hover ul.mega-menu>li>a.active+.article {
    visibility: visible
}

.top-primary .navbar-primary li.has-mega-menu:hover ul.mega-menu>li:first-of-type:hover .wrapper {
    animation: .3s both slide-top
}

.top-primary .navbar-primary li.has-sub-menu .sub-menu {
    background: #fff;
    display: none;
    box-shadow: none;
    padding: 5px;
    border-radius: 0;
    position: relative
}

.top-primary .navbar-primary li.has-sub-menu .sub-menu:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #f4f7f8;
    display: inline-block;
    transform: rotate(45deg);
    top: -5px;
    left: 30px
}

.top-primary .navbar-primary li.has-sub-menu .sub-menu>li>a {
    white-space: nowrap;
    display: block;
    color: #000;
    padding: 5px 38px
}

.top-primary .navbar-primary li.has-sub-menu .sub-menu>li>a:active,.top-primary .navbar-primary li.has-sub-menu .sub-menu>li>a:focus,.top-primary .navbar-primary li.has-sub-menu .sub-menu>li>a:hover {
    background: 0 0;
    color: #00b74f;
    text-decoration: none
}

.top-primary .mobile-menu {
    float: right;
    width: 50px;
    height: 60px;
    border-left: 1px solid #dde6e8;
    padding: 20px 10px 0 17px
}

.top-primary .mobile-menu .hamburger {
    content: " ";
    background: #545758;
    width: 22px;
    height: 2px;
    display: block;
    margin-bottom: 8px;
    transition: .3s ease-in-out;
    opacity: 1
}

.top-primary .mobile-menu .hamburger:last-of-type {
    width: 15px;
    float: right
}

.top-primary .mobile-menu .hamburger:nth-child(3) {
    margin-top: -10px
}

.top-primary .mobile-menu.hamburger-hover .hamburger:nth-child(2) {
    transform: rotate(45deg)
}

.top-primary .mobile-menu.hamburger-hover .hamburger:nth-child(3) {
    transform: rotate(135deg)
}

.top-primary__link {
    width: 100%
}

.top-primary__link li.has-sub-menu:hover .sub-menu {
    display: block
}

.top-primary__link .button-icon {
    display: block;
    height: 60px;
    width: 48px;
    float: right;
    border-left: 1px solid #dde6e8;
    text-align: center
}

@media screen and (min-width: 375px) {
    .top-primary__link .button-icon {
        width:60px;
        height: 60px
    }
}

.top-primary__link .button-icon a,.top-primary__link .button-icon span {
    display: inline-flex;
    height: 100%;
    align-items: center
}

.top-primary__content .button-icon .sub-menu.display,.top-primary__link .button-icon .sub-menu.display {
    display: flex
}

.top-primary__link .button-icon .sub-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    width: 100%;
    font-size: 1.8rem;
    box-shadow: 0 10px 15px 1px rgba(0,0,0,.1);
    right: 0;
    width: unset;
    min-width: 200px
}

.top-primary__link .button-icon .sub-menu a {
    height: 66px;
    background: #f4f7f8;
    display: flex;
    align-items: center;
    padding: 0 25px;
    color: #6e7573
}

.top-primary__link .button-icon .sub-menu a:not(:first-of-type) {
    border-top: 1px solid #dde6e8
}

.top-primary__link .button-icon .sub-menu a:focus,.top-primary__link .button-icon .sub-menu a:hover {
    background: #afb8b6;
    text-decoration: none
}

.flatpickr-calendar .hasWeeks .dayContainer,.top-primary__link .js-search-icon {
    border-left: 0
}

.top-primary__link .js-search-icon>span {
    display: block;
    line-height: 60px
}

.top-primary__link .js-search-icon .sub-menu {
    background: #dde6e8;
    left: 0;
    right: 0;
    top: 0;
    height: 60px;
    padding: 15px 20px;
    box-shadow: none
}

.top-primary__link .js-search-icon .search-form {
    position: relative;
    display: flex
}

.top-primary__link .js-search-icon .search-form span.icon-close {
    font-size: 1.4rem;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0
}

.interest-rate__content .nav-tab__content--wrap .exchange td:first-child,.interest-rate__content .nav-tab__content--wrap .exchange th:first-child,.interest-rate__content .nav-tab__content--wrap .rates td:first-child,.interest-rate__content .nav-tab__content--wrap .rates th:first-child,.more-from-vpbank__content .nav-tab__content--wrap .exchange th:first-child,.more-from-vpbank__content .nav-tab__content--wrap .gold th:first-child,.more-from-vpbank__content .nav-tab__content--wrap .rates th:first-child {
    text-align: initial
}

.top-primary__link .js-search-icon .search-form input {
    height: 30px;
    width: calc(100% - 34px);
    outline: 0;
    padding: 0 10px 0 35px;
    border-radius: 4px 0 0 4px;
    font-size: 1.4rem;
    vertical-align: top;
    border: 1px solid #fff;
    line-height: 30px
}

.top-primary__link .js-search-icon .search-form input::placeholder {
    color: #b5bec1
}

.top-primary__link .js-search-icon .search-form button {
    background: #00b74f;
    width: 34px;
    height: 30px;
    line-height: 30px;
    border-radius: 0 4px 4px 0;
    padding: 0;
    color: #fff;
    border: none;
    outline: 0;
    text-align: center
}

.top-primary__link .js-search-icon .search-form button i {
    line-height: inherit;
    width: inherit
}

.top-primary__link .navbar-mobile {
    display: none;
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: #fff;
    transition: .3s ease-in-out;
    overflow: hidden
}

.top-primary__link .navbar-mobile__container {
    width: calc(100vw - 60px);
    height: 100%;
    overflow-y: auto;
    padding: 10px 20px
}

.top-primary__link .navbar-mobile li {
    list-style-type: none
}

.top-primary__link .navbar-mobile li .nav-link {
    position: relative;
    display: block;
    padding: 10px 0;
    font-size: 1.4rem;
    font-weight: 600
}

.more-from-vpbank .title a,.top-primary__link .navbar-mobile li .nav-link a,.top-primary__link .navbar-mobile li .nav-link i {
    color: #000
}

.top-primary__link .navbar-mobile li .nav-link i {
    width: 16px;
    height: 16px;
    margin: 3px 0 0;
    float: right
}

.top-primary__link .navbar-mobile li .nav-link.active,.top-primary__link .navbar-mobile li .nav-link:active,.top-primary__link .navbar-mobile li .nav-link:focus {
    font-weight: 600
}

.top-primary__link .navbar-mobile li .nav-link.active a,.top-primary__link .navbar-mobile li .nav-link.active i,.top-primary__link .navbar-mobile li .nav-link:active a,.top-primary__link .navbar-mobile li .nav-link:active i,.top-primary__link .navbar-mobile li .nav-link:focus a,.top-primary__link .navbar-mobile li .nav-link:focus i {
    color: #00b74f;
    text-decoration: none
}

.top-primary .sticky,.top-primary.sticked .navbar-sticky,.top-primary.sticked .sticky,.top-primary__link .navbar-mobile li .nav-link:only-child:after {
    display: none
}

.top-primary__link .navbar-mobile li .nav-link .global-search {
    padding: 5px 5px 5px 40px;
    display: block;
    width: 100%;
    height: 45px;
    line-height: 35px;
    background: url(https://www.vpbank.com.vn//assets/images/icons/search.png) 10px/15px no-repeat;
    border: 1px solid #dde6e8;
    outline: 0;
    font-size: 1.6rem;
    color: #545758;
    font-weight: 400
}

.support-customer-feedback .customer-feedback-form__arrange-ranking__content,.top-primary__link .navbar-mobile.display {
    width: calc(100% - 60px)
}

.top-primary__link .navbar-mobile.display+.overlay-mobile {
    visibility: visible
}

.top-primary__link .navbar-mobile.display+.overlay-mobile+.button-close-nav {
    visibility: visible;
    opacity: 1;
    margin-left: calc(100% - 60px);
    transition: .3s ease-in-out
}

.top-primary__link .navbar-mobile .sub-menu {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: .3s ease-in-out;
    overflow: hidden;
    background: #f7f7f7;
    color: #afb8b6
}

.top-primary__link .navbar-mobile .sub-menu__container {
    width: calc(100vw - 60px);
    margin: 0;
    padding: 10px 30px;
    height: 100%;
    overflow-y: auto
}

.top-primary__link .navbar-mobile .sub-menu.display {
    width: 100%
}

.top-primary__link .navbar-mobile .sub-menu li {
    padding: 10.5px 0
}

.top-primary__link .navbar-mobile .sub-menu li a {
    color: #2c2c2c
}

.top-primary__link .navbar-mobile .sub-menu li a:active,.top-primary__link .navbar-mobile .sub-menu li a:focus {
    color: #00b74f;
    font-weight: 700;
    text-decoration: none
}

.top-primary__link .navbar-mobile .sub-menu .go-back {
    position: relative;
    padding: 10.5px 0;
    font-size: 1.6rem;
    color: #00b74f;
    font-weight: 600;
    display: block
}

.top-primary__link .navbar-mobile .sub-menu .go-back i {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    margin: 0 10px 0 0;
    font-weight: 700
}

.top-primary__link .navbar-mobile ul.secondary {
    border-bottom: 1px solid #afb8b6;
    padding: 28px 0 16px
}

.top-primary__link .navbar-mobile ul.secondary li {
    padding-bottom: 5px
}

.top-primary__link .navbar-mobile ul.secondary li a {
    line-height: 25px;
    color: #000
}

.top-primary__link .navbar-mobile ul.content {
    padding: 24px 0 22px
}

.top-primary__link .navbar-mobile ul.content li {
    padding-bottom: 10px
}

.top-primary__link .navbar-mobile ul.content li a.atm,.top-primary__link .navbar-mobile ul.content li a.heart,.top-primary__link .navbar-mobile ul.content li a.support {
    position: relative;
    padding-left: 34px;
    line-height: 25px;
    color: #000
}

.top-primary__link .navbar-mobile ul.content li a.atm:before,.top-primary__link .navbar-mobile ul.content li a.heart:before,.top-primary__link .navbar-mobile ul.content li a.support:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    width: 22px;
    height: 20px
}

.top-primary__link .navbar-mobile ul.content li a.heart:before {
    background: url(https://www.vpbank.com.vn/assets/images/icons/icon-heart-dark.svg) 0 0/contain no-repeat
}

.top-primary__link .navbar-mobile ul.content li a.support:before {
    background: url(https://www.vpbank.com.vn/assets/images/icons/icon-help-dark.svg) 0 0/contain no-repeat
}

.top-primary__link .navbar-mobile ul.content li a.atm:before {
    background: url(https://www.vpbank.com.vn/assets/images/icons/icon-location-dark.svg) 0 0/contain no-repeat
}

.top-primary__link .navbar-mobile .language-bar .flag {
    border-radius: 50%;
    margin-right: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    position: relative;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c2c2c;
    text-align: center
}

.top-primary__link .navbar-mobile .language-bar .flag img {
    position: absolute;
    width: 100%;
    height: 100%
}

html[lang=en] .top-primary__link .navbar-mobile .language-bar .flag.en,html[lang=vi-VN] .top-primary__link .navbar-mobile .language-bar .flag.vn {
    border: 2px solid #6e7573
}

.top-primary__link .overlay-mobile {
    z-index: 1;
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #545758;
    top: 0;
    left: 0;
    opacity: .75
}

.top-primary__link .button-close-nav {
    z-index: 1;
    font-size: 2.2rem;
    color: #00b74f;
    position: fixed;
    visibility: hidden;
    left: 0;
    top: 0;
    margin-left: 0;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    display: none;
    background-color: #afb8b6
}

@media screen and (max-width: 1199px) {
    body.side-menu-open {
        overflow:hidden
    }

    .top-primary__link .navbar-mobile {
        display: block
    }

    .top-primary__link .button-close-nav {
        display: flex
    }
}

.top-primary__content .general-button {
    display: none;
    border: none;
    outline: 0;
    background: 0 0;
    color: #00b74f;
    height: 66px;
    line-height: 66px;
    position: relative;
    text-transform: uppercase;
    font-size: 1.8rem;
    white-space: nowrap;
    letter-spacing: 0;
    cursor: pointer
}

.footer__link__item:first-child,.top-primary__content .button-icon .sub-menu a:not(:first-of-type),.top-primary__content .general-button .sub-menu a:not(:first-of-type) {
    border-top: 1px solid #dde6e8
}

html[lang=vi-VN] .top-primary__content .general-button {
    font-size: 1.6rem
}

.awards__header .btn-link,.card-cashbank-header .btn-link,.news-info__header .btn-link,.story-tips-header .btn-link {
    line-height: 3rem
}

.top-primary__content .general-button img {
    margin: -3px 14px 0 0;
    max-width: 150px
}

.top-primary__content .general-button .sub-menu.display {
    display: flex;
    top: 66px;
    right: 0;
    text-transform: none
}

.top-primary__content .general-button .sub-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    width: 100%;
    font-size: 1.8rem;
    box-shadow: 0 10px 15px 1px rgba(0,0,0,.1)
}

.top-primary__content .button-icon .sub-menu a,.top-primary__content .general-button .sub-menu a {
    align-items: center;
    padding: 0 25px;
    height: 66px;
    display: flex;
    background: #f4f7f8;
    color: #6e7573
}

.top-primary__content .general-button .sub-menu a:focus,.top-primary__content .general-button .sub-menu a:hover {
    background: #afb8b6;
    text-decoration: none
}

.top-primary__content .button-icon .sub-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    width: 100%;
    font-size: 1.8rem;
    box-shadow: 0 10px 15px 1px rgba(0,0,0,.1);
    right: 0;
    width: unset;
    min-width: 200px
}

.header-sme ul.user-submenu li:hover,.top-primary__content .button-icon .sub-menu a:focus,.top-primary__content .button-icon .sub-menu a:hover {
    background: #afb8b6;
    text-decoration: none
}

.top-primary__content .navbar-sticky {
    display: none;
    position: relative;
    align-items: center;
    height: 66px
}

.top-primary__content .navbar-sticky>li {
    padding: 0 20px;
    height: 100%;
    list-style: none
}

@media screen and (min-width: 1200px) {
    .top-primary .navbar-primary li.has-sub-menu .sub-menu {
        position:absolute
    }

    .top-primary .mobile-menu {
        display: none;
        height: 60px
    }

    .top-primary {
        height: auto
    }

    .top-primary .container {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .top-primary__content,.top-primary__link {
        display: inline-flex
    }

    .top-primary__link {
        align-items: center;
        line-height: 20px;
        justify-content: space-between
    }

    .top-primary__link .button-icon {
        height: 50px;
        display: none
    }

    .top-primary__link .overlay-mobile {
        display: none
    }

    .top-primary__content {
        padding-left: 40px;
        position: relative
    }

    .top-primary__content:before {
        content: "";
        background: #dde6e8;
        height: 100%;
        width: 1px;
        position: absolute;
        left: 0;
        top: 0
    }

    .top-primary__content .general-button {
        display: flex;
        align-items: center
    }

    html[lang=vi-VN] .top-primary__content .navbar-sticky>li {
        padding: 0 12px
    }

    .top-primary.sticked .navbar-sticky,.top-primary.sticked .sticky {
        display: flex
    }
}

.top-primary__content .navbar-sticky>li a,.top-primary__content .navbar-sticky>li span {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.top-primary__content .navbar-sticky>li a:hover,.top-primary__content .navbar-sticky>li span:hover {
    cursor: pointer
}

.top-primary__content .navbar-sticky>li.button-icon {
    display: block;
    border: none;
    position: relative
}

.top-primary__content .navbar-sticky form {
    display: flex;
    margin-right: 10px;
    align-items: center
}

.top-primary__content .navbar-sticky .button-select-language li {
    color: #000;
    padding-top: 5px
}

.breadcrumb__item a:hover,.footer__link__item ul li a:hover,.more-from-vpbank .title a:hover {
    color: #00b74f;
    text-decoration: none
}

.top-primary.sticked {
    box-shadow: 0 3px 20px rgba(0,0,0,.1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.award .button,.top-primary.sticked+div,.top-primary.sticked+section {
    margin-top: 60px
}

.top-primary.sticked+.primary-search-bar {
    margin-top: 90px
}

.modal-welcome-backdrop,.retail-banking.no-title .section-title,.top-primary.sticked .top-primary__content:before,.top-primary.sticked .un-sticky,.user-vote-rating input {
    display: none
}

.top-primary.sticked .language {
    margin-left: 12px
}

@media screen and (min-width: 1400px) {
    .top-primary .navbar-primary li.has-mega-menu ul.mega-menu {
        width:1020px
    }

    html[lang=vi-VN] .top-primary__content .navbar-sticky>li {
        padding: 0 20px
    }

    .top-primary.sticked .navbar-primary .navbar-item {
        font-size: 1.6rem
    }
}

.footer {
    background: #f4f7f8;
    font-size: 1.4rem;
    padding: 0
}

.footer__link,.nav-tab-level2__content,.suggest-question-paging {
    padding-bottom: 30px
}

.footer__link--title {
    position: relative;
    margin-bottom: 0;
    pointer-events: auto;
    font-family: SVN-Gilroy,sans-serif;
    font-size: 1.6rem;
    font-weight: 700
}

.footer__link--title a {
    display: block;
    color: #000
}

.footer__link--title a:hover {
    text-decoration: none
}

.footer__link--title a i {
    transform: rotate(90deg);
    transition: .2s;
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
    color: #545758
}

.footer__link--title a.collapsed i {
    transform: rotate(0);
    transition: .2s
}

.footer__link__item {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dde6e8
}

@media screen and (min-width: 768px) {
    .smooth-scroll-list .desktop__list.slick-slider .slick-arrow {
        display:block
    }

    .smooth-scroll-list .desktop__list.slick-slider .slick-arrow.slick-prev {
        left: -5px
    }

    .smooth-scroll-list .desktop__list.slick-slider .slick-arrow.slick-next {
        right: -5px
    }

    .smooth-scroll-list .mobile {
        display: none
    }

    .smooth-scroll-list .mobile .category {
        margin: 0
    }

    .smooth-scroll-list .mobile__list {
        width: 100%;
        left: 0;
        border-left: 1px solid #b5bec1;
        border-right: 1px solid #b5bec1
    }

    .top-primary__link .navbar-mobile .sub-menu__container,.top-primary__link .navbar-mobile.display,.top-primary__link .navbar-mobile__container {
        width: 315px
    }

    .top-primary__link .navbar-mobile.display+.overlay-mobile+.button-close-nav {
        margin-left: 315px
    }

    .footer {
        padding: 60px 0 0
    }

    .footer__link--title {
        pointer-events: none
    }

    .footer__link--title a {
        cursor: auto
    }

    .footer__link--title a i {
        display: none
    }

    .footer__link__item {
        padding-top: 0;
        padding-bottom: 20px;
        border: none
    }

    .footer__link__item:first-child {
        border: none
    }
}

.footer__link__item ul {
    padding: 0;
    margin: 0
}

.footer__link__item ul li {
    list-style: none;
    margin-bottom: 6px
}

.footer__link__item ul li a {
    font-size: 1.4rem;
    color: #6e7573;
    font-weight: 600
}

.footer__link__item ul li:first-child,.vpbank-form form .row .col-md-6+.col-md-6 {
    margin-top: 15px
}

.footer__link__item ul li:last-child,.masthead__slide.slick-dotted.slick-slider,.promotion .slick-dotted.slick-slider,.slideshow.slick-dotted.slick-slider,.vpbank-form form .row:last-child {
    margin-bottom: 0
}

.footer__content {
    border-top: none;
    padding: 20px 0 38px
}

.basic-accordion__card:first-child,.basic-accordion__card__collapse__content {
    border-top: 2px solid rgba(110,117,115,.5)
}

.footer__content__left {
    display: block;
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .smooth-scroll-list .dropdown-box__content {
        bottom:120%;
        left: 0;
        width: 100%
    }

    .footer__link .row {
        justify-content: space-between
    }

    .footer__link__item {
        padding-top: 0;
        padding-bottom: 0;
        border: none
    }

    .footer__content__left {
        display: flex;
        text-align: left;
        margin-bottom: 0
    }
}

.footer__content__left__logo {
    padding-right: 0;
    margin-bottom: 15px
}

@media screen and (min-width: 992px) {
    .footer__content__left__logo {
        padding-right:15px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1200px) {
    .footer__content__left {
        display:flex;
        text-align: left;
        margin-bottom: 20px
    }

    .footer__content__left__logo {
        padding-right: 10px
    }
}

.footer__content__left__logo img {
    width: 140px
}

.footer__content__left__info {
    position: relative;
    padding: 0 15px;
    font-size: 1.6rem;
    color: #6e7573;
    font-weight: 600
}

@media screen and (min-width: 992px) {
    .footer__content__left__info {
        padding:0 0 0 20px;
        font-size: 1.4rem
    }
}

@media screen and (min-width: 1200px) {
    .footer__content__left__info {
        padding:0 0 0 10px
    }
}

.footer__content__left__info:before {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    top: 5px;
    width: 1px;
    height: 40px;
    background-color: #dde6e8
}

.footer__content__left__info__name {
    display: block;
    margin-bottom: 5px
}

.connect-business-online .connect-online-detail--mobile,.footer__content__right,.knowledge-online-training .button-view-more--mobile {
    display: block;
    text-align: center
}

.footer__content__right__link {
    margin-bottom: 25px
}

@media screen and (min-width: 768px) {
    .footer__link__item ul {
        display:block!important
    }

    .footer__content {
        border-top: 1px solid #dde6e8;
        padding: 38px 0 23px
    }

    .footer__content__left__info__name,.footer__content__right__link {
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .footer__content__left__info:before {
        display:block
    }

    .footer__content__right {
        display: flex;
        text-align: left;
        justify-content: flex-end
    }

    .footer__content__right__link {
        margin-bottom: 5px
    }
}

.footer__content__right__link a {
    background: #fff;
    margin: 0 10px 10px 0;
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 4px;
    padding: 14px
}

.footer__content__right__link a:last-child {
    margin: 0
}

.footer__content__right__link a:hover img {
    filter: grayscale(0)
}

.footer__content__right__link a img {
    width: 100%;
    max-width: 100%;
    filter: grayscale(1)
}

#modalWelcome.modal.show,.footer__content__right .promo,.modal-welcome-backdrop.show {
    display: block
}

.footer__content__right .promo>a {
    width: 46%;
    display: inline-block;
    margin: 0 1%
}

@media screen and (min-width: 768px) {
    .footer__content__right__link a {
        width:56px;
        height: 56px
    }

    .footer__content__right .promo>a {
        float: none;
        max-width: 125px;
        margin: 0 0 5px 10px
    }
}

@media screen and (min-width: 992px) {
    .footer__content__right .promo>a {
        max-width:100px
    }
}

.awards img,.footer__content__right .promo>a img,.view-all-news .btn {
    width: 100%
}

.footer__content__right .promo .vpbank {
    color: #6e7573;
    font-weight: 700;
    margin: 0 0 15px;
    text-align: center;
    font-size: 1.6rem;
    text-transform: uppercase
}

.footer__content b,.footer__content strong {
    color: #000;
    font-weight: 700;
    font-size: 1.6rem
}

.footer__copyright {
    background: linear-gradient(90deg,#015aad,#00b74f);
    padding: 15px 0;
    font-size: 1.6rem
}

.footer__copyright__left {
    color: #fff;
    text-align: center
}

.footer__copyright__right {
    text-align: center;
    margin-top: 10px
}

.footer__copyright__right span a {
    color: #fff
}

.footer__copyright__right span a+a {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid hsla(0,0%,100%,.5)
}

.footer__copyright__right span a:hover {
    color: hsla(0,0%,100%,.7);
    text-decoration: none
}

.footer__copyright__right span a.back-to-old-website {
    background: url(/assets/images/icons/special-icon.png) 10px no-repeat hsla(0,0%,100%,.2);
    padding: 5px 10px 5px 28px;
    border: none;
    border-radius: 3px;
    margin-top: 10px;
    display: inline-block
}

@media screen and (min-width: 768px) {
    .footer__content b,.footer__content strong {
        font-size:1.4rem
    }

    .footer__copyright__left {
        text-align: left;
        padding-top: 5px
    }

    .footer__copyright__right {
        text-align: right;
        margin-top: 0
    }

    .footer__copyright__right span a.back-to-old-website {
        margin-left: 20px
    }
}

.footer__copyright__right span a.back-to-old-website:hover {
    background-color: hsla(0,0%,100%,.1)
}

.user-rating {
    line-height: 1.1
}

.user-rating__star {
    margin-right: 0;
    font-size: 1.8rem
}

.user-rating__star:before {
    content: "\E9D7";
    color: #fdd000
}

.user-rating__star.checked:before,.user-vote-rating .ratings_stars.ratings_over:before,.user-vote-rating .ratings_stars.selected:before {
    content: "\E9D9"
}

.user-rating__count {
    line-height: 2rem;
    margin-top: 5px;
    display: block;
    font-size: 1.6rem
}

.user-vote-rating {
    display: block;
    float: left
}

.user-vote-rating .ratings_stars {
    color: #fb4e4e;
    padding-right: 5px;
    float: left
}

.user-vote-rating .ratings_stars.selected.ratings_over {
    color: rgba(251,78,78,.6)
}

.breadcrumb {
    padding: 0;
    margin: 15px 0 25px;
    display: flex;
    flex-wrap: wrap
}

.breadcrumb__item {
    font-size: 1.2rem;
    line-height: 2rem;
    list-style: none;
    display: inline-block;
    letter-spacing: 0
}

@media screen and (min-width: 375px) {
    .top-primary__link .navbar-mobile__container {
        padding:10px 30px
    }

    .top-primary__link .navbar-mobile li .nav-link {
        font-size: 1.8rem;
        padding: 10.5px 0
    }

    .top-primary__link .navbar-mobile .sub-menu .go-back {
        font-size: 1.8rem
    }

    .breadcrumb__item {
        font-size: 1.4rem;
        letter-spacing: 0
    }
}

.breadcrumb__item+.breadcrumb__item:before {
    content: "/";
    color: #000;
    font-size: inherit;
    padding-right: 5px;
    display: inline-block
}

.breadcrumb__item a {
    color: #000;
    font-size: 1.4rem;
    transition: .2s
}

div.language {
    width: 38px;
    position: relative;
    height: 38px;
    bottom: 0;
    font-weight: 600
}

div.language ul.button-select-language {
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    line-height: 1.5
}

div.language ul.button-select-language li {
    padding-top: 8px;
    padding-bottom: 5px;
    cursor: pointer;
    color: #fff;
    text-decoration: underline
}

div.language ul.button-select-language li img,div.language ul.dropdown-language li img {
    width: 25px;
    height: 25px;
    border-radius: 4px;
    border: 1px solid #6e7573;
    padding: 4px
}

div.language ul.button-select-language.highlighted {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.16)
}

.investor-events-content__detail__right .investor-news,.symbolism__wrap,div.language ul.button-select-language.highlighted li:hover,div.language ul.dropdown-language li:hover {
    background: #dde6e8
}

div.language ul.dropdown-language {
    background: #fff;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    display: none;
    flex-direction: column;
    box-shadow: 0 3px 6px rgba(0,0,0,.16)
}

div.language ul.dropdown-language li {
    padding: 5px;
    order: 1;
    cursor: pointer;
    color: #000
}

div.language ul.dropdown-language li:last-child,div.language ul.dropdown-language li:last-child:hover {
    border-radius: 0 0 6px 6px
}

div.language ul.dropdown-language li.selected {
    display: none;
    border-radius: 6px 6px 0 0
}

.basic-accordion.large-collapse .basic-accordion__card:nth-child(2n) .basic-accordion__card__header {
    background-color: transparent
}

.basic-accordion.large-collapse .basic-accordion__card:first-child {
    border-top: 2px solid transparent
}

.basic-accordion.large-collapse .basic-accordion__card__header {
    border-bottom: 2px solid rgba(110,117,115,.23)
}

.basic-accordion.large-collapse .basic-accordion__card__header a {
    font-size: inherit;
    padding: 14px 35px 15px 0
}

.basic-accordion.large-collapse .basic-accordion__card__collapse__content {
    border-top: 2px solid transparent;
    padding: 15px 0 20px
}

.basic-accordion__card {
    border-bottom: 2px solid rgba(110,117,115,.5)
}

.basic-accordion__card__header__text {
    position: relative;
    margin: 0
}

.basic-accordion__card__header__text:hover {
    background-color: #f4f7f8
}

.basic-accordion__card__header__text a {
    display: block;
    color: #6e7573;
    padding: 15px 35px 14px 15px;
    font-size: 1.6rem;
    cursor: pointer
}

.basic-accordion__card__header__text a:hover {
    color: #6e7573;
    text-decoration: none
}

.basic-accordion__card__header__text a.collapsed .icon-chevron-up:before {
    content: "\E907"
}

.basic-accordion__card__header__text a.collapsed .icon-remove:before {
    content: "\E900"
}

.basic-accordion__card__header__text .ico {
    font-size: inherit;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    color: #6e7573;
    border-radius: 50%
}

.basic-accordion__card__header__text .ico.icon-remove {
    padding: 5px;
    font-size: 2rem;
    margin-top: -16px;
    right: 0;
    color: #00b74f;
    border: 1px solid #00b74f
}

.basic-accordion__card__collapse__content {
    padding: 15px 15px 20px
}

#accordion3,.introduction__main__content--item {
    position: relative;
    text-align: center
}

#accordion3:before {
    content: "";
    border-left: 1px solid red;
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    display: block
}

#accordion3 .basic-accordion__card__header {
    background: #00f;
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: inline-block;
    z-index: 1;
    position: relative;
    border-radius: 50%
}

#accordion3 .basic-accordion__card__collapse__content {
    padding-bottom: 100px
}

#accordion3 .div1 {
    margin-top: 100px
}

#accordion3 .div1:nth-child(odd) {
    margin-top: 200px
}

#accordion3 .div1:nth-child(odd) .div-popup {
    left: -300px
}

#accordion3 .div-title {
    position: relative;
    display: inline-block;
    width: 100px;
    transform: translateX(-50%)
}

#accordion3 .div-title:before {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: violet;
    right: -12px;
    top: 0;
    display: block;
    position: absolute
}

#accordion3 .div-popup {
    position: absolute;
    top: -50px;
    left: 150px;
    padding: 20px;
    background: #eee;
    width: 250px
}

.modal .modal-content {
    overflow: hidden;
    border-radius: 0;
    border: none
}

.modal .modal-content .modal-header {
    position: relative;
    border-radius: 0;
    border: none;
    padding: 15px 25px;
    color: #008347
}

.modal .modal-content .modal-header:after {
    position: absolute;
    width: 80px;
    height: 80px;
    right: -40px;
    top: -40px;
    content: "";
    background-color: #008347;
    z-index: 1;
    transform: rotate(45deg)
}

.modal .modal-content .modal-header .close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 14px;
    padding: 0;
    color: #fff;
    z-index: 2;
    cursor: pointer
}

.modal .modal-content .modal-body {
    padding: 0 25px 25px
}

.modal .modal-content .modal-footer {
    padding: 0 25px 15px;
    border-top: none
}

.modal .modal-content .modal-footer button {
    width: calc(50% - 10px)
}

.calculation__exchange .form-group .form-check-inline,.calculation__installment-interest .form-group .form-check-inline,.calculation__loan-interest .form-group .form-check-inline,.calculation__savings-interest .form-group .form-check-inline,.modal .modal-content .modal-footer button:first-child {
    margin-right: 20px
}

.color-gray-dark,.modal-backdrop {
    background: #545758
}

.modal-backdrop.show {
    opacity: .8
}

#modalWelcome .modal-header {
    padding: 0;
    z-index: 3
}

#modalWelcome .modal-body {
    background: #2c2c2c;
    position: relative;
    padding: 0
}

@media screen and (min-width: 992px) {
    .footer__content__right .promo .vpbank {
        text-align:right;
        font-size: 1.4rem
    }

    .footer__copyright__right span a.back-to-old-website {
        margin: 0 0 0 20px
    }

    .user-rating__count {
        font-size: 1.4rem
    }

    #modalWelcome .modal-body {
        min-height: 300px
    }
}

#modalWelcome .modal-body:after {
    content: " ";
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border-color: #00b74f transparent #e10600;
    border-style: solid;
    border-width: 5px;
    animation: 1.2s linear infinite load-icon;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -24px
}

#modalWelcome img,#modalWelcome video {
    width: 100%;
    max-height: 100%;
    display: block;
    position: relative;
    z-index: 2
}

.retail-banking {
    padding: 30px 0 40px
}

.retail-banking__content {
    text-align: center;
    padding: 0 10px
}

.retail-banking__content__option {
    text-align: center;
    padding: 10px 6px;
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .user-rating__star {
        font-size:1.6rem
    }

    .breadcrumb {
        margin: 25px 0
    }

    .breadcrumb__item {
        font-size: 1.6rem;
        line-height: 3rem
    }

    .basic-accordion.large-collapse .basic-accordion__card {
        margin-bottom: 15px
    }

    .basic-accordion.large-collapse .basic-accordion__card__header a {
        padding: 13px 35px 14px 0
    }

    .retail-banking {
        padding: 40px 0 20px
    }

    .retail-banking__content {
        margin: 0 -18.5px;
        padding: 0
    }

    .retail-banking__content__option {
        margin-bottom: 15px;
        padding: 20px 10px
    }

    .retail-banking__content__option__item:hover {
        transform: translateY(-10px)
    }
}

.retail-banking__content__option__item {
    display: block;
    transition: .2s;
    text-align: center
}

.retail-banking__content__option__item:active,.retail-banking__content__option__item:focus {
    outline: 0
}

.retail-banking__content__option__item:hover {
    text-decoration: none
}

.retail-banking__content__option__item:hover.shadow-light-green img {
    box-shadow: 0 0 18px rgba(0,131,70,.2)
}

.retail-banking__content__option__item:hover.shadow-light-brown img {
    box-shadow: 0 0 18px rgba(203,133,12,.2)
}

.retail-banking__content__option__item:hover.shadow-light-orange img {
    box-shadow: 0 0 18px rgba(234,114,0,.2)
}

.retail-banking__content__option__item:hover.shadow-light-pink img {
    box-shadow: 0 0 18px rgba(189,19,56,.2)
}

.retail-banking__content__option__item:hover.shadow-ocean-blue img {
    box-shadow: 0 0 18px rgba(10,137,168,.2)
}

.retail-banking__content__option__item:hover.shadow-light-blue img {
    box-shadow: 0 0 18px rgba(37,107,175,.2)
}

.retail-banking__content__option__item:hover.shadow-light-purple img {
    box-shadow: 0 0 18px rgba(56,86,160,.2)
}

.retail-banking__content__option__item:hover.shadow-yellow-green img {
    box-shadow: 0 0 18px rgba(149,154,4,.2)
}

.retail-banking__content__option__item:hover.shadow-lighter-blue img {
    box-shadow: 0 0 18px rgba(58,159,155,.2)
}

.retail-banking__content__option__item:hover h3 {
    color: #00b74f
}

.retail-banking__content__option__item picture,.so-tab li {
    display: inline-block
}

.retail-banking__content__option__item picture img {
    max-width: 100%;
    height: auto;
    border-radius: 14px
}

.retail-banking__content__option__item h3 {
    margin-top: 15px;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #6e7573
}

.retail-banking__content .slick-arrow {
    width: 20px;
    height: 40px;
    top: 20%;
    transform: translateY(0);
    background: #dde6e8;
    color: #00b74f
}

.retail-banking__content .slick-arrow:before {
    font-family: icomoon;
    color: #00b74f;
    font-size: 1.6rem;
    font-weight: 700
}

.retail-banking__content .slick-arrow:focus,.retail-banking__content .slick-arrow:hover {
    background: #afb8b6;
    color: #00b74f
}

.retail-banking__content .slick-prev {
    left: -15px;
    border-radius: 0 20px 20px 0
}

.retail-banking__content .slick-prev:before {
    content: "\E911"
}

.retail-banking__content .slick-next {
    right: -15px;
    border-radius: 20px 0 0 20px
}

.retail-banking__content .slick-next:before {
    content: "\E916"
}

.talk-to-us {
    background-color: #fff;
    position: relative;
    box-shadow: 0 4px 12px rgba(28,28,30,.06)
}

.primary-search-bar,.primary-search-bar__menu__content {
    box-shadow: 0 3px 30px rgba(84,87,88,.1)
}

.talk-to-us:before {
    content: "";
    background: linear-gradient(90deg,#015aad,#00b74f);
    display: block;
    height: 2px;
    width: 100%
}

.carousel-course__main .multiple-items,.talk-to-us__content,.testimonials .testimonials-wrap,.webcast__main__content {
    margin-left: -15px;
    margin-right: -15px
}

.talk-to-us__content__item {
    text-align: center;
    padding: 36px 24px;
    color: #00b74f;
    font-size: 2rem;
    font-weight: 600;
    display: block
}

.talk-to-us__content__item:hover {
    text-decoration: none;
    color: #00b74f
}

.talk-to-us__content__item--gradient {
    background: linear-gradient(90deg,#015aad,#00b74f);
    color: #fff
}

.talk-to-us__content__item--gradient:hover {
    color: #fff
}

.talk-to-us__content__item span.icon {
    display: inline-block;
    margin-right: 20px
}

.talk-to-us__content__item span.icon img {
    max-width: 100%
}

.masthead+.primary-search-bar,.slideshow+.banner-submenu-sme,.slideshow+.primary-search-bar {
    margin: -30px auto 0
}

.primary-search-bar {
    width: calc(100% - 30px);
    height: 60px;
    font-size: 1.4rem;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    margin: 30px auto 0
}

@media screen and (min-width: 768px) {
    .retail-banking__content__option__item h3 {
        margin-top:25px
    }

    .masthead+.primary-search-bar,.slideshow+.primary-search-bar {
        margin-top: -38px
    }

    .primary-search-bar {
        width: 660px;
        height: 76px;
        font-size: 1.6rem;
        margin-top: 30px
    }
}

.primary-search-bar[data-speed="1"] .primary-search-bar__content__dropdown .animated {
    animation-duration: 1s
}

.primary-search-bar[data-speed="2"] .primary-search-bar__content__dropdown .animated {
    animation-duration: 2s
}

.primary-search-bar[data-speed="3"] .primary-search-bar__content__dropdown .animated {
    animation-duration: 3s
}

.primary-search-bar[data-speed="4"] .primary-search-bar__content__dropdown .animated {
    animation-duration: 4s
}

.primary-search-bar[data-speed="5"] .primary-search-bar__content__dropdown .animated {
    animation-duration: 5s
}

.primary-search-bar[data-speed="6"] .primary-search-bar__content__dropdown .animated {
    animation-duration: 6s
}

.primary-search-bar[data-speed="7"] .primary-search-bar__content__dropdown .animated {
    animation-duration: 7s
}

.primary-search-bar[data-speed="8"] .primary-search-bar__content__dropdown .animated {
    animation-duration: 8s
}

.primary-search-bar[data-speed="9"] .primary-search-bar__content__dropdown .animated {
    animation-duration: 9s
}

.primary-search-bar[data-speed="10"] .primary-search-bar__content__dropdown .animated {
    animation-duration: 10s
}

.primary-search-bar i {
    color: #00b74f;
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: calc(50% - 11px);
    transition: transform .4s ease-in-out;
    font-weight: bolder
}

.primary-search-bar__content {
    display: flex;
    flex-wrap: wrap;
    line-height: 30px;
    padding: 15px
}

.more-from-vpbank .slick-dots li button:before,.news-info .list-news,.primary-search-bar__content.selected .primary-search-bar__content__dropdown,.promotion-weather-bar h3.hidden {
    display: none
}

.primary-search-bar__content.selected .primary-search-bar__content__hidden {
    display: block
}

.primary-search-bar__content__title {
    color: #000;
    -webkit-box-flex: 0;
    flex: 0 0 30%;
    max-width: 30%;
    min-height: 36px;
    font-weight: 700
}

.primary-search-bar__content__dropdown,.primary-search-bar__content__hidden {
    padding: 0 22px 0 15px;
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 0;
    flex: 0 0 70%;
    max-width: 70%
}

.primary-search-bar__content__dropdown__item,.primary-search-bar__content__hidden__item {
    color: #00b74f;
    font-weight: 600;
    position: absolute;
    top: 0;
    width: calc(100% - 30px)
}

.primary-search-bar__menu {
    width: 100%;
    position: absolute;
    top: -60px;
    right: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transition: .2s
}

.primary-search-bar__menu.active {
    opacity: 1;
    visibility: visible
}

.primary-search-bar__menu__content__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.primary-search-bar__menu__content__list__item {
    height: 60px;
    background-color: #fff;
    border-bottom: 1px solid #dde6e8
}

.primary-search-bar__menu__content__list__item:last-child {
    border-bottom: none
}

.primary-search-bar__menu__content__list__item:hover>a {
    color: #00b74f;
    background-color: #f4f7f8
}

.primary-search-bar__menu__content__list__item>a {
    color: #545758;
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    background-color: transparent;
    padding: 15px 15px 15px 100px;
    transition: .2s;
    font-weight: 600
}

.primary-search-bar__menu__content__list__item>a:hover {
    cursor: pointer;
    text-decoration: none
}

.primary-search-bar__menu__content__list__item>a img {
    position: absolute;
    max-width: 30px;
    top: 50%;
    left: 30px;
    transform: translateY(-50%)
}

.slideshow__wrap.slick-dotted.slick-slider,.vpbank-form #successModal .modal-body .modal-code h4,.vpbank-form form .row.no-margin {
    margin: 0
}

.slideshow__image {
    transition: .2s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.slideshow__header {
    background-color: #dde6e8;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: block!important;
    padding-top: 144%
}

.branch-atm,.card-cashbank,.masthead__images,.masthead__slide--item,.promotion-weather-bar__right .dropdown-box,.slideshow__header .container,.unsubcribe.loading {
    position: relative
}

.slideshow__header iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slideshow__header img,.slideshow__header video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.slideshow__header video {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slideshow .slick-dots,.slideshow__content {
    text-align: center;
    width: 100%;
    position: absolute
}

.slideshow__header .slide-text__title {
    font-size: 2.2rem;
    text-transform: capitalize;
    margin-bottom: 15px;
    color: #000
}

.more-from-vpbank .tag,.more-from-vpbank__content .nav-tab__content--wrap .exchange td:first-child {
    text-transform: uppercase
}

@media screen and (min-width: 375px) {
    .slideshow__header .slide-text__title {
        font-size:3rem
    }
}

@media screen and (min-width: 768px) {
    .primary-search-bar i {
        font-size:30px;
        top: calc(50% - 15px);
        right: 60px
    }

    .primary-search-bar__content {
        line-height: 36px;
        padding: 20px 60px
    }

    .primary-search-bar__content__title {
        flex: 0 0 22%;
        max-width: 22%;
        font-size: 2rem
    }

    .primary-search-bar__content__dropdown,.primary-search-bar__content__hidden {
        padding: 0 30px;
        flex: 0 0 78%;
        max-width: 78%
    }

    .primary-search-bar__menu {
        width: 70%;
        top: -76px
    }

    .primary-search-bar__menu__content__list__item {
        height: 76px
    }

    .primary-search-bar__menu__content__list__item>a img {
        max-width: 40px
    }

    .slideshow__header {
        padding-top: 38.54167%
    }

    .slideshow__header video {
        height: auto
    }

    .slideshow__header .slide-text {
        max-width: 40%;
        text-align: left
    }

    .slideshow__header .slide-text__title {
        font-size: 2.2rem
    }
}

@media screen and (min-width: 992px) {
    #modalWelcome .modal-body:after {
        width:64px;
        height: 64px;
        margin: -32px 0 0 -32px
    }

    #modalWelcome .modal-dialog {
        max-width: 60%
    }

    .talk-to-us__content {
        display: flex;
        justify-content: center;
        margin: 0
    }

    .talk-to-us__content__item {
        width: 33.33%
    }

    .slideshow__header .slide-text__title {
        font-size: 3rem
    }
}

@media screen and (min-width: 1400px) {
    .footer__content__left__logo {
        padding-right:30px
    }

    .footer__content__left__info {
        padding: 0 0 0 30px
    }

    .footer__content__right .promo>a {
        max-width: 130px;
        margin: 0 0 0 15px
    }

    #modalWelcome .modal-body {
        min-height: 400px
    }

    .retail-banking__content__option {
        padding: 20px 18.5px
    }

    .primary-search-bar {
        font-size: 2rem
    }

    .slideshow__header .slide-text__title {
        font-size: 4rem;
        margin-bottom: 20px
    }
}

.exchange-rate .interest-rate__content .nav-tab .note,.site-map a,.slideshow__header .slide-text__title a,.support-customer-feedback p.vpbank-form__title {
    color: #545758
}

.more-from-vpbank .tag:hover,.slideshow__header .slide-text__title a:hover,.story-tips-box .story-tips .tag-story:hover {
    text-decoration: none
}

.slideshow__header .slide-text__detail {
    margin-bottom: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

@media screen and (min-width: 768px) {
    .slideshow__header .slide-text__detail {
        font-size:1.4rem;
        -webkit-line-clamp: 2
    }
}

.slideshow__content {
    bottom: 240px;
    left: 0;
    padding: 0 10px
}

@media screen and (min-width: 375px) {
    .slideshow__content {
        bottom:260px;
        padding: 0 20px
    }
}

@media screen and (min-width: 768px) {
    .slideshow__content {
        text-align:initial;
        bottom: 95px
    }
}

@media screen and (min-width: 992px) {
    .slideshow__header .slide-text__detail {
        font-size:1.6rem
    }

    .slideshow__content {
        bottom: 125px
    }
}

.slideshow .slick-dots {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    bottom: 40px
}

@media screen and (min-width: 768px) {
    .slideshow .slick-dots {
        bottom:45px
    }
}

.slideshow .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 6.66667px
}

.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg,.slideshow .slick-dots li button {
    width: 14px;
    height: 14px
}

.more-from-vpbank .slick-dots li button,.slideshow .slick-dots li button:before {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    margin-top: 2px;
    box-shadow: 0 4px 12px rgba(28,28,30,.06)
}

.slideshow .slick-dots li button:before {
    color: transparent;
    opacity: 1
}

.slideshow .slick-dots li.slick-active button:before {
    width: 14px;
    height: 14px;
    background: #00b74f;
    color: transparent;
    margin: 0
}

.promotion-item--wishlist input[type=checkbox]:checked+label:after,.story-tips-box .story-tips--wishlist input[type=checkbox]:checked+label:before {
    background: url(assets/images/heart-active.png) no-repeat
}

.slideshow .video-iframe {
    background-color: #000
}

.more-from-vpbank {
    padding-top: 20px;
    margin-bottom: 20px;
    z-index: 0;
    position: relative
}

.more-from-vpbank .slick-dots,.story-tips-component .slick-dots {
    bottom: 25px;
    left: 15px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .slideshow .slick-dots li {
        margin:0 20px 0 0
    }

    .more-from-vpbank .slick-dots {
        bottom: 15px;
        left: 31px
    }

    .more-from-vpbank__content {
        margin-bottom: 20px
    }
}

.more-from-vpbank .slick-dots li {
    width: 14px;
    height: 14px;
    margin: 0 15px 0 0
}

.more-from-vpbank .slick-dots li.slick-active button {
    width: 14px;
    height: 14px;
    background: #00b74f
}

.more-from-vpbank .tag {
    font-size: 1.2rem;
    font-weight: 700;
    background: #fff;
    position: absolute;
    z-index: 0;
    padding: 2px 13px;
    top: 20px;
    left: 20px;
    color: #545758
}

.more-from-vpbank .title {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 6px
}

@media screen and (min-width: 1200px) {
    .footer__content__right {
        display:flex
    }

    .footer__content__right__link {
        width: 210px;
        margin-bottom: 0
    }

    .footer__content__right .promo {
        text-align: right;
        width: 345px;
        padding-left: 20px
    }

    .breadcrumb__item a,.more-from-vpbank .title {
        font-size: 1.6rem
    }

    .retail-banking .section-title {
        margin-bottom: 20px
    }

    .slideshow__content {
        bottom: 200px;
        padding: 0 50px
    }

    .more-from-vpbank__content {
        margin-bottom: 30px
    }
}

.more-from-vpbank__content .nav-tab {
    color: #545758;
    margin-bottom: 15px;
    box-shadow: 0 4px 8px rgba(28,28,30,.06)
}

@media screen and (min-width: 768px) {
    .more-from-vpbank__content .nav-tab {
        margin-bottom:20px
    }
}

.gm-style .gm-style-iw .gm-style-iw-d .body-content,.more-from-vpbank__content .nav-tab__content {
    padding: 15px
}

@media screen and (min-width: 768px) {
    .more-from-vpbank__content .nav-tab__content {
        padding:24px
    }
}

.more-from-vpbank__content .nav-tab__content .tab-pane.active {
    min-height: 218px;
    text-align: center
}

.more-from-vpbank__content .nav-tab__content .months {
    font-size: 1.8rem;
    margin-bottom: 2px
}

.more-from-vpbank__content .nav-tab__content .rates {
    font-size: 1.8rem
}

.more-from-vpbank__content .nav-tab__content .view-all {
    color: #00b74f;
    font-size: 1.6rem
}

.more-from-vpbank__content .nav-tab__content .view-all:hover {
    color: #00ea65
}

.more-from-vpbank__content .nav-tab__content--wrap {
    min-height: 200px;
    padding-bottom: 10px
}

.more-from-vpbank__content .nav-tab__content--wrap .exchange,.more-from-vpbank__content .nav-tab__content--wrap .gold,.more-from-vpbank__content .nav-tab__content--wrap .rates {
    width: 100%;
    text-align: center;
    font-weight: 600
}

.more-from-vpbank__content .nav-tab__content--wrap .exchange th,.more-from-vpbank__content .nav-tab__content--wrap .gold th,.more-from-vpbank__content .nav-tab__content--wrap .rates th {
    font-size: 1.6rem;
    font-weight: 700;
    padding-bottom: 20px;
    color: #000
}

@media screen and (min-width: 1200px) {
    .more-from-vpbank__content .nav-tab {
        margin-bottom:0
    }

    .more-from-vpbank__content .nav-tab__content--wrap .exchange th,.more-from-vpbank__content .nav-tab__content--wrap .gold th,.more-from-vpbank__content .nav-tab__content--wrap .rates th {
        padding-bottom: 10px
    }
}

@media screen and (min-width: 1920px) {
    .card-list__filter__list>li {
        margin-right:20px
    }

    .card-detail-content__head__list {
        width: 85%
    }

    .card-detail-content__head__list li a {
        padding: 12px 16px
    }

    .top-secondary__content li.search .search-form input {
        width: 360px
    }

    .top-primary .navbar-primary .navbar-item {
        padding: 0 24px;
        font-size: 2rem
    }

    .top-primary__content .general-button {
        height: 80px;
        line-height: 80px
    }

    .top-primary.sticked .navbar-primary .navbar-item {
        font-size: 1.8rem
    }

    .retail-banking__content__option__item h3 {
        font-size: 1.4rem
    }

    .slideshow__header .slide-text__title {
        font-size: 4.8rem
    }

    .more-from-vpbank__content .nav-tab__content--wrap {
        min-height: 356px;
        padding: 0
    }

    .more-from-vpbank__content .nav-tab__content--wrap .exchange th,.more-from-vpbank__content .nav-tab__content--wrap .gold th,.more-from-vpbank__content .nav-tab__content--wrap .rates th {
        padding-bottom: 20px;
        font-size: 1.6rem
    }
}

.more-from-vpbank__content .nav-tab__content--wrap .exchange td,.more-from-vpbank__content .nav-tab__content--wrap .gold td,.more-from-vpbank__content .nav-tab__content--wrap .rates td {
    padding-bottom: 5px;
    font-size: 1.4rem;
    vertical-align: top
}

@media screen and (min-width: 1200px) {
    .more-from-vpbank__content .nav-tab__content--wrap .exchange td,.more-from-vpbank__content .nav-tab__content--wrap .gold td,.more-from-vpbank__content .nav-tab__content--wrap .rates td {
        padding-bottom:10px
    }
}

@media screen and (min-width: 1400px) {
    .slideshow__header .slide-text__detail {
        margin-bottom:25px
    }

    .slideshow .slick-dots {
        bottom: 60px
    }

    .more-from-vpbank .title {
        font-size: 1.8rem
    }

    .more-from-vpbank__content .nav-tab__content--wrap .exchange td,.more-from-vpbank__content .nav-tab__content--wrap .gold td,.more-from-vpbank__content .nav-tab__content--wrap .rates td {
        padding-bottom: 9px;
        font-size: 1.6rem
    }
}

@media screen and (min-width: 1920px) {
    .more-from-vpbank__content .nav-tab__content--wrap .exchange td,.more-from-vpbank__content .nav-tab__content--wrap .gold td,.more-from-vpbank__content .nav-tab__content--wrap .rates td {
        padding-bottom:18px
    }
}

.more-from-vpbank__content .nav-tab__content--wrap .exchange td:first-child,.more-from-vpbank__content .nav-tab__content--wrap .gold td:first-child,.more-from-vpbank__content .nav-tab__content--wrap .rates td:first-child {
    text-align: initial;
    color: #00b74f
}

@media screen and (min-width: 1200px) {
    .more-from-vpbank__content .nav-tab__content--wrap .rates td,.more-from-vpbank__content .nav-tab__content--wrap .rates th {
        padding-bottom:18px
    }
}

@media screen and (min-width: 1400px) {
    .more-from-vpbank__content .nav-tab__content--wrap .rates td,.more-from-vpbank__content .nav-tab__content--wrap .rates th {
        padding-bottom:20px
    }
}

.more-from-vpbank__content .nav-tab__content--wrap .gold td.type span {
    display: block;
    color: #afb8b6;
    font-weight: 400
}

.more-from-vpbank__content .nav-tab__content--action {
    text-align: center;
    border-top: 1px solid #dde6e8;
    padding-top: 15px;
    margin-right: -15px;
    margin-left: -15px
}

.more-from-vpbank__content .nav-tab__link {
    height: 50px;
    border-bottom: 0;
    overflow: hidden;
    text-align: center
}

.more-from-vpbank__content .nav-tab__link li {
    margin-bottom: 0;
    width: 50%;
    height: 100%
}

.more-from-vpbank__content .nav-tab__link li a {
    background: #fff;
    width: 100%;
    height: 100%;
    color: #afb8b6;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 0;
    margin: 0;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-bottom: 2px solid transparent
}

.more-from-vpbank__content .nav-tab__link li a:hover {
    background: #fff;
    color: #00b74f;
    border-bottom: 2px solid transparent
}

.more-from-vpbank__content .nav-tab__link li a.active {
    background: #fff;
    color: #00b74f;
    border-bottom: 2px solid #00b74f
}

.more-from-vpbank__content .nav-tab__link li a.active:hover {
    color: #00b74f
}

.more-from-vpbank .slick-slider {
    margin: 0!important
}

.card-cashbank-header,.news-info__header,.story-tips-header {
    background: #f4f7f8;
    padding: 24px;
    border-bottom: 1px solid #dde6e8;
    display: flex;
    justify-content: space-between
}

.business-info-sme .news-info,.story-tips-box {
    background: #f4f7f8
}

.story-tips-box .story-tips-top {
    order: 2
}

.story-tips-box .story-tips {
    padding: 15px 15px 54px
}

@media screen and (min-width: 768px) {
    .more-from-vpbank__content .nav-tab__content--action {
        padding-top:24px;
        margin-right: -24px;
        margin-left: -24px
    }

    .story-tips-box .story-tips-top {
        order: 1
    }

    .story-tips-box .story-tips-img {
        order: 2
    }

    .story-tips-box .story-tips {
        padding: 15px 15px 21px
    }
}

@media screen and (min-width: 1200px) {
    .story-tips-box .story-tips {
        height:300px;
        padding-bottom: 50px
    }
}

.story-tips-box .story-tips__title {
    font-size: 2.2rem;
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .story-tips-box .story-tips__title {
        font-size:2.4rem
    }

    .view-all-news {
        display: none
    }
}

.story-tips-box .story-tips .tag-story {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 700;
    background: #fff;
    z-index: 0;
    padding: 3px 11px;
    color: #545758
}

.connect-business-live .section-title,.finance-with-account-business .section-title,.finance-with-funding-program .section-title,.health-capacity-chart .section-title,.health-comment .section-title,.health-result-sme .section-title,.health-support .section-title,.health-table-detail .section-title,.knowledge-offline-training__wrap .section-title,.knowledge-online-training__wrap .section-title,.landmark-memory,.mission,.nav-tab-level2__content .paginator ul,.suggest-question-paging .paginator ul,.view-all-news {
    margin: 30px 0
}

.view-all-news .btn:after {
    width: calc(100% - 24rem);
    left: 12rem
}

@media screen and (min-width: 768px) {
    .news-info {
        background:#f4f7f8;
        margin-bottom: 20px
    }

    .news-info .news-leading .description {
        background: #afb8b6;
        display: block;
        display: -webkit-box;
        max-height: 4.8rem;
        font-size: 1.6rem;
        line-height: 1.5;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.news-info .news-leading {
    width: 100%;
    height: 100%;
    padding: 24px;
    border-right: 1px solid #dde6e8
}

.news-info .news-leading__img {
    position: relative;
    padding-top: 54.63576%;
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .story-tips-box .story-tips .tag-story {
        padding:7px 17px
    }

    .news-info {
        margin-bottom: 0
    }

    .news-info .news-leading__img {
        margin-bottom: 12px;
        max-height: 140px;
        overflow: hidden
    }
}

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

@media screen and (min-width: 1400px) {
    .story-tips-box .story-tips {
        padding:30px;
        height: 320px
    }

    .news-info .news-leading__img {
        margin-bottom: 24px;
        max-height: 193px
    }

    .news-info .news-leading .title {
        font-size: 1.8rem
    }
}

.news-info .news-leading .tag {
    position: static;
    margin-bottom: 10px;
    display: inline-block
}

.news-info .wrap-news {
    height: 415px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #6e7573 #fff
}

@media screen and (min-width: 1200px) {
    .news-info .wrap-news {
        height:230px
    }
}

@media screen and (min-width: 1400px) {
    .news-info .wrap-news {
        height:260px
    }
}

.news-info .wrap-news__item {
    border-bottom: 1px solid #dde6e8;
    position: relative;
    font-size: 1.6rem;
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media screen and (min-width: 1200px) {
    .news-info .wrap-news__item {
        padding-bottom:10px;
        margin-bottom: 10px
    }
}

.news-info .wrap-news__item .description {
    font-size: 1.6rem;
    margin-bottom: 15px
}

.news-info .wrap-news__item:last-child {
    border: none;
    padding-bottom: 0
}

.awards,.masthead {
    position: relative;
    overflow: hidden
}

.awards__header {
    background: hsla(0,0%,100%,.9);
    padding: 24px;
    border-bottom: 1px solid #dde6e8;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

.awards .slick-dots {
    bottom: 27px;
    left: 20px
}

.so-tab {
    padding: 0;
    list-style: none
}

.so-tab li a {
    display: block;
    padding: 10px 20px
}

.promotion {
    background: #f4f7f8;
    padding: 25px 0;
    z-index: 2;
    position: relative
}

.promotion .nav-tab__content .tab-pane.active {
    visibility: inherit
}

.promotion-weather-bar {
    background: #fff;
    padding: 20px;
    margin: 15px 0 0
}

@media screen and (min-width: 992px) {
    .more-from-vpbank {
        padding-top:30px;
        margin-bottom: 30px
    }

    .more-from-vpbank .slick-dots {
        bottom: 27px
    }

    .more-from-vpbank .tag {
        padding: 5px 13px
    }

    .story-tips-box .story-tips__title {
        font-size: 2rem
    }

    .news-info .news-leading .tag {
        position: absolute
    }

    .promotion-weather-bar {
        padding: 10px
    }
}

.promotion-weather-bar h3 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .news-info .list-news {
        display:block;
        padding: 20px 10px 20px 20px
    }

    .promotion-weather-bar h3 {
        font-size: 1.6rem
    }
}

.promotion-weather-bar__left {
    border-bottom: 1px solid #dde6e8;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width: 768px) {
    .promotion-weather-bar__left {
        border-bottom:none;
        border-right: 1px solid #dde6e8;
        padding: 0 20px 0 0;
        margin-bottom: 0;
        height: 100%
    }
}

@media screen and (min-width: 1200px) {
    .promotion-weather-bar {
        padding:0
    }

    .promotion-weather-bar h3 {
        font-size: 1.8rem
    }

    .promotion-weather-bar__left {
        padding: 20px
    }
}

@media screen and (min-width: 1400px) {
    .promotion {
        padding:40px 0
    }

    .promotion-weather-bar h3 {
        margin-bottom: 20px
    }

    .promotion-weather-bar__left {
        padding: 24px
    }
}

.example-inputs input,.promotion-weather-bar__left .weather-text {
    width: 100%
}

.promotion-weather-bar__left .weather-text .time-season {
    display: block
}

.promotion-weather-bar__left h3 {
    font-family: SVN-Gilroy,sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    font-style: normal;
    margin: 0 0 5px
}

.promotion-weather-bar__left .current-time {
    font-size: 1.2rem;
    color: #6e7573;
    text-transform: uppercase
}

.promotion-weather-bar__left .air-pollution,.promotion-weather-bar__left .weather-detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .promotion-weather-bar__left .air-pollution,.promotion-weather-bar__left .weather-detail {
        flex-direction:row
    }
}

.promotion-weather-bar__left .weather-detail {
    width: 32%
}

@media screen and (min-width: 768px) {
    .promotion-weather-bar__left .weather-detail {
        width:100%
    }
}

.promotion-weather-bar__left .weather-detail .weather-temperature {
    font-size: 3rem;
    color: #545758;
    font-weight: 700
}

.promotion-weather-bar__left .weather-detail img.img-weather {
    height: 40px;
    display: inline-block;
    margin-bottom: 13px
}

@media screen and (min-width: 768px) {
    .promotion-weather-bar__left .weather-detail img.img-weather {
        margin:0 13px 0 0
    }
}

.promotion-weather-bar__left .weather-detail p {
    margin: 0;
    display: inline-block
}

.numInputWrapper input,.numInputWrapper span,.promotion-weather-bar__left .weather-detail .temperature,.promotion-weather-bar__left .weather-detail .unit-temperature {
    display: inline-block
}

.promotion-weather-bar__left .weather-detail .unit-temperature sup {
    font-size: 2.2rem;
    top: -2.2rem
}

@media screen and (min-width: 992px) {
    .promotion-weather-bar__left .weather-detail .unit-temperature sup {
        font-size:1.8rem;
        top: -1.8rem
    }
}

.promotion-weather-bar__left .air-pollution {
    width: 68%;
    color: #6e7573
}

@media screen and (min-width: 768px) {
    .promotion-weather-bar__left .air-pollution {
        width:100%;
        text-align: left
    }
}

.promotion-weather-bar__left .air-pollution p {
    padding-top: 10px;
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .promotion-weather-bar__left .air-pollution p {
        padding-top:0;
        padding-left: 15px;
        display: inline-block
    }
}

@media screen and (min-width: 1400px) {
    .promotion-weather-bar__left .air-pollution,.promotion-weather-bar__left .weather-detail {
        flex-direction:column
    }

    .promotion-weather-bar__left .weather-detail {
        width: 32%
    }

    .promotion-weather-bar__left .weather-detail img.img-weather {
        margin: 0 0 13px
    }

    .promotion-weather-bar__left .air-pollution {
        width: 68%
    }

    .promotion-weather-bar__left .air-pollution p {
        padding: 15px 0 0;
        display: block
    }
}

.promotion-weather-bar__left .air-pollution span {
    font-size: 1.6rem;
    line-height: normal;
    vertical-align: middle
}

.form-attention b,.promotion-weather-bar__left .air-pollution span.aqi-number,.support-filter-categories-mobile .support-categories-mobile-heading span,.support-tag-content__title span,.vpbank-form #successModal .modal-body .progress-status b,.vpbank-form #successModal .modal-body .ticket-note b,.vpbank-form #successModal .modal-body .ticket-vote .title b {
    font-weight: 700
}

.promotion-weather-bar__left .air-pollution span.aqi-type {
    font-size: 1.2rem;
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #718b3a;
    letter-spacing: -1px
}

@media screen and (min-width: 768px) {
    .promotion-weather-bar__left .air-pollution span.aqi-type {
        padding-left:0;
        border-left: none
    }
}

.promotion-weather-bar__left .air-pollution img.img-air {
    background-color: #a8e05f;
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 5px
}

.promotion-weather-bar__left .air-pollution.air-good img {
    background-color: #a8e05f
}

.promotion-weather-bar__left .air-pollution.air-moderate img {
    background-color: #fdd74b
}

.promotion-weather-bar__left .air-pollution.air-orage-unhealthy img {
    background-color: #fe9b57
}

.promotion-weather-bar__left .air-pollution.air-red-unhealthy img {
    background-color: #fe6a69
}

.promotion-weather-bar__left .air-pollution.air-very-unhealthy img {
    background-color: #a97abc
}

.promotion-weather-bar__left .air-pollution.air-hazardour img {
    background-color: #a87383
}

.promotion-weather-bar__center {
    border-bottom: 1px solid #dde6e8;
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .promotion-weather-bar__center {
        border-bottom:none;
        border-right: 1px solid #dde6e8;
        padding: 0 20px;
        margin-bottom: 0;
        height: 100%
    }

    .promotion-weather-bar__right {
        padding: 0 0 0 20px
    }
}

@media screen and (min-width: 1200px) {
    .promotion-weather-bar__left .weather-detail .unit-temperature sup {
        font-size:2.2rem;
        top: -2.2rem
    }

    .promotion-weather-bar__left .air-pollution {
        align-items: flex-end
    }

    .promotion-weather-bar__left .air-pollution span.aqi-type {
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #718b3a
    }

    .promotion-weather-bar__center {
        padding: 20px 16px
    }

    .promotion-weather-bar__right {
        padding: 20px
    }
}

@media screen and (min-width: 1400px) {
    .promotion-weather-bar__center {
        padding:24px 16px
    }

    .promotion-weather-bar__right {
        padding: 24px;
        height: 100%;
        min-height: 200px
    }
}

.promotion-weather-bar__center p {
    font-size: 1.4rem
}

@media screen and (min-width: 992px) {
    .promotion-weather-bar__center p {
        font-size:1.2rem
    }

    .promotion--tab.promotion--menu-collapse .collapse-header {
        display: none
    }
}

.promotion-weather-bar__right .dropdown-box:hover .dropdown-box__content {
    opacity: 1;
    z-index: 1;
    display: block
}

.promotion-weather-bar__right .dropdown-box__link {
    font-size: 2.4rem
}

.promotion-weather-bar__right .dropdown-box__link:hover,.story-tips-box .tag:hover {
    text-decoration: none
}

.promotion-weather-bar__right .dropdown-box__content {
    background: #fff;
    position: absolute;
    border-radius: 4px;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    z-index: -1;
    display: none;
    transition: .3s;
    left: 0;
    top: 100%;
    box-shadow: 0 4px 20px rgba(28,28,30,.16)
}

.promotion-weather-bar__right .dropdown-box__content li {
    padding: 10px 24px;
    color: #000;
    font-size: 1.6rem;
    font-weight: 600
}

.award .section-slide,.choose-food .js-promotion-countdown,.connect-business-live .business-list,.promotion--tab.promotion--menu-collapse,.proud__content__list,.you-maybe-interested-in__slide {
    margin: 0 -15px
}

.promotion--tab.promotion--menu-collapse .collapse-header {
    background: url(/assets/images/bg-promotion-filter.jpg) 0 100% repeat-x;
    background-size: inherit;
    color: #545758;
    padding: 10px 15px 14px;
    line-height: 20px
}

.promotion--tab ul.nav-tab__link li>a.tab-color-1:before,.promotion--tab ul.nav-tab__link li>span.tab-color-1:before,.vpb-captcha .btn-captcha-refresh:active,.vpbank-form #loaderDiv {
    background-color: #00b74f
}

.masthead .breadcrumb__item+.breadcrumb__item:before,.masthead.card-detail-banner .masthead__content {
    color: #dde6e8
}

.promotion--tab.promotion--menu-collapse .collapse-header:after {
    background: 0 0;
    content: "\E907";
    font-family: icomoon;
    transform: rotate(0);
    line-height: 20px;
    height: 20px;
    width: 16px;
    text-align: center;
    font-weight: bolder;
    transition: .2s ease-in-out;
    float: right
}

.promotion--tab.promotion--menu-collapse .collapse-header>img {
    margin: -4px 10px 0 0
}

.menu-collapse .collapse-header i.collapsed,.menu-collapse>.collapse-header.collapsed:after,.promotion--tab.promotion--menu-collapse.open .collapse-header:after,.support-filter-categories-desktop .support-categories-desktop .close a.collapsed i,.support-filter-categories-mobile .support-categories-mobile-heading.collapsed:after {
    transform: rotate(180deg)
}

.promotion--tab.promotion--menu-collapse.open ul.nav-tab__link {
    max-height: inherit
}

.promotion--tab ul.nav-tab__link {
    z-index: 5;
    display: block;
    position: absolute;
    width: 100%;
    background: #f4f7f8;
    margin-top: -4px;
    border: none;
    box-shadow: 0 30px 30px rgba(84,87,88,.1);
    overflow: hidden;
    max-height: 0;
    left: 0
}

.promotion--tab ul.nav-tab__link li {
    margin-bottom: 0;
    display: block;
    border-top: 1px solid #dde6e8
}

@media screen and (min-width: 992px) {
    .promotion--tab ul.nav-tab__link {
        background:#fff;
        display: table;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #dde6e8;
        box-shadow: none;
        max-height: inherit
    }

    .promotion--tab ul.nav-tab__link li {
        display: table-cell;
        border-top: none;
        height: 65px;
        vertical-align: middle
    }
}

.promotion--tab ul.nav-tab__link li .icon-special {
    background: url(/assets/images/icons/special-icon.png) no-repeat;
    width: 14px;
    height: 12px;
    display: inline-block;
    margin-right: 5px
}

.promotion--tab ul.nav-tab__link li>a,.promotion--tab ul.nav-tab__link li>span {
    background: 0 0;
    text-transform: uppercase;
    color: #545758;
    position: relative;
    display: block;
    padding: 10px;
    border: none;
    border-left: 3px solid #00b74f;
    font-size: 1.4rem;
    text-align: left;
    z-index: 1;
    letter-spacing: 0
}

@media screen and (min-width: 992px) {
    .promotion--tab ul.nav-tab__link li>a,.promotion--tab ul.nav-tab__link li>span {
        display:flex;
        align-items: center;
        text-align: center;
        border: none;
        border-top: 3px solid #00b74f;
        color: #6e7573;
        height: 100%
    }
}

@media screen and (min-width: 1200px) {
    .promotion--tab ul.nav-tab__link li {
        height:auto
    }

    .promotion--tab ul.nav-tab__link li>a,.promotion--tab ul.nav-tab__link li>span {
        padding: 15px 9px;
        font-size: 1.4rem;
        white-space: nowrap;
        display: block
    }
}

.promotion--tab ul.nav-tab__link li>a:after,.promotion--tab ul.nav-tab__link li>span:after {
    content: "";
    height: 26px;
    width: 1px;
    background: #dde6e8;
    position: absolute;
    right: -1px;
    top: 50%;
    margin-top: -13px;
    z-index: -2
}

.promotion--tab ul.nav-tab__link li>a:before,.promotion--tab ul.nav-tab__link li>span:before {
    content: "";
    display: block;
    background: #00b74f;
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    transition: .2s;
    z-index: -1
}

.example-navigation .tab-content,.promotion .slick-dots li button:before,.promotion--tab ul.nav-tab__link li:first-child,.promotion--tab ul.nav-tab__link li:last-child a:after,.promotion--tab ul.nav-tab__link li>a.active:after,.promotion--tab ul.nav-tab__link li>a:hover:after,.promotion--tab ul.nav-tab__link li>span.active:after,.promotion--tab ul.nav-tab__link li>span:after,.promotion--tab ul.nav-tab__link li>span:hover:after {
    display: none
}

.promotion--tab ul.nav-tab__link li>a.active,.promotion--tab ul.nav-tab__link li>a:hover,.promotion--tab ul.nav-tab__link li>span.active,.promotion--tab ul.nav-tab__link li>span:hover {
    text-decoration: none;
    background: #fff
}

@media screen and (min-width: 992px) {
    .promotion--tab ul.nav-tab__link li>a:before,.promotion--tab ul.nav-tab__link li>span:before {
        width:100%;
        height: 0
    }

    .promotion--tab ul.nav-tab__link li>a.active,.promotion--tab ul.nav-tab__link li>a:hover,.promotion--tab ul.nav-tab__link li>span.active,.promotion--tab ul.nav-tab__link li>span:hover {
        background: 0 0;
        color: #fff!important;
        text-align: center
    }

    .promotion--tab ul.nav-tab__link li>a.active:before,.promotion--tab ul.nav-tab__link li>a:hover:before,.promotion--tab ul.nav-tab__link li>span.active:before,.promotion--tab ul.nav-tab__link li>span:hover:before {
        height: 100%
    }

    .promotion--tab ul.nav-tab__link li>a.tab-special.active .icon-special,.promotion--tab ul.nav-tab__link li>a.tab-special:hover .icon-special,.promotion--tab ul.nav-tab__link li>span.tab-special.active .icon-special,.promotion--tab ul.nav-tab__link li>span.tab-special:hover .icon-special {
        background-image: url(/assets/images/icons/special-icon-hover.png)
    }
}

.promotion--tab ul.nav-tab__link li>a.active,.promotion--tab ul.nav-tab__link li>span.active,.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-index__text,.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-item__text {
    font-weight: 600
}

.cal-savings-interest .form-check-label input.form-check-input:checked+span:before,.promotion--tab ul.nav-tab__link li>a.tab-color-1,.promotion--tab ul.nav-tab__link li>span.tab-color-1 {
    border-color: #00b74f
}

.promotion--tab ul.nav-tab__link li>a.tab-color-1.active,.promotion--tab ul.nav-tab__link li>a.tab-color-1:hover,.promotion--tab ul.nav-tab__link li>span.tab-color-1.active,.promotion--tab ul.nav-tab__link li>span.tab-color-1:hover {
    color: #00b74f
}

.promotion--tab ul.nav-tab__link li>a.tab-color-2,.promotion--tab ul.nav-tab__link li>span.tab-color-2 {
    border-color: #aeb22e
}

.promotion--tab ul.nav-tab__link li>a.tab-color-2:before,.promotion--tab ul.nav-tab__link li>span.tab-color-2:before {
    background-color: #aeb22e
}

.promotion--tab ul.nav-tab__link li>a.tab-color-2.active,.promotion--tab ul.nav-tab__link li>a.tab-color-2:hover,.promotion--tab ul.nav-tab__link li>span.tab-color-2.active,.promotion--tab ul.nav-tab__link li>span.tab-color-2:hover {
    color: #aeb22e
}

.promotion--tab ul.nav-tab__link li>a.tab-color-3,.promotion--tab ul.nav-tab__link li>span.tab-color-3 {
    border-color: #42537e
}

.promotion--tab ul.nav-tab__link li>a.tab-color-3:before,.promotion--tab ul.nav-tab__link li>span.tab-color-3:before {
    background-color: #42537e
}

.promotion--tab ul.nav-tab__link li>a.tab-color-3.active,.promotion--tab ul.nav-tab__link li>a.tab-color-3:hover,.promotion--tab ul.nav-tab__link li>span.tab-color-3.active,.promotion--tab ul.nav-tab__link li>span.tab-color-3:hover {
    color: #42537e
}

.promotion--tab ul.nav-tab__link li>a.tab-color-4,.promotion--tab ul.nav-tab__link li>span.tab-color-4 {
    border-color: #5d99d3
}

.promotion--tab ul.nav-tab__link li>a.tab-color-4:before,.promotion--tab ul.nav-tab__link li>span.tab-color-4:before {
    background-color: #5d99d3
}

.promotion--tab ul.nav-tab__link li>a.tab-color-4.active,.promotion--tab ul.nav-tab__link li>a.tab-color-4:hover,.promotion--tab ul.nav-tab__link li>span.tab-color-4.active,.promotion--tab ul.nav-tab__link li>span.tab-color-4:hover {
    color: #5d99d3
}

.promotion--tab ul.nav-tab__link li>a.tab-color-5,.promotion--tab ul.nav-tab__link li>span.tab-color-5 {
    border-color: #bd1338
}

.promotion--tab ul.nav-tab__link li>a.tab-color-5:before,.promotion--tab ul.nav-tab__link li>span.tab-color-5:before {
    background-color: #bd1338
}

.promotion--tab ul.nav-tab__link li>a.tab-color-5.active,.promotion--tab ul.nav-tab__link li>a.tab-color-5:hover,.promotion--tab ul.nav-tab__link li>span.tab-color-5.active,.promotion--tab ul.nav-tab__link li>span.tab-color-5:hover {
    color: #bd1338
}

.promotion--tab ul.nav-tab__link li>a.tab-color-6,.promotion--tab ul.nav-tab__link li>span.tab-color-6 {
    border-color: #f6871e
}

.promotion--tab ul.nav-tab__link li>a.tab-color-6:before,.promotion--tab ul.nav-tab__link li>span.tab-color-6:before {
    background-color: #f6871e
}

.promotion--tab ul.nav-tab__link li>a.tab-color-6.active,.promotion--tab ul.nav-tab__link li>a.tab-color-6:hover,.promotion--tab ul.nav-tab__link li>span.tab-color-6.active,.promotion--tab ul.nav-tab__link li>span.tab-color-6:hover {
    color: #f6871e
}

.promotion--tab ul.nav-tab__link li>a.tab-color-7,.promotion--tab ul.nav-tab__link li>span.tab-color-7 {
    border-color: #e29c21
}

.promotion--tab ul.nav-tab__link li>a.tab-color-7:before,.promotion--tab ul.nav-tab__link li>span.tab-color-7:before {
    background-color: #e29c21
}

.promotion--tab ul.nav-tab__link li>a.tab-color-7.active,.promotion--tab ul.nav-tab__link li>a.tab-color-7:hover,.promotion--tab ul.nav-tab__link li>span.tab-color-7.active,.promotion--tab ul.nav-tab__link li>span.tab-color-7:hover {
    color: #e29c21
}

.promotion--tab ul.nav-tab__link li>a.tab-color-8,.promotion--tab ul.nav-tab__link li>span.tab-color-8 {
    border-color: #566eaa
}

.promotion--tab ul.nav-tab__link li>a.tab-color-8:before,.promotion--tab ul.nav-tab__link li>span.tab-color-8:before {
    background-color: #566eaa
}

.promotion--tab ul.nav-tab__link li>a.tab-color-8.active,.promotion--tab ul.nav-tab__link li>a.tab-color-8:hover,.promotion--tab ul.nav-tab__link li>span.tab-color-8.active,.promotion--tab ul.nav-tab__link li>span.tab-color-8:hover {
    color: #566eaa
}

.promotion--tab ul.nav-tab__link li>a.tab-color-9,.promotion--tab ul.nav-tab__link li>span.tab-color-9 {
    border-color: #1c94b1
}

.promotion--tab ul.nav-tab__link li>a.tab-color-9:before,.promotion--tab ul.nav-tab__link li>span.tab-color-9:before {
    background-color: #1c94b1
}

.promotion--tab ul.nav-tab__link li>a.tab-color-9.active,.promotion--tab ul.nav-tab__link li>a.tab-color-9:hover,.promotion--tab ul.nav-tab__link li>span.tab-color-9.active,.promotion--tab ul.nav-tab__link li>span.tab-color-9:hover {
    color: #1c94b1
}

.promotion--tab ul.nav-tab__link li>a.tab-color-10,.promotion--tab ul.nav-tab__link li>span.tab-color-10 {
    border-color: #b9588c
}

.promotion--tab ul.nav-tab__link li>a.tab-color-10:before,.promotion--tab ul.nav-tab__link li>span.tab-color-10:before {
    background-color: #b9588c
}

.promotion--tab ul.nav-tab__link li>a.tab-color-10.active,.promotion--tab ul.nav-tab__link li>a.tab-color-10:hover,.promotion--tab ul.nav-tab__link li>span.tab-color-10.active,.promotion--tab ul.nav-tab__link li>span.tab-color-10:hover {
    color: #b9588c
}

.promotion--tab ul.nav-tab__link li>a.tab-special,.promotion--tab ul.nav-tab__link li>span.tab-special {
    border-color: #e10600;
    color: #e10600;
    animation: 2s infinite animateSpecial
}

.promotion--tab ul.nav-tab__link li>a.tab-special:before,.promotion--tab ul.nav-tab__link li>span.tab-special:before {
    background-color: #e10600
}

.promotion--tab ul.nav-tab__link li>a.tab-special.active,.promotion--tab ul.nav-tab__link li>a.tab-special:hover,.promotion--tab ul.nav-tab__link li>span.tab-special.active,.promotion--tab ul.nav-tab__link li>span.tab-special:hover {
    animation: none;
    color: #e10600
}

.masthead .breadcrumb__item a,.promotion--tab ul.nav-tab__link li>span {
    color: #fff
}

.promotion-item {
    background-color: #f4f7f8
}

.promotion-item,.promotion-item picture,.slick-list,.slick-slider {
    position: relative;
    display: block
}

.promotion-item picture:before {
    content: "";
    padding-top: 50.7%;
    display: block
}

.promotion-item picture img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover
}

.promotion-item--title {
    font-size: 1.4rem;
    color: #000;
    font-weight: 500
}

@media screen and (min-width: 768px) {
    .promotion--tab.promotion--menu-collapse {
        margin:0
    }

    .promotion--tab.promotion--menu-collapse .collapse-header {
        padding: 10px 0 14px
    }

    .promotion-item--title {
        font-size: 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .promotion--tab ul.nav-tab__link li>span:before {
        height:100%
    }

    .promotion--tab ul.nav-tab__link li:first-child {
        display: block
    }

    .promotion-item--title {
        font-size: 1.6rem
    }
}

@media screen and (min-width: 1920px) {
    .more-from-vpbank__content .nav-tab__content--wrap .rates td,.more-from-vpbank__content .nav-tab__content--wrap .rates th {
        padding-bottom:24px
    }

    .news-info .news-leading .title {
        font-size: 2rem
    }

    .news-info .wrap-news {
        height: 355px
    }

    .news-info .wrap-news__item {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .promotion-weather-bar__left {
        padding: 32px
    }

    .promotion-weather-bar__left .weather-text .time-season {
        display: inline-block
    }

    .promotion-weather-bar__center {
        padding: 32px 24px
    }

    .promotion-weather-bar__center p {
        font-size: 1.4rem
    }

    .promotion-weather-bar__right {
        padding: 32px;
        min-height: 243px
    }

    .promotion-item--title {
        font-size: 1.8rem
    }
}

.promotion-item__content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 65%;
    padding: 10px
}

@media screen and (min-width: 768px) {
    .promotion-item__content {
        padding:20px
    }
}

@media screen and (min-width: 992px) {
    .promotion-item__content {
        padding:10px;
        font-size: 1.4rem
    }

    .promotion-item--main .promotion-item__content {
        width: 55%;
        padding: 30px
    }
}

.business-info-sme .tag-story,.promotion-item--tag {
    color: #000;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700
}

.promotion-item--wishlist {
    position: absolute;
    bottom: 10px
}

.promotion-item--wishlist label {
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .5px
}

.promotion-item--wishlist input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.promotion-item--wishlist input[type=checkbox]+label:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 14px rgba(0,0,0,.14);
    vertical-align: middle;
    margin-right: 10px
}

.promotion-item--wishlist input[type=checkbox]+label:after {
    content: "";
    background: url(/../assets/images/heart.png) no-repeat;
    display: block;
    position: absolute;
    left: 9px;
    top: 10px;
    width: 15px;
    height: 13px
}

.promotion-item--main {
    display: block!important
}

.promotion-item--main .promotion-item--wishlist {
    bottom: 30px
}

@media screen and (min-width: 1200px) {
    .promotion-item__content {
        padding:20px;
        width: 60%;
        font-size: 1.6rem
    }

    .promotion-item--text-light .promotion-item--tag,.promotion-item--text-light .promotion-item--title,.promotion-item--text-light .promotion-item--wishlist label {
        color: #fff
    }

    .promotion-item--main .promotion-item--wishlist {
        bottom: 60px
    }

    .promotion-item--main .promotion-item--wishlist label {
        font-size: 1.4rem
    }

    .promotion-item--main .promotion-item__content {
        padding: 60px 30px 30px
    }

    .promotion-item--main .promotion-item--tag {
        font-size: 1.6rem;
        margin-bottom: 10px
    }

    .promotion-wrap__right_content {
        padding-right: 5px;
        scrollbar-width: thin;
        scrollbar-color: #afb8b6 #f4f7f8
    }
}

@media screen and (min-width: 1920px) {
    .promotion-item--tag {
        font-size:1.6rem
    }

    .promotion-item--wishlist {
        bottom: 20px
    }

    .promotion-item--main .promotion-item--tag {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 992px) {
    .promotion-item--main .promotion-item--title {
        font-size:3rem;
        font-weight: 700
    }

    .promotion-wrap__right {
        padding-left: 0;
        position: relative
    }
}

.promotion-wrap__right_content {
    padding-top: 15px
}

@media screen and (min-width: 992px) {
    .promotion-wrap__right_content {
        overflow-y:auto;
        padding-top: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

.promotion-wrap__right_content .promotion-item+.promotion-item {
    margin-top: 15px;
    display: none
}

@media screen and (min-width: 992px) {
    .promotion-wrap__right_content .promotion-item+.promotion-item {
        display:block;
        margin-top: 11px
    }
}

.example-inputs label,.promotion-wrap__right_content .promotion-item+.promotion-item:first-child,.promotion-wrap__right_content .promotion-item+.promotion-item:nth-child(2),.promotion-wrap__right_content .promotion-item+.promotion-item:nth-child(3),.vpbank-form #loaderDiv.show,.vpbank-form #successModal.show+.mask-success-modal,.vpbank-form .hidden-option.active,.vpbank-form form label.error-validate.active {
    display: block
}

.promotion .slick-dots {
    list-style: none;
    display: block;
    position: absolute;
    text-align: left;
    bottom: 10px;
    left: 20px;
    width: auto
}

@media screen and (min-width: 992px) {
    .promotion .slick-dots {
        bottom:10px;
        left: 30px
    }

    .promotion-home--tab ul.nav-tab__link {
        border-top: 1px solid #dde6e8;
        border-bottom: 0
    }

    .promotion-home--tab ul.nav-tab__link li>a,.promotion-home--tab ul.nav-tab__link li>span {
        border-top: 0;
        border-bottom: 3px solid #00b74f
    }

    .promotion-home--tab ul.nav-tab__link li>a:before,.promotion-home--tab ul.nav-tab__link li>span:before {
        top: auto;
        bottom: 0
    }
}

.promotion .slick-dots li {
    width: 14px;
    height: 14px;
    margin: 0 15px 0 0
}

.promotion .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(28,28,30,.06);
    margin-top: 2px
}

.promotion .slick-dots li.slick-active button {
    width: 14px;
    height: 14px;
    background: #00b74f
}

.docs-section .name-title {
    color: #2c2c2c;
    display: inline-block;
    font-size: 4.8rem
}

.masthead__slide .slick-dots li button:before,.masthead__slide--item .slick-arrow,.story-tips-component .slick-dots li button:before,.testimonials__slide button.slick-arrow:before {
    display: none
}

.docs-section .name-title,.docs-section .sub-title {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px
}

.docs-section .sub-title {
    font-size: 2.4rem;
    color: #6e7573
}

.example-type h1,.example-type h2,.example-type h3,.example-type h4,.example-type h5,.example-type h6 {
    margin: 20px 0
}

.swatch-item {
    padding: 20px;
    color: #fff;
    margin-bottom: 20px
}

.color-primary {
    background: #00b74f
}

.color-secondary {
    background: #e10600
}

.color-warning {
    background: #ecbf4b
}

.color-danger {
    background: #fb4e4e
}

.color-info {
    background: #4285f4
}

.color-success {
    background: #2ac769
}

.color-gray-darker {
    background: #2c2c2c
}

.color-gray {
    background: #6e7573
}

.color-gray-light {
    background: #afb8b6;
    color: #000
}

.color-gray-lighter {
    background: #dde6e8;
    color: #000
}

.color-gray-lightest {
    background: #f4f7f8;
    color: #000
}

.example-button>a {
    margin: 0 20px 0 0
}

.error-page {
    text-align: center;
    padding: 40px 0
}

.error-page__code {
    color: #00b74f;
    font-size: 150px;
    font-weight: 700;
    font-family: SVN-Gilroy,sans-serif;
    line-height: 1.2;
    margin: 0 auto
}

.error-page__message {
    color: #00b74f;
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 10px;
    position: relative
}

.error-page__lead {
    color: #545758;
    display: block;
    margin: 0 0 20px;
    z-index: 3;
    position: relative
}

.nav-tab__link {
    padding-left: 0;
    display: flex;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd
}

.nav-tab__link li {
    list-style-type: none;
    margin-bottom: -1px
}

.nav-tab__link li a {
    padding: 5px 15px;
    display: inline-block;
    background: #fff;
    border: 1px solid #ddd
}

.nav-tab__link li a:active,.nav-tab__link li a:focus,.nav-tab__link li a:hover {
    background: #ccc;
    cursor: pointer;
    text-decoration: none
}

.nav-tab__link li a.active {
    border-bottom-color: transparent
}

.nav-tab__content .tab-pane,.radio-tab__content .radio-tab-pane {
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.nav-tab__content .tab-pane.active {
    visibility: visible;
    opacity: 1;
    height: auto;
    overflow: inherit
}

.masthead__wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.masthead .container {
    position: relative;
    height: 100%
}

.masthead .img-responsive {
    width: 100%;
    height: auto;
    transition: .2s
}

.masthead .breadcrumb {
    z-index: 2;
    margin: 0;
    position: absolute;
    left: 0;
    top: 17px;
    line-height: 1.3;
    padding: 0 15px
}

.flatpickr-calendar.animate.open .flatpickr-weekdaycontainer .flatpickr-weekday,.masthead .breadcrumb__item a:hover,.vpbank-form #successModal .modal-body>p b {
    color: #00b74f
}

.article-detail-action,.masthead__slide>div {
    line-height: 0
}

.masthead__slide .slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0 15px;
    margin: 0;
    width: 100%;
    bottom: 30px
}

@media screen and (min-width: 768px) {
    .masthead__slide .slick-dots {
        width:720px;
        bottom: 20px;
        text-align: left;
        left: 50%;
        transform: translateX(-50%)
    }

    .masthead__content {
        max-width: 60%
    }
}

@media screen and (min-width: 992px) {
    .masthead__slide .slick-dots {
        width:920px;
        bottom: 30px
    }
}

@media screen and (min-width: 1200px) {
    .promotion-wrap__right_content .promotion-item+.promotion-item {
        margin-top:15px
    }

    .promotion .slick-dots {
        bottom: 30px;
        left: 30px
    }

    .error-page__code {
        font-size: 250px
    }

    .error-page__message {
        font-size: 45px
    }

    .error-page__lead {
        margin: 0 0 30px
    }

    .masthead .breadcrumb {
        top: 30px
    }

    .masthead__slide .slick-dots {
        width: 1140px
    }
}

@media screen and (min-width: 1400px) {
    .promotion--tab ul.nav-tab__link li>a,.promotion--tab ul.nav-tab__link li>span {
        padding:15px 8px;
        font-size: 1.6rem
    }

    .masthead {
        min-height: 330px
    }

    .masthead__slide .slick-dots {
        width: 1230px;
        bottom: 30px
    }
}

.masthead__slide .slick-dots li,.story-tips-component .slick-dots li {
    width: 14px;
    height: 14px;
    margin: 0 15px 0 0
}

.masthead__slide .slick-dots li button,.story-tips-component .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(28,28,30,.06);
    margin-top: 2px
}

.masthead__slide .slick-dots li.slick-active button,.story-tips-component .slick-dots li.slick-active button {
    width: 14px;
    height: 14px;
    background: #00b74f
}

.masthead__images:after {
    content: "";
    background: #0000006e;
    display: block;
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.masthead__content {
    padding: 0 15px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px
}

.masthead__content__title {
    font-size: 2.2rem;
    color: #fff;
    font-weight: 600
}

@media screen and (min-width: 375px) {
    .promotion-weather-bar__left .air-pollution span {
        font-size:2rem
    }

    .promotion-weather-bar__left .air-pollution span.aqi-type {
        letter-spacing: 0
    }

    .masthead__content__title {
        font-size: 3rem
    }
}

@media screen and (min-width: 768px) {
    .masthead__content__title {
        font-size:2rem
    }
}

@media screen and (min-width: 1200px) {
    .masthead__content {
        bottom:40px
    }

    .masthead__content__title {
        font-size: 4rem
    }

    .masthead__content__detail {
        margin: 5px 0 0
    }
}

.masthead__content__detail {
    font-size: 1.6rem;
    font-family: SVN-Gilroy,sans-serif;
    font-weight: 400;
    line-height: 1.33333;
    color: #fff
}

@media screen and (min-width: 768px) {
    .masthead__content__detail {
        font-size:1.4rem
    }
}

.masthead__content__description {
    font-size: 1.6rem;
    line-height: 1.33333
}

@media screen and (min-width: 768px) {
    .masthead__content__description {
        font-size:1.4rem
    }
}

.masthead__content__tag {
    font-size: 1.2rem;
    display: inline-block;
    font-weight: 700;
    background-color: #fff;
    padding: 1px 10px;
    color: #545758
}

.masthead.card-detail-banner .masthead__images--double-card {
    position: absolute;
    bottom: 0;
    width: 50%;
    transform: translateX(-50%);
    left: 60%;
    margin-bottom: -12%;
    display: none
}

.masthead.card-detail-banner .masthead__content__tag,.operating__main__wrap-operating,.symbolism .content .descreption {
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .masthead.card-detail-banner .masthead__images--double-card {
        display:block
    }

    .masthead.card-detail-banner .masthead__content__tag {
        margin-bottom: 10px
    }
}

.masthead.card-detail-banner .masthead__content__title {
    line-height: 1.4;
    margin-bottom: 5px
}

.menu-collapse .collapse-header i,.menu-collapse>.collapse-header:after {
    line-height: 22px;
    transition: .2s ease-in-out;
    float: right
}

.masthead.card-detail-banner .masthead__content__description,.vpbank-form #successModal .modal-body.result-modal-body.no-found p,.vpbank-form form.guarantee-form {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .masthead.card-detail-banner .masthead__content__description {
        margin-bottom:5px
    }

    .masthead.card-detail-banner .masthead__content .user-rating__content {
        display: inline-block;
        vertical-align: middle
    }
}

.masthead.card-detail-banner .masthead__content .user-rating .icon-star {
    margin-right: 3px
}

@media screen and (min-width: 768px) {
    .masthead.card-detail-banner .masthead__content .user-rating__count {
        font-size:1.2rem;
        display: inline-block;
        margin: 0
    }
}

.card-cashbank img,.flatpickr-calendar.animate.open .flatpickr-rContainer,.masthead.register-banner .masthead__content,.vpbank-award-content img,.vpbank-form .selectric-items {
    width: 100%
}

@media screen and (min-width: 768px) {
    .masthead.register-banner .masthead__content {
        width:75%
    }
}

.testimonials {
    margin-bottom: 90px
}

.testimonials__slide .slick-dots {
    bottom: -40px
}

.testimonials__slide button.slick-arrow {
    width: 42px;
    height: 42px;
    background-position: 12px;
    border: 1px solid #afb8b6;
    border-radius: 50%
}

.testimonials__slide button.slick-arrow:hover {
    background-color: #dde6e8;
    border: 1px solid #dde6e8
}

.testimonials__slide button.slick-next {
    background-image: url(/assets/images/icons/icon-arrow-right-img.png);
    background-repeat: no-repeat;
    right: 0
}

.testimonials__slide button.slick-prev {
    background-image: url(/assets/images/icons/icon-arrow-left-img.png);
    background-repeat: no-repeat;
    left: 0
}

.testimonials__slide--item {
    transform: translateX(-34px)
}

.modal.show .testimonials__slide--item {
    transform: translateX(0)
}

.testimonials__slide__comment {
    background: #f4f7f8;
    padding: 64px 24px 24px;
    border-radius: 10px;
    position: relative
}

.testimonials__slide__comment:before {
    background: url(/assets/images/icons/testimonial-icon.png) no-repeat;
    content: "";
    display: block;
    position: absolute;
    right: 24px;
    top: 24px;
    color: #6e7573;
    font-size: 2.4rem;
    width: 27px;
    height: 20px
}

.testimonials__slide__comment .author,.vpbank-form .form-group-custom {
    display: flex
}

.testimonials__slide__comment .author img {
    margin: 0 auto;
    border-radius: 50%;
    max-width: 60px
}

.header-sme.top-primary.sticked .top-primary__content,.testimonials__slide__comment .author__content,html[lang=vi-VN] .header-sme.top-primary .navbar-primary>li {
    padding-left: 20px
}

.testimonials__slide__comment .author__name-author {
    color: #000;
    font-size: 1.8rem;
    font-weight: 700
}

.testimonials__slide__comment .author__star {
    display: flex;
    font-size: 1.4rem
}

.testimonials__slide__comment .author__star .icon-star {
    font-size: 1.4rem;
    margin: 0 2px
}

.autocomplete-items .branch-atm-item:first-child,.interest-rate__content,.testimonials__slide__comment .evaluate {
    padding-top: 15px
}

.testimonials__slide__comment .evaluate__detail {
    color: #545758;
    overflow: hidden;
    margin-bottom: 10px;
    max-height: 9.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.modal.show .testimonials__slide__comment .evaluate__detail {
    overflow: inherit;
    max-height: inherit;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit
}

.testimonials .slick-initialized .slick-slide {
    transform: scale(.9)
}

.testimonials .slick-initialized .slick-slide.slick-current {
    transform: scale(1);
    transition: .1s
}

.vpbank-award-content {
    background-color: #f4f7f8;
    position: relative;
    margin-bottom: 45px;
    min-height: 265px
}

@media screen and (min-width: 768px) {
    .testimonials {
        margin-bottom:30px
    }

    .testimonials .testimonials-wrap {
        padding: 0 57px;
        margin: 0
    }

    .testimonials__slide button.slick-next {
        right: -57px
    }

    .testimonials__slide button.slick-prev {
        left: -57px
    }

    .testimonials__slide--item {
        padding: 0 15px;
        transform: translateX(0)
    }

    .testimonials .slick-initialized .slick-slide {
        transform: scale(1)
    }

    .testimonials .slick-initialized .slick-slide.slick-current {
        margin-left: 0
    }

    .vpbank-award-content {
        margin-bottom: 60px;
        min-height: 120px
    }
}

@media screen and (min-width: 992px) {
    .masthead__content__detail {
        font-size:1.6rem
    }

    .masthead__content__tag {
        padding: 6px 10px
    }

    .masthead.card-detail-banner .masthead__content__description {
        margin-bottom: 20px
    }

    .masthead.card-detail-banner .masthead__content .user-rating__content {
        display: block;
        margin-bottom: 5px
    }

    .masthead.card-detail-banner .masthead__content .user-rating__count {
        display: block
    }

    .vpbank-award-content {
        min-height: 150px
    }
}

.vpbank-award-content__img {
    display: block;
    position: relative
}

.vpbank-award-content__img:after {
    content: "";
    background: linear-gradient(90deg,#015aad,#00b74f);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .8
}

.vpbank-award-content__text {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 24px;
    transform: translate(-50%,-50%);
    text-align: center
}

.vpbank-award-content__text .title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff
}

@media screen and (min-width: 768px) {
    .vpbank-award-content__text .title {
        font-size:1.8rem
    }

    .story-tips-component .slick-dots {
        bottom: 15px;
        left: 31px
    }
}

@media screen and (min-width: 992px) {
    .vpbank-award-content__text .title {
        font-size:2.4rem
    }
}

a.read-more {
    color: #00b74f;
    font-weight: 400;
    font-size: 1.4rem;
    position: relative
}

.site-map,.story-tips-component {
    padding: 30px 0
}

.development,.introduction,.landmark-memory__list,.landmark__list,.offer-detail,.promotion-detail,.promotion-detail__content__detail,.story-tips-box,.symbolism {
    margin-bottom: 30px
}

.story-tips-box .story-tips {
    height: 100%;
    background: #f4f7f8;
    position: relative
}

.story-tips-box .story-tips__title a {
    color: #000
}

.site-map a:hover,.story-tips-box .story-tips__title a:hover {
    color: #00b74f;
    text-decoration: none
}

.story-tips-box .story-tips .story-tips-slick {
    padding: 75px 45px 66px 20px;
    margin-bottom: 0
}

.story-tips-box .story-tips__detail {
    margin-bottom: 7px;
    color: #545758;
    font-weight: 600;
    background: #f4f7f8;
    display: block;
    display: -webkit-box;
    max-height: 7.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .story-tips-box .story-tips__detail {
        overflow: hidden;
        position: relative
    }

    .story-tips-box .story-tips__detail:before {
        background: #f4f7f8;
        bottom: 0;
        position: absolute;
        right: 0;
        float: right;
        content: "\2026";
        margin-left: -3rem;
        width: 3rem
    }

    .story-tips-box .story-tips__detail:after {
        content: "";
        background: #f4f7f8;
        position: absolute;
        height: 50px;
        width: 100%;
        z-index: 1
    }
}

@media screen and (min-width: 768px) {
    .story-tips-box .story-tips__detail {
        margin-bottom:15px
    }

    .story-tips-box .card-img {
        order: 2
    }
}

@media screen and (min-width: 992px) {
    .story-tips-component {
        padding:40px 0
    }

    .story-tips-component .slick-dots {
        bottom: 27px
    }

    .story-tips-box .story-tips__detail {
        margin-bottom: 0;
        overflow: hidden
    }
}

.story-tips-box .tag {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 700;
    background: #fff;
    position: absolute;
    z-index: 1;
    padding: 5px 13px;
    top: 20px;
    left: 20px;
    color: #545758
}

.story-tips-box .story-tips-img {
    position: relative;
    padding: 24px
}

.story-tips-box .story-tips-img>a {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 85.40373%;
    border-radius: 15px
}

.story-tips-box .story-tips-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    display: block;
    border-radius: 15px
}

.story-tips-box .story-tips--wishlist {
    line-height: 0;
    z-index: 1;
    margin-bottom: 16px
}

.business-info-sme .business-offer-wishlist label,.story-tips-box .story-tips--wishlist label {
    position: relative;
    margin-bottom: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 14px rgba(0,0,0,.14);
    display: inline-block
}

.story-tips-box .story-tips--wishlist input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.story-tips-box .story-tips--wishlist input[type=checkbox]+label:before {
    content: "";
    background: url(/../assets/images/heart.png) no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 13px;
    transform: translate(-50%,-50%)
}

@media screen and (min-width: 768px) {
    .card-cashbank {
        margin-bottom:30px
    }
}

.card-cashbank__title {
    position: absolute;
    top: 18px;
    left: 20px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #545758
}

.card-cashbank__button {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px)
}

.award .button .btn,.card-cashbank__button .btn {
    width: 100%;
    padding: .8rem 3rem
}

.card-cashbank__button .btn:after {
    width: 130px;
    left: 50%;
    transform: translateX(-50%)
}

.menu-collapse,.result-suggest {
    position: relative;
    z-index: 1
}

.menu-collapse .collapse-header {
    color: #fff;
    cursor: pointer;
    border: none;
    text-align: left;
    outline: 0;
    font-size: 15px
}

.menu-collapse>.collapse-header:after {
    font-family: icomoon;
    content: "\E907"
}

.menu-collapse .collapse-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    background-color: #f1f1f1
}

.menu-collapse.item>.collapse-header {
    padding: 15px;
    background-color: #777
}

.menu-collapse.item>.collapse-content {
    position: absolute;
    width: 100%
}

.menu-collapse .sub-item>.collapse-header {
    background-color: #919191;
    padding: 15px
}

.menu-collapse .sub-sub-item {
    background-color: #aaa;
    padding: 15px
}

.site-map h1 {
    font-size: 4rem;
    margin-bottom: 20px
}

.site-map h2 {
    font-size: 2.4rem;
    margin-bottom: 15px
}

.site-map h3 {
    font-size: 2rem;
    margin-bottom: 15px
}

.site-map ul {
    padding: 0;
    margin: 0 0 20px
}

.site-map ul li {
    list-style: none
}

.site-map ul li+li {
    margin-top: 6px
}

@media screen and (max-width: 767px) {
    .article-tag__picture--tag,.exchange-rate__dollar tr {
        font-size:1.4rem
    }

    .success-masked .card-detail-content__body__item#rating .card-detail-content__body__item__right.collapse {
        display: block
    }

    .top-primary .container {
        padding-left: 10px;
        padding-right: 10px
    }

    .promotion-weather-bar .btn-outline-primary {
        padding: 0;
        border: none;
        text-transform: inherit;
        background: 0 0;
        font-size: 1.8rem;
        line-height: normal
    }

    .promotion-weather-bar .btn-outline-primary:before {
        content: "\E909";
        font-family: icomoon;
        margin: 0 5px 0 0;
        position: relative;
        top: 2px
    }

    .exchange-rate__content .exchange-rate__dollar .hidden-xs,.promotion-weather-bar .btn-outline-primary:after {
        display: none
    }

    .promotion-weather-bar .btn-outline-primary:hover {
        color: #00ea65
    }

    .exchange-rate__content .exchange-rate__dollar img {
        width: 16px
    }
}

.exchange-rate__datetime {
    margin-bottom: 13px
}

@media screen and (min-width: 992px) {
    .card-cashbank {
        margin-bottom:0
    }

    .card-cashbank img {
        max-width: 100%;
        margin-bottom: 0
    }

    .exchange-rate__datetime {
        margin-bottom: 13px
    }
}

.exchange-rate__datetime span {
    display: block;
    position: relative
}

.exchange-rate__datetime span img {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.exchange-rate__datetime .btn {
    padding: .5rem 1rem;
    width: 50%
}

.exchange-rate__datetime .btn.disabled {
    pointer-events: none
}

.exchange-rate__datetime .ip-datetime {
    width: 100%;
    padding: 0 45px;
    border: 1px solid #afb8b6;
    height: 48px;
    line-height: 48px;
    background-color: #fff
}

@media screen and (min-width: 768px) {
    .card-cashbank__button {
        width:auto
    }

    .card-cashbank__button .btn {
        width: auto;
        padding: .5rem 3rem
    }

    .card-cashbank__button .btn:after {
        width: calc(100% - 6rem);
        left: 3rem;
        transform: translateX(0)
    }

    .site-map {
        padding: 60px 0
    }

    .exchange-rate__content .exchange-rate__dollar img {
        width: 24px
    }

    .exchange-rate__datetime {
        display: flex;
        justify-content: center
    }

    .exchange-rate__datetime .search {
        width: 100px
    }
}

.exchange-rate__datetime__form-group {
    margin-bottom: 0;
    display: flex
}

.exchange-rate__datetime__form-group #spin,.flatpickr-calendar.animate.open .flatpickr-months .flatpickr-current-month .numInputWrapper,.flatpickr-calendar.animate.open:after,.flatpickr-calendar.animate.open:before,.vpbank-form #successModal .hidden,.vpbank-form #successModal .hidden-field,.vpbank-form #successModal .modal-body .time-notify br,.vpbank-form form .hidden-field {
    display: none
}

.exchange-rate__datetime__form-group span#basicDate,.vpbank-form #successModal .modal-body .ticket-vote .title:before {
    margin-right: 15px
}

.exchange-rate__datetime__news-number {
    display: flex;
    justify-content: center;
    margin-bottom: 15px
}

.exchange-rate__datetime__news-number .text {
    margin-right: 15px;
    display: flex;
    align-items: center
}

.exchange-rate__datetime__news-number .selectric {
    min-width: 150px
}

.exchange-rate__datetime__news-number .selectric-scroll {
    max-height: 200px
}

.exchange-rate__dollar .list-dollar,.exchange-rate__dollar .list-gold {
    width: 100%;
    text-align: center
}

.exchange-rate__dollar th {
    color: #000;
    border-bottom: 1px solid #00b74f;
    font-size: 1.4rem;
    height: 60px;
    font-weight: 700;
    width: 16.5%
}

@media screen and (min-width: 375px) {
    .testimonials__slide__comment .evaluate {
        padding-top:20px
    }

    .exchange-rate__dollar th {
        font-size: 1.6rem
    }
}

@media screen and (min-width: 768px) {
    .exchange-rate__datetime__news-number {
        margin-right:15px;
        margin-bottom: 0
    }

    .exchange-rate__dollar th {
        font-size: 1.4rem;
        height: 45px
    }
}

.exchange-rate__dollar th:first-child {
    text-align: left;
    padding-left: 5px
}

@media screen and (min-width: 768px) {
    .exchange-rate__dollar th:first-child {
        padding-left:20px
    }
}

@media screen and (min-width: 992px) {
    .exchange-rate__datetime .search {
        width:205px
    }

    .exchange-rate__dollar {
        display: block
    }

    .exchange-rate__dollar th:first-child {
        padding-left: 35px
    }
}

.exchange-rate__dollar tr,.interest-rate tr {
    border-bottom: 1px dashed #c4f5d0
}

.stripads,.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-index__text,.support-customer-feedback .customer-feedback-form__satis-rating__checkbox .vp-radio-custom__label,.vpbank-form p {
    font-size: 1.6rem
}

.exchange-rate__dollar tr:last-child,.interest-rate tr:last-child {
    border: none
}

.exchange-rate__dollar td {
    padding: 5px;
    color: #000
}

@media screen and (min-width: 768px) {
    .exchange-rate__dollar td {
        padding:10px 5px
    }

    .exchange-rate__dollar td:first-child {
        padding-left: 20px
    }
}

.exchange-rate__dollar td:first-child {
    text-transform: uppercase;
    text-align: left;
    font-weight: 600
}

@media screen and (min-width: 992px) {
    .exchange-rate__dollar td:first-child {
        padding-left:35px
    }
}

.exchange-rate .interest-rate__content .nav-tab__content {
    border: 1px solid #00b74f;
    border-radius: 0 0 5px 5px
}

.exchange-rate .interest-rate__content .nav-tab .date {
    font-size: 1.4rem;
    color: #545758;
    margin-bottom: 5px
}

.exchange-rate .interest-rate__content .nav-tab .date strong {
    color: #000;
    display: inline-block
}

.exchange-rate .interest-rate__content .nav-tab .date span {
    margin-left: 7px
}

.exchange-rate .interest-rate__content .nav-tab .note strong {
    color: #000;
    display: inline-block
}

.flatpickr-calendar.animate.open {
    border-radius: 0;
    margin-top: 10px;
    width: 307px;
    z-index: 2
}

.flatpickr-calendar.animate.open.arrowBottom {
    top: 130px!important
}

@media screen and (min-width: 375px) {
    .flatpickr-calendar.animate.open {
        width:345px
    }
}

@media (min-width: 425px) {
    .exchange-rate__content .exchange-rate__dollar img {
        margin-right:10px
    }

    .flatpickr-calendar.animate.open {
        width: 395px
    }
}

.flatpickr-calendar.animate.open .flatpickr-days .dayContainer {
    min-width: 100%
}

.flatpickr-calendar.animate.open .flatpickr-months .flatpickr-month {
    background: #c4f5d0;
    height: 47px
}

.flatpickr-calendar.animate.open .flatpickr-months>span i {
    color: #00b74f;
    font-size: 30px
}

.flatpickr-calendar.animate.open .flatpickr-months .flatpickr-current-month {
    display: flex;
    justify-content: center;
    padding-top: 15px
}

.flatpickr-calendar.animate.open .flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months {
    vertical-align: -webkit-baseline-middle;
    -webkit-box-sizing: initial;
    -webkit-appearance: initial;
    color: #00b74f;
    font-size: 1.8rem;
    font-weight: 700
}

.flatpickr-calendar.animate.open .flatpickr-day.today {
    border-color: #00b74f;
    background: #00b74f;
    color: #fff
}

.flatpickr-calendar.animate.open .flatpickr-rContainer .flatpickr-day.nextMonthDay:hover,.flatpickr-calendar.animate.open .flatpickr-rContainer .flatpickr-day.prevMonthDay:hover,.flatpickr-calendar.animate.open .flatpickr-rContainer .flatpickr-day.selected,.flatpickr-calendar.animate.open .flatpickr-rContainer .flatpickr-day:hover {
    background: unset;
    color: unset;
    border-color: #00b74f
}

.flatpickr-calendar.animate.open .flatpickr-weekdays {
    margin: 25px 0 10px
}

.stripads {
    background: #ebfbef;
    color: #000;
    font-weight: 600;
    overflow: hidden;
    position: relative;
    height: 50px;
    transition: .7s
}

.stripads--hidden,.stripads.sticked {
    height: 0;
    transition: .3s
}

.choose-food button.slick-next.slick-arrow.slick-disabled:before,.choose-food button.slick-prev.slick-arrow.slick-disabled:before,.interest-rate button.slick-next.slick-arrow.slick-disabled:before,.interest-rate button.slick-prev.slick-arrow.slick-disabled:before,.stripads--hidden .stripads__item,.you-maybe-interested-in button.slick-next.slick-arrow.slick-disabled:before,.you-maybe-interested-in button.slick-prev.slick-arrow.slick-disabled:before {
    opacity: 0
}

.stripads__item {
    margin: 0;
    opacity: 1;
    transition: 1s
}

.stripads__item__content {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 50px;
    padding: 5px 40px;
    line-height: normal
}

.stripads__item__content a {
    color: #000;
    text-decoration: underline;
    margin-left: 5px
}

.stripads__item__icon {
    display: inline-block;
    width: 24px;
    margin-right: 10px
}

.stripads__close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.4rem;
    cursor: pointer
}

.stripads__close:hover {
    opacity: .8
}

.vpbank-form #loaderDiv {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

#recaptcha-support-form,#recaptcha-support-send-email,.vpbank-form #recaptcha-register-personal-form {
    max-width: 100%;
    overflow-x: auto
}

.vpbank-form__icon-eye {
    float: right;
    margin: -33px 6px 0 0;
    display: block;
    cursor: pointer;
    position: relative
}

.vpbank-form form {
    width: 100%;
    margin: 40px auto;
    background-color: #f4f7f8;
    border-radius: 4px;
    padding: 20px 15px
}

.vpbank-form form.contract-deposit-form .tooltip-form .tooltip-text {
    min-width: 229px
}

.vpbank-form form .tooltip-form {
    right: 13px;
    top: 0;
    width: 14px;
    height: 14px;
    background-image: url(/assets/images/icons/ico-tooltip.png);
    position: absolute;
    margin-top: 5px
}

.vpbank-form form .tooltip-form .tooltip-text {
    min-width: 180px;
    padding: 10px;
    background-color: #6e7573;
    display: none;
    opacity: 0;
    position: absolute;
    top: 25px;
    right: -28px;
    font-size: 1.2rem;
    color: #fff;
    transition: 1s ease-in-out;
    z-index: 1;
    border-radius: 4px
}

.vpbank-form form .tooltip-form .tooltip-text:after {
    content: "";
    width: 10px;
    height: 15px;
    position: absolute;
    bottom: 100%;
    right: 30px;
    margin-left: -2px;
    border: 4px solid transparent;
    border-bottom: 8px solid #6e7573
}

.vpbank-form form .tooltip-form .tooltip-text span {
    display: block;
    margin-top: 3px
}

.vpbank-form form label.error-validate {
    font-size: 1.4rem;
    margin: 0;
    color: #fb4e4e;
    display: none
}

.vpbank-form form .row {
    margin-right: -13px;
    margin-left: -13px;
    margin-bottom: 15px
}

.vpbank-form form .row>[class^=col-] {
    padding: 0 13px
}

@media screen and (min-width: 768px) {
    .exchange-rate__dollar td img {
        margin-right:15px
    }

    .flatpickr-calendar.animate.open {
        width: 590px
    }

    .flatpickr-calendar.animate.open .flatpickr-days {
        width: 100%
    }

    .flatpickr-calendar.animate.open .flatpickr-days .dayContainer .flatpickr-day {
        margin: 5px 18.3px
    }

    .vpbank-form #recaptcha-register-personal-form {
        overflow-x: inherit
    }

    .vpbank-form form {
        margin: 40px auto;
        width: 588px;
        border-radius: 10px;
        padding: 28px 28px 30px
    }

    .vpbank-form form .row>[class^=col-].investor-form__field-require__fullname {
        padding-right: 10px
    }

    .vpbank-form form .row>[class^=col-].investor-form__field-require__email {
        padding-left: 10px
    }
}

.vpbank-form p {
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 5px
}

.vpbank-form p.vpbank-form__title {
    font-weight: 600;
    color: #6e7573
}

.vpbank-form .form-group-custom .subject-pronoun {
    width: 85px;
    margin-right: 10px
}

.vpbank-form .form-group-custom .full-name {
    width: calc(100% - 89px)
}

.vpbank-form .hidden-option {
    margin-top: 10px;
    display: none
}

.vpbank-form .checkbox-require {
    margin-bottom: 2px
}

.vpbank-form .checkbox-require input.vp-checkbox+label {
    letter-spacing: 0;
    font-size: 1.4rem;
    color: #545758;
    margin: 0 0 5px 35px
}

.vpbank-form .checkbox-require input.vp-checkbox+label:before {
    margin: 0 15px 0 -35px;
    width: 20px;
    height: 20px
}

#other-information .button,.connect-business-live__content,.finance-with-account-business__content,.finance-with-funding-program__content,.finance-with-invest__content,.health-comment__content,.interest-rate-mobile,.introduction__main .button,.knowledge-online-training__content,.knowledge-online-training__item .knowledge-online-content p,.neo-banner .masthead__slide .slick-dots,.overview .overview-modal-content,.show-support-research-popup .modal-content,.sme-measure-corporate-health__main,.vpbank-form .button-container {
    text-align: center
}

.vpbank-form .button-container .btn-submit-reg {
    font-weight: 700;
    min-width: 150px;
    width: 100%;
    padding: .8rem 4.4rem
}

.vpbank-form .button-container .btn-submit-reg:after {
    width: 80px;
    left: 50%;
    transform: translateX(-50%)
}

.vpbank-form .register-form-content .button-container .btn-submit-reg {
    min-width: 150px;
    width: auto
}

.vpbank-form .selectric-focus .selectric,.vpbank-form .selectric-hover .selectric {
    border-color: #bfd0d3
}

.vpbank-form #successModal.show {
    display: block;
    overflow-y: auto
}

.vpbank-form #successModal .modal-body {
    text-align: center;
    padding: 20px 20px 0
}

.vpbank-form #successModal .modal-body h3 {
    color: #00b74f;
    margin-bottom: 10px;
    font-weight: 700
}

.vpbank-form #successModal .modal-body p {
    font-weight: 400;
    white-space: normal;
    margin-bottom: 15px
}

.vpbank-form #successModal .modal-body>p {
    letter-spacing: 0;
    line-height: inherit
}

.vpbank-form #successModal .modal-body.result-modal-body .notification {
    text-align: left;
    margin: 15px 0 20px
}

.autocomplete-active,.vpbank-form #successModal .modal-body .progress-status strong,.vpbank-form #successModal .modal-body .ticket-note strong,.vpbank-form #successModal .modal-body .ticket-vote .title strong,.vpbank-form #successModal .modal-body.result-modal-body .notification b,.vpbank-form #successModal .modal-body.result-modal-body .notification strong {
    font-weight: 700;
    color: #00b74f
}

.vpbank-form #successModal .modal-body.result-modal-body .modal-body--result {
    padding: 12px 30px;
    margin: 0 -30px 25px;
    background-color: #f4f7f8
}

.support-popup-FAQs__form__capcha,.vpbank-form #successModal .modal-body.result-modal-body .modal-body--result hr {
    margin: 15px 0
}

.vpbank-form #successModal .modal-body.result-modal-body .modal-body--result__title {
    text-align: left;
    margin-bottom: 5px
}

.vpbank-form #successModal .modal-body.result-modal-body .modal-body--result__content {
    text-align: left;
    margin-bottom: 5px;
    font-weight: 700
}

.vpbank-form #successModal .modal-body.result-modal-body .modal-body--result__content.date {
    text-align: right
}

.vpbank-form #successModal .modal-body .progress-status {
    text-align: center;
    padding-top: 5px;
    margin-bottom: 15px
}

.vpbank-form #successModal .modal-body .progress-status span.success {
    display: inline-block;
    margin: 10px auto;
    color: #00b74f;
    background-color: #c4f5d0;
    font-size: 1.4rem;
    border-radius: 9px;
    padding: 2px 6px
}

.vpbank-form #successModal .modal-body .ticket-note {
    text-align: left;
    margin-bottom: 20px
}

.vpbank-form #successModal .modal-body .ticket-vote {
    width: 100%;
    text-align: center;
    margin: 6px 0 25px
}

.vpbank-form #successModal .modal-body .ticket-vote .title {
    display: flex;
    margin-bottom: 5px
}

.vpbank-form #successModal .modal-body .ticket-vote .title:after,.vpbank-form #successModal .modal-body .ticket-vote .title:before {
    content: "";
    flex: 1;
    background-image: linear-gradient(#afb8b6,#afb8b6);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: 50%
}

.vpbank-form #successModal .modal-body .ticket-vote .ratings_stars,.vpbank-form #successModal .modal-body .ticket-vote .user-vote-rating {
    float: none;
    font-size: 1.8rem
}

.vpbank-form #successModal .modal-body .ticket-vote textarea {
    margin: 15px 0 0;
    background-color: #f4f7f8
}

.vpbank-form #successModal .modal-body .modal-code {
    padding: 6px 0 7px;
    background-color: #c4f5d0;
    margin-bottom: 15px
}

.vpbank-form #successModal .btn-container {
    text-align: center;
    margin-bottom: 25px;
    padding: 0 20px
}

.vpbank-form #successModal .btn-container .btn {
    min-width: 100%;
    padding: .8rem 4.4rem;
    font-weight: 700;
    cursor: pointer
}

.show-support-research-popup .modal-content .modal-body .btn:after,.vpbank-form #successModal .btn-container .btn:after {
    width: 110px;
    left: 50%;
    transform: translateX(-50%)
}

.financial-report-content,.green-credit-list,.investor-contact-section,.investor-events-content,.leadership .leadership-tab__content,.masthead+.article-detail,.vpbank-form.section-support-form,.vpbank-system {
    padding-top: 40px
}

.mask-success-modal,.vpbank-form .mask-success-modal {
    display: none;
    background: rgba(0,0,0,.75);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 11
}

.form-attention {
    width: 100%;
    margin: 0 auto 18px
}

.form-attention>p {
    margin-bottom: 6px;
    font-weight: 700
}

.form-attention .form-attention__content {
    padding-left: 15px;
    margin: 0;
    list-style: none
}

.form-attention .form-attention__content-item {
    margin-bottom: 5px
}

.form-attention .form-attention__content-item:last-child,.support-customer-feedback .customer-feedback-form__single-choice-question .customer-feedback-form__checkbox-list__col,.support-customer-feedback .selectric-wrapper {
    margin-bottom: 0
}

.form-attention .form-attention__content-item:before {
    content: "\2022";
    color: #6e7573;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.unsubcribe {
    padding: 50px 0
}

.unsubcribe__wrap {
    background: #f4f7f8;
    border-radius: 8px;
    max-width: 480px;
    margin: 0 auto;
    padding: 30px;
    text-align: center
}

.unsubcribe__action .btn {
    display: inline-block;
    margin: 0 10px
}

.unsubcribe.loading:before {
    content: " ";
    background-color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
    z-index: 1
}

.unsubcribe.loading:after {
    content: " ";
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border-color: #00b74f transparent #e10600;
    border-style: solid;
    border-width: 5px;
    animation: 1.2s linear infinite load-icon;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -24px;
    z-index: 2
}

.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-item__btn__item:last-child,.support-customer-feedback .customer-feedback-form__rating-list__item:last-child {
    margin-right: 0
}

.branch-atm .nav-map__top .search-location,.sidebar-module li+li,.support-customer-feedback .result-modal-body--error .btn {
    margin-top: 20px
}

.support-customer-feedback {
    padding: 10px 0 20px
}

.support-customer-feedback .customer-feedback-form {
    padding: 10px 0;
    color: #545758
}

.support-customer-feedback .customer-feedback-form__section__title {
    font-size: 18px;
    margin-bottom: 24px;
    color: #000
}

.support-customer-feedback .customer-feedback-form__sub-title {
    margin-bottom: 24px;
    font-weight: 600
}

.support-customer-feedback .customer-feedback-form .text-medium {
    font-weight: 500
}

.support-customer-feedback .customer-feedback-form__checkbox-list {
    display: flex;
    font-weight: 500;
    flex-wrap: wrap
}

.support-customer-feedback .customer-feedback-form__checkbox-list__col {
    width: 100%
}

.support-customer-feedback .customer-feedback-form__checkbox-list__item {
    margin-bottom: 14px
}

.support-customer-feedback .customer-feedback-form__rating-list {
    display: flex;
    margin-bottom: 24px;
    position: relative;
    width: fit-content
}

.support-customer-feedback .customer-feedback-form__rating-list__item {
    cursor: pointer;
    margin-right: 20px
}

.support-customer-feedback .customer-feedback-form__rating-list__item .img-active,.support-customer-feedback .customer-feedback-form__rating-list__item.rating-active .img-nomal {
    display: none
}

.support-customer-feedback .customer-feedback-form__rating-list__item.rating-active .img-active {
    display: block
}

.support-customer-feedback .customer-feedback-form__rating-list .rating-star-text {
    position: absolute;
    left: 50%;
    transform: translate(calc(-50% - 12px),10px);
    bottom: 0;
    display: none
}

.pagination .page-item a,.pagination .page-item span,.support-customer-feedback .customer-feedback-form__rating-list .rating-star-text.show,.support-customer-feedback .error-validate.active {
    display: block
}

.support-customer-feedback .customer-feedback-form__satis-rating {
    margin-bottom: 12px;
    font-weight: 500
}

.support-customer-feedback .customer-feedback-form__satis-rating__col-name {
    display: none;
    text-align: center;
    margin-bottom: 24px
}

.support-customer-feedback .customer-feedback-form__satis-rating__label {
    display: block;
    font-weight: 700;
    margin-bottom: 24px
}

.support-customer-feedback .customer-feedback-form__satis-rating__checkbox .vp-radio-custom {
    margin-bottom: 12px
}

.support-customer-feedback .customer-feedback-form__satis-rating__checkbox .vp-radio-custom__input:checked+label {
    margin-top: -2px
}

.support-customer-feedback .customer-feedback-form__satis-rating__checkbox .vp-radio-custom__input:checked+label:before {
    margin: 0 12px -2px -38px
}

.support-customer-feedback .customer-feedback-form__checkbox input.vp-checkbox:checked+label:before {
    background-image: url(/assets/images/icons/icon-cb-checked-with-border.png);
    width: 26px;
    height: 26px;
    border-color: transparent;
    background-size: auto;
    margin: -3px 12px -3px -38px
}

.support-customer-feedback .customer-feedback-form__dropdown {
    width: 100%;
    overflow: hidden;
    transition: height .5s
}

.support-customer-feedback .customer-feedback-form__dropdown__content {
    padding-bottom: 1px
}

.course-details__main__heading,.course-details__main__lesson-video,.financial-support-modal__content__desc,.health-support,.installment-page__compare-layout__content,.support-customer-feedback .customer-feedback-form__dropdown .dropdown-single-choice .customer-feedback-form__checkbox-list__item,.support-customer-feedback .customer-feedback-form__dropdown__content .dropdown-ques {
    margin-bottom: 24px
}

.library .row>div,.support-customer-feedback .customer-feedback-form__dropdown .dropdown-content-item {
    margin-bottom: 20px
}

.support-customer-feedback .customer-feedback-form__arrange-ranking__wrap {
    display: flex;
    justify-content: space-between
}

.support-customer-feedback .customer-feedback-form__arrange-ranking__index {
    width: 52px
}

.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-index,.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-item {
    padding: 16px;
    height: 52px;
    border: 1px solid #afb8b6;
    border-radius: 8px;
    margin-bottom: 24px;
    display: flex;
    align-items: center
}

.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-index {
    justify-content: center
}

.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-item {
    justify-content: space-between;
    transition: .25s
}

.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-item__text {
    font-size: 1.4rem;
    line-height: 1.15
}

.choose-food .slick-track,.search-bar .search-bar__container,.slick-list.draggable .slick-track,.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-item__btn {
    display: flex
}

.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-item__btn__item {
    margin-right: 10px;
    font-size: 2rem;
    cursor: pointer
}

.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-item:hover {
    background-color: #ebfbef;
    border-color: #00b74f
}

.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-item:hover .arrange-ranking-item__btn__item i,.support-customer-feedback .customer-feedback-form__arrange-ranking .arrange-ranking-item:hover .arrange-ranking-item__text {
    color: #00b74f
}

.support-customer-feedback .customer-feedback-form li,.support-customer-feedback .customer-feedback-form ul {
    list-style: none;
    padding: 0
}

.support-customer-feedback .customer-feedback-form input.form-check-input+span:before {
    background: #fff
}

.support-customer-feedback .icon-rating-star label:before {
    background-image: url(/assets/images/icons/rating-star.png);
    background-size: contain;
    border: none;
    width: 40px;
    height: 40px;
    margin-right: 0
}

.support-customer-feedback .icon-rating-star input.vp-checkbox:checked+label:before,.support-customer-feedback .icon-rating-star input.vp-checkbox:hover+label:before {
    background-image: url(/assets/images/icons/rating-star-active.png)
}

.support-customer-feedback .error-validate {
    display: none;
    position: absolute
}

.support-customer-feedback .modal-default-false,.support-customer-feedback .modal-required-false,.support-customer-feedback .result-modal-body--error,.support-customer-feedback .result-modal-body--success {
    visibility: hidden;
    height: 0;
    display: none
}

.support-customer-feedback .modal-default-false.show,.support-customer-feedback .modal-required-false.show,.support-customer-feedback .result-modal-body--error.show,.support-customer-feedback .result-modal-body--success.show {
    visibility: visible;
    height: auto;
    display: block
}

.flatpickr-day.hidden,.landmark-memory__list__item .content,.slick-loading .slick-slide,.slick-loading .slick-track,.sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide .dot:before,.sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide .item .line {
    visibility: hidden
}

.support-customer-feedback .modal-required-false {
    color: red
}

.support-customer-feedback .modal-default-false .result-modal-body h4 {
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 5px;
    color: #e10600
}

.support-customer-feedback .result-modal-body--success h4 {
    background: linear-gradient(90deg,#015aad,#00b74f);
    background: -webkit-linear-gradient(0,#015aad,#00b74f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 5px
}

.support-customer-feedback .result-modal-body--error h4 {
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 5px;
    color: #e10600
}

.branch-atm .nav-map {
    position: relative;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    z-index: 1
}

.branch-atm .nav-map__top {
    padding: 0 15px 15px;
    border-bottom: 1px solid #dde6e8
}

.branch-atm .nav-map__top .search-location .provincial {
    float: left;
    width: calc(50% - 4px);
    margin-right: 8px
}

.branch-atm .nav-map__top .search-location .district {
    float: left;
    width: calc(50% - 4px)
}

.branch-atm .nav-map__top .search {
    margin-top: 14px
}

.branch-atm .nav-map__top .select-type-atm {
    display: flex;
    justify-content: space-around;
    padding-top: 15px
}

.autocomplete,.branch-atm .nav-map__top .select-type-atm__item {
    position: relative
}

.branch-atm .nav-map__top .select-type-atm__item label {
    display: block;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    color: #545758;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center
}

.branch-atm .nav-map__top .select-type-atm__item input[type=checkbox] {
    display: none
}

.branch-atm .nav-map__top .select-type-atm__item input[type=checkbox]+label:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 10px
}

.autocomplete-items .branch-atm-item:hover,.branch-atm .nav-map__top .select-type-atm__item input[type=checkbox]:checked+label,.search-result .result-notify b {
    color: #00b74f
}

.branch-atm .nav-map__top .select-type-atm__item--branch input[type=checkbox]+label:before {
    background: url(/assets/images/icons/atm-branch/icon-branch.svg) no-repeat
}

.branch-atm .nav-map__top .select-type-atm__item--branch input[type=checkbox]:checked+label:before {
    background: url(/assets/images/icons/atm-branch/icon-branch-active.svg) no-repeat
}

.branch-atm .nav-map__top .select-type-atm__item--atm input[type=checkbox]+label:before {
    background: url(/assets/images/icons/atm-branch/icon-atm-cdm.svg) no-repeat
}

.branch-atm .nav-map__top .select-type-atm__item--atm input[type=checkbox]:checked+label:before {
    background: url(/assets/images/icons/atm-branch/icon-atm-cdm-active.svg) no-repeat
}

.branch-atm .nav-map__top .select-type-atm__item--household input[type=checkbox]+label:before {
    background: url(/assets/images/icons/atm-branch/icon-hkd.svg) no-repeat
}

.branch-atm .nav-map__top .select-type-atm__item--household input[type=checkbox]:checked+label:before {
    background: url(/assets/images/icons/atm-branch/icon-hkd-active.svg) no-repeat
}

.branch-atm .nav-map__top .select-type-atm__item--sme input[type=checkbox]+label:before {
    background: url(/assets/images/icons/atm-branch/icon-sme.svg) no-repeat
}

.branch-atm .nav-map__top .select-type-atm__item--sme input[type=checkbox]:checked+label:before {
    background: url(/assets/images/icons/atm-branch/icon-sme-active.svg) no-repeat
}

.branch-atm .nav-map__top .select-type-atm__item__info {
    position: absolute;
    top: 0;
    left: 60%
}

.branch-atm .nav-map__top .select-type-atm__item__info__icon {
    background: #dde6e8;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #6e7573;
    font-size: 1.2rem;
    text-align: center;
    line-height: 16px;
    display: block
}

.branch-atm .nav-map__top .select-type-atm__item__info .dropdown-menu {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(28,28,30,.16);
    padding: 24px;
    min-width: 300px;
    font-size: 1.4rem;
    color: #6e7573;
    font-weight: 700
}

.branch-atm .nav-map__top .select-type-atm__item__info .dropdown-menu h4 {
    font-size: 2.4rem;
    margin: 0 0 16px
}

.branch-atm .nav-map__top .select-type-atm__item__info .dropdown-menu h4 i,.branch-atm .nav-map__top .select-type-atm__item__info .dropdown-menu h4 span {
    background: linear-gradient(90deg,#015aad,#00b74f);
    background: -webkit-linear-gradient(0,#015aad,#00b74f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block
}

.branch-atm .nav-map__top .select-type-atm__item__info .dropdown-menu h4 span {
    margin-left: 10px
}

.branch-atm .nav-map__top .select-type-atm__item__info .dropdown-menu p {
    margin: 0
}

.branch-atm .nav-map__bottom {
    padding: 0 5px 0 25px
}

.branch-atm .nav-map__bottom .count-response {
    font-size: 1.4rem;
    margin: 10px 0
}

.branch-atm .nav-map__bottom .branch-atm-response {
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #6e7573 #afb8b6
}

.branch-atm .nav-map__bottom .branch-atm-response__item {
    list-style: none;
    cursor: pointer
}

.branch-atm .nav-map__bottom .branch-atm-response__item+li {
    border-top: 1px solid #dde6e8;
    padding-top: 10px;
    margin-top: 10px
}

.branch-atm .nav-map__bottom .branch-atm-response__item .name {
    font-family: SVN-Gilroy,sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px
}

.branch-atm .nav-map__bottom .branch-atm-response__item .address,.branch-atm .nav-map__bottom .branch-atm-response__item .phone {
    font-size: 1.4rem;
    color: #545758;
    margin-bottom: 0
}

.branch-atm .nav-map__bottom .branch-atm-response__item .vpb-tag {
    margin-bottom: 10px
}

.branch-atm .nav-map__bottom .branch-atm-response__item .vpb-tag span {
    border: 1px solid transparent;
    margin-right: 4px;
    border-radius: 4px;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 2px 5px;
    text-transform: uppercase;
    color: #6e7573;
    line-height: normal
}

.branch-atm .nav-map__bottom .branch-atm-response__item .vpb-tag span.green-border {
    border-color: #2ac769;
    color: #2ac769
}

.branch-atm .nav-map__bottom .branch-atm-response__item .vpb-tag span.red-border {
    border-color: #fb4e4e;
    color: #fb4e4e
}

.branch-atm .nav-map__bottom .branch-atm-response__item .vpb-tag span.blue-border {
    border-color: #4285f4;
    color: #4285f4
}

.branch-atm .nav-map__bottom .branch-atm-response__item .vpb-tag span.orange-border {
    border-color: #ecbf4b;
    color: #ecbf4b
}

.branch-atm .nav-map__bottom .branch-atm-response__item .vpb-tag .distance {
    float: right;
    color: #6e7573;
    border: none;
    padding: 0;
    font-size: 1.4rem;
    font-weight: 400
}

.branch-atm .nav-map__bottom.display-desktop {
    display: none
}

.branch-atm .nav-map__bottom.display-desktop .branch-atm-response {
    height: 488px;
    padding-right: 10px
}

.branch-atm .nav-map__bottom.display-mobile {
    display: block;
    background-color: #fff;
    padding-bottom: 20px
}

.branch-atm #map {
    height: 560px
}

.gm-style .gm-style-iw {
    padding: 0;
    font-family: SVN-Gilroy,sans-serif
}

.gm-style .gm-style-iw .gm-style-iw-d {
    min-width: 240px;
    font-size: 1.4rem;
    padding: 0;
    overflow: hidden!important
}

.gm-style .gm-style-iw .gm-style-iw-d .site-notice {
    background: #2ac769;
    width: 100%;
    padding: 10px 25px 10px 15px
}

.gm-style .gm-style-iw .gm-style-iw-d .site-notice .first-heading {
    font-weight: 700;
    color: #fff
}

.gm-style .gm-style-iw .gm-style-iw-d .body-content .address-detail {
    color: #545758;
    line-height: 1.8rem
}

.gm-ui-hover-effect {
    top: 8px!important;
    right: 6px!important;
    width: 20px!important;
    height: 20px!important
}

.gm-ui-hover-effect img {
    max-width: 10px;
    max-height: 10px;
    margin: auto!important
}

.autocomplete:after,.autocomplete:before {
    content: "";
    background: url(/assets/images/icon-place.png) 50% no-repeat;
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px
}

.autocomplete:after {
    background-image: url(/assets/images/icon-place-search.png);
    right: 10px;
    left: auto
}

.autocomplete input.form-control,.autocomplete-support-now input.form-control {
    padding: 5px 40px
}

.autocomplete-items {
    position: absolute;
    background: #f4f7f8;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #dde6e8;
    border-top: 0;
    border-bottom: 0;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    overflow-y: scroll
}

.autocomplete-items::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #f4f7f8;
    background-color: #f4f7f8
}

.autocomplete-items::-webkit-scrollbar {
    width: 6px;
    background: #afb8b6
}

.autocomplete-items::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #afb8b6;
    background-color: #afb8b6
}

.autocomplete-items .branch-atm-item {
    padding: 5px 10px;
    cursor: pointer
}

.interest-rate__content .rate-link,.interest-rate__content .rate-link li a.title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.interest-rate__content .rate-link li a.title {
    font-size: 1.4rem;
    padding: 5px 18px;
    font-weight: 700;
    letter-spacing: 0
}

.interest-rate__content .nav-tab {
    color: #fff;
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .vpbank-form p {
        margin-bottom:8px
    }

    .vpbank-form .form-group-custom .subject-pronoun {
        width: 94px;
        margin-right: 26px
    }

    .vpbank-form .form-group-custom .full-name {
        width: calc(100% - 120px)
    }

    .vpbank-form .button-container {
        text-align: left
    }

    .vpbank-form .button-container .btn-submit-reg {
        min-width: 180px;
        width: auto;
        padding: .5rem 3rem
    }

    .vpbank-form .button-container .btn-submit-reg:after {
        width: calc(100% - 6rem);
        left: 3rem;
        transform: translateX(0)
    }

    .vpbank-form #successModal .modal-body {
        padding: 25px 30px 0
    }

    .vpbank-form #successModal .modal-body p {
        margin-bottom: 15px
    }

    .vpbank-form #successModal .modal-body.result-modal-body .modal-body--result hr {
        margin: 10px 0
    }

    .vpbank-form #successModal .modal-body.result-modal-body .modal-body--result__content {
        text-align: right
    }

    .vpbank-form #successModal .modal-body .progress-status {
        text-align: left;
        margin-bottom: 20px
    }

    .vpbank-form #successModal .modal-body .progress-status span.success {
        margin: 0 0 0 5px
    }

    .support-customer-feedback .customer-feedback-form__satis-rating__col-name,.vpbank-form #successModal .modal-body .time-notify br {
        display: block
    }

    .vpbank-form #successModal .btn-container .btn {
        min-width: 180px;
        padding: .5rem 3rem
    }

    .vpbank-form #successModal .btn-container .btn:after {
        width: 104px
    }

    .form-attention {
        width: 588px;
        margin: 0 auto 40px
    }

    .support-customer-feedback {
        padding: 10px 0 40px
    }

    .support-customer-feedback .customer-feedback-form {
        border: 1px solid #dde6e8;
        padding: 32px
    }

    .support-customer-feedback .customer-feedback-form__form-group,.support-customer-feedback .customer-feedback-form__rating-list,.support-customer-feedback .customer-feedback-form__section__title {
        margin-bottom: 32px
    }

    .branch-atm .nav-map__top .select-type-atm__item,.support-customer-feedback .customer-feedback-form__checkbox-list__col {
        width: 25%
    }

    .support-customer-feedback .customer-feedback-form__rating-list__item {
        margin-right: 44px
    }

    .support-customer-feedback .customer-feedback-form__rating-list .rating-star-text {
        transform: translate(calc(-50% - 22px),10px)
    }

    .support-customer-feedback .customer-feedback-form__satis-rating__label {
        margin-bottom: 14px
    }

    .support-customer-feedback .customer-feedback-form__satis-rating__checkbox {
        text-align: center
    }

    .support-customer-feedback .customer-feedback-form__satis-rating__checkbox .label-text-mobile {
        display: none
    }

    .support-customer-feedback .customer-feedback-form__satis-rating__checkbox .vp-radio-custom {
        margin-bottom: 0
    }

    .support-customer-feedback .icon-rating-star label:before {
        width: 60px;
        height: 60px
    }

    .interest-rate__content .rate-link li a.title {
        padding: 5px 20px
    }

    .interest-rate__content .nav-tab {
        margin-bottom: 20px
    }
}

.interest-rate__content .nav-tab__content--wrap .exchange,.interest-rate__content .nav-tab__content--wrap .rates {
    width: 100%;
    text-align: center
}

.interest-rate__content .nav-tab__content--wrap .exchange th,.interest-rate__content .nav-tab__content--wrap .rates th {
    width: 33.33333%;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0
}

@media screen and (min-width: 768px) {
    .interest-rate__content .nav-tab__content--wrap .exchange th,.interest-rate__content .nav-tab__content--wrap .rates th {
        font-size:1.6rem
    }
}

.interest-rate__content .nav-tab__content--wrap .exchange td,.interest-rate__content .nav-tab__content--wrap .rates td {
    padding-bottom: 5px;
    font-size: 1.4rem
}

@media screen and (min-width: 1200px) {
    .masthead__content__description {
        font-size:2rem;
        margin-bottom: 12px
    }

    .masthead.card-detail-banner .masthead__content {
        margin-top: 68px;
        max-width: 65%
    }

    .masthead.card-detail-banner .masthead__content__tag,.story-tips-box {
        margin-bottom: 15px
    }

    .masthead.card-detail-banner .masthead__content .user-rating__count {
        font-size: 1.6rem
    }

    .masthead.register-banner .masthead__content {
        width: 55%
    }

    .vpbank-award-content__text .title {
        font-size: 4rem
    }

    .story-tips-box .story-tips__detail {
        margin-bottom: 7px
    }

    .exchange-rate__datetime {
        margin-bottom: 40px
    }

    .exchange-rate__dollar th {
        font-size: 1.8rem;
        height: 50px
    }

    .exchange-rate__dollar th:first-child {
        padding-left: 50px
    }

    .exchange-rate__dollar td {
        padding: 15px 5px
    }

    .exchange-rate__dollar td:first-child {
        padding-left: 50px
    }

    .stripads__content {
        display: none!important
    }

    .stripads__content.none-mobile {
        display: block!important
    }

    .interest-rate__content {
        padding: 25px 100px 50px
    }

    .interest-rate__content .nav-tab {
        margin-bottom: 0
    }

    .interest-rate__content .nav-tab__content--wrap .exchange td,.interest-rate__content .nav-tab__content--wrap .rates td {
        padding-bottom: 0
    }
}

.interest-rate__content .nav-tab__link {
    height: 40px;
    border-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    text-align: center
}

.interest-rate__content .nav-tab__link li {
    margin-bottom: 0;
    width: 50%;
    height: 100%
}

.interest-rate__content .nav-tab__link li a {
    width: 100%;
    height: 100%;
    border: none;
    background: #f4f7f8;
    text-transform: uppercase;
    border-radius: 10px 10px 0 0;
    color: #545758;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center
}

.interest-rate__content .nav-tab__link li a:hover {
    background: #f4f7f8;
    color: #00b74f
}

.interest-rate__content .nav-tab__link li a.active {
    background: #00b74f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff
}

.interest-rate__content .nav-tab__link li a.active:hover {
    color: #fff
}

.interest-rate__content .nav-tab__content {
    background: url(assets/images/bg-deposit.png) 60px bottom no-repeat #00b74f;
    padding: 15px;
    min-height: calc(100% - 50px)
}

@media (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .interest-rate__content .nav-tab__content,.more-from-vpbank__content .nav-tab__content {
        margin-top: -1px
    }
}

.interest-rate__content .nav-tab__content .months {
    font-size: 1.8rem;
    margin-bottom: 2px
}

.interest-rate__content .nav-tab__content .rates {
    font-size: 1.8rem
}

.interest-rate__content .nav-tab__content .view-all {
    font-weight: 700;
    color: #fff;
    font-size: 1.4rem
}

.interest-rate__content .nav-tab__content .view-all:hover {
    color: hsla(0,0%,100%,.7);
    text-decoration: none
}

.interest-rate .menu {
    width: 100%;
    text-align: center;
    display: none
}

.interest-rate th {
    color: #00b74f;
    border-bottom: 1px solid #00b74f;
    font-size: 1.4rem;
    height: 60px;
    font-weight: 700;
    letter-spacing: 0
}

@media screen and (min-width: 768px) {
    .interest-rate .menu {
        display:inline-table
    }

    .interest-rate th {
        font-size: 1.4rem;
        height: 45px
    }
}

.interest-rate .interest-rate-menu1 th {
    width: 16.66667%
}

.interest-rate .interest-rate-menu2 th {
    width: 25%
}

.interest-rate td {
    padding: 5px;
    height: 50px;
    font-size: 1.4rem;
    line-height: normal
}

@media screen and (min-width: 768px) {
    .interest-rate td {
        padding:10px 5px
    }

    .note .line2 {
        padding-left: 52px
    }
}

.interest-rate .nav-tab-rate {
    background: 0 0;
    color: #545758;
    padding: 0
}

.interest-rate .nav-tab-rate .rate--wrap {
    border: 1px solid #00b74f;
    padding: 0 10px;
    border-radius: 0 0 4px 4px
}

.main-search,.note {
    padding-top: 25px
}

.note .here {
    text-decoration: underline
}

.note strong {
    display: inherit
}

.interest-rate-mobile .table-mobile {
    float: left;
    width: 25%;
    display: inline-grid
}

.interest-rate-mobile .rate-item {
    display: inline-table!important
}

.interest-rate-mobile .table-slide .slick-list {
    transform: translate3d(-1px,0,0)
}

.interest-rate button {
    background: #afb8b6;
    width: 42px;
    height: 42px
}

.interest-rate button.slick-next:before {
    font-family: icomoon;
    content: "\E916";
    color: #00b74f;
    margin-right: 17px
}

.interest-rate button.slick-next.slick-arrow {
    border-radius: 20px 0 0 20px;
    margin-right: -20px
}

.interest-rate button.slick-prev:before {
    font-family: icomoon;
    content: "\E911";
    color: #00b74f;
    margin-left: 17px
}

.interest-rate button.slick-prev.slick-arrow {
    border-radius: 0 20px 20px 0;
    margin-left: -20px
}

.masthead__wrap__interest-rate {
    padding-top: 70px;
    max-width: 288px
}

@media screen and (min-width: 768px) {
    .note strong {
        display:inline
    }

    .interest-rate-mobile {
        display: none
    }

    .masthead__wrap__interest-rate {
        padding-top: 50px;
        max-width: inherit
    }

    .main-search {
        padding-top: 35px
    }
}

@media screen and (min-width: 992px) {
    .vpbank-form form .row>[class^=col-].investor-form__field-require__fullname {
        padding-right:7.5px
    }

    .vpbank-form form .row>[class^=col-].investor-form__field-require__email {
        padding-left: 7.5px
    }

    .vpbank-form form .row .col-md-6+.col-md-6 {
        margin-top: 0
    }

    .vpbank-form .checkbox-require input.vp-checkbox+label {
        margin-bottom: 8px
    }

    .vpbank-form .register-form-content .button-container .btn-submit-reg {
        min-width: 180px;
        width: auto
    }

    .unsubcribe.loading:after {
        width: 56px;
        height: 56px;
        margin: -28px 0 0 -28px
    }

    .branch-atm .nav-map {
        top: 0;
        left: 0;
        position: absolute;
        width: 427px;
        box-shadow: none
    }

    .branch-atm .nav-map__top {
        padding: 0 15px 15px 25px
    }

    .branch-atm .nav-map__bottom.display-desktop {
        display: block
    }

    .branch-atm .nav-map__bottom.display-mobile {
        display: none
    }

    .branch-atm #map {
        height: 846px;
        margin-left: 427px
    }

    .interest-rate .nav-tab-rate .rate--wrap {
        display: block;
        padding: 0 24px
    }

    .masthead__wrap__interest-rate {
        padding-top: 70px
    }

    .search-bar__input input[type=text]:hover:after {
        transform: scaleX(1)
    }
}

@media screen and (min-width: 1200px) {
    .interest-rate th {
        font-size:1.8rem;
        height: 50px
    }

    .interest-rate td {
        font-size: 1.6rem;
        padding: 15px 5px
    }

    .masthead__wrap__interest-rate {
        padding-top: 100px
    }
}

.masthead__wrap__interest-rate .title {
    font-size: 3.2rem
}

.award .title,.masthead__wrap__interest-rate .descreption {
    font-size: 1.6rem
}

.search-bar .search-bar__container .btn-search {
    white-space: nowrap;
    padding: .5rem 5.6rem
}

@media screen and (max-width: 991px) {
    .search-bar .search-bar__container .btn-search {
        color:#fff;
        background: #00b74f;
        padding: .8rem 1.4rem
    }
}

.search-bar__input {
    width: 100%;
    position: relative
}

.search-bar__input input[type=text] {
    color: #545758;
    width: 99%;
    padding: 0 30px 0 40px;
    border: 1px solid #afb8b6;
    text-align: left;
    border-radius: 30px
}

.search-bar__input input[type=text]:focus {
    outline: 0;
    border-color: #afb8b6;
    box-shadow: none
}

.search-bar__input input[type=text]::-ms-clear {
    display: none
}

.search-bar__input input[type=text].placeholder {
    color: #b5bec1
}

.search-bar__input input[type=text]::placeholder {
    color: #b5bec1
}

.search-bar__input input[type=text]:-moz-placeholder,.search-bar__input input[type=text]::-moz-placeholder {
    color: #b5bec1
}

.search-bar__input input[type=text]::-webkit-input-placeholder {
    color: #b5bec1
}

.search-bar__input input[type=text]:-ms-input-placeholder {
    color: #b5bec1
}

.search-bar__input input[type=text]::-ms-input-placeholder {
    color: #b5bec1
}

.search-bar__input i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.search-bar__input i:hover {
    cursor: pointer
}

.search-bar__input i.icon-close {
    font-size: 1rem;
    font-weight: 700;
    color: #00b74f;
    display: none;
    opacity: 0;
    right: 3%
}

.search-bar__input i.icon-close.active {
    display: block;
    opacity: 1
}

.search-bar__input i.icon-search1 {
    font-size: 1.8rem;
    color: #b5bec1;
    left: 15px
}

.search-suggest {
    margin-top: 16px;
    margin-bottom: 138%
}

.introduction-vpbank .desktop,.search-result .no-result,.search-result.hide,.search-suggest.hide {
    display: none
}

.search-suggest .title {
    padding-left: 0;
    font-family: SVN-Gilroy,sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    color: #000;
    margin-bottom: 10px
}

.search-suggest__list--item {
    list-style: none;
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .search-suggest {
        margin-top:30px;
        margin-bottom: 33%
    }

    .search-suggest .title {
        padding-left: 40px;
        margin-bottom: 15px;
        font-size: 1.8rem
    }

    .search-suggest__list {
        padding-left: 40px
    }

    .search-suggest__list--item {
        margin-bottom: 6px
    }
}

.search-result,.search-suggest__list--item:last-child {
    margin-bottom: 0
}

.search-suggest__list--item>span {
    font-family: SVN-Gilroy,sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    color: #545758
}

.search-suggest__list--item>span:hover {
    cursor: pointer;
    text-decoration: none;
    color: #00b74f
}

.search-result {
    margin-top: 18px
}

.search-result .result-notify {
    font-size: 1.4rem;
    margin-bottom: 15px
}

.search-result__content__item:last-child,.search-result__tab .search-result__tab--item {
    margin-bottom: 0
}

.search-result .result-notify b.quantity {
    padding: 0 5px
}

.search-result__tab--item {
    list-style: none
}

.search-result__tab--item .choice-button {
    background-color: #fff;
    width: auto;
    height: 54px;
    line-height: 54px;
    color: #000;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
    padding: 0 15px;
    border: 1px solid #dde6e8;
    border-right: none;
    border-left: none;
    transition: .3s
}

@media screen and (min-width: 992px) {
    .search-result__container {
        display:flex
    }

    .search-result__tab {
        background-color: #f4f7f8;
        display: block;
        width: 270px;
        border: 1px solid #dde6e8;
        border-right: none
    }

    .search-result__tab--item:last-child .choice-button {
        border-bottom: 1px solid transparent
    }

    .search-result__tab--item .choice-button {
        padding-left: 20px;
        width: 100%;
        background-color: #f4f7f8;
        border-top: none
    }
}

.search-result__tab--item .choice-button:hover {
    background-color: #f4f7f8;
    color: #00b74f
}

.connect-business-online .connect-online-video video:focus,.header-sme ul.user-submenu li button:focus,.header-sme ul.user-submenu-mobile li button:focus,.search-result__tab--item .choice-button:focus {
    outline: 0
}

.search-result__tab--item .choice-button.active {
    color: #00b74f;
    background-color: #fff;
    border-bottom: 2px solid #00b74f
}

.search-result__content {
    border: 1px solid transparent;
    padding: 15px 0 38px
}

.search-result__content .paginator {
    padding-top: 20px
}

.search-result__content__item {
    margin-bottom: 20px;
    border-bottom: 1px solid #dde6e8
}

.search-result__content__item .title {
    margin-bottom: 10px;
    font-family: SVN-Gilroy,sans-serif;
    font-size: 1.8rem
}

.search-result__content__item .title a,.symbolism .content .title a {
    color: #000
}

.search-result__content__item .title a:hover {
    text-decoration: none;
    color: #00b74f
}

.autocomplete-support-now-active,.search-result__content__item .title a b,.search-result__content__item .title a strong {
    font-weight: 700;
    color: #00b74f
}

.search-result__content__item .summary {
    margin-bottom: 10px
}

.promotion-detail__content__images {
    margin-bottom: 25px;
    overflow: hidden;
    position: relative
}

.promotion-detail__content__images .slider-for {
    position: relative
}

.promotion-detail__content__images .slider-for .each {
    position: relative;
    padding-top: 63.31034%
}

.promotion-detail__content__images .slider-for .each iframe,.promotion-detail__content__images .slider-for .each img,.promotion-detail__content__images .slider-for .each video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.promotion-detail__content__images .slider-nav {
    margin: 0 -5px
}

.promotion-detail__content__images .slider-nav .slick-track {
    margin: 0
}

.promotion-detail__content__images .slider-nav .pd-item {
    padding: 0 5px;
    cursor: pointer
}

.promotion-detail__content__images .slider-nav .pd-item__content {
    position: relative;
    padding-top: 63.31034%
}

.promotion-detail__content__images .slider-nav .pd-item__content iframe,.promotion-detail__content__images .slider-nav .pd-item__content img,.promotion-detail__content__images .slider-nav .pd-item__content video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.promotion-detail__content__images .slider-nav .pd-item__content--video:before {
    content: "";
    display: block;
    position: absolute;
    background: #000;
    cursor: pointer;
    opacity: .7;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.promotion-detail__content__images .slider-nav .pd-item__content--video:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    background: url(/assets/images/pause_video.png) 0 0/cover no-repeat;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.promotion-detail__content__images .tag {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 1px 9px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem;
    background: #fff;
    z-index: 2
}

.promotion-detail__content__images .wishlist {
    position: absolute;
    line-height: 0;
    z-index: 1;
    top: 15px;
    right: 15px
}

.promotion-detail__content__images .wishlist label {
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 600;
    color: #6e7573;
    text-transform: uppercase
}

.business-info-sme .business-offer-wishlist input[type=checkbox],.promotion-detail__content__images .wishlist input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.promotion-detail__content__images .wishlist input[type=checkbox]+label:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 14px rgba(0,0,0,.14);
    vertical-align: middle
}

.promotion-detail__content__images .wishlist input[type=checkbox]+label:after {
    content: "";
    background: url(assets/images/heart.png) no-repeat;
    display: block;
    position: absolute;
    left: 9px;
    top: 10px;
    width: 15px;
    height: 13px
}

.business-info-sme .business-offer-wishlist input[type=checkbox]:checked+label:before,.promotion-detail__content__images .wishlist input[type=checkbox]:checked+label:after {
    background: url(assets/images/heart-active.png) no-repeat
}

.promotion-detail__content__detail .descreption {
    text-transform: uppercase;
    color: #00b74f
}

.promotion-detail__content__detail .title {
    font-weight: 700;
    font-size: 3rem;
    font-family: SVN-Gilroy,sans-serif;
    line-height: 1.2
}

@media screen and (min-width: 992px) {
    .search-result__tab--item .choice-button.active {
        border-bottom:1px solid #dde6e8
    }

    .search-result__content {
        width: calc(100% - 270px);
        border: 1px solid #dde6e8;
        padding: 20px 15px 35px 22px
    }

    .promotion-detail__content__images {
        margin-bottom: 0
    }

    .promotion-detail__content__detail .title {
        font-size: 20px;
        padding-top: 5px
    }
}

@media screen and (min-width: 1200px) {
    .masthead__wrap__interest-rate .title {
        font-size:3.6rem
    }

    .masthead__wrap__interest-rate .descreption {
        font-size: 2rem
    }

    .promotion-detail__content__detail .title {
        font-size: 3rem;
        padding-top: 12px
    }
}

.promotion-detail__content__detail .list-info {
    padding: 10px 0 0;
    margin: 0
}

.promotion-detail__content__detail .list-info li {
    list-style-type: none;
    margin-bottom: 5px;
    position: relative;
    padding-left: 30px
}

.promotion-detail__content__detail .list-info li>a {
    color: #545758;
    pointer-events: none
}

.promotion-detail__content__detail .list-info li>a:hover,.symbolism .view-all:hover {
    text-decoration: none
}

.promotion-detail__content__detail .list-info .pd-img {
    position: absolute;
    left: 0;
    top: 3px
}

.promotion-detail__content__detail .list-info .phone-info {
    pointer-events: inherit
}

.promotion-detail__content__detail .creat-account {
    display: flex;
    margin-bottom: 14px
}

.promotion-detail__content__detail .creat-account .btn {
    cursor: pointer;
    padding: .5rem 1rem
}

@media (min-width: 375px) {
    .col-xs {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xs-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xs-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xs-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xs-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xs-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xs-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xs-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xs-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xs-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xs-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xs-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xs-first {
        order: -1
    }

    .order-xs-last {
        order: 13
    }

    .order-xs-0 {
        order: 0
    }

    .order-xs-1 {
        order: 1
    }

    .order-xs-2 {
        order: 2
    }

    .order-xs-3 {
        order: 3
    }

    .order-xs-4 {
        order: 4
    }

    .order-xs-5 {
        order: 5
    }

    .order-xs-6 {
        order: 6
    }

    .order-xs-7 {
        order: 7
    }

    .order-xs-8 {
        order: 8
    }

    .order-xs-9 {
        order: 9
    }

    .order-xs-10 {
        order: 10
    }

    .order-xs-11 {
        order: 11
    }

    .order-xs-12 {
        order: 12
    }

    .offset-xs-0 {
        margin-left: 0
    }

    .offset-xs-1 {
        margin-left: 8.33333%
    }

    .offset-xs-2 {
        margin-left: 16.66667%
    }

    .offset-xs-3 {
        margin-left: 25%
    }

    .offset-xs-4 {
        margin-left: 33.33333%
    }

    .offset-xs-5 {
        margin-left: 41.66667%
    }

    .offset-xs-6 {
        margin-left: 50%
    }

    .offset-xs-7 {
        margin-left: 58.33333%
    }

    .offset-xs-8 {
        margin-left: 66.66667%
    }

    .offset-xs-9 {
        margin-left: 75%
    }

    .offset-xs-10 {
        margin-left: 83.33333%
    }

    .offset-xs-11 {
        margin-left: 91.66667%
    }

    .d-xs-none {
        display: none!important
    }

    .d-xs-inline {
        display: inline!important
    }

    .d-xs-inline-block {
        display: inline-block!important
    }

    .d-xs-block {
        display: block!important
    }

    .d-xs-table {
        display: table!important
    }

    .d-xs-table-row {
        display: table-row!important
    }

    .d-xs-table-cell {
        display: table-cell!important
    }

    .d-xs-flex {
        display: flex!important
    }

    .d-xs-inline-flex {
        display: inline-flex!important
    }

    .flex-xs-row {
        flex-direction: row!important
    }

    .flex-xs-column {
        flex-direction: column!important
    }

    .flex-xs-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xs-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xs-wrap {
        flex-wrap: wrap!important
    }

    .flex-xs-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xs-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xs-fill {
        flex: 1 1 auto!important
    }

    .flex-xs-grow-0 {
        flex-grow: 0!important
    }

    .flex-xs-grow-1 {
        flex-grow: 1!important
    }

    .flex-xs-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xs-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xs-start {
        justify-content: flex-start!important
    }

    .justify-content-xs-end {
        justify-content: flex-end!important
    }

    .justify-content-xs-center {
        justify-content: center!important
    }

    .justify-content-xs-between {
        justify-content: space-between!important
    }

    .justify-content-xs-around {
        justify-content: space-around!important
    }

    .align-items-xs-start {
        align-items: flex-start!important
    }

    .align-items-xs-end {
        align-items: flex-end!important
    }

    .align-items-xs-center {
        align-items: center!important
    }

    .align-items-xs-baseline {
        align-items: baseline!important
    }

    .align-items-xs-stretch {
        align-items: stretch!important
    }

    .align-content-xs-start {
        align-content: flex-start!important
    }

    .align-content-xs-end {
        align-content: flex-end!important
    }

    .align-content-xs-center {
        align-content: center!important
    }

    .align-content-xs-between {
        align-content: space-between!important
    }

    .align-content-xs-around {
        align-content: space-around!important
    }

    .align-content-xs-stretch {
        align-content: stretch!important
    }

    .align-self-xs-auto {
        align-self: auto!important
    }

    .align-self-xs-start {
        align-self: flex-start!important
    }

    .align-self-xs-end {
        align-self: flex-end!important
    }

    .align-self-xs-center {
        align-self: center!important
    }

    .align-self-xs-baseline {
        align-self: baseline!important
    }

    .align-self-xs-stretch {
        align-self: stretch!important
    }

    .dropdown-menu-xs-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xs-right {
        right: 0;
        left: auto
    }

    .promotion-detail__content__detail .creat-account .btn {
        padding: .5rem 3.3rem
    }
}

.promotion-detail__content__detail .creat-account .btn:hover a {
    color: #fff;
    text-decoration: none
}

.promotion-detail__content__detail .share {
    display: flex;
    align-items: center
}

.promotion-detail__content__detail .share .text,.promotion-detail__content__detail .share img {
    padding-right: 10px;
    margin: 0
}

.promotion-detail button {
    z-index: 1
}

.promotion-detail .slick-arrow {
    width: 16px;
    height: 18px;
    background: #afb8b6;
    color: #00b74f
}

.promotion-detail .slick-arrow:before {
    font-family: icomoon;
    color: #00b74f;
    font-size: 1.4rem
}

.development__main__list__item--wrap .year,.symbolism .content .logo {
    font-size: 1.2rem;
    font-weight: 700
}

.promotion-detail .slick-arrow:focus,.promotion-detail .slick-arrow:hover {
    background: #afb8b6;
    color: #00b74f
}

.promotion-detail .slick-prev {
    left: 0;
    border-radius: 0 20px 20px 0
}

.promotion-detail .slick-prev:before {
    content: "\E911"
}

.promotion-detail .slick-next {
    right: 0;
    border-radius: 20px 0 0 20px
}

.promotion-detail .slick-next:before {
    content: "\E916"
}

.offer-detail .nav-tab {
    background: #f4f7f8;
    border-radius: 8px
}

.offer-detail .nav-tab__link {
    position: relative;
    border-bottom: none
}

.offer-detail .nav-tab__link:before {
    content: "";
    background: #afb8b6;
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.offer-detail .nav-tab__link li {
    width: 50%;
    margin: 0;
    position: relative
}

.offer-detail .nav-tab__link li a {
    background: 0 0;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    border: none;
    border-bottom: 3px solid transparent;
    color: #545758;
    padding: 13px 7px 10px;
    line-height: normal
}

.introduction-vpbank .desktop__list li+li,.offer-detail .nav-tab__content .list-item li .text {
    padding-left: 10px
}

.offer-detail .nav-tab__link li a:hover {
    background: 0 0;
    color: #00b74f
}

.offer-detail .nav-tab__link li a.active {
    background: 0 0;
    color: #00b74f;
    border-color: #00b74f
}

.offer-detail .nav-tab__content--wrap {
    padding: 23px 30px
}

.offer-detail .nav-tab__content iframe {
    max-width: 100%;
    margin-bottom: 20px
}

.offer-detail .nav-tab__content .list-item {
    padding-left: 10px;
    padding-top: 10px
}

.offer-detail .nav-tab__content .list-item li {
    list-style-type: none;
    display: flex
}

.offer-detail .nav-tab__content .list-item li:before {
    content: url(/assets/images/icons/icon-cb-checked.png);
    padding-right: 10px
}

.choose-food {
    margin-bottom: 15px;
    overflow: hidden
}

.choose-food .slick-slide {
    padding: 0 15px;
    height: auto
}

.choose-food .promotion-list-detail {
    height: 100%;
    margin: 0;
    max-width: 100%
}

.choose-food button {
    background: #afb8b6;
    width: 42px;
    height: 42px;
    z-index: 1;
    position: absolute;
    top: 25%;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .search-suggest__list--item>span {
        font-size:2.2rem
    }

    .search-result {
        margin-top: 28px;
        margin-bottom: 64px
    }

    .search-result .result-notify {
        margin-bottom: 20px;
        font-size: 1.6rem
    }

    .search-result__tab {
        margin: 0
    }

    .search-result__tab--item .choice-button {
        height: 50px;
        line-height: 50px;
        font-size: 1.8rem
    }

    .search-result__content__item .summary {
        margin-bottom: 15px
    }

    .promotion-detail__content__images .tag {
        top: 20px;
        left: 20px;
        padding: 6px 9px
    }

    .promotion-detail .slick-arrow {
        width: 20px;
        height: 30px
    }

    .promotion-detail .slick-arrow:before {
        font-size: 1.6rem
    }

    .offer-detail .nav-tab__link li a {
        padding: 23px 15px 20px;
        font-size: 1.8rem
    }

    .choose-food {
        margin-bottom: 25px
    }

    .choose-food button {
        width: 30px;
        height: 84px;
        background: #f4f7f8;
        top: 50%
    }

    .choose-food button:focus,.choose-food button:hover {
        background: #f4f7f8
    }
}

.choose-food button:focus,.you-maybe-interested-in button:focus,.you-maybe-interested-in button:hover {
    background: #afb8b6
}

.choose-food button.slick-next:before {
    font-family: icomoon;
    content: "\E916";
    color: #00b74f;
    margin-right: 15px
}

.choose-food button.slick-next.slick-arrow {
    border-radius: 20px 0 0 20px;
    margin-right: 8px
}

@media screen and (min-width: 768px) {
    .choose-food button.slick-next.slick-arrow {
        border-radius:0;
        right: -27px
    }

    .choose-food button.slick-next:before {
        margin-right: 0;
        color: #6e7573
    }
}

.choose-food button.slick-prev:before {
    font-family: icomoon;
    content: "\E911";
    color: #00b74f;
    margin-left: 15px
}

.choose-food button.slick-prev.slick-arrow {
    border-radius: 0 20px 20px 0;
    margin-left: 8px
}

@media screen and (min-width: 768px) {
    .choose-food button.slick-prev.slick-arrow {
        border-radius:0;
        left: -27px
    }

    .choose-food button.slick-prev:before {
        margin-left: 0;
        color: #6e7573
    }
}

.paginator {
    width: 100%
}

.pagination {
    display: flex;
    align-content: center;
    justify-content: center;
    list-style: none;
    padding-left: 0
}

.pagination .page-item {
    border-radius: 50%;
    border: 1px solid #00b74f;
    text-align: center;
    margin: 5px;
    cursor: pointer;
    position: relative;
    color: #008347;
    width: 42px;
    height: 42px;
    line-height: 40px;
    font-weight: 500
}

.pagination .page-item.selected {
    color: #fff;
    background: linear-gradient(90deg,#015aad,#00b74f)
}

.development__main__list {
    margin: 0 -15px 30px
}

.development__main__list__item,.story-tips-listing .story-tips-listing__menu-collapse {
    position: relative;
    margin-bottom: 15px
}

.development__main__list__item--img {
    position: relative
}

.development__main__list__item--img:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    background: #009e44;
    opacity: .8;
    width: 100%
}

.development__main__list__item--img img {
    width: 100%;
    min-height: 300px
}

.development__main__list__item--wrap {
    position: absolute;
    top: 0;
    padding: 23px 20px;
    height: 100%;
    color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.development__main__list__item--wrap .title {
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    max-height: 102px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.development__main__list__item--wrap .descreption {
    max-height: 96px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.development__main__list__item--wrap .view-all {
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%)
}

.development__main__list__item--wrap .view-all:hover {
    text-decoration: none;
    opacity: .8
}

.development .slick-initialized .slick-slide {
    padding: 0 15px
}

.award .slick-dotted.slick-slider .slick-dots li button,.development .slick-dotted.slick-slider .slick-dots li button,.proud .slick-dotted.slick-slider .slick-dots li button {
    width: 12px;
    height: 12px
}

.library iframe,.symbolism .picture img {
    width: 100%;
    height: 100%
}

.symbolism .content {
    background: #dde6e8;
    padding: 16px
}

@media screen and (min-width: 992px) {
    .choose-food button.slick-next.slick-arrow {
        border-radius:0;
        right: -45px
    }

    .choose-food button.slick-prev.slick-arrow {
        border-radius: 0;
        left: -45px
    }

    .symbolism .content {
        padding: 20px
    }
}

.symbolism .content .logo {
    color: #000;
    display: inline-block;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .development__main__list__item {
        margin-bottom:0
    }

    .development__main__list__item--wrap .title {
        font-size: 2rem
    }

    .development .slick-dotted.slick-slider {
        margin-bottom: 40px
    }

    .development .slick-dotted.slick-slider .slick-dots {
        bottom: -35px
    }

    .symbolism {
        margin-bottom: 60px
    }

    .symbolism .content .logo {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 992px) {
    .symbolism .content .logo {
        margin-bottom:12px
    }
}

.symbolism .content .title {
    font-size: 2.2rem;
    font-weight: 700
}

.symbolism .content .title a:hover {
    text-decoration: none;
    color: #00ea65
}

.symbolism .view-all:before {
    font-family: icomoon;
    content: "\E909";
    padding-right: 5px
}

.library-tab,.operating__main__wrap-operating picture {
    position: relative
}

.landmark .button .btn,.operating__main__wrap-operating picture img {
    width: 100%
}

.operating__main__wrap-operating .content {
    padding: 30px 15px;
    position: absolute;
    top: 0
}

@media screen and (min-width: 768px) {
    .symbolism .content .title {
        font-size:2.4rem
    }

    .symbolism .content .descreption {
        margin-bottom: 10px
    }

    .operating__main__wrap-operating .content {
        max-width: 32%;
        right: 30px
    }

    .operating__main__wrap-operating .content .descreption {
        font-size: 1.8rem
    }
}

@media screen and (min-width: 992px) {
    .operating__main__wrap-operating .content {
        right:40px
    }

    .operating__main__wrap-operating .content-bottom {
        max-width: 45%;
        right: 20px
    }
}

.operating__main__wrap-operating .content .title {
    font-size: 2.2rem;
    font-weight: 600
}

.operating__main__wrap-operating .content .title a {
    color: #000
}

.operating__main__wrap-operating .content .title a:hover {
    text-decoration: none;
    color: #00b74f
}

.header-sme ul.user-submenu li a.active,.header-sme ul.user-submenu li a:active,.header-sme ul.user-submenu li a:focus,.header-sme ul.user-submenu li a:hover,.header-sme ul.user-submenu-mobile li a.active,.header-sme ul.user-submenu-mobile li a:active,.header-sme ul.user-submenu-mobile li a:focus,.header-sme ul.user-submenu-mobile li a:hover,.knowledge-online-training__item .knowledge-online-content a:hover,.operating__main__wrap-operating .content .title:hover {
    text-decoration: none
}

.operating__main__wrap-operating .content .descreption {
    margin-bottom: 5px
}

.introduction-vpbank {
    background: #f2f2f2;
    padding: 30px 0
}

.introduction-vpbank .desktop__list {
    list-style-type: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 20px
}

.introduction-vpbank .desktop__list li {
    padding-bottom: 10px
}

.introduction-vpbank .desktop__list a {
    background: #fff;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #dde6e8;
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    .introduction-vpbank .desktop__list a {
        padding:10px
    }
}

@media screen and (min-width: 992px) {
    .introduction-vpbank .desktop {
        display:block
    }

    .introduction-vpbank .desktop__list a {
        padding: 12px 10px
    }
}

@media screen and (min-width: 1400px) {
    .masthead__content__title {
        font-size:4.8rem;
        margin-bottom: 12px
    }

    .masthead.card-detail-banner .masthead__images--double-card {
        margin-bottom: -9%
    }

    .vpbank-award-content {
        min-height: 250px
    }

    .vpbank-award-content__text {
        max-width: 700px
    }

    .interest-rate__content .nav-tab__content--wrap .exchange td,.interest-rate__content .nav-tab__content--wrap .rates td {
        padding-bottom: 5px
    }

    .interest-rate__content .nav-tab__link li a {
        padding-top: 5px;
        font-size: 1.6rem
    }

    .masthead__wrap__interest-rate {
        max-width: 570px;
        padding-top: 95px
    }

    .search-bar__input input[type=text] {
        padding: 0 30px 0 60px;
        font-size: 1.8rem
    }

    .search-bar__input i.icon-search1 {
        left: 25px
    }

    .promotion-detail__content__detail .title {
        font-size: 4rem
    }

    .promotion-detail__content__detail .list-info li {
        margin-bottom: 12px
    }

    .introduction-vpbank {
        padding: 60px 0 30px
    }

    .introduction-vpbank .desktop__list {
        margin-bottom: 30px
    }

    .introduction-vpbank .desktop__list a {
        padding: 12px 16px
    }
}

.introduction-vpbank .desktop__list a:hover {
    text-decoration: none;
    background: linear-gradient(90deg,#015aad,#00b74f);
    color: #fff;
    border-color: transparent
}

.introduction-vpbank .mobile {
    position: relative;
    display: block;
    margin-bottom: 30px
}

.introduction-vpbank .mobile .category {
    position: relative;
    padding: 12px 15px;
    margin: 0 -15px;
    border-bottom: 1px solid #ccc
}

.introduction-vpbank .mobile .category span {
    font-size: 1.6rem;
    padding-left: 12px
}

.introduction-vpbank .mobile__list {
    position: absolute;
    left: -15px;
    list-style-type: none;
    padding: 0;
    display: none;
    width: 100vw;
    z-index: 1
}

.introduction-vpbank .mobile__list li {
    border-bottom: 1px solid #ccc;
    background: #f4f7f8
}

.header-sme .top-primary__link .navbar-mobile html[lang=vi-VN] .vn,.introduction-vpbank .mobile__list li:last-child {
    border: none
}

.introduction-vpbank .mobile__list li:hover {
    background: #fff;
    cursor: pointer;
    color: #00b74f
}

.introduction-vpbank .mobile__list a {
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #000;
    padding: 20px 20px 20px 45px;
    display: block
}

.introduction-vpbank .mobile__list a:hover {
    color: #00b74f;
    font-weight: 700;
    text-decoration: none
}

.introduction-vpbank .mobile__list.show {
    display: block
}

.introduction-vpbank .mobile.icon .category:after {
    content: "\E907";
    font-family: icomoon;
    position: absolute;
    right: 15px;
    transform: rotate(180deg)
}

.introduction__main__content--item .article__content--description,.support-research-content .row>[class^=col] {
    margin-bottom: 15px
}

.introduction__main .button .btn {
    padding: .8rem 3rem;
    width: 100%
}

.award .button .btn:after,.introduction__main .button .btn:after {
    left: 50%;
    transform: translateX(-50%);
    width: 80px
}

.award,.landmark,.you-maybe-interested-in .section-title {
    margin-bottom: 40px
}

.landmark__list__item {
    display: flex;
    padding: 10px 0
}

.landmark__list__item .time {
    width: 90px;
    text-align: center;
    padding-top: 30px
}

.landmark__list__item .time .date {
    color: #000;
    font-size: 3rem;
    font-weight: 700;
    margin: 0
}

.landmark__list__item .time span {
    font-size: 1.2rem;
    color: #afb8b6;
    font-weight: 700;
    text-transform: uppercase
}

.landmark__list__item .line {
    position: relative;
    width: 40px;
    margin: -10px 0
}

.landmark__list__item .line:before {
    content: "";
    display: block;
    border-left: 1px solid #dde6e8;
    position: absolute;
    left: 50%;
    height: 100%
}

.landmark__list__item .line .wrap {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translate(-50%)
}

.landmark__list__item .line .dots {
    width: 12px;
    height: 12px;
    background: #00b74f;
    border-radius: 50%
}

.landmark__list__item .content {
    width: calc(100% - 130px);
    background: #fff;
    box-shadow: 0 12px 40px rgba(28,28,30,.06)
}

.landmark__list__item .content .picture {
    overflow: hidden;
    display: block;
    position: relative
}

.landmark__list__item .content .picture:before {
    content: "";
    display: block;
    padding-top: 59.09091%
}

.award .section-slide__item .article .btn,.support-tag-content__title p.no-result {
    display: none
}

.landmark__list__item .content .picture img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover
}

.landmark__list__item .text {
    margin: 0;
    color: #000;
    font-weight: 500;
    padding: 15px
}

.landmark #scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #f4f7f8;
    background-color: #f4f7f8
}

.landmark #scroll::-webkit-scrollbar {
    width: 8px;
    background: #fff
}

.landmark #scroll::-webkit-scrollbar-thumb {
    background-color: #dde6e8
}

.award .section-slide__item {
    height: 100%;
    padding: 10px 15px 40px
}

.award .section-slide__item .article,.slick-list.draggable .slick-track .slick-slide>div {
    height: 100%
}

.award .slick-dotted.slick-slider .slick-dots,.proud .slick-dotted.slick-slider .slick-dots {
    bottom: -45px
}

.library-tab__link {
    border: none;
    text-align: center;
    display: flex;
    justify-content: space-between
}

.library-tab__link li {
    margin: 0;
    width: 48%
}

.library-tab__link li a {
    background: #fff;
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #dde6e8;
    padding: 10px
}

@media screen and (min-width: 768px) {
    .introduction-vpbank .mobile .category {
        margin:0
    }

    .introduction-vpbank .mobile__list {
        margin: 0;
        width: 100%;
        left: 0
    }

    .introduction__main__content {
        margin-bottom: 30px
    }

    .introduction__main__content--item {
        padding-bottom: 40px
    }

    .introduction__main__content--item .article__content .btn-link {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%)
    }

    .award .button .btn,.introduction__main .button .btn {
        width: auto;
        padding: .5rem 3rem
    }

    .award .button .btn:after,.introduction__main .button .btn:after {
        left: 3rem;
        transform: translateX(0);
        width: calc(100% - 6rem)
    }

    .landmark__list__item .time span {
        font-size: 1.6rem
    }

    .landmark__list__item .content {
        width: calc(100% - 200px);
        display: flex;
        align-items: center
    }

    .landmark__list__item .content .picture {
        width: 154px;
        margin: 0
    }

    .landmark__list__item .text {
        width: calc(100% - 100px);
        padding: 0 0 0 30px
    }

    .landmark__list__item:first-child .line:before {
        height: 50%;
        top: 50%;
        transform: translateY(0)
    }

    .landmark__list__item:last-child .line:before {
        height: 50%;
        top: 0;
        transform: translateY(0)
    }

    .landmark .button .btn {
        width: auto
    }

    .award .button,.landmark .button {
        text-align: center
    }

    .award .title {
        font-size: 2rem
    }

    .award .slick-dotted.slick-slider {
        margin-bottom: 40px
    }

    .library {
        padding-top: 20px
    }

    .library-tab__link {
        display: block
    }

    .library-tab__link li {
        margin: 0 15px;
        width: auto
    }

    .library-tab__link li a {
        width: 150px;
        padding: 12px 10px
    }
}

.deposit-rates-content__detail__tab .tab-item a.active,.form-doc-content__detail__tab .tab-item a.active,.library-tab__link li a:hover,.reference-interest-content__detail__tab .tab-item a.active,.tariff-content__detail__tab .tab-item a.active {
    background: #fff;
    color: #00b74f
}

.library-tab__link li a.active {
    text-decoration: none;
    background: linear-gradient(90deg,#015aad,#00b74f);
    color: #fff;
    border-color: transparent
}

.article-detail-nosidebar,.library-tab__content,.question-answer {
    padding: 40px 0
}

.library-filter {
    margin: 0 -15px 15px
}

.library-filter .selectric-wrapper .selectric {
    background: url(/assets/images/icons/icon-calendar-m.png) 15px no-repeat #fff;
    border: none;
    border-bottom: 1px solid #dde6e8;
    border-radius: 0
}

.library-filter .selectric-wrapper .selectric .label {
    color: #545758;
    margin-left: 40px
}

.library-modal .modal-dialog {
    max-width: 755px
}

.library-modal .modal-dialog .modal-header {
    padding: 10px 20px
}

.library-modal .modal-dialog .modal-body {
    background: #fff;
    padding: 0 15px 20px
}

.library-modal__slide {
    animation: 1.6s animateOpacity
}

.autocomplete-support-now,.library-modal__slide .slider-for-above,.support-filter-categories-desktop .support-categories-desktop,.support-filter-categories-desktop .support-categories-desktop__title,.support-question-content__items,.support-suggest-question-content__detail__items {
    position: relative
}

.library-modal__slide .slider-for-above img,.support-form-register-content .vpbank-form .button-container .btn-submit-reg,.support-now-content .support-now-content__result,.support-suggest-question-content__result {
    width: 100%
}

.library-modal__slide .slider-for-above iframe {
    width: 100%;
    height: 350px
}

.library-modal__slide .slider-for-above .lib-slide__item--video {
    height: 184px;
    background: #000;
    width: 100%
}

.library-modal__slide .slider-for-above .lib-slide__item--video iframe {
    width: 100%;
    height: 100%
}

.banner-footer,.library-modal__slide .slider-for-above .lib-slide__item--content {
    padding: 20px 0
}

.library-modal__slide .slider-for-above .lib-slide__item--content h5 {
    font-size: 1.6rem
}

@media screen and (min-width: 768px) {
    .library-filter {
        width:150px;
        position: absolute;
        left: 0;
        top: 0;
        margin: 0
    }

    .library-filter .selectric-wrapper .selectric {
        border: 1px solid #afb8b6;
        background: #fff;
        border-radius: 8px
    }

    .library-filter .selectric-wrapper .selectric .label {
        margin-left: 20px;
        font-weight: 600
    }

    .library-modal .modal-dialog .modal-header {
        padding: 15px 25px
    }

    .library-modal .modal-dialog .modal-body {
        padding: 0 30px 30px;
        max-height: 796px
    }

    .library-modal__slide {
        animation: .6s animateOpacity
    }

    .library-modal__slide .slider-for-above iframe {
        height: 518px
    }

    .library-modal__slide .slider-for-above .lib-slide__item--video {
        height: 285px
    }

    .library-modal__slide .slider-for-above .lib-slide__item--content h5 {
        font-size: 2rem
    }
}

.library-modal__slide .slider-for-above .lib-slide__item--content p,.support-tag-content__title p {
    margin-bottom: 5px
}

.library-modal__slide .slider-for-above .lib-slide__item--content span {
    font-size: 1.2rem;
    color: #6e7573
}

.library-modal__slide .slider-for-above .slick-arrow {
    width: 20px;
    height: 40px;
    top: 32%
}

.library-modal__slide .slider-for-above .slick-arrow:before {
    font-size: 1.8rem
}

.library-modal__slide .slider-for-above .slick-arrow.slick-prev {
    left: -20px
}

.library-modal__slide .slider-for-above .slick-arrow.slick-next {
    right: -20px
}

.library-modal__slide .slider-nav-bottom {
    margin: 0 -10px
}

.library-modal__slide .slider-nav-bottom .slick-list {
    max-height: 120px
}

.investor-list-bar-content.smooth-scroll-list .desktop__list,.library-modal__slide .slider-nav-bottom .slick-track {
    margin: 0
}

.support-filter-categories-desktop .support-categories-desktop__list__items .sub-list2__items:last-child,.support-filter-categories-desktop .support-categories-desktop__list__items .sub-list__items:last-child {
    margin-bottom: 20px
}

.library-modal__slide .slider-nav-bottom .lib-thumb__item {
    cursor: pointer;
    padding: 0 10px
}

.library-modal__slide .slider-nav-bottom .bg-video {
    position: relative;
    height: 100%
}

.library-modal__slide .slider-nav-bottom .overlay {
    position: absolute;
    background: url(/assets/images/pause_video.png) 50%/20px 20px no-repeat #000;
    cursor: pointer;
    opacity: .5;
    width: 100%;
    z-index: 1000
}

.library-modal__slide .slider-nav-bottom .overlay-iframe {
    position: absolute;
    background: #000;
    opacity: .5;
    z-index: 1000
}

.library-modal__slide .slider-nav-bottom .overlay-iframe,.library-modal__slide .slider-nav-bottom iframe {
    cursor: pointer;
    height: 100px;
    width: 100%
}

.library-modal__slide .slider-nav-bottom .slick-arrow {
    width: 20px;
    height: 48px
}

.library-modal__slide .slider-nav-bottom .slick-arrow.slick-prev {
    left: -10px;
    border-radius: 0
}

.library-modal__slide .slider-nav-bottom .slick-arrow.slick-next {
    right: -10px;
    border-radius: 0
}

.library-modal__slide .slick-arrow {
    background: #afb8b6;
    color: #00b74f;
    z-index: 1
}

.library-modal__slide .slick-arrow:before {
    font-family: icomoon;
    color: #00b74f;
    font-size: 1.4rem
}

.library-modal__slide .slick-arrow:focus,.library-modal__slide .slick-arrow:hover {
    background: #afb8b6;
    color: #00b74f
}

.library-modal__slide .slick-arrow.slick-prev {
    left: 0;
    border-radius: 0 30px 30px 0
}

.library-modal__slide .slick-arrow.slick-prev:before {
    content: "\E911"
}

.library-modal__slide .slick-arrow.slick-next {
    right: 0;
    border-radius: 30px 0 0 30px
}

.connect-business-online .connect-online-video .video-item-wrap .slick-next:before,.library-modal__slide .slick-arrow.slick-next:before {
    content: "\E916"
}

.bidding-news-component .library-filter,.connect-business-online .connect-online-video .video-item-wrap,.other-news-component .library-filter,.press-releases-component .library-filter,.sme-news-component .library-filter,.talked-about-vpbank-component .library-filter,.vpbank-news-component .library-filter {
    position: relative;
    margin-bottom: 20px
}

.support-popup-FAQs__form__message textarea {
    width: 100%;
    height: 100px;
    background: #f4f7f8;
    border: none;
    outline: 0;
    padding: 15px;
    font-size: 1.4rem
}

.support-popup-FAQs__form__button-action {
    margin-top: 30px;
    text-align: center
}

.support-popup-FAQs__form__button-action .btn {
    padding: .8rem 3rem
}

.support-popup-FAQs .modal-content .modal-header {
    padding: 28px 15px 30px;
    text-align: center
}

.support-popup-FAQs .modal-content .modal-header .modal-title {
    font-size: 3rem;
    font-weight: 700;
    color: #00b74f;
    width: 100%
}

.support-popup-FAQs .modal-content .modal-body {
    padding: 0 15px 35px
}

.support-list-bar-content {
    position: relative;
    padding: 0 15px;
    z-index: 3
}

.support-now-content .promotion-search-content {
    padding: 10px 0 30px
}

@media screen and (min-width: 992px) {
    .introduction-vpbank .mobile {
        display:none
    }

    .landmark__list__item .time {
        width: 150px;
        padding: 0
    }

    .landmark__list__item .line {
        width: 50px
    }

    .landmark__list__item .line .wrap {
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .library-modal .modal-dialog {
        max-width: 840px
    }

    .support-popup-FAQs__form__button-action .btn {
        padding: .5rem 4.4rem
    }

    .support-popup-FAQs .modal-dialog {
        max-width: 780px;
        width: 100%
    }

    .support-popup-FAQs .modal-content .modal-header {
        padding: 28px 30px 30px
    }

    .support-popup-FAQs .modal-content .modal-body {
        padding: 0 30px 35px
    }

    .support-list-bar-content.smooth-scroll-list .desktop__list li a {
        width: 220px
    }

    .support-now-content .promotion-search-content {
        padding: 10px 0 50px
    }

    .support-now-content__result {
        border: 1px solid #dde6e8
    }

    .support-now-content .support-now-content__result {
        width: 70%
    }

    .support-now-content .nav-tab__content .tab-pane.active {
        display: flex
    }
}

.investor-contact-content__detail,.support-now-content.nav-tab__content .support-now-content__detail.active {
    display: flex;
    flex-direction: column
}

.support-segment-content {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
    z-index: 1
}

.support-segment-content h3 {
    display: none;
    font-size: 1.6rem;
    font-weight: 500;
    margin-right: 7px;
    color: #2c2c2c
}

.support-segment-content__detail {
    display: flex;
    overflow-x: auto;
    border-bottom: none
}

.support-segment-content__detail span {
    display: inline-block;
    font-size: 1.4rem;
    margin-right: 8px;
    cursor: pointer;
    white-space: nowrap;
    color: #545758
}

.support-segment-content__detail span a {
    text-decoration: none;
    display: block;
    padding: 9.5px 16px;
    border-radius: 4px;
    border: 1px solid #dde6e8;
    background: #f4f7f8;
    font-weight: 500;
    transition: .2s
}

.support-segment-content__detail span a:not([href]):hover {
    color: #00b74f
}

.support-question-content__items__answer .answer-detail__socials input[type=radio]:checked+span:before,.support-question-content__items__answer .answer-detail__socials input[type=radio]:focus+span:before,.support-question-content__items__answer .answer-detail__socials input[type=radio]:hover+span:before,.support-segment-content__detail span a.active:hover {
    color: #fff
}

.support-segment-content__detail span a.active {
    background: #00b74f;
    color: #fff;
    border-color: #00b74f
}

.support-tag-content {
    padding: 13px 0
}

.support-tag-content__detail {
    padding-top: 10px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden
}

.support-tag-content__detail__items {
    background: #f4f7f8;
    display: inline-block;
    border-radius: 4px;
    margin: 0 10px 10px 0;
    padding: 5px 10px;
    font-size: 1.6rem;
    color: #545758;
    border: 1px solid #dde6e8;
    white-space: nowrap
}

.support-tag-content__detail__items .close-button {
    border-radius: 50%;
    margin-left: 10px;
    height: 20px;
    display: inline-block;
    line-height: 1;
    text-align: center
}

.support-tag-content__detail__items .close-button:hover {
    opacity: .8;
    text-decoration: none
}

.support-tag-content__detail__items .close-button i {
    color: #545758;
    font-size: 8px;
    line-height: 20px;
    display: block
}

.support-filter-categories-mobile.support-filter-categories-desktop .support-categories-desktop {
    padding: 17px 30px 0;
    margin: 0 -15px;
    background: #f4f7f8
}

.support-filter-categories-desktop .support-categories-desktop__list__items .sub-list2__items,.support-filter-categories-desktop .support-categories-desktop__list__items .sub-list__items {
    margin-top: 10px;
    position: relative
}

.support-filter-categories-mobile .support-categories-mobile-heading {
    position: relative;
    padding: 10px 15px;
    border-top: 1px solid #b5bec1;
    border-bottom: 1px solid #b5bec1;
    background: #fff;
    margin: 0 -15px;
    cursor: pointer
}

.support-filter-categories-mobile .support-categories-mobile-heading:after {
    font-family: icomoon;
    font-weight: 900;
    content: "\E910";
    line-height: 22px;
    float: right;
    transition: .2s ease-in-out
}

.support-filter-categories-mobile .apply-button {
    text-align: center;
    padding: 5px 0 35px
}

.support-filter-categories-desktop {
    display: none;
    width: 100%;
    background: #f4f7f8;
    padding: 13px 15px 5px
}

@media screen and (min-width: 992px) {
    .support-now-content.nav-tab__content .support-now-content__detail.active {
        flex-direction:row
    }

    .support-tag-content {
        padding: 15px 25px
    }

    .support-tag-content__title p {
        margin-bottom: 5px
    }

    .support-tag-content__detail {
        display: block;
        overflow: inherit
    }

    .support-tag-content__detail__items {
        white-space: normal
    }

    .support-filter-categories-mobile.support-filter-categories-desktop {
        display: none
    }

    .support-filter-categories-desktop {
        display: block;
        width: 30%
    }

    .support-filter-categories-desktop .support-categories-desktop__list__items input.vp-checkbox+label {
        font-size: 1.6rem
    }
}

.support-filter-categories-desktop .support-categories-desktop__delete a {
    font-size: 1.4rem;
    font-weight: 400;
    color: #545758;
    text-decoration: none
}

.autocomplete-support-now-items .search-question-item:hover,.support-filter-categories-desktop .support-categories-desktop__delete a:hover {
    color: #00b74f
}

.support-filter-categories-desktop .support-categories-desktop__title p {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 18px;
    display: block;
    letter-spacing: 0
}

.support-filter-categories-desktop .support-categories-desktop .close a i {
    font-weight: bolder;
    transition: .2s ease-in-out;
    display: inline-block
}

.support-filter-categories-desktop .support-categories-desktop__list__items input.vp-checkbox+label {
    font-size: 1.6rem;
    color: #545758;
    margin: 0 20px 0 40px
}

.support-filter-categories-desktop .support-categories-desktop__list__items input.vp-checkbox+label:before {
    margin: 0 10px 0 -40px;
    width: 22px;
    height: 22px
}

.support-filter-categories-desktop .support-categories-desktop__list__items .sub-list {
    padding-left: 32px;
    padding-right: 16px
}

.support-filter-categories-desktop .support-categories-desktop__list__items .sub-list2 {
    padding-left: 32px
}

.support-question-content__items:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #6e7573;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: .5
}

@media screen and (min-width: 992px) {
    .support-question-content__items:after {
        width:92%;
        background: #dde6e8;
        opacity: 1
    }
}

.support-question-content__items__question {
    position: relative;
    cursor: pointer;
    margin: 0 -15px;
    padding: 10px 15px 20px
}

.support-question-content__items__question p {
    margin: 0 15px 0 0;
    font-size: 1.6rem;
    font-weight: 500;
    color: #000
}

.support-question-content__items__question:after {
    font-family: icomoon;
    font-weight: 900;
    transition: .2s ease-in-out;
    transform: rotate(180deg);
    content: "\E907";
    position: absolute;
    top: 10px;
    right: 15px;
    color: #000
}

.annual-report-section .article-tag,.support-question-content__items__question.collapsed {
    background: #fff
}

.support-question-content__items__question.collapsed:after {
    color: #000;
    transform: rotate(0)
}

.support-question-content__items__question.collapsed p {
    color: #000
}

.support-question-content__items__answer {
    padding-top: 15px;
    color: #545758
}

@media screen and (min-width: 768px) {
    .library-modal__slide .slider-for-above .slick-arrow {
        width:32px;
        height: 62px
    }

    .library-modal__slide .slick-arrow:before,.library-modal__slide .slider-for-above .slick-arrow:before {
        font-size: 2.4rem
    }

    .library-modal__slide .slider-for-above .slick-arrow.slick-prev {
        left: 0
    }

    .library-modal__slide .slider-for-above .slick-arrow.slick-next {
        right: 0
    }

    .library-modal__slide .slider-nav-bottom .overlay {
        background-size: 30px 30px
    }

    .library-modal__slide .slider-nav-bottom .overlay-iframe,.library-modal__slide .slider-nav-bottom iframe {
        height: 114px
    }

    .library-modal__slide .slider-nav-bottom .slick-arrow {
        width: 30px;
        height: 84px
    }

    .library-modal__slide .slider-nav-bottom .slick-arrow.slick-prev {
        left: -20px
    }

    .library-modal__slide .slider-nav-bottom .slick-arrow.slick-next {
        right: -20px
    }

    .support-popup-FAQs__form__message textarea {
        font-size: 1.6rem
    }

    .support-popup-FAQs .modal-content,.support-question-content__items__question {
        margin: 0
    }

    .support-list-bar-content {
        padding: 0
    }

    .support-list-bar-content.smooth-scroll-list .desktop__list li a {
        text-align: center
    }

    .support-segment-content {
        margin-bottom: 20px
    }

    .support-segment-content h3 {
        display: block;
        margin-right: 16px
    }

    .support-segment-content__detail {
        display: block;
        overflow-x: initial
    }

    .support-segment-content__detail span {
        margin-right: 18px
    }

    .support-filter-categories-mobile.support-filter-categories-desktop {
        margin: 0 auto;
        max-width: 720px;
        background: #fff;
        padding: 0 15px
    }

    .support-filter-categories-mobile.support-filter-categories-desktop .support-categories-desktop {
        background: #fff
    }

    .support-question-content__items__answer {
        padding: 0 15px 15px
    }
}

.support-question-content__items__answer .answer-detail p {
    margin-bottom: 12px
}

.support-question-content__items__answer .answer-detail__socials input[type=radio] {
    position: absolute;
    opacity: 0
}

.support-question-content__items__answer .answer-detail__socials input[type=radio]+span {
    position: relative;
    transition: .2s;
    cursor: pointer;
    background: #dde6e8;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: inline-block
}

.support-question-content__items__answer .answer-detail__socials input[type=radio]+span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #00b74f
}

.support-question-content__items__answer .answer-detail__socials input[type=radio]:checked+span,.support-question-content__items__answer .answer-detail__socials input[type=radio]:focus+span,.support-question-content__items__answer .answer-detail__socials input[type=radio]:hover+span {
    background: #00b74f
}

.support-question-content__items__answer .answer-detail__comment-capcha {
    display: none
}

.support-question-content__items__answer .answer-detail__comment-capcha.show {
    display: block
}

.support-suggest-question-content__detail__items:first-child:before,.support-suggest-question-content__result-title p.no-result,.support-suggest-question-content__result-title.hidden,.support-suggest-question-content__title h3.hidden {
    display: none
}

.support-question-content__items__answer .answer-detail__comment-capcha p {
    font-weight: 700;
    margin-bottom: 10px
}

.support-question-content__items__answer .answer-detail__comment-capcha textarea {
    width: 100%;
    height: 95px;
    background: #f4f7f8;
    border: none;
    outline: 0;
    padding: 12px 15px;
    font-size: 1.4rem;
    font-weight: 500
}

.support-question-content__items__answer .answer-detail .button-action {
    padding: 15px 0 20px
}

.support-question-content__items__answer .answer-detail .button-action .btn {
    padding: .8rem 6.3rem
}

.support-research-content {
    background: #f4f7f8;
    padding: 11px 0 8px
}

.support-research-content__items {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 22px 12px 25px;
    border-radius: 10px
}

.support-research-content__items__header {
    display: flex;
    align-items: center;
    margin-bottom: 14px
}

.support-research-content__items__header img {
    max-width: 45px
}

.support-research-content__items__header h3 {
    font-family: SVN-Gilroy,sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 0 0 12px;
    width: calc(100% - 45px)
}

.support-research-content__items p {
    margin-bottom: 20px
}

.support-research-content__items .btn {
    width: 100%;
    padding: .8rem 3rem
}

.support-research-content__items .btn:after {
    width: calc(100% - 25.4rem);
    left: 50%;
    transform: translateX(-50%)
}

.show-support-research-popup .modal-content .modal-header {
    padding: 25px
}

.show-support-research-popup .modal-content .modal-header h5 {
    text-align: center;
    font-size: 2.4rem
}

.show-support-research-popup .modal-content .modal-body .btn {
    min-width: 100%;
    padding: .8rem 4.4rem;
    font-weight: 700
}

.support-suggest-question-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.support-suggest-question-content__title {
    position: relative;
    padding: 10px 15px;
    border-top: 1px solid #b5bec1;
    border-bottom: 1px solid #b5bec1;
    margin-left: -15px;
    display: block;
    width: 100vw;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .support-question-content__items__answer .answer-detail__comment-capcha textarea {
        font-size:1.6rem
    }

    .support-research-content {
        padding: 25px 0 52px
    }

    .support-research-content__items {
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .support-research-content__items .btn {
        margin: auto auto 0 0
    }

    .show-support-research-popup .modal-content .modal-body .btn {
        min-width: 180px;
        padding: .5rem 3rem
    }

    .show-support-research-popup .modal-content .modal-body .btn:after {
        width: 104px
    }

    .support-suggest-question-content__title {
        width: 100%;
        margin-left: 0
    }

    @supports (-ms-ime-align:auto) {
        .support-suggest-question-content__detail {
            overflow: hidden
        }
    }
}

@media screen and (min-width: 992px) {
    .support-question-content__items__question {
        padding:15px 25px
    }

    .support-question-content__items__question:after {
        right: 25px
    }

    .support-question-content__items__answer {
        padding: 0 22px 15px
    }

    .support-question-content__items__answer .answer-detail p {
        margin-bottom: 22px
    }

    .support-question-content__items__answer .answer-detail__comment-capcha p {
        margin-bottom: 14px
    }

    .support-question-content__items__answer .answer-detail .button-action {
        padding-bottom: 7px
    }

    .support-question-content__items__answer .answer-detail .button-action .btn {
        padding: .5rem 7.8rem
    }

    .support-research-content__items .btn {
        padding: .5rem 6rem;
        width: auto
    }

    .support-research-content__items .btn:after {
        width: calc(100% - 11.4rem)
    }

    .support-suggest-question-content {
        flex-direction: row
    }

    .support-suggest-question-content__title {
        width: 30%;
        background: #f4f7f8;
        padding: 24px;
        margin: 0;
        border-top: none;
        border-bottom: none
    }

    .support-suggest-question-content__result {
        width: 70%;
        border: 1px solid #dde6e8;
        padding-bottom: 30px
    }
}

.support-suggest-question-content__title h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #2c2c2c;
    margin-bottom: 0
}

.support-suggest-question-content__detail__items .suggest-answer__form__comment-capcha .button-action .vpb-captcha,.support-suggest-question-content__result-title p {
    margin-bottom: 5px
}

.support-suggest-question-content__result-title {
    padding: 13px 0
}

@media screen and (min-width: 768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none) {
    .news-info .news-leading .description {
        overflow:hidden;
        position: relative
    }

    .news-info .news-leading .description:before {
        background: #afb8b6;
        bottom: 0;
        position: absolute;
        right: 0;
        float: right;
        content: "\2026";
        margin-left: -3rem;
        width: 3rem
    }

    .news-info .news-leading .description:after {
        content: "";
        background: #afb8b6;
        position: absolute;
        height: 50px;
        width: 100%;
        z-index: 1
    }

    .support-suggest-question-content__detail {
        overflow: hidden
    }
}

.support-suggest-question-content__detail__items:before {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: 1px;
    background: #dde6e8;
    top: 0;
    left: 15px
}

.support-suggest-question-content__detail__items .suggest-question {
    position: relative;
    cursor: pointer;
    margin: 0 -15px;
    padding: 10px 15px 20px
}

.deposit-rates-content__detail__content .tab-content-item__detail,.financial-report-content__detail__content .tab-content-item__detail,.form-doc-content__detail__content .tab-content-item__detail,.reference-interest-content__detail__content .tab-content-item__detail,.shareholder-meeting-content__detail__content .tab-content-item__detail,.tariff-content__detail__content .tab-content-item__detail {
    margin-left: 38px
}

.support-suggest-question-content__detail__items .suggest-question p {
    margin: 0 25px 0 0;
    font-weight: 500;
    color: #000
}

.support-suggest-question-content__detail__items .suggest-question:after {
    font-family: icomoon;
    font-weight: 900;
    transition: .2s ease-in-out;
    transform: rotate(180deg);
    content: "\E907";
    position: absolute;
    top: 10px;
    right: 15px;
    color: #000
}

.support-suggest-question-content__detail__items .suggest-question.collapsed:after {
    color: #000;
    transform: rotate(0)
}

.autocomplete-support-now-items .search-question-item:first-child,.support-suggest-question-content__detail__items .suggest-answer {
    padding-top: 15px
}

@media screen and (min-width: 768px) {
    .support-suggest-question-content__detail__items .suggest-question {
        margin:0
    }

    .support-suggest-question-content__detail__items .suggest-answer {
        padding: 0 15px
    }
}

.autocomplete-support-now-items .search-question-item:last-child,.support-suggest-question-content__detail__items .suggest-answer__form {
    padding-bottom: 15px
}

.support-suggest-question-content__detail__items .suggest-answer__form .error-validate {
    font-size: 1.4rem;
    margin: 0;
    color: #fb4e4e;
    display: none;
    width: 100%
}

.support-send-email-form .send-email-form label.active,.support-suggest-question-content__detail__items .suggest-answer__form .error-validate.active,.support-suggest-question-content__detail__items .suggest-answer__form__comment-capcha.show {
    display: block
}

.cal-exchange .form-group,.support-suggest-question-content__detail__items .suggest-answer__form p {
    margin-bottom: 12px
}

.article-detail-action input[type=radio],.support-suggest-question-content__detail__items .suggest-answer__form__socials input[type=radio] {
    position: absolute;
    opacity: 0
}

.article-detail-action input[type=radio]+span,.support-suggest-question-content__detail__items .suggest-answer__form__socials input[type=radio]+span {
    position: relative;
    transition: .2s;
    cursor: pointer;
    background: #dde6e8;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: inline-block
}

.article-detail-action input[type=radio]+span:before,.support-suggest-question-content__detail__items .suggest-answer__form__socials input[type=radio]+span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #00b74f
}

.article-detail-action input[type=radio]:checked+span,.article-detail-action input[type=radio]:focus+span,.article-detail-action input[type=radio]:hover+span,.support-suggest-question-content__detail__items .suggest-answer__form__socials input[type=radio]:checked+span,.support-suggest-question-content__detail__items .suggest-answer__form__socials input[type=radio]:focus+span,.support-suggest-question-content__detail__items .suggest-answer__form__socials input[type=radio]:hover+span {
    background: #00b74f
}

.article-detail-action input[type=radio]:checked+span:before,.article-detail-action input[type=radio]:focus+span:before,.article-detail-action input[type=radio]:hover+span:before,.support-suggest-question-content__detail__items .suggest-answer__form__socials input[type=radio]:checked+span:before,.support-suggest-question-content__detail__items .suggest-answer__form__socials input[type=radio]:focus+span:before,.support-suggest-question-content__detail__items .suggest-answer__form__socials input[type=radio]:hover+span:before {
    color: #fff
}

.investor-relation-section .shareholder-meeting-content__detail__tab .tab-item:nth-child(n+6),.support-suggest-question-content__detail__items .suggest-answer__form__comment-capcha {
    display: none
}

.support-suggest-question-content__detail__items .suggest-answer__form__comment-capcha p {
    font-weight: 700;
    margin-bottom: 10px
}

.support-suggest-question-content__detail__items .suggest-answer__form__comment-capcha textarea {
    width: 100%;
    height: 95px;
    background: #f4f7f8;
    border: none;
    outline: 0;
    padding: 12px 15px;
    font-size: 1.4rem;
    font-weight: 500
}

.support-suggest-question-content__detail__items .suggest-answer__form__comment-capcha .button-action {
    padding: 15px 0 20px
}

.investor-relation-news .year-slick__main__content--item,.support-suggest-question-content__detail__items .suggest-answer__form__comment-capcha .button-action .vpb-captcha .error-capcha {
    margin-bottom: 15px
}

.support-suggest-question-content__detail__items .suggest-answer__form__comment-capcha .button-action .btn {
    padding: .8rem 6.3rem;
    margin-top: 15px
}

.support-form-register-content .vpbank-form,.support-send-email-form .vpbank-form {
    padding: 24px 0
}

.support-form-register-content .vpbank-form .button-container .btn-submit-reg:after {
    width: calc(100% - 22rem);
    left: 50%;
    transform: translateX(-50%)
}

.support-send-email-form .send-email-form label {
    display: none;
    font-size: 1.4rem;
    margin-top: 5px;
    color: #fb4e4e
}

.autocomplete-support-now-items {
    position: absolute;
    background: #f4f7f8;
    z-index: 2;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #dde6e8;
    border-top: 0;
    border-bottom: 0;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    overflow-y: scroll
}

.autocomplete-support-now-items::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #f4f7f8;
    background-color: #f4f7f8
}

.autocomplete-support-now-items::-webkit-scrollbar {
    width: 6px;
    background: #afb8b6
}

.autocomplete-support-now-items::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #afb8b6;
    background-color: #afb8b6
}

.autocomplete-support-now-items .search-question-item {
    padding: 5px 15px;
    cursor: pointer
}

.investor-relation-section .investor-line {
    width: 100%;
    height: 1px;
    background: #dde6e8;
    display: none
}

.investor-list-bar-content.smooth-scroll-list .desktop__list.slick-slider {
    padding: 0
}

.investor-list-bar-content.smooth-scroll-list .mobile__list a.active {
    background: #fff;
    color: #00b74f;
    font-weight: 700
}

.form-documents-list-bar-content.smooth-scroll-list__details,.investor-list-bar-content.smooth-scroll-list__details {
    position: relative;
    width: 100%
}

.investor-list-bar-content.smooth-scroll-list__details__item a {
    text-decoration: none;
    color: #545758;
    background: #f4f7f8;
    border-bottom: 1px solid #b5bec1;
    padding: 17px 45px;
    display: block
}

.investor-list-bar-content.smooth-scroll-list__details__item:last-child a,.main-event-investor-vpbank {
    border-bottom: none
}

.general-introduction-content__details {
    margin-top: 5px
}

.general-introduction-content__details__image img {
    width: 100%
}

.general-introduction-content__details__text {
    padding: 0 15px;
    margin: 10px 10px 10px 0;
    max-height: 300px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #00b74f #afb8b6
}

@media screen and (min-width: 992px) {
    .support-suggest-question-content__result-title p {
        margin-bottom:5px
    }

    .support-suggest-question-content__result-title {
        padding: 15px 25px
    }

    .support-suggest-question-content__detail__items:before {
        left: 25px;
        width: calc(100% - 50px)
    }

    .support-suggest-question-content__detail__items .suggest-question {
        padding: 10px 25px
    }

    .support-suggest-question-content__detail__items .suggest-question:after {
        right: 25px
    }

    .support-suggest-question-content__detail__items .suggest-answer {
        padding: 0 25px
    }

    .support-suggest-question-content__detail__items .suggest-answer__form p,.support-suggest-question-content__detail__items .suggest-answer__form__comment-capcha p {
        margin-bottom: 14px
    }

    .support-suggest-question-content__detail__items .suggest-answer__form__comment-capcha .button-action {
        padding-bottom: 7px
    }

    .support-suggest-question-content__detail__items .suggest-answer__form__comment-capcha .button-action .btn {
        padding: .5rem 7.8rem
    }

    .nav-tab-level2__content .paginator ul,.suggest-question-paging .paginator ul {
        margin: 35px 0
    }

    .investor-list-bar-content.smooth-scroll-list {
        border-bottom: none
    }

    .general-introduction-content__details {
        display: flex
    }

    .general-introduction-content__details__image {
        width: 51.5%
    }

    .general-introduction-content__details__text {
        max-height: 305px;
        margin: 15px 0;
        padding: 0 40px;
        width: 48.5%
    }

    .shareholder-meeting-content {
        padding-top: 60px
    }
}

@media screen and (min-width: 1200px) {
    .promotion-detail__content__detail .creat-account {
        margin-bottom:17px
    }

    .symbolism .content {
        padding: 30px
    }

    .symbolism .content .logo {
        margin-bottom: 20px
    }

    .operating__main__wrap-operating .content {
        right: 60px;
        padding-top: 90px
    }

    .operating__main__wrap-operating .content-bottom {
        right: 30px;
        padding-top: 45px
    }

    .award .button {
        margin-top: 0
    }

    .library-tab__link li a {
        font-size: 1.6rem;
        width: 278px;
        padding: 12px 32px
    }

    .support-now-content .support-now-content__result,.support-suggest-question-content__result {
        width: 74%
    }

    .support-filter-categories-desktop {
        width: 26%;
        padding: 24px 24px 5px
    }

    .support-question-content__items:after {
        width: 95%
    }

    .support-research-content .row>[class^=col] {
        margin-bottom: 0
    }

    .support-research-content__items {
        padding: 25px;
        margin-bottom: 0
    }

    .support-research-content__items p {
        margin-bottom: 24px
    }

    .support-suggest-question-content__title {
        width: 26%
    }

    .general-introduction-content__details__text {
        max-height: 380px
    }
}

@media screen and (min-width: 1400px) {
    .general-introduction-content__details__text {
        max-height:420px
    }
}

.general-introduction-content__details__text::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #afb8b6;
    background-color: #afb8b6;
    border-radius: 10px
}

.general-introduction-content__details__text::-webkit-scrollbar {
    width: 7px;
    background: #afb8b6;
    border-radius: 10px
}

.general-introduction-content__details__text::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #00b74f;
    background: #00b74f;
    border-radius: 10px
}

.deposit-rates-content__detail,.financial-report-content__detail,.form-doc-content__detail,.reference-interest-content__detail,.shareholder-meeting-content__detail,.tariff-content__detail {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    margin: 0 -15px
}

.shareholder-meeting-content__detail .collapse-header {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 9px 15px;
    border-bottom: 1px solid #b5bec1;
    border-top: 1px solid #b5bec1
}

.shareholder-meeting-content__detail .collapse-header:after {
    font-family: icomoon;
    font-weight: 900;
    content: "\E907";
    transition: .2s ease-in-out;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: -1
}

.shareholder-meeting-content__detail .collapse-header__icon {
    padding-right: 14px
}

.shareholder-meeting-content__detail .collapse-header__icon img {
    display: block
}

.shareholder-meeting-content__detail .collapse-header__time span {
    font-size: 1.8rem;
    font-weight: 500;
    font-family: SVN-Gilroy,sans-serif
}

.shareholder-meeting-content__detail__tab {
    background: #fff;
    height: 0;
    flex-direction: column;
    z-index: 9;
    position: absolute;
    width: 100%;
    border: none;
    overflow: hidden;
    left: 0;
    top: 48px
}

@media screen and (min-width: 992px) {
    .shareholder-meeting-content__detail {
        flex-direction:row;
        align-items: inherit;
        justify-content: space-between
    }

    .shareholder-meeting-content__detail .collapse-header {
        display: none
    }

    .shareholder-meeting-content__detail .collapse-header:after {
        content: none
    }

    .shareholder-meeting-content__detail__tab {
        display: block;
        max-height: inherit;
        height: auto;
        position: relative;
        width: 20%;
        top: 0
    }
}

.shareholder-meeting-content__detail__tab.custom-scroll {
    overflow-y: auto;
    padding-right: 10px
}

.shareholder-meeting-content__detail__tab .tab-item {
    position: relative
}

.shareholder-meeting-content__detail__tab .tab-item a {
    color: #545758;
    font-size: 1.6rem;
    width: 100%;
    display: block;
    padding: 15px 45px;
    text-decoration: none;
    position: relative
}

.shareholder-meeting-content__detail__tab .tab-item a:hover {
    border-color: #dde6e8
}

.shareholder-meeting-content__detail__tab .tab-item a.active {
    background: #f4f7f8;
    border-color: #f4f7f8;
    color: #00b74f
}

.course-details__main__related-lessons .multiple-items .item,.shareholder-meeting-content__detail__content {
    padding: 15px
}

@media screen and (min-width: 992px) {
    .shareholder-meeting-content__detail__tab .tab-item a {
        background:#fff;
        font-size: 1.8rem;
        font-weight: 600;
        color: #000;
        padding: 11.5px 18px;
        margin: 0;
        border-radius: 4px;
        border: 1px solid transparent
    }

    .shareholder-meeting-content__detail__content {
        width: 77%;
        border: 1px solid #dde6e8;
        padding: 15px 20px;
        border-radius: 4px
    }
}

.shareholder-meeting-content__detail__content .tab-content-item {
    border-bottom: 1px solid #dde6e8;
    padding-bottom: 7px;
    margin-bottom: 15px
}

.shareholder-meeting-content__detail__content .tab-content-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.shareholder-meeting-content__detail__content .tab-content-item__icon {
    float: left;
    margin-top: 5px
}

.shareholder-meeting-content__detail__content .tab-content-item__icon img {
    width: 100%;
    max-width: 100%
}

.shareholder-meeting-content__detail__content .tab-content-item__detail h3 {
    font-family: SVN-Gilroy,sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0
}

.shareholder-meeting-content__detail__content .tab-content-item__detail .date {
    color: #6e7573;
    font-size: 1.2rem;
    margin: 0 0 10px
}

.shareholder-meeting-content__detail__content .tab-content-item__detail .description {
    margin-bottom: 9px
}

.shareholder-meeting-content__detail__content .tab-content-item__detail a {
    display: block;
    text-decoration: underline;
    margin-bottom: 5px;
    font-size: 1.4rem
}

.shareholder-meeting-content__detail__content .tab-content-item__detail a+a+a {
    display: none
}

.shareholder-meeting-content__detail__content .tab-content-item__detail .more-files {
    color: #00b74f;
    text-decoration: underline
}

.shareholder-meeting-content__detail.open .nav-tab__link {
    height: auto;
    box-shadow: 0 3px 10px rgba(0,0,0,.1)
}

@media screen and (min-width: 768px) {
    .support-suggest-question-content__detail__items .suggest-answer__form__comment-capcha textarea {
        font-size:1.6rem
    }

    .support-form-register-content .vpbank-form,.support-send-email-form .vpbank-form {
        padding: 48px 0
    }

    .support-form-register-content .vpbank-form form,.support-send-email-form .vpbank-form form {
        margin: 0 auto
    }

    .support-form-register-content .vpbank-form .button-container .btn-submit-reg {
        width: 180px
    }

    .support-form-register-content .vpbank-form .button-container .btn-submit-reg:after {
        width: calc(100% - 8.4rem)
    }

    #recaptcha-support-form,#recaptcha-support-send-email {
        overflow-x: inherit
    }

    .investor-relation-section .investor-line {
        display: block
    }

    .investor-list-bar-content.smooth-scroll-list {
        padding: 15px 25px
    }

    .investor-list-bar-content.smooth-scroll-list__details__item a {
        font-size: 1.4rem;
        font-weight: 700;
        background: #afb8b6;
        text-align: center;
        padding: 3px 15px;
        min-height: 54px;
        border-bottom: none
    }

    .shareholder-meeting-content__detail {
        margin: 0
    }

    .shareholder-meeting-content__detail__content .tab-content-item {
        padding-bottom: 12px;
        margin-bottom: 16px
    }

    .shareholder-meeting-content__detail__content .tab-content-item:last-child {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .shareholder-meeting-content__detail.open .nav-tab__link {
        border: 1px solid #dde6e8;
        border-top: none
    }
}

.shareholder-meeting-content__detail.open .collapse-header:after {
    transform: rotate(180deg)
}

.deposit-rates-content .button-learn-more,.financial-report-content .button-learn-more,.form-doc-content .button-learn-more,.investor-events-content .button-learn-more,.reference-interest-content .button-learn-more,.shareholder-meeting-content .button-learn-more,.tariff-content .button-learn-more {
    text-align: center;
    margin-top: 25px
}

.deposit-rates-content .button-learn-more .btn,.financial-report-content .button-learn-more .btn,.form-doc-content .button-learn-more .btn,.investor-events-content .button-learn-more .btn,.reference-interest-content .button-learn-more .btn,.shareholder-meeting-content .button-learn-more .btn,.tariff-content .button-learn-more .btn {
    padding: .8rem 3rem;
    width: 100%;
    font-weight: 700
}

.deposit-rates-content .button-learn-more .btn:after,.financial-report-content .button-learn-more .btn:after,.form-doc-content .button-learn-more .btn:after,.reference-interest-content .button-learn-more .btn:after,.shareholder-meeting-content .button-learn-more .btn:after,.tariff-content .button-learn-more .btn:after {
    width: 77px;
    left: 50%;
    transform: translateX(-50%)
}

.financial-report-content__detail .collapse-header {
    display: flex;
    width: 100%;
    position: relative;
    padding: 9px 15px;
    border-top: 1px solid #b5bec1
}

.deposit-rates-content__detail .collapse-header:after,.financial-report-content__detail .collapse-header:after,.form-doc-content__detail .collapse-header:after,.reference-interest-content__detail .collapse-header:after,.tariff-content__detail .collapse-header:after {
    font-family: icomoon;
    font-weight: 900;
    content: "\E907";
    transition: .2s ease-in-out;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: -1
}

.deposit-rates-content__detail .collapse-header__icon,.financial-report-content__detail .collapse-header__icon,.form-doc-content__detail .collapse-header__icon,.reference-interest-content__detail .collapse-header__icon,.tariff-content__detail .collapse-header__icon {
    padding-right: 14px
}

.financial-report-content__detail .collapse-header__categories span {
    font-size: 1.8rem;
    font-family: SVN-Gilroy,sans-serif
}

.financial-report-content__detail__tab {
    background: #fff;
    height: 0;
    flex-direction: column;
    z-index: 9;
    position: absolute;
    width: 100%;
    border: none;
    overflow: hidden;
    left: 0;
    top: 44px
}

@media screen and (min-width: 992px) {
    .shareholder-meeting-content__detail.open .nav-tab__link {
        border:none
    }

    .financial-report-content {
        padding-top: 60px
    }

    .financial-report-content__detail {
        flex-direction: row;
        align-items: inherit;
        justify-content: space-between
    }

    .financial-report-content__detail .collapse-header {
        display: none
    }

    .financial-report-content__detail .collapse-header:after {
        content: none
    }

    .financial-report-content__detail__tab {
        height: auto;
        position: relative;
        width: 20%;
        top: 0
    }
}

.financial-report-content__detail__tab.custom-scroll {
    overflow-y: auto;
    padding-right: 10px
}

.financial-report-content__detail__tab .tab-item {
    position: relative
}

.financial-report-content__detail__tab .tab-item a {
    color: #545758;
    font-size: 1.6rem;
    width: 100%;
    display: block;
    padding: 15px 45px;
    text-decoration: none;
    position: relative
}

.financial-report-content__detail__content .year-slick__menu__list--item>span,.financial-report-content__detail__content .year-slick__menu__list--item>span.active,.financial-report-content__detail__content .year-slick__menu__list__mobile span {
    font-size: 1.6rem
}

.financial-report-content__detail__tab .tab-item a:hover,.question-answer .basic-accordion__card {
    border-color: #dde6e8
}

.financial-report-content__detail__tab .tab-item a.active {
    background: #f4f7f8;
    border-color: #f4f7f8;
    color: #00b74f
}

.financial-report-content__detail__content {
    padding: 0 15px 15px;
    width: 100%
}

@media screen and (min-width: 768px) {
    .shareholder-meeting-content .button-learn-more .btn {
        padding:.5rem 5.5rem;
        width: auto
    }

    .financial-report-content__detail {
        margin: 0
    }

    .financial-report-content__detail__content {
        padding: 0 0 15px
    }
}

@media screen and (min-width: 992px) {
    .financial-report-content__detail__tab .tab-item a {
        background:#fff;
        font-size: 1.8rem;
        font-weight: 600;
        color: #000;
        padding: 11.5px 18px;
        margin: 0;
        border-radius: 4px;
        border: 1px solid transparent
    }

    .financial-report-content__detail__content {
        width: 77%;
        border: 1px solid #dde6e8;
        border-radius: 4px;
        padding: 0 20px 15px
    }
}

.financial-report-content__detail__content .year-slick__menu__list__mobile {
    padding: 9px 15px
}

.financial-report-content__detail__content .tab-content-list,.financial-report-content__detail__content .tab-content-stock {
    padding-top: 15px
}

.financial-report-content__detail__content .tab-content-stock iframe,.stock-chart iframe {
    width: 100%;
    height: 750px;
    border: none
}

.deposit-rates-content__detail__content .tab-content-item,.financial-report-content__detail__content .tab-content-item,.form-doc-content__detail__content .tab-content-item,.reference-interest-content__detail__content .tab-content-item,.tariff-content__detail__content .tab-content-item {
    border-bottom: 1px solid #dde6e8;
    padding-bottom: 7px;
    margin-bottom: 15px
}

.deposit-rates-content__detail__content .tab-content-item:last-child,.financial-report-content__detail__content .tab-content-item:last-child,.form-doc-content__detail__content .tab-content-item:last-child,.reference-interest-content__detail__content .tab-content-item:last-child,.tariff-content__detail__content .tab-content-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.deposit-rates-content__detail__content .tab-content-item__icon,.financial-report-content__detail__content .tab-content-item__icon,.form-doc-content__detail__content .tab-content-item__icon,.reference-interest-content__detail__content .tab-content-item__icon,.tariff-content__detail__content .tab-content-item__icon {
    float: left;
    margin-top: 5px
}

.deposit-rates-content__detail__content .tab-content-item__icon img,.financial-report-content__detail__content .tab-content-item__icon img,.form-doc-content__detail__content .tab-content-item__icon img,.reference-interest-content__detail__content .tab-content-item__icon img,.tariff-content__detail__content .tab-content-item__icon img {
    width: 100%;
    max-width: 100%
}

.financial-report-content__detail__content .tab-content-item__detail h3 {
    font-family: SVN-Gilroy,sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0
}

.deposit-rates-content__detail__content .tab-content-item__detail .date,.financial-report-content__detail__content .tab-content-item__detail .date,.form-doc-content__detail__content .tab-content-item__detail .date,.reference-interest-content__detail__content .tab-content-item__detail .date,.tariff-content__detail__content .tab-content-item__detail .date {
    color: #6e7573;
    font-size: 1.2rem;
    margin: 0 0 10px
}

.investor-contact-content__detail__address .investor-address__item a:hover,.investor-events-content__detail__left .investor-webcast__item__detail h3 a:hover {
    color: #00b74f
}

.deposit-rates-content__detail__content .tab-content-item__detail .description,.financial-report-content__detail__content .tab-content-item__detail .description,.form-doc-content__detail__content .tab-content-item__detail .description,.reference-interest-content__detail__content .tab-content-item__detail .description,.tariff-content__detail__content .tab-content-item__detail .description {
    margin-bottom: 9px
}

.financial-report-content__detail__content .tab-content-item__detail a {
    display: block;
    text-decoration: underline;
    margin-bottom: 5px;
    font-size: 1.4rem
}

.financial-report-content__detail__content .tab-content-item__detail a+a+a {
    display: none
}

.financial-report-content__detail__content .tab-content-item__detail .more-files {
    color: #00b74f;
    text-decoration: underline
}

.financial-report-content__detail.open .nav-tab__link {
    height: auto;
    box-shadow: 0 3px 10px rgba(0,0,0,.1)
}

@media screen and (min-width: 768px) {
    .financial-report-content__detail__content .tab-content-item {
        padding-bottom:12px;
        margin-bottom: 16px
    }

    .financial-report-content__detail__content .tab-content-item:last-child {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .financial-report-content__detail.open .nav-tab__link {
        border: 1px solid #dde6e8;
        border-top: none
    }

    .financial-report-content .button-learn-more .btn {
        padding: .5rem 5.5rem;
        width: auto
    }
}

.investor-subpage-has-categories .financial-report-content__detail__content .tab-content-item:last-child,.investor-subpage-no-categories .shareholder-meeting-content__detail__content .tab-content-item:last-child,.stock-chart {
    border-bottom: 1px solid #dde6e8
}

.financial-report-content__detail.open .collapse-header:after {
    transform: rotate(180deg)
}

.investor-contact-content.vpbank-form form {
    margin: 0;
    padding: 0;
    border-radius: 0;
    width: auto
}

@media screen and (min-width: 992px) {
    .financial-report-content__detail__content .tab-content-list {
        padding-top:0
    }

    .financial-report-content__detail__content .tab-content-stock {
        padding-top: 24px
    }

    .financial-report-content__detail.open .nav-tab__link {
        border: none
    }

    .financial-report-content .year-slick__menu__list {
        margin: 0 0 16px
    }

    .financial-report-content .year-slick__menu__list--item>span {
        padding: 13px 15px
    }

    .investor-contact-content__detail {
        flex-direction: row
    }

    .investor-contact-content__detail__address {
        width: 50%
    }
}

.investor-contact-content__detail__address .investor-address h3 {
    background: linear-gradient(90deg,#015aad,#00b74f);
    background: -webkit-linear-gradient(0,#015aad,#00b74f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    display: inline-block;
    font-size: 2.4rem;
    margin-bottom: 12px
}

.investor-contact-content__detail__address .investor-address__item {
    display: flex;
    margin-bottom: 8px;
    color: #000
}

.investor-contact-content__detail__address .investor-address__item__icon {
    margin-right: 14px;
    width: 18px
}

.investor-contact-content__detail__address .investor-address__item__icon img {
    width: 100%
}

.investor-contact-content__detail__address .investor-address__item p {
    margin-bottom: 0;
    width: calc(100% - 18px);
    white-space: inherit;
    font-weight: 600
}

.investor-contact-content__detail__address .investor-address__item a {
    color: inherit;
    text-decoration: none;
    width: calc(100% - 18px)
}

.investor-contact-content__detail__address .investor-form {
    margin: 18px -15px 0;
    padding: 15px 15px 18px
}

.investor-contact-content__detail__address .investor-form .error-validate {
    width: 100%
}

.investor-contact-content__detail__address .investor-form__title {
    display: flex;
    align-items: center;
    color: #000
}

.investor-contact-content__detail__address .investor-form__title__icon {
    width: 46px;
    margin-right: 15px
}

.investor-contact-content__detail__address .investor-form__title__icon img {
    width: 100%
}

.investor-contact-content__detail__address .investor-form__title p {
    width: calc(100% - 46px);
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 0;
    white-space: inherit
}

.investor-contact-content__detail__address .investor-form__field-require {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.investor-contact-content__detail__address .investor-form__field-require__fullname {
    margin-bottom: 10px
}

.investor-contact-content__detail__address .investor-form__capcha {
    margin: 10px 0
}

.investor-contact-content__detail__address .investor-form__capcha .vpb-captcha {
    width: 100%;
    margin-bottom: 5px
}

.investor-contact-content__detail__address .investor-form__capcha .vpb-captcha .captcha-text {
    width: calc(100% - 30px)
}

@media screen and (min-width: 768px) {
    .financial-report-content .year-slick__menu__list {
        border-bottom:1px solid #b5bec1
    }

    .investor-contact-section {
        margin-top: 40px;
        padding: 40px 0 15px;
        border-bottom: 1px solid #dde6e8;
        border-top: 1px solid #dde6e8
    }

    .investor-contact-content__detail__address .investor-address h3 {
        font-size: 3rem;
        margin-bottom: 20px
    }

    .investor-contact-content__detail__address .investor-form {
        margin: 22px 0 0;
        padding: 8px 20px 18px
    }

    .investor-contact-content__detail__address .investor-form__field-require {
        flex-direction: row
    }

    .investor-contact-content__detail__address .investor-form__field-require__fullname {
        margin-bottom: 0
    }

    .investor-contact-content__detail__address .investor-form__capcha .vpb-captcha .captcha-text {
        width: 285px
    }
}

@media screen and (min-width: 992px) {
    .investor-contact-content__detail__address .investor-form__capcha .vpb-captcha .captcha-text {
        width:157px
    }
}

@media screen and (min-width: 1200px) {
    .financial-report-content__detail__tab,.shareholder-meeting-content__detail__tab {
        width:26%
    }

    .financial-report-content__detail__content,.shareholder-meeting-content__detail__content {
        width: 72%
    }

    .investor-contact-content__detail__address {
        width: 41.5%
    }

    .investor-contact-content__detail__address .investor-form__capcha .vpb-captcha .captcha-text {
        width: 162px
    }
}

.investor-contact-content__detail__address .investor-form__capcha .vpb-captcha .btn-captcha-refresh {
    width: 30px
}

.investor-contact-content__detail__address .investor-form__capcha .vpb-captcha input.captcha-input {
    width: 100%;
    margin: 15px 0 0;
    height: 40px;
    line-height: 40px
}

@media screen and (min-width: 768px) {
    .investor-contact-content__detail__address .investor-form__capcha .vpb-captcha input.captcha-input {
        width:315px;
        margin: 0 0 0 20px;
        height: 76px;
        line-height: 76px
    }
}

@media screen and (min-width: 992px) {
    .investor-contact-content__detail__address .investor-form__capcha .vpb-captcha input.captcha-input {
        width:187px;
        margin-left: 15px
    }
}

@media screen and (min-width: 1200px) {
    .investor-contact-content__detail__address .investor-form__capcha .vpb-captcha input.captcha-input {
        width:192px
    }
}

.investor-contact-content__detail__address .investor-form__button-submit,.vpb-captcha .captcha-input {
    margin-top: 15px
}

.investor-contact-content__detail__address .investor-form__button-submit .btn {
    width: 100%
}

.investor-contact-content__detail__address .investor-form label.error-validate {
    display: none;
    font-size: 1.4rem;
    margin-top: 5px;
    color: #fb4e4e
}

#successModal .modal-status.active,#successModal.show,#successModal.show+.mask-success-modal,.investor-contact-content__detail__address .investor-form label.error-validate.active,.investor-relation-detail .financial-report-content__detail__content .tab-content-item__detail a+a+a,.investor-relation-detail .shareholder-meeting-content__detail__content .tab-content-item__detail a+a+a {
    display: block
}

.header-sme .language-bar,.investor-contact-content__detail__question {
    margin-top: 40px
}

@media screen and (min-width: 992px) {
    .investor-contact-content__detail__question {
        width:50%;
        margin: 0 0 0 30px
    }

    .investor-events-content {
        padding-top: 60px
    }
}

.investor-contact-content__detail__question .investor-question {
    position: relative
}

.investor-contact-content__detail__question .investor-question h3 {
    background: linear-gradient(90deg,#015aad,#00b74f);
    background: -webkit-linear-gradient(0,#015aad,#00b74f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    display: inline-block;
    font-size: 2.4rem;
    margin-bottom: 10px
}

.investor-contact-content__detail__question .investor-question__view-all a {
    font-weight: 600;
    text-decoration: none
}

.investor-contact-content__detail__question .investor-question__content__item {
    position: relative
}

.investor-contact-content__detail__question .investor-question__content__item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: #dde6e8
}

.investor-contact-content__detail__question .investor-question__content__item__question {
    position: relative;
    cursor: pointer;
    padding: 15px 0
}

.investor-contact-content__detail__question .investor-question__content__item__question:after {
    font-family: icomoon;
    font-weight: 900;
    transition: .2s ease-in-out;
    transform: rotate(180deg);
    content: "\E907";
    position: absolute;
    top: 15px;
    right: 0;
    color: #000
}

.investor-contact-content__detail__question .investor-question__content__item__question.collapsed:after {
    color: #000;
    transform: rotate(0)
}

.investor-contact-content__detail__question .investor-question__content__item__question h4 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding-right: 30px
}

.business-info-sme .business-offer-title a,.business-info-sme .news-info .title a,.cal-savings-interest .form-check-label input.form-check-input:checked+span,.investor-contact-content__detail__question .investor-question__content__item__answer {
    color: #000
}

.investor-contact-content__detail__question .investor-question__content__item__answer .answer-detail {
    padding-bottom: 15px
}

.investor-contact-content__detail__question .investor-question__content__item__answer p {
    margin: 0;
    font-weight: 400;
    color: inherit
}

.article-detail-action label,.health-support .health-support-item:last-child,.investor-events-content__detail__left .investor-webcast.slick-dotted.slick-slider,.investor-subpage-has-categories .financial-report-content .paginator ul,.investor-subpage-no-categories .shareholder-meeting-content .paginator ul {
    margin-bottom: 0
}

.investor-events-content__detail__left .investor-webcast__item__image img {
    width: 100%
}

.investor-events-content__detail__left .investor-webcast__item__detail {
    background: #dde6e8;
    padding: 17px 20px 15px
}

.investor-events-content__detail__left .investor-webcast__item__detail h3 {
    margin-bottom: 10px
}

.investor-events-content__detail__left .investor-webcast__item__detail h3 a {
    color: #000;
    text-decoration: none
}

.investor-events-content__detail__left .investor-webcast__item__detail p {
    margin-bottom: 8px
}

.investor-events-content__detail__left .investor-webcast__item__detail .btn {
    padding: .8rem 4.1rem
}

#successModal .modal-status,.investor-events-content__detail__left .investor-webcast .slick-next,.investor-events-content__detail__left .investor-webcast .slick-prev,.investor-subpage-has-categories .button-learn-more,.investor-subpage-has-categories .section-title,.investor-subpage-no-categories .button-learn-more,.investor-subpage-no-categories .section-title {
    display: none
}

.health-capacity-chart .health-chart .progress-percent--mobile,.investor-events-content__detail__right .investor-event__detail__item,.landmark-memory__list__item,.landmark-memory__list__marktime,.sidebar-module li,.you-maybe-interested-in .slick-track {
    display: flex
}

.investor-events-content__detail__left .investor-webcast .slick-dots {
    top: 160px;
    bottom: auto
}

@media screen and (min-width: 768px) {
    .investor-contact-content__detail__address .investor-form__button-submit .btn {
        width:auto
    }

    .investor-contact-content__detail__question .investor-question h3 {
        font-size: 3rem
    }

    .investor-contact-content__detail__question .investor-question__view-all {
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 1
    }

    .investor-events-content__detail__left {
        overflow: inherit
    }

    .investor-events-content__detail__left .investor-webcast__item__detail {
        padding: 21px 30px 25px
    }

    .investor-events-content__detail__left .investor-webcast__item__detail h3 a {
        font-size: 2.4rem
    }

    .investor-events-content__detail__left .investor-webcast__item__detail p {
        margin-bottom: 24px
    }

    .investor-events-content__detail__left .investor-webcast__item__detail .btn {
        padding: .5rem 3.4rem
    }

    .investor-events-content__detail__left .investor-webcast .slick-dots {
        top: 57%
    }
}

@media screen and (min-width: 992px) {
    .investor-events-content__detail__left .investor-webcast .slick-dots {
        top:65%
    }

    .investor-subpage-no-categories .shareholder-meeting-content__detail__content .tab-content-item:last-child {
        border-bottom: none
    }
}

@media screen and (min-width: 1200px) {
    .investor-contact-content__detail__question {
        width:58.5%
    }

    .investor-contact-content__detail__question .investor-question__content__item__question h4 {
        padding-right: 40px
    }

    .investor-events-content__detail__left {
        height: 100%;
        background: #afb8b6
    }

    .investor-events-content__detail__left .investor-webcast .slick-dots {
        top: 57%
    }
}

.investor-events-content__detail__left .investor-webcast .slick-dots li {
    width: auto;
    height: auto
}

.investor-events-content__detail__left .investor-webcast .slick-dots li button {
    width: 10px;
    height: 10px
}

.investor-events-content__detail__left .investor-webcast .slick-dots li button:before {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background: 0 0;
    border-radius: 50%;
    color: transparent;
    opacity: 1
}

.investor-events-content__detail__left .investor-webcast .slick-dots li.slick-active button:before {
    background: #fff;
    color: transparent
}

.investor-events-content__detail__right .investor-event {
    background: #f4f7f8;
    display: flex;
    align-items: center;
    padding: 13px 20px;
    margin-bottom: 13px
}

.investor-events-content__detail__right .investor-event__calendar {
    background: #fff;
    font-family: SVN-Gilroy,sans-serif;
    border-radius: 5px;
    width: 103px;
    text-align: center;
    margin-right: 15px;
    padding-top: 18px
}

.investor-events-content__detail__right .investor-event__calendar .month {
    margin-bottom: 0;
    line-height: 1
}

.investor-events-content__detail__right .investor-event__calendar .day {
    font-size: 5.5rem;
    line-height: 1;
    margin-bottom: 14px
}

.investor-events-content__detail__right .investor-event__calendar .year {
    color: #fff;
    background: #00b74f;
    margin-bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 8px 0
}

.investor-events-content__detail__right .investor-event__detail {
    width: calc(100% - 103px)
}

.investor-events-content__detail__right .investor-event__detail h3 {
    margin-bottom: 12px;
    font-size: 1.6rem
}

.investor-events-content__detail__right .investor-event__detail h3 a {
    color: #545758;
    text-decoration: none
}

.investor-events-content__detail__right .investor-event__detail h3 a:hover {
    color: #00b74f
}

.investor-events-content__detail__right .investor-event__detail__item .icon {
    width: 16px;
    margin-right: 12px
}

.investor-events-content__detail__right .investor-event__detail__item .icon img {
    width: 100%
}

.investor-events-content__detail__right .investor-event__detail__item p {
    font-size: 1.4rem;
    width: calc(100% - 16px);
    margin-bottom: 10px
}

.investor-events-content__detail__right .investor-news__image img,.landmark-memory__list__item .content .picture img,.landmark-memory__list__item .content-left .picture img,.landmark-memory__list__item .content-right .picture img {
    width: 100%
}

.investor-events-content__detail__right .investor-news__detail {
    padding: 17px 20px
}

.investor-events-content__detail__right .investor-news__detail h3 {
    margin-bottom: 10px
}

.investor-events-content__detail__right .investor-news__detail h3 a {
    font-size: 1.8rem;
    color: #000;
    text-decoration: none;
    display: block
}

.deposit-rates-content__detail__tab .tab-item a:hover,.form-doc-content__detail__tab .tab-item a:hover,.investor-events-content__detail__right .investor-news__detail h3 a:hover,.reference-interest-content__detail__tab .tab-item a:hover,.tariff-content__detail__tab .tab-item a:hover {
    color: #00b74f
}

#successModal .modal-body img,#successModal .modal-body p,.annual-report-detail .annual-report-section .article-tag,.article-detail-nosidebar__content p,.investor-events-content__detail__right .investor-news__detail p,.investor-relation-news .section-title {
    margin-bottom: 20px
}

.investor-events-content__detail__right .investor-news__detail a.view-more {
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    padding-left: 22px
}

.investor-events-content__detail__right .investor-news__detail a.view-more:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: icomoon;
    font-weight: 700;
    font-size: 1.6rem;
    content: "\E909";
    color: #00b74f
}

.investor-subpage-has-categories .financial-report-content__detail .collapse-header,.investor-subpage-no-categories .shareholder-meeting-content__detail .collapse-header {
    border-top: none
}

.investor-subpage-has-categories .financial-report-content__detail__content .tab-content-list,.investor-subpage-no-categories .shareholder-meeting-content__detail__content .nav-tab__content__detail {
    max-height: inherit;
    overflow: inherit
}

.investor-subpage-has-categories .financial-report-content .paginator,.investor-subpage-no-categories .shareholder-meeting-content .paginator {
    padding: 5px 0 0
}

.about-news-vpbank,.financial-support .financial-support-item__checkbox,.investor-relation-detail .shareholder-meeting-content,.investor-subpage-has-categories .financial-report-content {
    padding-top: 0
}

#successModal .modal-body {
    text-align: center;
    padding: 30px
}

#successModal .modal-body h3 {
    color: #00b74f;
    margin-bottom: 5px;
    font-weight: 700
}

#successModal .modal-body .btn {
    min-width: 140px
}

@media screen and (min-width: 768px) {
    .investor-events-content__detail__right .investor-event {
        padding:14px 20px;
        margin-bottom: 32px
    }

    .investor-events-content__detail__right .investor-event__calendar {
        width: 114px;
        padding-top: 20px
    }

    .investor-events-content__detail__right .investor-event__calendar .month,.investor-events-content__detail__right .investor-event__calendar .year {
        font-size: 1.8rem
    }

    .investor-events-content__detail__right .investor-event__calendar .day {
        font-size: 6rem;
        margin-bottom: 16px
    }

    .investor-events-content__detail__right .investor-event__detail {
        width: calc(100% - 114px)
    }

    .investor-events-content__detail__right .investor-event__detail h3 {
        font-size: 1.8rem
    }

    .investor-events-content__detail__right .investor-event__detail__item p {
        font-size: 1.6rem
    }

    .investor-events-content__detail__right .investor-news__detail {
        padding: 21px 20px 17px
    }

    .investor-events-content__detail__right .investor-news__detail p {
        margin-bottom: 8px
    }

    .investor-events-content .button-learn-more .btn {
        padding: .5rem 5.5rem;
        width: auto
    }

    .investor-subpage-has-categories .financial-report-content .paginator,.investor-subpage-no-categories .shareholder-meeting-content .paginator {
        padding: 30px 0 0
    }

    .annual-report-section .article-tag {
        margin-bottom: 20px
    }
}

.annual-report-section .article-tag:hover {
    box-shadow: none
}

.annual-report-section .article-tag__content {
    padding: 10px 0
}

.stock-chart {
    padding: 30px 15px
}

.landmark-memory .introduction-vpbank__head .category {
    border-top: 1px solid #ccc
}

.landmark-memory__list__marktime .time {
    width: 90px;
    text-align: center;
    padding-top: 0;
    padding-bottom: 15px;
    color: #000
}

@media screen and (min-width: 992px) {
    .investor-subpage-has-categories .financial-report-content {
        padding-top:65px
    }

    .investor-subpage-has-categories .financial-report-content__detail__content .tab-content-item:last-child {
        border-bottom: none
    }

    .investor-relation-detail .shareholder-meeting-content {
        padding-top: 30px
    }

    .landmark-memory__list .hidden {
        visibility: hidden
    }

    .landmark-memory__list__marktime .time {
        width: 480px;
        padding-bottom: 60px
    }
}

@media screen and (min-width: 1200px) {
    .landmark-memory__list__marktime .time {
        width:659px
    }
}

@media screen and (min-width: 1366px) {
    .landmark-memory__list__marktime .time {
        width:570px
    }
}

.landmark-memory__list__marktime .time .year {
    font-size: 2.6rem;
    font-weight: 700;
    color: #00b74f;
    padding-right: 30px
}

@media screen and (min-width: 992px) {
    .landmark-memory__list__marktime .time .year {
        text-align:right;
        padding-right: 60px
    }
}

@media screen and (min-width: 1200px) {
    .landmark-memory__list__marktime .time .year {
        padding-right:25px
    }
}

.landmark-memory__list__marktime .line {
    margin-top: 5px;
    border-left: 1px solid #ccc;
    content: "";
    position: relative
}

.landmark-memory__list__marktime .wrap {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: -12px;
    background: #00b74f;
    border-radius: 50%;
    top: 0
}

.landmark-memory__list__marktime .wrap:hover {
    cursor: pointer
}

.landmark-memory__list__marktime .dots {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    content: "";
    margin: 6px auto 0
}

.landmark-memory__list__wrap.wrap-block,.mission__main .view-all,.you-maybe-interested-in.hidden {
    display: none
}

.landmark-memory__list__wrap.collapse-content {
    overflow: hidden;
    transition: .5s
}

.installment-page .compare-cards__content__mutual-benefits-cards,.landmark-memory__list__item.no-margin-top,.landmark-memory__list__item:not(:first-of-type) {
    margin-top: 0
}

.landmark-memory__list__item .time {
    min-width: 90px;
    padding-top: 76px;
    text-align: center
}

@media screen and (min-width: 375px) {
    .landmark-memory__list__item .time {
        padding-top:110px
    }
}

@media (width: 425px) {
    .landmark-memory__list__item .time {
        padding-top:108px
    }
}

@media screen and (min-width: 768px) {
    .landmark-memory__list__item .time {
        padding-top:225px;
        text-align: left
    }
}

@media screen and (min-width: 992px) {
    .landmark-memory__list__item:not(:first-of-type) {
        margin-top:-20%
    }

    .landmark-memory__list__item.no-margin-top:not(:first-of-type) {
        margin-top: -60px
    }

    .landmark-memory__list__item .time {
        text-align: center;
        padding-top: 165px;
        width: 180px
    }
}

.landmark-memory__list__item .time .date {
    font-weight: 500;
    margin-bottom: -8px;
    font-size: 3.2rem;
    font-family: SVN-Gilroy,sans-serif
}

.landmark-memory__list__item .time span {
    font-size: 1.2rem;
    color: #2c2c2c
}

.landmark-memory__list__item .line {
    border-left: 1px solid #ccc;
    content: "";
    position: relative
}

.landmark-memory__list__item .line .wrap {
    content: "";
    width: 24px;
    height: 24px;
    background: #fff;
    position: absolute;
    left: -12px;
    top: 98px;
    z-index: 1
}

@media screen and (min-width: 375px) {
    .landmark-memory__list__item .line .wrap {
        top:128px
    }
}

@media (width: 425px) {
    .landmark-memory__list__item .line .wrap {
        top:133px
    }
}

@media screen and (min-width: 768px) {
    .landmark-memory__list__item .time span {
        font-size:1.4rem
    }

    .landmark-memory__list__item .line .wrap {
        top: 240px
    }

    .landmark-memory__list__item .content,.landmark-memory__list__item .content-left,.landmark-memory__list__item .content-right {
        width: 480px
    }
}

@media screen and (min-width: 992px) {
    .landmark-memory__list__item .line .wrap {
        top:187px
    }

    .landmark-memory__list__item .content,.landmark-memory__list__item .content-left,.landmark-memory__list__item .content-right {
        min-width: 349px
    }
}

.landmark-memory__list__item .line .dots {
    width: 12px;
    height: 12px;
    background: #00b74f;
    border-radius: 50%;
    content: "";
    margin: 6px auto 0
}

.landmark-memory__list__item .content,.landmark-memory__list__item .content-left,.landmark-memory__list__item .content-right {
    background: #dde6e8
}

.landmark-memory__list__item .content .picture,.landmark-memory__list__item .content-left .picture,.landmark-memory__list__item .content-right .picture {
    height: 80px;
    overflow: hidden
}

@media screen and (min-width: 375px) {
    .landmark-memory__list__item .content .picture,.landmark-memory__list__item .content-left .picture,.landmark-memory__list__item .content-right .picture {
        height:110px
    }
}

@media (min-width: 425px) {
    .landmark-memory__list__item .content .picture,.landmark-memory__list__item .content-left .picture,.landmark-memory__list__item .content-right .picture {
        height:113px
    }
}

@media screen and (min-width: 768px) {
    .landmark-memory__list__item .content .picture,.landmark-memory__list__item .content-left .picture,.landmark-memory__list__item .content-right .picture {
        height:223px
    }

    .mission {
        margin-bottom: 50px
    }
}

.landmark-memory__list__item .content .wrap-content,.landmark-memory__list__item .content-left .wrap-content,.landmark-memory__list__item .content-right .wrap-content {
    padding: 20px
}

.landmark-memory__list__item .content .wrap-content:before,.landmark-memory__list__item .content-left .wrap-content:before,.landmark-memory__list__item .content-right .wrap-content:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.leadership--menu-collapse .collapse-header:after,.story-tips-listing .story-tips-listing__menu-collapse .collapse-header:after {
    background: 0 0;
    content: "\E907";
    height: 20px;
    transition: .2s ease-in-out;
    width: 16px;
    float: right;
    text-align: center;
    line-height: 20px
}

.landmark-memory__list__item .content .wrap-content .title,.landmark-memory__list__item .content-left .wrap-content .title,.landmark-memory__list__item .content-right .wrap-content .title {
    font-size: 1.6rem;
    font-family: SVN-Gilroy,sans-serif;
    font-weight: 700;
    max-height: 75px;
    overflow: hidden;
    margin-bottom: 5px
}

.landmark-memory__list__item .text {
    margin: 0;
    height: 50px;
    overflow: hidden
}

.landmark-memory__list__item .content-left {
    position: relative;
    display: none
}

.landmark-memory__list__item .content-left .wrap-content:before {
    border-left: 10px solid #dde6e8;
    right: -10px
}

.landmark-memory__list__item .content-right {
    margin: 0 0 30px 30px;
    position: relative
}

.landmark-memory__list__item .content-right .wrap-content:before {
    border-right: 10px solid #dde6e8;
    left: -10px
}

.you-maybe-interested-in {
    padding-bottom: 40px
}

.you-maybe-interested-in__slide--item {
    padding: 10px 15px;
    height: 100%
}

.you-maybe-interested-in button {
    background: #afb8b6;
    width: 20px;
    height: 40px;
    z-index: 1;
    position: absolute;
    top: 38%;
    cursor: pointer
}

.you-maybe-interested-in button.slick-next:before {
    font-family: icomoon;
    font-weight: 700;
    content: "\E916";
    color: #00b74f
}

.you-maybe-interested-in button.slick-next.slick-arrow {
    border-radius: 20px 0 0 20px;
    right: 0
}

@media screen and (min-width: 768px) {
    .you-maybe-interested-in button {
        width:30px;
        height: 84px;
        background: #f4f7f8;
        top: 50%
    }

    .you-maybe-interested-in button.slick-next.slick-arrow {
        margin-right: 8px;
        border-radius: 0;
        right: -27px
    }

    .you-maybe-interested-in button.slick-next:before {
        margin-right: 0;
        color: #6e7573
    }
}

.you-maybe-interested-in button.slick-prev:before {
    font-family: icomoon;
    font-weight: 700;
    content: "\E911";
    color: #00b74f
}

.you-maybe-interested-in button.slick-prev.slick-arrow {
    border-radius: 0 20px 20px 0;
    left: 0
}

@media screen and (min-width: 768px) {
    .you-maybe-interested-in button.slick-prev.slick-arrow {
        margin-left:8px;
        border-radius: 0;
        left: -27px
    }

    .you-maybe-interested-in button.slick-prev:before {
        margin-left: 0;
        color: #6e7573
    }
}

.story-tips-listing {
    padding: 0 0 30px
}

.story-tips-listing .story-tips-listing__menu-collapse .collapse-header {
    color: #545758;
    padding: 10px 15px;
    line-height: 20px;
    border-bottom: 1px solid #dde6e8;
    margin: 0 -15px;
    cursor: pointer
}

.story-tips-listing .story-tips-listing__menu-collapse .collapse-header:after {
    font-family: icomoon;
    transform: rotate(0);
    font-weight: bolder
}

.deposit-rates-content__detail.open .collapse-header:after,.form-doc-content__detail.open .collapse-header:after,.highlight-feature .highlight-feature-item__wrap.expanded .highlight-feature-item__arrow-expand,.leadership--menu-collapse.open .collapse-header:after,.reference-interest-content__detail.open .collapse-header:after,.story-tips-listing .story-tips-listing__menu-collapse.open .collapse-header:after,.tariff-content__detail.open .collapse-header:after {
    transform: rotate(180deg)
}

.story-tips-listing .story-tips-listing__menu-collapse .collapse-header>img {
    margin: -4px 10px 0 0
}

.story-tips-listing .story-tips-listing__menu-collapse.open ul.story-tips-listing__filter {
    max-height: inherit;
    box-shadow: 0 30px 30px rgba(84,87,88,.1)
}

.story-tips-listing__filter {
    background: #f4f7f8;
    z-index: 5;
    display: block;
    position: absolute;
    width: 100%;
    border: none;
    overflow: hidden;
    max-height: 0;
    left: 0;
    padding: 0;
    list-style: none;
    margin: 0
}

.calculation-result__unit,.story-tips-listing__filter li {
    font-size: 1.4rem
}

.story-tips-listing__filter li+li {
    border-top: 1px solid #dde6e8
}

.story-tips-listing__filter li a {
    color: #000;
    padding: 19px 20px 19px 40px;
    display: block
}

.story-tips-listing__filter li a:hover {
    color: #00b74f;
    text-decoration: none
}

.story-tips-listing__filter li.active a {
    background: #fff;
    color: #00b74f;
    font-weight: 600
}

.story-tips-listing__content {
    position: relative;
    min-height: 100%
}

.story-tips-listing__content:after {
    content: " ";
    display: block;
    width: 48px;
    height: 48px;
    border-color: #6e7573 transparent;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    animation: 1.2s linear infinite load-icon
}

.story-tips-listing__content.loaded {
    min-height: auto
}

.about-news-vpbank .desktop,.event-investor .section-title,.event-investor__main__content--desktop,.header-sme.top-primary .navbar-primary li.has-mega-menu:hover a:before,.main-event-investor-vpbank .investor-relation-news .section-title,.main-event-investor-vpbank .smooth-scroll-list,.story-tips-listing__content.loaded:after {
    display: none
}

.article-detail-right>div,.business-info-sme .business-offer,.green-credit-list__wrap-article,.personal-infomation-sme__main,.story-tips-listing__content--item,.vpbank-system__wrap-article {
    margin-bottom: 30px
}

.article-detail-content__title {
    font-size: 2.2rem
}

.article-detail-content__date {
    color: #6e7573;
    font-size: 1.4rem;
    margin-bottom: 20px;
    display: block
}

.article-detail-content img {
    height: auto!important;
    margin-bottom: 20px
}

.article-detail-content iframe {
    height: 218px;
    width: 100%;
    margin-bottom: 20px
}

.article-detail-content ul {
    padding-left: 30px;
    margin-bottom: 20px
}

.article-detail-content ul li {
    list-style: none;
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px
}

.article-detail-content ul li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #00b74f;
    position: absolute;
    left: 0;
    top: 10px
}

.article-detail-btn,[dir=rtl] .slick-slide {
    float: right
}

.sidebar-module-title {
    background: #00b74f;
    padding: 10px 20px
}

.sidebar-module-title h2 {
    color: #fff;
    font-size: 2rem;
    font-family: SVN-Gilroy,sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase
}

.sidebar-module-wrap {
    padding: 20px;
    border: 1px solid #dde6e8;
    list-style: none
}

.sidebar-module__img {
    max-width: 100px;
    max-height: 100px;
    overflow: hidden;
    display: block
}

@media screen and (min-width: 992px) {
    .landmark-memory__list__item .content .picture,.landmark-memory__list__item .content-left .picture,.landmark-memory__list__item .content-right .picture {
        height:170px
    }

    .landmark-memory__list__item .content .wrap-content .title,.landmark-memory__list__item .content-left .wrap-content .title,.landmark-memory__list__item .content-right .wrap-content .title {
        max-height: 85px;
        font-size: 1.8rem
    }

    .landmark-memory__list__item .content-left {
        display: block
    }

    .landmark-memory__list__item .content-right {
        margin: 0 0 0 60px
    }

    .you-maybe-interested-in button.slick-next.slick-arrow {
        margin-right: 0;
        border-radius: 0;
        right: -45px
    }

    .you-maybe-interested-in button.slick-prev.slick-arrow {
        margin-left: 0;
        border-radius: 0;
        left: -45px
    }

    .story-tips-listing {
        padding: 60px 0 30px
    }

    .story-tips-listing .story-tips-listing__menu-collapse {
        margin-bottom: 0
    }

    .story-tips-listing .story-tips-listing__menu-collapse .collapse-header {
        display: none
    }

    .story-tips-listing__filter {
        background: #f4f7f8;
        list-style: none;
        padding: 0;
        display: block;
        position: relative;
        max-height: inherit;
        border-radius: 10px;
        border: 1px solid #dde6e8
    }

    .story-tips-listing__filter li {
        font-size: 1.8rem;
        font-weight: 600
    }

    .story-tips-listing__filter li.active a {
        background: #fff;
        color: #00b74f
    }

    .sidebar-module__img {
        max-width: 80px;
        max-height: 80px
    }
}

.sidebar-module__img img {
    object-fit: cover;
    height: 100%
}

.sidebar-module__content {
    padding-left: 20px;
    width: calc(100% - 100px)
}

@media screen and (min-width: 992px) {
    .sidebar-module__content {
        width:calc(100% - 80px)
    }

    .leadership--menu-collapse .collapse-header {
        display: none
    }
}

.sidebar-module__content span {
    font-size: 1.2rem;
    color: #6e7573;
    vertical-align: top
}

.sidebar-module__content h3 {
    font-size: 1.6rem
}

.calculation__exchange,.calculation__installment-interest,.calculation__loan-interest,.calculation__savings-interest,.sidebar-module__content h3 a {
    color: #545758
}

.business-info-sme .business-offer-title a:hover,.business-info-sme .news-info .title a:hover,.sidebar-module__content h3 a:hover {
    color: #00b74f;
    text-decoration: none
}

.sidebar-module__content p {
    font-size: 1.4rem;
    margin: 0
}

.article-detail-nosidebar__content h1,.article-detail-nosidebar__content h2,.article-detail-nosidebar__content h3,.article-detail-nosidebar__content h4,.article-detail-nosidebar__content h5,.article-detail-nosidebar__content h6 {
    font-family: SVN-Gilroy,sans-serif
}

.proud {
    margin: 30px 0 70px
}

.proud__content__list__item {
    position: relative;
    padding: 15px;
    height: 100%
}

.proud__content__list__item .picture-main {
    position: relative
}

#other-information .button .btn,.business-community__title,.proud__content__list__item .picture-main img {
    width: 100%
}

.proud__content__list__item .picture-main .flower {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%)
}

.proud__content__list__item .text {
    padding: 40px 15px 30px;
    background: #f4f7f8;
    height: 100%
}

.proud__content__list__item .text .title {
    font-weight: 700;
    margin-bottom: 10px
}

.proud__content__list__item .text .view-all {
    position: absolute;
    bottom: 20px;
    font-weight: 700
}

.awards-achievements .year-slick__main {
    margin: 30px 0 0
}

@media screen and (min-width: 768px) {
    .story-tips-listing .story-tips-listing__menu-collapse .collapse-header {
        padding:10px 0 14px
    }

    .article-detail-content__title {
        font-size: 4rem
    }

    .article-detail-content iframe {
        height: 445px
    }

    .proud__content__list__item .text .title {
        font-size: 1.8rem
    }

    .proud .slick-dotted.slick-slider {
        margin-bottom: 40px
    }

    .proud .slick-dotted.slick-slider .slick-dots {
        bottom: -40px
    }

    .awards-achievements .year-slick__main__content--item {
        margin-bottom: 30px
    }

    #other-information .button .btn {
        width: auto
    }

    .about-news-vpbank {
        padding-top: 30px
    }

    .about-news-vpbank .mobile {
        display: none
    }
}

.about-news-vpbank .desktop__list {
    margin-left: -10px;
    margin-right: -10px
}

.leadership--menu-collapse .collapse-header {
    color: #545758;
    padding: 10px;
    border-bottom: 1px solid #dde6e8;
    margin: 0 -15px
}

.leadership--menu-collapse .collapse-header:after {
    font-family: icomoon;
    transform: rotate(0);
    margin-top: 2px;
    font-weight: bolder
}

.leadership--menu-collapse .collapse-header>img {
    margin: 0 10px 0 0
}

.leadership--menu-collapse.open ul.nav-tab__link {
    max-height: inherit;
    box-shadow: 0 3px 30px rgba(0,0,0,.1)
}

.leadership .leadership-tab__link {
    z-index: 5;
    display: block;
    position: absolute;
    width: 100%;
    background: #f4f7f8;
    border: none;
    overflow: hidden;
    max-height: 0;
    left: 0
}

.course-details-carousel,.form-documents-list-bar-content.smooth-scroll-list .desktop__list,.knowledge-offline-training .offline-training-item__content p,.knowledge-online-training__item .knowledge-online-content .section-title,.leadership .leadership-tab__link li {
    margin: 0
}

.leadership .leadership-tab__link li a {
    background: #f4f7f8;
    border: none;
    border-bottom: 1px solid #dde6e8;
    padding: 15px 15px 15px 40px;
    display: block;
    color: #545758
}

@media screen and (min-width: 992px) {
    .leadership .leadership-tab__link {
        border-bottom:1px solid #dde6e8;
        display: flex;
        padding: 15px 0;
        justify-content: center;
        background: #fff;
        width: 100%;
        position: relative;
        box-shadow: none;
        max-height: inherit
    }

    .leadership .leadership-tab__link li {
        margin: 0 20px
    }

    .leadership .leadership-tab__link li a {
        background: #fff;
        color: #000;
        font-size: 1.4rem;
        font-weight: 700;
        display: inline-block;
        border-radius: 4px;
        text-align: center;
        border: 1px solid #dde6e8;
        min-width: 170px;
        padding: 10px
    }

    .leadership .leadership-tab__link li a:hover {
        color: #00b74f;
        text-decoration: none
    }
}

.leadership .leadership-tab__link li a:hover {
    color: #00b74f;
    text-decoration: none;
    font-weight: 700
}

.form-documents-list-bar-content.smooth-scroll-list .mobile__list a.active,.leadership .leadership-tab__link li a.active {
    background: #fff;
    color: #00b74f;
    font-weight: 700
}

.highlight-feature__content .row,.leadership .leadership-tab__content .row {
    justify-content: center
}

.leadership .leadership-tab__content .row>div {
    margin-bottom: 10px
}

.event-investor,.webcast {
    padding-top: 20px;
    margin: 0 0 30px
}

.webcast .section-title h2 {
    font-size: 3rem
}

.deposit-rates-content__detail__tab .tab-item,.form-doc-content__detail__tab .tab-item,.reference-interest-content__detail__tab .tab-item,.slideshow.slideshow-sme .masthead__wrap .container,.tariff-content__detail__tab .tab-item,.webcast__main__content--item .webcast-banner {
    position: relative
}

.webcast__main__content--item .webcast-banner img {
    width: 100%;
    margin: 0 auto
}

.webcast__main__content--item .webcast-banner .btn-webcast-link {
    min-width: 150px;
    position: absolute;
    bottom: 6px;
    left: 50%;
    font-size: 1.2rem;
    transform: translateX(-50%);
    font-weight: 700;
    padding: 1rem 1.5rem
}

.webcast__main__content .slick-dots {
    list-style: none;
    display: block;
    position: static;
    text-align: center;
    padding: 0 15px;
    margin-top: 15px;
    width: 100%
}

.knowledge-offline-training .slick-dots li,.knowledge-online-training .slick-dots li,.webcast__main__content .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 10px
}

.business-info-sme .slick-dots li button,.knowledge-offline-training .slick-dots li button,.knowledge-online-training .slick-dots li button,.overview .slick-dotted.slick-slider .slick-dots li button,.webcast__main__content .slick-dots li button {
    width: 12px;
    height: 12px
}

.business-info-sme .slick-dots li button:before,.knowledge-offline-training .slick-dots li button:before,.knowledge-online-training .slick-dots li button:before,.overview .slick-dotted.slick-slider .slick-dots li button:before,.webcast__main__content .slick-dots li button:before {
    width: 12px;
    height: 12px;
    border: 1px solid #00b74f;
    background: #fff;
    border-radius: 50%;
    color: transparent;
    opacity: 1
}

.business-info-sme .slick-dots li.slick-active button:before,.knowledge-offline-training .slick-dots li.slick-active button:before,.knowledge-online-training .slick-dots li.slick-active button:before,.overview .slick-dotted.slick-slider .slick-dots li.slick-active button:before,.webcast__main__content .slick-dots li.slick-active button:before {
    background: #00b74f;
    color: transparent
}

.webcast__main__content .slick-arrow {
    z-index: 1;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    top: 50%;
    background: 0 0;
    border: 1px solid #6e7573;
    color: #6e7573;
    display: none!important
}

.webcast__main__content .slick-arrow:before {
    font-family: icomoon;
    color: #6e7573;
    font-size: 1.8rem
}

.webcast__main__content .slick-arrow:hover {
    background-color: #afb8b6;
    border: 1px solid #afb8b6
}

.webcast__main__content .slick-arrow.slick-prev {
    left: 0;
    border-radius: 20px
}

.webcast__main__content .slick-arrow.slick-prev:before {
    content: "\E908"
}

.webcast__main__content .slick-arrow.slick-next {
    right: 0;
    border-radius: 20px
}

.webcast__main__content .slick-arrow.slick-next:before {
    content: "\E909"
}

.webcast__main__content .slick-arrow.slick-disabled {
    border: 1px solid rgba(110,117,115,.2)
}

@media screen and (max-width: 767px) {
    .search-result__content__item:last-child {
        border-bottom:1px solid transparent
    }

    .search-result__content__item .title {
        margin-bottom: 8px;
        font-size: 1.6rem
    }

    .webcast {
        margin-bottom: 10px
    }

    .event-investor,.webcast__main__content.slick-slider.slick-dotted {
        margin-bottom: 0
    }
}

.event-investor__main__content--mobile {
    display: block
}

.event-investor--notify {
    margin: 20px 0
}

@media screen and (min-width: 768px) {
    .about-news-vpbank .desktop {
        display:block
    }

    .leadership--menu-collapse .collapse-header {
        padding: 10px 0 14px
    }

    .webcast__main__content {
        margin-left: 0;
        margin-right: 0;
        display: flex
    }

    .webcast__main__content .slick-dots li {
        margin: 0 20px 0 0
    }

    .event-investor--notify {
        margin: 8px 0 15px
    }

    .main-event-investor-vpbank {
        border-bottom: 1px solid #afb8b6
    }
}

.deposit-rates-content__detail .collapse-header__icon img,.event-investor--viewfull,.form-doc-content__detail .collapse-header__icon img,.reference-interest-content__detail .collapse-header__icon img,.tariff-content__detail .collapse-header__icon img {
    display: block
}

.event-investor--viewfull a {
    text-decoration: underline
}

.investor-relation-news {
    padding-top: 20px;
    margin: 10px 0 20px
}

.investor-relation-news .year-slick__main__content--item .article__content--title a {
    font-size: 1.8rem
}

.form-documents-list-bar-content.smooth-scroll-list .desktop__list.slick-slider {
    padding: 0
}

.form-documents-list-bar-content.smooth-scroll-list__details__item a {
    text-decoration: none;
    color: #545758;
    background: #f4f7f8;
    border-bottom: 1px solid #b5bec1;
    padding: 17px 45px;
    display: block
}

.form-documents-list-bar-content.smooth-scroll-list__details__item:last-child a,.installment-page .basic-accordion--installment.large-collapse .basic-accordion__card__header {
    border-bottom: none
}

.deposit-rates-content .nav-tab__content__detail__item,.form-doc-content .nav-tab__content__detail__item,.reference-interest-content .nav-tab__content__detail__item,.tariff-content .nav-tab__content__detail__item {
    transform: translateY(20px);
    transition: .4s
}

.deposit-rates-content .nav-tab__content__detail__item.active,.form-doc-content .nav-tab__content__detail__item.active,.reference-interest-content .nav-tab__content__detail__item.active,.tariff-content .nav-tab__content__detail__item.active {
    transform: translateY(0)
}

.deposit-rates-content__detail .collapse-header,.form-doc-content__detail .collapse-header,.reference-interest-content__detail .collapse-header,.tariff-content__detail .collapse-header {
    display: flex;
    width: 100%;
    position: relative;
    padding: 9px 15px;
    border-bottom: 1px solid #b5bec1;
    border-top: 1px solid #b5bec1;
    align-items: center
}

.deposit-rates-content__detail .collapse-header__time,.form-doc-content__detail .collapse-header__time,.reference-interest-content__detail .collapse-header__time,.tariff-content__detail .collapse-header__time {
    font-size: 1.6rem;
    font-weight: 500;
    font-family: SVN-Gilroy,sans-serif
}

.slick-dots li button:before,.slick-next:before,.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.deposit-rates-content__detail__tab,.form-doc-content__detail__tab,.reference-interest-content__detail__tab,.tariff-content__detail__tab {
    display: none;
    max-height: 0;
    flex-direction: column;
    z-index: 9;
    position: absolute;
    width: 100%;
    background: #f4f7f8;
    border: none;
    overflow: hidden;
    left: 0;
    top: 42px
}

@media screen and (min-width: 992px) {
    .leadership .leadership-tab__link li a.active {
        text-decoration:none;
        background: linear-gradient(90deg,#015aad,#00b74f);
        color: #fff;
        border-color: transparent
    }

    .leadership .leadership-tab__content .row>div {
        margin-bottom: 30px
    }

    .webcast .section-title h2 {
        font-size: 4rem
    }

    .webcast__main__content--item .webcast-banner img {
        width: 80%
    }

    .webcast__main__content--item .webcast-banner .btn-webcast-link {
        bottom: 30px;
        padding: .7rem 3rem;
        min-width: 180px
    }

    .webcast__main__content .slick-list {
        margin: 0 45px
    }

    .webcast__main__content .slick-arrow {
        display: block!important
    }

    .webcast__main__content .slick-arrow.slick-prev {
        left: 0
    }

    .webcast__main__content .slick-arrow.slick-next {
        right: 0
    }

    .event-investor .section-title,.event-investor__main__content--desktop {
        display: block
    }

    .deposit-rates-content__detail .collapse-header,.event-investor--viewfull,.event-investor__main__content--mobile,.form-doc-content__detail .collapse-header,.reference-interest-content__detail .collapse-header,.tariff-content__detail .collapse-header {
        display: none
    }

    .form-documents-list-bar-content.smooth-scroll-list {
        border-bottom: 1px solid #dde6e8
    }

    .deposit-rates-content,.form-doc-content,.reference-interest-content,.tariff-content {
        padding: 25px 0
    }

    .deposit-rates-content__detail,.form-doc-content__detail,.reference-interest-content__detail,.tariff-content__detail {
        flex-direction: row;
        align-items: inherit
    }

    .deposit-rates-content__detail .collapse-header:after,.form-doc-content__detail .collapse-header:after,.reference-interest-content__detail .collapse-header:after,.tariff-content__detail .collapse-header:after {
        content: none
    }

    .deposit-rates-content__detail__tab,.form-doc-content__detail__tab,.reference-interest-content__detail__tab,.tariff-content__detail__tab {
        display: block;
        max-height: inherit;
        position: relative;
        width: 20%;
        top: 0;
        border: 1px solid #dde6e8;
        border-right: none
    }

    .deposit-rates-content__detail__tab .tab-item:first-child,.form-doc-content__detail__tab .tab-item:first-child,.reference-interest-content__detail__tab .tab-item:first-child,.tariff-content__detail__tab .tab-item:first-child {
        border-top: none
    }
}

.deposit-rates-content__detail__tab .tab-item:after,.form-doc-content__detail__tab .tab-item:after,.reference-interest-content__detail__tab .tab-item:after,.tariff-content__detail__tab .tab-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #b5bec1
}

.deposit-rates-content__detail__tab .tab-item a,.form-doc-content__detail__tab .tab-item a,.reference-interest-content__detail__tab .tab-item a,.tariff-content__detail__tab .tab-item a {
    color: #545758;
    font-size: 1.6rem;
    width: 100%;
    display: block;
    padding: 18px 45px;
    text-decoration: none;
    position: relative
}

.deposit-rates-content__detail__content,.form-doc-content__detail__content,.reference-interest-content__detail__content,.tariff-content__detail__content {
    padding: 15px;
    width: 100%
}

@media screen and (min-width: 992px) {
    .deposit-rates-content__detail__tab .tab-item a,.form-doc-content__detail__tab .tab-item a,.reference-interest-content__detail__tab .tab-item a,.tariff-content__detail__tab .tab-item a {
        font-size:1.8rem;
        font-weight: 600;
        background: #f4f7f8;
        color: #000;
        padding: 11.5px 18px;
        margin: 0
    }

    .deposit-rates-content__detail__content,.form-doc-content__detail__content,.reference-interest-content__detail__content,.tariff-content__detail__content {
        width: 80%;
        border: 1px solid #dde6e8;
        padding: 15px 20px
    }
}

.deposit-rates-content__detail__content .tab-content-item__detail h3,.form-doc-content__detail__content .tab-content-item__detail h3,.reference-interest-content__detail__content .tab-content-item__detail h3,.tariff-content__detail__content .tab-content-item__detail h3 {
    font-family: SVN-Gilroy,sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px
}

.deposit-rates-content__detail__content .tab-content-item__detail a,.form-doc-content__detail__content .tab-content-item__detail a,.reference-interest-content__detail__content .tab-content-item__detail a,.tariff-content__detail__content .tab-content-item__detail a {
    display: block;
    margin-bottom: 5px;
    word-wrap: break-word;
    font-size: 1.4rem;
    position: relative;
    padding-left: 20px
}

.deposit-rates-content__detail__content .tab-content-item__detail a:before,.form-doc-content__detail__content .tab-content-item__detail a:before,.reference-interest-content__detail__content .tab-content-item__detail a:before,.tariff-content__detail__content .tab-content-item__detail a:before {
    font-family: icomoon;
    content: "\E9C7";
    position: absolute;
    left: 0;
    top: -1px
}

.deposit-rates-content__detail.open .nav-tab__link,.form-doc-content__detail.open .nav-tab__link,.reference-interest-content__detail.open .nav-tab__link,.tariff-content__detail.open .nav-tab__link {
    max-height: inherit;
    display: block;
    box-shadow: 0 3px 10px rgba(0,0,0,.1)
}

@media screen and (min-width: 768px) {
    .main-event-investor-vpbank .investor-relation-news .section-title,.main-event-investor-vpbank .smooth-scroll-list {
        display:block
    }

    .form-documents-list-bar-content.smooth-scroll-list {
        padding: 15px 25px
    }

    .form-documents-list-bar-content.smooth-scroll-list__details__item a {
        font-size: 1.4rem;
        font-weight: 700;
        background: #afb8b6;
        text-align: center;
        padding: 3px 15px;
        min-height: 54px;
        border-bottom: none
    }

    .deposit-rates-content__detail,.form-doc-content__detail,.reference-interest-content__detail,.tariff-content__detail {
        margin: 0
    }

    .deposit-rates-content__detail__tab .tab-item:after,.form-doc-content__detail__tab .tab-item:after,.reference-interest-content__detail__tab .tab-item:after,.tariff-content__detail__tab .tab-item:after {
        background-color: #dde6e8
    }

    .deposit-rates-content__detail__content .tab-content-item,.form-doc-content__detail__content .tab-content-item,.reference-interest-content__detail__content .tab-content-item,.tariff-content__detail__content .tab-content-item {
        padding-bottom: 12px;
        margin-bottom: 16px
    }

    .deposit-rates-content__detail__content .tab-content-item:last-child,.form-doc-content__detail__content .tab-content-item:last-child,.reference-interest-content__detail__content .tab-content-item:last-child,.tariff-content__detail__content .tab-content-item:last-child {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .deposit-rates-content__detail.open .nav-tab__link,.form-doc-content__detail.open .nav-tab__link,.reference-interest-content__detail.open .nav-tab__link,.tariff-content__detail.open .nav-tab__link {
        border: 1px solid #dde6e8;
        border-top: none
    }

    .deposit-rates-content .button-learn-more .btn,.form-doc-content .button-learn-more .btn,.reference-interest-content .button-learn-more .btn,.tariff-content .button-learn-more .btn {
        padding: .5rem 5.5rem;
        width: auto
    }
}

.vpb-captcha {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 250px
}

.vpb-captcha .content-text {
    transform: rotate(-8deg);
    display: inline-block;
    font-weight: 700;
    font-size: 36px
}

.vpb-captcha .captcha-text {
    background: url(https://backgroundcheckall.com/wp-content/uploads/2018/10/captcha-background-image-3.jpg);
    padding: 10px;
    text-align: center;
    width: calc(100% - 36px);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #00b74f
}

.vpb-captcha .btn-captcha-refresh {
    cursor: pointer;
    background-color: #00b74f;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #00b74f;
    border-left: none
}

.vpb-captcha .btn-captcha-refresh i {
    font-size: 1.6rem;
    color: #fff
}

.vpb-captcha .btn-captcha-refresh:hover {
    background-color: #009e44
}

.vpb-captcha .btn-captcha-refresh:hover i {
    animation: 2s linear infinite fa-spin
}

.vpb-captcha .captcha-input::placeholder {
    color: #6e7573
}

.header-sme.top-primary {
    height: 88px;
    display: flex
}

.header-sme.top-primary.sticked .language {
    margin-left: 48px
}

.header-sme.top-primary .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
    padding-left: 15px
}

.header-sme.top-primary .main-logo {
    display: inline-flex;
    align-items: center
}

.header-sme.top-primary .navbar-primary {
    width: auto
}

html[lang=vi-VN] .header-sme.top-primary .navbar-primary .navbar-item {
    font-size: 1.8rem;
    padding: 0 10px
}

.header-sme.top-primary .mobile-menu {
    border-left: none
}

.header-sme .top-primary__link .navbar-mobile.display {
    width: calc(100% - 88px)
}

.header-sme .top-primary__link .navbar-mobile.display+.overlay-mobile+.button-close-nav {
    font-size: 3.1rem;
    margin-left: calc(100% - 88px)
}

.header-sme .top-primary__link .navbar-mobile li .nav-link {
    padding: 11px 0
}

.header-sme .top-primary__link .navbar-mobile__container {
    width: calc(100vw - 88px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.header-sme .top-primary__link .button-close-nav {
    width: 88px;
    height: 88px
}

.header-sme .top-primary__content {
    align-items: center
}

.header-sme .top-primary__content:before {
    display: none
}

.header-sme .top-primary__button {
    margin-top: 70px
}

.header-sme .top-primary__username {
    font-size: 1.6rem;
    margin-bottom: 0;
    cursor: pointer
}

.header-sme .top-primary__username span {
    font-weight: 700
}

.header-sme .top-primary__username--mobile {
    display: block;
    margin-top: 70px
}

.header-sme .icon-vn,.header-sme .top-primary__username--desktop {
    display: none
}

.cal-savings-interest .form-check-label input.form-check-input+span,.header-sme ul.user-submenu-mobile li {
    color: #afb8b6
}

.header-sme ul.user-submenu-mobile li a {
    display: block;
    color: #afb8b6
}

.header-sme ul.user-submenu-mobile li button {
    border: none;
    background: 0 0;
    color: #afb8b6;
    padding: 0
}

.header-sme ul.user-submenu {
    flex-direction: column;
    position: absolute;
    top: 43px;
    left: 0;
    min-width: 232px;
    font-size: 1.8rem;
    box-shadow: 0 10px 15px 1px rgba(0,0,0,.1);
    display: none;
    z-index: -1
}

.header-sme ul.user-submenu.display-submenu {
    display: inline-flex
}

.header-sme ul.user-submenu li {
    background: #f4f7f8;
    align-items: center;
    color: #6e7573
}

.header-sme ul.user-submenu li a {
    line-height: 1;
    color: inherit;
    display: block;
    padding: 24px
}

.cal-savings-interest .form-check-label input.form-check-input:hover+span,.calculation-formula__box .form-check-label input.form-check-input:hover+span {
    color: #6e7573
}

.header-sme ul.user-submenu li button {
    border: none;
    background: 0 0;
    color: #6e7573;
    display: block;
    width: 100%;
    padding: 24px;
    text-align: left
}

.header-sme .primary {
    margin-top: 50px
}

@media screen and (min-width: 375px) {
    .header-sme .top-primary__button {
        margin-top:150px
    }

    .header-sme .language-bar {
        margin-top: 80px
    }

    .slideshow+.banner-submenu-sme {
        margin-top: -44px
    }
}

.header-sme .language-bar img {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #707070;
    padding: 4px;
    margin-right: 5px
}

.header-sme .btn {
    margin-bottom: 15px;
    display: block
}

.footer-sme {
    background: 0 0;
    padding: 0
}

.footer-sme .footer__tag__name {
    display: flex;
    justify-content: flex-end
}

.footer-sme .footer__tag .tag-name {
    background-color: #00b74f;
    color: #fff;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: left;
    margin-bottom: 0;
    padding: 5px 15px;
    border-radius: 10px 10px 0 0;
    display: inline-block
}

.footer-sme .footer__tag .tag-name:hover {
    background-color: #00ea65;
    text-decoration: none
}

.footer-sme .footer__tag .tag-name.sticky-footer {
    position: fixed;
    bottom: 0;
    z-index: 3;
    padding-bottom: calc(5px + env(safe-area-inset-bottom))
}

.footer-sme .footer__content {
    border-top: none;
    background-image: url(/assets/images/bg-footer.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.footer-sme .footer__content__right__link {
    margin: 25px 0 0
}

.footer-sme .footer__content__right .btn {
    display: none
}

.footer-sme .footer__content__left {
    text-align: left;
    margin-bottom: 0
}

.footer-sme .footer__content__left__info {
    text-align: left;
    padding: 0
}

.footer-sme .footer__content__left__info:before {
    height: 40%
}

@media screen and (min-width: 768px) {
    .header-sme .top-primary__link .navbar-mobile.display,.header-sme .top-primary__link .navbar-mobile__container {
        width:315px
    }

    .header-sme .top-primary__link .navbar-mobile.display+.overlay-mobile+.button-close-nav {
        margin-left: 315px
    }

    .header-sme .btn {
        max-width: 240px
    }

    .footer-sme .footer__content__right {
        display: flex;
        align-items: baseline
    }

    .footer-sme .footer__content__right__link {
        margin: 0 auto 0 0
    }

    .footer-sme .footer__content__right .btn {
        display: inline-block
    }

    .footer-sme .footer__content__left {
        display: flex
    }

    .footer-sme .footer__content__left__info {
        padding: 0 0 0 30px;
        font-size: 1.4rem
    }

    .footer-sme .footer__content__left__button {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .deposit-rates-content__detail.open .nav-tab__link,.form-doc-content__detail.open .nav-tab__link,.reference-interest-content__detail.open .nav-tab__link,.tariff-content__detail.open .nav-tab__link {
        border:none
    }

    .footer-sme .footer__content__left__info {
        padding: 0
    }
}

@media screen and (min-width: 1200px) {
    .landmark-memory__list__item .time {
        padding-top:218px
    }

    .landmark-memory__list__item .line .wrap {
        top: 242px
    }

    .landmark-memory__list__item .content,.landmark-memory__list__item .content-left,.landmark-memory__list__item .content-right {
        min-width: 480px
    }

    .landmark-memory__list__item .content .picture,.landmark-memory__list__item .content-left .picture,.landmark-memory__list__item .content-right .picture {
        min-height: 223px
    }

    .sidebar-module__img {
        max-width: 120px;
        max-height: 120px
    }

    .sidebar-module__content {
        width: calc(100% - 120px)
    }

    .proud {
        margin: 30px 0
    }

    .investor-relation-news .year-slick__main__content--item {
        margin-bottom: 30px
    }

    .deposit-rates-content__detail__tab,.form-doc-content__detail__tab,.reference-interest-content__detail__tab,.tariff-content__detail__tab {
        width: 26%
    }

    .deposit-rates-content__detail__content,.form-doc-content__detail__content,.reference-interest-content__detail__content,.tariff-content__detail__content {
        width: 74%
    }

    .header-sme.top-primary {
        height: auto
    }

    .header-sme .top-primary__username--mobile {
        display: none;
        margin-top: 0
    }

    .header-sme .top-primary__username--desktop {
        position: relative;
        display: block
    }

    .header-sme .language-bar,.header-sme .primary {
        margin-top: 0
    }

    .header-sme .icon-vn {
        margin-left: 48px;
        display: block
    }

    .header-sme .btn {
        display: inline-block;
        min-width: 140px;
        margin: 0 10px 0 0;
        font-size: 1.2rem;
        font-weight: 700
    }

    .footer-sme .footer__content__left__info {
        padding: 0 0 0 10px
    }
}

.footer-sme .footer__content__left__info a {
    font-size: 1.4rem;
    color: #545758;
    text-decoration: none
}

.footer-sme .footer__content__left__logo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px
}

.footer-sme .footer__copyright__left,.footer-sme .footer__copyright__right {
    text-align: left
}

.slideshow.slideshow-sme .slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: left;
    padding: 0 15px;
    margin: 0;
    width: 100%;
    bottom: 100px
}

@media screen and (min-width: 768px) {
    .footer-sme .footer__copyright__right {
        text-align:right
    }

    .slideshow.slideshow-sme .slick-dots {
        width: 720px;
        bottom: 70px;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media screen and (min-width: 992px) {
    .slideshow.slideshow-sme .slick-dots {
        width:920px
    }
}

@media screen and (min-width: 1200px) {
    .slideshow.slideshow-sme .slick-dots {
        width:1140px
    }
}

.slideshow.slideshow-sme .slideshow__content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: inherit;
    text-align: left;
    width: 100%;
    padding: 0 15px;
    margin-top: 65px
}

.business-community__content__item {
    position: relative;
    margin-bottom: 30px;
    min-height: 240px
}

.business-community__content__item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.business-community__content__item .item-content-wrap {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px
}

.business-community__content__item .item-content-wrap__title {
    font-size: 1.8rem
}

.business-community__content__item .item-content-wrap__detail,.business-info-sme .news-info .title {
    font-size: 1.6rem
}

.business-community__content__item .item-content-wrap--big-width {
    width: 80%
}

@media screen and (min-width: 992px) {
    .business-community__content__item {
        min-height:332px
    }

    .business-community__content__item .item-content-wrap__title {
        font-size: 2rem
    }

    .business-community__content__item .item-content-wrap--big-width {
        width: 60%
    }
}

.business-community__content__item .item-content-wrap--small-width {
    width: 80%
}

.business-community__content__item .item-content-wrap--color-white,.business-community__content__item .item-content-wrap--color-white .item-content-wrap__title {
    color: #fff
}

.business-community .reverse {
    flex-direction: column-reverse
}

@media screen and (min-width: 375px) {
    .banner-submenu-sme__list {
        margin:0 auto
    }
}

.banner-submenu-sme__list__item {
    padding: 12px 32px 12px 16px;
    background-color: #fff;
    min-height: 60px;
    position: relative;
    box-shadow: 0 3px 30px rgba(84,87,88,.1);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    transition: .5s
}

.banner-submenu-sme__list__item .submenu-title {
    font-size: 1.4rem;
    color: #00b74f;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .business-community .reverse {
        flex-direction:row-reverse
    }

    .slideshow+.banner-submenu-sme {
        margin-top: -86px
    }

    .banner-submenu-sme__list {
        margin: 0 -15px;
        display: flex;
        align-items: flex-end
    }

    .banner-submenu-sme__list__item .submenu-title {
        font-size: 1.6rem
    }
}

@media screen and (min-width: 1400px) {
    .financial-report-content__detail__content .tab-content-stock iframe,.stock-chart iframe {
        height:700px
    }

    .investor-contact-content__detail__address .investor-form__capcha .vpb-captcha .captcha-text {
        width: 185px
    }

    .investor-contact-content__detail__address .investor-form__capcha .vpb-captcha input.captcha-input {
        width: 215px
    }

    .investor-events-content__detail__left .investor-webcast .slick-dots {
        top: 61%
    }

    .investor-events-content__detail__right {
        height: 100%
    }

    .investor-events-content__detail__right .investor-news {
        min-height: calc(100% - 217px)
    }

    .investor-events-content__detail__right .investor-news__image {
        max-height: 230px;
        overflow: hidden
    }

    .annual-report-section .article-tag {
        margin-bottom: 0
    }

    .annual-report-detail .annual-report-section .article-tag {
        margin-bottom: 30px
    }

    .stock-chart {
        padding: 30px 24px
    }

    .landmark-memory__list__marktime .time {
        width: 660px
    }

    .landmark-memory__list__marktime .time .year {
        padding-right: 60px
    }

    .article-detail-nosidebar .container {
        padding-left: 115px;
        padding-right: 115px
    }

    .about-news-vpbank {
        padding-top: 60px
    }

    .leadership .leadership-tab__link li a {
        padding: 12px 32px
    }

    .footer-sme .footer__content__left__info {
        padding: 0 0 0 30px
    }

    .slideshow.slideshow-sme .slick-dots {
        width: 1230px
    }

    .banner-submenu-sme__list__item {
        padding: 16px 150px 16px 16px
    }

    .banner-submenu-sme__list__item .submenu-title {
        font-size: 1.8rem
    }
}

.banner-submenu-sme__list__item i {
    color: #00b74f;
    font-size: 22px;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width: 1200px) {
    .slideshow.slideshow-sme .slideshow__content {
        margin-top:80px
    }

    .business-community__title {
        padding: 0 20%
    }

    .business-community__content__item .item-content-wrap {
        top: 40px;
        left: 40px
    }

    .banner-submenu-sme__list__item {
        margin-bottom: 0;
        min-height: 76px
    }

    .banner-submenu-sme__list__item:hover {
        background-color: #01ad52;
        min-height: 130px
    }

    .banner-submenu-sme__list__item:hover .submenu-title,.banner-submenu-sme__list__item:hover i {
        color: #fff
    }

    .banner-submenu-sme__list__item i {
        font-size: 30px
    }
}

.banner-submenu-sme__list__item--bgr-orange {
    background-color: #f6871e;
    min-height: 90px;
    padding-right: 68px
}

.calculation-formula__box__table table tbody tr:nth-of-type(2n),.login__main--form {
    background-color: #f4f7f8
}

@media screen and (min-width: 375px) {
    .banner-submenu-sme__list__item--bgr-orange {
        padding-right:32px
    }
}

.banner-submenu-sme__list__item--bgr-orange:hover {
    background-color: #f6871e
}

.banner-submenu-sme__list__item--bgr-orange .submenu-title,.banner-submenu-sme__list__item--bgr-orange i,.finance-with-funding-program .selectric-wrapper .selectric .button:after,.finance-with-funding-program .selectric-wrapper .selectric .label {
    color: #fff
}

.banner-submenu-sme__detail {
    width: 100%;
    text-align: center;
    margin: 20px auto 40px
}

#SMEBusinessInforModel .modal-dialog,#SMEBusinessRegisterForm .modal-dialog,#SMEEditInfo .modal-dialog,#SMEOfflineTrainning .modal-dialog,#SMEOnlineBusinessForm1 .modal-dialog,#SMEOnlineBusinessForm2 .modal-dialog,#SMEPracticalApplication .modal-dialog,#SMESignUpCapitalModel .modal-dialog,.login__main {
    max-width: 700px
}

.banner-submenu-sme .btn {
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 10px;
    padding: .5rem 2rem;
    line-height: normal
}

@media screen and (min-width: 768px) {
    .banner-submenu-sme .btn {
        padding:.5rem
    }
}

.banner-submenu-sme .link-info:hover {
    color: transparent;
    text-decoration: none
}

.business-info-sme {
    margin-bottom: 80px;
    overflow: hidden
}

.business-info-sme .business-offer__item {
    position: relative;
    display: block!important
}

.business-info-sme .business-offer__item__image {
    position: relative;
    height: 0;
    width: 100%;
    padding: 50.7% 0 0
}

.business-info-sme .business-offer__item__image img,.connect-business-live .business-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.business-info-sme .business-offer__item__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    padding: 10px
}

@media screen and (min-width: 768px) {
    .business-info-sme {
        margin-bottom:0
    }

    .business-info-sme .business-offer__item__content {
        padding: 20px
    }
}

.business-info-sme .business-offer__item .read-more {
    display: inline-block;
    margin-top: 0
}

.business-info-sme .business-offer-wishlist {
    position: absolute;
    bottom: 50%;
    left: 85%
}

@media screen and (min-width: 768px) {
    .business-info-sme .business-offer-wishlist {
        bottom:30px;
        left: 20px
    }
}

.business-info-sme .business-offer-wishlist input[type=checkbox]+label:before {
    content: "";
    background: url(assets/images/heart.png) no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    top: 52%;
    width: 15px;
    height: 13px;
    transform: translate(-50%,-50%)
}

.business-info-sme .business-offer-title {
    margin-bottom: 6px;
    font-size: 1.4rem;
    color: #000;
    font-weight: 500
}

@media screen and (min-width: 992px) {
    .business-community__content__item .item-content-wrap--small-width {
        width:70%
    }

    .banner-submenu-sme .btn {
        padding: .5rem 2rem;
        margin-top: 12px
    }

    .business-info-sme .business-offer {
        margin-bottom: 0
    }

    .business-info-sme .business-offer-title {
        font-size: 2.4rem
    }
}

.business-info-sme .slick-dots {
    list-style: none;
    display: block;
    position: absolute;
    text-align: left;
    bottom: 5px;
    left: 10px;
    width: auto
}

@media screen and (min-width: 768px) {
    .business-info-sme .slick-dots {
        bottom:10px;
        left: 20px
    }

    .business-info-sme .news-info {
        margin-bottom: 20px
    }
}

.business-info-sme .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 10px 0 0
}

.business-info-sme .news-info .list-news {
    display: block;
    padding: 15px 10px 15px 15px
}

.business-info-sme .news-info .wrap-news {
    height: 100%;
    max-height: 350px
}

@media screen and (min-width: 768px) {
    .business-info-sme .news-info .list-news {
        padding:20px 10px 20px 20px
    }

    .business-info-sme .news-info .wrap-news {
        max-height: 250px
    }
}

@media screen and (min-width: 992px) {
    .business-info-sme .news-info .wrap-news {
        max-height:258px
    }
}

@media screen and (min-width: 1200px) {
    .banner-submenu-sme__list__item--bgr-orange {
        margin-bottom:0;
        min-height: 130px;
        padding-right: 90px
    }

    .banner-submenu-sme__detail {
        max-width: 1000px;
        width: 80%;
        margin: 60px auto 40px
    }

    .business-info-sme .business-offer-wishlist {
        bottom: 60px;
        left: 30px
    }

    .business-info-sme .slick-dots {
        bottom: 30px;
        left: 30px
    }

    .business-info-sme .news-info .wrap-news {
        max-height: 332px
    }

    .sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide {
        width: 330px;
        text-align: left
    }
}

@media screen and (min-width: 1400px) {
    .business-info-sme .business-offer__item__content {
        width:55%;
        padding: 60px 30px 30px
    }

    .business-info-sme .business-offer__item .read-more {
        margin-top: 20px
    }

    .business-info-sme .business-offer-title {
        font-size: 3rem;
        font-weight: 700
    }

    .business-info-sme .news-info .wrap-news {
        max-height: 363px
    }

    .business-info-sme .news-info .wrap-news__item {
        padding-bottom: 18px;
        margin-bottom: 18px
    }
}

.business-info-sme .news-info .tag-story {
    background: #fff;
    padding: 5px 10px;
    line-height: normal;
    margin-bottom: 10px
}

.carousel-course,.login,.registration-sme {
    margin: 30px auto 50px
}

.login__main {
    margin: 0 auto
}

.login__main--form {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 6px
}

.login__main--form #show_hide_password {
    position: relative
}

.login__main--form #show_hide_password a.eye {
    background: url(http://localhost:8080/assets//images/icons/icon-heart.svg) 50%/contain no-repeat;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    bottom: 12px
}

.login__main--form .form-group {
    margin-bottom: 15px
}

.flatpickr-time input.flatpickr-hour,.login__main--form .form-group label {
    font-weight: 700
}

.login__main--password {
    margin-top: 10px
}

.login__main--password .forgot-password {
    color: #00b74f;
    font-weight: 400;
    float: right
}

.login__main--password .forgot-password:hover {
    color: #00ea65
}

.login__main--password input.vp-checkbox+label {
    font-size: 1.6rem;
    color: #545758
}

.connect-business-online,.finance-with-funding-program__inner,.login__main--service {
    margin-top: 20px
}

.login__main--service .signin {
    margin-bottom: 20px;
    display: block;
    color: #00b74f;
    font-weight: 400;
    width: max-content
}

#SMEChangePass .change-pass form,#SMEChangePass .change-pass__action button,#SMEHealthFormModel .full-name,.login__main--service button {
    width: 100%
}

@media screen and (min-width: 375px) {
    .login__main--service button {
        width:320px
    }
}

@media screen and (min-width: 768px) {
    .login {
        margin:50px auto 100px
    }

    .login__main--form {
        margin-bottom: 65px;
        padding: 32px
    }

    .login__main--service button {
        width: auto
    }

    .login__main--social {
        width: 588px
    }
}

.login__main--social {
    margin: 40px auto;
    border-radius: 10px;
    text-align: center
}

.login__main--social form {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #fff
}

.login__main--social button {
    padding: 5px;
    min-width: 100%;
    margin-bottom: 20px
}

.login__main--social button img {
    margin-right: 5px
}

.login__main--social .signin-fb,.login__main--social .signin-gg {
    margin: auto auto 20px;
    padding: 5px 10px;
    border: 1px solid #00b74f;
    width: 100%;
    color: #00b74f;
    font-size: 1.4rem;
    font-weight: 900;
    display: flex;
    justify-content: space-between
}

.calculation__exchange .selectric .label,.login__main--social .signin-fb a,.login__main--social .signin-gg a {
    display: flex;
    align-items: center
}

.login__main--social .signin-fb img,.login__main--social .signin-gg img {
    margin-right: 10px;
    width: 25px;
    height: 25px
}

.login__main .text-under {
    text-decoration: underline
}

.login__main label.error {
    color: #e10600;
    padding: 10px 0
}

.login input[type=password]::-ms-clear,.login input[type=password]::-ms-reveal {
    display: none
}

#SMEChangePass .change-pass form label.error,.login label.error,.registration-user-sme label.error {
    color: #e10600
}

.login .verify-code-title,.registration-user-sme .verify-code-title {
    font-size: 1.6rem;
    font-weight: 600!important;
    margin-bottom: 10px!important
}

.login .input-verify-code,.registration-user-sme .input-verify-code {
    max-width: 280px;
    display: inline-block!important;
    margin-bottom: 25px!important
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

.verify-code-status {
    display: none;
    margin-top: -20px;
    color: #e10600
}

.personal-infomation-sme {
    width: 100%;
    margin: 30px auto 50px
}

.personal-infomation-sme__main__content .title {
    font-weight: 600;
    margin-bottom: 0
}

.health-capacity-chart .health-chart .health-chart-note,.health-capacity-chart .health-chart .progress-percent,.personal-infomation-sme__main .wrap-group {
    display: flex;
    justify-content: space-between
}

.personal-infomation-sme__main .group {
    width: 50%
}

.personal-infomation-sme__main .group--right {
    text-align: right
}

.health-table-detail .table-detail td:first-child,.personal-infomation-sme__main .group--left {
    text-align: left
}

.personal-infomation-sme__action button {
    display: block;
    margin-bottom: 20px;
    width: 100%
}

.personal-infomation-sme__btn-continue {
    margin-top: 20px;
    text-align: center
}

.course-details,.sme-answer-question,.sme-measure-corporate-health {
    padding: 30px 0 50px
}

.sme-measure-corporate-health h2 {
    text-transform: capitalize
}

.slick-dotted.slick-slider,.sme-answer-question__nav-tab .nav-tab__content .note-content,.sme-measure-corporate-health__main__des {
    margin-bottom: 30px
}

.sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide {
    font-size: 18px
}

.sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide .item {
    position: relative
}

@media screen and (min-width: 992px) {
    .registration-sme {
        margin:50px auto 100px
    }

    .sme-measure-corporate-health {
        padding: 50px 0 100px
    }

    .sme-measure-corporate-health__main__des {
        margin-bottom: 60px
    }

    .sme-measure-corporate-health__main__content__timeline-wrapper {
        display: flex;
        justify-content: center
    }

    .sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide .item .line {
        visibility: inherit;
        content: "";
        width: 100%;
        height: 4px;
        background-color: #00b74f
    }

    .sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide .dot {
        width: 280px;
        margin: 30px 10px
    }

    .sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide .dot:before {
        visibility: inherit;
        content: "";
        width: 20px;
        height: 20px;
        background-color: #fff;
        border-radius: 25px;
        border: 1px solid #00b74f;
        position: absolute;
        top: -9px;
        left: calc(50% - 9px)
    }
}

.sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide .dot .card {
    margin-bottom: 25px
}

.sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide .dot .card img {
    margin-bottom: 20px;
    width: 100%
}

.sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide:first-child .line {
    border-radius: 6px 0 0 6px
}

.sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide:first-child .dot:before {
    left: calc(58% - 12px)
}

.sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide:last-child .line {
    border-radius: 0 6px 6px 0
}

.sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide:last-child .dot:before {
    left: calc(44% - 12px)
}

#SMEBusinessInforModel .registration-sme,#SMEBusinessRegisterForm .registration-sme {
    margin: 20px auto
}

#SMEBusinessInforModel .vpbank-form form,#SMEBusinessRegisterForm .vpbank-form form,#SMEHealthFormModel .vpbank-form form {
    border-radius: 0;
    margin: 0 auto;
    width: 100%
}

#SMEBusinessInforModel .form-attention,#SMEBusinessRegisterForm .form-attention {
    width: 100%;
    margin: 20px auto 0
}

#SMEBusinessInforModel .btn,#SMEBusinessRegisterForm .btn {
    padding: .5rem
}

#SMEBusinessInforModel .error-validate,#SMEBusinessInforModel label.error {
    color: #e10600;
    font-size: 1.6rem
}

.health-result-sme__detail {
    text-transform: uppercase;
    font-size: 2.2rem;
    text-align: center;
    font-weight: 700
}

.health-result-sme__detail span {
    color: #00b74f
}

.health-capacity-chart .health-chart,.health-table-detail .table-detail {
    width: 100%;
    background-color: rgba(229,246,237,.5);
    border-radius: 10px;
    padding: 25px 5px
}

.health-table-detail .table-detail table {
    table-layout: auto;
    width: 100%
}

.health-table-detail .table-detail th {
    color: #00b74f;
    font-weight: 700;
    font-size: 1.6rem;
    border-bottom: 2px solid #b5b5b5;
    border-right: 2px solid #b5b5b5
}

@media screen and (max-width: 767px) {
    .event-investor--viewfull,.investor-relation-news .year-slick__main__content--item .article,.investor-relation-news .year-slick__main__content--item:last-child {
        margin-bottom:0
    }

    .investor-relation-news .year-slick__main .pagination-investor-relation-news {
        margin-top: 35px
    }

    .main-event-investor-vpbank .investor-relation-news {
        padding-top: 0;
        margin-top: 0
    }

    .main-event-investor-vpbank .investor-contact-section {
        padding-top: 25px
    }

    .footer-sme .footer__tag .container {
        padding-right: 0
    }

    .health-table-detail .table-detail th:first-child {
        width: 50%
    }

    .health-table-detail .table-detail th:last-child,.health-table-detail .table-detail th:nth-child(2) {
        width: 25%
    }
}

.health-table-detail .table-detail td:last-child,.health-table-detail .table-detail th:last-child {
    border-right: none
}

.health-table-detail .table-detail td {
    border-right: 2px solid #b5b5b5
}

.health-table-detail .table-detail td,.health-table-detail .table-detail th {
    padding: 8px;
    text-align: center
}

.health-table-detail .table-detail .border-top {
    border-top: 2px solid #b5b5b5;
    border-bottom: none
}

.course-details__main .lesson-item:first-child,.health-support__button {
    border-top: 1px solid #dde6e8
}

@media print {
    .btn,.d-print-none,.footer,.masthead,.top-primary {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    *,:after,:before {
        text-shadow: none!important;
        box-shadow: none!important;
        -webkit-print-color-adjust: exact!important;
        color-adjust: exact!important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .container,body {
        min-width: 1200px!important
    }

    .health-table-detail .table-detail table {
        table-layout: fixed
    }

    .health-table-detail .table-detail th {
        width: auto!important
    }

    .health-capacity-chart .health-chart {
        padding: 50px 55px 35px
    }
}

@media screen and (min-width: 400) {
    .health-capacity-chart .health-chart {
        padding:25px
    }
}

@media screen and (min-width: 992px) {
    #SMEBusinessInforModel .btn {
        padding:.5rem 3rem
    }

    .health-result-sme__detail {
        font-size: 3rem
    }

    .health-capacity-chart .section-title,.health-result-sme .section-title,.health-table-detail .section-title {
        margin: 50px 0 30px
    }

    .health-table-detail .table-detail {
        padding: 25px 55px
    }

    .health-table-detail .table-detail th {
        font-size: 1.8rem
    }

    .health-capacity-chart .health-chart {
        padding: 25px 20px
    }

    .health-capacity-chart .health-chart .progress-percent--mobile {
        display: none
    }
}

.health-capacity-chart .health-chart__item {
    background: url(/assets/images/bg-line-mobi.png) 0 0/contain repeat-y
}

.health-capacity-chart .health-chart__item--none-bg,.neo-banner .masthead__images:after {
    background: 0 0
}

.health-capacity-chart .health-chart__item__heading {
    width: 100%;
    padding-left: 15px
}

.health-capacity-chart .health-chart__item__progress {
    width: 100%;
    padding: 9px 0
}

@media print {
    .health-capacity-chart .health-chart__item {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background: 0 0
    }

    .health-capacity-chart .health-chart__item__heading {
        width: 27%;
        padding-left: 0
    }

    .health-capacity-chart .health-chart__item__progress {
        width: 73%;
        background: url(/assets/images/bg-line.png) 0 0/contain repeat-y
    }

    .health-comment__content {
        text-align: left
    }
}

@media screen and (min-width: 768px) {
    .login__main--social .signin-fb,.login__main--social .signin-gg {
        width:350px
    }

    .personal-infomation-sme {
        width: 500px;
        margin: 50px auto 100px
    }

    .personal-infomation-sme__main {
        margin-bottom: 50px
    }

    .personal-infomation-sme__action {
        display: flex;
        justify-content: center
    }

    .personal-infomation-sme__action button {
        margin: 0 10px
    }

    .personal-infomation-sme__btn-continue {
        margin-top: 30px
    }

    #SMEBusinessInforModel .modal-dialog {
        margin: 50px auto
    }

    .health-table-detail .table-detail table {
        table-layout: fixed
    }

    .health-table-detail .table-detail td:first-child {
        padding-left: 40px
    }

    .health-capacity-chart .health-chart__item {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background: 0 0
    }

    .health-capacity-chart .health-chart__item__heading {
        width: 27%;
        padding-left: 0
    }

    .health-capacity-chart .health-chart__item__progress {
        width: 73%;
        background: url(/assets/images/bg-line.png) 0 0/contain repeat-y
    }
}

.health-capacity-chart .health-chart__item__progress--note-detail {
    background: 0 0;
    padding: 9px 0
}

.health-capacity-chart .health-chart .progress-bar {
    height: 12px;
    border-radius: 40px
}

.health-capacity-chart .health-chart .progress-line {
    float: left;
    height: 100%;
    border-radius: 40px
}

.health-capacity-chart .health-chart .progress-line--current {
    background-color: #f1c95d;
    border-radius: 40px 0 0 40px
}

.health-capacity-chart .health-chart .progress-line--after {
    background-color: #00b74f;
    border-radius: 0
}

.health-capacity-chart .health-chart .progress-line--high {
    background-color: #f6871e;
    border-radius: 0 40px 40px 0
}

.health-capacity-chart .health-chart .progress-percent--desktop,.language.language-sme {
    display: none
}

@media screen and (min-width: 992px) and (min-width:992px) {
    .health-capacity-chart .health-chart .progress-percent--desktop .progress-percent__item {
        width:4%;
        margin-left: -5px
    }
}

@media screen and (min-width: 992px) and (min-width:1200px) {
    .health-capacity-chart .health-chart .progress-percent--desktop .progress-percent__item {
        width:3%
    }
}

.health-capacity-chart .health-chart .health-chart-note__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 30%
}

.health-capacity-chart .health-chart .health-chart-note__item .note-color {
    width: 25px;
    height: 25px;
    border-radius: 50px
}

.health-capacity-chart .health-chart .health-chart-note__item .note-color--current {
    background-color: #f1c95d
}

.health-capacity-chart .health-chart .health-chart-note__item .note-color--after {
    background-color: #00b74f
}

.health-capacity-chart .health-chart .health-chart-note__item .note-color--high {
    background-color: #f6871e
}

.health-capacity-chart .health-chart .health-chart-note__item .note-title {
    margin-top: 10px;
    width: 100%
}

@media print {
    .health-support__content {
        text-align: left
    }
}

.health-support__button {
    width: 80%;
    margin: 30px auto 60px;
    padding-top: 30px
}

.health-support__button .btn {
    display: block;
    margin-bottom: 25px;
    min-width: 100%
}

.financial-support,.financial-support .financial-support-item__wrap,.health-support .health-support-item,.health-support .health-support-item__left {
    margin-bottom: 32px
}

.health-support .health-support-item ul.health-support-item__desc,.health-support .health-support-item__left ul {
    padding-inline-start:20px}

.health-support .health-support-item__video {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.health-support .health-support-item__video iframe,.health-support .health-support-item__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.health-support .health-support-item__video iframe:focus,.health-support .health-support-item__video video:focus {
    outline-offset: 0;
    outline: 0
}

.course-details__main .course-desc--mobile,.health-support .health-support-item__btn,.overview .overview-modal-content__btn {
    margin-top: 24px
}

#SMEHealthFormModel .modal-dialog {
    max-width: 550px
}

#SMEHealthFormModel .registration-sme {
    margin: 30px auto
}

#SMEHealthFormModel #successModal .modal-content--health-form {
    width: 80%;
    margin: 0 auto
}

.course-details__main__heading__course-name,.course-details__main__heading__lesson-name {
    font-size: 2rem
}

@media screen and (min-width: 992px) {
    .health-capacity-chart .health-chart .progress-percent--desktop {
        display:flex
    }

    .health-comment .section-title,.health-support .section-title {
        margin: 50px 0 30px
    }

    .health-support .health-support-item {
        margin-bottom: 60px
    }

    .health-support .health-support-item__left {
        padding-right: 12px;
        margin-bottom: 0
    }

    .health-support .health-support-item__right {
        display: flex;
        align-items: center;
        height: 100%
    }

    .course-details__main__heading__course-name,.course-details__main__heading__lesson-name {
        font-size: 2.4rem
    }
}

.connect-business-online .connect-online-video .video-item-wrap .video-item,.course-details__main__lesson-video__item,.knowledge-online-training__item .knowledge-online-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.connect-business-online .connect-online-video .video-item-wrap .video-item iframe,.connect-business-online .connect-online-video .video-item-wrap .video-item video,.course-details__main__lesson-video__item iframe,.course-details__main__lesson-video__item video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.connect-business-online .connect-online-video .video-item-wrap .video-item iframe:focus,.connect-business-online .connect-online-video .video-item-wrap .video-item video:focus,.course-details__main__lesson-video__item iframe:focus,.course-details__main__lesson-video__item video:focus,.knowledge-online-training__item .knowledge-online-content a:focus {
    outline-offset: 0;
    outline: 0
}

.course-details__main__lesson-list {
    list-style-type: none;
    overflow-y: auto;
    max-height: 300px;
    padding: 0 10px 0 0
}

.course-details__main .lesson-item {
    padding: 12px;
    border-bottom: 1px solid #dde6e8
}

.course-details__main .lesson-item>a {
    color: #2c2c2c
}

.course-details__main .lesson-item>a:hover {
    text-decoration: none;
    color: #00b74f
}

.course-details__main .lesson-item__course-name,.course-details__main .lesson-item__lesson-name {
    color: inherit
}

.course-details__main .lesson-item__course-name {
    font-size: 1.6rem
}

.course-details__main .course-desc--desktop {
    display: none
}

.course-details__main__related-lessons .title {
    text-align: center;
    margin: 0;
    font-weight: 900
}

.course-details__main__related-lessons .multiple-items .title {
    font-weight: 400;
    margin: 25px 30px 0
}

.carousel-course button.slick-next,.carousel-course button.slick-prev,.course-details button.slick-next,.course-details button.slick-prev,.knowledge-online-training button.slick-next,.knowledge-online-training button.slick-prev {
    background: #f4f7f8;
    height: 85px;
    width: 30px
}

.carousel-course .slick-prev,.course-details .slick-prev {
    position: absolute;
    left: 0;
    z-index: 1;
    top: 100px
}

.carousel-course .slick-prev:before,.course-details .slick-prev:before {
    font-family: icomoon;
    content: "\E911";
    color: #afb8b6
}

.carousel-course .slick-next,.course-details .slick-next {
    position: absolute;
    right: 0;
    top: 100px
}

.carousel-course .slick-next:before,.course-details .slick-next:before {
    font-family: icomoon;
    content: "\E916";
    color: #afb8b6
}

.sme-answer-question__nav-tab .nav-tab__link {
    display: none;
    width: 205px;
    border-bottom: 0;
    position: relative
}

.sme-answer-question__nav-tab .nav-tab__link li {
    border-bottom: 1px solid #dde6e8
}

.sme-answer-question__nav-tab .nav-tab__link li a {
    background: 0 0;
    padding: 10px 0;
    color: #2c2c2c;
    border: none;
    text-transform: capitalize;
    font-weight: 600
}

.sme-answer-question__nav-tab .nav-tab__link li a.active {
    color: #00b74f
}

@media screen and (min-width: 1200px) {
    .sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide .dot {
        margin:30px auto
    }

    .sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide:first-child .dot {
        margin-left: 50px
    }

    .sme-measure-corporate-health__main__content__timeline-wrapper__timeline-slide:last-child .dot {
        margin-right: 50px
    }

    .health-capacity-chart .health-chart {
        padding: 50px 55px 35px
    }

    .language.language-sme {
        display: block;
        margin-left: 48px
    }

    .course-details {
        padding: 50px 0 100px
    }

    .course-details__main__heading__course-name {
        font-size: 3rem
    }

    .course-details .slick-prev {
        left: -45px;
        top: 120px
    }

    .course-details .slick-next {
        right: -45px;
        top: 120px
    }

    .sme-answer-question {
        padding: 50px 0
    }

    .sme-answer-question__nav-tab {
        display: flex
    }

    .sme-answer-question__nav-tab .nav-tab__link {
        display: block;
        padding-top: 80px
    }

    .sme-answer-question__nav-tab .nav-tab__content {
        padding-left: 50px;
        width: calc(100% - 205px)
    }
}

.sme-answer-question__nav-tab .nav-tab__content .answer-content {
    margin-bottom: 45px
}

.sme-answer-question__nav-tab .nav-tab__content .answer-content p {
    font-weight: 700;
    color: #2c2c2c
}

.connect-business-online .connect-online-video,.sme-answer-question__nav-tab .nav-tab__content .answer-content .answer-item {
    margin-bottom: 20px
}

.sme-answer-question__nav-tab .nav-tab__content .action-content,.sme-answer-question__nav-tab .nav-tab__content .answer-content .radio-content {
    display: flex;
    justify-content: space-between
}

.sme-answer-question__nav-tab .nav-tab__content .answer-content .radio-content__item label {
    padding-left: 5px
}

.flatpickr-input[readonly],.sme-answer-question__nav-tab .nav-tab__content .answer-content .radio-content__item input,.sme-answer-question__nav-tab .nav-tab__content .answer-content .radio-content__item label {
    cursor: pointer
}

.sme-answer-question__nav-tab .nav-tab__content .note-content .note,.sme-answer-question__nav-tab .nav-tab__content .note-content .success {
    font-weight: 600;
    font-size: 2.2rem;
    text-align: center;
    padding: 0;
    transition: .3s;
    margin: 0
}

.sme-answer-question__nav-tab .nav-tab__content .note-content .note.remove {
    display: none
}

.sme-answer-question__nav-tab .nav-tab__content .note-content .success {
    opacity: 0;
    overflow: hidden;
    margin: 0;
    width: 0;
    height: 0
}

.sme-answer-question__nav-tab .nav-tab__content .note-content .success.active {
    opacity: 1;
    width: auto;
    height: auto
}

.banner-footer__link,.financial-support-modal .error-validate.active,.installment-page .installment-page__compare-layout,.sme-answer-question__nav-tab .nav-tab__content .action-content button {
    display: block
}

.calculation__exchange .input-group .input-ex-disable,.calculation__exchange .input-group .input-percent,.calculation__loan-interest .form-group .enterprise-input-maximum,.calculation__loan-interest .form-group .input-receive-capital,.calculation__savings-interest .form-group .input-percent,.slick-slide.dragging img,.sme-answer-question__nav-tab .nav-tab__content .action-content .disable {
    pointer-events: none
}

.connect-business-live .business-item {
    padding: 0 15px;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .health-capacity-chart .health-chart__item__progress--note-detail {
        padding:15px 0
    }

    .health-capacity-chart .health-chart .health-chart-note__item {
        flex-direction: row;
        text-align: left;
        width: auto
    }

    .health-capacity-chart .health-chart .health-chart-note__item .note-title {
        padding-left: 22px;
        margin-top: 0;
        width: calc(100% - 25px)
    }

    .health-support__button {
        width: 100%;
        margin: 30px auto;
        display: flex;
        justify-content: space-between
    }

    .health-support__button .btn {
        margin-bottom: 0;
        min-width: auto
    }

    .sme-answer-question__nav-tab .nav-tab__content .note-content .note,.sme-answer-question__nav-tab .nav-tab__content .note-content .success {
        font-size: 2.4rem;
        text-align: left
    }

    .connect-business-live .section-title {
        margin: 70px 0 30px
    }

    .connect-business-live .business-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 30px
    }

    .connect-business-live .business-item {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (min-width: 992px) {
    .course-details__main__lesson-video {
        margin-bottom:0
    }

    .course-details__main__lesson-list {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-right: 20px;
        margin-left: 20px;
        max-height: none
    }

    .course-details__main__right {
        position: relative
    }

    .course-details__main .lesson-item {
        padding: 16px 20px
    }

    .course-details__main .lesson-item__course-name {
        font-size: 2rem
    }

    .course-details__main .course-desc--mobile {
        display: none;
        margin: 0
    }

    .course-details__main .course-desc--desktop {
        display: block;
        margin-top: 32px
    }

    .course-details__main__related-lessons .title {
        padding: 15px;
        text-align: left
    }

    .course-details__main__related-lessons .multiple-items .title {
        margin: 25px 0 0
    }

    .sme-answer-question__nav-tab .nav-tab__content .answer-content .radio-content__item {
        min-width: 250px
    }

    .connect-business-live .business-item {
        flex: 0 0 25%;
        max-width: 25%;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 768px) {
    .connect-business-live .business-item--full-width {
        flex:0 0 100%;
        max-width: 100%
    }
}

.connect-business-live .business-item--full-width .business-image {
    padding-top: 64.51613%
}

.connect-business-live .business-image {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 64.51613%
}

.connect-business-live .business-detail {
    margin: 20px 0 0;
    padding: 0 10px;
    text-align: center
}

.connect-business-live__button,.connect-business-online__button {
    display: flex;
    justify-content: center;
    margin: 10px 0 90px
}

.connect-business-online .section-title {
    text-align: center;
    margin: 30px 0
}

.connect-business-online .connect-online-video .video-item-wrap button {
    background-color: #f4f7f8;
    width: 17px;
    height: 28px;
    z-index: 1
}

.connect-business-online .connect-online-video .video-item-wrap button:before,.knowledge-offline-training .slick-prev:before,.knowledge-online-training .slick-prev:before {
    content: "\E911";
    font-family: icomoon;
    color: #afb8b6;
    font-weight: 700;
    font-size: 1.8rem
}

.connect-business-online .connect-online-video .video-item-wrap button.slick-disabled {
    opacity: .3
}

.connect-business-online .connect-online-video .video-item-wrap .slick-prev {
    left: 15px
}

.connect-business-online .connect-online-video .video-item-wrap .slick-next {
    right: 15px
}

.connect-business-online .connect-online-detail--desktop {
    display: none
}

.connect-business-online .connect-business-live .business-list,.knowledge-online-training .button-view-more {
    margin-top: 30px
}

.carousel-course__main .multiple-items .item {
    padding: 15px
}

.carousel-course__main .multiple-items .title {
    font-weight: 400;
    margin: 25px 30px 0;
    color: #000;
    display: block
}

.carousel-course__main .multiple-items .title:hover {
    color: #00b74f;
    text-decoration: none
}

#SMEChangePass .change-pass i.note,.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.finance-with-account-business__button,.finance-with-invest__button {
    display: flex;
    justify-content: center;
    margin: 20px 0 90px
}

.finance-with-funding-program__inner .credict-fund {
    background-color: #fff6de;
    padding: 40px 20px;
    margin-bottom: 30px
}

.calculation-result__number,.finance-with-funding-program__inner .credict-fund__title {
    font-size: 2.4rem
}

.finance-with-funding-program__inner .credict-fund__list {
    padding-left: 20px
}

.finance-with-funding-program__inner .credict-fund-detail {
    background-color: #e5f6ed;
    padding: 40px 20px
}

.finance-with-funding-program__inner .credict-fund-detail__item {
    position: relative;
    border-bottom: 1px solid #6e7573;
    margin-bottom: 33px;
    padding-top: 27px
}

.finance-with-funding-program__inner .credict-fund-detail__item .item-type {
    font-size: 1.8rem;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    width: 70%
}

.finance-with-funding-program__inner .credict-fund-detail__item .item-price {
    position: absolute;
    top: 50%;
    right: 0;
    border-radius: 40px;
    border: 1px solid #6e7573;
    background: #e5f6ed;
    padding: 1px 14px;
    text-align: center;
    min-width: 110px
}

.finance-with-funding-program__inner .credict-fund-detail__range {
    margin-bottom: 20px
}

.bebefit__content,.finance-with-funding-program__inner .credict-fund-detail__range .rslide,.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i,.knowledge-offline-training .offline-training-item--close-course .offline-training-item__image {
    position: relative
}

.finance-with-funding-program__inner .credict-fund-detail__range .rslide .slide {
    background: #00b74f;
    height: 7px;
    width: 80px;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 1;
    border-radius: 10px;
    pointer-events: none
}

.finance-with-funding-program__inner .credict-fund-detail__range .range-picker {
    position: relative;
    -webkit-appearance: none;
    width: 100%;
    height: 7px;
    background: #fff;
    outline: 0;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 10px;
    cursor: pointer
}

@media (-ms-high-contrast:none) {
    .finance-with-funding-program__inner .credict-fund-detail__range .rslide .slide {
        display: none
    }

    .finance-with-funding-program__inner .credict-fund-detail__range .range-picker {
        height: auto;
        background: 0 0
    }
}

.finance-with-funding-program__inner .credict-fund-detail__range .range-picker::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #00b74f;
    position: relative;
    z-index: 2
}

.finance-with-funding-program__inner .credict-fund-detail__range .range-picker::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #00b74f;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    border: none
}

.finance-with-funding-program__inner .credict-fund-detail__range .range-picker::-ms-track {
    width: 100%;
    height: 7px;
    background: 0 0;
    border-color: transparent;
    border-width: 10px 0;
    color: transparent
}

.finance-with-funding-program__inner .credict-fund-detail__range .range-picker::-ms-fill-lower {
    background: #00b74f;
    border-radius: 10px
}

.finance-with-funding-program__inner .credict-fund-detail__range .range-picker::-ms-fill-upper {
    background: #fff;
    border-radius: 10px
}

.finance-with-funding-program__inner .credict-fund-detail__range .range-picker::-ms-thumb {
    border: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #00b74f
}

.finance-with-funding-program__inner .credict-fund-detail__range .range-picker:focus::-ms-fill-lower {
    background: #00b74f
}

.finance-with-funding-program__inner .credict-fund-detail__range .range-picker:focus::-ms-fill-upper {
    background: #fff
}

.finance-with-funding-program__inner .credict-fund-detail__range .range-picker:focus {
    outline: 0
}

.finance-with-funding-program__inner .credict-fund-detail__calculate {
    background-color: #fff;
    border-radius: 40px
}

.cal-installment-interest .error-validate,.cal-savings-interest .error-validate,.knowledge-online-training .button-view-more--desktop,.knowledge-online-training__item .knowledge-online-content .section-title h2:after {
    display: none
}

.finance-with-funding-program__inner .credict-fund-detail__calculate .calculate-wrap-left {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 20px 30px;
    border-radius: 40px;
    background-color: #00b74f;
    color: #fff
}

.finance-with-funding-program__inner .credict-fund-detail__calculate .calculate-wrap-right {
    padding: 20px 30px;
    color: #00b74f;
    border-radius: 40px
}

.finance-with-funding-program__inner .credict-fund-detail__calculate .calculate-time {
    font-weight: 700;
    position: relative;
    margin-left: 50px
}

.finance-with-funding-program__inner .credict-fund-detail__calculate .calculate-time i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -20px;
    font-weight: 700
}

.finance-with-funding-program__inner .credict-fund-detail__button {
    margin-top: 30px;
    text-align: center
}

.finance-with-funding-program__inner .credict-fund-detail__button .btn {
    min-width: 100%
}

.finance-with-funding-program .selectric-wrapper .selectric {
    background-color: #00b74f;
    border: none
}

.knowledge-online-training__list {
    margin-top: 30px;
    position: relative;
    padding-bottom: 40px
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .connect-business-online .connect-online-video .slick-slide,.knowledge-online-training__list .slick-slide {
        opacity: 0
    }

    .connect-business-online .connect-online-video .slick-slide.slick-current {
        opacity: 1
    }

    .knowledge-online-training__list .slick-slide.slick-current {
        opacity: 1
    }
}

.knowledge-online-training__item .knowledge-online-content .section-title h2 {
    font-size: 2.2rem;
    font-weight: 700;
    padding-bottom: 10px
}

.knowledge-online-training__item .knowledge-online-content .row {
    align-items: flex-start
}

.knowledge-online-training__item .knowledge-online-video iframe,.knowledge-online-training__item .knowledge-online-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.knowledge-online-training__item .knowledge-online-video iframe:focus,.knowledge-online-training__item .knowledge-online-video video:focus {
    outline-offset: 0;
    outline: 0
}

.knowledge-online-training .button-view-more .btn {
    min-width: 260px
}

@media screen and (min-width: 375px) {
    .login__main--social button {
        min-width:350px
    }

    .knowledge-online-training .button-view-more .btn {
        min-width: 320px
    }
}

.knowledge-online-training .slick-prev {
    position: absolute;
    left: -10px;
    z-index: 1
}

@media screen and (min-width: 992px) {
    .connect-business-live .business-item--full-width {
        flex:0 0 50%;
        max-width: 50%
    }

    .connect-business-online {
        margin-top: 50px
    }

    .connect-business-online .section-title {
        margin: 0 0 30px;
        text-align: left
    }

    .connect-business-online .section-title h2:after {
        left: 25px
    }

    .connect-business-online .connect-online-video,.connect-business-online .connect-online-video .video-item-wrap {
        margin-bottom: 0
    }

    .connect-business-online .connect-online-detail--mobile,.knowledge-online-training .button-view-more--mobile {
        display: none;
        text-align: left
    }

    .connect-business-online .connect-online-detail--desktop {
        display: block
    }

    .carousel-course__main .multiple-items .title {
        margin: 25px 0 0
    }

    .finance-with-funding-program__inner .credict-fund,.finance-with-funding-program__inner .credict-fund-detail {
        height: 100%;
        padding: 45px
    }

    .knowledge-online-training__list {
        margin-top: 60px
    }

    .knowledge-online-training__list .slick-list {
        overflow: hidden;
        margin-left: -10px;
        margin-right: -10px
    }

    .knowledge-online-training__item {
        padding: 0 10px
    }

    .knowledge-online-training__item .knowledge-online-content {
        width: 80%
    }

    .knowledge-online-training__item .knowledge-online-content .section-title h2 {
        font-size: 2.8rem;
        text-align: left
    }

    .knowledge-online-training__item .knowledge-online-content p {
        text-align: left
    }

    .knowledge-online-training .button-view-more--desktop {
        display: block
    }

    .knowledge-online-training .button-view-more .btn {
        min-width: auto
    }

    .knowledge-online-training .slick-prev {
        left: -45px;
        top: 50%
    }
}

.knowledge-online-training .slick-next {
    position: absolute;
    right: -10px
}

@media screen and (min-width: 992px) {
    .knowledge-online-training .slick-next {
        right:-45px;
        top: 50%
    }
}

.knowledge-offline-training .slick-next:before,.knowledge-online-training .slick-next:before {
    content: "\E916";
    font-family: icomoon;
    color: #afb8b6;
    font-weight: 700;
    font-size: 1.8rem
}

.knowledge-offline-training .slick-dots,.knowledge-online-training .slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    bottom: 0
}

.knowledge-offline-training .offline-training-list {
    margin: 0 -15px;
    padding-bottom: 20px
}

@media screen and (min-width: 768px) {
    .connect-business-live .business-item--full-width .business-image {
        padding-top:30.61224%
    }

    .connect-business-live .business-image {
        padding-top: 64.57143%
    }

    .connect-business-live .business-detail {
        text-align: left;
        padding: 0
    }

    .connect-business-live__button,.connect-business-online__button {
        margin: 10px 0 0
    }

    .connect-business-online .connect-online-video .video-item-wrap button {
        width: 21px;
        height: 48px
    }

    .connect-business-online .connect-online-video .video-item-wrap button:before,.knowledge-online-training .slick-next:before,.knowledge-online-training .slick-prev:before {
        font-size: 2.2rem
    }

    .finance-with-account-business .section-title,.finance-with-funding-program .section-title,.knowledge-offline-training__wrap .section-title,.knowledge-online-training__wrap .section-title {
        margin: 70px 0 30px
    }

    .finance-with-account-business__button,.finance-with-invest__button {
        margin: 20px 0 0
    }

    .finance-with-funding-program__inner .credict-fund-detail__button .btn {
        min-width: auto
    }

    .knowledge-online-training .slick-dots li {
        margin: 0 20px 0 0
    }

    .knowledge-offline-training .offline-training-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px
    }
}

.knowledge-offline-training .offline-training-item {
    padding: 0 15px;
    position: relative;
    text-align: center
}

.knowledge-offline-training .offline-training-item__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 64.57143%
}

.knowledge-offline-training .offline-training-item__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.knowledge-offline-training .offline-training-item__title {
    font-size: 2.2rem;
    margin-top: 30px
}

.knowledge-offline-training .offline-training-item__button {
    display: block;
    margin-top: 20px
}

.knowledge-offline-training .offline-training-item__button .btn {
    min-width: 260px;
    display: inline-block;
    margin-bottom: 20px
}

@media screen and (min-width: 375px) {
    .knowledge-offline-training .offline-training-item__button .btn {
        min-width:320px
    }

    .calculation__exchange .form-group .form-check-inline,.calculation__installment-interest .form-group .form-check-inline,.calculation__loan-interest .form-group .form-check-inline,.calculation__savings-interest .form-group .form-check-inline {
        max-width: 40%;
        width: 250px
    }
}

.knowledge-offline-training .offline-training-item--close-course a {
    cursor: inherit
}

.knowledge-offline-training .offline-training-item--close-course .offline-training-item__image img {
    filter: grayscale(1)
}

.knowledge-offline-training .offline-training-item--close-course .btn.btn-outline-primary {
    color: #afb8b6;
    border-color: #afb8b6;
    pointer-events: none;
    cursor: auto
}

.knowledge-offline-training .offline-training-item--close-course .btn.btn-outline-primary:after {
    background: #afb8b6
}

.knowledge-offline-training .offline-training-item--close-course .btn.btn-outline-primary:hover {
    color: #afb8b6;
    border-color: #afb8b6;
    background-color: #fff
}

.knowledge-offline-training .offline-training-item--close-course .btn.btn-outline-primary:focus {
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.knowledge-offline-training .offline-training-item a:hover {
    text-decoration: none
}

.knowledge-offline-training .offline-training-item a:focus {
    outline-offset: 0;
    outline: 0
}

.knowledge-offline-training button.slick-next,.knowledge-offline-training button.slick-prev {
    background: #f4f7f8;
    height: 85px;
    width: 30px;
    top: 125px
}

.knowledge-offline-training .slick-prev {
    position: absolute;
    left: 5px;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .knowledge-offline-training .offline-training-item {
        text-align:left
    }

    .knowledge-offline-training .offline-training-item__image {
        padding-top: 66.32653%
    }

    .knowledge-offline-training .slick-prev {
        left: 0
    }

    .knowledge-offline-training .slick-prev:before {
        font-size: 2.2rem
    }
}

.knowledge-offline-training .slick-next {
    position: absolute;
    right: 5px
}

@media screen and (min-width: 992px) {
    .knowledge-offline-training .slick-dots,.knowledge-online-training .slick-dots {
        bottom:-10px
    }

    .knowledge-offline-training .offline-training-list {
        margin-top: 60px;
        padding-bottom: 50px
    }

    .knowledge-offline-training .offline-training-item__title {
        font-size: 2.4rem
    }

    .knowledge-offline-training .offline-training-item__button {
        display: flex
    }

    .knowledge-offline-training .offline-training-item__button .btn {
        min-width: auto;
        margin: 0 32px 0 0
    }

    .knowledge-offline-training .slick-next {
        right: 0
    }
}

.financial-support-modal__btn-register {
    margin-top: 32px
}

.financial-support-modal .error-validate {
    text-align: center;
    display: none
}

.financial-support .financial-support-item {
    display: flex;
    padding: 20px;
    background: #f4f7f8;
    height: 100%
}

.cal-exchange .error-validate,.cal-loan-interest--enterprise .error-validate,.cal-loan-interest--personal .error-validate {
    display: none
}

.cal-loan-interest--enterprise .calculation__loan-interest,.cal-loan-interest--personal .calculation__loan-interest {
    padding-top: 30px
}

.financial-support .financial-support-item__content__title {
    font-size: 1.8rem;
    margin-bottom: 8px
}

.financial-support .financial-support-item__content__desc-list {
    padding-left: 20px;
    margin: 0
}

.financial-support #registerSuccesfullModal .text-noti {
    text-align: center;
    padding: 32px 24px
}

.banner-footer__link__img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.cal-installment-interest,.cal-loan-interest--enterprise,.cal-savings-interest {
    padding: 30px 0;
    z-index: 3;
    position: relative
}

.cal-savings-interest .form-check-label input.form-check-input+span:before {
    border: 2px solid #dde6e8
}

.cal-loan-interest--personal {
    padding: 30px 0;
    z-index: 3;
    position: relative
}

.cal-exchange {
    padding: 0 0 40px
}

@media screen and (min-width: 1200px) {
    .sme-answer-question__nav-tab .nav-tab__content .answer-content .answer-item {
        margin-bottom:50px
    }

    .sme-answer-question__nav-tab .nav-tab__content .answer-content .radio-content {
        justify-content: inherit
    }

    .sme-answer-question__nav-tab .nav-tab__content .answer-content .radio-content__item label {
        padding-left: 15px
    }

    .sme-answer-question__hidden-comp {
        content: "";
        background: 0 0;
        width: 200px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .connect-business-online .connect-online-content {
        width: 75%
    }

    .carousel-course {
        margin: 50px auto 100px
    }

    .carousel-course .slick-prev {
        left: -45px;
        top: 120px
    }

    .carousel-course .slick-next {
        right: -45px;
        top: 120px
    }

    .finance-with-funding-program__inner .credict-fund-detail__calculate {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 47px;
        height: 70px
    }

    .finance-with-funding-program__inner .credict-fund-detail__calculate .calculate-wrap-left,.finance-with-funding-program__inner .credict-fund-detail__calculate .calculate-wrap-right {
        width: 50%
    }

    .knowledge-offline-training .slick-prev,.knowledge-online-training .slick-prev {
        left: -55px
    }

    .knowledge-offline-training .slick-next,.knowledge-online-training .slick-next {
        right: -55px
    }

    .knowledge-offline-training button.slick-next,.knowledge-offline-training button.slick-prev {
        top: 50%;
        transform: translateY(-50%)
    }

    .banner-footer {
        padding: 30px 0
    }

    .cal-exchange__input {
        width: 37%
    }

    .cal-exchange .calculation__exchange {
        display: flex;
        justify-content: space-between
    }
}

.cal-exchange__warning-text p {
    margin: 0;
    font-weight: 700;
    font-size: 1.4rem
}

.cal-exchange__warning-text span {
    color: #dc3545;
    font-weight: 500
}

.calculation-formula {
    position: relative;
    z-index: 1;
    padding: 50px 0
}

.calculation-formula__box {
    border: 1px solid #dde6e8;
    border-radius: 4px;
    padding: 20px;
    height: 100%
}

.calculation-formula__box__title {
    color: #000;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 0 20px
}

.calculation-formula__box__title span {
    font-size: 1.6rem;
    font-weight: 400;
    color: #afb8b6
}

.calculation-formula__box__table {
    margin-bottom: 20px
}

.calculation-formula__box__table table {
    width: 100%;
    color: #545758
}

.calculation-formula__box__table table th {
    background: #f4f7f8;
    border: 1px solid #dde6e8;
    font-size: 1.4rem;
    color: #000;
    font-weight: 500
}

.calculation-formula__box__table table td,.calculation-formula__box__table table th {
    padding: 8px;
    text-align: center
}

.calculation-formula__box__note {
    color: #000;
    padding-top: 8px;
    font-size: 1.4rem;
    font-weight: 500
}

.bebefit .benefit-item:last-child,.calculation-formula__box__note p {
    margin-bottom: 0
}

.calculation-formula__box .form-check-label input.form-check-input+span {
    color: #afb8b6
}

.calculation-formula__box .form-check-label input.form-check-input+span:before {
    border: 2px solid #dde6e8
}

.calculation-formula__box .form-check-label input.form-check-input:hover+span:before {
    border-color: #6e7573
}

.calculation-formula__box .form-check-label input.form-check-input:checked+span {
    color: #000
}

.calculation-formula__box .form-check-label input.form-check-input:checked+span:before {
    border-color: #00b74f
}

.calculation-formula__box .form-check-label input.form-check-input:checked+span:after {
    opacity: 1;
    background: #00b74f
}

.calculation-formula .error-validate {
    display: none;
    padding: 5px 16px 0
}

.calculation-result {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #00b74f;
    border-radius: 8px;
    background: #c4f5d0;
    color: #00b74f;
    padding: 10px 20px
}

.calculation__exchange .form-group label,.calculation__installment-interest .form-group label,.calculation__loan-interest .form-group label,.calculation__savings-interest .form-group label {
    font-weight: 500;
    color: #545758;
    margin-bottom: 8px
}

.calculation__exchange .form-group label.error,.calculation__exchange .form-group label.error-validate,.calculation__installment-interest .form-group label.error,.calculation__installment-interest .form-group label.error-validate,.calculation__loan-interest .form-group label.error,.calculation__loan-interest .form-group label.error-validate,.calculation__savings-interest .form-group label.error,.calculation__savings-interest .form-group label.error-validate {
    color: #fb4e4e
}

.calculation__exchange .input-group-prepend .selectric {
    border-right: 0;
    border-radius: 8px 0 0 8px
}

.calculation__exchange .input-group .form-control {
    border-left: 0;
    padding-left: 0;
    height: auto
}

.calculation__exchange .input-group .form-control:focus,.calculation__exchange .input-group .form-control:hover,.flatpickr-calendar:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month input.cur-year:focus,.flatpickr-days:focus,.slick-dots li button:focus,.slick-dots li button:hover,.slick-list:focus {
    outline: 0
}

.calculation__exchange .btn-change {
    cursor: pointer;
    display: inline-block
}

.calculation__exchange .selectric .label img {
    max-width: 24px;
    margin-right: 10px
}

.calculation__exchange .selectric-items .selectric-scroll li {
    padding: 5px 10px;
    display: flex;
    align-items: center
}

.calculation__exchange .selectric-items .selectric-scroll li img {
    max-width: 20px;
    margin-right: 10px
}

.radio-tab__content .radio-tab-pane.active {
    visibility: visible;
    opacity: 1;
    height: auto;
    overflow: inherit
}

.result-suggest__content {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(28,28,30,.16);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.customer-rating__content,.term-condition__content {
    box-shadow: 0 4px 12px rgba(28,28,30,.06);
    border-radius: 4px
}

.result-suggest__content button {
    display: block;
    background: 0 0;
    border: none;
    padding: 8px 16px;
    color: #545758
}

.result-suggest__content button:hover {
    color: #00b74f
}

.installment-page {
    margin-bottom: 60px
}

.installment-page__type {
    background: #f4f7f8;
    margin: 40px 0 20px;
    display: none
}

.installment-page__type__item {
    padding: 10px 12px
}

.installment-page__type__item__link {
    font-size: 16px;
    font-weight: 600
}

.installment-page__type__item__link:hover {
    text-decoration: none
}

.installment-page__compare-layout__title-mb.compare-layout__title {
    padding: 10px;
    margin-bottom: 16px;
    text-align: left
}

.installment-page__compare-layout__content__block {
    padding-bottom: 20px
}

.installment-page__compare-layout__content__view-detail {
    display: block;
    margin-bottom: 10px
}

.installment-page__compare-layout__content li,.installment-page__compare-layout__content ul {
    list-style-type: none;
    padding-inline-start:0}

.installment-page__compare-layout__content li {
    padding-bottom: 12px
}

.installment-page__compare-layout__content li:last-child {
    padding-bottom: 0
}

.installment-page .basic-accordion--installment.large-collapse .basic-accordion__card__header__text {
    font-size: 2rem
}

.neo-banner__content {
    color: #fff;
    height: 100%;
    bottom: auto;
    padding: 60px 15px 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 375px) {
    .neo-banner__content {
        padding:70px 15px 0
    }

    .neo-banner__content__logo {
        margin-top: 6px
    }
}

@media screen and (min-width: 1200px) {
    .cal-exchange .calculation__exchange .btn-change {
        margin-top:40px;
        font-size: 2rem
    }

    .cal-exchange .calculation__exchange .btn-exchange {
        margin-top: 32px
    }

    .installment-page__type {
        display: block
    }

    .installment-page__compare-layout__title-mb.compare-layout__title {
        display: none
    }

    .installment-page__compare-layout__content {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .installment-page__compare-layout__content__view-detail {
        margin: auto 0 10px
    }

    .neo-banner__content {
        padding: 100px 15px 0
    }
}

.neo-banner__content__title {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600
}

.neo-banner__content__QRcode {
    display: flex;
    margin-top: 12px
}

@media screen and (min-width: 375px) {
    .neo-banner__content__QRcode {
        margin-top:24px
    }
}

@media screen and (min-width: 992px) {
    #SMEBusinessRegisterForm .btn {
        padding:.5rem 3rem
    }

    .financial-support-modal__content__desc {
        margin-bottom: 40px
    }

    .financial-support .financial-support-item__checkbox {
        padding-top: 4px
    }

    .financial-support .financial-support-item__content {
        padding-left: 20px
    }

    .financial-support .financial-support-item__content__title {
        font-size: 2.4rem;
        margin-bottom: 12px
    }

    .installment-page .basic-accordion--installment.large-collapse .basic-accordion__card__header__text,.neo-banner__content__title {
        font-size: 2.4rem
    }

    .neo-banner__content__QRcode {
        margin-top: 32px
    }
}

.neo-banner__content__QRcode .neo-QRcode-item {
    text-align: center;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.neo-banner__content__QRcode .neo-QRcode-item__name {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal
}

.neo-banner__content__QRcode .neo-QRcode-item__image {
    max-width: 50px;
    margin-top: 6px
}

@media screen and (min-width: 375px) {
    .neo-banner__content__QRcode .neo-QRcode-item__image {
        max-width:60px;
        margin-top: 10px
    }
}

@media screen and (min-width: 992px) {
    .neo-banner__content__QRcode .neo-QRcode-item {
        padding:0 24px
    }

    .neo-banner__content__QRcode .neo-QRcode-item__image {
        max-width: 100px
    }
}

.neo-banner__content__QRcode .neo-QRcode-item__image img {
    max-width: 100%
}

.neo-banner__content__info {
    text-align: center;
    margin-top: 4px
}

@media screen and (min-width: 768px) {
    .knowledge-offline-training .slick-next:before {
        font-size:2.2rem
    }

    .knowledge-offline-training .slick-dots li {
        margin: 0 20px 0 0
    }

    #SMEBusinessRegisterForm .modal-dialog {
        margin: 50px auto
    }

    .financial-support-modal {
        max-width: 80%
    }

    .installment-page__type__item {
        padding: 20px 24px
    }

    .installment-page__type__item__link {
        font-size: 28px
    }

    .installment-page__compare-layout__title-mb.compare-layout__title {
        padding-left: 24px;
        width: auto;
        background-color: #f4f7f8
    }

    .installment-page__compare-layout__content {
        padding: 6px 24px;
        margin-bottom: 0
    }

    .installment-page__compare-layout__content__block {
        padding-bottom: 32px
    }

    .installment-page .basic-accordion--installment.large-collapse .basic-accordion__card {
        margin-bottom: 0
    }

    .installment-page .basic-accordion--installment.large-collapse .basic-accordion__card__header {
        padding: 0 24px
    }

    .neo-banner__content {
        left: 40%;
        max-width: 50%
    }

    .neo-banner__content__info {
        margin-top: 12px
    }
}

@media screen and (min-width: 992px) {
    .neo-banner__content__info {
        margin-top:32px
    }
}

@media screen and (min-width: 1400px) {
    .business-info-sme .news-info .title {
        font-size:2rem
    }

    .connect-business-live__content,.finance-with-account-business__content,.finance-with-funding-program__content,.finance-with-invest__content,.health-capacity-chart__chart,.health-table-detail__table,.knowledge-offline-training__wrap,.knowledge-online-training__wrap {
        max-width: 1000px;
        margin: 0 auto
    }

    .health-comment__content,.health-support__content {
        text-align: left;
        max-width: 1000px;
        margin: 0 auto
    }

    .sme-answer-question__nav-tab .nav-tab__content {
        padding-left: 100px
    }

    .cal-exchange__input {
        width: 40%
    }

    .neo-banner__content__info {
        margin-top: 64px
    }

    .overview__content {
        padding-right: 30px
    }
}

@media screen and (min-width: 1920px) {
    .promotion-item--main .promotion-item--title {
        font-size:4rem
    }

    .promotion-wrap__right_content {
        padding: 0 10px
    }

    .masthead__slide .slick-dots {
        width: 1510px
    }

    .introduction-vpbank .desktop__list a {
        padding: 12px 32px
    }

    .general-introduction-content__details__text {
        max-height: 545px
    }

    .business-info-sme .tag-story {
        font-size: 1.6rem
    }

    .business-info-sme .news-info .wrap-news {
        max-height: 460px
    }

    .business-info-sme .news-info .tag-story {
        margin-bottom: 20px
    }

    .neo-banner__content {
        padding: 160px 15px 0
    }

    .neo-banner__content__info {
        margin-top: 80px
    }
}

.neo-banner__content__info__email,.neo-banner__content__info__phone {
    font-size: 1.4rem
}

.neo-banner__content__info a {
    line-height: normal;
    color: #fff;
    display: block
}

.overview {
    padding: 40px 0 20px
}

.overview__content {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.overview__content__desc,.overview__content__link {
    font-weight: 500
}

.overview__content__btn {
    margin-top: 40px
}

.customer-rating .error-validate,.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.overview__content__btn--desktop,.slick-arrow.slick-hidden,.slick-slide.slick-loading img {
    display: none
}

.overview__media__slide {
    position: relative;
    margin-bottom: 20px
}

.overview__media__item {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.12245%
}

.overview__media__item__img-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.overview__media__item__icon-play {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    transition: .3s
}

.overview__media__item__icon-play:hover {
    transform: translate(-50%,-50%) scale(1.15)
}

.numInputWrapper:hover span,.overview__media__item--is-thumb-video .overview__media__item__icon-play,.selectric-items .selectric-group.disabled li,.slick-dots li button:focus:before,.slick-dots li button:hover:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.overview .overview-modal-content__btn__item {
    margin: 0 12px
}

.overview .slick-dotted.slick-slider .slick-dots {
    bottom: -35px
}

.bebefit {
    padding: 24px 0 10px;
    overflow: hidden
}

.bebefit__content__image img {
    transform: translateX(-50%)
}

.bebefit__content__list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    position: absolute;
    top: 0;
    right: -70px;
    height: 100%;
    z-index: -1
}

@media screen and (min-width: 375px) {
    .bebefit__content__list {
        right:-40px
    }
}

@media screen and (min-width: 768px) {
    .neo-banner__content__info__phone {
        font-size:1.6rem
    }

    .bebefit__content__image img {
        transform: translateX(0)
    }

    .bebefit__content__list {
        left: 15%;
        right: auto;
        width: 85%;
        align-items: flex-start
    }

    .bebefit__content__list.list-full-width .benefit-item:first-child,.bebefit__content__list.list-full-width .benefit-item:nth-child(2),.bebefit__content__list.list-full-width .benefit-item:nth-child(3),.bebefit__content__list.list-full-width .benefit-item:nth-child(4),.bebefit__content__list.list-full-width .benefit-item:nth-child(5) {
        width: 100%
    }
}

.bebefit .benefit-item {
    background: linear-gradient(90deg,#00b74f,#015aad);
    height: 40px;
    width: 260px;
    padding: 10px 30px 10px 24px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

@media screen and (min-width: 375px) {
    .bebefit .benefit-item {
        padding:10px 30px 10px 48px
    }
}

@media screen and (min-width: 768px) {
    .bebefit .benefit-item {
        height:56px;
        width: 100%;
        justify-content: flex-end;
        padding: 10px 32px;
        margin-bottom: 28px
    }
}

.bebefit .benefit-item__text {
    color: #fff;
    margin: 0 0 0 16px;
    font-size: 1.4rem
}

.bebefit .benefit-item__number {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.bebefit .benefit-item__number__value {
    color: #00b74f;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .bebefit .benefit-item__text {
        margin:0 24px 0 0;
        order: 1
    }

    .bebefit .benefit-item__number {
        order: 2
    }

    .bebefit .benefit-item__number__value {
        font-size: 1.8rem
    }

    .bebefit .benefit-item:first-child,.bebefit .benefit-item:nth-child(5) {
        width: 80%
    }
}

.highlight-feature {
    padding: 40px 0 0;
    background: #f4f7f8
}

.highlight-feature .highlight-feature-item {
    padding: 20px 16px 45px;
    min-height: 100%
}

.highlight-feature .highlight-feature-item__wrap {
    background: #fff;
    box-shadow: 6px 10px 25px rgba(0,0,0,.1);
    border-radius: 16px;
    position: relative;
    max-height: 200px;
    margin-bottom: 30px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: max-height .3s ease-out,border .3s ease-out
}

@media screen and (min-width: 768px) {
    .bebefit .benefit-item:nth-child(2),.bebefit .benefit-item:nth-child(4) {
        width:90%
    }

    .highlight-feature .highlight-feature-item__wrap {
        margin-bottom: 40px
    }

    .question-answer__content {
        box-shadow: 0 4px 12px rgba(28,28,30,.06);
        border-radius: 4px
    }
}

@media screen and (min-width: 1400px) {
    .bebefit__content {
        width:85%;
        margin: 0 auto
    }

    .highlight-feature .highlight-feature-item__wrap {
        margin-bottom: 70px
    }
}

.highlight-feature .highlight-feature-item__wrap:after {
    content: "";
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    height: 35px;
    left: 0;
    bottom: 0
}

.highlight-feature .highlight-feature-item__wrap:hover {
    border: 2px solid #00b74f;
    border-radius: 10px
}

.highlight-feature .highlight-feature-item__wrap.expanded {
    max-height: 400px;
    transition: max-height .5s ease-in,border .3s ease-in
}

.highlight-feature .highlight-feature-item__title {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.highlight-feature .highlight-feature-item__title__icon {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center
}

.highlight-feature .highlight-feature-item__title__text {
    color: #00b74f;
    padding-left: 12px;
    width: calc(100% - 40px);
    margin: 0
}

.customer-rating__content .comment-capcha,.customer-rating__content .comment-capcha .capcha #recaptcha-card-detail-content,.numInputWrapper input,.selectric-responsive {
    width: 100%
}

.highlight-feature .highlight-feature-item__desc {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 0
}

.highlight-feature .highlight-feature-item__arrow-expand {
    position: absolute;
    right: 24px;
    bottom: 10px;
    display: none;
    cursor: pointer;
    line-height: 0;
    z-index: 1;
    transition: .5s
}

.customer-rating .error-validate.active,.highlight-feature .highlight-feature-item__arrow-expand.active,.selectric-open .selectric-items,.slick-initialized .slick-slide,.slick-slide img,.slick-track {
    display: block
}

.highlight-feature .highlight-feature-item__arrow-expand i {
    color: #00b74f;
    font-size: 2rem
}

.question-answer__content {
    padding: 0 12px
}

.question-answer .basic-accordion__card:first-child {
    border-top: none
}

.question-answer .basic-accordion__card:last-child {
    border-bottom: none
}

.question-answer .basic-accordion__card__header__text a {
    padding-left: 0
}

@media screen and (min-width: 1200px) {
    .neo-banner__content__QRcode {
        margin-top:50px
    }

    .neo-banner__content__QRcode .neo-QRcode-item__image {
        max-width: 150px
    }

    .neo-banner__content__info__phone {
        margin-top: 16px
    }

    .bebefit__content__list {
        left: 10%
    }

    .bebefit .benefit-item {
        height: 76px;
        padding: 16px 32px
    }

    .question-answer .basic-accordion__card__header__text a {
        padding: 24px 35px 24px 0
    }
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.question-answer .basic-accordion__card__header__text .ico {
    right: 0
}

.question-answer .basic-accordion__card__collapse__content {
    border-color: #dde6e8
}

.term-condition {
    background: #f4f7f8;
    padding: 40px 0
}

.term-condition__content {
    background: #fff;
    padding: 40px 20px;
    text-align: center
}

.term-condition__content p:last-child {
    margin-bottom: 0
}

.customer-rating {
    padding: 20px 0;
    background: #f4f7f8;
    margin-bottom: 20px
}

.customer-rating__content {
    padding: 20px;
    margin: 0;
    background: #fff
}

.customer-rating__content .form-send-review {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.customer-rating__content .user-vote-rating {
    margin-bottom: 24px
}

.customer-rating__content .comment-capcha textarea {
    background: #f4f7f8;
    border-radius: 4px;
    margin-bottom: 24px;
    padding: 12px;
    border: none;
    height: 100px
}

.customer-rating__content .comment-capcha textarea::placeholder {
    color: #545758;
    font-weight: 400
}

.customer-rating__content .comment-capcha .capcha {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden
}

@media screen and (min-width: 992px) {
    .overview {
        padding:60px 0
    }

    .overview__content {
        margin-bottom: 0;
        height: 100%;
        justify-content: center;
        align-items: flex-start;
        text-align: left
    }

    .overview__content__btn--mobile {
        display: none
    }

    .overview__content__btn--desktop {
        display: block
    }

    .overview__media__slide {
        margin-bottom: 0
    }

    .overview .overview-modal-content__btn {
        margin-top: 32px
    }

    .overview .slick-dotted.slick-slider {
        margin-bottom: 45px
    }

    .overview .slick-dotted.slick-slider .slick-dots {
        bottom: -45px
    }

    .bebefit {
        padding: 40px 0
    }

    .bebefit .benefit-item__text {
        font-size: 2.4rem
    }

    .bebefit .benefit-item__number {
        width: 44px;
        height: 44px
    }

    .bebefit .benefit-item__number__value {
        font-size: 2rem
    }

    .highlight-feature {
        padding: 40px 0 10px
    }

    .highlight-feature__content .row {
        justify-content: flex-start
    }

    .highlight-feature .highlight-feature-item {
        padding: 30px 24px 50px
    }

    .highlight-feature .highlight-feature-item__wrap:after {
        height: 43px
    }

    .highlight-feature .highlight-feature-item__title {
        margin-bottom: 24px
    }

    .question-answer__content {
        padding: 0 24px
    }

    .term-condition__content {
        padding: 40px 24px;
        text-align: left
    }

    .customer-rating {
        padding: 40px 0 80px;
        margin-bottom: 40px
    }

    .customer-rating__content {
        padding: 24px
    }

    .customer-rating__content .comment-capcha .capcha,.customer-rating__content .form-send-review {
        align-items: flex-start
    }

    .customer-rating__content .comment-capcha textarea {
        height: 144px
    }
}

.customer-rating__content .comment-capcha .capcha #recaptcha-card-detail-content>div {
    max-width: 100%
}

.customer-rating__content .comment-capcha .capcha iframe {
    transform: scale(.82);
    -webkit-transform: scale(.82);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

@media screen and (min-width: 375px) {
    .customer-rating__content .comment-capcha .capcha #recaptcha-card-detail-content {
        width:auto
    }

    .customer-rating__content .comment-capcha .capcha #recaptcha-card-detail-content>div {
        max-width: none
    }

    .customer-rating__content .comment-capcha .capcha iframe {
        transform: none;
        -webkit-transform: none
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-loading .slick-list {
    background: url(https://www.tindungvib.com/assets1/images/ajax-loader.gif) 50% no-repeat #fff
}

@font-face {
    font-family: slick;
    src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=);
    src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=?#iefix) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("truetype"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+PGZvbnQtZmFjZSBmb250LWZhbWlseT0ic2xpY2siIHVuaXRzLXBlci1lbT0iNTEyIiBhc2NlbnQ9IjQ4MCIgZGVzY2VudD0iLTMyIi8+PGdseXBoIHVuaWNvZGU9IuKGkiIgZD0iTTI0MSAxMTNsMTMwIDEzMGM0IDQgNiA4IDYgMTNzLTIgOS02IDEzTDI0MSAzOTljLTMgMy03IDUtMTIgNXMtMTAtMi0xMy01bC0yOS0zMGMtNC0zLTYtNy02LTEyczItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzczItOSA2LTEybDI5LTMwYzMtMyA4LTUgMTMtNXM5IDIgMTIgNXptMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOXMtNzcgOS0xMTAgMjljLTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMHM5IDc3IDI5IDExMGMyMCAzNCA0NiA2MCA4MCA4MCAzMyAyMCA3MCAyOSAxMTAgMjlzNzctOSAxMTAtMjljMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPjxnbHlwaCB1bmljb2RlPSLihpAiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMnMtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTNzLTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1cy05LTItMTItNUwxNDEgMjY5Yy00LTQtNi04LTYtMTNzMi05IDYtMTNsMTMwLTEzMGMzLTMgNy01IDEyLTVzMTAgMiAxMyA1em0xNzkgMTQzYzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5cy03NyA5LTExMCAyOWMtMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwczkgNzcgMjkgMTEwYzIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOXM3Ny05IDExMC0yOWMzNC0yMCA2MC00NiA4MC04MCAyMC0zMyAyOS03MCAyOS0xMTB6Ii8+PGdseXBoIHVuaWNvZGU9IuKAoiIgZD0iTTQ3NSAyNTZjMC00MC05LTc3LTI5LTExMC0yMC0zNC00Ni02MC04MC04MC0zMy0yMC03MC0yOS0xMTAtMjlzLTc3IDktMTEwIDI5Yy0zNCAyMC02MCA0Ni04MCA4MC0yMCAzMy0yOSA3MC0yOSAxMTBzOSA3NyAyOSAxMTBjMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5czc3LTkgMTEwLTI5YzM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz48Z2x5cGggdW5pY29kZT0iYSIgZD0iTTQ3NSA0MzlWMzExYzAtNS0xLTktNS0xM3MtOC01LTEzLTVIMzI5Yy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01N3M0LTM5IDExLTU3YzgtMTggMTgtMzMgMzItNDYgMTMtMTQgMjgtMjQgNDYtMzIgMTgtNyAzNy0xMSA1Ny0xMSAyMyAwIDQ0IDUgNjQgMTUgMjAgOSAzOCAyMyA1MSA0MiAyIDEgNCAzIDcgM3M1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxN3MtNTEgMjctNzAgNDdjLTIwIDE5LTM1IDQzLTQ3IDcwcy0xNyA1NS0xNyA4NSA1IDU4IDE3IDg1IDI3IDUxIDQ3IDcwYzE5IDIwIDQzIDM1IDcwIDQ3czU1IDE3IDg1IDE3YzI4IDAgNTUtNSA4MS0xNSAyNi0xMSA1MC0yNiA3MC00NWwzNyAzN2M2IDYgMTIgNyAyMCA0IDgtNCAxMS05IDExLTE3eiIvPjwvZm9udD48L2RlZnM+PC9zdmc+) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next,.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
    background: 0 0;
    color: transparent;
    outline: 0
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before,[dir=rtl] .slick-next:before {
    content: "\2190"
}

.slick-next:before,[dir=rtl] .slick-prev:before {
    content: "\2192"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,.slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.flatpickr-calendar {
    background: #fff;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);
    box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)
}

.flatpickr-calendar.inline,.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: .3s cubic-bezier(.23,1,.32,1) fpFadeInDown;
    animation: .3s cubic-bezier(.23,1,.32,1) fpFadeInDown
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar:after,.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months,.flatpickr-weekdays,.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: 0 0;
    color: rgba(0,0,0,.9);
    fill: rgba(0,0,0,0.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0,0,0,.9);
    fill: rgba(0,0,0,0.9)
}

.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57,57,57,.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0,0,0,.1)
}

.numInputWrapper span:active {
    background: rgba(0,0,0,.2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57,57,57,.6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57,57,57,.6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0,0,0,0.5)
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover,.flatpickr-current-month span.cur-month:hover,.numInputWrapper:hover {
    background: rgba(0,0,0,.05)
}

.flatpickr-current-month {
    font-size: 135%;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    padding: 0 0 0 .5ch;
    vertical-align: initial;
    background: 0 0
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0,0,0,.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0,0,0,.9)
}

.flatpickr-current-month input.cur-year {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: text;
    margin: 0;
    display: inline-block;
    border: 0;
    border-radius: 0;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0,0,0,.5);
    background: 0 0;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    margin: -1px 0 0;
    outline: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.dayContainer,.flatpickr-day {
    -webkit-box-sizing: border-box
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: 0;
    padding: 0
}

.flatpickr-weekdays {
    background: 0 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer,span.flatpickr-weekday {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: 0 0;
    color: rgba(0,0,0,.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    font-weight: bolder
}

.dayContainer,.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.dayContainer+.dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:focus,.flatpickr-day.today:hover {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n + 1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n + 1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n + 1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay {
    color: rgba(57,57,57,.3);
    background: 0 0;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57,57,57,.1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57,57,57,.3);
    background: 0 0;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.flatpickr-innerContainer,.flatpickr-rContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover {
    background: #eee
}

@-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric {
    border: 1px solid #ddd;
    background: #f8f8f8;
    position: relative
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 12px;
    line-height: 38px;
    color: #444;
    height: 38px;
    user-select: none
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    color: #bbb;
    text-align: center;
    font: 0/0 a
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #bbb;
    border-bottom: none
}

.selectric-focus .selectric {
    border-color: #aaa
}

.selectric-hover .selectric,.selectric-open .selectric {
    border-color: #c4c4c4
}

.selectric-hover .selectric .button {
    color: #a2a2a2
}

.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2
}

.selectric-open {
    z-index: 9999
}

.selectric-disabled {
    opacity: .5;
    cursor: default;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
    display: none
}

.selectric-input {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    margin: 0!important;
    padding: 0!important;
    width: 1px!important;
    height: 1px!important;
    outline: 0!important;
    border: none!important;
    background: 0 0!important
}

.selectric-temp-show {
    position: absolute!important;
    visibility: hidden!important;
    display: block!important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f8f8f8;
    border: 1px solid #c4c4c4;
    z-index: -1;
    box-shadow: 0 0 10px -6px
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items li,.selectric-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer
}

.selectric-items li.selected {
    background: #e0e0e0;
    color: #444
}

.selectric-items li:hover {
    background: #d5d5d5;
    color: #444
}

.selectric-items .disabled {
    opacity: .5;
    cursor: default!important;
    background: 0 0!important;
    color: #666!important;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: 700;
    padding-left: 10px;
    cursor: default;
    user-select: none;
    background: 0 0;
    color: #444
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

.note__content {
    justify-content: space-between;
    flex-direction: row-reverse
}

@media screen and (min-width: 768px) {
    .note__content {
        display:flex
    }
}