.fz-16, .bangthang table {

  font-size: 16px;

}

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

  .fz-16, .bangthang table {

    font-size: 15px;

  }

}



.fz-18, .tpd-skin-dark .tpd-content,

.tpd-skin-dark .tpd-title,

.tpd-skin-dark .tpd-close, .box-tuoi .desc a, .boi-kieu-guide h3 {

  font-size: 16px;

}

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

  .fz-18, .tpd-skin-dark .tpd-content,

  .tpd-skin-dark .tpd-title,

  .tpd-skin-dark .tpd-close, .box-tuoi .desc a, .boi-kieu-guide h3 {

    font-size: 14px;

  }

}

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

  .fz-18, .tpd-skin-dark .tpd-content,

  .tpd-skin-dark .tpd-title,

  .tpd-skin-dark .tpd-close, .box-tuoi .desc a, .boi-kieu-guide h3 {

    font-size: 14px;

  }

}



.fz-20, body, .fa::before,

[class*=ico-]::before, .form-control, .btn-main, input.form-submit, .footer-bottom, .post-item-sidebar h2, .title-bg-light, .box-tuoi .desc, .boi-cung-hoang-dao-kq .desc h3, .title-danger-bg-light, .do-suc-khoe h3, .kq-so-xo h3, .kq-so-xo h2, .kq-so-xo table .gr-yellow, .kq-so-xo table .gr-yellow a, .title-blue, .boi-kieu-guide h3, .thay-phan-hoi-y h4, #custom-thay-phan-ho-form .ket-qua p:first-child, .calendar-yin-yang-text, .khung_lich .khung_lich_duong #thangduong, .khung_lich .khung_lich_duong #thuduong, .khung_lich #khung_am #thangam, .hai-loc-kq .inside .text h3 {

  font-size: 18px;

}

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

  .fz-20, body, .fa::before,

  [class*=ico-]::before, .form-control, .btn-main, input.form-submit, .footer-bottom, .post-item-sidebar h2, .title-bg-light, .box-tuoi .desc, .boi-cung-hoang-dao-kq .desc h3, .title-danger-bg-light, .do-suc-khoe h3, .kq-so-xo h3, .kq-so-xo h2, .kq-so-xo table .gr-yellow, .kq-so-xo table .gr-yellow a, .title-blue, .boi-kieu-guide h3, .thay-phan-hoi-y h4, #custom-thay-phan-ho-form .ket-qua p:first-child, .calendar-yin-yang-text, .khung_lich .khung_lich_duong #thangduong, .khung_lich .khung_lich_duong #thuduong, .khung_lich #khung_am #thangam, .hai-loc-kq .inside .text h3 {

    font-size: 16px;

  }

}

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

  .fz-20, body, .fa::before,

  [class*=ico-]::before, .form-control, .btn-main, input.form-submit, .footer-bottom, .post-item-sidebar h2, .title-bg-light, .box-tuoi .desc, .boi-cung-hoang-dao-kq .desc h3, .title-danger-bg-light, .do-suc-khoe h3, .kq-so-xo h3, .kq-so-xo h2, .kq-so-xo table .gr-yellow, .kq-so-xo table .gr-yellow a, .title-blue, .boi-kieu-guide h3, .thay-phan-hoi-y h4, #custom-thay-phan-ho-form .ket-qua p:first-child, .calendar-yin-yang-text, .khung_lich .khung_lich_duong #thangduong, .khung_lich .khung_lich_duong #thuduong, .khung_lich #khung_am #thangam, .hai-loc-kq .inside .text h3 {

    font-size: 16px;

  }

}



.fz-22, h3,

.category-intro h1, .mh-con-giap h1, .box-tuoi .overview .tuoi, .box-tuoi .overview .tuoi span,
 .cung .text, .relate-label, .xem-tuoi-ket-hon-kq h3, .title-box-dark, .date-box .da, .bangthang table .tenthang, .khung_lich .lich-top .top-1, .lvn-thu-ngay, .lvn-thu-ngay h3, .lvn-thu-ngay h2, .diem-lanh-du-kq .inside p strong, .gio-dep-ngay-tet h4 {

  font-size: 20px;

}

.bio-chart h3, .boi-kieu-kq h3 {
  font-size: 19px;
}

.description-result-tip .view-giai-mong h4 {
  font-size: 20px;
}

.cs-quevs .view-giai-mong h3 {
  font-size: 20px;
  margin-bottom: 1.1rem;
}

.form-boi-tinh-yeu-chd .header-form span {
  font-size: 18px;
}

.blood, .person .and {
  font-size: 22px;
}

.person .person-item h4 {
  font-size: 20px;
}

.person .person-item .btn {
  font-size: 17px;
}

.modal-cung h3, .modal-cung2 h3 {
  font-size: 18px;
}

.title-bold {
  font-size: 19px;
}


@media only screen and (min-width: 768px) {
	
.bio-chart h3, .boi-kieu-kq h3,
.description-result-tip .view-giai-mong h4,
.cs-quevs .view-giai-mong h3 {
  font-size: 17px;
}
	
.blood, .person .and {
  font-size: 20px;
}
	
.person .person-item h4 {
  font-size: 18px;
}
	
.person .person-item .btn {
  font-size: 15px;
}
	
.modal-cung h3, .modal-cung2 h3 {
  font-size: 16px;
}
	
.title-bold {
  font-size: 17px;
}

  .fz-22, h3,

  .category-intro h1, .mh-con-giap h1, .box-tuoi .overview .tuoi, .box-tuoi .overview .tuoi span,
 .cung .text, .relate-label, .xem-tuoi-ket-hon-kq h3, .title-box-dark, .date-box .da, .bangthang table .tenthang, .khung_lich .lich-top .top-1, .lvn-thu-ngay, .lvn-thu-ngay h3, .lvn-thu-ngay h2, .diem-lanh-du-kq .inside p strong, .gio-dep-ngay-tet h4 {
    font-size: 18px;
  }

}

@media only screen and (min-width: 992px) {
	
.bio-chart h3, .boi-kieu-kq h3,
.description-result-tip .view-giai-mong h4,
.cs-quevs .view-giai-mong h3 {
  font-size: 17px;
}
	
.blood, .person .and {
  font-size: 18px;
}
	
.person .person-item h4 {
  font-size: 16px;
}
	
.person .person-item .btn {
  font-size: 15px;
}
	
.modal-cung h3, .modal-cung2 h3 {
  font-size: 16px;
}
	
.title-bold {
  font-size: 17px;
}

  .fz-22, h3,

  .category-intro h1, .mh-con-giap h1, .box-tuoi .overview .tuoi, .box-tuoi .overview .tuoi span,
.cung .text, .relate-label, .xem-tuoi-ket-hon-kq h3, .title-box-dark, .date-box .da, .bangthang table .tenthang, .khung_lich .lich-top .top-1, .lvn-thu-ngay, .lvn-thu-ngay h3, .lvn-thu-ngay h2, .diem-lanh-du-kq .inside p strong, .gio-dep-ngay-tet h4 {
    font-size: 16px;
  }

}



.fz-24, h2, .heading-line h3, .other-categories-item h4, .total .total-title, .ten-vui-nhon .name h4, .kq-so-xo table .dac-biet td, .thay-phan-hoi-y h4 span, .bangthang table .thang_nd1 td .thang_nd_left, .ui-link-sure, .button-cupid-heart, .gio-dep-ngay-tet h3 {

  font-size: 22px;

}

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

  .fz-24, h2, .heading-line h3, .other-categories-item h4, .total .total-title, .ten-vui-nhon .name h4, .kq-so-xo table .dac-biet td, .thay-phan-hoi-y h4 span, .bangthang table .thang_nd1 td .thang_nd_left, .ui-link-sure, .button-cupid-heart, .gio-dep-ngay-tet h3 {

    font-size: 20px;

  }

}

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

  .fz-24, h2, .heading-line h3, .other-categories-item h4, .total .total-title, .ten-vui-nhon .name h4, .kq-so-xo table .dac-biet td, .thay-phan-hoi-y h4 span, .bangthang table .thang_nd1 td .thang_nd_left, .ui-link-sure, .button-cupid-heart, .gio-dep-ngay-tet h3 {

    font-size: 18px;

  }

}



.fz-26, h1, .info-owner-transport .no-plate {

  font-size: 24px;

}

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

  .fz-26, h1, .info-owner-transport .no-plate {

    font-size: 22px;

  }

}

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

  .fz-26, h1, .info-owner-transport .no-plate {

    font-size: 18px;

  }

}



.fz-28 {

  font-size: 26px;

}

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

  .fz-28 {

    font-size: 24px;

  }

}

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

  .fz-28 {

    font-size: 20px;

  }

}



.fz-40, .hai-loc-kq h2 {

  font-size: 40px;

}

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

  .fz-40, .hai-loc-kq h2 {

    font-size: 38px;

  }

}

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

  .fz-40, .hai-loc-kq h2 {

    font-size: 36px;

  }

}



.fz-30, .list-app-category li a:after {

  font-size: 38px;

}

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

  .fz-30, .list-app-category li a:after {

    font-size: 36px;

  }

}

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

  .fz-30, .list-app-category li a:after {

    font-size: 34px;

  }

}



.fz-72, .random-number {

  font-size: 70px;
  line-height: 1.0;

}

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

  .fz-72, .random-number {

    font-size: 68px;

  }

}

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

  .fz-72, .random-number {

    font-size: 66px;

  }

}



.fz-100, .gio-dep-ngay-tet h2 {

  font-size: 98px;

}

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

  .fz-100, .gio-dep-ngay-tet h2 {

    font-size: 96px;

  }

}

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

  .fz-100, .gio-dep-ngay-tet h2 {

    font-size: 94px;

  }

}



.ico-1 {

  background-image: url('../images/sprites-s7097869924.png');

  background-position: 0 0;

  background-repeat: no-repeat;

  overflow: hidden;

  height: 20px;

  width: 30px;

  display: inline-block;

}



.ico-2 {

  background-image: url('../images/sprites-s7097869924.png');

  background-position: 0 -30px;

  background-repeat: no-repeat;

  overflow: hidden;

  height: 25px;

  width: 24px;

  display: inline-block;

}



.ico-3 {

  background-image: url('../images/sprites-s7097869924.png');

  background-position: 0 -65px;

  background-repeat: no-repeat;

  overflow: hidden;

  height: 25px;

  width: 25px;

  display: inline-block;

}



.ico-4 {

  background-image: url('../images/sprites-s7097869924.png');

  background-position: 0 -100px;

  background-repeat: no-repeat;

  overflow: hidden;

  height: 14px;

  width: 14px;

  display: inline-block;

}



@font-face {

  font-family: 'UTMOngDoGia';

  src: url("../fonts/UTMOngDoGia.eot");

  src: url("../fonts/UTMOngDoGia.eot") format("embedded-opentype"), url("../fonts/UTMOngDoGia.woff2") format("woff2"), url("../fonts/UTMOngDoGia.woff") format("woff"), url("../fonts/UTMOngDoGia.ttf") format("truetype"), url("../fonts/UTMOngDoGia.svg#UTMOngDoGia") format("svg");

}

@font-face {

  font-family: 'UTMAristote';

  src: url("../fonts/UTMAristote.eot");

  src: url("../fonts/UTMAristote.eot") format("embedded-opentype"), url("../fonts/UTMAristote.woff2") format("woff2"), url("../fonts/UTMAristote.woff") format("woff"), url("../fonts/UTMAristote.ttf") format("truetype"), url("../fonts/UTMAristote.svg#UTMAristote") format("svg");

}

body {

  color: #333333;

  font-family: Arial, sans-serif;

  line-height: 1.6;

  overflow-x: hidden;

}



img {

  max-width: 100%;

  height: auto;

  width: auto;

}



a {

  color: #333333;

}

a:hover, a:focus {

  text-decoration: none;

  color: #d01300;

}



.main-menu, .main-menu ul, .sub-navbar .menu, .nav-footer, .list-app-category, .list-con-giap ul, .list-mn-tuoi ul, .xem-theo-12cung ul, .list-cards, ul.list-cung, .khung_lich .lich-top .top-2 ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



button, input[type="submit"], .btn {

  cursor: pointer;

}

button:focus, input[type="submit"]:focus, .btn:focus {

  outline: none;

}



.btn {

  white-space: normal;

}



textarea {

  resize: none;

}



.container {

  padding-left: 10px;

  padding-right: 10px;

}



@media (min-width: 1024px) {

  .container {

    max-width: 990px;

  }

}

.row {

  margin-left: -10px;

  margin-right: -10px;

}



[class*="col-"] {

  padding-left: 10px;

  padding-right: 10px;

}



.clickable {

  cursor: pointer;

}



.btn-lg {

  font-size: 22px;

  padding-top: 12px;

  padding-bottom: 13px;

}

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

  .btn-lg {

    font-size: 18px;

  }

}



.back-top {

  background-color: rgba(235, 137, 26, 0.6);

  border: none;

  cursor: pointer;

  width: 60px;

  height: 60px;

  text-align: center;

  line-height: 60px;

  font-size: 24px;

  position: fixed;

  right: 20px;

  bottom: 100px;

  z-index: 23;

  color: #fff;

  display: none;

}

.back-top.show {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: center;

  justify-content: center;

  -ms-flex-align: center;

  align-items: center;

}



.btn-orange {

  background-color: #edba4b;

  color: #333333;

}

.btn-orange:hover {

  background-color: #e8a81d;

}



.text-inherit {

  text-transform: inherit !important;

}

.mb-15 {

  margin-bottom: 15px !important;

}

.mb-20 {

  margin-bottom: 20px !important;

}

.mb-25 {

  margin-bottom: 25px !important;

}

.mb-30 {

  margin-bottom: 30px !important;

}

.mb-35 {

  margin-bottom: 35px !important;

}



.fa, [class*=ico-] {

  font-size: 0;

}



.col-right-wide, .col-left-wide {

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



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

  .col-right-wide {

    -ms-flex: 0 0 37.37374%;

    flex: 0 0 37.37374%;

    max-width: 37.37374%;

    margin-right: -20px;

  }



  .col-left-wide {

    -ms-flex: 0 0 calc(100% - 37.37374%);

    flex: 0 0 calc(100% - 37.37374%);

    max-width: calc(100% - 37.37374%);

  }

}

.form-control {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

}



/* breadcrumb */

.breadcrumb {

  background: #f8f8f8;

  border-radius: 0;

  padding: 5px 0;

  font-size: 15px;

  margin-bottom: 20px;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  overflow-y: hidden;

  overflow-x: auto;

}

.breadcrumb .start {

  margin-right: 20px;

}


.breadcrumb .start a {

  font-weight: 700;

  color: #d01300;

  background: #fff;

  border-left: 3px solid #d01300;

  padding: 5px 4px 5px 16px;

  margin-left: 0;

  line-height: 30px;

  display: inline-block;

  position: relative;

}

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

  .breadcrumb .start a {

    line-height: 20px;

    padding-top: 10px;

    padding-bottom: 10px;

  }

}

.breadcrumb .start a::after {

  content: '';

  position: absolute;

  right: -19px;

  top: 0;

  border-left: 20px solid #fff;

  border-top: 20px solid transparent;

  border-bottom: 20px solid transparent;

}

.breadcrumb .start a::before {

  content: '';

  position: absolute;

  right: -20px;

  top: 0;

  border-left: 20px solid rgba(221, 221, 221, 0.5);

  border-top: 20px solid transparent;

  border-bottom: 20px solid transparent;

}

.breadcrumb li {

  white-space: nowrap;

}

.breadcrumb li:not(:first-child) {

  border-right: 1px solid #ddd;

}

.breadcrumb li:last-child {

  border-right: none;

}

.breadcrumb li.active {

  font-weight: bold;

}



.breadcrumb-site .container {

  max-width: 100%;

  padding-left: 0;

  padding-right: 0;

}

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

  .breadcrumb-site .container {

    padding-left: 10px;

    padding-right: 10px;

    max-width: 1010px;

    margin: 0 auto;

  }

}



.text-red, .box-tuoi + p + a, .thay-phan-ho label, .bangthang table .thang_nd2 td:nth-child(7), .bangthang table .thang_nd2 td:nth-child(8), .bangthang table .thang_nd1 td:nth-child(7) .thang_nd_left, .bangthang table .thang_nd1 td:nth-child(8) .thang_nd_left, .view-giai-mong table tbody tr td:first-child {

  color: #d01300 !important;

}



.title-page {

  color: #d01300;

  text-align: center;

  font-weight: 700;

  margin-bottom: 16px;
	
  text-transform: capitalize;

}



.bg-light {

  background-color: #f8f8f8 !important;

}



.text-normal {

  color: #333333 !important;

}



.text-yellow {

  color: #ff9e11 !important;

}



.text-blue {

  color: #213f7e !important;

}



.text-bold {

  font-weight: 700 !important;

}



h1 {

  font-weight: 700;

}



h2 {

  font-weight: 700;

}



h3 {

  font-weight: 700;

}



.mask {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(52, 73, 94, 0.8);

  z-index: 50;

  visibility: hidden;

  opacity: 0;

  transition: 0.7s;

}

.mask.active {

  visibility: visible;

  opacity: 1;

}



.modal {

  background: rgba(52, 73, 94, 0.8);

}

.modal.show {

  display: block;

}



.item-list .pager li {

  margin: 0 3px 10px;

  padding: 0;

  display: inline-block;

}

.item-list .pager li a {

  position: relative;

  display: block;

  padding: 7px 10px;

  min-width: 38px;

  text-align: center;

  color: #333333;

  background-color: #fff;

  border: 1px solid #ececec;

  border-radius: 2px;

}

.item-list .pager li a:hover {

  color: #d01300;

}

.item-list .pager li.pager-current {

  padding: 7px 10px;

  min-width: 38px;

  text-align: center;

  color: #333333;

  background-color: #fff;

  border: 1px solid #ececec;

  border-radius: 2px;

  color: #d01300;

  font-weight: normal;

}



.table-bordered tbody {

  border-top: none;

}



b, strong {

  font-weight: 700;

}



