.table-responsive {
  k
  overflow-x: auto;
  min-height: 0.01%;
}

.table-responsive .text-small {
  margin: 1rem 0 0 !important;
}

.table-responsive .text-small+.text-small {
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    margin-bottom: 1rem;
  }

  .table-responsive>.table {
    margin-bottom: 0;
  }

  .table-responsive>.table>thead>tr>th,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tfoot>tr>td {
    white-space: nowrap;
  }

  .table-responsive>.table-bordered {
    border: 0;
  }

  .table-responsive>.table-bordered>thead>tr>th:first-child,
  .table-responsive>.table-bordered>tbody>tr>th:first-child,
  .table-responsive>.table-bordered>tfoot>tr>th:first-child,
  .table-responsive>.table-bordered>thead>tr>td:first-child,
  .table-responsive>.table-bordered>tbody>tr>td:first-child,
  .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
  }

  .table-responsive>.table-bordered>thead>tr>th:last-child,
  .table-responsive>.table-bordered>tbody>tr>th:last-child,
  .table-responsive>.table-bordered>tfoot>tr>th:last-child,
  .table-responsive>.table-bordered>thead>tr>td:last-child,
  .table-responsive>.table-bordered>tbody>tr>td:last-child,
  .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
  }

  .table-responsive>.table-bordered>tbody>tr:last-child>th,
  .table-responsive>.table-bordered>tfoot>tr:last-child>th,
  .table-responsive>.table-bordered>tbody>tr:last-child>td,
  .table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
  }
}

@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/icomoon.eot');
  /* IE9 Compat Modes */
  /* IE6-IE8 */
  /* Pretty Modern Browsers */
  /* Safari, Android,iOS */
  src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.svg#svgFontName') format('svg');
  /* Legacy iOS */
}

[class^='icon-']:before,
[class*=' icon-']:before,
.converter .convert-group:after,
.converter .convert-group:after,
.btn-convert:after,
.btn-convert:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-map:before {
  content: '\e94a';
}

.icon-ico_specker:before {
  content: '\e947';
}

.icon-pen:before {
  content: '\e944';
}

.icon-phone2:before {
  content: '\e945';
}

.icon-close2:before {
  content: '\e946';
}

.icon-reg_new:before {
  content: '\e942';
}

.icon-sub:before {
  content: '\e943';
}

.icon-quocte:before {
  content: '\e93f';
}

.icon-search2:before {
  content: '\e940';
}

.icon-table_8:before {
  content: '\e920';
}

.icon-user:before {
  content: '\e921';
}

.icon-user_2:before {
  content: '\e922';
}

.icon-arr3-up:before {
  content: '\e925';
}

.icon-arr3-down:before {
  content: '\e926';
}

.icon-arr3-right:before {
  content: '\e927';
}

.icon-arr3-left:before {
  content: '\e924';
}

.icon-table_8:before {
  content: '\e920';
}

.icon-user:before {
  content: '\e921';
}

.icon-user_2:before {
  content: '\e922';
}

.icon-arr_type3_1:before {
  content: '\e923';
}

.icon-arr_type3_2:before {
  content: '\e924';
}

.icon-arr_type3_3:before {
  content: '\e925';
}

.icon-arr_type3_4:before {
  content: '\e926';
}

.icon-arr_type4_1:before {
  content: '\e927';
}

.icon-arr_type4_2:before {
  content: '\e928';
}

.icon-arr_type4_3:before {
  content: '\e929';
}

.icon-arr_type4_4:before {
  content: '\e92a';
}

.icon-building:before {
  content: '\e92b';
}

.icon-chat:before {
  content: '\e92c';
}

.icon-down:before {
  content: '\e92d';
}

.icon-hand_love:before {
  content: '\e92e';
}

.icon-home_dola:before {
  content: '\e92f';
}

.icon-insurance1:before {
  content: '\e930';
}

.icon-insurance2:before {
  content: '\e931';
}

.icon-insurance3:before {
  content: '\e932';
}

.icon-insurance4:before {
  content: '\e933';
}

.icon-insurance5:before {
  content: '\e934';
}

.icon-insurance6:before {
  content: '\e935';
}

.icon-jointstock1:before {
  content: '\e936';
}

.icon-jointstock2:before {
  content: '\e937';
}

.icon-jointstock3:before {
  content: '\e938';
}

.icon-jointstock4:before {
  content: '\e939';
}

.icon-rocket:before {
  content: '\e93a';
}

.icon-table_1:before {
  content: '\e93b';
}

.icon-table_2:before {
  content: '\e93c';
}

.icon-table_3:before {
  content: '\e93d';
}

.icon-table_4:before {
  content: '\e941';
}

.icon-table_5:before {
  content: '\e93e';
}

.icon-table_6:before {
  content: '\e948';
}

.icon-table_7:before {
  content: '\e949';
}

.icon-acount_ico1:before {
  content: '\e900';
}

.icon-acount_ico2:before {
  content: '\e901';
}

.icon-acount_ico3:before {
  content: '\e902';
}

.icon-add_user:before {
  content: '\e903';
}

.icon-arr_type1_1:before {
  content: '\e904';
}

.icon-arr_type1_2:before {
  content: '\e905';
}

.icon-arr_type1_3:before {
  content: '\e906';
}

.icon-arr_type1_4:before {
  content: '\e907';
}

.icon-arr_type2_1:before {
  content: '\e908';
}

.icon-arr_type2_2:before {
  content: '\e909';
}

.icon-arr_type2_3:before {
  content: '\e90a';
}

.icon-arr_type2_4:before {
  content: '\e90b';
}

.icon-car:before {
  content: '\e90c';
}

.icon-clock:before {
  content: '\e90d';
}

.icon-close:before {
  content: '\e90e';
}

.icon-date:before {
  content: '\e90f';
}

.icon-date_2:before {
  content: '\e910';
}

.icon-download:before {
  content: '\e911';
}

.icon-earth:before {
  content: '\e912';
}

.icon-edu:before {
  content: '\e913';
}

.icon-filter:before {
  content: '\e914';
}

.icon-home:before {
  content: '\e915';
}

.icon-ico_pdf:before {
  content: '\e916';
}

.icon-lock:before {
  content: '\e917';
}

.icon-mail:before {
  content: '\e918';
}

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

.icon-phone:before {
  content: '\e91a';
}

.icon-plus:before {
  content: '\e91b';
}

.icon-point:before {
  content: '\e91c';
}

.icon-print:before {
  content: '\e91d';
}

.icon-search:before {
  content: '\e91e';
}

.icon-transaction:before {
  content: '\e91f';
}

/*  Font iconmon2*/
@font-face {
  font-family: 'icomoon2';
  src: url('../fonts/iconmoon2/fonts/icomoon.eot?h43ouz');
  src: url('../fonts/iconmoon2/fonts/icomoon.eot?h43ouz#iefix') format('embedded-opentype'),
    url('../fonts/iconmoon2/fonts/icomoon.ttf?h43ouz') format('truetype'),
    url('../fonts/iconmoon2/fonts/icomoon.woff?h43ouz') format('woff'),
    url('../fonts/iconmoon2/fonts/icomoon.svg?h43ouz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class*='icm2-']:before,
[class*='icm2-'] [class*='path']:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon2' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*='icm2-']:before {
  color: inherit !important;
}

.icm2-icon-user-login:before {
  content: '\e922';
}

.icm2-homepage-copy-2:before {
  content: '\e900';
  color: #345dd4;
}

.icm2-chuyen-gia:before {
  content: '\e901';
}

.icm2-group-7:before {
  content: '\e902';
}

.icm2-icn-accordion-close .path1:before {
  content: '\e903';
  color: #21409a;
}

.icm2-icn-accordion-close .path2:before {
  content: '\e904';
  margin-left: -1em;
  color: #ffffff;
}

.icm2-icn-accordion-open .path1:before {
  content: '\e905';
  color: #c4e1f7;
}

.icm2-icn-accordion-open .path2:before {
  content: '\e906';
  margin-left: -1em;
  color: #14265b;
}

.icm2-icn-calender:before {
  content: '\e907';
  color: #999;
}

.icm2-icn-chinh-sach-tuyen-dung:before {
  content: '\e908';
  color: #21409a;
}

.icm2-icn-chuyen-gia:before {
  content: '\e909';
}

.icm2-icn-close .path1:before {
  content: '\e90a';
  color: #9e9e9e;
}

.icm2-icn-close .path2:before {
  content: '\e90b';
  margin-left: -1em;
  color: #9e9e9e;
}

.icm2-icn-close .path3:before {
  content: '\e90c';
  margin-left: -1em;
  color: #ffffff;
}

.icm2-icn-download-grey:before {
  content: '\e90d';
  color: #9e9e9e;
}

.icm2-icn-dropdown-1:before {
  content: '\e90e';
}

.icm2-icn-email:before {
  content: '\e90f';
  color: #9e9e9e;
}

.icm2-icn-error .path1:before {
  content: '\e910';
  color: #ffc800;
}

.icm2-icn-error .path2:before {
  content: '\e911';
  margin-left: -1em;
  color: #ffffff;
}

.icm2-icn-error .path3:before {
  content: '\e912';
  margin-left: -1em;
  color: #ffffff;
}

.icm2-icn-facebook:before {
  content: '\e913';
  color: #3b5998;
}

.icm2-icn-facebook_2:before {
  content: '\e914';
  color: #fff;
}

.icm2-icn-ho-so-truc-tuyen:before {
  content: '\e915';
}

.icm2-icn-icn-download:before {
  content: '\e916';
  color: #345dd4;
}

.icm2-icn-linked-in:before {
  content: '\e917';
  color: #0077b5;
}

.icm2-icn-linked-in_2:before {
  content: '\e918';
  color: #fff;
}

.icm2-icn-log-out:before {
  content: '\e919';
}

.icm2-icn-moi-truong-lam-viec:before {
  content: '\e91a';
  color: #21409a;
}

.icm2-icn-more:before {
  content: '\e91b';
}

.icm2-icn-more-2:before {
  content: '\e91c';
  color: #9e9e9e;
}

.icm2-icn-nguoi-kinh-nghiem:before {
  content: '\e91d';
}

.icm2-icn-password:before {
  content: '\e91e';
  color: #9e9e9e;
}

.icm2-icn-pdf-blue:before {
  content: '\e91f';
  color: #345dd4;
}

.icm2-icn-pdf-grey:before {
  content: '\e920';
  color: #9e9e9e;
}

.icm2-icn-personal-infor:before {
  content: '\e921';
}

.icm2-icn-quan-ly-ca-nhan:before {
  content: '\e923';
}

.icm2-icn-quan-ly-cao-cap:before {
  content: '\e924';
  color: #21409a;
}

.icm2-icn-quan-ly-ho-so:before {
  content: '\e925';
  color: #21409a;
}

.icm2-icn-quan-ly-so-cap:before {
  content: '\e926';
  color: #21409a;
}

.icm2-icn-quan-ly-trung-cap:before {
  content: '\e927';
  color: #21409a;
}

.icm2-icn-search:before {
  content: '\e928';
}

.icm2-icn-sinh-vien:before {
  content: '\e929';
}

.icm2-icn-success .path1:before {
  content: '\e92a';
  color: #24bf7f;
}

.icm2-icn-success .path2:before {
  content: '\e92b';
  margin-left: -1em;
  color: #ffffff;
}

.icm2-icn-success .path3:before {
  content: '\e92c';
  margin-left: -1em;
  color: #ffffff;
}

.icm2-icn-thuc-tap:before {
  content: '\e92d';
}

.icm2-icn-tin-tuyen-dung:before {
  content: '\e92e';
  color: #21409a;
}

.icm2-icn-youtube:before {
  content: '\e92f';
  color: #fff;
}

.icm2-icon-username:before {
  content: '\e930';
}

.icm2-kinh-nghiem:before {
  content: '\e931';
}

.icm2-thuc-tap:before {
  content: '\e932';
}

.icm2-tot-nghiep:before {
  content: '\e933';
}

input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email'],
input[type='number'],
input[type='date'],
input[type='password'],
textarea {
  color: #1c2e36;
  font-size: 1.533rem;
  width: 100%;
  line-height: 48px;
  background-color: #fff;
  height: 48px;
  border-radius: 4px;
  padding: 0 5px;
}

input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='number']:-moz-placeholder,
input[type='date']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder {
  color: #9e9e9e;
}

input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='date']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder {
  color: #9e9e9e;
}

input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='date']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #9e9e9e;
}

input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='date']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #9e9e9e;
}

textarea {
  height: auto;
  line-height: inherit;
  min-height: 100px;
}

.label-require {
  color: #d0021b;
  font-weight: bold;
  margin-left: 5px;
}

/*#online-register > .inner-container > .btn-control {
  margin-bottom: -50px;
}*/
body.popreg-show {
  height: 100%;
  overflow: hidden;
}

.online-reg-form {
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: -20;
}

.online-reg-form.on {
  opacity: 1;
  visibility: visible;
  z-index: 200;
}

.online-reg-form .screen-overlay {
  background: rgba(0, 0, 0, 0.59);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}

.online-reg-form .close-btn {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 3;
  cursor: pointer;
}

.online-reg-form .close-btn img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .online-reg-form .form-wrapper {
    width: 100% !important;
  }
}

.online-reg-form .form-wrapper {
  max-width: 985px;
  width: 90%;
  padding: 15px 4px;
  position: relative;
  margin: auto;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  max-height: 100vh;
  overflow: auto;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 3px;
}

.online-reg-form .form-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.online-reg-form .form-wrapper.on {
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 1024px) {
  .online-reg-form .form-wrapper {
    padding: 30px 0px;
  }
}

.online-reg-form .title-1 {
  position: relative;
  padding-bottom: 10px;
  margin-top: -12px;
}

@media only screen and (min-width: 1024px) {
  .online-reg-form .title-1 {
    padding-bottom: 15px;
  }
}

.online-reg-form .title-1:before {
  content: '';
  width: 30px;
  height: 4px;
  background-color: #ed1d24;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 2px;
}

.online-reg-form form ._customer-infos {
  margin: 0px -10px;
}

.online-reg-form form ._customer-infos>li {
  margin-bottom: 10px;
  padding: 0px 10px;
}

@media only screen and (min-width: 768px) {
  .online-reg-form form ._customer-infos>li {
    margin-bottom: 15px;
    float: left;
    width: 50%;
  }

  .online-reg-form form ._customer-infos>li.full-width {
    width: 100%;
  }
}

.online-reg-form form ._customer-infos>li input {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-weight: 600;
  padding: 15px;
  font-size: 14px;
}

.online-reg-form form .subcol li {
  width: 25%;
  float: left;
}

.online-reg-form form .subcol li:nth-child(4n + 1) {
  clear: both;
}

.online-reg-form form .sub-title {
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 15px;
}

@media only screen and (min-width: 768px) {
  .online-reg-form form .sub-title {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .online-reg-form form .sub-title {
    font-size: 1.285rem;
  }
}

.online-reg-form form .sub-title span {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  background-color: #e0e0e0;
  text-align: center;
  margin-right: 19px;
}

.online-reg-form form label {
  line-height: 1.43;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

.common-form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.common-form .form-wrapper {
  max-width: 985px;
  width: 90%;
  padding: 15px;
  position: relative;
  margin: auto;
  z-index: 2;
  background: #fff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 3px;
}

.common-form .form-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

@media only screen and (min-width: 768px) {
  .common-form .form-wrapper {
    padding: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .common-form .form-wrapper {
    padding: 30px 50px;
  }
}

.common-form form .form-item {
  margin: 0px -10px;
}

.common-form form .form-item>li {
  margin-bottom: 10px;
  padding: 0px 10px;
  background: transparent !important;
  float: left;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .common-form form .form-item>li {
    margin-bottom: 15px;
    width: 100%;
  }

  .common-form form .form-item>li.full-width {
    width: 100%;
  }
}

.common-form form .form-item>li input,
.common-form form .form-item>li textarea {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-weight: 600;
  padding: 15px;
  font-size: 14px;
}

.common-form form .form-item>li input[type='radio'],
.common-form form .form-item>li textarea[type='radio'] {
  border-radius: 100%;
  margin: 10px 10px 10px 0px;
  border-width: 6px;
  -webkit-box-shadow: 0 0 0 3px #e0e0e0;
  box-shadow: 0 0 0 3px #e0e0e0;
  border-color: #fff;
  padding: 7px;
}

.common-form form .form-item>li input[type='radio']:checked,
.common-form form .form-item>li textarea[type='radio']:checked {
  background: #21409a;
  -webkit-box-shadow: 0 0 0 3px #21409a;
  box-shadow: 0 0 0 3px #21409a;
}

.common-form form .form-item .guide {
  padding-left: 30px;
  padding-bottom: 5px;
  margin-top: 15px;
  color: #9e9e9e;
}

.common-form form .subcol li {
  width: 25%;
  float: left;
}

.common-form form .subcol li:nth-child(4n + 1) {
  clear: both;
}

.common-form form .sub-title {
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 15px;
}

@media only screen and (min-width: 768px) {
  .common-form form .sub-title {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .common-form form .sub-title {
    font-size: 1.285rem;
  }
}

.common-form form .sub-title span {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  background-color: #e0e0e0;
  text-align: center;
  margin-right: 19px;
}

.common-form form label {
  line-height: 1.43;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

.common-form form label.sub-label {
  font-weight: normal;
  margin-bottom: 0px;
  margin-top: 6px;
}

.common-form form .inline-icon,
.common-form form .inline-text {
  position: relative;
}

.common-form form .inline-icon:before,
.common-form form .inline-text:before,
.common-form form .inline-icon ._text,
.common-form form .inline-text ._text {
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  font-size: 30px;
  color: #999 !important;
  right: 10px;
}

.common-form form .inline-icon ._text,
.common-form form .inline-text ._text {
  font-size: inherit;
  font-weight: 600;
}

.common-form form .inline-icon input,
.common-form form .inline-text input {
  padding-right: 80px !important;
}

.common-form form .inline-select {
  position: relative;
}

.common-form form .inline-select .bidv-select-box {
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  right: 0px;
  min-width: 100px;
}

.common-form form .inline-select .bidv-select-box ._selected-text {
  border: none;
  border-left: 1px solid #e0e0e0;
  background: transparent;
  border-radius: 0px;
  color: #999 !important;
}

.common-form form .inline-select input {
  padding-right: 100px !important;
}

.common-form form .icm2-icn-success {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
}

.common-form form .icm2-icn-success .path1::before,
.common-form form .icm2-icn-success .path3::before {
  color: transparent;
}

.common-form form .icm2-icn-success .path2::before {
  color: #e0e0e0;
}

.common-form form input:checked+.icm2-icn-success .path1::before {
  color: #21409a;
}

.common-form form input:checked+.icm2-icn-success .path2::before {
  color: #21409a;
}

.common-form form input:checked+.icm2-icn-success .path3::before {
  color: #fff;
}

.common-form form .agree-terms {
  margin: 10px 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.common-form form .agree-terms a {
  color: #345dd4;
}

.common-form form .form-require-radio-check {
  display: none;
}

#email-us-form {
  max-width: 620px;
  margin: 0 auto;
}

#email-us-form .pull-left,
#email-us-form .pull-right {
  width: 48%;
}

#email-us-form ._customer-infos .info-block {
  margin-bottom: 20px;
}

#email-us-form label {
  line-height: 1.43;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

#email-us-form input,
#email-us-form textarea {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-weight: 600;
  padding: 15px;
  font-size: 14px;
}

#email-us-form .btn.btn-blue {
  min-width: 160px;
}

.select-has-scrollbar ._selection-field {
  overflow: hidden !important;
}

.select-has-scrollbar ._selection-field .mCSB_dragger_bar,
.estimate-selection .estimate-selection-field .mCSB_dragger_bar {
  background: #9e9e9e !important;
}

input[type='checkbox'] {
  display: none;
}

input[type='checkbox']+label {
  position: relative;
  padding-left: 40px;
  display: block;
}

input[type='checkbox']+label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  border-radius: 3px;
  border: solid 1px #e0e0e0;
}

input[type='checkbox']:checked+label:after {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 18px;
  height: 10px;
  border-bottom: 2px solid #21409a;
  border-left: 2px solid #21409a;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.frm-top-note {
  margin-top: 10px;
}

.regnew-note {
  border-top: 2px solid #979797;
  border-bottom: 2px solid #979797;
  padding: 15px 0;
  color: #9e9e9e;
  width: 48%;
  float: left;
}

.regnew-note .highlight {
  color: #14265b;
  font-weight: 600;
}

.regnew-note p {
  margin-bottom: 0;
}

.regnew-btn {
  float: right;
  clear: both;
  padding-top: 15px;
}

@media only screen and (min-width: 768px) {
  #register-consultant .form-wrapper form {
    margin: 0px -40px;
  }
}

@media only screen and (min-width: 768px) {
  #register-consultant .form-wrapper form .form-item {
    margin: 0px;
  }

  #register-consultant .form-wrapper form .form-item>li {
    padding: 0px 40px;
  }
}

.popup-alert {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.popup-alert .popup-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}

.popup-alert .popup-wrapper .popup-content {
  display: table-cell;
  vertical-align: middle;
}

.popup-alert .popup-wrapper .popup-content .box-content {
  padding: 20px 70px;
  background: #fff;
  border-radius: 5px;
  display: inline-block;
  margin: 0px 20px;
}

.popup-alert .alert-icon {
  font-size: 70px;
  margin-top: -55px;
  margin-bottom: 20px;
}

.popup-alert .btn {
  margin-top: 40px;
  cursor: pointer;
}

.title-1 {
  line-height: 1.33;
  font-size: 1.285rem;
  font-weight: 800;
}

@media only screen and (min-width: 768px) {
  .title-1 {
    font-size: 1.714rem;
  }
}

@media only screen and (min-width: 1024px) {
  .title-1 {
    font-size: 32px;
  }
}

@media only screen and (min-width: 1280px) {
  .title-1 {
    /*font-size: 2.928rem; ----fix font-size title home----*/
    font-size: 2.5rem;
  }
}

.title-1 .icon-arr_type1_1 {
  font-size: 70%;
  margin-left: 40px;
}

@media only screen and (max-width: 767px) {
  .title-1 .icon-arr_type1_1 {
    margin-left: 10px;
  }
}