.btn-main, input.form-submit {

  color: #fff;

  background-color: #ff950d;

  border: 2px solid #ff950d;

  padding-top: 8px;

  padding-bottom: 8px;

  display: inline-block;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

  font-weight: 700;

  min-width: 140px;

}

.btn-main:hover, .btn-main:focus, input.form-submit:hover, input.form-submit:focus {

  box-shadow: none;

  color: #fff;

  background-color: #d97a00;

  border-color: #d97a00;

}

.btn-main:active, input.form-submit:active {

  background-color: #d97a00;

  border-color: #d97a00;

}

.btn-main.disabled, input.form-submit.disabled {

  background-color: #999;

}



.btn-main {

  padding-left: 10px;

  padding-right: 10px;

}



.form-control {

  padding: 5px 5px;

  border-color: #ff950d;

}

input.form-control {

  min-height: 41px;
  padding-left: 9px;
}

select.form-control:not([size]):not([multiple]) {

  height: 41px;

}

.btn-clear {

  border: none;

  padding: 0;

  background-color: transparent;

  cursor: pointer;

}



.btn-light {

  background-color: #ececec;

  border-color: #ececec;

  color: #d01300;

}

.btn-light:hover, .btn-light:focus {

  background-color: #ddd;

  border-color: #ddd;

  color: #d01300;

}



label {

  font-weight: 700;

}

label span {

  font-weight: normal;

  font-style: italic;

}



input.btn-danger[type="submit"],

.btn-danger {

  background-color: #d22225;

  border-color: #d22225;

}

input.btn-danger[type="submit"]:hover, input.btn-danger[type="submit"]:focus,

.btn-danger:hover,

.btn-danger:focus {

  background-color: #a61b1d;

  border-color: #a61b1d;

}

input.btn-danger[type="submit"]:active,

.btn-danger:active {

  background-color: #a61b1d;

  border-color: #a61b1d;

}

.main-navbar {

  background-color: #f8f8f8;

  border-bottom: 1px solid #dddddd;

  padding: 10px 0;

}


@media (max-width: 767px) {

  .main-navbar.nav-down {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transition: transform 400ms ease;
    -webkit-transition: transform 400ms ease;
    -moz-transition: transform 400ms ease;
    -o-transition: transform 400ms ease;

  }
  .nav-up{
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transition: transform 400ms ease;
    -moz-transition: transform 400ms ease;
    -o-transition: transform 400ms ease;
}
}


.search-form {

  margin: 15px 0;

}

.search-form.in-header {

  display: none;

}

.search-form.show {

  display: block;

}

.search-form form {

  position: relative;

  height: 60px;

  border: 1px solid #ddd;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  padding-right: 69px;

  overflow: hidden;

  padding-left: 15px;

}

.search-form form .form-control {

  height: 100%;

  border: none;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

}

.search-form form .form-control::-webkit-input-placeholder {

  color: #777777;

}

.search-form form .form-control:-moz-placeholder {

  color: #777777;

  opacity: 1;

}

.search-form form .form-control::-moz-placeholder {

  color: #777777;

  opacity: 1;

}

.search-form form .form-control:-ms-input-placeholder {

  color: #777777;

}

.search-form form .form-control:focus {

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

}

.search-form form .btn {

  position: absolute;

  width: 70px;

  height: 62px;

  top: 0;

  right: 0;

  text-align: center;

  line-height: 62px;

  background-color: #ddd;

  -webkit-border-radius: 0 5px 5px 0;

  -moz-border-radius: 0 5px 5px 0;

  -ms-border-radius: 0 5px 5px 0;

  -o-border-radius: 0 5px 5px 0;

  border-radius: 0 5px 5px 0;

}

.search-form form .btn i {

  vertical-align: middle;

}



.search-header {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.toggle-search {

  position: relative;

}

.toggle-search.open:after {

  content: "";

  width: 0;

  height: 0;

  display: block;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 10px solid #fff;

  position: absolute;

  left: 50%;

  margin-left: -10px;

  bottom: -11px;

  z-index: 2;

}



.slidebar-menu {

  background-color: #fff;

  position: fixed;

  top: 0;

  left: -1024px;

  width: 85%;

  z-index: 999;

  height: 100%;

  overflow-y: auto;

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  -o-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

@media (min-width: 768px) {

  .slidebar-menu {

    width: 530px;

    position: absolute;

    height: auto;

  }

}

.slidebar-menu.show {

  left: 0;

}

.slidebar-menu .header-menu {

  position: relative;

  text-align: center;

  padding: 10px 0;

  border-bottom: 1px solid #dedede;

}

.slidebar-menu .header-menu img {

  max-height: 55px;

}

.slidebar-menu .header-menu .close-menu {

  position: absolute;

  top: 50%;

  left: 30px;

  transform: translate(0, -50%);

  z-index: 3;

}

.slidebar-menu .back {

  padding: 15px 0;

  border-bottom: 1px solid #e3e3e3;

}

.slidebar-menu .back a {

  color: #213f7e;

}

.slidebar-menu .back a:hover {

  color: #d01300;

}



.main-menu li {

  border-bottom: 1px solid #e3e3e3;

  position: relative;

}

.main-menu ul {

  border-top: 1px solid #e3e3e3;

  display: none;

}

.main-menu ul.show {

  display: block;

}

.main-menu ul li:last-child {

  border-bottom: none;

}

.main-menu .nav-link {

  text-transform: uppercase;

  font-weight: 700;

  padding: 15px 0 15px 30px;

  margin-right: 60px;

}

.main-menu .dropdown-item {

  padding: 14px 30px;

  background-color: #f8f8f8;

}

.main-menu .dropdown-item:hover {

  background-color: transparent;

  color: #d01300;

}

.main-menu .btn-clear {

  position: absolute;

  right: 0;

  width: 60px;

  text-align: center;

  top: 12px;

  color: #777777;

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  -o-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.main-menu .btn-clear.open {

  -webkit-transform: rotate(-180deg);

  -moz-transform: rotate(-180deg);

  -o-transform: rotate(-180deg);

  transform: rotate(-180deg);

}

.main-menu .btn-clear i:before {

  font-size: 32px;

}



.sub-navbar {

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

}

.sub-navbar .menu {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: space-between;

  justify-content: space-between;

}

.sub-navbar .menu > li {

  border-right: 1px solid #ddd;

  text-align: center;

  margin: 0;

}

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

  .sub-navbar .menu > li {

    width: 100%;

    white-space: nowrap;

  }

}

.sub-navbar .menu > li:first-child {

  padding-left: 0;

}

.sub-navbar .menu > li.dropdown {

  border-right: none;

  padding-right: 0;

  -ms-flex: 0 0 48px;

  flex: 0 0 48px;

  max-width: 48px;

  padding-top: 0;

  padding-bottom: 0;

}

.sub-navbar .menu > li > a {

  font-size: 14px;

  display: block;

  padding: 10px 8px;

}

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

  .sub-navbar .menu > li > a {

    text-transform: uppercase;

    font-size: 16px;

    padding: 18px 15px;

  }

}

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

  .sub-navbar .menu > li > a {

    font-size: 16px;

  }

}

.sub-navbar .menu .dropdown {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.sub-navbar .menu .dropdown-toggle {

  color: #777777;

}

.sub-navbar .menu .dropdown-toggle:after {

  display: none;

}

.sub-navbar .menu .dropdown-toggle i:before {

  font-size: 40px;

}

.sub-navbar .menu .dropdown-menu {

  left: auto;

  right: 0;

  border: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  width: 324px;

  padding: 0 24px;

  background-color: #f8f8f8;

  margin-top: 0;

}

.sub-navbar .menu .dropdown-menu li:not(:last-child) {

  border-bottom: 1px solid #ddd;

}

.sub-navbar .menu .dropdown-menu li a {

  text-transform: uppercase;

  padding: 14px 0;
	
  font-size: 14.4px;

  display: block;

}

.footer-bottom {

  padding: 24px 0 0;

}

.footer-bottom .links {

  margin-bottom: 15px;

  text-align: center;

}

.footer-bottom .links span {

  margin: 0 5px;

}



.social-footer {

  margin-bottom: 23px;

  text-align: center;

}

.social-footer span {

  display: block;

  margin-bottom: 10px;

}

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

  .social-footer span {

    margin-right: 10px;

    display: inline-block;

    vertical-align: middle;

  }

}

.social-footer a {

  color: #fff;

  display: inline-block;

  vertical-align: middle;

}

.social-footer a:not(:last-child) {

  margin-right: 10px;

}

.social-footer a i {

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  -o-border-radius: 6px;

  border-radius: 6px;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  font-size: 0;

}

.social-footer a i:before {

  font-size: 20px;

}

.social-footer a i.fa-facebook {

  background-color: #346da6;

}

.social-footer a i.fa-twitter {

  background-color: #1cb7eb;

}

.social-footer a i.fa-pinterest-p {

  background-color: #ca4638;

}

.social-footer a i.fa-tumblr {

  background-color: #4a6278;

}

.social-footer a i.fa-google-plus {

  background-color: #ca4638;

}



.copyright {

  border-top: 1px solid #ddd;

  padding-top: 17px;

  margin-bottom: 12px;

}

.copyright p {

  margin-bottom: 7px;

}

.copyright p:last-child {

  margin-bottom: 0;

}



.footer-top .inner {

  background-color: #f4f4f4;

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

}



.nav-footer {

  margin: 0 -20px -1px;

}

.nav-footer li {

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

  padding: 8px 20px 0;

}

.nav-footer li a {

  display: block;

  border-bottom: 1px solid #ddd;

  padding: 12px 0;

  text-transform: uppercase;

}



.title-line {

  background: url(../images/bg/line.jpg) left center repeat-x;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 20px;

}

.title-line span {

  display: inline-block;

  padding-right: 18px;

  background-color: #fff;

}



.back-to-top {

  position: fixed;

  bottom: 20px;

  right: 20px;

  width: 45px;

  height: 45px;

  background-color: rgba(0, 0, 0, 0.2);

  color: #fff;

  display: none;

}

.back-to-top:hover {

  background-color: rgba(0, 0, 0, 0.5);

}

.back-to-top i:before {

  font-size: 35px;

}

.back-to-top.show {

  display: block;

}



/*

 * Tipped - A Complete Javascript Tooltip Solution - v4.6.1

 * (c) 2012-2017 Nick Stakenburg

 *

 * http://www.tippedjs.com

 *

 * License: http://www.tippedjs.com/license

 */

.tpd-tooltip {

  position: absolute;

}



/* Fix for CSS frameworks that don't keep the use of box-sizing: border-box

   within their own namespace */

.tpd-tooltip {

  box-sizing: content-box;

}



.tpd-tooltip [class^="tpd-"] {

  box-sizing: inherit;

}



/* Content */

.tpd-content-wrapper {

  position: absolute;

  top: 0;

  left: 0;

  float: left;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.tpd-content-spacer,

.tpd-content-relative,

.tpd-content-relative-padder {

  float: left;

  position: relative;

}



.tpd-content-relative {

  width: 100%;

}



.tpd-content {

  float: left;

  clear: both;

  position: relative;

  padding: 10px;

  font-size: 11px;

  line-height: 16px;

  color: #fff;

  box-sizing: border-box !important;

}



.tpd-has-inner-close .tpd-content-relative .tpd-content {

  padding-right: 0 !important;

}



.tpd-tooltip .tpd-content-no-padding {

  padding: 0 !important;

}



.tpd-title-wrapper {

  float: left;

  position: relative;

  overflow: hidden;

}



.tpd-title-spacer {

  float: left;

}



.tpd-title-relative,

.tpd-title-relative-padder {

  float: left;

  position: relative;

}



.tpd-title-relative {

  width: 100%;

}



.tpd-title {

  float: left;

  position: relative;

  font-size: 11px;

  line-height: 16px;

  padding: 10px;

  font-weight: bold;

  text-transform: uppercase;

  color: #fff;

  box-sizing: border-box !important;

}



.tpd-has-title-close .tpd-title {

  padding-right: 0 !important;

}



.tpd-close {

  position: absolute;

  top: 0;

  right: 0;

  width: 28px;

  height: 28px;

  cursor: pointer;

  overflow: hidden;

  color: #fff;

}



.tpd-close-icon {

  float: left;

  font-family: Arial, Baskerville, monospace;

  font-weight: normal;

  font-style: normal;

  text-decoration: none;

  width: 28px;

  height: 28px;

  font-size: 28px;

  line-height: 28px;

  text-align: center;

}



/* Skin */

.tpd-skin {

  position: absolute;

  top: 0;

  left: 0;

}



.tpd-frames {

  position: absolute;

  top: 0;

  left: 0;

}



.tpd-frames .tpd-frame {

  float: left;

  width: 100%;

  height: 100%;

  clear: both;

  display: none;

}



.tpd-visible-frame-top .tpd-frame-top {

  display: block;

}



.tpd-visible-frame-bottom .tpd-frame-bottom {

  display: block;

}



.tpd-visible-frame-left .tpd-frame-left {

  display: block;

}



.tpd-visible-frame-right .tpd-frame-right {

  display: block;

}



.tpd-backgrounds {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-transform-origin: 0% 0%;

  transform-origin: 0% 0%;

}



.tpd-background-shadow {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: transparent;

  pointer-events: none;

}



.tpd-no-shadow .tpd-skin .tpd-background-shadow {

  box-shadow: none !important;

}



.tpd-background-box {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  overflow: hidden;

}



/* only the top background box should be shown when not using a stem */

.tpd-no-stem .tpd-background-box,

.tpd-no-stem .tpd-shift-stem {

  display: none;

}



.tpd-no-stem .tpd-background-box-top {

  display: block;

}



.tpd-background-box-shift,

.tpd-background-box-shift-further {

  position: relative;

  float: left;

  width: 100%;

  height: 100%;

}



.tpd-background {

  border-radius: 10px;

  float: left;

  clear: both;

  background: none;

  -webkit-background-clip: padding-box;

  /* Safari */

  background-clip: padding-box;

  /* IE9+, Firefox 4+, Opera, Chrome */

  border-style: solid;

  border-width: 1px;

  border-color: rgba(255, 255, 255, 0.1);

  /* opacity here bugs out in firefox, .tpd-background-content should have no opacity if this opacity is less than 1 */

}



.tpd-background-loading {

  display: none;

}



/* no radius */

.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background {

  border-radius: 0;

}



.tpd-background-title {

  float: left;

  clear: both;

  width: 100%;

  background-color: #282828;

}



.tpd-background-content {

  float: left;

  clear: both;

  width: 100%;

  background-color: #282828;

}



.tpd-background-border-hack {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-style: solid;

}



.tpd-background-box-top {

  top: 0;

}



.tpd-background-box-bottom {

  bottom: 0;

}



.tpd-background-box-left {

  left: 0;

}



.tpd-background-box-right {

  right: 0;

}



/* Skin / Stems */

.tpd-shift-stem {

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden;

}



.tpd-shift-stem-side {

  position: absolute;

}



.tpd-frame-top .tpd-shift-stem-side,

.tpd-frame-bottom .tpd-shift-stem-side {

  width: 100%;

}



.tpd-frame-left .tpd-shift-stem-side,

.tpd-frame-right .tpd-shift-stem-side {

  height: 100%;

}



.tpd-stem {

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden;

  /* shows possible invalid subpx rendering */

  width: 16px;

  /* best cross browser stem: width = 2 x height (90deg angle) */

  height: 8px;

  margin-left: 3px;

  /* space from the side */

  margin-top: 2px;

  /* space between target and stem */

  -webkit-transform-origin: 0% 0%;

  transform-origin: 0% 0%;

}



/* remove margins once we're done measuring */

.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset {

  margin: 0 !important;

}



.tpd-stem-spacer {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.tpd-stem-reset .tpd-stem-spacer {

  margin-top: 0;

}



.tpd-stem-point {

  width: 100px;

  position: absolute;

  top: 0;

  left: 50%;

}



.tpd-stem-downscale,

.tpd-stem-transform {

  float: left;

  width: 100%;

  height: 100%;

  -webkit-transform-origin: 0% 0%;

  transform-origin: 0% 0%;

  position: relative;

}



.tpd-stem-side {

  width: 50%;

  height: 100%;

  float: left;

  position: relative;

  overflow: hidden;

}



.tpd-stem-side-inversed {

  -webkit-transform: scale(-1, 1);

  transform: scale(-1, 1);

}



.tpd-stem-triangle {

  width: 0;

  height: 0;

  border-bottom-style: solid;

  border-left-color: transparent;

  border-left-style: solid;

  position: absolute;

  top: 0;

  left: 0;

}



.tpd-stem-border {

  width: 20px;

  height: 100%;

  position: absolute;

  top: 0;

  left: 50%;

  background-color: #fff;

  /* will become transparent */

  border-right-color: #fff;

  border-right-style: solid;

  border-right-width: 0;

}



.tpd-stem-border-corner {

  position: absolute;

  top: 0;

  left: 50%;

  height: 100%;

  border-right-style: solid;

  border-right-width: 0;

}



/* fixes rendering issue in IE */

.tpd-stem * {

  z-index: 0;

  zoom: 1;

}



/* used by IE < 9 */

.tpd-stem-border-center-offset,

.tpd-stem-border-center-offset-inverse {

  float: left;

  position: relative;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.tpd-stem-notransform {

  float: left;

  width: 100%;

  height: 100%;

  position: relative;

}



.tpd-stem-notransform .tpd-stem-border {

  height: 100%;

  position: relative;

  float: left;

  top: 0;

  left: 0;

  margin: 0;

}



.tpd-stem-notransform .tpd-stem-border-center {

  position: absolute;

}



.tpd-stem-notransform .tpd-stem-border-corner {

  background: #fff;

  border: 0;

  top: auto;

  left: auto;

}



.tpd-stem-notransform .tpd-stem-border-center,

.tpd-stem-notransform .tpd-stem-triangle {

  height: 0;

  border: 0;

  left: 50%;

}



/* transformations for left/right/bottom */

.tpd-stem-transform-left {

  -webkit-transform: rotate(-90deg) scale(-1, 1);

  transform: rotate(-90deg) scale(-1, 1);

}



.tpd-stem-transform-right {

  -webkit-transform: rotate(90deg) translate(0, -100%);

  transform: rotate(90deg) translate(0, -100%);

}



.tpd-stem-transform-bottom {

  -webkit-transform: scale(1, -1) translate(0, -100%);

  transform: scale(1, -1) translate(0, -100%);

}



/* Spinner */

.tpd-spinner {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 46px;

  height: 36px;

}



.tpd-spinner-spin {

  position: relative;

  float: left;

  margin: 8px 0 0 13px;

  text-indent: -9999em;

  border-top: 2px solid rgba(255, 255, 255, 0.2);

  border-right: 2px solid rgba(255, 255, 255, 0.2);

  border-bottom: 2px solid rgba(255, 255, 255, 0.2);

  border-left: 2px solid #fff;

  -webkit-animation: tpd-spinner-animation 1.1s infinite linear;

  animation: tpd-spinner-animation 1.1s infinite linear;

  box-sizing: border-box !important;

}



.tpd-spinner-spin,

.tpd-spinner-spin:after {

  border-radius: 50%;

  width: 20px;

  height: 20px;

}



@-webkit-keyframes tpd-spinner-animation {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes tpd-spinner-animation {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

/* show the loader while loading and hide all the content */

.tpd-is-loading .tpd-content-wrapper,

.tpd-is-loading .tpd-title-wrapper {

  display: none;

}



.tpd-is-loading .tpd-background {

  display: none;

}



.tpd-is-loading .tpd-background-loading {

  display: block;

}



/* Resets while measuring content */

.tpd-tooltip-measuring {

  top: 0;

  left: 0;

  position: absolute;

  max-width: 100%;

  width: 100%;

}



.tpd-tooltip-measuring .tpd-skin,

.tpd-tooltip-measuring .tpd-spinner {

  display: none;

}



.tpd-tooltip-measuring .tpd-content-wrapper,

.tpd-tooltip-measuring .tpd-title-wrapper {

  display: block;

}



/* Links */

.tpd-tooltip a,

.tpd-tooltip a:hover {

  color: #808080;

  text-decoration: underline;

}



.tpd-tooltip a:hover {

  color: #6c6c6c;

}



/*

 * Sizes

 */

/* x-small */

.tpd-size-x-small .tpd-content,

.tpd-size-x-small .tpd-title {

  padding: 7px 8px;

  font-size: 10px;

  line-height: 15px;

}



.tpd-size-x-small .tpd-background {

  border-radius: 5px;

}



.tpd-size-x-small .tpd-stem {

  width: 12px;

  height: 6px;

  margin-left: 4px;

  margin-top: 2px;

  /* space between target and stem */

}



.tpd-size-x-small.tpd-no-radius .tpd-stem {

  margin-left: 7px;

}



.tpd-size-x-small .tpd-close {

  margin-bottom: 1px;

}



.tpd-size-x-small .tpd-spinner {

  width: 35px;

  height: 29px;

}



.tpd-size-x-small .tpd-spinner-spin {

  margin: 6px 0 0 9px;

}



.tpd-size-x-small .tpd-spinner-spin,

.tpd-size-x-small .tpd-spinner-spin:after {

  width: 17px;

  height: 17px;

}



/* small */

.tpd-size-small .tpd-content,

.tpd-size-small .tpd-title {

  padding: 8px;

  font-size: 10px;

  line-height: 16px;

}



.tpd-size-small .tpd-background {

  border-radius: 6px;

}



.tpd-size-small .tpd-stem {

  width: 14px;

  height: 7px;

  margin-left: 5px;

  margin-top: 2px;

  /* space between target and stem */

}



.tpd-size-small.tpd-no-radius .tpd-stem {

  margin-left: 8px;

}



.tpd-size-small .tpd-close {

  margin: 2px 1px;

}



.tpd-size-small .tpd-spinner {

  width: 42px;

  height: 32px;

}



.tpd-size-small .tpd-spinner-spin {

  margin: 7px 0 0 13px;

}



.tpd-size-small .tpd-spinner-spin,

.tpd-size-small .tpd-spinner-spin:after {

  width: 18px;

  height: 18px;

}



/* medium (default) */

.tpd-size-medium .tpd-content,

.tpd-size-medium .tpd-title {

  padding: 10px;

  font-size: 11px;

  line-height: 16px;

}



.tpd-size-medium .tpd-background {

  border-radius: 8px;

}



.tpd-size-medium .tpd-stem {

  width: 16px;

  /* best cross browser stem width is 2xheight, for a 90deg angle */

  height: 8px;

  margin-left: 6px;

  /* space from the side */

  margin-top: 2px;

  /* space between target and stem */

}



.tpd-size-medium.tpd-no-radius .tpd-stem {

  margin-left: 10px;

}



.tpd-size-medium .tpd-close {

  margin: 4px 2px;

}



/* ideal spinner dimensions don't cause movement op top and

   on the stem when switching to text using position:'topleft' */

.tpd-size-medium .tpd-spinner {

  width: 50px;

  height: 36px;

}



.tpd-size-medium .tpd-spinner-spin {

  margin: 8px 0 0 15px;

}



.tpd-size-medium .tpd-spinner-spin,

.tpd-size-medium .tpd-spinner-spin:after {

  width: 20px;

  height: 20px;

}



/* large */

.tpd-size-large .tpd-content,

.tpd-size-large .tpd-title {

  padding: 10px;

  font-size: 13px;

  line-height: 18px;

}



.tpd-size-large .tpd-background {

  border-radius: 8px;

}



.tpd-size-large .tpd-stem {

  width: 18px;

  height: 9px;

  margin-left: 7px;

  margin-top: 2px;

  /* space between target and stem */

}



.tpd-size-large.tpd-no-radius .tpd-stem {

  margin-left: 10px;

}



.tpd-size-large .tpd-close {

  margin: 5px 2px 5px 2px;

}



.tpd-size-large .tpd-spinner {

  width: 54px;

  height: 38px;

}



.tpd-size-large .tpd-spinner-spin {

  margin: 9px 0 0 17px;

}



.tpd-size-large .tpd-spinner-spin,

.tpd-size-large .tpd-spinner-spin:after {

  width: 20px;

  height: 20px;

}



/* Skins */

/* default (dark) */

.tpd-skin-dark .tpd-content,

.tpd-skin-dark .tpd-title,

.tpd-skin-dark .tpd-close {

  color: #333;

}



.tpd-skin-dark .tpd-background-content,

.tpd-skin-dark .tpd-background-title {

  background-color: #ffffe0;

}



.tpd-skin-dark .tpd-background {

  border-width: 1px;

  border-color: #000000;

}



/* line below the title */

.tpd-skin-dark .tpd-title-wrapper {

  border-bottom: 1px solid #404040;

}



/* spinner */

.tpd-skin-dark .tpd-spinner-spin {

  border-color: rgba(255, 255, 255, 0.2);

  border-left-color: #fff;

}



/* links */

.tpd-skin-dark a {

  color: #ccc;

}



.tpd-skin-dark a:hover {

  color: #c0c0c0;

}



/* card-info */

.card-info {

  border-bottom: 1px solid #ececec;

  padding-bottom: 19px;

  margin-bottom: 21px;

}



.card-info-title,

.card-grid-title {

  line-height: 1.2;

  font-weight: bold;

  margin-bottom: 16px;

}



.card-info-photo {

  float: left;

  width: 48.33333%;

  margin-top: 2px;

  overflow: hidden;

}

.card-info-photo img {

  width: 100%;

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  -o-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.card-info-photo:hover img {

/*  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);*/

}



.card-info-big .card-info-title {

  margin-bottom: 11px;

}

.card-info-big .card-info-title a:hover,
.card-info-big .card-info-title a:focus,
.card-info-big .card-info-title a {

  color: #d01300;

}

/*.card-info-big .card-info-title a:hover, .card-info-big .card-info-title a:focus {

  color: #333333;

}*/

.card-info-big .card-info-photo {

  float: none;

  width: 100%;

  margin-bottom: 22px;

  margin-right: 0;

  margin-top: 0;

}

.aside-right .banner-ads,
.col-right-wide .banner-ads {

  text-align: center;

}


/* block */

.heading {

  background: #f8f8f8;

  padding: 2px 10px 0px 19px;

  position: relative;

  margin-bottom: 29px;

}

.heading::before {

  content: '';

  display: block;

  position: absolute;

  bottom: 0;

  left: 0;

  height: 3px;

  width: 100%;

  background: #ececec;

}



.heading-title {

  text-transform: uppercase;

  font-weight: bold;

  margin: 0;

  position: relative;

  display: inline-block;

  padding: 15px 0;

}

.heading-title::before {

  content: '';

  display: block;

  position: absolute;

  bottom: 0;

  left: 0;

  height: 3px;

  width: 100%;

  background: #d01300;

}



.block-2column {

  list-style: none;

  padding-left: 10px;

  padding-right: 10px;

  margin-bottom: 0;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

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

  .block-2column {

    padding-left: 5px;

    padding-right: 5px;

  }

}

.block-2column li {

  -ms-flex: 0 0 33.33333%;

  flex: 0 0 33.33333%;

  max-width: 33.33333%;

  text-align: center;

  margin-bottom: 23px;

  padding-left: 10px;

  padding-right: 10px;

}

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

  .block-2column li {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    padding-left: 15px;

    padding-right: 15px;

  }

}



.figure-photo {

  margin-bottom: 12px;

}



.nav-pagination-border {

  padding-bottom: 20px;

  border-bottom: 1px solid #ececec;

}



.pagination.page {

  margin-bottom: 0;

}

.pagination.page li {

  padding: 0 6px;

}

.pagination.page li a {

  position: relative;

  display: block;

  padding: 9px 12px;

  min-width: 50px;

  text-align: center;

  color: #333333;

  background-color: #fff;

  border: 1px solid #ececec;

  border-radius: 2px;

}

.pagination.page li a:hover, .pagination.page li a:focus {

  color: #d01300;

}

.pagination.page li.active a {

  color: #d01300;

}

.pagination.page li.disabled {

  color: #999999;

  pointer-events: none;

  background-color: #fff;

}

.pagination.page li.disabled a {

  color: #999999;

}



/* discovery */

.heading-line {

  position: relative;

  text-align: center;

  margin-bottom: 10px;

}

.heading-line::after {

  position: absolute;

  height: 3px;

  background: #ececec;

  left: 0;

  width: 100%;

  top: 50%;

  transform: translateY(-50%);

  content: '';

  z-index: 1;

}

.heading-line h3 {

  text-transform: uppercase;

  font-weight: bold;

  display: inline-block;

  background: #fff;

  padding: 0 20px;

  position: relative;

  z-index: 2;

}



.other-categories {

  background: #f4f4f4;

  border-top: 1px solid #ececec;

  padding: 31px 20px 20px 20px;

}

.other-categories > .row:last-child .col-md-6 + .col-md-6 .other-categories-item {

  margin-bottom: 0;

}

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

  .other-categories > .row:last-child .col-md-6 .other-categories-item {

    margin-bottom: 0;

  }

}



.other-categories-item {

  margin-bottom: 37px;

}

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

  .other-categories-item {

    margin-bottom: 22px;

  }

}

.other-categories-item h4 {

  text-transform: uppercase;

  font-weight: bold;

  color: #d01300;

  margin-bottom: 25px;

}

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

  .other-categories-item h4 {

    margin-bottom: 12px;

  }

}



.group-list-unstyled {

  padding-left: 20px;

  margin-bottom: 0;

  list-style: none;

}

.group-list-unstyled li {

  position: relative;

  padding-left: 22px;

}

.group-list-unstyled li:not(:last-child) {

  margin-bottom: 27px;

}

.group-list-unstyled li::before {

  width: 12px;

  height: 12px;

  border: 1px solid #bbbbbb;

  border-radius: 50%;

  background-color: #fff;

  content: '';

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  display: inline-block;

  left: 0;

}

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

  .group-list-unstyled li {

    padding-left: 18px;

  }

  .group-list-unstyled li::before {

    width: 10px;

    height: 10px;

  }

  .group-list-unstyled li:not(:last-child) {

    margin-bottom: 12px;

  }

}



.category-intro h1 {

  font-weight: 700;

}



.app-category .heading {

  margin-bottom: 5px;

}


.featured-articles .heading {

  margin-bottom: 25px;

}



.list-app-category li {

  border-bottom: 1px solid #ececec;

}

.list-app-category li a {

  display: block;

  position: relative;

  padding: 16px 20px 14px 32px;
	
  font-weight: 500;

}

.list-app-category li a:after {

  font-family: FontAwesome;

  position: absolute;

  right: 0;

  top: 50%;

  color: #777777;

  content: "\f105";

  transform: translate(0, -50%);

}



.post-item-sidebar {

  border-bottom: 1px solid #ececec;

  padding-bottom: 20px;

  margin-bottom: 20px;

}

.post-item-sidebar:before, .post-item-sidebar:after {

  content: " ";

  display: table;

}

.post-item-sidebar:after {

  clear: both;

}

.post-item-sidebar .img {

  float: left;

  width: 46%;

  margin-right: 13px;

}

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

  .post-item-sidebar .img {

    float: none;

    width: 100%;

    margin-bottom: 15px;

  }

}

.post-item-sidebar .img a {

  display: block;

}

.post-item-sidebar .img a img {

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  -o-transition: all ease 0.3s;

  transition: all ease 0.3s;

  width: 100%;

}

.post-item-sidebar .img a:hover img {

  opacity: 0.8;

}

.post-item-sidebar h2, .post-item-sidebar h4 {

  margin: 0;

}



.view-more-line {

  position: relative;

}

.view-more-line .btn {

  min-width: 170px;

  padding-top: 10px;

  padding-bottom: 10px;

  position: relative;

  z-index: 3;

}

.view-more-line:after {

  content: "";

  display: block;

  height: 1px;

  width: 100%;

  top: 50%;

  left: 0;

  background: #ececec;

  position: absolute;

  z-index: 2;

}



/* entry */

.entry-title {

  font-weight: bold;

  margin-bottom: 1rem;

}



.entry-content ol, .entry-content ul {

  padding-left: 0;

  list-style-position: inside;

}



.tip {

  border: 1px solid #dedede;

  background-color: #f8f8f8;

  padding: 18px 25px 22px;

  color: #213f7e;

  margin-bottom: 20px;

}

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

  .tip {

    margin-left: 22px;

    margin-right: 22px;

  }

}

.tip .tip-title {

  color: #333333;
  margin-bottom: 0.8rem

}

.tip ol {

  padding-left: 0;

  margin-bottom: 0;

  list-style-position: inside;

  counter-reset: item;

}

.tip ol li {

  display: block;

  margin-top: 6px;

}

.tip ol li::before {

  content: counters(item,".") " ";

  counter-increment: item;

}

.tip ol ol {

  margin-left: 20px;

}

.tip a {

  color: #213f7e;

}

.summary .desc h2, .summary .desc h3, .summary .desc h4 {
  margin-bottom: 0.9rem;
  font-weight: 700;
}

.article-post h2, .article-post h3, .article-post h4 {
  margin-bottom: 0.9rem;
  font-weight: 700;
}

.article-post section {

  margin-bottom: 20px;

}



/* related-2column */

.related-2column {

  padding: 20px;

}

.related-2column .row-second .post-item-sidebar, .related-2column > .row + .row .post-item-sidebar {

  border-bottom-width: 0;

  margin-bottom: 0;

}

.related-2column .related-button {

  padding: 0 20px;

}

.related-2column .post-item-sidebar .img {

  float: none;

  width: 100%;

  margin-right: 0;

  margin-bottom: 15px;

}



.btn-light-color-grey {

  color: #333333;

}



/* tags */

.tags {

  border-top: 1px dotted #cccccc;

  border-bottom: 1px dotted #cccccc;

  padding: 10px 0 5px 0;

}

.tags a, .tags .tag-label {

  display: inline-block;

  background-color: #f1f1f1;

  padding: 10px 15px;

  margin-bottom: 5px;

  margin-right: 1px;

}

.tags a .fa, .tags .tag-label .fa {

  color: #777777;

}



.search-keyword {

/*  font-weight: 700;*/

}



.mh-con-giap h1 {

  font-weight: 700;

}



.list-con-giap {

  background-color: #f8f8f8;

  margin: 20px 0 0;

  padding: 28px 10px 0;

}

.list-con-giap ul {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0 -5px;

}

.list-con-giap ul li {

  padding: 0 5px;

  text-align: center;

  margin-bottom: 22px;

}

.list-con-giap ul li img {

  display: block;

  margin: 0 auto 12px;

}