.title-1 a {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.title-1 a:hover {
  color: inherit;
}

.title-2 {
  font-size: 1.285rem;
  line-height: 1.25;
}

@media only screen and (min-width: 1024px) {
  .title-2 {
    font-size: 1.714rem;
  }
}

@media only screen and (min-width: 1024px) {
  ._inner-content .title-2 {
    font-size: 1.514rem;
  }
}

.title-3 {
  font-size: 1rem;
  line-height: 1.43;
  text-transform: uppercase;
}

.text-medium {
  font-size: 14px;
  line-height: 1.33;
}

@media only screen and (min-width: 768px) {
  .text-medium {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .text-medium {
    font-size: 1.285rem;
  }
}

.font-bold {
  font-weight: 600;
}

.link-view-more {
  padding-right: 30px;
  position: relative;
}

.link-view-more:before {
  content: '';
  position: absolute;
  right: 10px;
  top: 6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: solid 2px #345dd4;
  border-right: solid 2px #345dd4;
  width: 8px;
  height: 8px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.link-view-more:hover:before {
  opacity: 1;
  right: 5px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

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

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

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

.fixed-screen {
  max-height: 100vh;
  overflow: hidden;
}

.light-border-bot {
  border-bottom: 1px solid #e0e0e0;
}

.light-border-bot.background-blue {
  background-color: #15234e;
  border: none;
}

.light-border-right {
  border-right: 1px solid #e0e0e0;
}

.light-grey-bg {
  background-color: #f7f9fb;
}

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

.share-info p.share-text {
  font-weight: normal;
  margin-bottom: 10px;
}

.share-info .share-icon li {
  display: inline-block;
  width: 45px;
  margin-right: 6px;
  height: 45px;
}

@media only screen and (min-width: 768px) {
  .share-info .share-icon li {
    width: 30px;
    height: 30px;
  }
}

.share-info .share-icon li img {
  width: 100%;
}

a:hover {
  color: #345dd4;
}

.bg {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.bnr-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0, 0, 0, 0.2);*/
}

.mt10 {
  margin-top: 10px;
}

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

@media only screen and (max-width: 480px) {
  .full-width-480 {
    width: 100% !important;
  }
}

.color-blue {
  color: #21409a;
}

.ui-datepicker {
  z-index: 99999 !important;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  overflow: hidden;
}

.ui-datepicker .ui-datepicker-header {
  background: #21409a;
  position: relative;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
}

.ui-datepicker .ui-datepicker-header .ui-icon {
  text-indent: -9999px;
  color: transparent;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 20px;
  color: #fff;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-w:before {
  content: '\e909';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #fff;
  font-size: 11px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  color: #fff;
  right: 20px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-e::after {
  content: '\e908';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #fff;
  font-size: 11px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-year {
  display: none;
}

.ui-datepicker table td,
.ui-datepicker table th {
  padding: 5px 5px;
  text-align: center;
}

@media only screen and (min-width: 769px) {

  .ui-datepicker table td,
  .ui-datepicker table th {
    padding: 17px 25px;
  }
}

.ui-datepicker table td a,
.ui-datepicker table th a {
  border-radius: 100%;
  padding: 1px 0px;
  width: 23px;
  height: 23px;
  display: inline-block;
}

.ui-datepicker table td a.ui-state-active,
.ui-datepicker table th a.ui-state-active,
.ui-datepicker table td a.ui-state-hover,
.ui-datepicker table th a.ui-state-hover {
  background: #21409a;
  color: #fff;
}

.ui-datepicker table th {
  text-transform: uppercase;
}

.ui-datepicker table th span {
  font-weight: 600;
}

.ui-datepicker table .ui-priority-secondary {
  color: #888;
}

#map {
  height: 240px;
  margin: 20px 0;
}

.headquarters {
  max-width: 1050px;
  margin: auto;
}

.headquarters .headquarters-content ._title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.33;
}

.headquarters .headquarters-content p:not(._title) {
  margin-top: 15px;
  line-height: 1.43;
}

@media only screen and (min-width: 768px) {
  .headquarters .headquarters-content {
    padding: 0 5%;
  }
}

.headquarters .contact-by {
  margin-top: 30px;
}

.headquarters .contact-by li:not(:last-child) {
  margin-bottom: 20px;
}

.headquarters .contact-by li a {
  color: #345dd4;
}

.headquarters .contact-by li a span {
  padding-left: 20px;
}

.mCustomScrollBox.mCSB_inside>.mCSB_container {
  margin-right: 16px;
}

.table-reponsive {
  width: 100%;
}

.table-reponsive tbody tr:not(.last-child) {
  border-bottom: 1px solid #e0e0e0;
}

.table-reponsive td {
  padding: 15px 5px;
}

@media only screen and (min-width: 768px) {
  .table-reponsive td:first-child {
    padding-left: 0px;
    text-align: left;
  }
}

.table-reponsive td.empty-col {
  border-bottom: none !important;
}

.table-reponsive td .mobile-thead {
  display: none;
}

.table-reponsive thead tr {
  border-bottom: 3px solid #e0e0e0;
}

.table-reponsive thead td {
  font-weight: 800;
}

.table-reponsive.trigger-responsive thead {
  display: none;
}

.table-reponsive.trigger-responsive td {
  width: 100% !important;
  float: left;
  text-align: right !important;
  padding: 5px 0px;
}

.table-reponsive.trigger-responsive td .mobile-thead {
  display: inline-block;
  width: 50%;
  float: left;
  text-align: left !important;
}

.table-reponsive.trigger-responsive td .mobile-content {
  width: 50%;
  float: left;
  text-align: right !important;
}

@media only screen and (max-width: 767px) {
  .table-reponsive.trigger-responsive td .mobile-content {
    float: right !important;
  }
}

.table-reponsive.trigger-responsive tr {
  padding: 10px 10px;
  float: left;
  width: 100%;
}

.table-reponsive.trigger-responsive tr:nth-child(2n + 1) {
  background: #f8f8f8;
}

.pnf-title {
  color: #21409a;
  font-weight: 800;
  padding: 10px 0;
}

.pnf-title .icon-search {
  margin-right: 10px;
}

.pnf-btn {
  margin: 25px 0 60px;
  text-transform: uppercase;
}

.pnf-background {
  position: relative;
  z-index: 2;
  padding: 64px 0 50px;
}

.pnf-background:before {
  content: '';
  background: #f8f9fb;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
}

.pnf-background:after {
  content: '';
  display: table;
  clear: both;
}

.pnf-background h5 {
  text-align: center;
  font-size: 12px;
  margin-bottom: 26px;
}

.page-notfound .title-2 {
  font-size: 24px;
  font-weight: 800;
}

@media only screen and (max-width: 767px) {
  .keep-original {
    overflow-x: scroll;
  }

  .keep-original img {
    width: auto;
    /*max-width: none;*/
  }
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: '';
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir='rtl'] .slick-slide {
  float: right;
}

#core-services .slick-slide img {
  margin: unset !important;
}

.slick-slide img {
  display: block;
  margin: auto;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow {
  background: rgba(0, 0, 0, 0.2);
  padding: 10px;
  border-radius: 50%;
  font-size: 0;
  position: absolute;
  z-index: 10;
  top: 50%;
}

.slick-arrow:before {
  background: rgba(255, 255, 255, 0.79) url(https://www.bidv.com.vn/wps/wcm/connect/10b16bae-98d7-431a-a37e-af7b7cf093cf/icn-arrow-right-center.svg?MOD=AJPERES) no-repeat center center;
  -webkit-background-size: 30px 30px;
  background-size: 30px;
  /*line-height: 65px;*/
  content: '';
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 50%;
}

.slick-prev:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-disabled {
  display: none !important;
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 20px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  z-index: 10;
  padding-right: 10px;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  background: rgba(196, 225, 247, 0.59);
  border-radius: 50%;
  cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 0.8;
}

.slick-dots li.slick-active button {
  color: #21409a;
  opacity: 1;
  background-color: #21409a;
}

.fullscreen-slider .slick-arrow,
.slider-comparison-card .slick-arrow {
  padding: 0;
  width: 58px;
  height: 58px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
}

.fullscreen-slider .slick-prev,
.slider-comparison-card .slick-prev {
  left: 20px;
}

.fullscreen-slider .slick-prev:before,
.slider-comparison-card .slick-prev:before {
  background: url(../images/icons/icn-arr-left.svg?MOD=AJPERES) no-repeat center center;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  width: 58px;
  height: 58px;
}

@media only screen and (min-width: 1280px) {

  .fullscreen-slider .slick-prev,
  .slider-comparison-card .slick-prev {
    left: calc((100% - 1180px) / 2);
    left: -o-calc((100% - 1180px)/2);
  }
}

.fullscreen-slider .slick-next {
  right: 55px;
}

.slider-comparison-card .slick-next {
  right: 20px;
}

.fullscreen-slider .slick-next:before,
.slider-comparison-card .slick-next:before {
  <<<<<<< HEAD background: url(https://www.bidv.com.vn/wps/wcm/connect/10b16bae-98d7-431a-a37e-af7b7cf093cf/icn-arrow-right-center.svg?MOD=AJPERES) no-repeat center center;
  =======background: url(../images/icons/icn-arr-right.svg?MOD=AJPERES) no-repeat center center;
  >>>>>>>ed4ac8e0cc299c47032930f5d3e5821ac0c06d0c width: 58px;
  height: 58px;
}

@media only screen and (min-width: 1280px) {

  .fullscreen-slider .slick-next,
  .slider-comparison-card .slick-next {
    right: calc((100% - 1180px) / 2);
    right: -o-calc((100% - 1180px)/2);
  }
}

.bg-img {
  position: absolute;
  max-width: none;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1023px) {
  .bg-img {
    max-width: none;
    width: auto;
  }
}

.default-banner .caption {
  position: relative;
  z-index: 4;
}

.fullscreen-slider .item-slider {
  width: 100%;
  height: 380px;
  position: relative;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 1024px) {
  .fullscreen-slider .item-slider {
    margin: 0 5px;
    max-width: 980px;
  }
}

.fullscreen-slider .item-slider:before {
  content: '';
  position: absolute;
  width: 60%;
  height: 100%;
  background: -webkit-linear-gradient(left, #000, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(left, #000, rgba(0, 0, 0, 0));
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#000),
      to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, #000, rgba(0, 0, 0, 0));
}

.fullscreen-slider .caption {
  display: table;
  width: 100%;
  opacity: 0;
  position: relative;
  z-index: 3;
}

.fullscreen-slider .caption .inner-container {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  height: 380px;
  padding-left: 20px;
}

@media only screen and (min-width: 768px) {
  .fullscreen-slider .caption .inner-container {
    padding-left: 50px;
    text-align: left;
  }
}

@media only screen and (min-width: 1280px) {
  .fullscreen-slider .caption .inner-container {
    padding-left: 100px;
  }
}

.fullscreen-slider .caption .inner-container .title-2 {
  color: #f5f5f5;
  line-height: 1.25;
  font-weight: 800;
  max-width: 380px;
}

@media only screen and (min-width: 768px) {
  .fullscreen-slider .caption .inner-container .title-2 {
    margin-left: 0;
    text-align: left;
  }
}

.fullscreen-slider .caption .inner-container .sub-title {
  margin-bottom: 10px;
  display: inline-block;
  color: #fff;
  font-weight: 600;
}

#promotions .fullscreen-slider .caption .inner-container .sub-title,
#bidv-attractive .fullscreen-slider .caption .inner-container .sub-title {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 5px 15px;
  border-radius: 5px;
}

.fullscreen-slider .caption .inner-container a.btn.btn-blue,
.fullscreen-slider .caption .inner-container a.btn.btn-transparent {
  margin-top: 30px;
}

.fullscreen-slider .caption .inner-container .card-link {
  background-color: #fff;
  border-radius: 4px;
  padding: 9px;
  width: 100%;
  max-width: 300px;
  margin-top: 30px;
  /*margin: 30px auto 0;*/
}

@media only screen and (min-width: 768px) {
  .fullscreen-slider .caption .inner-container .card-link {
    margin-left: 0;
  }
}

.fullscreen-slider .caption .inner-container .card-link img {
  width: 45%;
  max-width: 135px;
  float: left;
}

.fullscreen-slider .caption .inner-container .card-link ._short-des {
  width: 55%;
  padding: 10px 20px 0;
  height: 70px;
  line-height: 1.43;
  float: right;
  overflow: hidden;
  position: relative;
}

.fullscreen-slider .caption .inner-container .card-link ._short-des span {
  color: #9e9e9e;
  font-weight: 600;
}

.fullscreen-slider .caption .inner-container .card-link ._short-des p {
  color: #212121;
  font-weight: 600;
}

.fullscreen-slider .slick-current .caption {
  opacity: 1;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
}

.internal-news-slider .thumbnail .image {
  height: 280px;
}

.internal-news-slider .col {
  width: 210px;
}

@media only screen and (min-width: 480px) {
  .internal-news-slider .col {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .internal-news-slider .col {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 1280px) {
  .internal-news-slider .col {
    margin-right: 90px;
  }
}

.internal-news-slider .slick-arrow {
  position: absolute;
  top: 114px;
  z-index: 10;
  padding: 5px;
}

.internal-news-slider .slick-arrow:before {
  width: 40px;
  height: 40px;
}

@media only screen and (min-width: 768px) {
  .internal-news-slider .slick-arrow {
    padding: 8px;
    top: 106px;
  }

  .internal-news-slider .slick-arrow:before {
    width: 50px;
    height: 50px;
  }
}

@media only screen and (min-width: 1280px) {
  .internal-news-slider .slick-arrow {
    padding: 10px;
    top: 97px;
  }

  .internal-news-slider .slick-arrow:before {
    width: 65px;
    height: 65px;
  }
}

.internal-news-slider .slick-prev {
  left: -10px;
}

@media only screen and (min-width: 768px) {
  .internal-news-slider .slick-prev {
    left: 10px;
  }
}

@media only screen and (min-width: 1280px) {
  .internal-news-slider .slick-prev {
    left: -40px;
  }
}

.internal-news-slider .slick-next {
  left: auto;
  right: -10px;
}

@media only screen and (min-width: 768px) {
  .internal-news-slider .slick-next {
    right: 10px;
  }
}

@media only screen and (min-width: 1280px) {
  .internal-news-slider .slick-next {
    right: auto;
    right: 0;
  }
}

.card-info__slider .slick-dots,
.slider-comparison-card .slick-dots {
  text-align: center;
  bottom: 0px;
}

.card-info__slider .slick-dots li,
.slider-comparison-card .slick-dots li {
  margin: 0 3px;
}

.card-info__slider .slick-dots li button:before,
.slider-comparison-card .slick-dots li button:before {
  background-color: rgba(196, 225, 247, 0.4);
}

.card-info__slider .slick-dots li.slick-active button:before,
.slider-comparison-card .slick-dots li.slick-active button:before {
  background-color: #21409a;
}

.slider-comparison-card .slick-dots {
  bottom: -25px;
  left: 0px;
}

.slider-comparison-card .slick-dots li button:before {
  background-color: #fff;
}

@media only screen and (min-width: 768px) {
  .card-info__slider {
    /*margin: 0 70px;*/
    margin: 0 90px;
  }
}

.card-info__slider .slick-list {
  overflow: visible;
  /*padding: 20px 0px;*/
}

@media only screen and (min-width: 768px) {
  .card-info__slider .slick-list {
    overflow: hidden;
  }
}

.card-info__slider .item-slider {
  width: 100%;
  padding-top: 35px;
}

@media only screen and (min-width: 768px) {
  .card-info__slider .item-slider {
    width: 25%;
    max-width: 310px;
  }
}

.card-info__slider .item-slider ._inner-content {
  position: relative;
  text-align: center;
  border-radius: 4px;
  padding: 30px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 40px 30px;
}

@media only screen and (min-width: 1139px) {
  .card-info__slider .item-slider ._inner-content {
    padding: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .card-info__slider .item-slider ._inner-content {
    height: 320px;
  }
}

@media only screen and (min-width: 1025px) {
  .card-info__slider .item-slider ._inner-content {
    height: 350px;
  }
}

@media only screen and (min-width: 1280px) {
  .card-info__slider .item-slider ._inner-content {
    padding: 30px;
    width: 294px;
    height: auto;
    min-height: 320px;
  }
}

.card-info__slider .item-slider ._inner-content img {
  display: inline-block;
}

.card-info__slider .item-slider ._inner-content .title-2 {
  /*margin:20px 30px 0;*/
  margin: 20px 10px 0;
  font-weight: 800;
  line-height: 1.08;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.card-info__slider .item-slider ._inner-content p {
  /*margin:10px 24px 0;*/
  margin: 10px 5px 0;
  line-height: 1.43;
  min-height: 40px;
  margin-bottom: 0px;
}

.card-info__slider .item-slider.slick-current ._inner-content {
  margin-top: -30px;
  -webkit-box-shadow: 0 7px 30px 0 #e0e0e0;
  box-shadow: 0 7px 30px 0 #e0e0e0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.card-info__slider .item-slider.slick-current .title-2 {
  margin-top: 27px;
  color: #ed1d24;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.premier .card-info__slider .item-slider.slick-current .title-2 {
  color: #daa520;
}

.card-info__slider .slick-arrow {
  top: 50%;
  margin-top: -45px;
  width: 60px;
  height: 60px;
  padding: 5px;
}

.card-info__slider .slick-arrow:before {
  line-height: 50px;
  width: 50px;
  height: 50px;
}

.card-info__slider .slick-prev {
  left: 0;
}

@media only screen and (min-width: 1280px) {
  .card-info__slider .slick-prev {
    left: calc((100% - 1180px) / 2);
    left: -o-calc((100% - 1180px)/2);
  }
}

.card-info__slider .slick-next {
  right: 0;
}

@media only screen and (min-width: 1280px) {
  .card-info__slider .slick-next {
    right: calc((100% - 1180px) / 2);
    right: -o-calc((100% - 1180px)/2);
  }
}

.bidv-cards-detail--premier .card-info__slider .item-slider:hover .title-2,
.bidv-cards-detail--premier .card-info__slider .item-slider.slick-current .title-2 {
  color: #daa520;
}

.slider-4-items {
  margin: 0px -10px;
}

.slider-4-items .item-slider {
  width: 100%;
  padding: 0px 10px;
}

@media only screen and (min-width: 1280px) {
  .slider-4-items .item-slider {
    max-width: 295px;
    width: 25%;
  }
}

.slider-4-items .slick-dots {
  text-align: center;
  bottom: -10px;
}

.slider-4-items .slick-dots li {
  margin: 0 3px;
}

.slider-4-items .slick-dots li button:before {
  background-color: rgba(196, 225, 247, 0.4);
}

.slider-4-items .slick-dots li.slick-active button:before {
  background-color: #21409a;
}

[data-tab] .tab-header {
  padding: 0 0 20px;
}

[data-tab] .tab-header:before,
[data-tab] .tab-header:after {
  display: table;
  content: '';
}

[data-tab] .tab-header:after {
  clear: both;
}

[data-tab] .tab-header li {
  display: inline-block;
  margin-right: 14%;
}

[data-tab] .tab-header li:last-child {
  margin: 0;
}

[data-tab] .tab-header a {
  position: relative;
  display: inline-block;
  font-weight: 600;
}

[data-tab] .tab-header a:before {
  content: '';
  position: absolute;
  background: #21409a;
  bottom: -25px;
  height: 2px;
  left: 0;
  width: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

[data-tab] .tab-header a.active {
  color: #21409a;
  font-size: 16px;
}

.premier [data-tab] .tab-header a.active {
  color: inherit;
}

[data-tab] .tab-header a.active:before {
  width: 100%;
}

.no-touch.desktop [data-tab] .tab-header a:hover {
  color: #21409a;
}

[data-tab] [data-tab-content]>.inner {
  display: none;
}

[data-tab] [data-tab-content]>.inner.active {
  display: block;
}

.stories .tab-header {
  padding-bottom: 4rem;
  text-align: center;
}

.stories .tab-header li {
  margin-right: 60px;
}

.stories .tab-header li:last-child {
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .stories .tab-header li {
    margin-right: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .stories .tab-header {
    display: none;
  }
}

.stories .tabs-dropdown {
  text-align: left;
  width: 200px;
  height: 47px;
  margin: 0 auto 25px;
  border-radius: 100px;
  background-color: white;
  border: solid 1px #9e9e9e;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .stories .tabs-dropdown {
    display: none;
  }
}

.stories .tabs-dropdown:after {
  content: '\e902';
  font-family: 'icomoon';
  font-size: 8px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #21409a;
}

.stories .tabs-dropdown select {
  color: black;
  font-size: 1.285rem;
  font-family: 'Muli-Bold';
  text-transform: uppercase;
  height: 100%;
  width: 100%;
  z-index: 10;
  text-align: left;
  line-height: 47px;
  padding: 0 35px 0 20px;
  border: none;
  background: none;
  position: relative;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
}

.tabnav-wrap {
  overflow: auto;
}

.tabnav {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 40px;
  display: table;
  width: 100%;
  overflow: auto;
}

.tabnav li {
  display: table-cell;
  margin-top: 11px;
  padding: 15px 0px 19px;
  font-size: 18px;
  cursor: pointer;
  font-weight: 600;
  position: relative;
  text-align: center;
  vertical-align: bottom;
}

.tabnav li:before {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  background: #345dd4;
  border-radius: 3px;
  position: absolute;
  left: 0;
  bottom: -2px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media only screen and (min-width: 1280px) {
  .tabnav li:hover:before {
    width: 100%;
  }
}

.tabnav li.active:before {
  width: 100%;
}

.tabnav-contents .tab-content {
  display: none;
}

.tabnav-contents .tab-content:first-child {
  display: block;
}

@media only screen and (max-width: 767px) {

  .tabnav li,
  .tabnavthongbao li {
    font-size: 16px;
    min-width: 205px;
  }

  .tabnav.invest-pa li {
    min-width: unset;
  }
}

.page {
  overflow: hidden;
}

.my-container {
  position: relative;
}

.inner-container {
  max-width: 1220px;
  padding: 0 20px;
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .inner-container {
    padding: 30px 10px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .inner-container {
    padding: 0 20px;
  }
}

.small-inner-container {
  max-width: 750px;
  padding: 0 20px;
  margin: 0 auto;
  position: relative;
}

.inner-container-2 {
  padding: 0 20px;
  max-width: 1220px;
  margin: 0 auto;
}

.wrapper [class*='inner-container'] {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (min-width: 480px) {
  .wrapper [class*='inner-container'] {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .wrapper [class*='inner-container'] {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.wrapper.wapper-detal [class*='inner-container'] {
  padding-top: 50px;
  padding-bottom: 20px;
}

@media only screen and (min-width: 1280px) {
  .wrapper [class*='inner-container'] {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.wrapper [class*='inner-container'].large-space-inner {
  padding-top: 40px;
  padding-bottom: 30px;
}

@media only screen and (min-width: 480px) {
  .wrapper [class*='inner-container'].large-space-inner {
    padding-top: 45px;
    padding-bottom: 35px;
  }
}

@media only screen and (min-width: 768px) {
  .wrapper [class*='inner-container'].large-space-inner {
    padding-top: 55px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 1280px) {
  .wrapper [class*='inner-container'].large-space-inner {
    padding-top: 60px;
    padding-bottom: 50px;
  }
}

.wrapper [class*='inner-container'].no-pad-hor {
  padding: 30px 0;
}

@media only screen and (min-width: 768px) {
  .wrapper [class*='inner-container'].no-pad-hor {
    padding: 40px 20px;
  }
}

@media only screen and (min-width: 1280px) {
  .wrapper [class*='inner-container'].no-pad-hor {
    padding: 15px 20px;
  }
}

.wrapper [class*='inner-container'].no-pad-hor .btn-control {
  margin: 30px 0 0;
}

@media only screen and (min-width: 768px) {
  .wrapper [class*='inner-container'].no-pad-hor .btn-control {
    margin: 40px 0 0;
  }
}

@media only screen and (min-width: 1280px) {
  .wrapper [class*='inner-container'].no-pad-hor .btn-control {
    margin: 50px 0 0;
  }
}

.wrapper [class*='inner-container'].no-pad-bot {
  padding-bottom: 0;
}

.pad-bot {
  padding-bottom: 20px;
}

@media only screen and (min-width: 480px) {
  .pad-bot {
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .pad-bot {
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 1280px) {
  .pad-bot {
    padding-bottom: 30px;
    margin-top: 15px;
  }
}

.page-title {
  font-size: 2.58rem;
  padding-top: 8px;
  position: relative;
}

@media print {
  body {
    margin: 0;
    background: transparent;
    color: #000;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
  }

  img,
  fieldset {
    border: 0;
  }

  h1 {
    font-size: 1.8em;
  }

  h2 {
    font-size: 1.6em;
  }

  h3 {
    font-size: 1.4em;
  }

  h4 {
    font-size: 1.2em;
  }

  h5 {
    font-size: 1em;
  }

  h6 {
    font-size: 0.9em;
  }

  ol,
  ul {
    list-style-type: none;
  }

  ol li,
  ul li {
    list-style-type: disc;
  }

  dt {
    font-weight: bold;
  }

  a,
  a:visited {
    color: #000;
    text-decoration: underline;
  }

  a[href]:after {
    content: ' ('attr(href) ')';
  }

  abbr[title]:after {
    content: ' ('attr(title) ')';
  }

  input,
  select,
  textarea {
    border: 1px solid #000;
  }

  input {
    padding: 1px 0;
  }

  select {
    margin: 0;
    padding: 0;
    background: #fff;
    line-height: normal;
  }

  img {
    max-width: 100%;
  }

  pre,
  blockquote {
    border: 1px solid #000;
    page-break-inside: avoid;
  }

  div {
    text-align: left;
  }

  caption {
    display: none;
  }

  table {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-collapse: separate;
    border-spacing: 0;
  }

  table th,
  table td {
    padding: 5px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: left;
  }

  tr,
  img {
    page-break-inside: avoid;
  }
}

@-webkit-keyframes modal-video {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-o-keyframes modal-video {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modal-video {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
  }

  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-o-keyframes modal-video-inner {
  from {
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px);
  }

  to {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px);
  }

  to {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.ytp-chrome-top.ytp-share-button-visible {
  display: none;
}

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: modal-video;
  -o-animation-name: modal-video;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: table;
}

.modal-video-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  -webkit-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: modal-video-inner;
  -o-animation-name: modal-video-inner;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out,
    -o-transform 0.3s ease-out;
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  border: none;
  background: transparent;
}

.modal-video-close-btn:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-video-close-btn:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modal-video-close-btn:before,
.modal-video-close-btn:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

/* Preload images */
body:after {
  content: url(../images/icons/close.svg?MOD=AJPERES) url(../images/icons/loading.gif?MOD=AJPERES) url(../images/icons/icn-arr-left.svg?MOD=AJPERES) url(../images/icons/icn-arr-right.svg?MOD=AJPERES);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: '';
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/icons/loading.gif?MOD=AJPERES) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container>.nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block !important;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/icons/icn-arr-left.svg?MOD=AJPERES) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/icons/icn-arr-right.svg?MOD=AJPERES) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media only screen and (max-width: 1200px) {

  .lb-nav a.lb-prev,
  .lb-nav a.lb-next {
    opacity: 1 !important;
    width: 12%;
    background-size: contain;
  }
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: '';
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/icons/close.svg?MOD=AJPERES) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside>.mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
    margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
    margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: 'alpha(opacity=75)';
  -ms-filter: 'alpha(opacity=75)';
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
  opacity: 0;
  filter: 'alpha(opacity=0)';
  -ms-filter: 'alpha(opacity=0)';
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
  opacity: 1;
  filter: 'alpha(opacity=100)';
  -ms-filter: 'alpha(opacity=100)';
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: 'alpha(opacity=40)';
  -ms-filter: 'alpha(opacity=40)';
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: 'alpha(opacity=75)';
  -ms-filter: 'alpha(opacity=75)';
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: 'alpha(opacity=85)';
  -ms-filter: 'alpha(opacity=85)';
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: 'alpha(opacity=90)';
  -ms-filter: 'alpha(opacity=90)';
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: 'alpha(opacity=40)';
  -ms-filter: 'alpha(opacity=40)';
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: 'alpha(opacity=75)';
  -ms-filter: 'alpha(opacity=75)';
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: 'alpha(opacity=90)';
  -ms-filter: 'alpha(opacity=90)';
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==');
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: 'alpha(opacity=30)';
  -ms-filter: 'alpha(opacity=30)';
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=');
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      color-stop(0%, rgba(255, 255, 255, 0.5)),
      color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(rgba(255, 255, 255, 0.5)),
      to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, rgba(255, 255, 255, 0.5)),
      color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(255, 255, 255, 0.5)),
      to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: 'alpha(opacity=30)';
  -ms-filter: 'alpha(opacity=30)';
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5),
    inset -1px 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5),
    inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5),
    inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5),
    inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: 'alpha(opacity=30)';
  -ms-filter: 'alpha(opacity=30)';
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4),
    inset -1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4),
    inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: 'alpha(opacity=20)';
  -ms-filter: 'alpha(opacity=20)';
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: 'alpha(opacity=50)';
  -ms-filter: 'alpha(opacity=50)';
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: 'alpha(opacity=20)';
  -ms-filter: 'alpha(opacity=20)';
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: 'alpha(opacity=50)';
  -ms-filter: 'alpha(opacity=50)';
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
#header {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 25;
  top: 0;
}

@media only screen and (min-width: 1150px) {
  #header {
    top: 20px;
    position: absolute;
  }
}

#header .outer-header {
  max-width: 1300px;
  border-radius: 4px;
  background-color: #ffffff;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: none;
  position: relative;
}

@media only screen and (min-width: 1150px) {
  #header .outer-header {
    display: block;
  }
}

#header .outer-header:before,
#header .outer-header:after {
  display: table;
  content: '';
}

#header .outer-header:after {
  clear: both;
}

#header .outer-header a {
  font-weight: 600;
}

#header .outer-header .language-checked {
  padding: 54px 0 26px;
  background: #fff;
  border-radius: 0 5px 5px 0;
}

#header .outer-header .language-checked .flag {
  position: absolute;
  top: 28px;
}

#header .inner-header {
  float: left;
  width: calc(100% - 65px);
  width: -o-calc(100% - 65px);
  border-right: 1px solid #e0e0e0;
}

#header .main-header,
#header .top-header {
  line-height: 46px;
  padding: 0 0 0 20px;
}

@media only screen and (min-width: 1280px) {

  #header .main-header,
  #header .top-header {
    padding: 0 0 0 60px;
  }
}

#header .top-header {
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

#header .top-header .customer-tab {
  margin-left: 32px;
  float: left;
}

#header .top-header .customer-tab li {
  float: left;
  margin-left: 6px;
  font-weight: 600;
  position: relative;
  line-height: 42px;
  display: block;
  padding: 5px 20px 0;
  border-bottom: 4px solid transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#header .top-header .customer-tab li.active,
#header .top-header .customer-tab li:hover {
  border-color: #21409a;
  background: #f8f8f8;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#header .top-header .customer-tab li.active a,
#header .top-header .customer-tab li:hover a {
  color: #1c2e36;
}

#header .top-header .customer-tab li.mn-premier.active {
  border-color: #daa520 !important;
}

#header .top-header .customer-tab li.mn-premier a {
  color: #daa520;
}

#header .top-header .customer-tab li.mn-premier:hover {
  border-color: #daa520;
  background: #f8f8f8;
}

#header .main-header a {
  line-height: 50px;
}

#header .main-header a:hover,
#header .main-header a.active {
  color: #345dd4;
}

.premier #header .main-header a:hover,
.premier #header .main-header a.active {
  color: #21409a;
}

#header .group-languages {
  width: 65px;
  float: right;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  z-index: 30;
}

#header .group-languages a {
  display: block;
}

#header .group-languages .language-selector {
  position: absolute;
  width: 100%;
  top: 0;
  display: block;
  visibility: hidden;
  background-color: #fff;
  -webkit-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease;
  z-index: -2;
}

#header .group-languages .language-selector a {
  line-height: 30px;
  padding: 10px 0px;
  border-top: 1px solid #ccc;
}

#header .group-languages .language-selector a:hover {
  background-color: #f5f5f5;
}

#header .group-languages:hover .language-selector {
  visibility: visible;
  /*top: 101px;*/
}

#header .logo {
  float: left;
}

.premier #header .logo a {
  display: inline-block;
  padding: 0px 20px;
  position: relative;
}

.premier #header .logo a::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  height: 30px;
  margin-top: -15px;
  border-left: solid 1px #e0e0e0;
}

.premier #header .logo a:first-child {
  margin-left: -20px;
  border: none;
}

.premier #header .logo a:first-child::before {
  display: none;
}

#header .quick-links {
  float: right;
  margin-left: auto;
  margin-bottom: 0;
}

#header .quick-links li {
  padding: 2px 30px 0 0;
  float: left;
}

#header .right-links {
  float: right;
}

#header .right-links>li {
  float: left;
  border-left: 1px solid #e0e0e0;
  line-height: 50px;
  min-height: 50px;
}

#header .right-links a {
  padding: 0 20px;
  display: block;
}

#header .right-links .icon-location,
#header .right-links .icon-search-bold {
  font-size: 0;
  width: 60px;
  position: relative;
}

#header .right-links .icon-location:before,
#header .right-links .icon-search-bold:before {
  font-size: 20px;
  position: absolute;
  left: 20px;
  top: 15px;
}

#header .right-links .icon-user,
#header .right-links .icon-lock,
#header .right-links [class*='icm2-'] {
  padding: 0 20px 0 70px;
  min-width: 190px;
  white-space: nowrap;
  position: relative;
}

#header .right-links .icon-user span,
#header .right-links .icon-lock span,
#header .right-links [class*='icm2-'] span {
  opacity: 1;
  font-weight: inherit;
}

#header .right-links .icon-user:before,
#header .right-links .icon-lock:before,
#header .right-links [class*='icm2-']:before {
  font-size: 20px;
  position: absolute;
  top: 15px;
  left: 30px;
  color: inherit;
}

@media only screen and (max-width: 1200px) {

  #header .right-links .icon-user,
  #header .right-links .icon-lock,
  #header .right-links [class*='icm2-'] {
    padding: 0 20px;
    width: 60px;
    min-width: 60px;
    overflow: hidden;
    background-position: center center;
  }

  #header .right-links .icon-user:before,
  #header .right-links .icon-lock:before,
  #header .right-links [class*='icm2-']:before {
    left: 20px;
  }

  #header .right-links .icon-user span,
  #header .right-links .icon-lock span,
  #header .right-links [class*='icm2-'] span {
    opacity: 0;
  }
}

#header .right-links .icon-user:hover:before,
#header .right-links .icon-lock:hover:before,
#header .right-links [class*='icm2-']:hover:before {
  color: #21409a;
}

#header .left-links .menu-type {
  position: absolute;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

#header .left-links .menu-type.active {
  position: static;
  opacity: 1;
  margin-bottom: 8px;
}

#header .left-links .menu-type>li {
  float: left;
  height: 50px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#header .left-links .menu-type>li>a {
  display: inline-block;
  padding: 0 20px 0px 0px;
}

@media only screen and (min-width: 1280px) {
  #header .left-links .menu-type>li>a {
    padding: 0 30px 0 0px;
  }
}

#header .left-links .menu-type>li:hover {
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#header .left-links>ul>.has-sub>a {
  position: relative;
  z-index: 20;
}

#header .left-links>ul>.has-sub>a:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
  border-radius: 4px;
  position: absolute;
  top: 15px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  left: 50%;
  top: 4px;
  z-index: -1;
  margin-left: -12px;
}

#header .right-links>.has-sub>a:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
  border-radius: 4px;
  position: absolute;
  top: 15px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  left: 50%;
  top: 25px;
  z-index: -1;
  margin-left: -12px;
}

#header .left-links>ul>.has-sub:hover>a:after {
  top: 20px;
}

#header .right-links>.has-sub:hover>a:after {
  top: 38px;
}

#header .left-links a {
  margin-top: 0;
  display: block;
  line-height: 22px;
  font-weight: bold;
  color: #1c2e36;
}

#header .left-links .link-options {
  border-right: 2px solid #9e9e9e;
  padding-right: 20px;
}

@media only screen and (min-width: 1280px) {
  #header .left-links .link-options {
    padding-right: 30px;
  }
}

#header .left-links .link-options:after {
  content: '\e907';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin: 0 6px 0 14px;
  font-size: 10px;
  display: inline-block;
}

#header .left-links .lite-customer-tab {
  position: relative;
  display: inline-block;
  display: none;
  margin-right: 30px;
}

#header .left-links .lite-customer-tab:after {
  content: '';
  position: absolute;
  right: 0px;
  top: 50%;
  height: 22px;
  margin-top: -5px;
  border-right: 2px solid #9e9e9e;
}

#header .left-links .lite-customer-tab .dropdown-menu {
  font-weight: 600;
  position: relative;
  padding-right: 50px;
  cursor: pointer;
}

#header .left-links .lite-customer-tab .dropdown-menu:after {
  content: '';
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
}

#header .left-links .lite-customer-tab .sub-menu-item {
  position: absolute;
  width: 220px;
  right: 0px;
  max-height: 0px;
  background-color: #fff;
  z-index: 5;
  border-radius: 0px 0px 4px 4px;
  top: 51px;
  overflow: hidden;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

#header .left-links .lite-customer-tab .sub-menu-item li {
  display: table;
  width: 100%;
  height: 60px;
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

#header .left-links .lite-customer-tab .sub-menu-item li:first-child {
  border: none;
}

#header .left-links .lite-customer-tab .sub-menu-item li a {
  padding: 0 25px 0 20px;
  line-height: 1.35;
  position: relative;
  margin: 0px;
  display: table-cell;
  vertical-align: middle;
  color: inherit;
}

#header .left-links .lite-customer-tab .sub-menu-item li a:hover {
  background: #f5f5f5;
}

#header .left-links .lite-customer-tab:hover .sub-menu-item {
  max-height: 1000px;
}

#header .has-options {
  position: relative;
  z-index: 0;
}

#header .has-options:hover {
  border-bottom: none !important;
  z-index: 1;
}

#header .has-options .options {
  max-height: 0;
  overflow: hidden;
  position: absolute;
  left: auto;
  min-width: 190px;
  width: 100%;
  right: 0;
  top: 100%;
  -webkit-transition: all 800ms;
  -o-transition: all 800ms;
  transition: all 800ms;
}

#header .has-options .options>ul {
  background: white;
}

#header .right-links .has-options .options>ul {
  background: unset;
}

#header .has-options .options a {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  padding: 0 25px 0 20px;
  line-height: 1.35;
  position: relative;
}

#header .right-links .has-options .options ul li {
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

#header .right-links .has-options .options ul li:hover {
  background: #345dd4;
  color: #ffffff;
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

#header .has-options .options a:after {
  content: '\e904';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 10px;
  position: absolute;
  top: 30px;
  right: 12px;
}

#header .has-options .options li {
  display: table;
  width: 100%;
  height: 67px;
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

#header .has-options .options li:first-child {
  border-top: none;
}

#header .has-options .options li:hover {
  background-color: #f5f5f5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#header .has-options .options li:hover a {
  color: inherit !important;
}

#header .has-options:hover .options {
  max-height: 200px;
}

#header .sub-menu-container {
  position: absolute;
  width: 100%;
  /*left: 0;*/
  right: 0;
  top: 100%;
  display: none;
}

#header .right-links .sub-menu-container {
  position: absolute;
  width: 60%;
  top: 100%;
  display: none;
}

#header .sub-menu-container .sub-menu {
  background-color: #fff;
  margin-top: 18px;
  border-radius: 4px;
}

#header .right-links .sub-menu-container .sub-menu {
  background-color: #fff;
  margin-top: 18px;
  border-radius: 4px;
}

#header .sub-menu-container .sub-menu .sub-menu-item {
  width: 35%;
  float: left;
  padding-left: 45px;
  margin: 20px 0;
  /*border-right: 1px solid #e0e0e0;*/
}

#header .right-links .sub-menu-container .sub-menu .sub-menu-item {
  width: 49%;
  float: left;
  padding-left: 15px;
  margin: 20px 0;
  border-right: 1px solid #e0e0e0;
}

#header .sub-menu-container .sub-menu .sub-menu-item>li {
  padding: 10px 0 10px 20px;
  margin-right: 10px;
}

#header .sub-menu-container .sub-menu .sub-menu-item>li:hover,
#header .sub-menu-container .sub-menu .sub-menu-item>li.active {
  background-color: #f5f5f5;
  border-radius: 4px;
}

#header .sub-menu-container .sub-menu .sub-menu-item>li:hover>a,
#header .sub-menu-container .sub-menu .sub-menu-item>li.active>a {
  color: #1c2e36;
}

#header .sub-menu-container .sub-menu .sub-menu-item>li:hover>a:before,
#header .sub-menu-container .sub-menu .sub-menu-item>li.active>a:before {
  content: '\e904';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  right: 20px;
  top: 6px;
  font-size: 10px;
}

#header .sub-menu-container .sub-menu .sub-menu-item>li a {
  position: relative;
  padding-right: 30px;
}

#header .sub-menu-container .sub-menu .sub-menu-item a {
  line-height: 1.43;
  margin: 0;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper {
  border-left: 1px solid #e0e0e0;
  width: 65%;
  float: right;
  display: none;
}

#header .right-links .sub-menu-container .sub-menu .info-menu-wrapper {
  width: 51%;
  float: right;
  display: none;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper.active {
  display: block;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info {
  width: 50%;
  float: left;
  padding: 20px;
}

#header .right-links .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info {
  width: 100%;
  float: left;
  padding: 20px;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc {
  padding-bottom: 15px;
  border-bottom: solid 1px #e0e0e0;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc li {
  float: left;
  width: 26%;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc li>img {
  width: 100%;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc li:last-child {
  float: right;
  width: 74%;
  padding-left: 20px;
  padding-right: 10px;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc li p {
  margin-bottom: 0px;
  line-height: 1.5;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc li .title-2 {
  font-weight: 800;
  margin-bottom: 7px;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link {
  margin-top: 30px;
}

#header .right-links .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link {
  margin-top: 15px;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link li {
  margin-bottom: 25px;
  float: left;
  width: 50%;
  line-height: 1;
}

#header .right-links .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link li {
  margin-bottom: 25px;
  float: left;
  width: 100%;
  line-height: 1;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link li:nth-child(2n + 1) {
  clear: left;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link li a {
  line-height: 1.43;
  margin: 0;
  display: inline-block;
  padding-right: 25px;
  position: relative;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link li a:before {
  content: '\e904';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 12px;
  opacity: 0;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link li a:hover:before {
  opacity: 1;
  right: 5px;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news {
  width: 50%;
  float: right;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .image {
  border-radius: 0;
}

@media only screen and (min-width: 1024px) {
  #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .image {
    height: 235px;
  }
}

@media only screen and (min-width: 1280px) {
  #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .image {
    height: 250px;
  }
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .caption {
  padding: 20px;
  height: 175px;
  border-left: 1px solid #e0e0e0;
  line-height: 1;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .caption .title-3 {
  color: #1c2e36;
  margin-bottom: 10px;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .caption .text-medium {
  font-weight: 600;
  max-height: 100px;
  overflow: hidden;
  margin-top: -10px;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .caption .link-view-more:hover:before {
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .link-view-more {
  display: inline-block;
  position: absolute;
  line-height: 1.43;
  /*bottom: 7px;*/
  margin-top: 10px;
}

#header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .img-link {
  position: inherit;
  display: initial;
}

#header .icon-user:before {
  content: '\e903';
}

#header .icon-search-bold:before {
  content: '\e91e';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

#header .mobile-header {
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  height: 70px;
  position: relative;
}

@media only screen and (min-width: 1150px) {
  #header .mobile-header {
    display: none;
  }
}

#header .mobile-header #logo {
  float: left;
  line-height: 70px;
  padding-left: 20px;
}

#header .mobile-header .hamburger-btn {
  float: right;
  height: 70px;
  width: 70px;
  position: relative;
  cursor: pointer;
  border-left: 1px solid #e0e0e0;
}

#header .mobile-header .hamburger-btn a {
  position: absolute;
  display: block;
  width: 20px;
  height: 16px;
  right: 25px;
  top: 50%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#header .mobile-header .hamburger-btn a:before,
#header .mobile-header .hamburger-btn a:after {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: '';
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-color: #1c2e36;
}

#header .mobile-header .hamburger-btn a:before {
  top: 2px;
}

#header .mobile-header .hamburger-btn a:after {
  bottom: 0;
}

#header .mobile-header .hamburger-btn a span {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  clip: auto;
  width: 100%;
  height: 2px;
  background-color: #1c2e36;
}

#header .mobile-header .hamburger-btn.active {
  background-color: #14265b;
}

#header .mobile-header .hamburger-btn.active a:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  bottom: 50%;
  background-color: #daa520;
}

#header .mobile-header .hamburger-btn.active a:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%;
  bottom: 50%;
  background-color: #daa520;
}

#header .mobile-header .hamburger-btn.active a span {
  visibility: hidden;
}

#header .mobile-header .main-header {
  float: right;
  line-height: 70px;
  padding: 0;
}

#header .mobile-header .main-header .login-btn li {
  width: 70px;
}

#header .mobile-header .main-header .login-btn li a {
  display: block;
  line-height: 70px;
  background: none;
  text-align: center;
}

#header .mobile-header .main-header .login-btn .icon-lock {
  position: relative;
  font-size: 0;
  height: 70px;
}

#header .mobile-header .main-header .login-btn .icon-lock:before {
  position: absolute;
  top: 26px;
  right: 25px;
  font-size: 20px;
}

#header .mobile-header .main-header .login-btn.active .icon-lock {
  background-color: #21409a;
}

#header .mobile-header .main-header .login-btn.active .icon-lock::before {
  color: #fff;
}

#header .mobile-header .main-header .login-links {
  position: absolute;
  top: 70px;
  width: 100%;
  max-width: 320px;
  /*height: 100vh;*/
  right: 0px;
  background: #fff;
  display: none;
}

#header .mobile-header .main-header .login-links li {
  border-bottom: 1px solid #e0e0e0;
}

#header .mobile-header .main-header .login-links li.login-header {
  background: #f5f5f5;
}

#header .mobile-header .main-header .login-links li.login-header a:after {
  display: none;
}

#header .mobile-header .main-header .login-links li a {
  padding: 15px 20px;
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.22;
}

#header .mobile-header .main-header .login-links li a:after {
  content: '';
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
}

#header .mobile-header nav {
  position: absolute;
  width: 100%;
  max-width: 320px;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  top: 100%;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
  padding: 0 0px;
  display: none;
  -webkit-backface-visibility: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

#header .mobile-header .icon {
  position: relative;
}

#header .mobile-header .icon:before {
  position: absolute;
  font-size: 20px;
  left: 15px;
  top: 14px;
}

#header .mobile-header .nav-container {
  font-size: 16px;
}

#header .mobile-header .nav-container span,
#header .mobile-header .nav-container li,
#header .mobile-header .nav-container p,
#header .mobile-header .nav-container a {
  font-weight: 600;
  line-height: 1.22;
}

#header .mobile-header .nav-container span.who-are-you {
  color: #9e9e9e;
  font-size: 14px;
  line-height: 1.29;
  display: block;
  margin-bottom: 3px;
  margin-top: 20px;
  padding: 0px 20px;
}

#header .mobile-header .nav-container .customer-type {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  padding-right: 20px;
  padding-left: 20px;
  cursor: pointer;
}

#header .mobile-header .nav-container .customer-type:before {
  content: '';
  position: absolute;
  right: 10px;
  top: 6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#header .mobile-header .nav-container .customer-type.dropdown:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#header .mobile-header .nav-container .customer-selector {
  position: absolute;
  background-color: #21409a;
  width: 100%;
  z-index: 10;
  display: none;
  padding: 10px 20px;
  border-radius: 4px;
}

#header .mobile-header .nav-container .customer-selector li {
  padding: 14px 0;
  border-bottom: 1px solid #e0e0e0;
  color: #fff;
}

#header .mobile-header .nav-container .customer-selector li:last-child {
  border-bottom: 0;
}

#header .mobile-header .nav-container .nav-block {
  position: relative;
  padding: 0px 0;
}

#header .mobile-header .nav-container .nav-block:last-child {
  border-bottom: none;
}

#header .mobile-header .nav-container .nav-block.button-groups {
  padding: 10px 20px 40px;
}

#header .mobile-header .nav-container .nav-block.button-groups>a {
  display: block;
  width: 100%;
  line-height: 48px;
  text-align: center;
  background-position: 15px center;
  border-radius: 4px;
  margin-top: 10px;
  font-size: 14px;
}

#header .mobile-header .nav-container .nav-block.button-groups>a:first-child {
  margin-top: 0px;
}

#header .mobile-header .nav-container .nav-block.button-groups>a.icon {
  box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.08);
  color: #14265b;
  display: flex;
  align-items: center;
}

#header .mobile-header .nav-container .nav-block.link-nav li {
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  border: none;
}

#header .mobile-header .nav-container .nav-block.link-nav li:hover {
  background-color: #14265b;
}

#header .mobile-header .nav-container .nav-block.link-nav li:hover a {
  color: #daa520;
}

#header .mobile-header .nav-container .nav-block.link-nav li a {
  padding: 15px 20px;
  color: #1c2e36;
  text-decoration: none;
}

#header .mobile-header .nav-container .nav-block.link-nav li:last-child {
  margin-bottom: 0;
}

#header .mobile-header .nav-container .nav-block.link-nav li.expand {
  padding-right: 50px;
}

#header .mobile-header .nav-container .nav-block.link-nav li.expand:after {
  content: '';
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#header .mobile-header .nav-container .nav-block.link-nav li.expand>ul {
  position: absolute;
  left: 100%;
  top: 0px;
  width: 100%;
}

#header .mobile-header .nav-container .nav-block.link-nav li .icon-location {
  display: block;
  width: 100%;
  line-height: 48px;
  text-align: center;
  background-position: 15px center;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
}

#header .mobile-header .nav-container .nav-block.link-nav li a {
  display: block;
}

#header .mobile-header .nav-container .nav-block.lang-nav {
  padding: 30px 0 -10px;
  position: relative;
}

#header .mobile-header .nav-container .nav-block.lang-nav li {
  display: inline-block;
  width: 30%;
  text-align: center;
  vertical-align: middle;
}

#header .mobile-header .nav-container .nav-block.lang-nav li a {
  display: block;
  text-transform: uppercase;
}

@media only screen and (max-width: 1023px) {
  #header .mobile-header .nav-container .nav-block.lang-nav li a {
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

#header .mobile-header .nav-container .nav-block.lang-nav li a.language-checked {
  color: #21409a;
}

#header .mobile-header .nav-container .nav-block.lang-nav li a .flag {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

#header .mobile-header .nav-container .nav-block.lang-nav .slick-arrow {
  right: 20px;
  background: none;
  top: 50%;
  margin-top: -16px;
}

#header .mobile-header .nav-container .nav-block.lang-nav .slick-arrow:before {
  content: '';
  margin-top: -4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: 0px;
  -o-transition: 0px;
  transition: 0px;
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  background: none !important;
  border-radius: 0px;
}

#header .mobile-header .nav-container .nav-block.lang-nav .slick-arrow.slick-prev {
  left: 20px;
  right: inherit;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -20px;
}

#header .mobile-header .nav-container .nav-block.register-nav {
  left: 0%;
  -webkit-transition: left ease 500ms;
  -o-transition: left ease 500ms;
  transition: left ease 500ms;
}

#header .mobile-header .secondary-menu {
  position: relative;
  left: 0%;
  -webkit-transition: left ease 500ms;
  -o-transition: left ease 500ms;
  transition: left ease 500ms;
}

#header .mobile-header.show-expanded .secondary-menu {
  left: -100%;
  height: 0px;
  overflow: hidden;
}

#header .mobile-header.show-expanded .primary-menu {
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

#header .mobile-header.show-expanded .primary-menu li {
  display: none;
  opacity: 1;
  -webkit-transition: opacity ease 1000ms;
  -o-transition: opacity ease 1000ms;
  transition: opacity ease 1000ms;
}

#header .mobile-header.show-expanded .primary-menu li.current {
  display: block;
}

#header .mobile-header.show-expanded .primary-menu li.current li {
  display: block;
}

#header .mobile-header.show-expanded .primary-menu li.hide-menu {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: none;
}

#header .mobile-header.show-expanded .primary-menu .back-menu {
  display: none !important;
}

#header .mobile-header.show-expanded .primary-menu ul.current>.back-menu {
  display: block !important;
}

#header .mobile-header.show-expanded .register-nav {
  left: -100% !important;
  height: 0px;
  overflow: hidden;
}

#header .mobile-header .primary-menu {
  overflow: hidden;
}

#header .mobile-header .primary-menu .menu-expand {
  position: relative;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  left: 0%;
}

#header .mobile-header .primary-menu .menu-expand[data-level='1'] {
  left: -100%;
}

#header .mobile-header .primary-menu .menu-expand[data-level='2'] {
  left: -200%;
}

#header .mobile-header .primary-menu .menu-expand[data-level='3'] {
  left: -300%;
}

#header .mobile-header .primary-menu .menu-expand[data-level='4'] {
  left: -400%;
}

#header .mobile-header .primary-menu .back-menu {
  display: none;
  background-color: #f5f5f5;
  text-align: center;
  position: relative;
}

#header .mobile-header .primary-menu .back-menu::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#header .mobile-header .primary-menu .current .back-menu {
  display: block;
}

#header.is-hidden {
  opacity: 0;
  top: -51px;
  background-color: #fff;
}

@media only screen and (min-width: 1280px) {
  #header.is-hidden {
    opacity: 0;
    top: -51px;
  }
}

#header.is-sticky,
.header-sticked #header {
  top: 0;
  opacity: 1;
  position: fixed;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}

#header.is-sticky .inner-header,
.header-sticked #header .inner-header {
  width: calc(100% - 60px);
  width: -o-calc(100% - 60px);
}

#header.is-sticky .mobile-header,
.header-sticked #header .mobile-header {
  border-bottom: none;
}

#header.compact .outer-header {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#header.compact .outer-header .inner-header {
  width: calc(100% - 60px);
  width: -o-calc(100% - 60px);
}

#header.compact .outer-header .top-header {
  border: none;
  float: left;
  margin-right: 20px;
}

@media only screen and (min-width: 1280px) {
  #header.compact .outer-header .top-header {
    border: none;
    float: left;
    margin-right: 15px;
  }
}

#header.compact .outer-header .top-header .customer-tab {
  display: none;
}

#header.compact .outer-header .quick-links {
  display: none;
}

#header.compact .outer-header .right-links .icon-user:before,
#header.compact .outer-header .right-links .icon-lock:before {
  left: 20px;
}

#header.compact .outer-header .right-links span {
  opacity: 0;
}

#header.compact .outer-header .group-languages {
  float: right;
  width: 60px;
  line-height: 50px;
  height: 60px;
  border-right: 1px solid #e0e0e0;
}

#header.compact .outer-header .group-languages .language-checked {
  padding: 0;
  visibility: hidden;
}

#header.compact .outer-header .group-languages .language-checked .flag {
  top: 0px;
  visibility: visible;
}

#header .outer-header .group-languages .language .flag {
  max-width: 21px;
  left: 21px;
}

#header.compact .outer-header .group-languages .language .flag {
  max-width: 21px;
  left: 19px;
}

#header.compact .outer-header .group-languages a {
  -webkit-transition: 0s all;
  -o-transition: 0s all;
  transition: 0s all;
}

#header.compact .outer-header .group-languages .language-selector {
  width: 61px;
  top: 0;
  border: 1px solid #e0e0e0;
  border-top: none;
}

#header.compact .outer-header .group-languages .language-selector img {
  visibility: hidden;
}

#header.compact .outer-header .group-languages:hover .language-selector {
  top: -1px;
  left: -1px;
  transition: 0s;
}

#header.compact .outer-header .right-links>li>a {
  padding: 0 20px;
  width: 60px;
  min-width: 60px;
  background-position: center center;
}

#header.compact .outer-header .right-links>li .options {
  min-width: 182px;
}

#header.compact .outer-header .left-links .lite-customer-tab {
  display: inline-block;
}

.icon-lock-white {
  position: relative;
}

.icon-lock-white:before {
  content: '\e917';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #fff;
  font-size: 20px;
  position: absolute;
  left: 15px;
  top: 14px;
}

.right-stick-wrap {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 1000;
  display: none;
}

@media only screen and (min-width: 1280px) {
  .right-stick-wrap {
    display: block;
  }
}

.right-stick-wrap .right-stick {
  margin-top: -80px;
  padding-right: 20px;
  width: 240px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-right: -190px;
}

.right-stick-wrap .right-stick:hover {
  margin-right: 0;
}

.right-stick-wrap a {
  display: block;
  background: #f7f9fb;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 14px 15px 15px 55px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  font-weight: 600;
}

.right-stick-wrap a span {
  color: #21409a;
  position: absolute;
  left: 16px;
  top: 10px;
  font-size: 20px;
}

.right-stick-wrap a:hover {
  background: #21409a;
  color: #fff;
}

.right-stick-wrap a:hover span {
  color: #fff;
}

.social {
  float: right;
  padding-top: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 1336px) {
  .social {
    margin-right: 55px;
  }
}

.social li {
  float: left;
  margin-left: 10px;
}

.social li a {
  display: inline-block;
}

.social li a img {
  width: 30px;
  height: 30px;
}

#footer {
  background: #21409a;
  color: white;
  padding: 22px 0;
  overflow: hidden;
}

#footer .logo {
  width: 125px;
  display: inline-block;
  margin: 0;
}

#footer .logo img {
  width: 100%;
}

#footer .copy-right {
  padding: 10px 20px;
  display: inline-block;
  line-height: 1.3;
  color: #f5f5f5;
  vertical-align: middle;
  margin: 0px;
}

@media only screen and (max-width: 767px) {
  #footer {
    text-align: center;
    padding: 20px 0 30px;
  }

  #footer .back-to-top {
    width: 60px;
    height: 60px;
    background: #21409a;
    right: 0;
    margin: -58px 15px 0 0;
    line-height: 56px;
    border-radius: 4px;
    border: 2px solid #fff;
    position: absolute;
    cursor: pointer;
  }

  #footer .back-to-top:after {
    content: '\e90a';
    font-family: 'icomoon' !important;
    font-size: 20px;
    color: #fff;
  }

  #footer .social {
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  #footer .social li {
    margin: 0 5px;
    display: inline-block;
    float: none;
  }

  #footer .social img {
    width: 44px;
    height: 44px;
  }

  #footer .logo {
    margin: 0 auto 5px;
    width: 100px;
    display: block;
  }

  #footer .copy-right {
    padding: 5px 0;
    display: block;
  }
}

@media only screen and (max-width: 406px) {
  #footer .copy-right {
    font-size: 12px;
    padding: 0px;
  }
}

#copyright {
  position: relative;
  padding-top: 20px;
  padding-bottom: 28px;
}

#copyright:before {
  content: '';
  display: block;
  position: absolute;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  border-top: 2px solid #f5f5f5;
  top: 0;
}

#copyright ._rules {
  /*margin-bottom: 20px;*/
  margin-bottom: 0px;
  margin-top: 0px;
}

#copyright ._rules li {
  display: inline-block;
  margin: 20px 0 20px 20px;
}

#copyright ._rules li:first-child {
  margin-left: 0;
}

#copyright ._rules li a {
  color: #14265b;
  font-size: 16px;
  font-weight: 600;
}

#copyright ._rules li a:hover {
  color: #21409a;
}

@media only screen and (max-width: 767px) {
  #copyright ._rules {
    text-align: center;
    margin-bottom: 16px;
  }

  #copyright ._rules li {
    margin: 0px 5px 0px 0px;
    padding-right: 10px;
    text-align: center;
    position: relative;
  }

  #copyright ._rules li:not(:last-child):after {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 0px;
    border-right: 1px solid #9e9e9e;
  }
}

#copyright address {
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  #copyright address {
    text-align: center;
  }
}

#copyright address p {
  margin: 0px;
}

.newsletter-wrap {
  background: #f8f9fb url(../images/icons/newsletter.png?MOD=AJPERES) no-repeat top right;
  padding: 18px 15px 24px;
  border-radius: 4px;
}

@media only screen and (max-width: 1023px) {
  .newsletter-wrap {
    margin-top: 20px;
  }
}

.newsletter-wrap .newsletter-select {
  position: absolute;
  width: 49%;
  right: 0;
  display: none;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  z-index: 5;
  max-height: 250px;
  border-radius: 3px;
  padding: 0 15px;
  top: 46px;
}

@media (max-width: 767px) {
  .newsletter-wrap .newsletter-select {
    width: 100%;
    top: 106px;
  }
}

.newsletter-wrap .newsletter-select li {
  line-height: 1.43;
  padding: 13px 0;
  border-top: 1px solid #e0e0e0;
  cursor: pointer;
}

.newsletter-wrap .newsletter-select li:first-child {
  border-top: 0;
}

.newsletter-wrap .newsletter-form {
  position: relative;
}

.newsletter-wrap .newslt-title {
  font-weight: 600;
  padding: 0px 0 17px;
  color: #14265b;
  font-size: 16px;
  line-height: 20px;
}

.newsletter-wrap .newsletter-input,
.newsletter-wrap .newsletter-selected,
.newsletter-wrap .newsletter-btn {
  border: 1px solid #e0e0e0;
  background: #fff;
  height: 48px;
  border-radius: 4px;
  font-weight: 600;
}

.newsletter-wrap .newsletter-input,
.newsletter-wrap .newsletter-selected {
  padding: 13px 20px;
  float: left;
  width: 49%;
  margin-bottom: 11px;
  color: #847b7b;
}

@media (max-width: 767px) {

  .newsletter-wrap .newsletter-input,
  .newsletter-wrap .newsletter-selected {
    width: 100%;
    margin-left: 0 !important;
  }
}

.newsletter-wrap .newsletter-input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

.newsletter-wrap .newsletter-input::-moz-placeholder {
  color: inherit;
  opacity: 1;
}

.newsletter-wrap .newsletter-input:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

.newsletter-wrap .newsletter-input::placeholder {
  color: inherit;
  opacity: 1;
}

.newsletter-wrap .newsletter-input:-ms-input-placeholder {
  color: inherit;
}

.newsletter-wrap .newsletter-input::-ms-input-placeholder {
  color: inherit;
}

.newsletter-wrap .newsletter-selected {
  margin-left: 2%;
  position: relative;
}

.newsletter-wrap .newsletter-selected:after {
  content: '\e907';
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  right: 32px;
  top: 17px;
  font-size: 10px;
}

.newsletter-wrap .newsletter-btn {
  background: #fff;
  clear: both;
  line-height: 46px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  width: 100%;
  cursor: pointer;
}

.newsletter-wrap.newsletter-news {
  width: 100%;
  float: right;
  padding: 25px 50px;
  background: #f8f9fb;
  margin-top: 70px;
}

.newsletter-wrap.newsletter-news .newsletter-input,
.newsletter-wrap.newsletter-news .newsletter-selected {
  width: 100%;
  margin-left: 0;
}

.newsletter-wrap.newsletter-news .newslt-title {
  padding: 23px 0 24px;
}

.newsletter-wrap.newsletter-news .newsletter-select {
  width: 100%;
  top: 106px;
}

.ft-call {
  font-size: 24px;
  font-weight: 600;
  padding-left: 48px;
  position: relative;
  margin-top: -3px;
}

.ft-call:before {
  content: '\e945';
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  left: -2px;
  top: 2px;
  color: #fff;
  background: #ec1d23;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  padding-left: 4px;
  font-size: 20px;
  display: block;
}

.icon-plan {
  background-image: url(../images/icons/icn-plan-off.svg?MOD=AJPERES);
}

.icon-plan.active,
.icon-plan:hover {
  background-image: url(../images/icons/icn-plan-on.svg?MOD=AJPERES);
}

.icon-reseach {
  background-image: url(../images/icons/icn-reseach-off.svg?MOD=AJPERES);
}

.icon-reseach.active,
.icon-reseach:hover {
  background-image: url(../images/icons/icn-reseach.svg?MOD=AJPERES);
}

.icon-cal {
  background-image: url(../images/icons/icn-cal-off.svg?MOD=AJPERES);
}

.icon-cal.active,
.icon-cal:hover {
  background-image: url(../images/icons/icn-cal-on.svg?MOD=AJPERES);
}

.icon-convert {
  background-image: url(../images/icons/icn-convert-off.svg?MOD=AJPERES);
}

.icon-convert.active,
.icon-convert:hover {
  background-image: url(../images/icons/icn-convert-on.svg?MOD=AJPERES&Ccache=none);
}

.btn {
  white-space: nowrap;
}

span.btn,
.card-link {
  margin-top: 50px;
}

.btn.btn-blue {
  line-height: 46px;
  display: inline-block;
  border-radius: 4px;
  width: 100%;
  background-color: #21409a;
  color: #fff;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 14px;
}

@media (min-width: 768px) {
  .btn.btn-blue {
    width: 180px;
  }
}

.btn.btn-white {
  line-height: 46px;
  display: inline-block;
  border-radius: 4px;
  padding: 0 30px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  color: #1c2e36;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.btn.btn-white:hover {
  background-color: #21409a;
  border: 1px solid #21409a;
  color: #fff;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.btn.btn-transparent {
  line-height: 46px;
  display: inline-block;
  border-radius: 4px;
  padding: 0 30px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.btn.btn-transparent:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #1c2e36;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.btn.btn-gold {
  line-height: 46px;
  display: inline-block;
  border-radius: 4px;
  padding: 0 30px;
  background-color: #14265b;
  border: 1px solid #14265b;
  color: #e5b351;
  font-weight: 600;
  text-align: center;
  position: relative;
}

.link-arrow {
  height: 60px;
  line-height: 60px;
  border-radius: 4px;
  background-color: #f7f9fb;
  display: block;
  position: relative;
  padding: 0 30px 0 70px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  margin: 10px 0 20px;
  font-weight: 600;
  -webkit-background-size: 40px 40px;
  background-size: 40px;
}

@media only screen and (max-width: 767px) {
  .link-arrow {
    padding: 0 30px 0 60px;
    margin: 10px 0;
    box-shadow: 1px 5px 25px #b9b9bf;
  }
}