@media (max-width: 767px) {

  .list-con-giap.style-2 li {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

}

@media (max-width: 640px) {

  .list-con-giap.style-2 li {

    -ms-flex: 0 0 33.3333%;

    flex: 0 0 33.3333%;

    max-width: 33.3333%;

  }

}



.list-mn-tuoi ul {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0 -12px;

  padding: 18px 10px 0;

}

  .cs-kqhtcongiap .list-mn-tuoi ul,
  .cs-kqhncongiap .list-mn-tuoi ul,
  .cs-12giapdetail .list-mn-tuoi ul,
  .cs-12cungdetail .list-mn-tuoi ul,
  .cs-kqhn12cung .list-mn-tuoi ul {
    padding-bottom: 6px;
  }

  .cs-12giapdetail .list-mn-tuoi ul li,
  .cs-kqhn12cung .list-mn-tuoi ul li {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

.list-mn-tuoi ul li {

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

  padding: 0 12px;

  margin-bottom: 18px;

}

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

  .list-mn-tuoi ul li {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}

.list-mn-tuoi ul li a:not(:hover) {

  color: #213f7e;

}

.list-mn-tuoi ul li a:before {

  font-family: FontAwesome;

  content: "\f101";

  margin-right: 6px;

}



.title-bg-light {

  font-weight: 700;

  background-color: #f7f7f7;

  border-left: 2px solid #cccccc;

  padding: 14px 15px 12px;

  margin-bottom: 20px;

}



.back-section {

  text-align: center;

}

.back-section a {

  font-weight: 700;
  font-size: 18px;

}

.back-section a:not(:hover) {

  color: #213f7e;

}



.xem-theo-12cung ul {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: -17px -10px 0;

}

.xem-theo-12cung ul li {

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

  padding: 0 10px;

  margin-top: 17px;

}

.xem-theo-12cung ul li a {

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  padding-left: 20px;

  background: url(../images/bg/bullet-2.png) no-repeat left center;

}

.xem-theo-12cung ul li a:not(:hover) {

  color: #213f7e;

}



.box-tuoi {

  margin-top: 30px;

}

.box-tuoi:not(:last-child) {

  border-bottom: 1px solid #ddd;

}

.box-tuoi + p + a {

  font-weight: 700;

}

.box-tuoi .box-tuoi {

  margin: 0;

  border: none;

}

.box-tuoi .box-tuoi .bg-light {

  padding: 0;

}

.box-tuoi .bg-light {

  padding: 25px 10px;

}

.box-tuoi.no-border {

  border: none;

  padding-bottom: 0;

}

.box-tuoi .overview {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.box-tuoi .overview .tuoi {

  -ms-flex: 0 0 34.48276%;

  flex: 0 0 34.48276%;

  max-width: 34.48276%;

  text-align: center;

}

@media (max-width: 660px) {

  .box-tuoi .overview .tuoi {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    margin-bottom: 15px;

  }

}

.box-tuoi .overview .tuoi span {

  display: block;

  margin-top: 14px;

}

.box-tuoi .overview .tuoi img {

  margin-bottom: 14px;

}

.box-tuoi .overview .info {

  -ms-flex: 0 0 65.51724%;

  flex: 0 0 65.51724%;

  max-width: 65.51724%;

  padding-left: 15px;

}

@media (max-width: 660px) {

  .box-tuoi .overview .info {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}

.box-tuoi .overview .info .item {

  display: -ms-flexbox;

  display: flex;

}

.box-tuoi .overview .info .text {

  text-align: right;

  -ms-flex: 0 0 40%;

  flex: 0 0 40%;

  max-width: 40%;

  padding-right: 20px;

  border-right: 1px solid #ddd;

  padding-bottom: 14px;

}

.box-tuoi .overview .info .static {

  -ms-flex: 0 0 60%;

  flex: 0 0 60%;

  max-width: 60%;

  padding-left: 20px;

}

.box-tuoi .overview .info .static i {

  color: #ff9e11;

}

.box-tuoi .overview .info .static i.gray {

  color: #ddd;

}

.box-tuoi .overview .info .static .clr {

  display: inline-block;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  width: 20px;

  height: 20px;

  font-size: 0;

}

.box-tuoi .desc a:not(:hover) {

  color: #213f7e;

}

.box-tuoi .desc p {

  margin-bottom: 16px;

}

.box-tuoi .desc p:last-child {

  margin-bottom: 0;

}



.list-cards li:not(:last-child) {

  margin-bottom: 30px;

}

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

  .list-cards li:not(:last-child) {

    margin-bottom: 20px;

  }

}



.card-grid-photo {

  float: left;

  margin-right: 15px;

  width: 100px;

}

@media (min-width: 576px) {

  .card-grid-photo {

    margin-right: 30px;

    width: 25%;

    max-width: 150px;

  }

}

.card-grid-photo img {

  border-radius: 15px;

}

.others {

  padding: 20px;

}

.summary .desc .others {

  padding: 20px 20px 5px 20px;

}



.list-group-li li {

  position: relative;

}

.list-group-li li:not(:last-child) {

  margin-bottom: 5px;

}

.list-group-li li a {

  color: #213f7e;

  display: inline-block;

  padding-left: 15px;

}

.list-group-li li a::before {

  position: absolute;

  top: -1px;

  left: 0;

  content: '\f101';

  font-family: 'FontAwesome';

  display: inline-block;

}

.list-group-li li a:hover, .list-group-li li a:focus {

/*  color: #d01300;*/

}

.description-result-tip {

  padding: 4px;

  background-color: #f2f0eb;

}

.description-result-tip .inside {

  background-color: #fff;

  padding: 20px;

  border: 1px solid #dcdad3;

  text-align: center;

}



.max-length-180 {

  max-width: 180px;

}



.title-box {

  font-weight: bold;

  color: #d01300;

}



.custom-control {

  padding-left: 37px;

}

.custom-control .custom-control-label {
  font-weight: normal;
  margin-bottom: .25rem;
}

.custom-control .custom-control-label::before {

  width: 22px;

  height: 22px;

  border: 1px solid #d1d1d1;

  background-color: #fff;

  top: 0;

}

.custom-control .custom-control-label::after {

  width: 20px;

  height: 20px;

  top: 1px;

  left: 1px;

  font-family: 'FontAwesome';

  color: #009ad5;

  font-weight: bold;

  border-radius: 0;

  text-align: center;

  line-height: 20px;

}



.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {

  background-image: none;

}



.custom-control-input:focus ~ .custom-control-label::before {

  box-shadow: none;

}



.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {

  background-color: #fff;

}



.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {

  background-image: none;

  content: '\f00c';

  box-shadow: none;

  background-color: #fff;

}



.custom-checkbox .custom-control-label::before {

  border-radius: 0;

}



.custom-radio .custom-control-input:checked ~ .custom-control-label::before {

  background-color: #fff;

}



.custom-radio .custom-control-input:checked ~ .custom-control-label::after {

  background-image: none;

  background-color: #009ad5;

  border: 4px solid #fff;

  border-radius: 50%;

}



.custom-radio.red .custom-control-input:checked ~ .custom-control-label::after {

  background-color: #d01300;

}



.boi-trac-nghiem.xem-chi-tay label[for="edit-sd1"],

.boi-trac-nghiem.xem-chi-tay label[for="edit-trd1"],

.boi-trac-nghiem.xem-chi-tay label[for="edit-tamd1"],

.boi-trac-nghiem.xem-chi-tay label[for="edit-dm1"] {

  font-weight: bold;

  color: #d01300;

}

.boi-trac-nghiem.xem-chi-tay .form-radios .form-type-radio {

  display: block;

  min-height: 22px;

}

.boi-trac-nghiem.xem-chi-tay .form-submit {

  width: 140px;

  margin-right: auto;

  margin-left: auto;

}



.boi-trac-nghiem .form-checkboxes {

  margin-top: 5px;

}

.boi-trac-nghiem .form-checkboxes .form-type-checkbox {

  position: relative;

  padding-left: 37px;

  min-height: 22px;

}

.boi-trac-nghiem .form-checkboxes .form-type-checkbox input {

  position: absolute;

  z-index: -1;

  opacity: 0;

}

.boi-trac-nghiem .form-checkboxes .form-type-checkbox input:checked ~ label:after {

  background-image: none;

  content: '\f00c';

  box-shadow: none;

  background-color: #fff;

}

.boi-trac-nghiem .form-checkboxes .form-type-checkbox label {

  display: inline-block;

  padding-top: 2px;

}

.boi-trac-nghiem .form-checkboxes .form-type-checkbox label:before {

  position: absolute;

  top: .25rem;

  left: 0;

  display: block;

  width: 1rem;

  height: 1rem;

  pointer-events: none;

  content: "";

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background-color: #dee2e6;

  width: 22px;

  height: 22px;

  border: 1px solid #d1d1d1;

  background-color: #fff;

  top: 0;

}

.boi-trac-nghiem .form-checkboxes .form-type-checkbox label:after {

  position: absolute;

  display: block;

  content: "";

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 50% 50%;

  width: 20px;

  height: 20px;

  top: 1px;

  left: 1px;

  font-family: 'FontAwesome';

  color: #009ad5;

  font-weight: bold;

  border-radius: 0;

  text-align: center;

  line-height: 20px;

}



.boi-trac-nghiem.xem-hoa-tay .form-checkboxes .form-type-checkbox {

  display: inline-block;

}

.boi-trac-nghiem.xem-hoa-tay .form-checkboxes .form-type-checkbox:not(:last-child) {

  margin-right: 15px;

}



.bang-xep-hang table {

  background-color: #fdfaf1;

  border: 1px solid #f57e2c !important;

  margin-bottom: 20px;

}

.bang-xep-hang table .number {

  display: inline-block;

  border: 3px solid rgba(244, 127, 24, 0.2);

  background-color: #fff;

  text-align: center;

  width: 49px;

  height: 49px;

  line-height: 43px;

  font-weight: 700;

  color: #98b731;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

}

.bang-xep-hang table td {

  border-color: #faddc0;

  border-right: none;

  border-left: none;

  border-top: none;

  vertical-align: middle;

  text-transform: uppercase;

  font-weight: 700;

}

.bang-xep-hang table td:first-child, .bang-xep-hang table td:nth-child(2) {

  width: 90px;

}

.bang-xep-hang table tr:last-child td {

  border-bottom: none;

}

.bang-xep-hang table tr:first-child td {

  color: #d21c1b;

}

.bang-xep-hang table tr:first-child .number {

  color: #d21c1b;

}

.bang-xep-hang table tr:nth-child(2) .number {

  color: #dd4472;

}

.bang-xep-hang table tr:nth-child(3) .number {

  color: #f26791;

}



.form-pd-lr {

  padding: 0 10px;

}



.dieu-khoan a {

  color: #d01300;

}

.dieu-khoan a:hover {

  text-decoration: underline;

}



.row-xs {

  margin-left: -5px;

  margin-right: -5px;

}

.row-xs [class*="col-"] {

  padding-left: 5px;

  padding-right: 5px;

}



.cung .img {

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;

}

.cung .text {

  -ms-flex: 0 0 75%;

  flex: 0 0 75%;

  max-width: 75%;

  font-weight: 700;

  padding-left: 20px;

}



.tt-cung {

  font-weight: 700;

  color: #d01300;

  border-top: 1px solid #ddd;

  padding-top: 20px;

}

.tt-cung a {

  color: #d01300;

}

.tt-cung img {

  margin-bottom: 15px;

}

.tt-cung p {

  margin-bottom: 0;

}



.boi-cung-hoang-dao-kq .desc h3 {

  font-weight: 700;

}



.form-boi-tinh-yeu-chd {

  border: 1px solid #cd3541;

  margin-top: 85px;

  position: relative;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  -o-border-radius: 6px;

  border-radius: 6px;

  padding: 0 20px 20px;

  position: relative;

}

.form-boi-tinh-yeu-chd:after, .form-boi-tinh-yeu-chd:before {

  content: "";

  display: block;

  width: 77px;

  height: 82px;

  position: absolute;

  top: -83px;

  background-repeat: no-repeat;

}

.form-boi-tinh-yeu-chd:before {

  background-image: url("../images/12cunghoangdao/ty-1.png");

  left: 6.66667%;

}

.form-boi-tinh-yeu-chd:after {

  background-image: url("../images/12cunghoangdao/ty-2.png");

  right: 6.66667%;

}

.form-boi-tinh-yeu-chd .header-form {

  text-align: center;

  margin-top: -27px;

  margin-bottom: 30px;

}

.form-boi-tinh-yeu-chd .header-form span {

  display: inline-block;

  border: 1px solid #cd3541;

  background-color: #fff;

  text-transform: uppercase;

  font-family: Times, Arial;

  font-weight: 700;

  color: #ff1100;

  padding: 15px 30px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  -o-border-radius: 6px;

  border-radius: 6px;

}

.form-boi-tinh-yeu-chd.ket-qua {

  border: none;

  padding-bottom: 0;

}



.person {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

}

.person .person-item {

  text-align: center;

  -ms-flex: 0 0 calc(50% - 24px);

  flex: 0 0 calc(50% - 24px);

  max-width: calc(50% - 24px);

}

.person .person-item label {

  display: block;

  margin-bottom: 20px;

}

.person .person-item img {

  margin-bottom: 18px;

}

.person .person-item h4 {

  color: #c92083;

  font-weight: 700;

}

.person .person-item .btn {

  min-width: 130px;

}

.person .and {

  font-family: UTMAristote, Arial;

  color: #c92083;

  -ms-flex: 0 0 48px;

  flex: 0 0 48px;

  max-width: 48px;

}



.btn-view-love {

  color: #fff;

  background: url("../images/bg/btn-xem.png") no-repeat;

  width: 141px;

  height: 78px;

  display: block;

  border: none;

  font-size: 0;

  margin: 24px auto 13px;

}



.modal-cung, .modal-cung2 {

  position: absolute;

  top: 100px;

  left: 50%;

  transform: translate(-50%, 0);

  width: 400px;

  max-width: 100%;

  z-index: 9;

  background-color: #fff;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  border: 1px solid #d0414c;

  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

  display: none;

}

.modal-cung .close-cung, .modal-cung2 .close-cung {

  color: #d01300;

  position: absolute;

  top: 0;

  right: -25px;

}

@media (max-width: 576px) {

  .modal-cung .close-cung, .modal-cung2 .close-cung {

    top: 10px;

    right: 10px;

  }

}

.modal-cung .close-cung i:before, .modal-cung2 .close-cung i:before {

  font-size: 24px;

}

.modal-cung h3, .modal-cung2 h3 {

  font-weight: 700;

  text-align: center;

  border-bottom: 1px dashed #b2b2b2;

  padding: 18px 10px;

  margin-bottom: 18px;

}



ul.list-cung {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

ul.list-cung li {

  -ms-flex: 0 0 33.3333%;

  flex: 0 0 33.3333%;

  max-width: 33.3333%;

  padding: 0 15px;

  margin-bottom: 25px;

}

ul.list-cung li a {

  display: block;

  text-align: center;

}

ul.list-cung li a span {

  display: block;

  font-weight: 700;

}



.more {

  display: inline-block;

  color: #213f7e;

}



.table-bordered thead td, .table-bordered thead th {

  border-bottom-width: 1px;

}



.table-light-yellow table {

  border-collapse: collapse;

  border: 1px solid #efd8af;

  width: 100%;

}

.table-light-yellow table td, .table-light-yellow table th {

  border: 1px solid #efd8af;

  background-color: #fff;

  padding: .75rem;

  vertical-align: top;

}

.table-light-yellow table thead td, .table-light-yellow table thead th {

  text-align: center;

  font-weight: bold;

  background-color: #fef9c9;

}

.table-light-yellow.table-with-auto table {

  width: auto;

  margin-left: auto;

  margin-right: auto;

}



.table-normal table {

  border-collapse: collapse;

  border: 1px solid #e6e6e6;

  width: 100%;

}

.table-normal table td, .table-normal table th {

  border: 1px solid #e6e6e6;

  background-color: #fff;

  vertical-align: top;

}

.table-normal table thead td, .table-normal table thead th {

  text-align: center;

  font-weight: bold;

  background-color: #f4f4f4;

}



.table-nostyle table {

  border-collapse: collapse;

  margin: 0 auto;

}

.table-nostyle table td, .table-nostyle table th {

  padding: 4px 12px;

  vertical-align: top;

}



.variable-color {

  display: inline-block;

  width: 32px;

  height: 32px;

  border-radius: 50%;

}



.gradient-kim {

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(0.5, #cccccc));

  background-image: -o-linear-gradient(bottom, #f8f8f8 0%, #cccccc 50%);

  background-image: -moz-linear-gradient(bottom, #f8f8f8 0%, #cccccc 50%);

  background-image: -webkit-linear-gradient(bottom, #f8f8f8 0%, #cccccc 50%);

  background-image: -ms-linear-gradient(bottom, #f8f8f8 0%, #cccccc 50%);

  background-image: linear-gradient(to bottom, #f8f8f8 0%, #cccccc 50%);

}



.gradient-moc {

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7be591), color-stop(0.5, #00ca37));

  background-image: -o-linear-gradient(bottom, #7be591 0%, #00ca37 50%);

  background-image: -moz-linear-gradient(bottom, #7be591 0%, #00ca37 50%);

  background-image: -webkit-linear-gradient(bottom, #7be591 0%, #00ca37 50%);

  background-image: -ms-linear-gradient(bottom, #7be591 0%, #00ca37 50%);

  background-image: linear-gradient(to bottom, #7be591 0%, #00ca37 50%);

}



.gradient-thuy {

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #78c7f9), color-stop(0.5, #008cf9));

  background-image: -o-linear-gradient(bottom, #78c7f9 0%, #008cf9 50%);

  background-image: -moz-linear-gradient(bottom, #78c7f9 0%, #008cf9 50%);

  background-image: -webkit-linear-gradient(bottom, #78c7f9 0%, #008cf9 50%);

  background-image: -ms-linear-gradient(bottom, #78c7f9 0%, #008cf9 50%);

  background-image: linear-gradient(to bottom, #78c7f9 0%, #008cf9 50%);

}



.gradient-hoa {

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff5555), color-stop(0.5, #c30c0c));

  background-image: -o-linear-gradient(bottom, #ff5555 0%, #c30c0c 50%);

  background-image: -moz-linear-gradient(bottom, #ff5555 0%, #c30c0c 50%);

  background-image: -webkit-linear-gradient(bottom, #ff5555 0%, #c30c0c 50%);

  background-image: -ms-linear-gradient(bottom, #ff5555 0%, #c30c0c 50%);

  background-image: linear-gradient(to bottom, #ff5555 0%, #c30c0c 50%);

}



.gradient-tho {

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c6a76c), color-stop(0.5, #9d5e17));

  background-image: -o-linear-gradient(bottom, #c6a76c 0%, #9d5e17 50%);

  background-image: -moz-linear-gradient(bottom, #c6a76c 0%, #9d5e17 50%);

  background-image: -webkit-linear-gradient(bottom, #c6a76c 0%, #9d5e17 50%);

  background-image: -ms-linear-gradient(bottom, #c6a76c 0%, #9d5e17 50%);

  background-image: linear-gradient(to bottom, #c6a76c 0%, #9d5e17 50%);

}



.ui-link {

  color: #213f7e;

}

.ui-link .variable-color {

  margin-right: 12px;

}



.title-bold {

  font-weight: bold;

  margin-bottom: 12px;

}



.form-search-inline {

  background-color: #f1efea;

  padding: 10px;

  border-radius: 5px;

}



.form-search-inline-group .form-control {

  border-color: #fff;
  min-height: 41px;

}

.form-search-inline-group .btn-submit {

  margin-top: 10px;

}

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

  .form-search-inline-group {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

  }

  .form-search-inline-group .form-control {

    -ms-flex: 1 1 0px;

    flex: 1 1 0px;

    min-width: 0;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

  }

  .form-search-inline-group .btn-submit {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    margin-top: 0;

  }

}



.filter-anphat a {

  display: inline-block;

  padding: 8px;

  text-transform: uppercase;

  border: 1px solid #cccccc;

  border-radius: 3px;

  color: #333333;

  margin-bottom: 10px;

  margin-right: 5px;

  min-width: 40px;

  text-align: center;

  background-color: #f4f4f4;

}

.filter-anphat a.active, .filter-anphat a:hover, .filter-anphat a:focus {

  background-color: #fff;

  color: #d22225;

  text-decoration: none;

}



/* tab */

.tab-feature {

  list-style: none;

  padding-left: 0;

  margin-bottom: 0;

  margin-right: -3px;

  overflow: hidden;

  text-align: left;

  display: flex;

  flex-wrap: wrap;

}

.tab-feature li {

  padding-bottom: 6px;

  position: relative;

  display: inline-block;

  text-align: center;

}

.tab-feature li::before {

  position: absolute;

  bottom: 0;

  left: 50%;

  content: '';

  display: block;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-top: 7px solid transparent;

}

.tab-feature li a {

  text-transform: uppercase;

  font-weight: bold;

  color: #fff;

  display: block;

  margin-right: 3px;

  padding: 12px 10px;

}

.tab-feature li {

  flex: 0 0 33.3333333333%;

  max-width: 33.3333333333%;

}

.tab-feature li a {

  display: block;

}



.tab-label-1 a {

  background-color: #0493dd;

}

.tab-label-1.is-current::before {

  border-top-color: #0493dd;

}



.tab-label-2 a {

  background-color: #ff9b99;

}

.tab-label-2.is-current::before {

  border-top-color: #ff9b99;

}



.tab-label-3 a {

  background-color: #a7cb2d;

}

.tab-label-3.is-current::before {

  border-top-color: #a7cb2d;

}



.tab-horizontal-content {

  padding: 10px 10px 15px 10px;

  text-align: left;

  display: none;

}

.tab-horizontal-content.active {

  display: block;

}

.tab-horizontal-content .d-sm-title {

  display: none;

}



.names {

  list-style: none;

  padding-left: 0;

  margin-bottom: 0;

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  margin-left: -3px;

  margin-right: -3px;

}

@media (max-width: 639px) {

  .names {

    position: relative;

  }

}

.names li {

  margin-top: 7px;

  display: inline-block;

  position: relative;

  flex: 0 0 33.333%;

  max-width: 33.333%;

  padding-left: 3px;

  padding-right: 3px;

  text-align: center;

}

@media (max-width: 639px) {

  .names li {

    position: static;

  }

}

.names li + li {

  padding-left: 0;

}

@media only screen and (min-width: 768px) {
	
.tab-horizontal-content {

  padding: 10px 20px 10px 20px;

}

  .names li {

    flex: 0 0 25%;

    max-width: 25%;

  }

}



.text-danger {

  color: #d22225 !important;

}



.relate-label {

  display: block;

  padding: 12px;

  font-weight: bold;

  text-align: center;

  color: #fff;

}



.tab1 .relate-label {

  background-color: #0493dd;

}

.tab1 .names li a:hover, .tab1 .names li a:active, .tab1 .names li a:focus {

  color: #0493dd;

}



.tab2 .relate-label {

  background-color: #ff9b99;

}

.tab2 .names li a:hover, .tab2 .names li a:active, .tab2 .names li a:focus {

  color: #ff9b99;

}



.tab3 .relate-label {

  background-color: #a7cb2d;

}

.tab3 .names li a:hover, .tab3 .names li a:active, .tab3 .names li a:focus {

  color: #a7cb2d;

}



.border-dr-yellow {

  border: 1px solid #efd8af;

}



.info-owner {

  padding: 20px;

}



.text-info {

  color: #115b93 !important;

}



a.text-info:hover, a.text-info:focus {

  color: #115b93 !important;

}



.info-owner-transport {

  display: table;

  margin: 0 auto;

}

.info-owner-transport .inside {

  font-weight: bold;

  display: table-cell;

  vertical-align: middle;

  text-align: center;

  height: 259px;

  width: 259px;

  background: url("../images/xemtuoi/bgi-transport.png") no-repeat 0 0;

}

.info-owner-transport .no-plate {

  color: #d01300;

}



.title-danger-bg-light {

  font-weight: 700;

  background-color: #f7f7f7;

  border-left: 2px solid #d01300;

  padding: 14px 15px 12px;

  margin-bottom: 20px;

/*  color: #d01300;*/

}



.total {

  background-color: #f7f7f7;

  padding: 20px;

  text-align: center;

}

.total .total-title {

  font-weight: bold;

  margin-bottom: 10px;

}

.total .total-title .score {

  color: #d01300;

}



.badge-info {

  background-color: #4abe3b;

  font-size: 100%;

  padding: 7px 12px;

}



.badge-info[href]:hover, .badge-info[href]:focus {

  background-color: #3b972f;

}



.table-normal-left table {

  border-collapse: collapse;

  border: 1px solid #e6e6e6;

  width: 100%;

}

.table-normal-left table td, .table-normal-left table th {

  border: 1px solid #e6e6e6;

  background-color: #fff;

  padding: .75rem;

  vertical-align: top;

}

.table-normal-left table thead td, .table-normal-left table thead th {

  text-align: center;

  font-weight: bold;

  background-color: #f4f4f4;

}

.table-normal-left table tbody td:first-child {

  background-color: #f4f4f4;

  font-weight: bold;

}



.open-tooltip {

  cursor: pointer;

}

.open-tooltip.open {

  position: relative;

  z-index: 2;

}

.open-tooltip.open:after {

  content: "";

  display: block;

  position: absolute;

  left: 50%;

  margin-left: -8px;

  top: 100%;

  width: 16px;

  height: 13px;

  background: url(../images/xemtuoi/arrow.png) no-repeat;

  z-index: 25;

}



.tooltip-cs {

  z-index: 1;

  /* ~~~~ added ~~~~*/

  width: 300px;

  border: 1px solid #b2b2b2;

  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);

  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);

  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);

  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);

  position: absolute;

  top: 100%;

  left: 50px;

  display: none;

  z-index: 23;

  background-color: #fff;

  text-align: left;

  padding: 15px;

  margin-top: 10px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

}

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

  .tooltip-cs {

    width: 410px;

    margin-left: -118px;

  }

}

@media (max-width: 639px) {

  .tooltip-cs {

    left: 0;

    top: auto;

  }

}

@media (max-width: 767px) {

  .tooltip-cs {

    font-size: 18px;

  }

}

.tooltip-cs hr {

  border-color: #efd8af;

  margin-left: -15px;

  margin-right: -15px;

}

.tooltip-cs .btn-main {

  min-width: 70px;

}

.tooltip-cs .tooltip-bt p {

  margin-bottom: 0;
  padding-left: 20px;

}

.tooltip-cs .tooltip-bt div {

  padding-right: 40px;

  position: relative;

  text-align: center;

}

.tooltip-cs .tooltip-bt div:after {

  width: 1px;

  height: 16px;

  display: block;

  content: "";

  position: absolute;

  right: 20px;

  top: 50%;

  margin-top: -8px;

  background-color: #efd8af;

}



.form-radios .form-type-radio {

  display: inline-block;

  position: relative;

  padding-left: 30px;

}

.form-radios .form-type-radio input {

  position: absolute;

  z-index: -1;

  opacity: 0;

}

.form-radios .form-type-radio input:checked ~ label:after {

  background-image: none;

  background-image: none;

  box-shadow: none;

  background-color: #fff;

  background-image: none;

  background-color: #009ad5;

  border: 4px solid #fff;

  border-radius: 50%;

}

.form-radios .form-type-radio input:checked ~ label:before {

  box-shadow: none;

  background-color: #fff;

}

.form-radios .form-type-radio label {

  font-weight: normal;

  padding-top: 3px;

}

.form-radios .form-type-radio label::before {

  width: 22px;

  height: 22px;

  border: 1px solid #d1d1d1;

  background-color: #fff;

  top: 0;

  border-radius: 50%;

  position: absolute;

  left: 0;

  display: block;

  pointer-events: none;

  content: "";

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.form-radios .form-type-radio label::after {

  position: absolute;

  top: .25rem;

  left: 0;

  display: block;

  content: "";

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 50% 50%;

  width: 20px;

  height: 20px;

  top: 1px;

  left: 1px;

  font-family: 'FontAwesome';

  color: #009ad5;

  font-weight: bold;

  border-radius: 0;

  text-align: center;

  line-height: 20px;

}

.cs-laman .xem-tuoi-nien-menh .form-type-select {

  min-width: 195px;

}

.xem-tuoi-nien-menh .form-type-select {

  min-width: 185px;

}

.xem-tuoi-nien-menh .form-radios {

  margin: 18px 0 0 15px;

}



.xem-tuoi-ket-hon-kq table th {

  background-color: #fef9c9;

}


.bio-chart h3 {

  color: #213f7e;

  margin-bottom: 20px;

  font-weight: 700;

  text-align: center;
	
  border-top: 1px solid #faddc0;

  padding-top: 25px;

}



.bio-item {

  padding: 12px 20px;

  border: 3px solid #e7e5e2;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  -o-border-radius: 10px;

  border-radius: 10px;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 15px;

}

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

  .bio-item {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

}

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

  .bio-item {

    padding: 8px 20px;

  }

}

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

  .bio-item label {

    -ms-flex: 0 0 23.21429%;

    flex: 0 0 23.21429%;

    max-width: 23.21429%;

    padding-right: 10px;

    margin-bottom: 0;

  }

}

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

  .bio-item .bio-process {

    -ms-flex: 0 0 76.78571%;

    flex: 0 0 76.78571%;

    max-width: 76.78571%;

  }

}

.bio-item .bio-process .bg {

  height: 40px;

  background-color: #f1efea;

  text-align: center;

  font-weight: 700;

  color: #d01300;

  line-height: 40px;

}

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

  .bio-item .bio-process .bg {

    height: 30px;

    line-height: 30px;

  }

}



.ten-vui-nhon .name {

  text-align: center;

  font-weight: 700;

  border: 4px solid #f1efea;

  margin-bottom: 20px;

}

.ten-vui-nhon .name div {

  border: 1px solid #ddd;

  padding: 20px 15px;

}

.ten-vui-nhon .name h4 {

  text-transform: uppercase;

  color: #d01300;

  margin: 5px 0 0;

  font-weight: 700;

}

.do-suc-khoe .bmi h3.text-center {

  border-top: 1px solid #faddc0;

  padding-top: 25px;
	
  text-align: left !important;

}

.do-suc-khoe {

/*  border-top: 1px solid #faddc0;

  padding-top: 25px;*/

}

.do-suc-khoe h3 {

  font-weight: 700;

  color: #213f7e;
	
  margin-bottom: 15px;

}

.do-suc-khoe h3.text-center {

  margin-bottom: 20px;

}



.random-number {

  font-weight: 700;

}



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

  .ml-33 {

    margin-left: 33px;

  }

}



.kq-so-xo {

  background-color: #f4f4f4;

  padding: 5px;

}

.kq-so-xo h2,
.kq-so-xo h3 {

  border: 1px solid #dcdad3;

  text-align: center;

  font-weight: 700;

  background-color: #fff;

  padding: 15px 10px;

  margin-bottom: 1px;

}

.kq-so-xo table {

  border-color: #dcdad3;

  margin-bottom: 10px;

}

.kq-so-xo table:last-child {

  margin-bottom: 0;

}

.kq-so-xo table td, .kq-so-xo table th {

  vertical-align: middle;

  border-color: #dcdad3;

  font-weight: 700;

}

.kq-so-xo table td.cl-4 div, .kq-so-xo table th.cl-4 div {

  width: 25%;

}

.kq-so-xo table .bg_ef td {

  background-color: #fff;

}

.kq-so-xo table .dac-biet {

  color: #d01300;

}

.kq-so-xo.three-city table tbody tr:nth-child(2n+2) td {

  background-color: #fff;

}



.table-static tbody td {

  background-color: #fff;

}



.title-blue, .boi-kieu-guide h3 {

  color: #213f7e;

  font-weight: 700;

}



.thay-phan-hoi-y {

  border: 1px solid #f4b462;

  padding: 15px 20px;

  margin-top: -20px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  -o-border-radius: 6px;

  border-radius: 6px;

}

.thay-phan-hoi-y h4 {

  text-align: center;

  margin: 0;

  font-weight: 700;

}

.thay-phan-hoi-y h4 + p {

  padding-top: 15px;

}

.thay-phan-hoi-y p:last-child {

  margin-bottom: 0;

}

.thay-phan-hoi-y p strong {

  color: #213f7e;

}



.thay-phan-ho input[type="text"], .thay-phan-ho input[type="number"] {

  height: 41px;
	
  padding: 7px 7px 7px 9px;

  border: 1px solid #ff950d;

  border-radius: 0;

  display: block;

  width: 100%;

  line-height: 1.5;

  color: #495057;

  background-color: #fff;

  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.thay-phan-ho img {

  display: block;

  margin: auto;

}

.thay-phan-ho .form-item {

  padding: 0 10px;

  margin-bottom: 20px;

}



#custom-thay-phan-ho-form .ket-qua {

  border: 1px solid #f4b462;

  padding: 15px 20px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  -o-border-radius: 6px;

  border-radius: 6px;

  margin: 20px 0;

  font-weight: 700;

}

#custom-thay-phan-ho-form .ket-qua p:first-child {

  text-align: center;

  font-weight: 700;

}

#custom-thay-phan-ho-form .ket-qua p + p {

  font-weight: normal;

}

#custom-thay-phan-ho-form .ket-qua p + p + p {

  font-weight: normal;

}



.title-box-dark {

  font-weight: bold;

}



.inside-box {

  padding: 20px;

  line-height: 1.6;

}



.calendar-yin-yang-text br {

  display: block;

  margin-bottom: 8px;

  content: "";

}



.daily .daily-bad,

.daily .daily-good {

  display: inline-block;

}

.daily .daily-good {

  margin-right: 12px;

}

.daily .daily-good .fa {

  color: #f03b03;

}



.desc-light {

  background: #f4f4f4;

  padding: 15px;

}



.table-striped-normal table {

  border-collapse: collapse;

  border: 1px solid #e6e6e6;

  width: 100%;

}

.table-striped-normal table td, .table-striped-normal table th {

  border: 1px solid #e6e6e6;

  padding: .75rem;

  vertical-align: top;

}

.table-striped-normal table thead td, .table-striped-normal table thead th {

  text-align: center;

  font-weight: bold;

  background-color: #f4f4f4;

}

.table-striped-normal table tbody tr {

  background-color: #f4f4f4;

}

.table-striped-normal table tbody tr:nth-of-type(odd) {

  background-color: #fff;

}



.info-daily ul {

  list-style: none;

  padding-left: 0;

}

.info-daily ul li {

  position: relative;

  padding-left: 15px;

}

.info-daily ul li:not(:last-child) {

  margin-bottom: 5px;

}

.info-daily ul li::before {

  position: absolute;

  top: 5px;

  left: 0;

  content: '';

  display: inline-block;

  width: 7px;

  height: 7px;

  background: url("../images/front/dots.png") no-repeat 0 0;

}

.info-daily a {

  display: inline-block;

  color: #213f7e;

  position: relative;

  padding-left: 15px;

  font-weight: bold;

}

.info-daily a::before {

  position: absolute;

  top: 2px;

  left: 0;

  content: '\f101';

  font-family: 'FontAwesome';

  line-height: 1;

  display: inline-block;

}



.date-box {

  border: 1px solid #e6e6e6;

  padding: 9px 15px;

  text-align: center;

  background: #fff;

  max-width: 128px;

  margin-left: auto;

  margin-right: auto;

}

.date-box .da, .date-box .d, .date-box .m {

  display: block;

  text-align: center;

}

.date-box .da {

  width: 96px;

  height: 45px;

  line-height: 30px;

  padding-top: 15px;

  color: #fff;

  background: url("../images/front/da.png") no-repeat 0 0;

  margin-bottom: 5px;

}

.date-box .d {

  font-size: 28px;

  font-weight: bold;

  line-height: 1;

}

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

  .date-box .d {

    font-size: 34px;

  }

}

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

  .date-box .d {

    font-size: 40px;

  }

}



@media (max-width: 576px) {

  .xem-ngay-tot-xau-kq table td {

    width: 100%;

    float: left;

    display: block;

  }

}



.calendar-yin-yang {

  margin-bottom: 20px;

}

.calendar-yin-yang .khung_lich {

  border: 1px solid #d4c081;

  position: relative;

  overflow: hidden;

}

.calendar-yin-yang .top-1 {

  background-color: #f3ee88;

  text-align: center;

  font-weight: bold;

  font-size: 20px;

  padding: 16px 8px;

}

.calendar-yin-yang .top-2 {

  background-color: #f5f3de;

  text-align: center;

  font-size: 18px;

  font-weight: normal;

  margin: 0;

}

.calendar-yin-yang .top-2 ul {

  list-style: none;

  margin-bottom: 0;

  display: flex;

  padding-left: 0;

  justify-content: space-between;

}

.calendar-yin-yang .top-2 ul li {

  text-align: center;

  padding: 15px 8px;

  flex: 0 0 33.333333%;

  max-width: 33.333333%;

}

.calendar-yin-yang .lich-prev2, .calendar-yin-yang .lich-next2, .calendar-yin-yang .lich-prev, .calendar-yin-yang .lich-next {

  display: inline-block;

  width: 36px;

  height: 36px;

  font-size: 0;

  border: 2px solid #eed0b8;

  border-radius: 50%;

  position: absolute;

}

.calendar-yin-yang .lich-prev2::before, .calendar-yin-yang .lich-next2::before, .calendar-yin-yang .lich-prev::before, .calendar-yin-yang .lich-next::before {

  font-family: 'FontAwesome';

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-size: 18px;

  line-height: 1;

  color: #cc7b2c;

  display: inline-block;

}

.calendar-yin-yang .lich-prev2::before, .calendar-yin-yang .lich-prev::before {

  content: '\f104';

}

.calendar-yin-yang .lich-next::before, .calendar-yin-yang .lich-next2::before {

  content: '\f105';

}

.calendar-yin-yang .lich-prev2 {

  top: 10px;

  left: 18px;

  z-index: 1;

}

.calendar-yin-yang .lich-next2 {

  top: 10px;

  right: 18px;

  z-index: 1;

}

.calendar-yin-yang .lich-prev {

  top: 50%;

  left: 18px;

}

.calendar-yin-yang .lich-next {

  top: 50%;

  right: 18px;

}

.calendar-yin-yang .khung_lich_duong {

  float: left;

  width: 50%;

  border-right: 1px solid #f1f0e1;

  text-align: center;

  padding: 40px 0 25px 0;

}

.calendar-yin-yang #thangduong, .calendar-yin-yang #thangam {

  font-weight: bold;

  font-size: 20px;

  margin-bottom: 22px;

}

.calendar-yin-yang #ngayduong, .calendar-yin-yang #ngayam {

  color: #d51702;

  font-weight: bold;

  font-size: 80px;

  line-height: 1;

  margin-bottom: 20px;

}

.calendar-yin-yang #thuduong {

  color: #a32803;

  font-size: 18px;

}

.calendar-yin-yang #khung_am {

  float: left;

  width: 50%;

  border-left: 1px solid #edecd8;

  text-align: center;

  padding: 40px 0 25px 0;

}

.calendar-yin-yang #ngayam {

  color: #22407e;

}



.form-item-hoi {

  padding: 0 20px;

  margin-bottom: 20px;

}

.form-item-hoi label {

  color: #d01300 !important;

}

.form-item-hoi input[type="text"] {
  height: 41px;
	
  padding: 7px 7px 7px 9px;

  border: 1px solid #ff950d;

  border-radius: 0;

  font-size: 18px;

  display: block;

  width: 100%;

  line-height: 1.5;

  color: #495057;

  background-color: #fff;

  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.thay-phan-ho input[type="text"], .thay-phan-ho input[type="number"] {

    font-size: 18px;

  }


@media only screen and (min-width: 768px) {
	
  .thay-phan-ho input[type="text"], .thay-phan-ho input[type="number"], 
  .form-item-hoi input[type="text"] {

    font-size: 16px;

  }

}

@media only screen and (min-width: 992px) {
	
  .thay-phan-ho input[type="text"], .thay-phan-ho input[type="number"], 
  .form-item-hoi input[type="text"] {

    font-size: 16px;

  }

}



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

  .tuoi-ban {

    display: flex;

    align-items: center;

  }

}



.bangthang table {

  border: 1px solid #d6bc80;

}

.bangthang table .tenthang {

  background-color: #f3ef87;

  text-align: center;

  font-weight: 700;

}

.bangthang table .tenthang td {

  padding: 15px 10px;

  border: none !important;

}

.bangthang table td {

  border: 1px solid #e3dfbd;

}

.bangthang table .thang_nd2 td {

  background-color: #f5f2dd;

  padding: 8px 5px;

  text-align: center;

}

.bangthang table .thang_nd2 td strong {

  font-weight: normal;

}

.bangthang table .thang_nd1 td {

  padding: 8px 5px;

}

.bangthang table .thang_nd1 td:first-child {

  text-align: center;

  font-weight: 700;

}

.bangthang table .thang_nd1 td .thang_nd_left {

  margin-bottom: 15px;

}

.bangthang table .thang_nd1 td .thang_nd_right {

  text-align: right;

}

.bangthang table .thang_nd1 td.current-date {

  background-color: #f3ef87 !important;

  color: #d22225;

}

.bangthang table .thang_nd1 td.current-date a {

  color: #d22225;

}

.bangthang table .thang_nd1 td.current-date .thang_nd_left {

  color: #d22225 !important;

}

.bangthang table .thang_nd1 td.current-date .can-chi-ngay {

  border-top-color: #fff;

}

.bangthang table .thang_nd1 td .can-chi-ngay {

  border-top: 1px dotted #e5e5e5;

  font-size: 15px;

  text-align: center;

  height: 42px;

  line-height: 16px;

  margin: 10px -5px 0;

  padding: 10px 1px 0;

  display: block;

}



.khung_lich {

  border: 1px solid #d9d9d9;

  position: relative;

}

.khung_lich:before, .khung_lich:after {

  content: " ";

  display: table;

}

.khung_lich:after {

  clear: both;

}

.khung_lich .lich-top {

  position: relative;

}

.khung_lich .lich-top .top-1 {

  background-color: #e5ae37;

  text-align: center;

  color: #fff;

  font-weight: 700;
	
  line-height: 1.6;

  padding: 18px 65px;

  margin: 0 -1px;
	
  text-transform: capitalize;

}

@media (max-width: 639px) {

  .khung_lich .lich-top .top-1 {

    padding-left: 25px;

    padding-right: 25px;

  }

}

.khung_lich .lich-top .lich-prev, .khung_lich .lich-top .lich-next {

  width: 36px;

  height: 36px;

  border: 3px solid rgba(255, 255, 255, 0.5);

  font-size: 0;

  display: block;

  position: absolute;

  top: 14px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  text-align: center;

  line-height: 30px;

  color: #f9edd3;

  z-index: 3;

}

.khung_lich .lich-top .lich-prev:hover, .khung_lich .lich-top .lich-next:hover {

  color: #fff;

  border-color: #fff;

}

.khung_lich .lich-top .lich-prev:before, .khung_lich .lich-top .lich-next:before {

  font-family: FontAwesome;

  font-size: 30px;

}

.khung_lich .lich-top .lich-prev {

  left: 20px;

}

.khung_lich .lich-top .lich-prev:before {

  content: "\f104";

}

.khung_lich .lich-top .lich-next {

  right: 20px;

}

.khung_lich .lich-top .lich-next:before {

  content: "\f105";

}

.khung_lich .lich-top .top-2 {

  background-color: #ede4d4;

  margin: 0 -1px;

  padding: 15px 0;

}

.khung_lich .lich-top .top-2 ul {

  display: -ms-flexbox;

  display: flex;

}

.khung_lich .lich-top .top-2 ul li {

  -ms-flex: 0 0 33.3333%;

  flex: 0 0 33.3333%;

  max-width: 33.3333%;

  padding: 0 5px;

  text-align: center;

  color: #d61605;

  font-size: 17px;

}

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

  .khung_lich .lich-top .top-2 ul li {

    font-size: 15px;

  }

}

@media (max-width: 574px) {

  .khung_lich .lich-top .top-2 ul li {

    display: none;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .khung_lich .lich-top .top-2 ul li:nth-child(2) {

    display: block;

  }

}

.khung_lich .lich-top .top-2 ul li a {

  color: #d61605;

}

.khung_lich .lich-top .top-2 ul li:last-child {

  color: #213f7e;

}

.khung_lich .lich-top .top-2 ul li:last-child a {

  color: #213f7e;

}

.khung_lich .lich-prev2, .khung_lich .lich-next2 {

  width: 36px;

  height: 36px;

  border: 3px solid #edd1b9;

  font-size: 0;

  display: block;

  position: absolute;

  top: 52%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  text-align: center;

  line-height: 30px;

  color: #c87938;

  margin-top: 30px;

  z-index: 3;

}

.khung_lich .lich-prev2:hover, .khung_lich .lich-next2:hover {

  color: #d61605;

  border-color: #d61605;

}

.khung_lich .lich-prev2:before, .khung_lich .lich-next2:before {

  font-family: FontAwesome;

  font-size: 30px;

}

.khung_lich .lich-prev2 {

  left: 20px;

}

@media (max-width: 639px) {

  .khung_lich .lich-prev2 {

    left: 5px;

  }

}

.khung_lich .lich-prev2:before {

  content: "\f104";

}

.khung_lich .lich-next2 {

  right: 20px;

}

@media (max-width: 639px) {

  .khung_lich .lich-next2 {

    right: 5px;

  }

}

.khung_lich .lich-next2:before {

  content: "\f105";

}

.khung_lich .khung_lich_duong, .khung_lich #khung_am {

  text-align: center;

  padding: 35px 20px 33px;

  float: left;

  width: 50%;

}

@media (min-width: 575px) {

  .khung_lich .khung_lich_duong {

    border-right: 1px solid #d9d9d9;

    border-bottom: none;

  }

}

.khung_lich .khung_lich_duong #thangduong {

  font-weight: 700;

}

.khung_lich .khung_lich_duong #ngayduong {

  color: #d61605;

  font-size: 77px;

  font-weight: 700;

}

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

  .khung_lich .khung_lich_duong #ngayduong {

    font-size: 70px;

  }

}

.khung_lich .khung_lich_duong #thuduong {

  color: #dc5c0b;

}

.khung_lich #khung_am {

  border-left: 1px solid #d9d9d9;

  margin-left: -1px;

}

.khung_lich #khung_am #thangam {

  font-weight: 700;

}

.khung_lich #khung_am #ngayam {

  color: #213f7e;

  font-size: 77px;

  font-weight: 700;

}

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

  .khung_lich #khung_am #ngayam {

    font-size: 70px;

  }

}