.link-arrow:after {
  content: '';
  <<<<<<< HEAD background: url(https://www.bidv.com.vn/wps/wcm/connect/10b16bae-98d7-431a-a37e-af7b7cf093cf/icn-arrow-right-center.svg?MOD=AJPERES) no-repeat right center;
  =======background: url(../images/icons/icn-arrow-right.svg?MOD=AJPERES) no-repeat right center;
  >>>>>>>ed4ac8e0cc299c47032930f5d3e5821ac0c06d0c position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  margin-top: -10px;
}

.link-arrow.active,
.link-arrow:hover {
  background-color: white;
  -webkit-box-shadow: 0 10px 20px 0 #e0e0e0;
  box-shadow: 0 10px 20px 0 #e0e0e0;
}

.link-primary {
  color: #21409a;
}

.link-primary:hover {
  color: #1c2e36;
}

.link-secondary {
  text-decoration: underline;
}

.link-type1 {
  color: #21409a;
}

.link-type1:hover {
  text-decoration: underline;
}

.link-type2 {
  color: #21409a;
  text-decoration: underline;
}

.link-type2:hover {
  color: #1c2e36;
}

.link-type3 {
  color: #9e9e9e;
}

.link-type3:hover {
  color: #1c2e36;
}

.search-block {
  margin-top: 50px;
}

@media only screen and (min-width: 768px) {
  .search-block {
    margin-top: 65px;
  }
}

@media only screen and (min-width: 1024px) {
  .search-block {
    margin-top: 80px;
  }
}

.search-block .icon-search {
  background: none;
  position: relative;
  float: left;
  margin-top: 10px;
  width: 60px;
  height: 50px;
}

.search-block .icon-search:before {
  content: '\e940';
  position: absolute;
  left: 1px;
  top: 6px;
  font-size: 38px;
}

.search-block .search-input {
  background: url(../images/icons/cursor.gif?MOD=AJPERES) repeat-y left;
  font-size: 36px;
  color: black;
  padding: 0 20px;
  border-radius: 0;
  font-weight: 800;
  color: #e0e0e0;
  float: left;
  margin-top: 10px;
  width: calc(100% - 65px);
  width: -o-calc(100% - 65px);
}

.search-block .search-input:-moz-placeholder {
  color: #e0e0e0;
}

.search-block .search-input::-moz-placeholder {
  color: #e0e0e0;
}

.search-block .search-input:-ms-input-placeholder {
  color: #e0e0e0;
}

.search-block .search-input::-webkit-input-placeholder {
  color: #e0e0e0;
}

.goodmorning-bank {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .goodmorning-bank {
    /*margin: -20px 0;*/
  }
}

.goodmorning-bank span {
  font-weight: inherit;
}

@media only screen and (min-width: 768px) {
  .goodmorning-bank .search-block {
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 1024px) {
  .goodmorning-bank .search-block {
    margin-bottom: 50px;
  }
}

.goodmorning-bank .hello-sunny h2 {
  margin-top: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .search-block .icon-search {
    width: 45px;
  }

  .search-block .icon-search:before {
    top: 2px;
    font-size: 30px;
  }

  .search-block .search-input {
    font-size: 24px;
  }
}

.search-result {
  width: 100%;
  height: 100vh;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: #efeaea;
  padding: 58px 0;
  display: none;
}

.search-result.on {
  display: block;
}

.search-result .close-search {
  position: absolute;
  top: -50px;
  right: 20px;
  font-size: 13px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.search-result .close-search:hover {
  color: red;
}

.search-result .btn-clear-text {
  font-size: 0;
  position: absolute;
  right: 0px;
  top: 20px;
  width: 40px;
  height: 40px;
  color: #ccc;
  background: none;
}

.search-result .btn-clear-text:hover {
  color: #555;
}

.search-result .btn-clear-text:before {
  font-size: 20px;
  line-height: 40px;
}

@media only screen and (max-width: 767px) {
  .search-result .btn-clear-text {
    top: 0;
  }
}

.search-result .search-field {
  position: relative;
}

.search-result .search-field .icon-search-bold {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 3px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
}

.search-result .search-field .icon-search-bold:after {
  content: '\e91e';
  font-family: 'icomoon';
  font-size: 22px;
}

.search-result .search-field .icon-close-bold {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: transparent;
  margin-top: 5px;
}

.search-result .search-field .icon-close-bold:before,
.search-result .search-field .icon-close-bold:after {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: '';
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-color: #1c2e36;
  top: 50%;
  bottom: 50%;
}

.search-result .search-field .icon-close-bold:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.search-result .search-field .icon-close-bold:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.search-result .search-field .search-input-transparent {
  background: transparent;
  font-size: 2.671rem;
  padding-left: 40px;
}

.search-result .search-result__block {
  padding-top: 30px;
  border-top: 4px solid #e0e0e0;
  margin-top: 15px;
}

@media only screen and (min-width: 1024px) {
  .search-result .search-result__block {
    padding-top: 40px;
  }
}

@media only screen and (min-width: 1280px) {
  .search-result .search-result__block {
    padding-top: 48px;
  }
}

.search-result .search-result__block ._title {
  line-height: 1.43;
  font-weight: 600;
  padding-left: 12px;
  border-left: 6px solid #21409a;
}

.search-result .result-suggestion {
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .search-result .result-suggestion {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
  }
}

.search-result .result-suggestion .result-list {
  margin-top: 17px;
}

.search-result .result-suggestion .result-list li {
  margin-bottom: 11px;
}

.search-result .result-suggestion .result-list li a {
  line-height: 1.43;
  display: inline-block;
  font-weight: 600;
  font-size: 1.285rem;
}

.search-result .service-suggestion .service-list {
  margin-top: 36px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media only screen and (min-width: 768px) {
  .search-result .service-suggestion .service-list {
    display: block;
  }
}

.search-result .service-suggestion .service-list li {
  display: inline-block;
  /*height: 140px;*/
  width: 130px;
  text-align: center;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding: 0 10px;
  margin: 0 10px 10px 0;
}

@media only screen and (min-width: 480px) {
  .search-result .service-suggestion .service-list li {
    margin: 0 10px 20px;
  }
}

@media only screen and (min-width: 768px) {
  .search-result .service-suggestion .service-list li {
    width: 135px;
    /*float: left;*/
    margin: 0 4.5% 20px 0;
  }

  .search-result .service-suggestion .service-list li:nth-child(3n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .search-result .service-suggestion .service-list li {
    margin-right: 45px;
    margin-bottom: 30px;
  }
}

.search-result .service-suggestion .service-list li img {
  width: 100px;
  height: 100px;
}

.search-result .service-suggestion .service-list li span {
  display: block;
  line-height: 1.14;
  font-weight: 600;
  margin: 7px 0px;
}

.search-tab-nav {
  border-bottom: 1px solid #e0e0e0;
  margin: -10px 45px 40px;
  padding-bottom: 2px;
}

.search-tab-nav li {
  display: inline-block;
  margin-left: 40px;
  position: relative;
}

.search-tab-nav li:after {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  border-radius: 3px;
  background: #345dd4;
  position: absolute;
  bottom: -4px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.search-tab-nav li.active:after,
.search-tab-nav li:hover:after {
  width: 100%;
}

.search-tab-nav li:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 1200px) {
  .search-tab-nav li {
    margin-left: 20px;
  }

  .search-tab-nav li a {
    padding: 5px 20px;
  }
}

.search-tab-nav a {
  display: block;
  padding: 5px 40px;
  font-weight: 600;
  font-size: 14px;
}

.search-result-wrap {
  margin: 0 45px;
}

.search-wrap {
  padding-top: 30px;
}

.search-wrap .search-title {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 10px;
}

.search-wrap .search-item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}

.search-wrap a {
  color: inherit;
  font-weight: inherit;
}

@media only screen and (max-width: 767px) {
  .search-tab-nav {
    margin: -10px 0 40px;
  }

  .search-tab-nav li {
    margin-left: 5px;
  }

  .search-tab-nav li a {
    padding: 5px;
  }

  .search-result-wrap {
    margin: 0;
  }
}

.banner .item {
  height: 100%;
  -webkit-background-size: cover;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#banner-top-image {
  background-image: url('../images/platinum/banner-mobile.png');
}

.banner .item::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: rgba(0, 0, 0, 0.13);
}

.banner .inner-container {
  width: 100%;
  text-align: center;
  margin-top: 60px;
}

.banner .inner-container span {
  text-align: unset;
}

@media only screen and (min-width: 768px) {
  .banner .inner-container {
    text-align: left;
  }
}


@media only screen and (min-width: 1024px) {
  .banner .inner-container {
    /*	margin-top: 0px;thanh dieu huong*/
    margin-top: 50px;
  }
   #banner-top-image {
  background-image: url(../images/platinum/top-banner.png);
  }
}

@media only screen and (max-width: 1023px) {
  .banner .inner-container ._bnr-ab-img {
    top: 40px !important;
  }

  .bg-card img {
    height: 180px !important;
    width: 300px !important;
  }
}

.banner .inner-container ._bnr-ab-img {
  position: absolute;
  right: 20px;
  top: 0;
  max-width: 33.33%;
}

.banner .inner-container .playbutton {
  width: 90px;
  height: 90px;
  position: relative;
  background-color: #d0011b;
  border-radius: 50%;
  margin-top: 30px;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  --webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 999;
  display: block;
}

.banner .inner-container .playbutton.playpro {
  margin: 30px auto;
  width: 70px;
  height: 70px;
}

.banner .inner-container .playbutton.playpro:before {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  left: 0px;
  top: 0px;
  border: solid 0px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  --webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 999;
}

.banner .inner-container .playbutton.playpro:hover:before {
  position: absolute;
  width: 90px;
  height: 90px;
  left: -10px;
  top: -10px;
  border: solid 10px rgba(0, 0, 0, 0.5);
  --webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (min-width: 768px) {
  .banner .inner-container .playbutton {
    text-align: left;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    margin-top: 50px;
    z-index: 999;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .banner .inner-container .playbutton {
    margin-top: 0;
    z-index: 999;
  }
}

.banner .inner-container .playbutton:before {
  content: '';
  position: absolute;
  width: 90px;
  height: 90px;
  left: 0px;
  top: 0px;
  border: solid 0px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  --webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 999;
}

.banner .inner-container .playbutton:hover:before {
  position: absolute;
  width: 110px;
  height: 110px;
  left: -10px;
  top: -10px;
  border: solid 10px rgba(0, 0, 0, 0.5);
  --webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.banner .inner-container .playbutton__icon {
  width: 24px;
  height: 28px;
  border-style: solid;
  border-width: 14px 0 14px 24px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-35%, -50%);
  -ms-transform: translate(-35%, -50%);
  -o-transform: translate(-35%, -50%);
  transform: translate(-35%, -50%);
}

.banner .inner-container .title-1 {
  margin-top: 15px;
  line-height: 1.2;
  max-width: none;
  font-size: 36px;
  text-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 768px) {
  .banner .inner-container .title-1 {
    max-width: 600px;
  }
}

@media screen and (max-width: 768px) {
  .banner .inner-container .title-1 {
    font-size: 1.714rem;
  }
}

.banner .inner-container .title-1.text-center {
  max-width: none;
}

.banner .inner-container .sub-title {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 600;
  padding: 0 10px;
  line-height: 30px;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .banner .inner-container .sub-title {
    background-color: #fff;
    color: #1c2e36;
  }
}

.premier.banner .inner-container .sub-title {
  background: #e5b351;
  color: #fff;
}

.banner .inner-container a {
  margin-top: 50px;
  display: inline-block;
}

.banner .inner-container span {
  display: inline-block;
}

.banner .inner-container a.btn {
  padding-right: 55px;
}

.banner .inner-container a.btn:before {
  content: '→';
  position: absolute;
  font-size: 20px;
  right: 30px;
  opacity: 1;
  top: -2px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.banner .inner-container a.btn:hover:before {
  right: 25px;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.banner .inner-container .share-info {
  margin-top: 25px;
}

.banner .inner-container .share-info p.share-text {
  font-weight: normal;
  margin-bottom: 10px;
}

.banner .inner-container .share-info .share-icon li a {
  margin: 0;
}

.banner .banner-scrolldown {
  padding-left: 20px;
  bottom: 30px;
  margin: 0 auto;
  position: relative;
  max-width: 1220px;
}

.banner .banner-scrolldown a {
  float: left;
  margin-top: -52px;
  color: #f5f5f5;
  padding-top: 25px;
  position: relative;
}

.banner .banner-scrolldown a:before {
  left: 3px;
  top: 0;
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.banner .banner-scrolldown a:hover:before {
  top: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.banner.main-banner {
  position: relative;
  height: 100vh;
  overflow: hidden;
  max-height: 840px;
}

.banner.main-banner--smartbanking {
  position: relative;
  height: 110vh;
  overflow: hidden;
  max-height: 840px;
}

.banner.main-banner .inner-container {
  text-align: left;
}

.banner.main-banner .box-avatar {
  width: 110px;
  height: 110px;
  border-radius: 100%;
  border: 2px solid #e5b351;
  -webkit-background-size: cover;
  background-size: cover;
}

.banner.main-banner .box-gift {
  float: left;
  width: 80px;
  margin-right: 10px;
  margin-top: 18px;
  margin-bottom: 20px;
}

.banner.main-banner .birthday-wish {
  max-width: 500px;
}

.banner.main-banner--smartbanking .inner-container {
  margin-top: 60px;
}

.banner.main-banner--smartbanking .inner-container ._bnr-ab-img {
  top: 50%;
  margin-top: -200px;
}

@media only screen and (max-width: 768px) {
  .banner.main-banner--smartbanking .inner-container ._bnr-ab-img {
    margin-top: 80px;
    left: 33%;
  }
}

.banner.main-banner--smartbanking .inner-container ._bnr-ab-img img {
  max-height: 500px;
}

@media only screen and (max-width: 767px) {
  .banner.main-banner--smartbanking .inner-container .title-1 {
    text-align: center;
    margin-top: 150px;
  }
}

.banner.main-banner--smartbanking .download-list {
  margin-top: 40px;
  font-size: 0;
}

@media only screen and (min-width: 768px) {
  .banner.main-banner--smartbanking .download-list {
    max-width: 450px;
  }
}

@media only screen and (min-width: 1024px) {
  .banner.main-banner--smartbanking .download-list {
    max-width: 580px;
  }
}

@media only screen and (max-width: 767px) {
  .banner.main-banner--smartbanking .download-list {
    text-align: center;
  }
}

.banner.main-banner--smartbanking .download-list li {
  margin-bottom: 15px;
  display: block;
}

.banner.main-banner--smartbanking .download-list li:last-child {
  margin-right: 0;
}

.banner.main-banner--smartbanking .download-list li a {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .banner.main-banner--smartbanking .download-list li {
    float: left;
    margin: 0 20px 15px 0;
  }
}

.banner.main-banner--smartbanking ._des {
  margin-top: 15px;
}

@media only screen and (min-width: 768px) {
  .banner.main-banner--smartbanking ._des {
    max-width: 450px;
  }
}

@media only screen and (min-width: 1024px) {
  .banner.main-banner--smartbanking ._des {
    max-width: 580px;
  }
}

.banner.main-banner--smartbanking ._des p {
  line-height: 1.5;
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .banner.main-banner--smartbanking ._des p {
    font-size: 16px;
  }
}

.banner.main-banner--smartbanking .bnr-overlay {
  background: rgba(16, 96, 176, 0.5);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,
      rgba(16, 96, 176, 0.7),
      rgba(255, 255, 255, 0));
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right,
      rgba(16, 96, 176, 0.7),
      rgba(255, 255, 255, 0));
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(rgba(16, 96, 176, 0.7)),
      to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left,
      rgba(16, 96, 176, 0.7),
      rgba(255, 255, 255, 0));
  background: linear-gradient(to right,
      rgba(16, 96, 176, 0.7),
      rgba(255, 255, 255, 0));
}

.banner.main-banner .caption {
  color: white;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1220px;
  margin: 0 auto;
  position: relative;
  z-index: 4;
}

.banner.main-banner .card-link {
  background-color: #fff;
  border-radius: 4px;
  padding: 9px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
}

.banner.main-banner .card-link>img {
  width: 45%;
  max-width: 135px;
}

.banner.main-banner .card-link ._short-des {
  width: 55%;
  padding: 0 20px;
  line-height: 1.43;
  position: relative;
}

.banner.main-banner .card-link ._short-des:before {
  content: '';
  position: absolute;
  right: 0;
  opacity: 1;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: solid 2px #212121;
  border-right: solid 2px #212121;
  width: 8px;
  height: 8px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.banner.main-banner .card-link ._short-des span {
  color: #9e9e9e;
  font-weight: 600;
}

.banner.main-banner .card-link ._short-des p {
  color: #212121;
  font-weight: 600;
  margin-bottom: 0px;
}

.banner.main-banner .card-link:hover ._short-des:before {
  right: -5px;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.banner.main-banner .carousel {
  overflow: hidden;
  /*    position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      top: 0;*/
}

.banner.main-banner .carousel .item {
  height: 100vh;
  max-height: 840px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.banner.main-banner .carousel .item.banner-mobile {
  /*background-size: contain;*/
  background-size: cover;
}

.banner.main-banner .carousel-thumb {
  position: absolute;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  width: 440px;
  display: none;
}

@media only screen and (min-width: 768px) {
  .banner.main-banner .carousel-thumb {
    display: block;
  }
}

.banner.main-banner .carousel-thumb li {
  width: 103px;
  height: 58px;
  margin: 0 5px;
  float: left;
  overflow: hidden;
  border-radius: 7px;
  cursor: pointer;
}

.banner.main-banner .carousel-thumb li img {
  border-radius: 4px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  --webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.banner.main-banner .carousel-thumb li:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  --webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.banner.main-banner .carousel-thumb li.slick-current img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.banner.main-banner .carousel-thumb img {
  height: 100%;
  min-width: 100%;
}

.banner.default-banner {
  position: relative;
  overflow: hidden;
}

.banner.default-banner .caption {
  color: white;
  height: 400px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1220px;
  margin: 0 auto;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .banner.default-banner .caption {
    height: 450px;
  }
}

@media only screen and (min-width: 1024px) {
  .banner.default-banner .caption {
    height: 500px;
  }
}

.banner.default-banner .caption .breadcrumbs {
  margin-bottom: 20px;
}

.banner.default-banner .caption .breadcrumbs li a {
  margin-top: 0;
  color: #ffffff;
}

.banner.default-banner .caption .breadcrumbs li a:before {
  color: #fff;
}

.banner.default-banner .caption p {
  line-height: 1.5;
  font-size: 16px;
  font-weight: 600;
  max-width: 430px;
  margin: 15px auto 0;
}

@media only screen and (min-width: 768px) {
  .banner.default-banner .caption p {
    margin: 15px 0 0 0;
  }
}

@media only screen and (min-width: 1024px) {
  .banner.default-banner .title-1 {
    max-width: 600px;
  }
}

.banner.empty-banner {
  margin-top: 111px;
}

.banner.empty-banner .breadcrumbs {
  text-align: left;
}

.banner.empty-banner .breadcrumbs li a {
  color: #9e9e9e;
  margin: 0;
}

@media only screen and (max-width: 767px) {

  .banner .breadcrumbs,
  .banner p.title-1 {
    display: none;
  }

  .banner p {
    /*display: none;*/
  }

  .banner.default-banner .caption {
    height: 220px;
  }

  .bidv-gallery-video.banner.default-banner .caption {
    height: 400px;
  }
}

.full-width-service-block {
  position: relative;
  background-color: #f5f5f5;
  padding: 0px 20px;
  z-index: 5;
}

@media only screen and (min-width: 768px) {
  .full-width-service-block {
    /*padding: 40px 20px;*/
  }
}

@media only screen and (max-width: 767px) {
  .full-width-service-block {
    padding: 5px 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .full-width-service-block {
    padding: 0;
  }
}

.full-width-service-block .thumb,
.full-width-service-block .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-background-size: cover;
  background-size: cover;
}

.full-width-service-block .layer-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100vw;
}

.full-width-service-block .overlay {
  background: #000;
  opacity: 0.5;
  z-index: 10;
}

@media only screen and (max-width: 1023px) {
  .full-width-service-block .overlay {
    display: none;
  }
}

.full-width-service-block:hover .background-layer {
  opacity: 1;
  z-index: 5;
}

.full-width-service-block:hover .tile {
  opacity: 0.5;
}

@media only screen and (max-width: 1023px) {
  .full-width-service-block:hover .tile {
    opacity: 1;
  }
}

.full-width-service-block .tiles {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 200;
}

.full-width-service-block .tiles .col {
  width: 100%;
  display: block;
}

.full-width-service-block .tiles .col:last-child .tile {
  border-bottom: none;
}

@media only screen and (max-width: 767px) {

  .full-width-service-block .tiles .col:nth-child(1),
  .full-width-service-block .tiles .col:nth-child(2),
  .full-width-service-block .tiles .col:nth-child(3),
  .full-width-service-block .tiles .col:nth-child(4),
  .full-width-service-block .tiles .col:nth-child(5) {
    border-bottom: 1px solid #e0e0e0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .full-width-service-block .tiles .col:nth-child(1),
  .full-width-service-block .tiles .col:nth-child(2),
  .full-width-service-block .tiles .col:nth-child(3),
  .full-width-service-block .tiles .col:nth-child(4) {
    border-bottom: 1px solid #e0e0e0;
  }
}

@media only screen and (max-width: 1023px) {
  .full-width-service-block .tiles .col {
    position: relative;
  }

  .full-width-service-block .tiles .col:after {
    content: '\e904';
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 25px;
  }
}

@media only screen and (min-width: 768px) {
  .full-width-service-block .tiles .col {
    width: 47.5%;
    margin-right: 5%;
  }

  .full-width-service-block .tiles .col:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .full-width-service-block .tiles {
    width: 100%;
  }

  .full-width-service-block .tiles .col {
    padding: 0;
    margin: 0;
    float: left;
    width: 16.66%;
    z-index: 1;
  }
}

.full-width-service-block .inplay {
  width: 16.6%;
  opacity: 1;
}

.full-width-service-block.show-wing .inplay {
  width: 100%;
  left: 0 !important;
  opacity: 1 !important;
}

.full-width-service-block.show-wing .layer-bg {
  margin-left: 0 !important;
}

.full-width-service-block .background-layer {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .full-width-service-block .background-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    font-size: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.full-width-service-block .background-layer-item {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #1b1b1c;
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
  opacity: 0.5;
}

.full-width-service-block .background-layer-item.active {
  z-index: 20;
  opacity: 1;
}

.full-width-service-block .layer-bg {
  position: absolute;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}

.full-width-service-block .tile {
  min-height: auto;
  height: auto;
  display: block;
  width: 100%;
  position: relative;
}

.full-width-service-block .tile:hover {
  opacity: 1;
}

.premier .full-width-service-block .tile:hover .title-2 {
  color: #e5b351;
}

.full-width-service-block .tile:after {
  position: absolute;
  content: '';
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 40px;
  height: 40px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 11;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.full-width-service-block .tile .desc:after {
  content: '';
  display: block;
  background: #345dd4;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: -1;
}

.premier .full-width-service-block .tile .desc:after {
  background-color: rgba(20, 38, 91, 0.78);
}

@media only screen and (max-width: 1023px) {
  .full-width-service-block .tile .desc:after {
    background-color: transparent !important;
  }
}

.full-width-service-block .tile a {
  display: block;
  margin-bottom: 5px;
  color: #fff;
}

.full-width-service-block .tile a:hover {
  text-decoration: underline;
}

.full-width-service-block .tile .content {
  opacity: 0;
}

@media only screen and (max-width: 1023px) {
  .full-width-service-block .tile .content {
    display: none;
  }
}

.full-width-service-block .tile:hover .content {
  opacity: 1;
}

.full-width-service-block .tile:hover .desc:after {
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0.8;
}

@media only screen and (min-width: 1024px) {
  .full-width-service-block .tile {
    border: none;
  }

  .full-width-service-block .tile:before {
    sdisplay: none;
  }
}

.full-width-service-block .tile .desc {
  position: relative;
  padding: 5px;
}

.full-width-service-block .tile .desc .title-2 {
  margin-bottom: 0;
  padding-left: 40px;
  font-size: 16px;
  color: #1c2e36;
  line-height: 1.5;
  text-decoration: none;
  min-height: 50px;
}

@media only screen and (max-width: 1023px) {
  .full-width-service-block .tile .desc .title-2 a {
    color: #000000;
    /*line-height: 50px;*/
    margin-left: 10px;
    padding-top: 13px;
  }
}

@media only screen and (min-width: 1280px) {
  .full-width-service-block .tile .desc .title-2 {
    font-size: 24px;
    /*min-height: 120px;*/
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .full-width-service-block .tile {
    overflow: hidden;
    padding-top: 110%;
    padding-bottom: 145px;
  }

  .full-width-service-block .tile .desc {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    color: white;
    padding: 28px 23px;
  }

  .full-width-service-block .tile .desc .title-2 {
    padding-left: 0;
    font-weight: 800;
    line-height: 1.3;
    color: #fff;
  }

  .full-width-service-block .tile .desc .content {
    line-height: 1.43;
  }

  .full-width-service-block .tile:after {
    bottom: 10px;
    height: 100px;
    width: 100%;
    top: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

.full-width-service-block .tiles-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: none;
}

@media only screen and (min-width: 1024px) {
  .full-width-service-block .tiles-bg {
    display: block;
  }
}

.full-width-service-block .tiles-bg .col {
  width: 16.66%;
  float: left;
  padding-top: 40.6%;
  position: relative;
}

@media only screen and (min-width: 1920px) {
  .full-width-service-block .tile .desc .title-2 {
    font-size: 36px;
  }
}

.full-width-service-block .icon-transaction:before,
.full-width-service-block .icon-account:before {
  display: none;
}

.thumbnail .image {
  height: 158px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  border-radius: 4px;
}

@media only screen and (min-width: 480px) {
  .thumbnail .image {
    height: 180px;
  }
}

@media only screen and (min-width: 768px) {
  .thumbnail .image {
    height: 212px;
  }
}

.thumbnail .lightbox-url {
  display: block;
  position: relative;
}

.thumbnail .lightbox-url:hover .zoom-btn {
  opacity: 1;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.thumbnail .zoom-btn {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  width: 60px;
  height: 60px;
  border-radius: 4px;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.thumbnail .zoom-btn:before {
  background: url('../images/icons/icn-search-white.svg?MOD=AJPERES') center center no-repeat;
  -webkit-background-size: 24px 24px;
  background-size: 24px;
  width: 60px;
  height: 60px;
  content: '';
  position: absolute;
}

.thumbnail .overlay-info {
  position: relative;
}

.thumbnail .overlay-info .brand-logo-con {
  height: 200px;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 100px;
  overflow: hidden;
  padding: 4px 0px 15px;
  text-align: center;
  border-radius: 5px;
  background: url('/wps/wcm/connect/5623db33-5737-4dfd-93ba-12a83ea17e50/brand_bg.svg?MOD=AJPERES') no-repeat;
}

@media only screen and (min-width: 480px) and (max-width: 930px) {
  .news-list-items .thumbnail .overlay-info .brand-logo-con {
    background: url('/wps/wcm/connect/40e12c16-69bb-4148-bf76-dbd35d74f0f6/brand_bg.svg?MOD=AJPERES') no-repeat;
  }

  .news-list-items .thumbnail .overlay-info .brand-logo-con img {
    width: 60px !important;
    height: 50px !important;
    left: 5px;
    top: 5px;
    position: absolute;
  }
}

.thumbnail .overlay-info .brand-logo-con img {
  width: 90px;
  height: 80px;
  display: inline-block;
}

.thumbnail .overlay-info ._discount {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  border-radius: 4px;
  display: inline-block;
  line-height: 1.43;
  background-color: #ed1d24;
  color: #fff;
  padding: 5px 10px;
}

.premier .thumbnail .overlay-info ._discount {
  background-color: #14265d;
  color: #e5b351;
  font-weight: bold;
}

.thumbnail .caption {
  /*background: white;*/
  min-height: 140px;
  padding: 20px 0;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .thumbnail .caption {
    min-height: 10px;
    padding: 20px 0 0;
  }
}

.thumbnail .caption .title-3 {
  margin-bottom: 5px;
  font-weight: 600;
}

.thumbnail .caption ._intro {
  font-weight: 600;
  /*min-height: 46px;*/
  width: 100%;
  overflow: hidden;
  display: block;
}

.thumbnail .caption .link-view-more {
  position: relative;
  margin-top: 10px;
  display: table;
  color: #9e9e9e;
  line-height: 1.43;
  background: none;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
}

.thumbnail .caption .link-view-more:hover {
  color: #21409a;
}

.thumbnail .caption .link-view-more:before {
  content: '';
  position: absolute;
  right: 15px;
  top: 6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
}

.tabnav-contents .thumbnail .caption .link-view-more:before {
  content: '';
  position: absolute;
  right: 15px;
  top: 6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
}

@media only screen and (max-width: 767px) {
  .inner-container-2.homepage-news {
    padding-bottom: 0;
  }
}

#magazine-news.news-list .thumbnail .caption {
  background: transparent;
}

#bidv-gallery.news-list .title-1 {
  display: block;
}

.news-list .news-list-items {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.news-list .news-list-items .thumbnail,
.tabnav-contents .thumbnail {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
}

@media only screen and (min-width: 480px) {

  .news-list .news-list-items .thumbnail,
  .tabnav-contents .thumbnail {
    width: 48%;
    margin-right: 4%;
  }

  .news-list .news-list-items .thumbnail:nth-child(2n),
  .tabnav-contents .thumbnail:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 480px) {
  #others-news .news-list-items .thumbnail {
    width: 100% !important;
    margin-right: 2% !important;
    margin: 10px 0;
  }
}

@media only screen and (max-width: 1050px) {
  #others-news .news-list-items .thumbnail {
    width: 46%;
    margin: 10px 4% 10px 0;
  }

  .newsletter-wrap.newsletter-news {
    margin-top: 50px;
  }

  #others-news .news-list-items .thumbnail[name='news3'] {
    width: 60%;
    margin: auto;
  }
}

@media only screen and (max-width: 767px) {
  #others-news .news-list-items .thumbnail {
    width: 48%;
    margin: 10px 2% 10px 0;
  }

  #others-news .news-list-items .thumbnail[name='news3'] {
    width: 100%;
    margin: 10px 2% 10px 0;
  }
}

@media only screen and (min-width: 768px) {

  .news-list .news-list-items .thumbnail,
  .tabnav-contents .thumbnail {
    margin-top: 20px;
    width: 31%;
    margin-right: 3.5%;
  }

  .news-list .news-list-items .thumbnail:nth-child(2n),
  .tabnav-contents .thumbnail:nth-child(2n) {
    margin-right: 3.5%;
  }

  .news-list .news-list-items .thumbnail:nth-child(3n),
  .tabnav-contents .thumbnail:nth-child(3n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1280px) {

  .news-list .news-list-items .thumbnail,
  .tabnav-contents .thumbnail {
    /*margin-top: 50px;*/
  }
}

.news-list .news-list-items .thumbnail .image,
.tabnav-contents .thumbnail .image {
  height: 180px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  border-radius: 4px;
}

@media only screen and (min-width: 480px) {

  .news-list .news-list-items .thumbnail .image,
  .tabnav-contents .thumbnail .image {
    height: 160px;
  }
}

@media only screen and (min-width: 1024px) {

  .news-list .news-list-items .thumbnail .image,
  .tabnav-contents .thumbnail .image {
    height: 190px;
  }
}

@media only screen and (min-width: 1280px) {

  .news-list .news-list-items .thumbnail .image,
  .tabnav-contents .thumbnail .image {
    height: 200px;
  }
}

.news-list .news-list-items .thumbnail.others-news {
  margin-top: 25px;
  margin-bottom: 25px;
}

.news-list .news-list-items .thumbnail.others-news .title-2 {
  font-weight: 800;
  line-height: 1.08;
  margin-bottom: 22px;
  position: relative;
  padding-right: 25px;
  display: inline-block;
}

.news-list .news-list-items .thumbnail.others-news .title-2 a {
  font-weight: inherit;
  font-size: inherit;
}

.news-list .news-list-items .thumbnail.others-news .title-2:before {
  content: '';
  position: absolute;
  right: 0;
  top: 7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: solid 2px #1c2e36;
  border-right: solid 2px #1c2e36;
  width: 8px;
  height: 8px;
}

@media only screen and (max-width: 1023px) {
  .full-width-service-block .tile .desc .title-2 a {
    color: #000000;
    margin-left: 10px;
    padding-top: 13px;
  }
}

@media only screen and (min-width: 1024px) {
  .news-list .news-list-items .thumbnail.others-news .title-2:before {
    top: 11px;
  }
}

.news-list .news-list-items .thumbnail.others-news .others-news__item {
  margin-bottom: 20px;
}

.news-list .news-list-items .thumbnail.others-news .others-news__item:last-child {
  margin-bottom: 0;
}

.news-list .news-list-items .thumbnail.others-news .others-news__item p {
  color: #9e9e9e;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 600;
  margin: 0px;
}

.news-list .news-list-items .thumbnail.others-news .others-news__item a {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  display: block;
}

.news-list .news-list-items .thumbnail .caption,
.tabnav-contents .thumbnail .caption {
  padding-bottom: 0;
  min-height: auto;
}

.tabnav-contents .thumbnai {
  float: left;
}

.news-list .title-1 {
  display: inline-block;
  position: relative;
}

.news-list--internal .news-list-items .thumbnail {
  margin-top: 30px;
}

.news-list--internal .news-list-items .thumbnail .image {
  height: 280px;
}

@media only screen and (min-width: 480px) {
  .news-list--internal .news-list-items .thumbnail {
    width: 48%;
    margin-right: 4%;
  }

  .news-list--internal .news-list-items .thumbnail:nth-child(2n) {
    margin-right: 0;
  }

  .news-list--internal .news-list-items .thumbnail .image {
    height: 300px;
  }
}

@media only screen and (min-width: 768px) {
  .news-list--internal .news-list-items .thumbnail {
    margin-top: 40px;
    width: 22%;
    margin-right: 4%;
    max-width: auto;
  }

  .news-list--internal .news-list-items .thumbnail:nth-child(4n-1) {
    margin-right: 4%;
  }

  .news-list--internal .news-list-items .thumbnail:nth-child(4n-2) {
    margin-right: 4%;
  }

  .news-list--internal .news-list-items .thumbnail:nth-child(4n) {
    margin-right: 0;
  }

  .news-list--internal .news-list-items .thumbnail .image {
    height: 250px;
  }
}

@media only screen and (min-width: 1024px) {
  .news-list--internal .news-list-items .thumbnail {
    margin-top: 40px;
    width: 20%;
    margin-right: 6.66%;
  }

  .news-list--internal .news-list-items .thumbnail:nth-child(4n-1) {
    margin-right: 6.66%;
  }

  .news-list--internal .news-list-items .thumbnail:nth-child(4n-2) {
    margin-right: 6.66%;
  }

  .news-list--internal .news-list-items .thumbnail .image {
    height: 265px;
  }
}

@media only screen and (min-width: 1280px) {
  .news-list--internal .news-list-items .thumbnail {
    margin-top: 50px;
    width: 18%;
    margin-right: 9.33%;
  }

  .news-list--internal .news-list-items .thumbnail:nth-child(4n-1) {
    margin-right: 9.33%;
  }

  .news-list--internal .news-list-items .thumbnail:nth-child(4n-2) {
    margin-right: 9.33%;
  }

  .news-list--internal .news-list-items .thumbnail .image {
    height: 280px;
  }
}

.news-list .bidv-select-box {
  margin-bottom: 20px;
}

.news-list .bidv-select-box .select-list-items ._selection-field li {
  border-bottom: 1px solid #f0f0f0;
}

.slider-one-way .slick-list {
  overflow: visible;
}

.slider-one-way .col {
  width: 345px;
  margin-right: 20px;
}

.slider-one-way .col:last-child {
  margin-right: 0;
}

.slider-one-way .slick-arrow {
  position: absolute;
  top: 55px;
  z-index: 10;
  padding: 5px;
}

.slider-one-way .slick-arrow:before {
  width: 40px;
  height: 40px;
}

@media only screen and (min-width: 480px) {
  .slider-one-way .slick-arrow {
    top: 67px;
  }
}

@media only screen and (min-width: 768px) {
  .slider-one-way .slick-arrow {
    padding: 8px;
  }

  .slider-one-way .slick-arrow:before {
    width: 50px;
    height: 50px;
  }
}

@media only screen and (min-width: 1280px) {
  .slider-one-way .slick-arrow {
    padding: 10px;
  }

  .slider-one-way .slick-arrow:before {
    width: 65px;
    height: 65px;
  }
}

.slider-one-way .slick-prev {
  left: -10px;
}

@media only screen and (min-width: 768px) {
  .slider-one-way .slick-prev {
    left: 10px;
  }
}

@media only screen and (min-width: 1280px) {
  .slider-one-way .slick-prev {
    left: -40px;
  }
}

.slider-one-way .slick-next {
  left: auto;
  right: -10px;
}

@media only screen and (min-width: 768px) {
  .slider-one-way .slick-next {
    right: 300px;
  }
}

/*@media only screen and (min-width: 1280px) {*/
@media only screen and (min-width: 1350px) {
  /* .slider-one-way .slick-next {
    right: auto;
    left: 1137px;
  } */
}

.breadcrumbs li {
  display: inline-block;
}

.breadcrumbs li a {
  line-height: 1.43;
  font-weight: 600;
  display: inline-block;
  position: relative;
  padding-right: 24px;
}

.breadcrumbs li a:before {
  content: '\e904';
  font-family: 'icomoon' !important;
  position: absolute;
  right: 8px;
  color: #9e9e9e;
  font-size: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.country-select img,
.country-select span {
  vertical-align: middle;
  display: inline-block;
}

.country-select img {
  margin-right: 5px;
  width: 21px;
  height: 15px;
}

@media only screen and (min-width: 480px) {
  .country-select img {
    margin-right: 10px;
  }
}

.country-select li {
  padding: 5px 0;
}

.no-touch.desktop .country-select a:hover img {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.currency {
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .currency {
    height: auto;
  }
}

.currency .tab-header {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 9px;
  margin-bottom: 1px;
}

.currency .tab-header li {
  margin: 0;
  text-align: center;
  width: 33.33%;
  float: left;
  padding-right: 6%;
}

.currency .tab-header li:nth-child(3n-1) {
  padding: 0 3%;
}

.currency .tab-header li:nth-child(3n) {
  padding-right: 0;
  padding-left: 6%;
}

.currency .tab-header a {
  display: block;
  line-height: 20px;
}

.currency .tab-header a:before {
  height: 3px;
  background: #345dd4;
  bottom: -11px;
}

.premier .currency .tab-header a:before {
  background: #e5b351;
}

.no-touch.desktop .currency .tab-header a:hover {
  text-shadow: 0 0 16px white;
}

.currency .tab-header--mobile {
  margin-bottom: 30px;
}

.currency .tab-header--mobile li {
  border-bottom: 1px solid #e0e0e0;
}

.currency .tab-header--mobile li a {
  display: block;
  line-height: 1.43;
  padding: 18px 20px 18px 0;
  background: url(/wps/wcm/connect/10b16bae-98d7-431a-a37e-af7b7cf093cf/icn-arrow-right-center.svg?MOD=AJPERES) no-repeat right center;
  -webkit-background-size: 18px 18px;
  background-size: 18px;
  font-size: 16px;
  font-weight: 600;
}

.currency .link-view-more {
  float: right;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.43;
  color: #9e9e9e;
  background: none;
  position: relative;
}

.currency .link-view-more:before {
  content: '';
  position: absolute;
  right: 15px;
  top: 6px;
  --webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
}

.currency-list {
  padding: 13px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.currency-list:before,
.currency-list:after {
  display: table;
  content: '';
}

.currency-list:after {
  clear: both;
}

.currency-list:first-child {
  border: none;
}

.currency-list.full .default-wrap {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
}

@media only screen and (max-width: 1023px) {
  .currency-list.full .default-wrap {
    left: 20px;
    right: 20px;
  }
}

.currency-list tr {
  border-bottom: 1px solid #e0e0e0;
}

.currency-list td {
  padding: 9px 10px 10px;
  height: 40px;
}

.currency-list td,
.currency-list th {
  padding-left: 5px;
  padding-right: 5px;
}

.currency-list td:first-child,
.currency-list th:first-child {
  padding-left: 0;
}

.currency-list td:last-child,
.currency-list th:last-child {
  text-align: right;
}

@media only screen and (min-width: 480px) {

  .currency-list td,
  .currency-list th {
    padding-left: 10px;
    padding-right: 10px;
  }

  .currency-list td:last-child,
  .currency-list th:last-child {
    padding-right: 30px;
  }
}

.currency-list table {
  text-align: left;
  width: 100%;
  margin-bottom: 11px;
}

.currency-list table tr th {
  font-weight: 600;
  padding-bottom: 4px;
}

@media only screen and (max-width: 1023px) {

  .currency-list table tr th,
  .currency-list table tr td {
    padding-right: 5px;
    padding-left: 5px;
  }
}

.currency-list .text-x-small {
  letter-spacing: -0.1px;
  line-height: 1.43;
}

.currency-converter {
  padding: 15px 15px 10px;
  border-radius: 4px;
  background: #f7f9fb;
  width: 100%;
  margin-bottom: 20px;
}

@media only screen and (min-width: 480px) {
  .currency-converter {
    width: 48.5%;
    margin-right: 3%;
    float: left;
    min-height: 278px;
    margin-bottom: 0;
  }
}

.currency-converter .sub-title-medium {
  font-size: 18px;
  margin: -3px 0 0 6px;
}

.converter {
  padding: 11px 0 0;
}

.converter .country-checked {
  padding-left: 6px;
}

.converter .convert-group {
  font-size: 1.285rem;
  margin-bottom: 16px;
  position: relative;
}

.converter .convert-group .country-select {
  margin-bottom: 9px;
}

.converter .convert-group .country-select span {
  text-transform: uppercase;
  margin: 0 7px 0 0;
  font-size: 16px;
  font-weight: 600;
  vertical-align: middle;
  position: relative;
}

.converter .convert-group .country-select span.country-converter-checked {
  padding-right: 20px;
  cursor: pointer;
}

.converter .convert-group .country-select span.country-converter-checked:before {
  content: '';
  position: absolute;
  right: 0;
  top: 7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 2px #212121;
  border-right: solid 2px #212121;
  width: 8px;
  height: 8px;
}

.converter .convert-group .country-select span.country-converter-checked.dropdown:before {
  border-bottom: 0;
  border-right: 0;
  top: 10px;
  border-top: solid 2px #212121;
  border-left: solid 2px #212121;
}

.converter .convert-group .country-select .country-converter {
  display: none;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  z-index: 5;
  max-height: 250px;
  overflow: auto;
  position: absolute;
  left: -10px;
  border-radius: 3px;
  top: 32px;
  width: 170px;
}

.converter .convert-group .country-select .country-converter li {
  padding: 10px 0;
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
}

.converter .convert-group .country-select .country-converter li:last-child {
  border-bottom: 0;
}

.converter .convert-group .country-select .country-converter li .country-converter-checked {
  padding-right: 0;
}

.converter .convert-group .country-select .country-converter li .country-converter-checked:before {
  display: none;
}

.converter .convert-group:after {
  position: absolute;
  right: 20px;
  font-size: 9px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.no-touch.desktop .converter .convert-group:hover:after {
  -webkit-animation: wobble-vertical 0.75s alternate;
  -o-animation: wobble-vertical 0.75s alternate;
  animation: wobble-vertical 0.75s alternate;
}

.converter .convert-group input {
  text-align: right;
}

@media only screen and (max-width: 1023px) {
  .converter .convert-group input {
    padding-right: 10px;
  }
}

.converter .mt10 {
  margin: -2px 0 0 0;
  line-height: 1.43em;
  letter-spacing: -0.3px;
  text-align: center;
}

.btn-convert {
  background: white;
  color: #2b2b2b;
  display: block;
  width: 100%;
  font-family: 'Muli-Bold';
  text-align: left;
}

.btn-convert:after {
  font-size: 25px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 13px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.no-touch.desktop .btn-convert:hover:after {
  -webkit-transform: scaleX(1.3);
  -ms-transform: scaleX(1.3);
  -o-transform: scaleX(1.3);
  transform: scaleX(1.3);
}

.estimate-survey {
  padding: 15px 15px 10px;
  border-radius: 4px;
  background: #f7f9fb;
  width: 100%;
  /*display: none;*/
}

@media only screen and (min-width: 480px) {
  .estimate-survey {
    width: 48.5%;
    float: left;
    min-height: 278px;
    display: block;
  }
}

.estimate-survey h3 {
  line-height: 1.33;
  font-size: 18px;
  margin: 0px 0 18px 0px;
}

.estimate-survey a.btn {
  line-height: 46px;
  display: block;
  border-radius: 4px;
  background-color: #21409a;
  border: 1px solid #21409a;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.premier .estimate-survey a.btn {
  background-color: #14265d;
  border-color: #14265d;
  color: #e5b351;
}

.estimate-survey a.btn:hover {
  background-color: #fff;
  color: #21409a;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.premier .estimate-survey a.btn:hover {
  background-color: #fff;
  border-color: #e5b351;
  color: #e5b351;
}

.estimate-survey .estimate-group .estimate-selection {
  margin-bottom: 52px;
  position: relative;
}

.estimate-survey .estimate-group .estimate-selection-field {
  display: none;
  /*padding: 0 15px;*/
  background-color: #fff;
  border: 1px solid #e0e0e0;
  z-index: 5;
  max-height: 250px;
  /*overflow: auto;*/
  position: absolute;
  border-radius: 3px;
  width: 100%;
}

.estimate-survey .estimate-group .estimate-selection-field li {
  line-height: 1.43;
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
}

.estimate-survey .estimate-group .estimate-selection-field li:last-child {
  border-bottom: 0;
}

.estimate-survey .estimate-group p {
  line-height: 1.43;
  margin-bottom: 10px;
}

.estimate-survey .estimate-group .estimate-selected {
  display: block;
  padding: 14px 30px 14px 15px;
  position: relative;
  font-weight: 600;
  line-height: 1.43;
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
}

.estimate-survey .estimate-group .estimate-selected:before {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
}

.estimate-survey .estimate-group .estimate-selected.dropdown:before {
  border-bottom: 0;
  border-right: 0;
  margin-top: -2px;
  border-top: solid 2px #9e9e9e;
  border-left: solid 2px #9e9e9e;
}

#footer-expand {
  background-color: #fff;
}

#footer-expand .expand-field {
  background-color: #f7f9fb;
}

#footer-expand .expand-field .f-breadcrumbs {
  max-width: 1030px;
  float: left;
  margin: 20px 0px;
}

#footer-expand .expand-field .f-breadcrumbs li {
  float: left;
  /*padding: 24px 0;*/
}

#footer-expand .expand-field .f-breadcrumbs li a {
  padding-right: 44px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  line-height: 1.5em;
  color: #9e9e9e;
}

#footer-expand .expand-field .f-breadcrumbs li a:hover {
  color: #1c2e36;
}

#footer-expand .expand-field .f-breadcrumbs li a:before {
  content: '';
  position: absolute;
  right: 18px;
  top: 8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 7px;
  height: 7px;
}

#footer-expand .expand-field .f-breadcrumbs li:last-child a:before {
  display: none;
}

#footer-expand .expand-field .expand-text {
  padding: 20px 0 20px 28px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  line-height: 1.5em;
  float: right;
}

#footer-expand .expand-field .expand-text:before {
  content: '';
  width: 15px;
  height: 2px;
  background-color: #979797;
  position: absolute;
  left: 0;
  top: 50%;
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  opacity: 1;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}

#footer-expand .expand-field .expand-text:after {
  content: '';
  width: 2px;
  height: 15px;
  background-color: #979797;
  position: absolute;
  left: 7px;
  top: 50%;
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  opacity: 1;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}

#footer-expand .expand-field .expand-text.dropdown:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}

#footer-expand .expand-field .expand-text.dropdown:after {
  opacity: 0;
  margin-top: -6px;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}

#footer-expand [class*='inner-container'] {
  padding-top: 0;
  padding-bottom: 0;
}

#footer-expand .sitemap-expand {
  display: none;
  padding: 27px 0 29px;
}

@media only screen and (max-width: 1023px) {
  #footer-expand .sitemap-expand {
    display: block;
    padding: 0px;
  }
}

#footer-expand .sitemap-expand dt {
  line-height: 1.5em;
  color: #1c2e36;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}

#footer-expand .sitemap-expand dd {
  margin-bottom: 10px;
}

#footer-expand .sitemap-expand dd a:hover {
  color: #345dd4;
}

#footer-expand .sitemap-expand .right-side-title {
  line-height: 1.5em;
  color: #1c2e36;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 19px;
}

@media only screen and (max-width: 1023px) {
  #footer-expand .sitemap-expand .right-side-title {
    text-align: center;
    border-top: solid 1px #e0e0e0;
    padding-top: 20px;
  }
}

#footer-expand .sitemap-expand .__contact-us p {
  margin-bottom: 10px;
}

#footer-expand .sitemap-expand .__contact-us a {
  display: inline-block;
}

#footer-expand .sitemap-expand .__contact-us a img {
  display: inline-block;
  width: 30px;
  vertical-align: middle;
}

#footer-expand .sitemap-expand .__contact-us a span {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #212121;
  margin-left: 17px;
}

@media only screen and (max-width: 1023px) {
  #footer-expand .sitemap-expand .download-apps {
    float: none !important;
    text-align: center;
    padding-bottom: 20px;
  }
}

#footer-expand .sitemap-expand .download-apps .download-app li {
  float: left;
}

#footer-expand .sitemap-expand .download-apps .download-app.download-app-1 {
  padding-bottom: 21px;
  border-bottom: solid 1px #e0e0e0;
}

@media only screen and (max-width: 1023px) {
  #footer-expand .sitemap-expand .download-apps .download-app.download-app-1 {
    text-align: center;
  }
}

#footer-expand .sitemap-expand .download-apps .download-app.download-app-1 li {
  margin-right: 4%;
  width: 48%;
  max-width: 172px;
}

#footer-expand .sitemap-expand .download-apps .download-app.download-app-1 li:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 1023px) {
  #footer-expand .sitemap-expand .download-apps .download-app.download-app-1 li {
    float: none;
    display: inline-block;
    width: 172px;
    margin-bottom: 20px;
  }

  #footer-expand .sitemap-expand .download-apps .download-app.download-app-1 li:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 402px) {
  #footer-expand .sitemap-expand .download-apps .download-app.download-app-1 li {
    width: 180px;
    max-width: 180px;
    margin-right: 0%;
  }
}

#footer-expand .sitemap-expand .download-apps .download-app.download-app-2 {
  margin-top: 10px;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0px -10px;
  padding-bottom: 20px;
}

#footer-expand .sitemap-expand .download-apps .download-app.download-app-2 li {
  padding: 0px 10px;
  width: 48%;
  max-width: 200px;
  margin-top: 20px;
}

#footer-expand .sitemap-expand .download-apps .download-app.download-app-2 li:last-child {
  margin-right: 0;
}

#footer-expand .sitemap-expand .download-apps .download-app.download-app-2 li p {
  margin-bottom: 20px;
  line-height: 1.43;
  font-weight: 600;
}

#footer-expand .sitemap-expand .download-apps .download-app.download-app-2 li a {
  display: inline-block;
  width: 23px;
  vertical-align: bottom;
  margin: 0 10px 0 7px;
}

.anchor-link {
  min-height: 61px;
  display: none !important;
}

@media only screen and (min-width: 768px) {
  .anchor-link {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 894px) {

  .anchor-link .anchor-url-list,
  .anchor-link.is-sticky .anchor-url-list {
    line-height: 40px;
    padding: 7px 20px !important;
  }
}

.anchor-link .anchor-url-list {
  text-align: center;
  padding: 15px 20px;
  margin: 0 auto;
  position: relative;
  --webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.anchor-link .anchor-url-list li {
  display: inline-block;
  margin: 0 8px;
}

.anchor-link .anchor-url-list li a {
  display: block;
  padding: 5px 30px;
  line-height: 1.43;
  color: #1c2e36;
  font-weight: 600;
  background-color: #e0e0e0;
  border-radius: 4px;
  --webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.anchor-link .anchor-url-list li a.current,
.anchor-link .anchor-url-list li a:hover {
  color: #fff;
  background-color: #21409a;
  --webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.premier .anchor-link .anchor-url-list li a.current,
.premier .anchor-link .anchor-url-list li a:hover {
  background-color: #14265b;
  color: #e5b351;
}

.anchor-link.is-sticky .anchor-url-list {
  position: fixed;
  top: 71px;
  --webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  z-index: 22;
  background-color: #fff;
}

@media only screen and (min-width: 1024px) {
  .anchor-link.is-sticky .anchor-url-list {
    top: 51px;
  }
}

.bidv-cards-detail--premier .anchor-link .anchor-url-list li a.current,
.bidv-cards-detail--premier .anchor-link .anchor-url-list li a:hover {
  background-color: #daa520;
}

.news-detail-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.news-detail-container .published-info {
  position: relative;
}

.news-detail-container .published-info .share-info {
  position: relative;
  margin-top: 47px;
}

@media only screen and (max-width: 767px) {
  .news-detail-container .published-info .share-info {
    margin: 15px 0;
    display: none;
  }
}

.news-detail-container .published-date {
  line-height: 1.43;
  font-weight: 600;
  text-transform: uppercase;
}

.news-detail-container .title-1 {
  line-height: 1.2;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .news-detail-container .title-1 {
    max-width: 600px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .news-detail-container .title-1 {
    max-width: 700px;
  }
}

@media only screen and (min-width: 1280px) {
  .news-detail-container .title-1 {
    /*margin-bottom: 50px;*/
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .news-detail-container .title-1 {
    font-size: 1.714rem;
  }
}

.news-detail-container .title-2 {
  font-weight: 800;
  line-height: 1.08;
  color: #212121;
  margin-bottom: 20px;
  position: relative;
}

.news-detail-container ._rules.color-blue {
  padding-right: 25px;
  display: inline-block;
  line-height: 1.33;
  position: relative;
  font-size: 16px;
}

.news-detail-container ._rules.color-blue:before {
  content: '>';
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 14px;
  color: #21409a;
}

@media only screen and (min-width: 768px) {
  .news-detail-container ._rules.color-blue {
    padding-right: 35px;
    font-size: 1.285rem;
  }

  .news-detail-container ._rules.color-blue:before {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .news-detail-container ._rules.color-blue {
    font-size: 1.714rem;
    padding-right: 50px;
  }

  .news-detail-container ._rules.color-blue:before {
    top: 5px;
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .news-detail-container .recent-news {
    width: 100%;
    margin-top: 50px;
  }
}

.news-detail-container .news-info ._img {
  margin-top: 25px;
  margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
  .news-detail-container .news-info ._img {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.news-detail-container .news-info ._img:first-child {
  margin-top: 0;
}

.news-detail-container .news-info .share-info {
  margin-top: 50px;
}

.news-detail-container .news-info .share-info img {
  width: 45px;
}

.news-detail-container .news-info h3 {
  margin-bottom: 20px;
  line-height: 1.25;
  font-weight: 800;
  font-size: 1.285rem;
}

@media only screen and (min-width: 1024px) {
  .news-detail-container .news-info h3 {
    font-size: 1.714rem;
  }
}

.news-detail-container .recent-news__block dl {
  padding: 20px 0;
  border-top: solid 2px #e0e0e0;
}

.news-detail-container .recent-news__block dt,
.news-detail-container .recent-news__block dd {
  line-height: 1.43;
  font-weight: 600;
}

.news-detail-container .recent-news__block dt a,
.news-detail-container .recent-news__block dd a {
  font-weight: 600;
  margin-top: 0px;
}

.news-detail-container .recent-news__block dt a:hover,
.news-detail-container .recent-news__block dd a:hover {
  color: #345dd4;
}

.news-detail-container .recent-news__block dt {
  margin-bottom: 20px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .news-detail-container .recent-news__block dt {
    margin-bottom: 10px;
  }
}

.news-detail-container .interesting-promotions__block {
  background-color: #f7f9fb;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1024px) {
  .news-detail-container .interesting-promotions__block {
    margin-bottom: 25px;
  }
}

.news-detail-container .interesting-promotions__block .title-3 {
  font-weight: 800;
  margin-bottom: 20px;
}

.news-detail-container .interesting-promotions__block ul li {
  display: table;
  padding: 10px 0;
}

.news-detail-container .interesting-promotions__block ul li img {
  display: table-cell;
  vertical-align: top;
  min-width: 24px;
  margin-top: 5px;
}

.news-detail-container .interesting-promotions__block ul li ._des {
  display: table-cell;
  vertical-align: top;
  padding-left: 15px;
}

.news-detail-container .interesting-promotions__block ul li p {
  margin: 0px;
}

.news-detail-container .interesting-promotions__block ul li ._title {
  color: #14265b;
  font-weight: 600;
}

.video-thumb {
  position: relative;
}

.video-thumb img {
  border-radius: 4px;
}

.video-thumb .video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  background: #ed1d24;
  border-radius: 4px;
  margin: -30px 0px 0 -30px;
  z-index: 300;
}

.video-thumb .video-play:before {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 20px solid #fffffe;
  border-bottom: 13px solid transparent;
  border-top: 14px solid transparent;
  margin: 17px 0 0 24px;
}

.premier #attractive-services .inner-container>.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 480px) {
  .premier #attractive-services .inner-container>.row>[class*='col'] {
    width: 100%;
  }
}

#attractive-services .grid-item {
  position: relative;
  width: 100%;
  padding: 30px;
  height: 355px;
  margin-bottom: 20px;
  border-radius: 4px;
  overflow: hidden;
}

#attractive-services .grid-item .overlay-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.25), #000000);
  background: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.25), #000000);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.25)),
      to(#000000));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25), #000000);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25), #000000);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), #000000);
}

.ie8 #attractive-services .grid-item .overlay-bg {
  background: #000;
  filter: alpha(opacity=70);
}

#attractive-services .grid-item:hover .overlay-bg {
  background: #21409a;
  background: rgba(33, 64, 154, 0.9);
}

.premier #attractive-services .grid-item:hover .overlay-bg {
  background-color: rgba(20, 38, 91, 0.9);
}

#attractive-services .grid-item .bg-image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#attractive-services .grid-item .caption {
  position: absolute;
  z-index: 1;
  bottom: 30px;
  color: #fff;
}

#attractive-services .grid-item .caption span {
  font-weight: 600;
  line-height: 1.43;
  display: inline-block;
}

#attractive-services .grid-item .title-1 {
  line-height: 1.12;
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 10px;
}

#attractive-services .grid-item .title-1:before {
  content: '';
  width: 30px;
  height: 4px;
  bottom: 0;
  position: absolute;
  background-color: #ed1d24;
  border-radius: 5px;
}

.premier #attractive-services .grid-item .title-1:before {
  background-color: #daa520;
}

#attractive-services .grid-item .has_discount {
  line-height: 1.3;
  color: #f5f5f5;
  font-weight: 800;
  font-size: 1.714rem;
  margin: 0px;
}

.updates-list .list-items li {
  position: relative;
  padding: 20px 0 20px 41px;
  background: transparent url('/wps/wcm/connect/b31dc7f1-f9fb-42ad-931b-6c8052ba5aed/icn-speaker.svg?MOD=AJPERES') left top 2px no-repeat;
  -webkit-background-size: 21px 52px;
  background-size: 21px 52px;
  border-top: solid 1px #e0e0e0;
}

.updates-list .list-items li:first-child {
  border-top: 0;
}

@media only screen and (min-width: 480px) {
  .updates-list .list-items li {
    padding-right: 90px;
  }
}

.updates-list .list-items li a,
.updates-list .list-items li span {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.43;
}

.updates-list .list-items li a {
  display: inline-block;
}

.updates-list .list-items li span._date {
  display: inline-block;
  color: #9e9e9e;
  right: 0;
  top: 0;
  margin-top: 5px;
}

@media only screen and (min-width: 480px) {
  .updates-list .list-items li span._date {
    position: absolute;
    max-width: 80px;
    color: #1c2e36;
    margin-top: 21px;
  }
}

.three-col-card>.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.three-col-card .card-type {
  overflow: hidden;
  max-width: 270px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}

.premier .three-col-card .card-type {
  max-width: 330px;
}

.three-col-card .card-type .card-info {
  position: relative;
}

.three-col-card .card-type .card-info p {
  font-weight: 600;
  line-height: 1.43;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .three-col-card .card-type .card-info p {
    max-height: 60px;
    overflow: hidden;
  }
}

.three-col-card .card-type .card-info .card-detail {
  color: #9e9e9e;
  font-size: 16px;
  line-height: 1.38;
  font-weight: 600;
  display: inline-block;
}

.three-col-card .card-type .card-info .card-detail:hover {
  color: #345dd4;
}

.three-col-card .card-type .card-info .btn-blue {
  margin-top: 13px;
  display: inline-block;
}

.three-col-card .card-type .title-2 {
  margin-bottom: 10px;
  font-weight: 800;
}

.three-col-card .card-type.debit-card .title-2 {
  color: #21409a;
}

.premier .three-col-card .card-type.debit-card .title-2 {
  color: #212121;
}

.three-col-card .card-type.credit-card .title-2 {
  color: #21409a;
}

.three-col-card .card-type.premier-card .title-2 {
  color: #daa520;
}

.three-col-card .card-type p {
  margin-bottom: 10px;
}

.three-col-card .card-type img {
  height: 146px;
  position: relative;
  display: block;
  margin: 0 auto 15px;
  margin-top: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

@media only screen and (min-width: 768px) {
  .three-col-card .card-type:hover img {
    margin-top: -164px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
}

.three-col-card .card-type .btn-gold {
  display: none;
}

.three-col-card .card-type:hover .btn-gold {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .three-col-card .card-type .card-info {
    margin-top: -5px;
  }
}

@media only screen and (min-width: 768px) {
  .three-col-card .invisible-block {
    display: block;
  }
}

.three-col-card .card-col {
  padding-top: 10px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .three-col-card .card-col {
    border-right: 1px solid #e0e0e0;
    margin-bottom: 0;
    height: 300px;
  }

  .three-col-card .card-col:last-child {
    border-right: none;
  }
}

@media only screen and (max-width: 767px) {
  .three-col-card .card-col {
    margin-bottom: 38px;
  }
}

#choose-your-card .range-slider,
#calculator-tool .range-slider {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  position: relative;
}

#choose-your-card .title-1,
#calculator-tool .title-1 {
  text-align: center;
}

#choose-your-card a.btn-blue,
#calculator-tool a.btn-blue {
  min-width: 240px;
  margin-top: 50px;
}

#choose-your-card .range-slider__field,
#calculator-tool .range-slider__field {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider__field,
  #calculator-tool .range-slider__field {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 1024px) {

  #choose-your-card .range-slider__field,
  #calculator-tool .range-slider__field {
    margin-top: 50px;
  }
}

#choose-your-card .range-slider__field p,
#calculator-tool .range-slider__field p {
  font-size: 1.285rem;
  font-weight: 600;
  line-height: 1.22;
  margin-bottom: 10px;
}

#choose-your-card .range-slider__field label,
#calculator-tool .range-slider__field label {
  max-width: 12.5%;
  font-weight: 600;
  line-height: 1.22;
  font-size: 14px;
}

@media only screen and (min-width: 480px) {

  #choose-your-card .range-slider__field label,
  #calculator-tool .range-slider__field label {
    max-width: 10%;
    font-size: 1.285rem;
  }
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider__field label,
  #calculator-tool .range-slider__field label {
    max-width: 7%;
  }
}

#choose-your-card .range-slider__order,
#calculator-tool .range-slider__order {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.43;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  color: #fff;
  padding-top: 4px;
  margin-right: 25px;
  height: 30px;
  background-color: #21409a;
  border-radius: 4px;
  text-align: center;
}

.premier #choose-your-card .range-slider__order,
.premier #calculator-tool .range-slider__order {
  background-color: #14265b;
}

#choose-your-card input[type='range'],
#calculator-tool input[type='range'] {
  -webkit-appearance: none !important;
  -moz-apperance: none !important;
}

#choose-your-card .rangeslider,
#calculator-tool .rangeslider,
#choose-your-card .rangeslider__fill,
#calculator-tool .rangeslider__fill {
  display: block;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

#choose-your-card .rangeslider,
#calculator-tool .rangeslider {
  background: #e6e6e6;
  position: relative;
}

#choose-your-card .rangeslider--horizontal,
#calculator-tool .rangeslider--horizontal {
  width: 75%;
  height: 8px;
  border-radius: 4px;
  background: #e0e0e0;
  outline: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

@media only screen and (min-width: 480px) {

  #choose-your-card .rangeslider--horizontal,
  #calculator-tool .rangeslider--horizontal {
    width: 80%;
  }
}

@media only screen and (min-width: 768px) {

  #choose-your-card .rangeslider--horizontal,
  #calculator-tool .rangeslider--horizontal {
    width: 80%;
  }
}

#choose-your-card .rangeslider--vertical,
#calculator-tool .rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

#choose-your-card .rangeslider--disabled,
#calculator-tool .rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

#choose-your-card .rangeslider__fill,
#calculator-tool .rangeslider__fill {
  background: #21409a;
  position: absolute;
}

.premier #choose-your-card .rangeslider__fill,
.premier #calculator-tool .rangeslider__fill {
  background: #daa520;
}

#choose-your-card .rangeslider--horizontal .rangeslider__fill,
#calculator-tool .rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

#choose-your-card .rangeslider--vertical .rangeslider__fill,
#calculator-tool .rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

#choose-your-card .rangeslider__handle,
#calculator-tool .rangeslider__handle {
  background: white;
  cursor: pointer;
  display: inline-block;
  width: 28px;
  height: 28px;
  position: absolute;
  background-color: #fff;
  border: solid 6px #21409a;
  border-radius: 50%;
}

.premier #choose-your-card .rangeslider__handle,
.premier #calculator-tool .rangeslider__handle {
  border-color: #daa520;
}

#choose-your-card .rangeslider__handle:hover,
#calculator-tool .rangeslider__handle:hover {
  border-color: #ed1d24;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#choose-your-card .rangeslider__handle:active,
#calculator-tool .rangeslider__handle:active,
#choose-your-card .rangeslider--active .rangeslider__handle,
#calculator-tool .rangeslider--active .rangeslider__handle {
  border-color: #ed1d24;
}

#choose-your-card .rangeslider--horizontal .rangeslider__handle,
#calculator-tool .rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

#choose-your-card .rangeslider--vertical .rangeslider__handle,
#calculator-tool .rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

#choose-your-card input[type='range']:focus+.rangeslider .rangeslider__handle,
#calculator-tool input[type='range']:focus+.rangeslider .rangeslider__handle {
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

#choose-your-card .rangeslider__value-bubble,
#calculator-tool .rangeslider__value-bubble {
  border: 1px solid #ccc;
  visibility: hidden;
  display: block;
  opacity: 0;
  position: absolute;
  top: 100%;
  margin-top: 20px;
  width: 118px;
  margin-left: -59px;
  text-align: center;
  border-radius: 4px;
  background-color: #345dd4;
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
  padding: 3px 15px;
}

.premier #choose-your-card .rangeslider__value-bubble,
.premier #calculator-tool .rangeslider__value-bubble {
  background-color: #14265b;
}

#choose-your-card .rangeslider__value-bubble:before,
#calculator-tool .rangeslider__value-bubble:before {
  content: '';
  display: block;
  margin: auto;
  width: 10px;
  position: absolute;
  left: 0;
  right: 0;
  border-bottom: 5px solid #345dd4;
  border-left: 7px solid transparent;
  border-right: 6px solid transparent;
  top: -5px;
}

.premier #choose-your-card .rangeslider__value-bubble:before,
.premier #calculator-tool .rangeslider__value-bubble:before {
  border-bottom: 5px solid #14265b;
}

#choose-your-card .rangeslider--active .rangeslider__value-bubble,
#calculator-tool .rangeslider--active .rangeslider__value-bubble,
#choose-your-card .rangeslider:hover .rangeslider__value-bubble,
#calculator-tool .rangeslider:hover .rangeslider__value-bubble {
  opacity: 1;
  visibility: visible;
}

#choose-your-card .range-slider__value,
#calculator-tool .range-slider__value {
  display: inline-block;
  position: relative;
  color: #21409a;
  line-height: 1.43;
  font-size: 1.714rem;
  font-weight: 800;
  margin: 0 5px;
  margin-bottom: 10px;
  min-width: 120px;
  text-align: center;
  border-bottom: 2px dashed #c4e1f7;
  max-width: 280px;
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider__value,
  #calculator-tool .range-slider__value {
    width: 150px;
    line-height: 1.22;
  }
}

@media only screen and (min-width: 1024px) {

  #choose-your-card .range-slider__value,
  #calculator-tool .range-slider__value {
    font-size: 32px;
    width: 175px;
  }
}

@media only screen and (min-width: 1280px) {

  #choose-your-card .range-slider__value,
  #calculator-tool .range-slider__value {
    font-size: 2.571rem;
    min-width: 200px;
    max-width: 251px;
  }
}

#choose-your-card ::-moz-range-track,
#calculator-tool ::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

#choose-your-card input::-moz-focus-inner,
#calculator-tool input::-moz-focus-inner,
#choose-your-card input::-moz-focus-outer,
#calculator-tool input::-moz-focus-outer {
  border: 0;
}

#choose-your-card .range-slider-results,
#calculator-tool .range-slider-results {
  margin-top: 50px;
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider-results,
  #calculator-tool .range-slider-results {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 1024px) {

  #choose-your-card .range-slider-results,
  #calculator-tool .range-slider-results {
    margin-top: 80px;
  }
}

@media only screen and (min-width: 1280px) {

  #choose-your-card .range-slider-results,
  #calculator-tool .range-slider-results {
    margin-top: 100px;
  }
}

#choose-your-card .range-slider-results .col-sm-9,
#calculator-tool .range-slider-results .col-sm-9 {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 25px;
  padding-bottom: 10px;
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider-results .col-sm-9,
  #calculator-tool .range-slider-results .col-sm-9 {
    border-right: 1px solid #e0e0e0;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

#choose-your-card .range-slider-results ._block-result,
#calculator-tool .range-slider-results ._block-result {
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider-results ._block-result,
  #calculator-tool .range-slider-results ._block-result {
    padding: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {

  #choose-your-card .range-slider-results ._block-result,
  #calculator-tool .range-slider-results ._block-result {
    padding: 30px 30px 20px 30px;
  }
}

#choose-your-card .range-slider-results ._block-result ._title,
#calculator-tool .range-slider-results ._block-result ._title {
  font-size: 1.285rem;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 25px;
  text-align: center;
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider-results ._block-result ._title,
  #calculator-tool .range-slider-results ._block-result ._title {
    text-align: left;
  }
}

#choose-your-card .range-slider-results ._block-result .card-information .card-image,
#calculator-tool .range-slider-results ._block-result .card-information .card-image {
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider-results ._block-result .card-information .card-image,
  #calculator-tool .range-slider-results ._block-result .card-information .card-image {
    float: left;
    width: 21%;
    margin-right: 4%;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider-results ._block-result .card-information ul,
  #calculator-tool .range-slider-results ._block-result .card-information ul {
    float: left;
    width: 75%;
  }
}

@media only screen and (max-width: 410px) {
  #choose-your-card .range-slider-results ._block-result .card-information ul li {
    display: grid;
  }
}

#choose-your-card .range-slider-results ._block-result .card-information ul li,
#calculator-tool .range-slider-results ._block-result .card-information ul li {
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.43;
}

#choose-your-card .range-slider-results ._block-result .card-information ul li span,
#calculator-tool .range-slider-results ._block-result .card-information ul li span {
  float: right;
  line-height: 1.43;
  font-weight: normal;
}

@media only screen and (min-width: 480px) {

  #choose-your-card .range-slider-results ._block-result .card-information ul li,
  #calculator-tool .range-slider-results ._block-result .card-information ul li {
    float: left;
    width: 33.33%;
    padding-right: 2%;
    padding-top: 5px;
  }

  #choose-your-card .range-slider-results ._block-result .card-information ul li:nth-child(3n),
  #calculator-tool .range-slider-results ._block-result .card-information ul li:nth-child(3n) {
    padding-right: 0;
  }

  #choose-your-card .range-slider-results ._block-result .card-information ul li span,
  #calculator-tool .range-slider-results ._block-result .card-information ul li span {
    display: block;
    float: none;
    margin-top: 3px;
  }
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider-results ._block-result .card-information ul li,
  #calculator-tool .range-slider-results ._block-result .card-information ul li {
    padding-right: 3.33%;
  }

  #choose-your-card .range-slider-results ._block-result .card-information ul li:nth-child(3n),
  #calculator-tool .range-slider-results ._block-result .card-information ul li:nth-child(3n) {
    padding-right: 3.33%;
  }
}

#choose-your-card .range-slider-results ._block-result .refund,
#calculator-tool .range-slider-results ._block-result .refund {
  text-align: center;
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider-results ._block-result .refund,
  #calculator-tool .range-slider-results ._block-result .refund {
    padding-left: 30px;
    text-align: left;
  }
}

#choose-your-card .range-slider-results ._block-result .refund ._price,
#calculator-tool .range-slider-results ._block-result .refund ._price {
  font-size: 1.714rem;
  font-weight: 800;
  color: #21409a;
  line-height: 1.25;
}

#choose-your-card .range-slider-results ._block-result .refund p,
#calculator-tool .range-slider-results ._block-result .refund p {
  font-weight: 600;
  line-height: 1.43;
  margin-bottom: 0px;
}

#choose-your-card .range-slider-results ._block-result .refund .btn-control,
#calculator-tool .range-slider-results ._block-result .refund .btn-control {
  margin-top: 20px;
  text-align: center;
}

#choose-your-card .range-slider-results ._block-result .refund .btn-control a.btn,
#calculator-tool .range-slider-results ._block-result .refund .btn-control a.btn {
  min-width: auto;
  width: 100%;
  display: block;
  max-width: 240px;
  margin-top: 10px;
  padding: 0 10px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {

  #choose-your-card .mob-range,
  #calculator-tool .mob-range {
    display: none;
  }
}

@media only screen and (max-width: 767px) {

  #choose-your-card .mob-range,
  #calculator-tool .mob-range {
    display: inline-block;
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    width: 190px;
    margin-top: 16px;
    padding-bottom: 5px;
    border-bottom: 2px dashed #c4e1f7;
  }

  #choose-your-card a.btn-blue,
  #calculator-tool a.btn-blue {
    margin-top: 0;
  }

  #choose-your-card .range-slider__field,
  #calculator-tool .range-slider__field {
    margin-top: 45px;
  }

  #choose-your-card .range-slider__order,
  #calculator-tool .range-slider__order {
    margin-right: 10px;
  }

  #choose-your-card .range-slider__field p,
  #calculator-tool .range-slider__field p {
    font-size: 1.1rem;
  }

  #choose-your-card .range-slider-block,
  #calculator-tool .range-slider-block {
    display: none;
  }
}