.khung-lich-bottom {

  border: 1px solid #d6bc80;

  border-top: none;

}

.khung-lich-bottom table {

  margin: 0 20px;

}


.khung-lich-bottom table tr:not(:last-child) td {

  border-bottom: 1px dashed #cccccc;

}

.khung-lich-bottom table tr td {

  vertical-align: top;

  padding: 15px;

}

.khung-lich-bottom table tr td:first-child {

  width: 25%;

  padding-left: 0;

}

.khung-lich-bottom table tr td:last-child {

  width: 75%;

  padding-right: 0;
	
  line-height: 1.3;

}

.khung-lich-bottom .func {

  border-top: 1px solid #d6bc80;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-pack: space-between;

  justify-content: space-between;

  padding: 25px 20px 10px;

}

.khung-lich-bottom .func a {

  display: inline-block;

  color: #213f7e;

  font-weight: 700;

  background: url(../images/bg/calendar.png) no-repeat;

  padding-left: 35px;

  line-height: 25px;

  margin-bottom: 15px;

}



.quotations {

  background-color: #f5f2dd;

  font-style: italic;

  padding: 15px 20px;

  border-bottom: 1px solid #d6bc80;

}



.xem-ngay-tot-xau-ket-qua a, .lich-van-nien-dt a {

  color: #213f7e;

  position: relative;

}