.deposit-panel {
  font-size: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.deposit-panel .col-sm-6 {
  margin-bottom: 20px;
  display: inline-block;
  float: none;
  font-size: 16px;
  text-align: left;
  vertical-align: top;
}

.deposit-panel .title-2 {
  /*line-height: 1.08;*/
  font-weight: 800;
  padding-left: 44px;
  padding-right: 30px;
  position: relative;
  display: inline-block;
}

.deposit-panel .title-2 .ico {
  position: absolute;
  left: 0;
  max-width: 30px;
}

.deposit-panel .title-2:before {
  position: absolute;
  left: 0px;
}

.deposit-panel .title-2:after {
  content: '';
  position: absolute;
  right: 0;
  background: url(/wps/wcm/connect/10b16bae-98d7-431a-a37e-af7b7cf093cf/icn-arrow-right-center.svg?MOD=AJPERES) right center no-repeat;
  width: 20px;
  height: 20px;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

@media only screen and (min-width: 1024px) {
  .deposit-panel .title-2:after {
    top: 4px;
  }
}

.deposit-panel .deposit-block {
  background-color: #f7f9fb;
  border-radius: 4px;
  cursor: default;
  position: relative;
  padding: 20px;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .deposit-panel .deposit-block {
    padding: 20px 30px;
  }
}

.deposit-panel .deposit-block:hover {
  background-color: #fff;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.deposit-panel .deposit-block:hover .title-2 {
  color: #345dd4;
}

.deposit-panel .deposit-block:hover .btn {
  background-color: #21409a;
  border: 1px solid #21409a;
  color: #fff;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.deposit-panel .deposit-block .title-2:before,
.deposit-panel .deposit-block .reg-btn:before {
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 20px;
  padding-left: 2px;
  color: #000;
}

.deposit-panel .deposit-block .reg-btn:before {
  padding-right: 10px;
  float: left;
  color: inherit;
}

@media only screen and (max-width: 767px) {
  .deposit-panel .deposit-block .btn {
    margin-top: 100px;
  }
}

.deposit-panel .deposit-block[data-ico*='tien-gui-thanh-toan'] .title-2:before {
  background: url(/wps/wcm/connect/c538106e-c145-4290-900f-27b726a53e79/icn-tien-gui-thanh-toan.svg?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='tien-gui-tiet-kiem'] .title-2:before {
  background: url(/wps/wcm/connect/864a38d0-58e2-4dd2-ba4b-345c8dd8be65/icn-tien-gui-tiet-kiem.svg?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='tien-gui-tich-luy'] .title-2:before {
  background: url(/wps/wcm/connect/e06930a0-0c56-4610-bf02-92e1bbf7c73a/icn-tien-gui-tich-luy.svg?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='tien-gui-online'] .title-2:before {
  background: url(/wps/wcm/connect/13be9acc-787c-4f57-944a-34bfbefac325/icn-tien-gui-online-ca-nhan.svg?MOD=AJPERES) right center no-repeat;
}

/*.deposit-panel .deposit-block[data-ico*="ngan-hang-di-dong"] .title-2:before,*/
.deposit-panel .deposit-block[data-ico*='ngan-hang-di-dong'] .reg-btn:before {
  content: '\e902';
}

/*.deposit-panel .deposit-block[data-ico*="ngan-hang-dien-tu"] .title-2:before {
  content: "\e948";
}*/
.deposit-panel .deposit-block[data-ico*='ngan-hang-dien-tu'] .reg-btn:before {
  content: '\e911';
}

/*.deposit-panel .deposit-block[data-ico*="dich-vu-atm"] .title-2:before {
  content: "\e949";
}*/
.deposit-panel .deposit-block[data-ico*='dich-vu-atm'] .reg-btn:before {
  content: '\e919';
}

/*.deposit-panel .deposit-block[data-ico*="cong-nghe-moi"] .title-2:before {
  content: "\e920";
}*/
.deposit-panel .deposit-block[data-ico*='cong-nghe-moi'] .reg-btn:before {
  content: '\e911';
}

.deposit-panel .deposit-block[data-ico*='bao-quan-tai-san'] .title-2:before {
  background: url(/wps/wcm/connect/830b8841-7224-47f8-b610-3f97508ed619/icn-bao-quan-tai-san.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='dich-vu-thue-ket'] .title-2:before {
  background: url(/wps/wcm/connect/ccee159b-aa96-40eb-8281-bc0bbebfc2a2/icn-dich-vu-thue-ket.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='thu-doi-tien-khong-du-chuan'] .title-2:before {
  background: url(/wps/wcm/connect/0d3ad748-a0d5-443e-a653-7a5ada808442/icn-thu-doi-tien-khong-du-chuan.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='doi-bao-bi-vang-mieng'] .title-2:before {
  background: url(/wps/wcm/connect/ddf45069-926c-4149-b001-2e790cf2f4b2/icn-doi-bao-bi-vang-mieng.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='thu-giu-ho-tien-mat-qua-dem'] .title-2:before {
  background: url(/wps/wcm/connect/e4d35a35-d27c-401b-a77c-47ee229c01b5/icn-thu-giu-ho-tien-mat-qua-dem.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='thu-tien-theo-tui-niem-phong'] .title-2:before {
  background: url(/wps/wcm/connect/721dae5d-e37d-49f6-abbe-a937d2edfdeb/icn-thu-tien-theo-tui-niem-phong.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='thu-chi-tien-mat-luu-dong'] .title-2:before {
  background: url(/wps/wcm/connect/40a34b98-d181-4915-b311-37b2eaae7b05/icn-thu-chi-tien-mat-luu-dong.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='cam-co-cho-vay-chung-khoan-niem-yet'] .title-2:before {
  background: url(/wps/wcm/connect/d7c269b4-850b-4e56-8c74-3d7b98b34dc7/icn-cam-co-cho-vay-chung-khoan-niem-yet.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='dich-vu-nhan-tin-sms'] .title-2:before {
  background: url(/wps/wcm/connect/a9e61264-8cff-4c1b-a958-20983b2cc91d/icn-dich-vu-nhan-tin-sms.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='giao-dich-qua-dien-thoai'] .title-2:before {
  background: url(/wps/wcm/connect/0d3d3ec3-91d2-4af1-8187-66bad0057d76/icn-giao-dich-qua-dien-thoai.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='giao-dich-qua-internet'] .title-2:before {
  background: url(/wps/wcm/connect/fd5f8779-664a-414e-801b-aa0f8c8fc94c/icn-giao-dich-qua-internet.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='luu-ky-chung-khoan'] .title-2:before {}

.deposit-panel .deposit-block[data-ico*='mo-tai-khoan-giao-dich-chung-khoan'] .title-2:before {
  background: url(/wps/wcm/connect/19484175-0f44-47fc-9402-ac03e75375ee/icn-mo-tai-khoan-giao-dich-chung-khoan.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='mo-gioi-chung-khoan'] .title-2:before {
  background: url(/wps/wcm/connect/6fd12ba8-aa21-47cf-ade1-cde7a251f461/icn-mo-gioi-chung-khoan.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='nhuong-quyen-nhan-tien-ban-ck'] .title-2:before {
  background: url(/wps/wcm/connect/137f8fd2-fa5d-4d11-916f-23bf25b3b073/icn-nhuong-quyen-nhan-tien-ban-ck.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='bao-hiem-nhan-tho'] .title-2:before {
  background: url(/wps/wcm/connect/53db459b-0fd5-4718-affa-db37a498ec7a/icn-bao-hiem-nhan-tho.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='bao-hiem-phi-nhan-tho'] .title-2:before {
  background: url(/wps/wcm/connect/df737eeb-40d5-4183-9429-c1a43fa676ba/icn-bao-hiem-phi-nhan-tho.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='mua-ban-ngoai-te'] .title-2:before {
  background: url(/wps/wcm/connect/02fb048d-323a-4e2b-a318-b04388767738/icn-mua-ban-ngoai-te.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel .deposit-block[data-ico*='dau-tu-co-cau'] .title-2:before {
  background: url(/wps/wcm/connect/896626e3-5aa9-4970-b9c9-e39a5c9cdf70/icn-dau-tu-co-cau.png?MOD=AJPERES) right center no-repeat;
}

.deposit-panel ._des {
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .deposit-panel ._des {
    height: 240px;
  }
}

.deposit-panel ._des p,
.deposit-panel ._des span {
  line-height: 1.5;
}

.deposit-panel ._des p:not(:last-child) {
  margin-bottom: 10px;
}

.deposit-panel a {
  margin-top: 10px;
}

.deposit-panel .reg-btn {
  position: absolute;
  bottom: 35px;
  right: 20px;
  font-size: 14px;
  display: none;
}

@media only screen and (min-width: 480px) {
  .deposit-panel .reg-btn {
    display: block;
  }
}

.deposit-panel .reg-btn img {
  margin-right: 10px;
}

.deposit-panel .reg-btn span {
  line-height: 1.43;
  font-weight: 600;
}

.deposit-panel .reg-btn img,
.deposit-panel .reg-btn span {
  display: inline-block;
  vertical-align: middle;
}

.deposit-panel--night-mode .deposit-block {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.deposit-panel--night-mode .deposit-block:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(33, 33, 33, 0.9);
}

.deposit-panel--night-mode .deposit-block:hover:before {
  background-color: rgba(33, 64, 154, 0.9);
}

.deposit-panel--night-mode .title-2:after {
  background: url(/wps/wcm/connect/81eace60-d017-43f0-9068-0d2990de943b/icn-arrow-right-center-white.svg?MOD=AJPERES) right center no-repeat;
}

.deposit-panel--night-mode p,
.deposit-panel--night-mode span {
  color: #fff;
}

.pagination-link {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .pagination-link {
    margin-top: 50px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1280px) {
  .pagination-link {
    margin-top: 30px;
    margin-bottom: 0px;
  }
}

.pagination-link li {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 3px;
  border-radius: 50%;
  background-color: #f5f5f5;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.pagination-link li a {
  line-height: 30px;
  display: block;
}

.pagination-link li.active,
.pagination-link li:hover {
  background-color: #21409a;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.premier .pagination-link li.active,
.premier .pagination-link li:hover {
  background-color: #14265b;
}

.premier .pagination-link li.active a,
.premier .pagination-link li:hover a {
  color: #e5b351;
}

.pagination-link li.active a,
.pagination-link li:hover a {
  color: #fff;
}

.filter-panel .filter-block {
  position: relative;
  margin-bottom: 10px;
}

@media only screen and (min-width: 1024px) {
  .filter-panel .filter-block {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {

  .filter-panel .pull-left,
  .filter-panel .pull-right {
    float: none !important;
  }

  .filter-panel .pull-left .title-1,
  .filter-panel .pull-right .title-1 {
    margin-bottom: 30px;
  }
}

.filter-panel .checked-item {
  display: block;
  padding: 14px 30px 14px 15px;
  position: relative;
  font-weight: 600;
  line-height: 1.43;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.filter-panel .checked-item:before {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
}

.filter-panel .checked-item.dropdown:before {
  border-bottom: 0;
  border-right: 0;
  margin-top: -2px;
  border-top: solid 2px #9e9e9e;
  border-left: solid 2px #9e9e9e;
}

.filter-panel .checked-item.icn-filter {
  background: url('/wps/wcm/connect/1a7aa654-e515-47e3-b898-47b950878d0b/icn-filter.svg?MOD=AJPERES') no-repeat;
  -webkit-background-size: 20px 20px;
  background-size: 20px;
  padding-left: 40px;
  background-position: left 10px center;
}

@media only screen and (min-width: 1024px) {
  .filter-panel .checked-item.icn-filter {
    padding-left: 50px;
    background-position: left 20px center;
  }
}

.filter-panel .filter-options {
  display: none;
  padding: 0 0 0 15px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  z-index: 5;
  max-height: 250px;
  overflow: auto;
  position: absolute;
  border-radius: 3px;
  width: 100%;
}

.filter-panel .filter-options li {
  line-height: 1.43;
  padding: 13px 0;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
}

.filter-panel .filter-options li:last-child {
  border-bottom: none;
}

.filter-panel.filter-account .filter-list {
  text-align: center;
  border-bottom: 2px solid #e0e0e0;
  font-size: 0;
}

.filter-panel.filter-account .filter-list .slick-list {
  overflow: visible;
}

.filter-panel.filter-account .slick-slider li {
  line-height: 19px;
}

.filter-panel.filter-account li {
  display: inline-block;
  line-height: 1.33;
  font-weight: 600;
  position: relative;
  font-size: 14px;
  padding: 0 10px 10px;
  cursor: pointer;
  vertical-align: bottom;
}

@media only screen and (max-width: 767px) {
  .filter-panel.filter-account li {
    height: 47px;
  }
}

@media only screen and (min-width: 768px) {
  .filter-panel.filter-account li {
    padding: 0 15px 10px;
  }
}

@media only screen and (min-width: 1280px) {
  .filter-panel.filter-account li {
    padding: 0 20px 10px;
  }
}

.filter-panel.filter-account li:before {
  content: '';
  position: absolute;
  bottom: -3px;
  width: 0px;
  height: 4px;
  background-color: #345dd4;
  left: 50%;
  border-radius: 2px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

@media only screen and (min-width: 1280px) {
  .filter-panel.filter-account li:hover:before {
    left: 0;
    width: 100%;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
  }
}

.filter-panel.filter-account li.mixitup-control-active:before {
  left: 0;
  width: 100%;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

@media only screen and (min-width: 768px) {
  .filter-panel.filter-account li {
    font-size: 16px;
    padding: 0 15px 15px;
  }
}

@media only screen and (min-width: 1280px) {
  .filter-panel.filter-account li {
    font-size: 16px;
    padding: 0 20px 15px;
  }
}

.filter-panel.filter-account li a {
  font-weight: inherit;
  color: inherit;
}

.filter-panel.filter-cards .filter-list {
  text-align: center;
  margin-top: 20px;
}

@media only screen and (min-width: 480px) {
  .filter-panel.filter-cards .filter-list {
    margin-top: 0;
  }
}

.filter-panel.filter-cards .filter-list li {
  display: inline-block;
  height: 100px;
  width: 130px;
  margin: 0 2px;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 22px 5px 15px;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  margin-bottom: 5px;
}

.filter-panel.filter-cards .filter-list li span {
  display: inline-block;
  line-height: 1.43;
  font-weight: 600;
}

.filter-panel.filter-cards .filter-list li:hover,
.filter-panel.filter-cards .filter-list li.mixitup-control-active {
  background-color: #fff;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

@media only screen and (min-width: 480px) {
  .filter-panel.filter-cards .filter-list li {
    width: 180px;
    margin: 0 8px;
    padding: 22px 15px 15px;
    margin-top: 20px;
  }
}

.filter-panel.filter-cards .filter-list .brand-logo {
  margin-bottom: 10px;
  height: 30px;
}

.filter-content {
  padding-top: 35px;
}

@media only screen and (min-width: 768px) {
  .filter-content {
    padding-top: 40px;
  }
}

@media only screen and (min-width: 1280px) {
  .filter-content {
    padding-top: 50px;
  }
}

.cards-listing-panel .cards-col {
  margin-top: 20px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .cards-listing-panel .cards-col {
    width: 50%;
    float: left;
  }
}

@media only screen and (min-width: 768px) {
  .cards-listing-panel .cards-col {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .cards-listing-panel .cards-col {
    margin-top: 40px;
  }
}

.cards-listing-panel .cards-col .cards-info {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 20px;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cards-listing-panel .cards-col .cards-info.cards-rel {
  height: unset !important;
}

@media only screen and (min-width: 1200px) {
  .cards-listing-panel .cards-col .cards-info {
    height: 460px;
  }
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) {
  .cards-listing-panel .cards-col .cards-info {
    height: 450px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1099px) {
  .cards-listing-panel .cards-col .cards-info {
    height: 440px;
  }
}

@media only screen and (min-width: 950px) and (max-width: 991px) {
  .cards-listing-panel .cards-col .cards-info {
    height: 475px;
  }
}

@media only screen and (min-width: 925px) and (max-width: 949px) {
  .cards-listing-panel .cards-col .cards-info {
    height: 455px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 924px) {
  .cards-listing-panel .cards-col .cards-info {
    height: 430px;
  }
}

@media only screen and (max-width: 767px) {
  .cards-listing-panel .cards-col .cards-info {
    display: inline-table;
  }
}

.cards-listing-panel .cards-col .cards-info:not(.no-compare) {
  cursor: pointer;
}

.cards-listing-panel .cards-col .cards-info:not(.no-compare):hover,
.cards-listing-panel .cards-col .cards-info:not(.no-compare).checked {
  border-color: #345dd4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cards-listing-panel .cards-col .cards-info:not(.no-compare):hover:before,
.cards-listing-panel .cards-col .cards-info:not(.no-compare).checked:before {
  content: '';
  position: absolute;
  left: -12px;
  top: 50%;
  margin-top: -12px;
  width: 25px;
  height: 25px;
  background: url('/wps/wcm/connect/ba82a8dc-a650-4162-b869-7bca0e41f3f1/icn-checked.png?MOD=AJPERES') center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.cards-listing-panel .cards-col .cards-info:not(.no-compare).checked:before {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cards-listing-panel .cards-col .cards-desc {
  margin-top: 22px;
  min-height: 130px;
  overflow: hidden;
}

@media only screen and (min-width: 480px) {
  .cards-listing-panel .cards-col .cards-desc {
    text-align: left;
  }
}

.cards-listing-panel .cards-col p {
  line-height: 1.43;
  margin-bottom: 10px;
}

.cards-listing-panel .cards-col ._title {
  font-size: 16px;
  line-height: 1.38;
  font-weight: 600;
}

.cards-listing-panel .cards-col .btn-control a.btn {
  margin-top: 10px;
  display: block;
}

.cards-listing-panel .cards-col .btn-control a.btn.btn-white {
  border-color: #e0e0e0;
}

#comparison-field {
  position: fixed;
  bottom: 0;
  z-index: 20;
  width: 100%;
  background-color: #ffcb2e;
  display: none;
}

#comparison-field .inner-container {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 100px;
}

#comparison-field ._items {
  float: left;
}

#comparison-field ._items li {
  width: 125px;
  cursor: pointer;
  float: left;
  position: relative;
  border-radius: 4px;
}

#comparison-field ._items li.no-card:hover {
  opacity: 0.8;
}

#comparison-field ._items li:not(.no-card) {
  margin-right: 45px;
}

#comparison-field ._items li:not(.no-card):before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.73);
  z-index: 1;
  border-radius: 4px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#comparison-field ._items li:not(.no-card):after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  left: 50%;
  top: 50%;
  opacity: 0;
  margin: -12px 0 0 -12px;
  background: url(/wps/wcm/connect/429c0c77-d2e0-4ad9-a7a6-b97ec2bf55ea/close.svg?MOD=AJPERES) center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  z-index: 2;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#comparison-field ._items li:not(.no-card):hover:before {
  opacity: 1;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#comparison-field ._items li:not(.no-card):hover:after {
  opacity: 1;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#comparison-field .compare-button {
  float: right;
  padding-right: 20px;
  padding-top: 15px;
}

@media only screen and (max-width: 767px) {
  #comparison-field .inner-container {
    height: auto;
    padding: 20px 20px 10px;
  }

  #comparison-field .compare-button {
    padding: 0 23px;
  }

  #comparison-field .compare-button,
  #comparison-field .btn-white {
    width: 100%;
  }

  #comparison-field ._items {
    margin-bottom: 18px;
    margin-left: 23px;
  }

  #comparison-field ._items li {
    width: 63px;
  }

  #comparison-field ._items li:not(.no-card) {
    margin-right: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .card-slider-block .inner-container {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 330px) {
  .slider-comparison-card {
    padding: 0 30px !important;
  }
}

.slider-comparison-card {
  margin-top: 40px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  padding: 0 68px;
}

.slider-comparison-card .item-wrapper {
  padding: 0 22px;
}

@media only screen and (max-width: 767px) {
  .slider-comparison-card .item-wrapper {
    /*padding: 0 27px;*/
  }
}

@media only screen and (max-width: 767px) {
  .slider-comparison-card .item-slider {
    width: 250px;
  }
}

.slider-comparison-card .cards-info {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 27px;
  background-color: #fff;
  position: relative;
}

.slider-comparison-card .cards-info img {
  display: inline-block;
  width: 140px;
  height: 100px;
  max-width: 100%;
}

.slider-comparison-card .cards-info .title-2 {
  font-size: 14px;
  line-height: 1.45;
  margin-top: 20px;
}

.slider-comparison-card .cards-info.checked {
  border-color: #345dd4;
}

.slider-comparison-card .cards-info.checked:before {
  content: '';
  position: absolute;
  left: -12px;
  top: 50%;
  margin-top: -12px;
  width: 25px;
  height: 25px;
  background: url('/wps/wcm/connect/ba82a8dc-a650-4162-b869-7bca0e41f3f1/icn-checked.png?MOD=AJPERES') center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  border-radius: 50%;
}

.slider-comparison-card.slick-initialized {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .slider-comparison-card {
    margin-bottom: 30px;
  }
}

.collapse .title {
  font-size: 14px;
  padding: 20px 30px 20px 50px;
  cursor: pointer;
  text-transform: uppercase;
  color: #14265b;
  position: relative;
  line-height: 1.5;
}

.collapse .title:before {
  content: '\e91b';
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #fff;
  line-height: 20px;
  border-radius: 20px;
  text-align: center;
  background: #21409a;
  font-size: 10px;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 20px;
  top: 20px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.collapse .title.show {
  color: inherit;
  background: #f5f5f5;
}

.collapse .title.show:before {
  background: transparent;
  color: #9e9e9e;
  content: '\e946';
  font-size: 19px;
}

.collapse .content {
  padding-top: 30px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .card-comparison-block .inner-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.comparison-board .selected-cards img {
  display: block;
  margin-bottom: 24px;
}

.comparison-board .selected-cards .title-2 {
  font-size: 1.285rem;
  line-height: 1.22;
}

@media only screen and (min-width: 768px) {
  .comparison-board .row {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {

  .comparison-board .col-sm-3,
  .comparison-board .col-sm-4 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.comparison-board .info-title {
  clear: left;
  color: #9e9e9e;
}

.selected-cards-detail img {
  margin-left: 20px;
}

.selected-cards-detail .btn {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
  .selected-cards-detail .btn {
    padding: unset;
    font-size: 13px;
  }
}

@media only screen and (min-width: 768px) {
  .selected-cards-detail .btn {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .selected-cards-detail .info-content {
    padding-left: 0;
    padding-right: 0;
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
  .selected-cards-detail .info-content {
    padding-bottom: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .selected-cards-detail .info-content .has-title {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .selected-cards-detail .info-content .has-title:nth-child(2n + 2) {
    background: #f5f5f5;
  }
}

@media only screen and (max-width: 767px) {
  .selected-cards-detail .collapse .content>.row {
    margin-bottom: 10px;
  }
}

.selected-cards-detail .collapse .content>.row .info-content,
.selected-cards-detail .collapse .content>.row .info-title {
  line-height: 1.43;
  padding-top: 8px;
  padding-bottom: 8px;
}

@media only screen and (max-width: 767px) {
  .selected-cards-detail .info-title {
    background-color: #c5e1f7;
    padding: 10px 30px;
    color: #1c2e36;
    position: relative;
    min-height: 40px;
  }

  .selected-cards-detail .info-title:before {
    content: '\e907';
    font-family: 'icomoon' !important;
    font-size: 12px;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 30px;
    z-index: 2;
    margin-top: -5px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .selected-cards-detail .info-title.show::before {
    content: '\e906';
  }
}

.selected-cards-detail .info-title.closed:before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.selected-cards-detail .title-mobile {
  clear: left;
}

.selected-cards-detail .title-mobile .title-2 {
  font-size: 14px;
  color: #9e9e9e;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .selected-cards-detail .has-title {
    position: relative;
    overflow: hidden;
  }

  .selected-cards-detail .has-title .title-mobile,
  .selected-cards-detail .has-title .text {
    float: left;
    width: 50%;
    padding: 0 20px;
  }

  .selected-cards-detail .has-title .title-mobile {
    padding-right: 0;
  }

  .selected-cards-detail .has-title .text {
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  .selected-cards-detail .content {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .selected-cards-detail .content#detail-1 .info-title {
    display: none;
  }
}

.selected-cards-detail .content#detail-1 .text {
  text-align: left;
}

.accordion-wrap {
  border: 1px solid #e0e0e0;
}

@media only screen and (min-width: 768px) {
  .accordion-wrap {
    position: relative;
    border-radius: 4px;
  }
}

.accordion-wrap .accordion-block,
.accordion-wrap .sub-accordion-block {
  position: relative;
}

.accordion-wrap .accordion-block ._title,
.accordion-wrap .sub-accordion-block ._title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  padding: 18px 10px 18px 50px;
  display: block;
  position: relative;
  cursor: pointer;
  color: #14265b;
}

@media only screen and (min-width: 1024px) {

  .accordion-wrap .accordion-block ._title,
  .accordion-wrap .sub-accordion-block ._title {
    padding-left: 70px;
  }
}

.accordion-wrap .accordion-block .accordion-hidden-content,
.accordion-wrap .sub-accordion-block .accordion-hidden-content,
.accordion-wrap .accordion-block .sub-accordion-hidden-content,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content {
  display: none;
  position: relative;
  width: 100%;
}

.accordion-wrap .accordion-block .accordion-hidden-content.active,
.accordion-wrap .sub-accordion-block .accordion-hidden-content.active,
.accordion-wrap .accordion-block .sub-accordion-hidden-content.active,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content.active {
  display: block;
}

.accordion-wrap .accordion-block .accordion-hidden-content ul li,
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul li,
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul li,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li {
  padding: 10px 20px;
  line-height: 1.43;
}

@media only screen and (min-width: 1024px) {

  .accordion-wrap .accordion-block .accordion-hidden-content ul li,
  .accordion-wrap .sub-accordion-block .accordion-hidden-content ul li,
  .accordion-wrap .accordion-block .sub-accordion-hidden-content ul li,
  .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li {
    padding-left: 70px;
    padding-right: 70px;
  }
}

.accordion-wrap .accordion-block .accordion-hidden-content ul li:nth-child(even),
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul li:nth-child(even),
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul li:nth-child(even),
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li:nth-child(even) {
  background-color: #f5f5f5;
}

.accordion-wrap .accordion-block .accordion-hidden-content ul li .clearfix>span,
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul li .clearfix>span,
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul li .clearfix>span,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li .clearfix>span {
  float: left;
  display: block;
  line-height: 1.43;
  font-weight: 600;
  padding-right: 10px;
  width: 60%;
}

.accordion-wrap .accordion-block .accordion-hidden-content ul li .clearfix>span:nth-child(2n),
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul li .clearfix>span:nth-child(2n),
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul li .clearfix>span:nth-child(2n),
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li .clearfix>span:nth-child(2n) {
  width: 40%;
}

@media only screen and (min-width: 480px) {

  .accordion-wrap .accordion-block .accordion-hidden-content ul li .clearfix>span,
  .accordion-wrap .sub-accordion-block .accordion-hidden-content ul li .clearfix>span,
  .accordion-wrap .accordion-block .sub-accordion-hidden-content ul li .clearfix>span,
  .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li .clearfix>span {
    width: 50% !important;
  }
}

.accordion-wrap .accordion-block .accordion-hidden-content ul li p+p,
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul li p+p,
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul li p+p,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li p+p {
  margin-top: 20px;
}

.accordion-wrap .accordion-block .accordion-hidden-content ul li .has-max-width,
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul li .has-max-width,
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul li .has-max-width,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li .has-max-width {
  max-width: 700px;
}

.accordion-wrap .accordion-block .accordion-hidden-content ul._step-list,
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list,
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list {
  padding: 30px 0;
}

.accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li,
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li,
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li {
  position: relative;
  background-color: transparent;
}

.accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li ._step-info,
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li ._step-info,
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li ._step-info,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li ._step-info {
  padding-left: 45px;
  position: relative;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1024px) {

  .accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li ._step-info,
  .accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li ._step-info,
  .accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li ._step-info,
  .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li ._step-info {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li:last-child ._step-info,
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li:last-child ._step-info,
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li:last-child ._step-info,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li:last-child ._step-info {
  margin-bottom: 0;
}

.accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li ._step-num,
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li ._step-num,
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li ._step-num,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li ._step-num {
  line-height: 28px;
  width: 30px;
  border-radius: 50%;
  font-weight: 600;
  color: #21409a;
  border: 2px solid #21409a;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 0;
  background-color: #fff;
  top: -5px;
  z-index: 2;
}

.accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li p,
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li p,
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li p,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li p {
  line-height: 1.43;
}

.accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li:not(:last-child):before,
.accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li:not(:last-child):before,
.accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li:not(:last-child):before,
.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li:not(:last-child):before {
  content: '';
  position: absolute;
  left: 34px;
  width: 2px;
  height: 100%;
  background-color: #21409a;
  z-index: 1;
}

@media only screen and (min-width: 1024px) {

  .accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li:not(:last-child):before,
  .accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li:not(:last-child):before,
  .accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li:not(:last-child):before,
  .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li:not(:last-child):before {
    left: 84px;
  }
}

.accordion-wrap .accordion-block ._title {
  background-color: #fff;
  text-transform: uppercase;
}

.accordion-wrap .accordion-block ._title {
  text-transform: inherit;
}

.accordion-wrap .accordion-block ._title:before {
  content: '\e91b';
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #fff;
  line-height: 20px;
  border-radius: 20px;
  text-align: center;
  background: #21409a;
  font-size: 10px;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 20px;
  top: 20px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.premier .accordion-wrap .accordion-block ._title:before {
  background: #e5b351;
  color: #14265b;
}

.accordion-wrap .accordion-block ._title.dropdown {
  background-color: #14265b;
  color: #fff;
}

.premier .accordion-wrap .accordion-block ._title.dropdown {
  color: #e5b351;
}

.accordion-wrap .accordion-block ._title.dropdown:before {
  background: #c4e1f7;
  color: #21409a;
  content: '\e943';
}

.premier .accordion-wrap .accordion-block ._title.dropdown:before {
  color: #14265b;
  background: #e5b351;
}

@media only screen and (min-width: 1024px) {
  .accordion-wrap .accordion-block ._title:before {
    left: 30px;
  }
}

.accordion-wrap .accordion-block:first-of-type ._title.dropdown {
  border-radius: 4px 4px 0px 0px;
}

.accordion-wrap .sub-accordion-block {
  margin-top: 10px;
}

#bidv-insurance-accordion .accordion-wrap .sub-accordion-block:first-child {
  margin-top: 0px;
}

.accordion-wrap .sub-accordion-block>._title {
  background-color: #f7f9fb;
  padding-left: 80px;
  padding-right: 30px;
}

.accordion-wrap .sub-accordion-block>.title {
  background-color: #f7f9fb;
  padding-left: 80px;
  padding-right: 30px;
}

@media only screen and (min-width: 1024px) {
  .accordion-wrap .sub-accordion-block>._title {
    padding-left: 105px;
    padding-right: 40px;
  }
}

.accordion-wrap .sub-accordion-block>._title:before {
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  left: 50px;
  top: 20px;
}

.accordion-wrap .sub-accordion-block>._title:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  right: 10px;
  top: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.accordion-wrap .sub-accordion-block>._title.dropdown:after {
  border-color: #fff;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.accordion-wrap .sub-accordion-block>._title:before {
  content: '';
  background: url(/wps/wcm/connect/e7754bf9-9603-424e-a656-591ea088b50e/icn-question.svg?MOD=AJPERES) center center no-repeat;
}

.accordion-wrap .sub-accordion-block[data-ico*='none']>._title:before {
  content: '\e91b';
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #fff;
  line-height: 20px;
  border-radius: 20px;
  text-align: center;
  background: #21409a;
  font-size: 10px;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 20px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.accordion-wrap .sub-accordion-block>._title.dropdown:before {
  background: #c4e1f7;
  color: #21409a;
  content: '\e943';
}

#bidv-insurance-accordion .accordion-wrap .sub-accordion-block>._title {
  background-color: #c4e1f7;
  color: #14265b;
}

#bidv-insurance-accordion .accordion-wrap .sub-accordion-block>._title:before {
  visibility: hidden;
}

#bidv-insurance-accordion .accordion-wrap .sub-accordion-block>._title.dropdown:after {
  border-color: #9e9e9e;
}

@media only screen and (min-width: 1024px) {
  .accordion-wrap .sub-accordion-block>._title:before {
    left: 70px;
  }

  .accordion-wrap .sub-accordion-block>._title:after {
    right: 20px;
  }
}

.accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li {
  padding-left: 50px;
}

@media only screen and (min-width: 1024px) {
  .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li {
    padding-left: 105px;
  }
}

.accordion-wrap ol {
  margin-bottom: 20px;
}

.accordion-wrap ol li {
  padding: 0 0 5px 70px !important;
}

.accordion-wrap ol li:before {
  display: none;
}

.bidv-cards-detail--premier a.btn.btn-blue {
  background-color: #daa520;
  border-color: #daa520;
}

.bidv-cards-detail--premier .accordion-wrap .accordion-block ._title {
  color: #daa520;
}

.bidv-cards-detail--premier .accordion-wrap .accordion-block ._title:before {
  background: #daa520;
}

.bidv-cards-detail--premier .accordion-wrap .accordion-block ._title.dropdown {
  color: #fff;
  background-color: #daa520;
}

.bidv-cards-detail--premier .accordion-wrap .accordion-block ._title.dropdown::before {
  color: #daa520;
  background: #fff;
}

.fast-register-block {
  text-align: center;
  font-size: 0;
  margin-bottom: 50px;
}

.fast-register-block ._step {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 50px;
}

.fast-register-block ._step:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .fast-register-block ._step {
    width: 200px;
    margin-right: 20px;
    margin-bottom: 0;
  }

  .fast-register-block ._step:first-child {
    margin-right: 0;
  }

  .fast-register-block ._step:first-child ._icon:before {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .fast-register-block ._step {
    width: 230px;
    margin-right: 30px;
  }

  .fast-register-block ._step:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .fast-register-block ._step {
    width: 250px;
    margin-right: 40px;
  }

  .fast-register-block ._step:last-child {
    margin-right: 0;
  }
}

.fast-register-block ._step ._icon {
  width: 60px;
  height: 60px;
  position: relative;
  padding: 20px;
  display: table;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 50%;
}

.premier .fast-register-block ._step ._icon {
  background-color: #e5b351;
}

@media only screen and (min-width: 768px) {
  .fast-register-block ._step ._icon:before {
    content: '';
    position: absolute;
    height: 5px;
    top: 50%;
    margin-top: -2px;
    background-color: #fff;
    width: 160px;
    right: 60px;
  }

  .premier .fast-register-block ._step ._icon:before {
    background-color: #e5b351;
  }
}

@media only screen and (min-width: 1024px) {
  .fast-register-block ._step ._icon:before {
    width: 200px;
  }
}

@media only screen and (min-width: 1280px) {
  .fast-register-block ._step ._icon:before {
    width: 230px;
  }
}

.fast-register-block ._step ._icon img {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.fast-register-block ._info {
  font-size: 14px;
}

.fast-register-block ._info ._short-des {
  line-height: 1.43;
  margin-top: 12px;
}

.fast-register-block ._info ._title {
  font-weight: 600;
  line-height: 1.43;
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .fast-register-block ._info ._title {
    margin-top: 15px;
  }
}

.select-list-items {
  position: relative;
}

.select-list-items ._selected-text {
  display: block;
  padding: 14px 0px 14px 15px;
  position: relative;
  line-height: 1.3;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.premier .select-list-items ._selected-text:hover,
.premier .select-list-items ._selected-text.dropdown {
  background: #e5b351;
  color: #fff;
}

.premier .select-list-items ._selected-text:hover:after,
.premier .select-list-items ._selected-text.dropdown:after {
  border-color: #fff !important;
}

.select-list-items ._selected-text[class*='icon']:before {
  margin-right: 10px;
  font-size: 24px;
  float: left;
  margin: -1px 9px 0px 5px;
  color: #979797;
}

.select-list-items ._selected-text:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
}

.select-list-items ._selected-text.dropdown:after {
  border-bottom: 0;
  border-right: 0;
  margin-top: -2px;
  border-top: solid 2px #9e9e9e;
  border-left: solid 2px #9e9e9e;
}

.premier .select-list-items ._selected-text.dropdown:after {
  border-color: #fff;
}

.select-list-items ._selected-text .select-label {
  padding-right: 10px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .select-list-items ._selected-text .select-label {
    display: none;
  }
}

.select-list-items ._selected-text .select-value {
  display: inline-block;
  vertical-align: middle;
  /*font-weight: 600;*/
}

.select-list-items ._selected-text .select-value.highlight-changing {
  color: #345dd4;
}

.select-list-items ._selected-text .select-value input {
  font-size: inherit;
  color: inherit;
  height: auto;
  line-height: inherit;
}

.select-list-items ._selection-field {
  display: none;
  /*padding: 10px 0px;*/
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-top: 0;
  z-index: 5;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  border-radius: 4px;
  width: 100%;
}

.select-list-items ._selection-field li {
  line-height: 1.43;
  padding: 13px 15px;
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
}

.select-list-items ._selection-field li:last-child {
  border-bottom: 0;
}

.select-list-items ._selection-field li:hover {
  background: #f5f5f5;
}

.bidv-select-box select {
  display: none;
}

._blur ._selected-text {
  color: #9e9e9e;
}

[data-icon^='icon'] ._selection-field {
  padding-left: 20px;
  padding-right: 10px;
}

[data-icon^='icon'] ._selection-field li {
  padding-left: 42px;
  padding-right: 40px;
}

[data-icon^='icon'] ._selection-field .mCSB_container {
  margin-right: 27px;
}

.transaction-info {
  background-color: #f7f9fb;
  border: 1px dashed #e0e0e0;
  max-width: 780px;
  padding: 20px;
  margin: 0 auto 30px;
}

@media only screen and (min-width: 768px) {
  .transaction-info {
    padding: 30px 50px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .transaction-info {
    padding: 30px 100px;
    margin-bottom: 50px;
  }
}

.transaction-info ._title {
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 15px;
  line-height: 1.43;
}

@media only screen and (min-width: 768px) {
  .transaction-info ._title {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .transaction-info ._title {
    font-size: 18px;
  }
}

.transaction-info ._des {
  margin-bottom: 25px;
}

.transaction-info ._des p {
  line-height: 1.43;
  margin-bottom: 10px;
}

.transaction-info ._des p:last-child {
  margin-bottom: 0;
}

.transaction-info ._des:last-child {
  margin-bottom: 0;
}

.transaction-info .code {
  background-color: #21409a;
  line-height: 30px;
  padding: 0 20px;
  border-radius: 15px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  margin-left: 5px;
  color: #fff;
}

#calculator-tool .range-slider__field:first-child {
  margin-top: 0;
}

#calculator-tool .range-slider__field p {
  font-size: 14px;
  margin-bottom: 20px;
}

#calculator-tool .range-slider__field .range-slider__value {
  font-size: 1.714rem;
  color: #21409a;
  min-width: 130px;
}

#choose-your-card .range-slider__field label,
#calculator-tool .range-slider__field label {
  width: 13%;
  max-width: 13%;
  font-size: 14px;
  display: inline-block;
  float: left;
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider__field label,
  #calculator-tool .range-slider__field label {
    width: 12%;
    max-width: 12%;
  }
}

#calculator-tool .range-slider__field .range-slider-block:after {
  content: '';
  clear: both;
  display: block;
}

#choose-your-card .range-slider__field .rangeslider--horizontal,
#calculator-tool .range-slider__field .rangeslider--horizontal {
  float: left;
  width: 71%;
  margin-left: 0%;
  margin-right: 3%;
  margin-top: 5px;
}

@media only screen and (min-width: 768px) {

  #choose-your-card .range-slider__field .rangeslider--horizontal,
  #calculator-tool .range-slider__field .rangeslider--horizontal {
    width: 73%;
  }
}

#calculator-tool .range-slider__field.small-value .range-slider__value {
  min-width: 40px;
}

#calculator-tool .calculator-tool.mix {
  position: relative;
  margin-top: 50px;
}

#calculator-tool .calculator-tool.mix>.row>div {
  padding-top: 20px;
}

@media only screen and (min-width: 1280px) {
  #calculator-tool .calculator-tool.mix>.row>div {
    padding-left: 50px;
    padding-right: 50px;
  }
}

#calculator-tool .calculator-tool.mix>.row .col-range-slider {
  position: relative;
}

@media only screen and (min-width: 768px) {
  #calculator-tool .calculator-tool.mix>.row .col-range-slider:after {
    content: '';
    background: #e0e0e0;
    display: block;
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  #calculator-tool .calculator-tool.mix>.row .calculator-result {
    padding-top: 50px;
  }
}

@media only screen and (min-width: 768px) {
  #calculator-tool .calculator-tool.mix>.row .calculator-result {
    padding-left: 50px;
  }
}

#calculator-tool .calculator-tool.mix>.row .calculator-result h3 {
  font-size: 2.571rem;
  font-weight: 600;
  line-height: 1.28;
  color: #21409a;
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  #calculator-tool .calculator-tool.mix>.row .calculator-result h3 {
    font-size: 2.143rem;
  }
}

.premier #calculator-tool .calculator-tool.mix>.row .calculator-result .title-2 {
  color: #daa520;
  font-weight: 800;
}

#calculator-tool .calculator-tool.mix>.row .calculator-result .result-sub-info {
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  #calculator-tool .calculator-tool.mix>.row .calculator-result .result-sub-info {
    padding-top: 30px;
  }
}

#calculator-tool .calculator-tool.mix>.row .calculator-result .result-sub-info .item {
  margin-bottom: 20px;
}

#calculator-tool .calculator-tool.mix>.row .calculator-result .result-sub-info h4 {
  line-height: 1.25;
  font-size: 1.714rem;
  margin-top: 10px;
}

@media only screen and (min-width: 768px) {
  #calculator-tool .calculator-tool.mix.tool-1 .calculator-result {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.bidv-insurance-info .filter-content.has-filter {
  visibility: hidden;
}

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

.about-header img {
  margin-bottom: 15px;
}

.about-header .caption {
  max-width: 580px;
  display: inline-block;
  margin-top: 30px;
  line-height: 1.43;
  line-height: 1.5;
}

.blue-slider .item-slider {
  padding: 20px 10px;
}

.blue-slider .item-slider .item-wrapper {
  background: #21409a;
  border-radius: 4px;
  padding: 30px;
  min-height: 210px;
  -webkit-transition: background ease 0.5s;
  -o-transition: background ease 0.5s;
  transition: background ease 0.5s;
  color: #ffffff;
}

.blue-slider .item-slider .item-wrapper:hover {
  background: transparent;
  color: inherit;
  -webkit-box-shadow: 0 10px 20px 0 #e0e0e0;
  box-shadow: 0 10px 20px 0 #e0e0e0;
}

.blue-slider .item-slider .item-wrapper:hover a {
  color: #21409a;
}

@media only screen and (max-width: 480px) {
  .blue-slider .item-slider .item-wrapper {
    min-height: 120px;
  }
}

.blue-slider .item-slider .item-wrapper .title-2 {
  margin-bottom: 10px;
  font-weight: 600;
  display: block;
}

.blue-slider .item-slider .item-wrapper:hover .caption a,
.blue-slider .item-slider .item-wrapper:hover .caption {
  color: #000000 !important;
}

#core-services {
  margin: 0px -10px;
}

#core-services .item-wrapper {
  padding: 30px 0px;
}

@media only screen and (max-width: 480px) {
  #core-services .item-wrapper {
    text-align: center;
  }

  #core-services .item-wrapper img {
    display: inline-block;
  }
}

#core-services .item-wrapper .title-2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

@media only screen and (max-width: 480px) {
  #core-services .item-wrapper .title-2 {
    font-weight: normal;
  }
}

#core-services .item-wrapper .caption {
  line-height: 1.5;
}

#bidv-brand-info {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  #bidv-brand-info {
    background: #f7f9fb;
  }
}

#bidv-brand-info:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(/wps/wcm/connect/235a145b-cbbd-46d8-9b52-d7e7b5c80ff2/bg-world-map.png?MOD=AJPERES) no-repeat 80% 62px #f7f9fb;
}

@media only screen and (max-width: 767px) {
  #bidv-brand-info:before {
    position: static;
    height: 300px;
    width: 100%;
    display: block;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center center;
    margin-bottom: -70px;
  }
}

#bidv-brand-info .params-info .col-sm-3 {
  margin-bottom: 60px;
}

@media only screen and (min-width: 768px) {
  #bidv-brand-info .params-info .col-sm-3:nth-child(4) {
    clear: left;
  }
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
  #bidv-brand-info .params-info .col-sm-3 {
    margin-bottom: 10px;
    width: 33% !important;
  }
}

@media only screen and (max-width: 600px) {
  #bidv-brand-info .params-info .col-sm-3 {
    margin-bottom: 10px;
    width: 49% !important;
  }

  #bidv-brand-info .num {
    font-size: 27px !important;
  }
}

@media only screen and (max-width: 782px) {
  #bidv-brand-info .params-info .title-2 {
    font-size: inherit;
  }
}

#bidv-brand-info .title-info {
  min-height: 75px;
  display: table;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  #bidv-brand-info .title-info {
    min-height: 50px;
  }
}

#bidv-brand-info .title-2 {
  font-weight: bold;
  display: table-cell;
  font-size: 1.14rem;
  vertical-align: bottom;
  cursor: context-menu;
}

#bidv-brand-info .num {
  mix-blend-mode: multiply;
  font-family: Muli;
  font-size: 60px;
  font-weight: 600;
  line-height: 0.8;
  text-align: left;
  color: #21409a;
}

@media only screen and (max-width: 1280px) {
  #bidv-brand-info .num {
    font-size: 36px;
  }
}

#bidv-brand-info .extra {
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  vertical-align: top;
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  #bidv-brand-info .extra {
    font-weight: normal;
    color: #888;
  }
}

#bidv-brand-info .branch-logo {
  float: left;
  margin-right: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  vertical-align: top;
  min-width: 130px;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  #bidv-brand-info .branch-logo {
    width: 50%;
    margin-right: 0px;
  }

  #bidv-brand-info .branch-logo:nth-of-type(2n + 1) {
    clear: left;
  }
}

#bidv-commitments .commit-item {
  padding-left: 20px;
}

#bidv-commitments .commit-content {
  background-color: #f7f9fb;
  max-width: 700px;
  padding: 30px;
  position: relative;
  margin: 50px auto 0px;
  line-height: 1.5;
}

#bidv-commitments .commit-content:before {
  content: '';
  width: 70px;
  height: 45px;
  display: block;
  background: url(/wps/wcm/connect/3b3a47a2-3e0a-4522-8511-1c4ab575466e/icn-quotation.svg?MOD=AJPERES) no-repeat center center / 100%;
  position: absolute;
  top: -29px;
  left: -18px;
}

#bidv-commitments .filter-panel.filter-account {
  max-width: 800px;
  margin: 0 auto;
}

#bidv-commitments .filter-panel.filter-account li {
  margin-top: 30px;
}

@media only screen and (min-width: 1280px) {
  #bidv-commitments .filter-panel.filter-account li {
    margin-left: 70px;
  }

  #bidv-commitments .filter-panel.filter-account li:first-child {
    margin-left: 0;
  }
}

#bidv-social-activities {
  background: #f5f5f5;
}

#bidv-social-activities .caption {
  max-width: 580px;
  margin: auto;
  line-height: 1.5;
}

#bidv-awards {
  text-align: center;
  padding-bottom: 50px;
}

#bidv-awards .caption {
  max-width: 580px;
  margin: auto;
  line-height: 1.5;
}

#bidv-awards .award-item {
  display: inline;
  padding: 0px 33px;
}

#bidv-awards .award-item:nth-child(4)::after {
  content: '';
  display: block;
}

#bidv-awards .award-item:nth-child(n + 5) {
  padding-left: 23px;
  padding-right: 23px;
}

#bidv-awards .award-item img {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  #bidv-awards .award-item {
    height: 100px;
  }

  #bidv-awards .award-item img {
    position: relative;
    top: 50%;
    margin-bottom: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

#bidv-awards .slick-dots {
  text-align: center;
  bottom: -30px;
}

#bidv-awards .slick-dots li {
  margin: 0 3px;
}

#bidv-awards .slick-dots li button:before {
  background-color: rgba(196, 225, 247, 0.4);
}

#bidv-awards .slick-dots li.slick-active button:before {
  background-color: #21409a;
}

#bidv-history {
  position: relative;
}

#bidv-history .history-tree {
  position: relative;
}

#bidv-history .history-tree .section-content {
  border-left: 1px solid #e0e0e0;
  padding-left: 20px;
  padding-top: 10px;
  padding-right: 110px;
}

@media only screen and (max-width: 1023px) {
  #bidv-history .history-tree .section-content {
    padding-right: 10px;
  }
}

#bidv-history .history-tree .section-group {
  /*max-width: 680px; fix width-content history BIDV*/
  max-width: 730px;
}

#bidv-history .history-tree .section-group:not(:last-child) {
  /*margin-bottom: 100px;*/
}

@media only screen and (max-width: 767px) {
  #bidv-history .history-tree .section-group:not(:last-child) {
    margin-bottom: 30px;
  }
}

#bidv-history .history-tree .section-group .item-list {
  margin-bottom: 40px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #bidv-history .history-tree .section-group .item-list {
    margin-bottom: 30px;
  }
}

#bidv-history .history-tree .section-group .item-list.root::before {
  content: '';
  position: absolute;
  top: 0px;
  left: -28px;
  width: 16px;
  height: 16px;
  background-color: #d3d1d3;
  border: solid 4px #f0f0f0;
  border-radius: 100%;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

#bidv-history .history-tree .section-group .item-list .title-2 {
  font-size: inherit !important;
  font-weight: bold;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  #bidv-history .history-tree .section-group .item-list .caption {
    padding-left: 20px;
  }
}

#bidv-history .history-tree .section-group.active .root::before {
  background-color: #21409a !important;
}

#bidv-history .sync-pointers {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  z-index: -1;
}

@media only screen and (max-width: 1023px) {
  #bidv-history .sync-pointers {
    display: none;
  }
}

#bidv-history .sync-pointers.is-sticky {
  position: fixed;
  top: 60px;
}

#bidv-history .sync-pointers .pointer-wrapper {
  border-left: 1px solid #e0e0e0;
  padding-left: 20px;
  padding-top: 50px;
  float: right;
}

#bidv-history .sync-pointers .pointer-wrapper .pointer {
  position: relative;
  margin-bottom: 95px;
  display: block;
  cursor: pointer;
}

#bidv-history .sync-pointers .pointer-wrapper .pointer:last-child {
  margin-bottom: -7px;
  margin-top: -60px;
}

#bidv-history .sync-pointers .pointer-wrapper .pointer::before {
  content: '';
  position: absolute;
  top: 0px;
  left: -28px;
  width: 16px;
  height: 16px;
  background-color: #d3d1d3;
  border: solid 4px #f0f0f0;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  border-radius: 100%;
}

#bidv-history .sync-pointers .pointer-wrapper .pointer.current::before {
  background-color: #21409a;
}

#bidv-identity-summary .accordion-block ._title {
  text-transform: uppercase;
}

#bidv-download-brochure {
  color: #fff;
  background: url('/wps/wcm/connect/7392a539-bc10-4aba-9cfb-0af037f37f32/bg-download-brochure.jpg?MOD=AJPERES') no-repeat center center / cover;
  position: relative;
}

#bidv-download-brochure:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(30, 53, 121, 0.9);
}

#bidv-download-brochure .caption {
  max-width: 500px;
  margin: auto;
}

#bidv-download-brochure .btn-while {
  background: #fff;
  border-radius: 4px;
  color: #333;
  padding: 15px 50px;
  font-weight: bold;
  color: #1c2e36;
  display: inline-block;
  margin-bottom: 5px;
}

#bidv-leaders .members .top-member {
  margin-bottom: 100px;
}

@media only screen and (min-width: 768px) {
  #bidv-leaders .members .top-member {
    padding: 0px 100px;
  }

  #bidv-leaders .members .normal-member {
    padding: 0px 100px;
  }
}

#bidv-leaders .members .top-member .thumbnail {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-right: 50px;
  margin-bottom: 30px;
}

#bidv-leaders .members .top-member .info {
  text-align: left;
  display: inline-block;
  width: 500px;
  max-width: 100%;
  margin-top: 20px;
}

#bidv-leaders .members .top-member .info .position {
  margin-bottom: 20px;
}

#bidv-leaders .members .normal-member {
  margin: 0px -25px;
  text-align: center;
}

#bidv-leaders .members .normal-member .item-member {
  margin-bottom: 50px;
  /*width: 200px;*/
  max-width: 100%;
  padding: 0px 25px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#bidv-leaders .members .normal-member .item-member .thumbnail {
  width: 200px;
  height: 200px;
  display: block;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  margin-bottom: 30px;
}

#bidv-leaders .members .normal-member .item-member a {
  position: absolute;
  z-index: 20;
  top: 0;
  bottom: 0;
  left: 25px;
  right: 25px;
}

#bidv-ceo .title-1 {
  margin-bottom: 55px;
}

.about-quocte .quocte-item {
  background: #f8f9fb;
  padding: 30px 48px;
  margin: 35px 0 33px;
  font-size: 20px;
}

.about-quocte .quocte-item .quocte-content {
  line-height: 1.3;
  margin-bottom: 0;
}

.about-quocte .quocte-item .quocte-author {
  font-size: 14px;
  margin: 8px 0 0;
}

@media only screen and (max-width: 440px) {
  .about-quocte .quocte-item {
    padding: 20px 30px !important;
    font-size: 16px !important;
  }

  .about-quocte .quocte-item:before {
    font-size: 50px !important;
  }
}

.about-quocte .quocte-item:before {
  color: #c3e2f7;
  top: -40px;
  left: -14px;
  font-size: 70px;
}

.salient-features__item {
  position: relative;
  border-radius: 4px;
  cursor: pointer;
  background-color: #f7f9fb;
  padding: 30px 15px 15px;
  margin-bottom: 20px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.salient-features__item ._title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.43;
}

@media only screen and (min-width: 768px) {
  .salient-features__item ._title {
    font-size: 1.285rem;
  }
}

.salient-features__item ul {
  margin-bottom: 80px;
}

.salient-features__item ul li {
  padding-left: 25px;
  line-height: 1.43;
  position: relative;
}

.salient-features__item ul li:before {
  content: '';
  position: absolute;
  background-color: #1c2e36;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
}

.salient-features__item ._icon {
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #fff;
  padding: 20px;
}

.salient-features__item ._icon img {
  width: 30px;
  height: 30px;
}

.salient-features__item ._icon.add_icon {
  position: relative;
  margin: 35px auto 18px;
  left: auto;
  bottom: auto;
}

.salient-features__item:hover {
  background-color: #fff;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.salient-features__item:hover ._icon {
  background-color: #f7f9fb;
}

#support-tab {
  max-width: 1000px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  #support-tab .col-sm-4 {
    width: 33%;
    float: left;
    padding-left: 2px;
    padding-right: 2px;
  }

  #support-tab .col-sm-4 ._des {
    display: none;
  }
}

#support-tab .supporter-block {
  border-radius: 4px;
  background-color: #f7f9fb;
  padding: 25px 15px 40px;
  position: relative;
  cursor: pointer;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  text-align: center;
  /*min-height: 300px;*/
}

@media only screen and (min-width: 768px) {
  #support-tab .supporter-block {
    min-height: 300px;
    padding: 85px 15px;
  }
}

@media only screen and (max-width: 767px) {
  #support-tab .supporter-block {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.supporter-block:before {
  content: '';
  position: absolute;
  background: url('/wps/wcm/connect/90c0ebf8-8bc1-4e69-b8ef-c5f0921fc7a2/icn-dropdown-2.svg?MOD=AJPERES') center no-repeat;
  width: 20px;
  height: 10px;
  bottom: 20px;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  left: 50%;
  margin-left: -10px;
  opacity: 0;
}

.supporter-block:hover,
.supporter-block.active {
  background-color: #fff;
  -webkit-box-shadow: 0 10px 20px 0 #e0e0e0;
  box-shadow: 0 10px 20px 0 #e0e0e0;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
}

.supporter-block:hover:before,
.supporter-block.active:before {
  opacity: 1;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
}

.supporter-block:hover ._title,
.supporter-block.active ._title {
  color: #345dd4;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
}

.supporter-block ._img {
  height: 50px;
}

.supporter-block ._img img {
  max-height: 50px;
  display: inline-block;
  margin: 0 auto;
  vertical-align: bottom;
}

.supporter-block ._des {
  max-width: 225px;
  height: 70px;
  margin: 0 auto;
}

.supporter-block ._title {
  line-height: 1.33;
  font-size: 16px;
  margin-top: 15px;
  font-weight: 600;
}

@media only screen and (min-width: 768px) {
  .supporter-block ._title {
    font-size: 1.285rem;
    margin-top: 30px;
  }
}

.supporter-block p:not(._title) {
  margin-top: 10px;
  line-height: 1.43;
  font-size: 14px;
  margin-bottom: 0px;
}

.mixitup-control-active .supporter-block {
  background-color: #fff;
  -webkit-box-shadow: -3px 12px 20px 7px #e0e0e0;
  box-shadow: -3px 12px 20px 7px #e0e0e0;
}

.mixitup-control-active .supporter-block:before {
  opacity: 1;
}

.mixitup-control-active .supporter-block ._title {
  color: #345dd4;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
}

.support-block {
  position: fixed;
  right: 0px;
  bottom: 0px;
  width: 380px;
  max-width: 100%;
  z-index: 10;
}

.support-block .support-header {
  border-radius: 4px 4px 0px 0px;
  background-color: #15234e;
  padding: 20px;
  color: #e5b351;
  position: relative;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}