.lvn-thu-ngay {

  position: relative;

  text-align: center;

  padding: 0 40px;

  min-height: 30px;

  margin-bottom: 30px;

  padding-top: 5px;

}

.lvn-thu-ngay h2,
.lvn-thu-ngay h3 {

  font-weight: 700;

  margin-bottom: 0;

}

.lvn-thu-ngay .lich-prev2, .lvn-thu-ngay .lich-next2 {

  width: 34px;

  height: 34px;

  border: 3px solid #edd1b9;

  font-size: 0;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: center;

  justify-content: center;

  -ms-flex-align: center;

  align-items: center;

  position: absolute;

  top: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  text-align: center;

  color: #c67633;

  margin-top: -17px;

  z-index: 3;

}

.lvn-thu-ngay .lich-prev2:hover, .lvn-thu-ngay .lich-next2:hover {

  color: #d01300;

  border-color: #d01300;

}

.lvn-thu-ngay .lich-prev2:before, .lvn-thu-ngay .lich-next2:before {

  font-family: FontAwesome;

  font-size: 28px;

}

.lvn-thu-ngay .lich-prev2 {

  left: 20px;

}

@media (max-width: 639px) {

  .lvn-thu-ngay .lich-prev2 {

    left: 5px;

  }

}

.lvn-thu-ngay .lich-prev2:before {

  content: "\f104";

}

.lvn-thu-ngay .lich-next2 {

  right: 20px;

}

@media (max-width: 639px) {

  .lvn-thu-ngay .lich-next2 {

    right: 5px;

  }

}

.lvn-thu-ngay .lich-next2:before {

  content: "\f105";

}



.lich-van-nien-dt .calendar-yin-yang-text {

  background-color: #f4f4f4;

  padding: 20px;

}

.lich-van-nien-dt .calendar-yin-yang-text + .table-responsive.table-normal table {

  border: none;
	
  text-transform: capitalize;

}

.lich-van-nien-dt .calendar-yin-yang-text + .table-responsive.table-normal table:first-child {

  display: none;

}

.lich-van-nien-dt .calendar-yin-yang-text + .table-responsive.table-normal table tr:nth-child(2n+1) td {

  border-bottom: none;

  text-align: center;
	
  vertical-align: middle;

}

.lich-van-nien-dt .calendar-yin-yang-text + .table-responsive.table-normal table tr:nth-child(2n+2) td {

  border-top-style: dashed;

}

.lich-van-nien-dt .calendar-yin-yang-text + .table-responsive.table-normal table tr:nth-child(2n+2) td:last-child {

  border-left: none;

  text-align: right;

}

.lich-van-nien-dt .calendar-yin-yang-text + .table-responsive.table-normal table tr:nth-child(2n+2) td:first-child {

  border-right: none;

}

.lich-van-nien-dt .calendar-yin-yang-text + .table-responsive.table-normal table tr:last-child td {

  border-style: solid;

}

.lich-van-nien-dt .calendar-yin-yang-text + .table-responsive.table-normal td {

  border-color: #d6bc80;

  background-color: #f8f4ec;

}

.lich-van-nien-dt .calendar-yin-yang-text + .table-responsive.table-normal td[rowspan="2"] {

  border: none;

  background-color: transparent;

}



.figure-img {

  margin-bottom: 15px;

}



.ui-link-sure {

  border: 3px solid #fbcca3;

  color: #d22225;

  padding: 13px 20px;

  text-align: center;

}



.display-tarot {

  display: table;

  margin-bottom: 15px;

  text-align: center;

  margin-left: auto;

  margin-right: auto;

}

.display-tarot .display-tarot-col {

  display: table-cell;

}

.display-tarot .display-tarot-col img {

  display: block;

  padding: 0 4px;

}



.fortune-item.row {

  margin-left: -10px;

  margin-right: -10px;

}

.fortune-item.row .fortune-tarot,

.fortune-item.row .fortune-summary {

  padding-left: 10px;

  padding-right: 10px;

  position: relative;

  width: 100%;

}

.fortune-item.row .fortune-tarot {

  margin-bottom: 10px;

}

@media (min-width: 480px) {

  .fortune-item.row .fortune-tarot {

    flex: 0 0 43.66667%;

    width: 43.66667%;

    max-width: 262px;

    margin-bottom: 0;

  }

  .fortune-item.row .fortune-summary {

    flex: 0 0 calc(100% - 43.66667%);

    width: calc(100% - 43.66667%);

  }

}



.fortune-tarot-link {

  display: block;

  border: 1px solid #dddddd;

  text-align: center;

  max-width: 262px;

  margin-left: auto;

  margin-right: auto;

}

.cs-tarot .fortune-tarot-link .fortune-tarot-img {
  padding: 10px;
}


@media only screen and (min-width: 768px) {
.cs-tarot .fortune-tarot-link .fortune-tarot-img {
    padding: 20px;
  }
}

@media only screen and (min-width: 992px) {
.cs-tarot .fortune-tarot-link .fortune-tarot-img {
    padding: 20px;
  }
}

.fortune-tarot-link .fortune-tarot-img {
  padding: 20px;
}

.fortune-tarot-link .fortune-topic {

  border-top: 1px solid #dddddd;

  padding: 10px;

  display: block;

  text-align: center;

  font-weight: bold;

}



.tarot-thumb {

  display: block;

  margin-left: auto;

  margin-right: auto;

  max-width: 143px;

  margin-bottom: 10px;

}



.span-math {

  border: 1px solid #cccccc;

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(0.5, #f1f1f1));

  background-image: -o-linear-gradient(bottom, #fbfbfb 0%, #f1f1f1 50%);

  background-image: -moz-linear-gradient(bottom, #fbfbfb 0%, #f1f1f1 50%);

  background-image: -webkit-linear-gradient(bottom, #fbfbfb 0%, #f1f1f1 50%);

  background-image: -ms-linear-gradient(bottom, #fbfbfb 0%, #f1f1f1 50%);

  background-image: linear-gradient(to bottom, #fbfbfb 0%, #f1f1f1 50%);

  margin-left: 10px;

  display: inline-block;

  color: #d01300;

  width: 52px;

  height: 42px;

  line-height: 48px;

  text-align: center;

  position: relative;

}



.span-plus::before {

  display: inline-block;

  width: 22px;

  height: 22px;

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  background: url("../images/front/plus.png") no-repeat 0 0;

}



.group-input-plus {

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  margin-bottom: 16px;

}

.group-input-plus .form-control {

  -ms-flex: 1 1 0px;

  flex: 1 1 0px;

  height: auto;

  min-width: 0;
	
  padding-left: 9px;

}



.line-height-lg {

  line-height: 1.6;

}



.cupid-heart {

  margin-top: 24px;

}



.button-cupid-heart {

  display: inline-block;

  width: 142px;

  height: 77px;

  background: url("../images/front/cupid-heart.png") no-repeat 0 0;

  line-height: 64px;

  font-weight: bold;

  color: #fff;

}

.button-cupid-heart:hover, .button-cupid-heart:focus {

  color: #fff;

}



.blood {

  display: block;

  width: 72px;

  height: 72px;

  text-align: center;

  line-height: 72px;

  color: #030303;

  background: url("../images/front/blood.png") no-repeat 0 0;

  margin-left: auto;

  margin-right: auto;

  font-weight: bold;

  margin-bottom: 17px;

}



.type-box {

  padding: 20px 0 0 10px;

  margin-bottom: 20px;

}



.list-inline-type {

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}

.list-inline-type li {

  margin-right: 9px;

  display: inline-block;

  vertical-align: top;

  margin-bottom: 20px;

}

.list-inline-type .type-link {

  display: block;

  width: 86px;

  text-align: center;

}

.list-inline-type .type-icon {

  border-radius: 12px;

  margin-bottom: 10px;

}



.survey-item ul, .survey-item ol {

  padding-left: 0;

  margin-bottom: 20px;

  list-style: none;

}

.survey-item ul li, .survey-item ol li {

  padding: 5px 0 5px 20px;

}

.survey-item ul li:not(:last-child), .survey-item ol li:not(:last-child) {

  margin-bottom: 5px;

}

.survey-item ul li:hover, .survey-item ul li.active, .survey-item ol li:hover, .survey-item ol li.active {

  background-color: #fbf7e8;

}



.box-accordicon .box-accordicon-body {

  padding-left: 10px;

  display: none;

}

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

  .box-accordicon .box-accordicon-body {

    padding-left: 20px;

  }

}

.box-accordicon.selected {

  margin-bottom: 20px;

}

.box-accordicon.selected > h3 {

  text-decoration: underline;

}

.box-accordicon.selected .box-accordicon-body {

  display: block;

}

.box-accordicon .toggle-accordicon {

  cursor: pointer;

}



.btn-shuffle {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0 -20px 32px;

}

.btn-shuffle .item {

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

  padding: 0 20px;

}

.btn-shuffle .item:not(:last-child) {

  margin-bottom: 30px;

}

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

  .btn-shuffle .item:not(:last-child) {

    margin-bottom: 0;

  }

}

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

  .btn-shuffle .item {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}



.btn-tron-bai {

  background-color: #edba4b;

  border: none;

  text-transform: uppercase;

  text-align: center;

  position: relative;

  padding: 0 0 0 35px;

  font-weight: 700;

  font-size: 18px;

  cursor: pointer;

  margin: 0;

  line-height: 56px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  color: #333;

  display: block;

  width: 100%;

}

.btn-tron-bai span {

  width: 70px;

  height: 70px;

  border: 3px solid #fff;

  background-color: #edba4b;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  position: absolute;

  left: -13px;

  top: -8px;

  -webit-box-sizing: border-box;

  box-sizing: border-box;

  text-align: center;

  line-height: 56px;

}

.btn-tron-bai span:after {

  vertical-align: top;

  position: relative;

  top: 10px;

  display: inline-block;

}

.btn-tron-bai.nu span:after {

  content: "";

  background: url("../images/xemboi/woman.png") no-repeat;

  width: 29px;

  height: 40px;

}

.btn-tron-bai.nam span:after {

  content: "";

  background: url("../images/xemboi/man.png") no-repeat;

  width: 23px;

  height: 40px;

}



#tracnghiem-xem-hoa-tay-form {

  width: 100%;

}

#tracnghiem-xem-hoa-tay-form .boi-trac-nghiem.xem-hoa-tay {

  max-width: 396px;

  margin-right: auto;

  margin-left: auto;

}

#tracnghiem-xem-hoa-tay-form .form-type-radio {

  vertical-align: middle;

}

#tracnghiem-xem-hoa-tay-form .form-type-radio:not(:last-child) {

  margin-right: 15px;

}



#tracnghiem-xem-boi-not-ruoi-tren-mat-phu-nu-form .boi-trac-nghiem,

#tracnghiem-xem-boi-not-ruoi-co-the-form .boi-trac-nghiem,

#tracnghiem-xem-boi-co-the-phu-nu-form .boi-trac-nghiem,

#tracnghiem-xem-boi-not-ruoi-form .boi-trac-nghiem,

#tracnghiem-xem-boi-tren-ban-tay-form .boi-trac-nghiem,

#tracnghiem-xem-boi-tren-ban-chan-form .boi-trac-nghiem {

  max-width: 396px;

  margin-right: auto;

  margin-left: auto;

  text-align: center;

}



#tracnghiem-xem-boi-tren-ban-tay-form .boi-trac-nghiem .dieu-khoan,

#tracnghiem-xem-boi-tren-ban-chan-form .boi-trac-nghiem .dieu-khoan {

  margin-top: 16px;

}



.description-result.thuoc-lo-ban {

  position: relative;

}

.description-result.thuoc-lo-ban ul {

  padding: 0;

}



.thuoc-lo-ban .body-mota {

  position: relative;

}

.thuoc-lo-ban .body-mota span {

  font-size: 15px;

}

.thuoc-lo-ban #wrapper:after {

  content: "";

  position: absolute;

  top: 0;

  bottom: 15px;

  left: 50%;

  width: 1px;

  background-color: #d01300;

  -webkit-box-shadow: 0 0 5px 3px #fff;

  -moz-box-shadow: 0 0 5px 3px #fff;

  -ms-box-shadow: 0 0 5px 3px #fff;

  -o-box-shadow: 0 0 5px 3px #fff;

  box-shadow: 0 0 5px 3px #fff;

}



.boi-bai-hang-ngay .main_left_content {

  text-align: center;

}



.xem-boi-not-ruoi label, .xem-boi-not-ruoi-tren-mat-phu-nu label,

.xem-boi-not-ruoi-co-the label, .xem-boi-not-ruoi-tren-ct-phu-nu label,

.xem-boi-not-ruoi-tren-ban-tay label {

  margin-right: 5px;

}

.xem-boi-not-ruoi .form-select, .xem-boi-not-ruoi-tren-mat-phu-nu .form-select,

.xem-boi-not-ruoi-co-the .form-select, .xem-boi-not-ruoi-tren-ct-phu-nu .form-select,

.xem-boi-not-ruoi-tren-ban-tay .form-select {
	
  height: 41px;

  display: inline-block;

  width: 100%;

  padding: .375rem .75rem;
	
  padding: 7px;

  line-height: 1.5;

  color: #495057;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid #ced4da;

  border-radius: .25rem;

  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

  border-color: #ff950d;

  max-width: 180px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  vertical-align: middle;

}

.cs-boigach .field-content,
.cs-hathoi .field-content {

  border: 4px solid #f2f0eb;

  padding: 20px;

  text-align: center;

  position: relative;
	
  margin-bottom: 20px;

}

.kq-notruoi {

  border: 4px solid #f2f0eb;

  padding: 20px;

  text-align: center;

  position: relative;

}

.kq-notruoi:after {

  content: "";

  display: block;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  border: 1px solid #dcdad3;

  position: absolute;

}

.kq-notruoi p {

  position: relative;

  z-index: 2;

}

.kq-notruoi p:first-child {

/*  color: #d01300;*/

  font-weight: 700;

}

.kq-notruoi p:last-child {

  margin-bottom: 0;

}



.boi-kieu {

  background: url("../images/giaima/boi-kieu.png") no-repeat 0 0/100% 100%;

  height: 359px;

  text-align: center;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: center;

  justify-content: center;

  -ms-flex-align: center;

  align-items: center;

}

.boi-kieu a {

  display: inline-block;

  vertical-align: middle;

}



.boi-kieu-kq table {

  margin-bottom: 20px;

}

.boi-kieu-kq table td:first-child {

  color: #333333;

}

.boi-kieu-kq table td:last-child {

  text-align: center;

  color: #d01300;

}



.boi-kieu-guide {

  border-top: 1px solid #ddd;

  padding-top: 20px;

}

.boi-kieu-guide ul {

  list-style: square;

  padding-left: 20px;

}



.diem-lanh-du-kq .inside p {

  margin-bottom: 10px;

}

.diem-lanh-du-kq .inside p:last-child {

  margin-bottom: 0;

}



.que-van-su {

  background: url(../images/giaima/bg-que.jpg);

}

.que-van-su .content {

  padding: 0 20px 1px;

}



.que-van-su-header {

  background: url(../images/giaima/bg-que-2.jpg);

  color: #ffd789;

  font-weight: 700;

  padding: 20px;

}



.mtm.c a {

  display: inline-block;

  padding: 8px;

  text-transform: uppercase;

  border: 1px solid #cccccc;

  border-radius: 3px;

  color: #333333;

  margin-bottom: 10px;

  margin-right: 5px;

  min-width: 40px;

  text-align: center;

  background-color: #f4f4f4;

}

.mtm.c a:hover {

  background-color: #fff;

  color: #d22225;

  text-decoration: none;

}

.mtm.c a.letter_selected {
    text-decoration: none;
    font-weight: 700;
}



.view-giai-mong {

  border: 4px solid #f2f0eb;

  margin-bottom: 20px;

}

.view-giai-mong table {

  border-collapse: collapse;

  border: 1px solid #e6e6e6;

  width: 100%;

}

.view-giai-mong table th, .view-giai-mong table td {

  border: 1px solid #e6e6e6;

  background-color: #fff;

  padding: .75rem;

  vertical-align: top;

}

.view-giai-mong table thead td, .view-giai-mong table thead th {

  text-align: left;

  font-weight: bold;

  background-color: #f4f4f4;

}

.view-giai-mong table tbody tr td p {

  margin-bottom: 0;

}

.view-giai-mong table tbody tr td:first-child {

  width: 10%;

}

.view-giai-mong table tbody tr td:nth-child(2) {

  width: 25%;

}



.gieo-que-dich-so-kq .view-giai-mong {

  border: none;

}



.que-van-su .ket-qua .view-giai-mong {

  border: none;

  margin-bottom: 0;

}



.description-result-tip .view-giai-mong {

  border: none;

  margin: 0;

}

.description-result-tip .view-giai-mong .text {

  margin-bottom: 10px;

}

.description-result-tip .view-giai-mong h4 {

  margin-bottom: 0;

  font-weight: 700;

}

.dream-number .view-giai-mong table, .view-giai-mong table {
  margin-bottom: 20px;
}

.dream-number .view-giai-mong table tr td p {
  line-height: 1.4rem;
}

.dream-number .view-giai-mong table tbody tr td:first-child,
.view-giai-mong table tbody tr td:first-child {

  width: 10%;
  text-align: center;

}

.dream-number .view-giai-mong table tbody tr td:nth-child(2), .dream-number .view-giai-mong table tbody tr td:last-child ,
.view-giai-mong table tbody tr td:nth-child(2), .view-giai-mong table tbody tr td:last-child 
{

  width: 45%;

}



.card-info.sm {

/*  border-bottom: none;

  padding-bottom: 0;*/

}

.card-info.sm .card-info-photo {

  width: 25%;

}

.card-info.sm .card-info-title {

  margin-bottom: 10px;

}



.tu-vi-nam-kq img {

  margin-bottom: 20px;

}



.xin-que {

  text-align: center;

  background: url(../images/tuvi/bg-xin-que.png) no-repeat center;

  min-height: 221px;

  position: relative;

  padding-top: 20px;

  margin-bottom: 45px;

}

.xin-que:before, .xin-que:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

}

.xin-que:before {

  background: url(../images/tuvi/flower-left.png) no-repeat;

  width: 279px;

  height: 251px;

  left: 0;

}

.xin-que:after {

  background: url(../images/tuvi/flower-right.png) no-repeat;

  width: 238px;

  height: 227px;

  right: 0;

}

.xin-que input {

  background: url(../images/tuvi/xin-que.png) no-repeat;

  border: none;

  background-color: transparent;

  width: 93px;

  height: 193px;

  font-size: 0;

  position: relative;

  z-index: 3;

}



.hai-loc {

  border: 3px solid #ebebeb;

  -webkit-box-shadow: 0 0 46px rgba(171, 171, 171, 0.16) inset;

  -moz-box-shadow: 0 0 46px rgba(171, 171, 171, 0.16) inset;

  -ms-box-shadow: 0 0 46px rgba(171, 171, 171, 0.16) inset;

  -o-box-shadow: 0 0 46px rgba(171, 171, 171, 0.16) inset;

  box-shadow: 0 0 46px rgba(171, 171, 171, 0.16) inset;

  padding-bottom: 26px;

}

.hai-loc .img {

  margin-top: -10px;

}

.hai-loc .img .img:first-child {

  margin-left: 15px;

}

.hai-loc .img .img:last-child {

  margin-right: 15px;

}



.list-lixi {

  position: relative;

  max-width: 506px;

}

.list-lixi .lixi {

  position: absolute;

  display: block;

  width: 34px;

  height: 70px;

  background: url(../images/tuvi/lixi-normal.png) no-repeat;

}

.list-lixi .lixi:hover {

  width: 67px;

  height: 139px;

  background-image: url(../images/tuvi/lixi-hover.png);

  z-index: 3;

}

.list-lixi .lixi-1 {

  top: 58.70968%;

  left: 5.92885%;

}

.list-lixi .lixi-2 {

  top: 50.64516%;

  left: 14.42688%;

}

.list-lixi .lixi-3 {

  top: 50%;

  left: 30.23715%;

}

.list-lixi .lixi-4 {

  top: 73.54839%;

  left: 22.33202%;

}

.list-lixi .lixi-5 {

  top: 75.48387%;

  left: 35.57312%;

}

.list-lixi .lixi-6 {

  top: 79.67742%;

  left: 44.4664%;

}

.list-lixi .lixi-7 {

  top: 85.80645%;

  left: 53.95257%;

}

.list-lixi .lixi-8 {

  top: 69.67742%;

  left: 58.69565%;

}

.list-lixi .lixi-9 {

  top: 46.77419%;

  left: 64.62451%;

}

.list-lixi .lixi-10 {

  top: 72.25806%;

  left: 69.76285%;

}

.list-lixi .lixi-11 {

  top: 39.67742%;

  left: 78.06324%;

}

.list-lixi .lixi-12 {

  top: 40.32258%;

  left: 92.09486%;

}



.hai-loc-kq {

  background: url(../images/tuvi/bg-hai-loc.png) no-repeat center top/cover;

  padding: 20px;

}

.hai-loc-kq h2 {

  font-family: UTMOngDoGia, Arial;

  text-shadow: 2px 0 5px rgba(93, 2, 0, 0.59);

  color: #ffed89;

  text-align: center;

  margin-bottom: 12px;

}

.hai-loc-kq .inside {

  border: 5px solid rgba(255, 255, 255, 0.2);

}

.hai-loc-kq .inside .inside-bg {

  background: #fff4b8;

}

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

  .hai-loc-kq .inside .inside-bg {

    display: -ms-flexbox;

    display: flex;

  }

}

.hai-loc-kq .inside .img {

  text-align: center;

  background: url(../images/tuvi/bg-img.jpg) repeat;

}

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

  .hai-loc-kq .inside .img {

    -ms-flex: 0 0 201px;

    flex: 0 0 201px;

    max-width: 201px;

  }

}

.hai-loc-kq .inside .text {

  text-align: center;

  padding-top: 24px;

  padding-bottom: 1px;

}

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

  .hai-loc-kq .inside .text {

    -ms-flex: 0 0 calc(100% - 201px);

    flex: 0 0 calc(100% - 201px);

    max-width: calc(100% - 201px);

  }

}

.hai-loc-kq .inside .text h3 {

  text-transform: uppercase;

  color: #f5000b;

  font-weight: 700;

  margin-bottom: 18px;

}



.gio-dep-ngay-tet {

  border: 3px solid #c9bbbd;

  background: url(../images/tuvi/bg-ngay.jpg) repeat;

  -webkit-box-shadow: 0 0 46px rgba(171, 171, 171, 0.75) inset;

  -moz-box-shadow: 0 0 46px rgba(171, 171, 171, 0.75) inset;

  -ms-box-shadow: 0 0 46px rgba(171, 171, 171, 0.75) inset;

  -o-box-shadow: 0 0 46px rgba(171, 171, 171, 0.75) inset;

  box-shadow: 0 0 46px rgba(171, 171, 171, 0.75) inset;

  padding: 20px;

}

.gio-dep-ngay-tet h4 {

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 0;

}

.gio-dep-ngay-tet h2 {

  font-weight: 700;

  color: #c60a36;

  margin-bottom: 0;

}

.gio-dep-ngay-tet h3 {

  font-weight: 700;

}

/*custom-css-mobile*/
#block-block-30 {
    margin-top: -27px;
}
header {
/*  margin-bottom: 20px;*/
}

.cs-kqlamanhead table thead,
.cs-kqlaman .table-normal table {
    line-height: 1.6;
}

.cs-kqthoivan .field-content p {
    text-align: left;
}

.cs-ngaysinhkq {
    border: 1px solid #e8e8e8;
    padding: 17px 20px;
    margin-bottom: 1.2rem;
}

.cs-ngaysinhkq br {
    display: block;
    margin-bottom: 8px;
    content: "";
}

.h2-cslicham {

    margin-bottom: .75rem;
    line-height: 1.6;
}

.h2-csxemngaytot {
    margin-bottom: 1rem;
	font-size: 18px;
	font-weight: normal;
}

.cs-licham .xem-lich-thang .thang_nd_right.do {
    color: #d01300;
}

.cs-licham .bangthang {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.sub-navbar .menu .dropdown-menu li {
    margin-left: 0px;
}

.cs-tarott .fortune-summary .field-content p {
    margin-top: 8px;
    margin-bottom: 8px;
}
.cs-tarott .fortune-item.row .fortune-tarot {
    margin-top: 8px;
    margin-bottom: 8px;
}

.hai-loc-kq .inside .text p img {
    width: 90%;
}

.show-2amtiet-all .table-responsive .view-content table tbody td:first-child {
    width: 35%;
}
.show-2amtiet-all .table-responsive .view-content table
 {
    line-height: 1.3
}

.cs-simso .total .total-title {
    font-size: 20px;
}

.cs-simso img {
    display: block;
}

.cs-simso .table-nostyle table td,
.cs-simso .table-nostyle table th {
    padding: 4px 10px;
}

.cs-simso table {
    font-size: 20px;
    font-weight: bold;
}

.cs-simso .form-pd-lr {
    padding: 0px;
}

.cs-simso .form-radios .form-item {
    margin-top: 0.0em;
    margin-bottom: 0.2em;
}
.cs-laman .form-item,
.cs-simso .form-item,
.cs-simso .col-4 .form-item
 {
	margin-top: 0px;
}

#xemtuoi-xem-tuoi-form .form-item-gioitinh-nk,
#xemtuoi-xem-tuoi-form .form-item-gioitinh,
#phong-thuy-sim-phong-thuy-form .form-item-gioitinh
 {
	padding-right: 15px;
}
.cs-loban1
 {
	position: absolute;
	top: -25px;
}

.cs-loban2
 {
	position: absolute;
	top: 118px;
	z-index: 1000;
}

.cs-loban3
 {
	position: absolute;
	top: 275px;
	z-index: 1000;
}


.cs-xemngaytotkq .date-box {
	padding: 9px 10px;
}

.cs-xemngaytotkq .info-daily ul {
    margin-bottom: 12px;
}

.cs-xemngaytotkq .info-daily,
.cs-xemngaytotkq .info-daily ul li {
    margin-bottom: 10px;
}

.cs-xemngaytotkq thead tr td {
    padding: .95rem .35rem;
}

.cs-xemngaytotkq table p {
    display: inline;
}

.cs-vannien .cs-cap,
.cs-xemngaytot .cs-cap,
.cs-xemngaytotkq .cs-cap {
    text-transform: capitalize;
}

.cs-xemngaytotkq .date-box .m {
    font-size: 17px;
}

.cs-xemngaytotkq .date-box .da,
.cs-xemngaytotkq table {
    font-size: 18px;
}

.cs-xemngaytotkq .info-daily ul li,
.cs-xemngaytot .table-normal table,
.cs-vannien .cs-tcngay table {
    line-height: 1.3
}

.cs-licham .btn-main {
    min-width: 120px;
}

.cs-licham .xem-lich-thang #lichthang {
    font-size: 20px;
}