.support-block .support-header .dropdown {
  position: absolute;
  right: 20px;
  top: 50%;
  font-size: 20px;
  margin-top: -15px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.support-block .support-header.dropup .dropdown {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.support-block .support-body {
  background: #fff;
  padding: 0px 10px;
  display: none;
}

.support-block .support-body .item {
  padding: 20px 0px;
  border-bottom: 1px solid #ececec;
}

.support-block .support-body .item:last-child {
  border: none;
}

.support-block .support-body .item .ico {
  font-size: 20px;
  margin-right: 20px;
  color: #e5b351;
  margin-left: 30px;
  display: inline-block;
  vertical-align: middle;
}

.sm-guide {
  position: relative;
  border-radius: 4px;
  -webkit-box-shadow: 0 10px 30px 0 #e0e0e0;
  box-shadow: 0 10px 30px 0 #e0e0e0;
  background-color: #fff;
}

@media only screen and (min-width: 768px) {
  .sm-guide {
    margin-top: -20px;
  }
}

.sm-guide .smart-banking-guide {
  text-align: center;
  margin-bottom: 30px;
  padding: 0 20px;
}

@media only screen and (min-width: 768px) {
  .sm-guide .smart-banking-guide {
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 1280px) {
  .sm-guide .smart-banking-guide {
    margin-bottom: 40px;
  }
}

.sm-guide .smart-banking-guide p {
  line-height: 1.43;
}

.sm-guide .smart-banking-guide ._title {
  margin-top: 30px;
  font-weight: 600;
  font-size: 16px;
}

@media only screen and (min-width: 768px) {
  .sm-guide .smart-banking-guide ._title {
    font-size: 1.285rem;
  }
}

.sm-guide .smart-banking-guide ._des {
  margin-top: 10px;
}

.sm-guide .video-guild-btn {
  line-height: 46px;
  display: inline-block;
  border-radius: 4px;
  padding: 0 20px;
  text-align: center;
  position: relative;
  background-color: #ed1d24;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.sm-guide .video-guild-btn span {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.sm-guide .video-guild-btn img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.sm-guide .video-guild-btn:hover {
  opacity: 0.8;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.bidv-atms-branches #footer,
.bidv-atms-branches #footer-expand,
.bidv-atms-branches #copyright {
  display: none !important;
}

#canvas-map {
  height: 600px;
  width: 102%;
  left: -1%;
}

@media only screen and (min-width: 1280px) {
  #canvas-map {
    height: 100vh;
    width: 100vw;
    position: fixed !important;
    left: 0px;
    z-index: 1;
  }
}

@media only screen and (max-width: 480px) {
  #canvas-map {
    height: 400px;
    margin-top: 70px;
  }
}

@media only screen and (max-width: 768px) and (max-height: 568px) {
  #canvas-map {
    height: 370px;
    margin-top: 70px;
  }
}

@media only screen and (min-width: 1280px) {
  #map-filter {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 1;
  }
}

#map-filter .filter-section {
  position: absolute;
  z-index: 1;
  /*bottom: 50px;*/
  right: 0px;
  background: #fff;
}

@media only screen and (min-width: 1280px) {
  #map-filter .filter-section {
    bottom: 50px;
  }
}

@media only screen and (max-width: 1200px) {
  #map-filter .filter-section {
    top: -250px;
  }
}

#map-filter .filter-section .filter-item {
  padding: 5px 10px;
  width: auto;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
  font-size: 13px;
}

@media only screen and (max-width: 1200px) {
  #map-filter .filter-section .filter-item {
    width: auto;
  }

  #map-filter .filter-section .filter-item:first-child {
    display: none;
  }
}

#map-filter .filter-section .filter-item:last-child {
  border: none;
}

#map-filter .filter-section .filter-item img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

@media only screen and (max-width: 1200px) {
  #map-filter .filter-section .filter-item img {
    margin-right: 0px;
  }
}

#map-filter .filter-section .filter-item .filter-title {
  font-weight: bold;
}

@media only screen and (max-width: 1200px) {
  #map-filter .filter-section .filter-item .filter-title {
    display: none;
  }
}

@media only screen and (min-width: 1280px) {
  #map-filter .search-section {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    left: 0px;
    max-width: 440px;
    width: 100%;
    height: 107vh;
    padding-top: 220px;
  }
}

@media only screen and (min-width: 1280px) {
  #map-filter .search-section {
    left: -40px;
  }
}

#map-filter .search-section .section-wrapper {
  background: #fff;
  height: 100%;
  position: relative;
  overflow: hidden;
}

#map-filter .search-section .section-wrapper .form-search {
  width: 100%;
  background: #fff;
  padding: 20px 0px 0px 0px;
}

@media only screen and (min-width: 768px) {
  #map-filter .search-section .section-wrapper .form-search {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#map-filter .search-section .section-wrapper .form-search .filter-list {
  border-color: transparent !important;
  margin-bottom: 1px;
  text-align: left;
}

#map-filter .search-section .section-wrapper .form-search .filter-list li {
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 30px;
  height: auto;
  font-size: 17px;
  width: auto;
  margin: 0px 18px;
}

@media only screen and (max-width: 402px) {
  #map-filter .search-section .section-wrapper .form-search .filter-list li {
    margin: 0px 0px 0px 18px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 360px) {
  #map-filter .search-section .section-wrapper .form-search .filter-list li {
    font-size: 14px;
    margin: 0px 0px 0px 10px;
  }
}

#map-filter .search-section .section-wrapper .maps-search-form .form-item,
#map-filter .search-section .section-wrapper ._maps-search-form .form-item {
  margin-bottom: 10px;
}

#map-filter .search-section .section-wrapper .form-item label {
  margin: 5px 0px;
  font-weight: 600;
  display: block;
}

#map-filter .search-section .section-wrapper .maps-search-form .form-input,
#map-filter .search-section .section-wrapper ._maps-search-form .form-input {
  padding: 15px 50px;
  padding-left: 40px;
  background-image: url(/wps/wcm/connect/ecfa350a-d89e-46cd-9b07-513934ad7f4a/icn-search-grey.svg?MOD=AJPERES);
  background-repeat: no-repeat;
  background-position: 15px center;
  -webkit-background-size: 20px 20px;
  background-size: 20px;
  background-color: #f5f5f5;
  position: relative;
}

@media only screen and (min-width: 768px) {
  #map-filter .search-section .section-wrapper .maps-search-form .form-input {
    margin-left: -20px;
    margin-right: -20px;
  }

  #map-filter .search-section .section-wrapper ._maps-search-form .form-input {
    margin-left: -20px;
    margin-right: -20px;
  }
}

#map-filter .search-section .section-wrapper .maps-search-form .form-input img,
#map-filter .search-section .section-wrapper ._maps-search-form .form-input img {
  float: right;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}

#map-filter .search-section .section-wrapper input {
  font-size: inherit;
  padding: 0px 15px;
  line-height: 1.5;
  background: transparent;
  color: #333;
  height: auto;
}

#map-filter .search-section .section-wrapper .map-search-result {
  overflow-y: auto;
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  #map-filter .search-section .section-wrapper .map-search-result {
    padding-left: 20px;
  }
}

#map-filter .search-section .section-wrapper .map-search-result::-webkit-scrollbar {
  width: 0px;
}

#map-filter .search-section .section-wrapper .map-search-result .mCSB_container {
  margin-right: 20px !important;
  padding-bottom: 300px;
}

@media only screen and (max-width: 767px) {
  #map-filter .search-section .section-wrapper .map-search-result .mCSB_container {
    margin-right: 0px !important;
  }
}

#map-filter .search-section .section-wrapper .map-search-result .mCSB_dragger_bar {
  background: #ccc;
}

#map-filter .search-section .section-wrapper .map-search-result .bank-item {
  padding: 10px 0px;
  line-height: 1.5;
  float: left;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}

#map-filter .search-section .section-wrapper .map-search-result .bank-item:last-child {
  border: none;
}

#map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-title {
  font-weight: bold;
  cursor: pointer;
}

#map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-title .bank-type {
  width: 10px;
  height: 10px;
  background-color: #21409a;
  display: inline-block;
  border-radius: 100%;
  margin-right: 10px;
}

#map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-title .bank-type[data-type*='Chi nhánh'] {
  background-color: #f70101;
}

#map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-title .bank-type[data-type*='ATM'] {
  background-color: #21409a;
}

#map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-title .bank-type[data-type*='Phòng giao d?ch'] {
  background-color: #f70101;
}

#map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-title .bank-type[data-type*='BIDV t?i nu?c ngoài'] {
  background-color: #f70101;
}

#map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-title .bank-type.branch {
  background-color: #ed1d24;
}

#map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-workinghour,
.bank-address {
  width: 70%;
  float: left;
}

#map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-distance {
  width: 30%;
  float: right;
  border-radius: 100px;
  background-color: #f5f5f5;
  text-align: center;
  padding: 0px;
}

.link-table {
  width: 100%;
  text-align: center;
}

.link-table .slick-list {
  overflow: visible;
}

.link-table li {
  display: inline-block;
  position: relative;
}

.link-table li a {
  font-weight: bold;
  padding: 19px 20px 20px;
  display: inline-block;
  text-align: center;
}

.premier .link-table li a {
  color: #e5b351;
}

.link-table li:before {
  content: '';
  position: absolute;
  bottom: -3px;
  width: 0px;
  height: 4px;
  background-color: #345dd4;
  left: 50%;
  border-radius: 2px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.premier .link-table li:before {
  background-color: #e5b351;
}

.link-table li.active::before {
  left: 0;
  width: 100%;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.ir-event-item {
  background: #f7f9fb;
  border-radius: 4px;
  position: relative;
  min-height: 154px;
  padding: 30px 10px 10px 168px;
}

.ir-event-item .event-day {
  position: absolute;
  left: 30px;
  top: 21px;
  width: 95px;
  padding-top: 9px;
  background: #fff;
  border-radius: 4px;
  text-align: center;
}

.ir-event-item .event-day .date {
  font-size: 13px;
}

.ir-event-item .event-day .month {
  font-size: 40px;
  font-weight: 600;
  display: block;
  line-height: 1.3;
}

.ir-event-item .event-day .year {
  display: block;
  background: #21409a;
  border-radius: 0 0 4px 4px;
  color: #fff;
  padding: 4px;
}

.ir-event-item .event-info .event-title {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 12px;
}

.ir-event-item .event-info .event-hour,
.ir-event-item .event-info .event-add {
  padding-left: 30px;
  min-height: 24px;
  line-height: 24px;
  margin-bottom: 5px;
  background: url(/wps/wcm/connect/133a21fb-a120-4e6c-a1ce-006cee8f8d84/icn-oclock.svg?MOD=AJPERES) 0 0 no-repeat;
}

.ir-event-item .event-info .event-add {
  background: url(/wps/wcm/connect/8ce969d5-b4be-45d2-b51b-297d61fcf16f/icn-location.svg?MOD=AJPERES) 3px 0 no-repeat;
}

.filter-panel.filter-investor-ceo {
  border-bottom: 2px solid #e0e0e0;
  margin-bottom: 40px;
}

.filter-panel.filter-investor-ceo .slick-list {
  overflow: visible;
}

.filter-panel.filter-investor-ceo li {
  display: inline-block;
  margin-right: 30px;
  padding: 27px 0px 22px;
  cursor: pointer;
  position: relative;
  font-weight: 600;
}

.filter-panel.filter-investor-ceo li:before {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  background: #345dd4;
  border-radius: 3px;
  position: absolute;
  left: 0;
  bottom: -2px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media only screen and (min-width: 1280px) {
  .filter-panel.filter-investor-ceo li:hover:before {
    width: 100%;
  }
}

.filter-panel.filter-investor-ceo li.mixitup-control-active:before {
  width: 100%;
}

.filter-investor-content:before,
.filter-investor-content:after {
  display: table;
  content: '';
}

.filter-investor-content:after {
  clear: both;
}

.filter-investor-content .title-2 {
  font-size: 1.285rem;
  font-weight: 800;
  display: inline-block;
  margin-bottom: 20px;
}

.filter-investor-content #credit-ratings .credit-title {
  margin-bottom: 30px;
}

.filter-investor-content #credit-ratings .credit-title img {
  display: inline-block;
  margin-left: 30px;
  margin-top: -5px;
}

@media only screen and (min-width: 768px) {
  .filter-investor-content #credit-ratings .section-download-list {
    margin-bottom: 55px;
  }
}

.filter-investor-content #bidv-awards {
  text-align: left;
  max-width: 950px;
}

.filter-investor-content #bidv-awards .award-item {
  padding-left: 0px;
  padding-right: 60px;
}

.filter-investor-content #bidv-awards .award-item:nth-child(4)::after {
  display: none;
}

.filter-investor-content #bidv-awards .award-item img {
  margin: 20px 0px;
}

.quocte-item {
  padding-top: 60px;
  margin-bottom: 20px;
  position: relative;
}

.quocte-item:before {
  content: '\e93f';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 50px;
  color: #e0e0e0;
}

.quocte-item .quocte-content {
  line-height: 1.4;
  margin-bottom: 15px;
}

.quocte-item .quocte-author {
  margin-bottom: 32px;
}

.stock-detail {
  background: #f7f9fb;
  border-radius: 4px;
  padding: 22px 30px;
  font-size: 18px;
  min-height: 380px;
}

.stock-detail dl {
  border-top: 2px solid #e0e0e0;
  font-size: 0;
}

.stock-detail dt,
.stock-detail dd {
  display: inline-block;
  font-size: 18px;
  width: 50%;
  margin-top: 13px;
}

.stock-detail dd {
  text-align: right;
}

.stock-detail .stock-name {
  display: block;
  margin-bottom: 2px;
}

.stock-detail .stock-arrow {
  display: inline-block;
  margin: -2px 5px 0 0;
}

.stock-detail .stock-arrow:before {
  color: inherit;
  font-size: 26px;
}

.stock-detail .stock-value {
  color: red;
}

.stock-detail .stock-value.stock-green {
  color: #21a451;
}

.stock-detail .stock-value .stock-price {
  font-size: 3.6rem;
  line-height: 1.4;
  font-weight: bold;
}

.stock-detail .stock-value .stock-change1,
.stock-detail .stock-value .stock-change2 {
  float: right;
}

.stock-detail .stock-value .stock-change1 {
  margin: 10px 0 -2px;
}

.stock-detail .stock-value .stock-change2 {
  clear: right;
}

.stock-detail .stock-date-update {
  font-size: 14px;
  margin: -2px 0 15px;
  color: #9e9e9e;
}

.stock-chart {
  background: #f7f9fb;
  border-radius: 4px;
  padding: 24px 20px;
  min-height: 380px;
}

.stock-chart .ie-note {
  display: none;
}

.stock-chart .chart-time {
  background: #fff;
  border-radius: 4px;
  float: left;
  font-size: 0;
}

.stock-chart .chart-time li {
  display: inline-block;
  padding: 3px 10px;
  font-size: 12px;
  border-left: 1px solid #9e9e9e;
  cursor: pointer;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.stock-chart .chart-time li:first-child {
  border-left: 0;
  border-radius: 4px 0 0 4px;
}

.stock-chart .chart-time li:last-child {
  border-radius: 0 4px 4px 0;
}

.stock-chart .chart-time li:hover,
.stock-chart .chart-time li.active {
  background: #345dd4;
  color: #fff;
}

.stock-chart div.chart-time {
  float: right;
  padding: 2px 20px 2px 10px;
  margin-left: 10px;
  font-size: 13px;
  position: relative;
}

.stock-chart div.chart-time:after {
  content: '\e90b';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  right: 6px;
  top: 7px;
  font-size: 9px;
}

@media only screen and (max-width: 1023px) {
  .stock-detail {
    padding: 20px 10px;
    min-height: 340px;
  }

  .stock-detail .stock-value .stock-arrow:before {
    font-size: 16px;
  }

  .stock-detail .stock-value .stock-price {
    font-size: 2.8rem;
  }

  .stock-detail .stock-value .stock-change1,
  .stock-detail .stock-value .stock-change2 {
    font-size: 14px;
  }

  .stock-detail .stock-value .stock-change1 {
    margin: 7px 0 -2px;
  }

  .stock-detail .stock-date-update {
    font-size: 12px;
  }

  .stock-detail dt,
  .stock-detail dd {
    font-size: 16px;
    width: auto;
  }

  .stock-detail dt {
    float: left;
    clear: both;
  }

  .stock-detail dd {
    float: right;
  }

  .stock-chart {
    min-height: 340px;
  }

  .stock-chart {
    padding: 20px 10px;
  }

  .stock-chart div.chart-time {
    font-size: 12px;
  }

  .stock-chart .chart-time li {
    font-size: 11px;
  }
}

.page-title .icon-arr_type1_1 {
  font-size: 20px;
  display: inline-block;
  margin-left: 25px;
}

.foreign-tranfter-table {
  width: 100%;
  padding-top: 40px;
}

.foreign-tranfter-table table {
  width: 100%;
  border-bottom: 3px solid #e0e0e0;
}

.foreign-tranfter-table th {
  padding: 10px 0;
  border-bottom: 3px solid #e0e0e0;
}

.foreign-tranfter-table td {
  text-align: right;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}

.foreign-tranfter-table td:first-child {
  text-align: left;
}

.foreign-chart-label {
  font-size: 14px;
  text-transform: uppercase;
  width: 140px;
  font-weight: bold;
  text-align: left;
  margin-top: 4px;
  position: absolute;
}

.foreign-chart-legend {
  min-height: 40px;
  text-align: right;
  padding: 7px 0 14px;
  border-bottom: 2px solid #e0e0e0;
  margin-bottom: 20px;
  position: relative;
}

.foreign-chart-legend div {
  position: relative;
  padding-right: 53px;
  margin-top: 3px;
}

.foreign-chart-legend div:after {
  content: '';
  display: block;
  width: 35px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 7px;
}

.foreign-chart-legend div.legend-1:after {
  background-color: #ed1d24;
}

.foreign-chart-legend div.legend-2:after {
  background-color: #21409a;
}

.chart-wrap {
  position: relative;
  display: table;
  width: 100%;
}

.chart-wrap .chart-label {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.chart-wrap .ownership-data {
  display: block;
  position: relative;
  padding-right: 40px;
  margin-bottom: 10px;
}

.chart-wrap .ownership-data .bg {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 20px;
}

.foreign-chart {
  clear: both;
  position: relative;
}

.ownership-chart {
  display: table-cell;
  max-width: 380px;
  padding-right: 20px;
  position: relative;
}

.ownership-chart canvas {
  width: 280px;
}

@media only screen and (min-width: 1024px) {
  .ownership-chart {
    padding-left: 100px;
  }

  .foreign-chart {
    padding-left: 45px;
  }

  .foreign-chart-legend {
    margin-left: 100px;
  }

  .foreign-tranfter-table {
    padding-right: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .ir-event-item {
    padding: 16px 10px 10px 100px;
    margin-bottom: 20px;
  }

  .ir-event-item .event-day {
    left: 10px;
    top: 20px;
    width: 80px;
  }

  .ir-event-item .event-day .month {
    font-size: 30px;
  }

  .stock-detail {
    margin-bottom: 20px;
  }

  .stock-chart ul.chart-time {
    margin-bottom: 10px;
  }

  .foreign-tranfter-table {
    margin-bottom: 20px;
  }

  .ownership-chart {
    margin-top: 20px;
    display: block;
  }

  .chart-wrap {
    display: block;
  }

  .chart-wrap .chart-label {
    display: block;
    margin: 20px 0 0;
  }
}

#filter-financial-reports .col-sm-4 {
  margin-bottom: 20px;
}

.fi-unit {
  float: right;
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  .fi-unit {
    margin-top: 0px !important;
  }

  .fi-hidden {
    display: none;
  }

  #filter-financial-reports.pad-bot {
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .table-report .list-row .left-col {
    width: 50%;
    float: left;
    padding-right: 10px;
  }

  .table-report .list-row.sub-row .left-col {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .table-report .list-row .left-col {
    padding-bottom: 10px;
  }
}

.table-report .list-row .right-col {
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .table-report .list-row .right-col {
    width: 50%;
    float: right;
    padding-left: 10px;
  }

  .table-report .list-row.sub-row .right-col {
    padding-left: 0px;
  }
}

.table-report .list-row.theader {
  padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .table-report .list-row.theader {
    display: none;
  }
}

.table-report .list-row.sub-row {
  padding: 10px 0px 0px;
  padding-left: 20px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .table-report .list-row.sub-row:before {
    content: '•';
    font-size: 15px;
    position: absolute;
    top: 8px;
    left: 0px;
  }
}

.table-report .list-row .col {
  position: relative;
}

.table-report .list-row .col .mobile-thead {
  float: left;
  width: 50%;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .table-report .list-row .col .mobile-thead {
    display: none;
  }
}

.table-report .violet {
  color: #345dd4;
}

.table-footer {
  padding: 30px 0px;
  color: #9e9e9e;
}

@media only screen and (max-width: 767px) {
  .table-footer {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .table-footer .table-action::before {
    content: '';
    display: table;
  }
}

.table-footer i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 20px;
  font-size: 18px;
}

.table-footer i:first-child {
  margin-left: 0px;
}

@media only screen and (min-width: 768px) {
  .table-footer .col-sm-4 {
    text-align: right;
  }
}

@media only screen and (min-width: 768px) {
  #bidv-finance-reports .filter-list li {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .bidv-data-table .data-filter {
    padding-right: 200px;
    position: relative;
  }

  .bidv-data-table .data-filter .form-action {
    position: absolute;
    top: 0px;
    right: 0px;
  }
}

.bidv-data-table .icon-arr_type1_1 {
  font-size: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

@media only screen and (min-width: 768px) {
  .bidv-data-table .icon-arr_type1_1 {
    margin-left: 40px;
  }
}

.bidv-data-table .bidv-select-date-box {
  margin-bottom: 20px;
}

.bidv-data-table .price-increase,
.bidv-data-table .price-decrease {
  min-width: 105px;
  color: #72d604;
  font-weight: bold;
}

.bidv-data-table .price-increase:after,
.bidv-data-table .price-decrease:after {
  content: '\e929';
  margin-left: 5px;
  font-size: 12px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bidv-data-table .price-decrease {
  color: #d0011b;
}

.bidv-data-table .price-decrease:after {
  content: '\e92a';
}

.bidv-data-table table td {
  text-align: right;
}

.bidv-data-table table td:first-child {
  text-align: left;
}

.bidv-data-table table td.center {
  text-align: center;
}

.bidv-data-table table tbody tr:last-child td {
  border: none;
}

@media only screen and (min-width: 768px) {
  .bidv-data-table table tbody {
    border-bottom: 1px solid #e0e0e0;
  }
}

.bidv-data-table .pagination-link {
  /*margin-top: 20px;
  float: right;*/
}

@media only screen and (max-width: 767px) {
  .bidv-data-table .pagination-link {
    float: none;
    margin-top: 20px;
  }
}

.bidv-data-table .violet {
  color: #21409a;
}

.table-with-title .title-2 {
  text-transform: uppercase;
  font-weight: 800;
  border-bottom: 3px solid #e0e0e0;
  width: 390px;
  max-width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#bidv-event-schedule .tabnav {
  /*margin: 0px;*/
}

@media only screen and (min-width: 768px) {
  #bidv-event-schedule thead {
    display: none;
  }
}

#bidv-event-schedule tbody tr {
  padding: 0px 20px;
}

#bidv-event-schedule tbody tr:nth-child(2n) {
  background-color: #f7f9fb;
}

@media only screen and (min-width: 768px) {
  #bidv-event-schedule tbody td {
    text-align: center;
  }

  #bidv-event-schedule tbody td:first-child {
    width: 450px;
    padding-left: 20px;
    text-align: left;
  }

  #bidv-event-schedule tbody td:last-child {
    width: 300px;
    text-align: right;
    padding-right: 20px;
  }
}

#bidv-event-schedule tbody .mobile-thead {
  font-weight: 800;
}

#bidv-event-schedule tbody .mobile-content {
  text-align: left !important;
}

.section-download-list li {
  display: block;
  padding: 20px 10px 5px 0px;
  border-top: 1px solid #e0e0e0;
}

.bidv-notifi.section-download-list li {
  padding: 25px 10px 25px 0px;
}

.section-download-list li:first-child {
  border-top: 0;
}

.section-download-list .left-col {
  /*margin-bottom: 10px;*/
}

@media only screen and (min-width: 768px) {
  .section-download-list .left-col {
    float: left;
    width: 67%;
    margin-bottom: 0px;
  }

  .section-download-list.event-sch .left-col {
    width: 100%;
    max-width: 450px;
  }
}

@media only screen and (max-width: 767px) {
  .section-download-list .right-col {
    margin-left: 45px;
  }
}

.bidv-notifi.section-download-list .left-col [class*='icon-ico'] {
  position: absolute;
}

.section-download-list .left-col [class*='icon-ico'] {
  font-size: 25px;
  margin-top: -8px;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  color: #9e9e9e;
  float: left;
  height: 40px;
}

@media only screen and (min-width: 768px) {
  .section-download-list .right-col {
    float: right;
    width: 33%;
    text-align: right;
  }

  .section-download-list.event-sch .right-col.invest-date {
    position: relative;
    top: -35px;
  }
}

.section-download-list .download-group,
.section-download-list .date-created {
  position: relative;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .section-download-list .date-created {
    margin-left: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .section-download-list .file-size {
    margin-right: 50px;
  }
}

.section-download-list .file-size,
.section-download-list .date-created {
  color: #bababa;
  font-weight: 600;
}

.bidv-notifi.section-download-list .download-filename {
  left: 45px;
  max-width: 90%;
  display: block;
}

.section-download-list .download-filename {
  font-weight: 600;
  line-height: 20px;
  position: relative;
  top: 0px;
}

.section-download-list .downicon {
  position: absolute;
  left: 0px;
  width: 100px;
  opacity: 0;
  top: -10px;
  -webkit-transition: top ease 0.3s, opacity ease 0.3s;
  -o-transition: top ease 0.3s, opacity ease 0.3s;
  transition: top ease 0.3s, opacity ease 0.3s;
}

@media only screen and (min-width: 768px) {
  .section-download-list .downicon {
    left: inherit;
    right: 0px;
  }
}

@media only screen and (min-width: 768px) {
  .section-download-list .downicon {
    text-align: right;
  }
}

.section-download-list .downicon:before {
  content: '\e911';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 22px;
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
}

.section-download-list a {
  display: block;
  position: relative;
  /*padding: 9px 10px 10px 0px;*/
}

.section-download-list.event-sch span a {
  display: inline-block;
}

.section-download-list a:hover .downicon {
  opacity: 1;
  top: 0px;
}

.section-download-list a:hover .file-size {
  opacity: 0;
  color: transparent;
}

.section-download-list a:hover .file-size,
.section-download-list a:hover .date-created,
.section-download-list a:hover [class*='icon-ico'] {
  color: inherit;
}

.sitemap-list {
  padding-top: 12px;
}

.sitemap-list h4 {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.08;
  margin-bottom: 22px;
}

.sitemap-list>li {
  margin-bottom: 45px;
}

.sitemap-list li li:after,
.sitemap-list h4:after {
  content: '\e904';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 10px;
  display: inline-block;
  margin-left: 12px;
}

.sitemap-list li li {
  font-size: 18px;
  font-weight: 600;
  color: #1c2e36;
  margin-bottom: 8px;
}

.sitemap-list a {
  color: inherit;
  font-weight: inherit;
}

.sitemap-list a:hover {
  text-decoration: underline;
}

.title-styleguide {
  margin: 20px 0 10px;
  font-size: 30px;
  border-bottom: 1px solid #666;
}

.styleguide-item {
  padding: 10px;
}

.styleguide-content {
  padding: 10px 0;
  margin-bottom: 20px;
}

.styleguide-color {
  display: inline-block;
  margin-right: 30px;
}

.styleguide-color>div {
  width: 50px;
  height: 50px;
  border: 1px solid #333;
}

.styleguide-color .color1 {
  background: #1c2e36;
}

.styleguide-color .color2 {
  background: #21409a;
}

.styleguide-color .color3 {
  background: #345dd4;
}

.styleguide-color .color4 {
  background: #9e9e9e;
}

.styleguide-color .color5 {
  background: #e0e0e0;
}

#bidv-guarantee-search .caption {
  color: #9e9e9e;
}

#bidv-guarantee-search .gua-cap {
  margin-bottom: 5px;
}

#bidv-guarantee-search form {
  max-width: 400px;
  margin: auto;
}

#bidv-guarantee-search form .form-row {
  margin-bottom: 20px;
}

#bidv-guarantee-search form input[type='text'],
#bidv-guarantee-search form input[type='number'] {
  border: 1px solid #e0e0e0;
  background: #fff;
  border-radius: 4px;
  height: 48px;
}

#bidv-guarantee-search form .btn-submit {
  text-transform: uppercase;
  padding-left: 55px;
  padding-right: 55px;
  font-size: 14px;
}

.comment-list .comment-header {
  text-transform: uppercase;
}

.comment-list .comment-header .comment-label {
  padding: 15px 0px;
  color: #1c2e36;
  font-weight: 600;
}

.comment-list .comment-header .comment-switch .bidv-select-box {
  clear: both;
  display: inline-block;
  font-size: 12px;
  text-transform: capitalize;
}

.comment-list .comment-header .comment-switch .bidv-select-box ._selected-text {
  padding: 7px 10px;
  min-width: 170px;
  border: 2px solid #e0e0e0;
}

.comment-list .comment-header .comment-switch .bidv-select-box .select-value {
  padding: 0px 25px 0px 15px;
}

.comment-list .comment-type {
  display: none;
}

.comment-list .comment-filter {
  text-align: right;
  border-bottom: 2px solid #e0e0e0;
}

@media only screen and (max-width: 480px) {
  .comment-list .comment-filter {
    text-align: left;
  }
}

.comment-list .comment-filter .filter-list li {
  display: inline-block;
  margin-left: 20px;
  position: relative;
  padding: 15px 0px;
  cursor: pointer;
  color: #9b9b9b;
  font-weight: 600;
}

.comment-list .comment-filter .filter-list li:first-child {
  margin-left: 0px;
}

.comment-list .comment-filter .filter-list li::before {
  content: '';
  display: block;
  width: 0;
  height: 4px;
  background: #345dd4;
  border-radius: 3px;
  position: absolute;
  left: 0;
  bottom: -2px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.comment-list .comment-filter .filter-list li.mixitup-control-active {
  color: #1c2e36;
}

.comment-list .comment-filter .filter-list li.mixitup-control-active:before {
  width: 100%;
}

.comment-list .comment-item {
  line-height: 20px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
  position: relative;
  padding-left: 50px;
}

.comment-list .comment-item.sub-comment {
  margin-left: 50px;
  border-bottom: none;
}

.comment-list .comment-item .comment-avatar {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 1px solid #e0e0e0;
  overflow: hidden;
  position: absolute;
  top: 20px;
  left: 0px;
}

.comment-list .comment-item .comment-name {
  font-weight: bold;
  margin-bottom: 15px;
}

.comment-list .comment-item .comment-activities {
  padding: 5px 0px;
}

.comment-list .comment-item .comment-activities:before,
.comment-list .comment-item .comment-activities:after {
  content: '';
  display: table;
  clear: both;
}

.comment-list .comment-item .comment-activities .comment-count {
  float: left;
  width: 50%;
  position: relative;
  color: #9b9b9b;
  font-weight: 600;
  padding-right: 20px;
}

.comment-main .comment-count {
  width: 50%;
  position: relative;
  color: #9b9b9b;
  font-weight: 600;
  padding-right: 20px;
  cursor: pointer;
  top: -10px;
}

.comment-list .comment-item .comment-activities .comment-count:after {
  content: '';
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.comment-main .comment-count:after {
  content: '';
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.comment-list .comment-item .comment-activities .comment-count.close::after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.comment-list .comment-item .comment-activities .activities {
  float: right;
  width: 50%;
  text-align: right;
}

.comment-list .comment-item .comment-activities .activities li {
  display: inline-block;
  margin-left: 20px;
}

.comment-list .comment-item .comment-activities .activities li a {
  color: #000000;
  font-weight: 600;
}

.comment-list .comment-item .comment-activities .activities li .like-count,
.liked-count {
  padding-left: 30px;
  display: inline-block;
  height: 22px;
  position: relative;
}

.comment-list .comment-item .comment-activities .activities li .like-count:before {
  content: '';
  width: 23px;
  height: 23px;
  background: url(/wps/wcm/connect/c619a489-b47f-4d67-b1d7-4c8035d45bb1/icon-hand.svg?MOD=AJPERES) no-repeat left top / 23px;
  display: block;
  position: absolute;
  left: 0px;
  top: -3px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.comment-list .comment-item .comment-activities .activities li .liked-count:before {
  content: '';
  width: 23px;
  height: 23px;
  background: url(/wps/wcm/connect/47318363-f775-4895-9efc-e4e4dbf9c151/icon-hand-active.svg?MOD=AJPERES) no-repeat left top / 23px;
  display: block;
  position: absolute;
  left: 0px;
  top: -3px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.see-more {
  height: 30px;
  background: #21409a;
  width: 200px;
  color: #ffffff;
  border-radius: 10px;
  margin: auto;
  text-align: center;
  line-height: 30px;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  margin-top: 10px;
}

#view_more_comment {
  border-top: 2px solid #8e8e8e;
  margin-top: 20px;
}

.comment-list .comment-item .comment-activities .activities li .like-count:hover:before {
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}

.comment-list .comment-item .comment-form {
  display: none;
}

.comment-list .mix>.comment-item:first-child {
  border-top: none;
}

.comment-list .comment-form {
  text-align: right;
}

.comment-list .comment-form textarea {
  min-height: 102px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #979797;
  font-size: 14px;
  font-weight: 600;
  padding: 20px 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
}

.comment-list .comment-form textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

.comment-list .comment-form textarea::-moz-placeholder {
  color: inherit;
  opacity: 1;
}

.comment-list .comment-form textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

.comment-list .comment-form textarea::placeholder {
  color: inherit;
  opacity: 1;
}

.comment-list .comment-form textarea:-ms-input-placeholder {
  color: inherit;
}

.comment-list .comment-form textarea::-ms-input-placeholder {
  color: inherit;
}

.comment-list .comment-form .btn {
  padding-left: 60px;
  padding-right: 60px;
}

.steps-block {
  text-align: center;
  font-size: 0;
  margin-bottom: 20px;
}

.steps-block ._step {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px;
  position: relative;
  width: 100px;
  margin-right: 20px;
}

@media only screen and (max-width: 480px) {
  .steps-block ._step {
    margin-right: 5px;
    width: 85px;
  }
}

.steps-block ._step:last-child {
  margin-bottom: 0;
}

.steps-block ._step:not(:last-child):before {
  content: '';
  position: absolute;
  height: 5px;
  top: 22px;
  border-bottom: 2px dashed #e9e9e9;
  width: 100%;
  left: 50%;
  z-index: 0;
}

@media only screen and (min-width: 768px) {
  .steps-block ._step {
    width: 200px;
    margin-right: 20px;
  }

  .steps-block ._step:last-child {
    margin-right: 0;
  }

  .steps-block ._step:last-child:before {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .steps-block ._step {
    width: 230px;
    margin-right: 30px;
  }

  .steps-block ._step:last-child {
    margin-right: 0;
  }
}

.steps-block ._step.active ._icon {
  background: #21409a;
  color: #fff;
}

.steps-block ._step ._icon {
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 1;
  padding: 5px;
  margin: 0 auto;
  background-color: #fff;
  color: #9e9e9e;
  border-radius: 50%;
  font-weight: bold;
  font-size: 24px;
  border: 1px solid #e0e0e0;
}

.steps-block ._step ._icon span[class^='icm2'] {
  font-size: 32px;
  position: relative;
  z-index: 10;
}

.steps-block ._step ._icon img {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.steps-block ._info {
  font-size: 14px;
}

.steps-block ._info ._short-des {
  line-height: 1.43;
  margin-top: 12px;
}

.steps-block ._info ._title {
  font-weight: 600;
  line-height: 1.43;
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .steps-block ._info ._title {
    margin-top: 15px;
  }
}

#bidv-login.banner-login {
  position: relative;
  height: 100vh;
  min-height: 800px;
  max-height: none;
}

#bidv-login.banner-login .caption {
  min-height: 800px;
}

#bidv-login .virtual-keyboard {
  margin: 140px 50px;
  float: left;
}

@media only screen and (max-width: 1200px) {
  #bidv-login .virtual-keyboard {
    margin: 20px 20px;
    text-align: center;
    float: none;
  }

  #bidv-login .virtual-keyboard .keyboard {
    display: inline-block;
  }

  #bidv-login .virtual-keyboard::before,
  #bidv-login .virtual-keyboard:after {
    content: '';
    display: table;
  }
}

#bidv-login .login-form {
  width: 400px;
  max-width: 100%;
  background: #fff;
  margin: auto;
  margin-top: 40px;
  float: right;
  border-radius: 4px;
  overflow: hidden;
}

@media only screen and (max-width: 1200px) {
  #bidv-login .login-form {
    margin-top: 80px;
    float: none;
  }
}

#bidv-login .login-form .form-header {
  background: #3c009d;
  text-transform: uppercase;
}

.premier #bidv-login .login-form .form-header {
  background-color: #15234e;
  color: #e5b351;
}