.cs-licham h2.title-box-dark {
    margin-bottom: 1rem;
}

.cs-licham .cs-alhomnay {
    border: 1px solid #e8e8e8;
    padding: 17px 20px;
}

.cs-kqdoilich p {
    margin-bottom: 0.3px;
	margin-top: 0.1rem;
}
.cs-kqdoilich {
    border: 1px solid #e8e8e8;
	line-height: 1.8
}

.cs-kqdoilich .cs-up {
    text-transform: capitalize;
}

.col-cs1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-cs5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.khung-lich-bottom table,
.table-normal table {
    font-size: 18px;
}

.table-normal table td, .table-normal table th {
  padding: .75rem .5rem;
}

.cs-xemthemtvn {
    border-top: 1px solid #ececec;
    padding-top: 19px;
    margin-top: 20px;
}

.cs-kqcongiapanh {
  margin-top: 1.5rem;
}

.cs-kqhncongiap .box-tuoi .overview .tuoi span {
  font-size: 18px;
}

.cs-kqhncongiapp {
  font-weight: bold;
  margin-top: -5px;
}

.cs-kqhn12cung h2.title-bg-light,
.cs-kqhn12cung h3.fz-22
 {
  font-size: 18px;
}
.cs-congiapht h2,
.cs-hdhh h2 {
  font-size: 20px;
}

.entry-content .tip {
  font-size: 17.5px;
}

.cs-kqty12cung h1 {
    font-size: 22px;
    text-align: center;
	margin-bottom: 1rem
}

 .list-con-giap ul li {
  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;
}
 .cs-bang12congiap ul li, 
 .cs-bang12cung ul li {
	 font-size: 17.4px;
}

.summary .cs-kqxemcung h2 {
    text-transform: capitalize;
}

.bang-xep-hang table .number {
    font-size: 19px;
}

#bbhn_ket_qua_cuoi_cung .view-content {
    margin-top: 1rem;
}

.cs-tarot .desc h3.title-danger-bg-light

.cs-tarot .back-section a {
    font-size: 18px;
}

.vanhannam p.cs-thoivan {
    font-size: 22px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0px;
}

.form-boi-tinh-yeu .form-item input.form-control,
.cs-boi-ten-aicap .form-item input.form-control,
#tracnghiem-boi-tinh-yeu-theo-ten-form .form-item input.form-control,
#quayso-form .form-group input.form-control,
#bietdanh-form .form-group input.form-control,
.bmi-form .form-group input.form-control {
  padding: 7px 7px 7px 9px;
  height: 41px
}

.gieo-que-dich-so-kq .title-danger-bg-light {
  border-left: 2px solid #aaaaaa;
  color: unset
}

.view-empty h3 {
  margin: 15px 10px;
  font-weight: 400;
}

.dream-number .view-giai-mong table, .view-giai-mong table {
  font-size: 18px;
}


.kq-so-xo table td, .kq-so-xo table th, .kq-so-xo table .dac-biet td:first-child {
  font-size: 18px;
  padding-right: 5px;
  padding-left: 5px;
}

.boi-trac-nghiem.xem-chi-tay .form-radios {
  margin-bottom: 1.5em;
}

.boi-trac-nghiem.xem-chi-tay label[for="edit-sd1"],
.boi-trac-nghiem.xem-chi-tay label[for="edit-trd1"],
.boi-trac-nghiem.xem-chi-tay label[for="edit-tamd1"],
.boi-trac-nghiem.xem-chi-tay label[for="edit-dm1"] {
  font-size: 18px;
}

.title-box {
  font-size: 20px;
}

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

.xem-boi-not-ruoi .form-select, .xem-boi-not-ruoi-tren-mat-phu-nu .form-select,
.xem-boi-not-ruoi-co-the .form-select, .xem-boi-not-ruoi-tren-ct-phu-nu .form-select,
.xem-boi-not-ruoi-tren-ban-tay .form-select {
  font-size: 18px;
}

.summary .desc .others ul li {
  margin-bottom: 0.5rem;
}

.article-post a, .summary .desc a {
  color: #213f7e;
}

.summary .desc .others ul {
  padding-left: 0px;
  list-style: none;
}

.summary .desc h2 {
  font-size: 19.5px;
}

.summary .desc h3 {
  font-size: 18.5px;
}

.summary .desc h4 {
  font-size: 18px;
}

.article-post h2 {
  font-size: 21px;
}

.article-post h3 {
  font-size: 19.5px;
}

.article-post h4 {
  font-size: 18px;
}

.article-post ul, .article-post ol, .summary .desc ul, .summary .desc ol {
  padding-left: 25px;
  list-style-position: unset;
}

.article-post ul li, .article-post ol li, .summary .desc ul li, .summary .desc ol li {
  padding-left: 5px;
  margin-bottom: 0.7rem;
}

.main-navbar .logo img {
  max-height: 55px;
}

.card-info-text {
  font-size: 17.5px;
}

.card-info-photo {
  margin-right: 13px;
}

.tags  {
  font-size: 17px;
}

.aside-right, .app-category .heading, .featured-articles .heading,
.summary .desc .others {
  margin-right: -10px;
  margin-left: -10px;
}

.post-item-sidebar h4, .view-more-line .btn {
  font-size: 18px;
}

.post-item-sidebar h4 {
  padding-left: unset;
  padding-right: unset;
}

.card-info-title, .title-404 {
  font-size: 20px;
}

.card-info-big .card-info-title {
  font-size: 22px;
}

.title-page {
  font-size: 22px;
}

.entry-title {
  font-size: 24px;
}

.breadcrumb li:not(:first-child) {
  padding: 8px 10px;
}

.heading-title, .list-app-category li a {
  font-size: 19px;
}

.list-app-category li a {
  background: url(../images/bg/bullet.png) no-repeat left 19px;
}

.title-line {
  font-size: 18px;
}

.nav-footer li a {
  font-size: 17px;
}

.slidebar-menu .back a {
  font-size: 18px;
}

.main-menu .dropdown-item, .main-menu .nav-link {
  font-size: 17px;
}

/*custom-css-tablet*/

@media only screen and (min-width: 768px) {
	
.footer-bottom .links {
  margin-bottom: 15px;
}
	
.h2-csxemngaytot {
	font-size: 16px;
}
	
.sub-navbar .menu .dropdown-menu li a {	
  font-size: 16px;
}
	
.show-2amtiet-all .table-responsive .view-content table tbody td:first-child {
    width: 25%;
}
	
.cs-simso .total .total-title {
    font-size: 18px;
}
	
.cs-loban1
 {
	position: absolute;
	top: -25px;
}

.cs-loban2
 {
	position: absolute;
	top: 125px;
	z-index: 1000;
}

.cs-loban3
 {
	position: absolute;
	top: 275px;
	z-index: 1000;
}
	
.cs-xemngaytotkq .info-daily ul {
    margin-bottom: 9px;
}
	
.cs-xemngaytotkq .info-daily,
.cs-xemngaytotkq .info-daily ul li {
    margin-bottom: 7px;
}
	
.cs-xemngaytotkq .date-box {
	padding: 9px 15px;
}
	
.cs-xemngaytotkq .date-box .m {
    font-size: 15px;
}
	
.cs-xemngaytotkq .date-box .da,
.cs-xemngaytotkq table {
    font-size: 16px;
}
	
.bangthang table .thang_nd1 td .can-chi-ngay {
    font-size: 14px;
}
	
.cs-licham .btn-main  {
    min-width: 140px;
}
	
.cs-licham .xem-lich-thang #lichthang {
    font-size: 18px;
}

.khung_lich .lich-prev2, .khung_lich .lich-next2 {
  top: 50%;
}
	
.col-cs1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.khung-lich-bottom table,
.table-normal table {
    font-size: 16px;
}

.table-normal table td, .table-normal table th {
  padding: .75rem .75rem;
}
	
.cs-kqhncongiap .box-tuoi .overview .tuoi span {
  font-size: 16px;
}
	
.cs-kqhn12cung h2.title-bg-light,
.cs-kqhn12cung h3.fz-22
 {
  font-size: 16px;
}
	
.cs-congiapht h2,
.cs-hdhh h2 {
  font-size: 18px;
}
	
.entry-content .tip {
  font-size: 15.5px;
}
	
 .cs-bang12cung ul li {
	 font-size: 15.4px;
}
	
 .cs-bang12congiap ul li {
	 font-size: 16px;
}
	
 .list-con-giap ul li {
  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;
}
	
.bang-xep-hang table .number {
    font-size: 18px;
}

.back-section a,
.cs-tarot .back-section a {
    font-size: 16px;
}
	
.vanhannam p.cs-thoivan {
    font-size: 20px;
}
	
.dream-number .view-giai-mong table, .view-giai-mong table {
  font-size: 16px;
}
	
.kq-so-xo table td, .kq-so-xo table th, .kq-so-xo table .dac-biet td:first-child {
  font-size: 16px;
}
	
.boi-trac-nghiem.xem-chi-tay label[for="edit-sd1"],
.boi-trac-nghiem.xem-chi-tay label[for="edit-trd1"],
.boi-trac-nghiem.xem-chi-tay label[for="edit-tamd1"],
.boi-trac-nghiem.xem-chi-tay label[for="edit-dm1"] {
  font-size: 16px;
}
	
.title-box {
  font-size: 18px;
}
	
.card-grid-title {
  font-size: 18px;
}
	
.xem-boi-not-ruoi .form-select, .xem-boi-not-ruoi-tren-mat-phu-nu .form-select,
.xem-boi-not-ruoi-co-the .form-select, .xem-boi-not-ruoi-tren-ct-phu-nu .form-select,
.xem-boi-not-ruoi-tren-ban-tay .form-select {
  font-size: 16px;
}
	
.summary .desc .others ul li {
  margin-bottom: 0.2rem;
}
	
.summary .desc h2 {
  font-size: 18px;
}

.summary .desc h3 {
  font-size: 16.5px;
}
	
.summary .desc h4 {
  font-size: 16px;
}
	
.article-post h2 {
  font-size: 20px;
}

.article-post h3 {
  font-size: 18px;
}

.article-post h4 {
  font-size: 16px;
}
	
.article-post ul, .article-post ol, .summary .desc ul, .summary .desc ol {
  padding-left: 35px;
  list-style-position: unset;
}
	
.main-navbar .logo img {
  max-height: 55px;
}
	
.card-info-text {
  font-size: 16px;
}

.card-info-photo {
  margin-right: 20px;
}
	
.tags  {
  font-size: 15px;
}
	
.aside-right, .app-category .heading, .featured-articles .heading,
.summary .desc .others {
  margin-right: 0px;
  margin-left: 0px;
}

.post-item-sidebar h4, .view-more-line .btn {
  font-size: 16px;
}
	
.post-item-sidebar h4 {
  padding-left: 10px;
  padding-right: 5px;
}
	
.card-info-title, .title-404 {
  font-size: 18px;
}
	
.card-info-big .card-info-title {
  font-size: 20px;
}

.entry-title {
  font-size: 26px;
}
	
.breadcrumb li:not(:first-child) {
  padding: 5px 14px;
}
	
.heading-title, .list-app-category li a {
  font-size: 17px;
}
	
.list-app-category li a {
  background: url(../images/bg/bullet.png) no-repeat left 18px;
}
	
.title-line {
  font-size: 16px;
}
	
.nav-footer li a {
  font-size: 16px;
}

.slidebar-menu .back a {
  font-size: 17px;
}
	
.main-menu .dropdown-item, .main-menu .nav-link {
  font-size: 16px;
  }

}

/*custom-css-desktop*/

@media only screen and (min-width: 992px) {
	
.footer-bottom .links {
  margin-bottom: 20px;
}
	
.h2-csxemngaytot {
	font-size: 16px;
}
	
.sub-navbar .menu .dropdown-menu li a {	
  font-size: 16px;
}
	
.show-2amtiet-all .table-responsive .view-content table tbody td:first-child {
    width: 25%;
}
	
.cs-simso .total .total-title {
    font-size: 18px;
}
	
.cs-loban1
 {
	position: absolute;
	top: -25px;
}

.cs-loban2
 {
	position: absolute;
	top: 125px;
	z-index: 1000;
}

.cs-loban3
 {
	position: absolute;
	top: 275px;
	z-index: 1000;
}
	
.cs-xemngaytotkq .info-daily ul {
    margin-bottom: 7px;
}
	
.cs-xemngaytotkq .info-daily,
.cs-xemngaytotkq .info-daily ul li {
    margin-bottom: 5px;
}
	
.cs-xemngaytotkq .date-box {
	padding: 9px 15px;
}
	
.cs-xemngaytotkq .date-box .m {
    font-size: 15px;
}
	
.cs-xemngaytotkq .date-box .da,
.cs-xemngaytotkq table {
    font-size: 16px;
}
	
.bangthang table .thang_nd1 td .can-chi-ngay {
    font-size: 14px;
}
	
.cs-licham .btn-main  {
    min-width: 140px;
}

.cs-licham .xem-lich-thang #lichthang {
    font-size: 16px;
}

.khung_lich .lich-prev2, .khung_lich .lich-next2 {
  top: 50%;
}
	
.col-cs1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.khung-lich-bottom table,
.table-normal table {
    font-size: 16px;
}

.table-normal table td, .table-normal table th {
  padding: .75rem .75rem;
}
	
.cs-kqhncongiap .box-tuoi .overview .tuoi span {
  font-size: 16px;
}
	
.cs-kqhn12cung h2.title-bg-light,
.cs-kqhn12cung h3.fz-22
 {
  font-size: 16px;
}
	
.cs-congiapht h2,
.cs-hdhh h2 {
  font-size: 18px;
}
	
.entry-content .tip {
  font-size: 15.5px;
}
	
 .cs-bang12cung ul li {
	 font-size: 15.4px;
}
	
 .cs-bang12congiap ul li {
	 font-size: 16px;
}
	
 .list-con-giap ul li {
  -ms-flex: 0 0 16.66667%;

  flex: 0 0 16.66667%;

  max-width: 16.66667%;
}
	
.bang-xep-hang table .number {
    font-size: 18px;
}
	
.back-section a,
.cs-tarot .back-section a {
    font-size: 16px;
}
	
.vanhannam p.cs-thoivan {
    font-size: 20px;
}
	
.dream-number .view-giai-mong table, .view-giai-mong table {
  font-size: 16px;
}
	
.kq-so-xo table td, .kq-so-xo table th, .kq-so-xo table .dac-biet td:first-child {
  font-size: 16px;
}
	
.boi-trac-nghiem.xem-chi-tay label[for="edit-sd1"],
.boi-trac-nghiem.xem-chi-tay label[for="edit-trd1"],
.boi-trac-nghiem.xem-chi-tay label[for="edit-tamd1"],
.boi-trac-nghiem.xem-chi-tay label[for="edit-dm1"] {
  font-size: 16px;
}
	
.title-box {
  font-size: 18px;
}
	
.card-grid-title {
  font-size: 18px;
}
	
.xem-boi-not-ruoi .form-select, .xem-boi-not-ruoi-tren-mat-phu-nu .form-select,
.xem-boi-not-ruoi-co-the .form-select, .xem-boi-not-ruoi-tren-ct-phu-nu .form-select,
.xem-boi-not-ruoi-tren-ban-tay .form-select {
  font-size: 16px;
}
	
.summary .desc .others ul li {
  margin-bottom: 0.2rem;
}
	
.summary .desc h2 {
  font-size: 18px;
}

.summary .desc h3 {
  font-size: 16.5px;
}
	
.summary .desc h4 {
  font-size: 16px;
}
	
.article-post h2 {
  font-size: 20px;
}

.article-post h3 {
  font-size: 18px;
}

.article-post h4 {
  font-size: 16px;
}
	
.article-post ul, .article-post ol, .summary .desc ul, .summary .desc ol {
  padding-left: 35px;
  list-style-position: unset;
}
	
.main-navbar .logo img {
  max-height: 60px;
}
	
.card-info-text {
  font-size: 16px;
}

.card-info-photo {
  margin-right: 20px;
}
	
.tags  {
  font-size: 15px;
}
	
.aside-right, .app-category .heading, .featured-articles .heading,
.summary .desc .others {
  margin-right: 0px;
  margin-left: 0px;
}

.post-item-sidebar h4, .view-more-line .btn {
  font-size: 16px;
}

.post-item-sidebar h4 {
  padding-left: 10px;
  padding-right: 5px;
}
	
.card-info-title, .title-404 {
  font-size: 18px;
}
	
.card-info-big .card-info-title {
  font-size: 20px;
}

.entry-title {
  font-size: 26px;
}
	
.breadcrumb li:not(:first-child) {
  padding: 5px 14px;
}
	
.heading-title, .list-app-category li a {
  font-size: 17px;
}
	
.list-app-category li a {
  background: url(../images/bg/bullet.png) no-repeat left 18px;
}
	
.title-line {
  font-size: 16px;
}
	
.nav-footer li a {
  font-size: 16px;
}

.slidebar-menu .back a {
  font-size: 17px;
}
	
.main-menu .dropdown-item, .main-menu .nav-link {
    font-size: 16px;
  }

}
html, body {
	width: 100%;
	overflow-x: hidden;
}