#bidv-login .login-form .form-header .form-icon {
  font-size: 20px;
  margin: 20px;
  display: inline-block;
  vertical-align: middle;
}

#bidv-login .login-form .form-header .form-title {
  font-weight: bold;
  font-size: 13px;
}

#bidv-login .login-form .form-header .form-close {
  float: right;
  width: 20px;
  margin: 20px;
  margin-top: 25px;
}

#bidv-login .login-form .form-body {
  padding: 20px 20px 0px;
}

#bidv-login .login-form .form-body .form-group {
  position: relative;
  padding-left: 30px;
  border-bottom: 1px solid #ececec;
  margin-bottom: 20px;
}

#bidv-login .login-form .form-body .form-group [class*='icm2-'] {
  position: absolute;
  top: 50% !important;
  left: 0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  color: #9e9e9e;
}

#bidv-login .login-form .form-body .form-group input {
  color: #9e9e9e;
  font-size: 14px;
  padding: 0px 10px;
}

#bidv-login .login-form .form-body .form-actions {
  text-transform: uppercase;
  margin: 40px 0px;
  margin-bottom: 0px;
}

#bidv-login .login-form .form-body .form-actions .action {
  margin-bottom: 10px;
}

#bidv-login .login-form .form-body .form-actions .action .btn {
  width: 240px;
  max-width: 100%;
}

#bidv-login .login-form .form-footer {
  color: #1c2e36;
  padding: 0px 40px 70px;
  text-align: center;
}

#bidv-login .login-form .form-footer a {
  margin: 0px;
}

#bidv-login .login-form .form-footer .remember {
  margin-right: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#bidv-login .login-left {
  color: #fff;
  margin: 20px 0px;
}

@media only screen and (max-width: 767px) {
  #bidv-login .login-left {
    text-align: center;
  }

  #bidv-login .login-left .title-1 {
    text-align: center;
  }
}

#bidv-login .form-error {
  color: #ff445b;
  font-weight: 600;
}

.video-detail {
  width: 100%;
  height: calc((100vw - 65px) * 0.56);
  height: -o-calc((100vw - 65px) * 0.56);
  max-height: 540px;
}

.gallery-list {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: calc((100vw - 65px) * 0.56);
  height: -o-calc((100vw - 65px) * 0.56);
  max-height: 540px;
}

@media only screen and (max-width: 767px) {
  .gallery-list {
    min-height: 320px;
  }
}

.gallery-list .gallery-photo {
  height: calc((100vw - 65px) * 0.56);
  height: -o-calc((100vw - 65px) * 0.56);
  max-height: 540px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .gallery-list .gallery-photo {
    min-height: 320px;
  }
}

.gallery-list .gallery-carousel .slick-arrow {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .gallery-list .gallery-carousel .slick-arrow {
    display: none !important;
  }
}

.gallery-list .gallery-carousel .slick-prev {
  left: 15px;
}

.gallery-list .gallery-carousel .slick-next {
  right: 15px;
}

.gallery-list .gallery-carousel .slick-dots {
  bottom: 10px;
}

.gallery-list .gallery-carousel-thumb {
  position: absolute;
  bottom: 10px;
  left: 10px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {}

.gallery-list .gallery-carousel-thumb li {
  width: 160px;
  height: 85px;
  margin-right: 4px;
  position: relative;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.gallery-list .gallery-carousel-thumb li:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.7;
  background-color: #1b1b1b;
  z-index: 1;
}

.gallery-list .gallery-carousel-thumb li.slick-current:before {
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .gallery-list .gallery-carousel-thumb li {
    width: 110px;
    height: 60px;
  }
}

.premier .table-footer#calculator-tool .pagination-link {
  margin-top: 0px;
}

.premier .table-footer#calculator-tool .note ul {
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
}

.premier .table-footer#calculator-tool .note ul li {
  list-style: circle;
}

.premier #bidv-profile-form {
  background-color: #f7f9fb;
  padding-top: 160px;
}

.premier #bidv-profile-form .common-form {
  max-width: 980px;
  margin: auto;
  position: relative;
}

.premier #bidv-profile-form .common-form .form-title {
  color: #212121;
  font-size: 24px;
  font-weight: bold;
}

.premier #bidv-profile-form .common-form .inline-icon {
  position: relative;
}

.premier #bidv-profile-form .common-form .inline-icon:before {
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  font-size: 30px;
  color: #999 !important;
  right: 10px;
}

.premier #bidv-profile-form .common-form .captcha {
  margin-bottom: 20px;
}

.premier #bidv-profile-form .avatar-form {
  padding-top: 100px;
  padding-bottom: 70px;
}

.premier #bidv-profile-form .avatar-form .form-avatar {
  width: 200px;
  height: 200px;
  position: absolute;
  top: -100px;
  left: 50%;
  margin-left: -100px;
  border-radius: 100%;
  overflow: hidden;
  -webkit-background-size: cover;
  background-size: cover;
}

.premier #bidv-profile-form .avatar-form .form-avatar label {
  height: 100px;
  text-align: center;
  position: absolute;
  width: 100%;
  background: rgba(255, 255, 255, 0.65);
  top: 100px;
  padding: 30px 0px;
}

.premier #bidv-profile-form .avatar-form .form-avatar input {
  display: none;
}

.premier #bidv-profile-form .avatar-form .form-file {
  max-width: 380px;
  margin: auto;
  margin-bottom: 20px;
}

.premier #bidv-profile-form .avatar-form .form-file input {
  display: none;
}

.premier #bidv-profile-form .avatar-form .form-image {
  width: 100%;
  padding: 10px 20px;
  border: 2px dashed #e9e9e9;
  color: #9e9e9e;
  border-radius: 4px;
  position: relative;
}

.premier #bidv-profile-form .avatar-form .form-image:after {
  content: '+';
  right: 0px;
  top: 0px;
  bottom: 0px;
  border-left: 2px dashed #e9e9e9;
  position: absolute;
  padding: 0px 10px;
  font-size: 35px;
  color: #e0e0e0;
  line-height: 35px;
}

.jp-desk {
  font-family: 'HiraKakuPro-W3-AlphaNum';
}

.jp-desk h1,
.jp-desk h2,
.jp-desk h3,
.jp-desk h4,
.jp-desk h5,
.jp-desk h6 {
  font-weight: 800;
}

.jp-desk .filter-panel .filter-list li {
  font-size: 18px;
  font-weight: 800;
}

@media only screen and (min-width: 768px) {
  .jp-desk .filter-panel li {
    margin-left: 50px;
    margin-right: 50px;
  }
}

.jp-desk .business-matching {
  max-width: 680px;
  margin: auto;
}

.jp-desk .btn {
  min-width: 180px;
  text-align: center;
}

.jp-desk .business-matching-request-form {
  width: 100%;
}

.jp-desk .business-matching-request-form .form-item {
  margin: 0px -40px;
}

.jp-desk .business-matching-request-form .form-item>li {
  padding: 0px 40px;
}

.jp-desk #support-tab .supporter-block {
  display: block;
}

.app-slides .item {
  -webkit-background-size: cover;
  background-size: cover;
}

.app-slides .item .inner-container {
  padding-top: 8%;
  padding-bottom: 8%;
}

.app-slides .item .caption {
  max-width: 520px;
}

.app-slides .item .sub-title {
  font-size: 18px;
  font-weight: 800;
}

.app-slides .item .sub-text {
  margin: 30px 0px;
}

.app-slides .slick-arrow {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 1280px) {
  .app-slides .slick-prev {
    margin-left: -30px;
  }
}

@media only screen and (max-width: 767px) {
  .app-slides {
    margin-bottom: 30px;
  }

  .app-slides .slick-dots {
    bottom: -30px;
  }

  .main-banner .slick-dots {
    bottom: 20px;
  }

  .slick-dots {
    bottom: 22px;
  }

  .cards-listing-panel .slick-dots,
  .range-slider-results .slick-dots {
    bottom: -10px;
  }
}

.ebanking #header .logo .slogan {
  color: #345dd4;
  font-weight: 800;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 20px;
  padding-top: 1px;
  vertical-align: middle;
}

.ebanking #header .left-links .has-options a {
  position: relative;
  z-index: 20;
}

.ebanking #header .left-links .has-options a:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
  border-radius: 4px;
  position: absolute;
  top: 15px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  left: 50%;
  top: 4px;
  z-index: -1;
  margin-left: -12px;
}

.ebanking #header .left-links .has-options .options {
  padding-top: 20px;
  right: inherit;
  left: -60px;
  min-width: 235px;
}

.ebanking #header .left-links .has-options:hover a:after {
  top: 20px;
}

.ebanking #header .right-links .link-text {
  border-left: none;
}

.ebanking #header.compact .right-links .link-text a {
  width: auto !important;
}

.ebanking #copyright ._rules,
.ebanking #copyright address {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

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

@media only screen and (min-width: 768px) {
  .ebanking .btn {
    min-width: 170px;
  }
}

@media only screen and (min-width: 768px) {

  .ebanking #ebanking-register-online .sub-text,
  .ebanking #ebanking-foreign-currency .sub-text {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1024px) {

  .ebanking #ebanking-register-online .sub-text,
  .ebanking #ebanking-foreign-currency .sub-text {
    font-size: 1.285rem;
  }
}

.ebanking #ebanking-foreign-currency {
  background-color: blue;
  position: relative;
}

.ebanking #ebanking-foreign-currency::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(4, 0, 107, 0.81);
}

.ebanking #ebanking-foreign-currency .title-1,
.ebanking #ebanking-foreign-currency .sub-text {
  color: #fff;
}

.ebanking #ebanking-foreign-currency .slider-4-items .slick-dots {
  bottom: -75px;
}

.ebanking #ebanking-foreign-currency .item-wrapper {
  border-radius: 4px;
  background-color: #f7f9fb;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 50px;
  text-align: center;
  display: block;
}

.ebanking #ebanking-foreign-currency .item-wrapper .item-amount {
  font-weight: 800;
  margin: 20px 0px;
  color: #21409a;
}

.ebanking #ebanking-foreign-currency .item-wrapper .item-image {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background: #fff;
  padding: 20px;
  display: inline-block;
}

.ebanking #ebanking-foreign-currency .item-wrapper .item-image img {
  display: inline-block;
}

.ebanking #ebanking-foreign-currency .btn {
  background: #fff !important;
  color: #21409a !important;
  font-weight: 600;
}

.ebanking .form-bg-grey {
  background: #f7f9fb;
}

.ebanking .form-note .label {
  display: block;
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .ebanking .common-form .form-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.ebanking .common-form .form-wrapper .title-2 {
  padding-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .ebanking .filter-panel li {
    font-size: 1.285rem;
    margin-left: 60px;
    margin-right: 60px;
  }
}

.ebanking #introduce {
  max-width: 867px;
  margin: auto;
}

.ebanking #introduce .title-2 {
  font-size: 1.142rem;
  font-weight: bold;
  margin-bottom: 16px;
  margin-top: 30px;
}

.ebanking #introduce li:before {
  content: '\e91b';
  font-family: 'icomoon2' !important;
  color: #005790;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .ebanking .selected-cards-detail .info-title {
    display: none;
  }
}

.ie9 {
  /* menu */
  /* home page  */
  /* news page */
}

.ie9 #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc li:last-child {
  width: 73%;
}

.ie9 .page>.container {
  z-index: 20;
}

.ie9 .main-banner.banner .caption {
  display: table;
  width: 100%;
}

.ie9 .main-banner.banner .carousel {
  z-index: 100;
}

.ie9 .main-banner.banner .carousel-thumb,
.ie9 .banner-scrolldown {
  z-index: 1022;
}

.ie9 .banner .inner-container {
  display: table-cell;
  vertical-align: middle;
  /* margin-left: 0; */
}

.ie9 .news-list .news-list-items {
  display: block;
}

.ie9 .news-list .news-list-items:after {
  content: '';
  display: table;
  clear: both;
}

.ie9 .news-list .news-list-items .thumbnail {
  float: left;
}

.ie9 .default-banner.banner .caption {
  display: table;
  width: 100%;
}

.ie9 .popreg-show .page>.container {
  z-index: auto;
}

.ie9 .online-reg-form .form-wrapper {
  margin-top: 20px;
  height: calc(100% - 40px);
}

.ie9 .online-reg-form .btn-blue.btn {
  margin-bottom: 30px;
}

.yt-iframe>p {
  display: none;
}

.ie8 {
  /* news page */
}

.ie8 .yt-iframe p {
  display: block;
  text-align: center;
  padding: 30px;
  background: #ddd;
}

.ie8 .yt-iframe iframe {
  display: none;
}

.ie8 .page>.container {
  z-index: 20;
}

.ie8 #header .inner-header {
  width: 100%;
  padding-right: 65px;
}

.ie8 #header .group-languages {
  width: 65px;
  position: absolute;
  right: 0;
  overflow: visible;
}

.ie8 #header .sub-menu-container .sub-menu .sub-menu-info .__desc li {
  width: 72%;
  padding-left: 20px;
}

.ie8 #header .sub-menu-container .sub-menu .sub-menu-info .__desc li:first-child {
  width: 26%;
  padding-left: 0;
}

.ie8 #header .sub-menu-container .sub-menu .info-menu-wrapper .child-link li a {
  padding-right: 30px;
}

.ie8 .is-sticky#header .right-links>li>a {
  display: block;
}

.ie8 .is-sticky#header .right-links>li>a span {
  visibility: hidden;
}

.ie8 #footer-expand .expand-field .expand-text:after {
  margin-top: -6px;
}

.ie8 .main-banner.banner {
  height: 700px;
}

.ie8 .main-banner.banner .carousel .item {
  height: 700px;
}

.ie8 .main-banner.banner .caption {
  display: table;
  width: 100%;
  height: 700px;
}

.ie8 .main-banner.banner .inner-container {
  display: table-cell;
  vertical-align: middle;
}

.ie8 .main-banner.banner .inner-container a.btn-blue:before {
  height: 12px;
  border: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
}

.ie8 .main-banner.banner .carousel-thumb,
.ie8 .main-banner.banner .banner-scrolldown {
  z-index: 1022;
}

.ie8 .main-banner.banner .banner-scrolldown a:before {
  border: 0;
  width: 18px;
}

.ie8 .full-width-service-block .change-bg.__background-layer:before,
.ie8 .full-width-service-block .__background-layer:before {
  display: none;
}

.ie8 .full-width-service-block .overlay {
  display: block;
  background: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20;
  filter: alpha(opacity=70);
}

.ie8 .fullscreen-slider .slick-prev,
.ie8 .fullscreen-slider .slick-next {
  width: 82px;
  height: 82px;
}

.ie8 .thumbnail .caption .link-view-more,
.ie8 .link-view-more,
.ie8 .f-breadcrumbs li a {}

.ie8 .thumbnail .caption .link-view-more:before,
.ie8 .link-view-more:before,
.ie8 .f-breadcrumbs li a:before {
  display: none;
}

.ie8 .estimate-selected {}

.ie8 .estimate-selected:before {
  display: none;
}

.ie8 .default-banner.banner .caption {
  display: table;
  width: 100%;
}

.ie8 .default-banner.banner .inner-container {
  display: table-cell;
  vertical-align: middle;
}

.ie8 .thumbnail .image {
  background-repeat: no-repeat;
}

.ie8 .news-list .news-list-items {
  display: block;
  margin-left: -3.5%;
}

.ie8 .news-list .news-list-items:after {
  content: '';
  display: table;
  clear: both;
}

.ie8 .news-list .news-list-items .thumbnail {
  float: left;
  width: 33.3%;
  margin-right: 0;
  padding-left: 3.5%;
}

.ie8 .news-list .news-list-items .others-news.thumbnail .title-2 {}

.ie8 .news-list .news-list-items .others-news.thumbnail .title-2:before {
  display: none;
}

.ie8 .news-list--internal .news-list-items {
  margin-left: -7%;
}

.ie8 .news-list--internal .news-list-items .thumbnail {
  width: 25%;
  padding-left: 7%;
}

.ie8 .breadcrumbs li a:before {
  top: 0;
}

.ie8 .bg-img {
  top: 0;
  left: 0;
}

.ie8 .news-detail-container .color-blue._rules:before {
  top: 0;
}

.ie8 .filter-panel .checked-item {}

.ie8 .filter-panel .checked-item:before {
  display: none;
}

.ie8 .slider-comparison-card .cards-info.checked:before {}

.ie8 .card-info__slider .item-slider.slick-current ._inner-content {
  border: 2px solid #999;
}

.ie9 .empty-banner.banner,
.ie8 .empty-banner.banner {
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
}

.ie9 .news-detail-container,
.ie8 .news-detail-container {
  min-height: 100px;
}

.ie9 .news-detail-container .published-info,
.ie8 .news-detail-container .published-info {
  position: static;
}

.ie9 .news-detail-container .share-info,
.ie8 .news-detail-container .share-info {
  bottom: 50px;
}

.ie9 .banner .inner-container ._bnr-ab-img,
.ie8 .banner .inner-container ._bnr-ab-img {
  padding-top: 14%;
  width: 33%;
}

.ie9 .banner .inner-container ._bnr-ab-img img,
.ie8 .banner .inner-container ._bnr-ab-img img {
  position: absolute;
}

.ie9 .popreg-show .page>.container,
.ie8 .popreg-show .page>.container {
  z-index: auto;
}

.ie9 .online-reg-form .screen-overlay,
.ie8 .online-reg-form .screen-overlay {
  background: #000;
  filter: alpha(opacity=60);
}

.ie9 .online-reg-form .form-wrapper,
.ie8 .online-reg-form .form-wrapper {
  position: absolute;
  width: 980px;
  left: 50%;
  margin-left: -490px;
  top: 20px;
  bottom: 20px;
}

.ie9 .online-reg-form ._customer-infos,
.ie8 .online-reg-form ._customer-infos {
  margin-left: -5%;
  margin-right: -5%;
}

.ie9 .online-reg-form ._customer-infos>li,
.ie8 .online-reg-form ._customer-infos>li {
  width: 50%;
  padding: 0 5%;
}

.ie9 .online-reg-form .btn-blue.btn,
.ie8 .online-reg-form .btn-blue.btn {
  margin-bottom: 30px;
}

a:hover,
a:focus {
  text-decoration: none;
}

/* title tab menu*/
.filter-list li {
  max-width: 210px;
}

/* line-heght content about  BIDV*/
.caption p,
.description,
.position {
  line-height: 1.5;
}

.slick-track .col .thumbnail .border-top {
  background: transparent;
  border-top: solid 4px #e0e0e0;
}

.news-list-items .thumbnail .border-top {
  background: transparent;
  border-top: solid 4px #e0e0e0;
}

/*line height s? m?nh BIDV*/
.item-wrapper .caption {
  line-height: 20px;
}

/*css iframe detail video*/
.news-info iframe,
.news-info .iframe-vimeo {
  width: 100%;
  height: 100%;
}

.video-container {
  width: 100%;
  height: 21.875em;
  position: relative;
}

@media (max-width: 767px) {
  .video-detail .col-sm-7 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .video-container {
    height: 35.7142857143em;
  }
}

/*hover tag a result suggestions*/
.suggestion-0 .suggestion-item,
.suggestion-1 .suggestion-item,
.pagination-link a,
.newsletter-selected:hover {
  cursor: pointer;
}

.deposit-panel .title-2 .ico {
  position: absolute;
  left: 0;
  max-width: 30px;
}

.search-item li a {
  color: #000000 !important;
}

/*fix with (search engine tags)*/
.range-slider .range-slider__value {
  width: auto !important;
}

/*fix layout*/
.info .title-2,
.item-member .title-2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px;
}

.item-member .position {
  width: 150px;
  margin: auto;
}

.item-member .description {
  display: none;
}

.item-member .thumbnail {
  cursor: pointer;
}

.blue-slider .item-slider .item-wrapper a {
  color: #ffffff;
}

.link-arrow:hover {
  color: #000000;
}

.caption p {
  margin-bottom: 15px;
}

input::-webkit-input-placeholder {
  font-size: 14px;
}

input::placeholder {
  color: #847b7b;
  opacity: 1;
}

.news-info i {
  line-height: 20px;
}

.content-leader {
  width: 1100px;
  margin: auto;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .deposit-block .btn-white {
    /*fix white button see-more*/
    position: unset !important;
    bottom: 0px;
  }
}

.deposit-block .btn-white {
  /*fix white button see-more*/
  height: 50px;
  position: absolute;
  bottom: 20px;
  left: 30px;
}

.f-card {
  /*fix float card*/
  height: 460px;
}

.section {
  line-height: 20px;
}

/*map*/
#style_geolocation {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  background: url() no-repeat center center;
  margin-top: -10px;
}

.autocomplete-suggestions,
.input-city,
.input-district {
  position: relative !important;
  border: 1px solid #999;
  background: #fff;
  cursor: default;
  overflow: auto;
  max-height: 350px !important;
  width: 400px !important;
  border: 0px;
  border: 1px solid #d8d5d5;
  border-radius: 5px;
}

.input-city {
  width: 400px !important;
  max-height: 250px !important;
}

.input-district {
  width: 400px !important;
  max-height: 180px !important;
}

@media only screen and (max-width: 768px) {

  .autocomplete-suggestions,
  .input-city,
  .input-district {
    position: absolute !important;
    width: auto !important;
  }
}

.autocomplete-suggestion {
  padding: 10px 15px 10px 15px;
  font-size: 1em;
  overflow: hidden;
  border-bottom: 1px solid #e0e0e0;
  line-height: 20px;
}

.autocomplete-selected {
  background: #f0f0f0;
}

.autocomplete-suggestions,
.input-city,
.input-district strong {
  /*font-weight: bold;*/
}

.autocomplete-suggestions::-webkit-scrollbar,
.input-city::-webkit-scrollbar,
.input-district::-webkit-scrollbar {
  width: 4px;
}

.autocomplete-suggestions::-webkit-scrollbar-thumb,
.input-city::-webkit-scrollbar-thumb,
.input-district::-webkit-scrollbar-thumb {
  background: #c9c5c5;
  border-radius: 30px;
  width: 4px;
}

.autocomplete-suggestions::-webkit-scrollbar-track,
.input-city::-webkit-scrollbar-track,
.input-district::-webkit-scrollbar-track {
  background: #939090;
  border-radius: 30px;
  max-width: 4px;
}

.bank-item,
#maplocation {
  cursor: pointer;
}

#chiduong {
  font-style: italic;
}

.hiddenWidgetsDiv .wpthemeControl {
  border: 0px !important;
}

.filter-item select {
  width: 200px;
}

#re-captcha {
  width: 305px;
  margin: auto;
  margin-bottom: 20px;
}

#bidv-guarantee-search label {
  position: relative;
  top: -5px;
  /*font-weight: bold;*/
  font-size: 14px;
}

.bidv-guarantee {
  width: 800px;
  margin: auto;
  margin-top: -30px;
  margin-bottom: 20px;
}

.gua-caption {
  border-top: 2px solid #dadada;
  width: 550px;
  margin: auto;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  padding-bottom: 55px;
}

@media only screen and (max-width: 767px) {
  .gua-caption {
    width: 300px;
  }
}

.gua-caption p {
  color: #908e8e;
  margin: 20px 30px 0px;
}

@media only screen and (max-width: 768px) {
  .gua-caption p {
    color: #908e8e;
    margin: 20px 0px 0px;
  }
}

.path-map {
  float: right;
  margin-right: 20px;
  font-weight: bold;
}

.title-2 a {
  text-decoration: none !important;
  font-weight: bold;
}

/*@media only screen and (max-width: 767px) {
  .cards-info img{
	height: 150px;
  }
}
@media only screen and (min-width: 768px) {
  .cards-info img{
	height: 150px;
  }
}*/
.bg-card img {
  height: 220px;
  width: 350px;
}

.title-smart-banking {
  margin-top: 115px;
}

.chose-card {
  color: #ffffff;
  font-size: 20px;
  margin: 22px;
  width: 300px;
  float: left;
}

@media only screen and (max-width: 768px) {
  #choose-your-card .range-slider-results {
    margin-bottom: -20px !important;
  }
}

#choose-your-card .range-slider-results {
  margin-top: 20px;
  margin-bottom: -60px;
}

/*display dang ky moi menu*/
#header .right-links .sub-menu-container {
  display: none !important;
}

#header .right-links>.has-sub>a:after {
  display: none !important;
}

#online-register .btn-control {
  top: 22px;
  position: relative;
  margin-bottom: 25px;
}

#online-register .inner-container {
  padding-bottom: 0px;
}

#idLocation {
  width: 350px;
  display: block;
  padding: 14px 30px 14px 15px;
  position: relative;
  line-height: 1.3;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.fix-tab {
  padding: 50px 0 !important;
}

h2.text-center {
  width: 100%;
}

/*fix open tab faqs*/
.accordion-wrap .FAQ .sub-accordion-block ._title.dropdown {
  background-color: #f7f9fb;
  color: #14265b;
}

.accordion-wrap .FAQ .sub-accordion-block>._title.dropdown:before {
  content: '';
  background: url(/wps/wcm/connect/e7754bf9-9603-424e-a656-591ea088b50e/icn-question.svg?MOD=AJPERES&cache=none) center center no-repeat;
}

/*reponsive iframe stock*/
.iframe-stock {
  margin-top: 40px;
  padding: 0 20px;
}

@media only screen and (min-width: 600px) and (max-width: 808px) {
  .stock-inves {
    height: 860px !important;
  }
}

@media only screen and (min-width: 380px) and (max-width: 600px) {
  .stock-inves {
    height: 710px !important;
  }
}

@media only screen and (max-width: 380px) {
  .stock-inves {
    height: 660px !important;
  }
}

@media only screen and (min-width: 372px) and (max-width: 390px) {
  .stock-his {
    height: 935px !important;
  }
}

@media only screen and (min-width: 360px) and (max-width: 364px) {
  .stock-his {
    height: 1090px !important;
  }
}

@media only screen and (min-width: 365px) and (max-width: 371px) {
  .stock-his {
    height: 990px !important;
  }
}

@media only screen and (min-width: 391px) and (max-width: 1020px) {
  .stock-his {
    height: 900px !important;
  }
}

@media only screen and (min-width: 347px) and (max-width: 359px) {
  .stock-his {
    height: 1090px !important;
  }
}

@media only screen and (min-width: 339px) and (max-width: 346px) {
  .stock-his {
    height: 1110px !important;
  }
}

@media only screen and (max-width: 338px) {
  .stock-his {
    height: 1300px !important;
  }
}

@media only screen and (min-width: 380px) and (max-width: 981px) {
  .stock-foreign {
    height: 1420px !important;
  }
}

@media only screen and (max-width: 379px) {
  .stock-foreign {
    height: 1480px !important;
  }
}

@media only screen and (min-width: 483px) and (max-width: 808px) {
  .stock-own {
    height: 1750px !important;
  }
}

@media only screen and (min-width: 412px) and (max-width: 482px) {
  .stock-own {
    height: 1980px !important;
  }
}

@media only screen and (min-width: 333px) and (max-width: 411px) {
  .stock-own {
    height: 2080px !important;
  }
}

@media only screen and (max-width: 332px) {
  .stock-own {
    height: 2200px !important;
  }
}

@media only screen and (max-width: 326px) {
  .stock-pri {
    height: 950px !important;
  }
}

@media only screen and (min-width: 1003px) and (max-width: 1240px) {
  .stock-local {
    height: 1350px !important;
  }
}

@media only screen and (min-width: 809px) and (max-width: 1002px) {
  .stock-local {
    height: 1650px !important;
  }
}

@media only screen and (min-width: 490px) and (max-width: 809px) {
  .stock-local {
    height: 3470px !important;
  }
}

@media only screen and (max-width: 489px) {
  .stock-local {
    height: 3750px !important;
  }
}

@media only screen and (min-width: 290px) and (max-width: 433px) {
  .stock-cap {
    height: 1500px !important;
  }
}

@media only screen and (min-width: 485px) and (max-width: 800px) {
  .stock-cap {
    height: 1240px !important;
  }
}

@media only screen and (max-width: 289px) {
  .stock-cap {
    height: 1600px !important;
  }
}

.no-pad-hor {
  margin-top: 20px;
}

.menu-expand li a[title*='BIDV Premier'] {
  color: #daa520;
}

.tabnavthongbao li {
  display: table-cell;
  padding: 0px 0px 25px;
  font-size: 18px;
  cursor: pointer;
  font-weight: 600;
  position: relative;
  text-align: center;
  vertical-align: bottom;
}

.tabnavthongbao li:before {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  background: #345dd4;
  border-radius: 3px;
  position: absolute;
  left: 0;
  bottom: -2px;
}

@media only screen and (max-width: 768px) {
  .tabnavthongbao {
    margin-bottom: -40px;
  }
}

.tabnavthongbao {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 5px;
  display: table;
  width: 100%;
}

.tabnavthongbao li.active:before {
  width: 100%;
}

.tabnavthongbao li:hover:before {
  width: 100%;
}

.range-slider .btn {
  margin-top: 20px !important;
}

.sm-guide {
  z-index: 9;
}

.no-item {
  margin: 10px;
}

.attachment a {
  margin-top: 0px !important;
  font-weight: bold;
}

.news-info img {
  max-width: 100%;
}

.news-detail-container .col-sm-3 {
  width: 24% !important;
}

@media only screen and (max-width: 767px) {
  .news-info img {
    width: 100% !important;
    height: auto !important;
  }

  .news-info table tbody table {
    width: auto !important;
  }

  .news-info {
    display: block;
    padding-right: 10px;
  }

  .attachment {
    font-size: 13px;
  }

  .news-detail-container .col-sm-3 {
    width: 100% !important;
  }
}

.new-img {
  width: 100%;
  margin-bottom: 20px;
}

#clickSearch {
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .col-sm-4 .btn {
    padding: 0 10px;
  }

  #clickSearch {
    margin-top: 10px;
    padding: 0 25px;
  }
}

.comparison-board .selected-cards.stick {
  position: fixed;
  opacity: 1;
  background: #fff;
  z-index: 20;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 1220px;
  padding: 20px;
  border-bottom: solid 1px #e0e0e0;
  margin-top: 0px;
}

.comparison-board .selected-cards.stick img {
  display: none;
}

body.bidv-visa-infinite #header .mobile-header #logo-infinite a img {
  height: 40px !important;
}

@media only screen and (max-width: 768px) {

  #choose-your-card .draggable,
  img {
    height: auto !important;
  }
}

.modal {
  z-index: 120;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.59);
  top: 0;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
}

.modal.popup-modal .modal-container {
  max-width: 500px;
  background-color: #fff;
  border: solid 1px #e0e0e0;
  border-radius: 4px;
  position: relative;
  padding: 60px 45px 45px;
}

.modal.popup-modal .modal-container .modal-thumb {
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modal.popup-modal .modal-container .btn-group {
  margin-top: 30px;
}

.modal.popup-modal .modal-container .btn-group [class*='btn-'] {
  min-width: 140px;
  margin: 5px 10px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .modal.popup-modal .modal-container {
    padding: 50px 20px 30px;
  }

  .modal.popup-modal .modal-container .btn-group {
    margin-top: 20px;
  }

  .modal.popup-modal .modal-container .btn-group [class*='btn-'] {
    min-width: 100px;
    margin: 5px;
  }
}

@media only screen and (min-width: 440px) and (max-width: 475px) {
  #email-us-form input[type='text']::-webkit-input-placeholder {
    font-size: 13px;
  }

  #email-us-form input[type='text']::-moz-placeholder {
    font-size: 13px;
  }

  #email-us-form input[type='text']:-ms-input-placeholder {
    font-size: 13px;
  }

  #email-us-form input[type='text']::placeholder {
    font-size: 13px;
  }
}

@media only screen and (min-width: 410px) and (max-width: 439px) {
  #email-us-form input[type='text']::-webkit-input-placeholder {
    font-size: 12px;
  }

  #email-us-form input[type='text']::-moz-placeholder {
    font-size: 12px;
  }

  #email-us-form input[type='text']:-ms-input-placeholder {
    font-size: 12px;
  }

  #email-us-form input[type='text']::placeholder {
    font-size: 12px;
  }
}

@media only screen and (min-width: 360px) and (max-width: 409px) {
  #email-us-form input[type='text']::-webkit-input-placeholder {
    font-size: 10px;
  }

  #email-us-form input[type='text']::-moz-placeholder {
    font-size: 10px;
  }

  #email-us-form input[type='text']:-ms-input-placeholder {
    font-size: 10px;
  }

  #email-us-form input[type='text']::placeholder {
    font-size: 10px;
  }
}

@media only screen and (max-width: 359px) {

  #email-us-form input,
  #email-us-form textarea {
    padding: 13px !important;
  }

  #email-us-form input[type='text']::-webkit-input-placeholder {
    font-size: 9px;
  }

  #email-us-form input[type='text']::-moz-placeholder {
    font-size: 9px;
  }

  #email-us-form input[type='text']:-ms-input-placeholder {
    font-size: 9px;
  }

  #email-us-form input[type='text']::placeholder {
    font-size: 9px;
  }
}

#bidv-gallery hr {
  border-top: unset;
  margin: 10px auto !important;
}

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

@media only screen and (width: 768px) {
  .deposit-panel .col-sm-6 {
    width: 48% !important;
    height: 350px;
  }
}

.inner-container .sitemap {
  margin-top: 30px;
}

@media only screen and (max-width: 450px) {
  .logo_title {
    font-size: 17px;
  }
}

.logo-search {
  position: absolute;
  top: -40px;
}

.inner-container .sitemap {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) {
  .data-filter.pad-bot .col-sm-4 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.news-info ul,
.news-info ol {
  line-height: 20px;
  margin-bottom: 10px !important;
}

.news-detail-container .hidden-xs {
  display: block !important;
}

#header .has-sub-options {
  position: relative;
  z-index: 0;
}

#header .has-sub-options:hover {
  z-index: 1;
}

#header .has-options .options li.has-sub-options:hover a {
  font-weight: 700;
  color: inherit !important;
}

#header .has-options .options li.has-sub-options:hover ul li a {
  color: #1c2e36 !important;
  font-weight: normal;
}

#header .has-options .options li.has-sub-options:hover ul li:hover a {
  color: inherit !important;
  font-weight: 600;
}

#header .has-sub-options .sub-options {
  max-height: 0;
  overflow: hidden;
  position: absolute;
  left: auto;
  min-width: 190px;
  width: 100%;
  right: 0 !important;
  top: 100% !important;
  -webkit-transition: all 800ms;
  -o-transition: all 800ms;
  transition: all 800ms;
}

#header .has-sub-options .sub-options li:first-child {
  border-top: 1px solid #e0e0e0 !important;
}

#header .has-sub-options .sub-options li {
  border-top: 1px solid #e0e0e0 !important;
}

#header .has-sub-options .sub-options a {
  padding-left: 40px;
}

#header .has-sub-options .sub-options a:after {
  display: none;
}

#header .has-sub-options:hover>a:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#header .mobile-header .main-header .login-links .nav-container li.expand a:after {
  display: none;
}

#header .mobile-header.show-expanded-mobile .mobile-primary-menu {
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

#header .mobile-header.show-expanded-mobile .mobile-primary-menu li {
  display: none;
  opacity: 1;
  -webkit-transition: opacity ease 1000ms;
  -o-transition: opacity ease 1000ms;
  transition: opacity ease 1000ms;
}

#header .mobile-header.show-expanded-mobile .mobile-primary-menu li.current {
  display: block;
}

#header .mobile-header.show-expanded-mobile .mobile-primary-menu li.current li {
  display: block;
}

#header .mobile-header.show-expanded-mobile .mobile-primary-menu li.hide-menu {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: none;
}

#header .mobile-header.show-expanded-mobile .mobile-primary-menu .mobile-back-menu {
  display: none !important;
}

#header .mobile-header.show-expanded-mobile .mobile-primary-menu ul.current>.mobile-back-menu {
  display: block !important;
}

#header .mobile-header.show-expanded-mobile .register-nav {
  left: -100% !important;
  height: 0px;
  overflow: hidden;
}

#header .mobile-header .mobile-primary-menu {
  overflow: hidden;
}

#header .mobile-header .mobile-primary-menu .menu-expand {
  position: relative;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  left: 0%;
}

#header .mobile-header .mobile-primary-menu .menu-expand[data-level='1'] {
  left: -100%;
}

#header .mobile-header .mobile-primary-menu .menu-expand[data-level='2'] {
  left: -200%;
}

#header .mobile-header .mobile-primary-menu .menu-expand[data-level='3'] {
  left: -300%;
}

#header .mobile-header .mobile-primary-menu .menu-expand[data-level='4'] {
  left: -400%;
}

#header .mobile-header .mobile-primary-menu .mobile-back-menu {
  display: none;
  background-color: #f5f5f5;
  text-align: center;
  position: relative;
}

#header .mobile-header .mobile-primary-menu .mobile-back-menu::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  border-bottom: solid 2px #9e9e9e;
  border-right: solid 2px #9e9e9e;
  width: 8px;
  height: 8px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

#header .mobile-header .mobile-primary-menu .current .mobile-back-menu {
  display: block;
}