@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i|Noto+Serif:400,400i,700,700i|Yeseva+One&&subset=latin-ext,vietnamese');
@import url("../fonts/font-awesome/font-awesome.min.css");
@import url("../fonts/simple-line-icons/simple-line-icons.css");

:root {
  --gap--gorizontal: 64px;
  --gap--vertical: 30px;
}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  background: #fff;
  overflow-x: hidden;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #2171af;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
a:hover,
a:focus {
  color: #2171af;
  text-decoration: none;
  outline: 0;
}
figure {
  margin: 0;
}
.img-margin {
  margin: auto;
}
.row.no-gutter {
  margin: 0 auto;
}
.row.no-gutter [class*="col-"]:not(:first-child), 
.row.no-gutter [class*="col-"]:not(:last-child) {
  padding-left: 0;
  padding-right: 0;
}
ul:not(.reBut), ol:not(.reBut) {list-style: none;}
.img-cover {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.line-clamp {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.l-c-1 {
  -webkit-line-clamp: 1;
}
.l-c-2 {
  -webkit-line-clamp: 2;
}
.l-c-3 {
  -webkit-line-clamp: 3;
}
.l-c-4 {
  -webkit-line-clamp: 4;
}
.l-c-5 {
  -webkit-line-clamp: 5;
}
/**************************************
    Home
    ***************************************/
    @media (min-width: 1200px) {
      .container {
        max-width: 1170px;
      }
      .hasResearch .container {
        max-width: 800px;
      }
    }
    .hc-offcanvas-nav {
      z-index: 9999999 !important;
    }
    .main-header {
      position: fixed;
      width: 100%;
      padding: 2px 0;
      background: #fff;
      top: 0;
      z-index: 999999;
      transition: top 0.5s ease-in-out;
    }
    .mtbar {
      margin-top: 65px;
    }
    .nav-up {
      top: -100px;
    }
    .dark.nav-down {
      border-bottom: 5px solid #e6e6e6;
    }
    .main-header .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      -webkit-box-align: center;
      -webkit-box-pack: justify;
      -ms-flex-align: center;
      -ms-flex-pack: justify;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .site-branding {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      min-width: 0;
      max-width: 100%;
      margin-right: 25px;
      align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      padding: 3px 0 0;
    }
    .header-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex: 0 1 auto;
      padding-bottom: 0;
      align-items: center;
      -webkit-box-align: center;
      -webkit-box-flex: 0;
      -webkit-box-pack: justify;
      -ms-flex: 0 1 auto;
      -ms-flex-align: center;
      -ms-flex-pack: justify;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
      position: relative;
      top: 3px;
    }
    .header-menu>* {
      display: inline-block;
    }
    .header-menu li {
      display: inline-block !important;
    }
    .header-menu li a,
    .header-menu li span {
      font-size: 16px;
      font-weight: bold;
      color: #595959;
      margin-right: 40px;
    }
    .header-menu li a > i {
      font-size: 18px;
      margin-left: 5px;
    }
    .header-menu li a:hover {
      color: #2171af;
    }
    .header-menu li ul,
    .header-menu li:nth-child(n+8) {
      display: none !important;
    }
    .header-search > i {
      font-size: 18px;
      cursor: pointer;
    }
    .ShowBoxMSearch {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: rgba(0, 0, 0, .5);
      z-index: 99;
      display: none;
    }
    .ShowBoxMSearch .form-wrapper {
      width: 960px;
      margin: auto;
      margin: 20px auto 0;
      position: relative;
    }
    .ShowBoxMSearch .form-wrapper input {
      width: 100%;
      height: 60px;
      padding: 8px 105px 8px 220px;
      font-size: 13px;
      outline: none;
    }
    .ShowBoxMSearch .form-wrapper button,
    .ShowBoxMSearch .form-wrapper .closeSearch {
      position: absolute;
    }
    .ShowBoxMSearch .form-wrapper button {
      width: 50px;
      height: 60px;
      background: transparent;
      border: none;
      top: 0;
      right: 55px;
      font-size: 17px;
      text-decoration: none;
      outline: 0;
    }
    .ShowBoxMSearch .form-wrapper .closeSearch {
      cursor: pointer;
      right: 0;
      top: 0;
      width: 60px;
      height: 60px;
      line-height: 60px;
      overflow: hidden;
      padding: 18px;
    }
    .ShowBoxMSearch .form-wrapper .select-wrapper {
      position: absolute;
      top: 1px;
      left: 0;
      border-right: 1px dashed #ccc;
      padding-right: 15px; 
    }
    .ShowBoxMSearch .form-wrapper .select-wrapper:after {
      font-family: FontAwesome;
      content: '\f107';
      font-size: 17px;
      position: absolute;
      top: 16px;
      right: 20px;
      color: #c3c3c3;
      pointer-events: none;
    }
    .ShowBoxMSearch .form-wrapper select {
      width: 180px;
      height: 58px;
      border: none;
      padding: 8px 10px;
      outline: none;
      font-size: 13px;
      color: #868686;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
    }
    .ShowBoxMSearch .form-wrapper select::-ms-expand {
      display: none;
    }
    .HiddenOver {
      overflow: hidden;
    }
    span.OpenMenu {
      position: relative;
      font-size: 35px;
      text-align: center;
      line-height: 33px;
      color: #4b5761;
      cursor: pointer;
    }
    span.OpenMenu ins {
      text-transform: uppercase;
      font-size: 17px;
      text-decoration: none;
      font-weight: bold;
      color: #4b5761;
      vertical-align: middle;
      line-height: 1;
      position: relative;
      top: -2px;
      margin-left: 5px;
    }
    /******* Cate Menu *******/
    .body-backdrop {
      position: fixed;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0,0,0,.2);
      z-index: 999;
      pointer-events: none;
      opacity: 0;
      transition: opacity .2s;
    }
    .body-backdrop--active {
      display: block;
      z-index: 998;
      opacity: 1;
      pointer-events: auto;
    }
    .cate-menu {
      background: #12a99b;
      height: 40px;
    }
    .cate-menu > .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      -webkit-box-align: center;
      -webkit-box-pack: justify;
      -ms-flex-align: center;
      -ms-flex-pack: justify;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    a.heart-plus {
      background: rgba(255, 255, 255, 0.14);
      height: 40px;
      line-height: 42px;
      padding: 0 20px;
      color: #fff;
      font-weight: 700;
      letter-spacing: 0.5px;
    }
    a.heart-plus i {
      position: relative;
      animation: heartbeat 1.4s infinite;
      font-size: 20px;
      top: 2px;
    }
    @keyframes heartbeat
    {
      0%
      {
        transform: scale( .75 );
      }
      20%
      {
        transform: scale( 1 );
      }
      40%
      {
        transform: scale( .75 );
      }
      60%
      {
        transform: scale( 1 );
      }
      80%
      {
        transform: scale( .75 );
      }
      100%
      {
        transform: scale( .75 );
      }
    }
    .cate-menu > div > ul {
      display: inline-block;
      position: relative;
      z-index: 9999;
    }
    .cate-menu > div > ul > li {
      display: inline-block;
    }
    .cate-menu > div > ul > li > a {
      color: #fff;
      font-size: 14px;
      font-family: "Roboto";
      text-transform: uppercase;
      font-weight: 700;
      padding: 10px 20px 9px;
      display: block;
    }
    .cate-menu > div > ul > li:first-child > a {
      padding-left: 0;
    }
    .cate-menu > div > ul > li.has-children {
      position: relative;
    }
    .cate-menu > div > ul > li.has-children ul.has-dropdown {
      position: absolute;
      width: 100%;
      min-width: 220px;
      left: 0;
      background-color: #fbfbfb;
      color: #284a75;
      margin: 0;
      padding: 5px 20px;
      list-style: none;
      border: 0;
      z-index: 999;
      transform-origin: center top 0;
      transform: scale(1,0);
      transition: all .2s ease-in-out;
      opacity: 0;
      text-align: left;
    }
    .cate-menu > div > ul > li.has-children ul.has-dropdown li a {
      display: block;
      line-height: 1.6;
      padding: 10px 0;
      font-size: 14px;
      font-weight: 600;
      transition: color .2s;
    }
    .cate-menu > div > ul > li.has-children:hover ul.has-dropdown {
      opacity: 1;
      transform: scale(1);
    }
    .cate-menu ul > li.mega-menu > ul {
      position: absolute;
      display: flex;
      flex-wrap: wrap; 
      width: 1140px;
      left: 0;
      padding: 20px 20px 0 20px;
      background-color: #fbfbfb;
      color: #284a75;
      text-align: left;
      z-index: 999;
      transform-origin: center top 0;
      transform: scale(1,0);
      transition: all .2s ease-in-out;
      opacity: 0;
    }
    .cate-menu ul > li.mega-menu:hover > ul {
      opacity: 1;
      transform: scale(1);
    }
    .cate-menu ul > li.mega-menu:hover > ul > li {
      width: 25%;
      margin-bottom: 40px;
      color: #000;
      box-shadow: none;
    }
    .cate-menu ul > li.mega-menu:hover > ul > li > a {
      display: inline-block;
      font-weight: 800;
      text-transform: uppercase;
      font-size: 17px;
      font-family: "Roboto";
      line-height: 22px;
      height: 50px;
      color: #505050;
    }
    .cyan .cate-menu ul > li.mega-menu:hover > ul > li > a {
      color: #1f988d;
    }
    .cate-menu ul > li.mega-menu:hover > ul > li > ul a {
      line-height: 33px;
      font-size: 14px;
      color: #636363;
    }
    /******* Cate Menu *******/
    .featured-content-area {
      position: relative;
    }
    .featured-title {
      position: absolute;
      z-index: 10;
      color: #dfe3e5;
      font-family: 'Yeseva One', cursive;
      font-size: 60px;
      top: 60px;
    }
    .featured-carousel {
      position: relative;
      background-color: #f4f6f7;
    }
    .featured-carousel-item .carousel-item-thumbnail img {
      display: block;
      -webkit-transition: -webkit-filter .4s ease-in-out;
      transition: -webkit-filter .4s ease-in-out;
      transition: filter .4s ease-in-out;
      transition: filter .4s ease-in-out,-webkit-filter .4s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-filter: brightness(100%);
      filter: brightness(100%);
      max-width: 100%;
    }
    .featured-carousel-item .carousel-item-thumbnail:hover img, 
    .featured-carousel-item .carousel-item-thumbnail:focus img {
      -webkit-filter: brightness(70%);
      filter: brightness(70%);
    }
    .item-timedate {
      margin-bottom: 10px;
    }
    .item-timedate .cat-links a {
      text-decoration: underline;
      font-size: 14px;
      color: #d83d3d;
      font-weight: 500;
    }
    .item-timedate > span+span {
      color: #93939c;
      margin-left: 8px;
    }
    .item-timedate > span+span:before {
      display: inline-block;
      width: 3px;
      height: 3px;
      margin-right: 8px;
      content: '';
      vertical-align: 4px;
      border-radius: 50%;
      background-color: #93939c;
    }
    .carousel-item-title a,
    .list-item-title a {
      font-size: 26px;
      font-weight: 900;
      color: #4c4c4c;
    }
    .carousel-item-title a:hover,
    .list-item-title a:hover {
      color: #2171af;
    }
    .list-item-title a {
      font-size: 23px;
    }
    .carousel-item-content {
      font-size: 16px;
      color: #93939c;
      line-height: 24px;
      font-weight: 300;
      margin: 10px 0 30px;
    }
    .carousel-item-footer a {
      font-size: 15px;
      font-weight: bold;
      color: #606060;
      position: relative;
    }
    .carousel-item-footer a:after {
      position: absolute;
      font-family: 'FontAwesome';
      content: "\f178";
      top: 0px;
      right: -25px;
      font-size: 15px;
      color: #8ba7bd;
    }
    .topic-featured {
      position: relative;
      padding: 60px 0 20px;
    }
    .topic--title {
      font-family: 'Yeseva One', cursive;
      font-size: 36px;
      color: #2171af;
      margin-bottom: 20px;
    }
    .topic--title a {
      color: #2171af;
    }
    ol.listTag {
      padding-bottom: 20px;
      margin-top: 10px;
    }
    ol.listTag li {
      display: inline-block;
    }
    ol.listTag li a {
      display: inline-block;
      color: #4a4a4a;
      font-size: 19px;
      font-weight: 500;
      background: #a5dffa;
      text-align: center;
      padding: 6px 23px;
      border-radius: 5px;
      margin-bottom: 15px;
      margin-right: 10px;
    }
    .blue-light {
      background: #f0f8fc;
      padding: 35px 0;
      border-bottom: 4px solid #a1bfd6;
    }
    .grid-item-container {
      padding: 0;
      margin: 0;
      list-style: none;
      grid-template-columns: 41.666667% calc(58.333333% - 30px);
      grid-column-gap: 30px;
    }
    .grid-item-list {
      flex: 1;
      max-width: 100%;
      margin-bottom: 40px;
      grid-column: 2;
    }
    .grid-item-list:first-child {
      flex: 1;
      max-width: 100%;
      margin-bottom: 40px;
      grid-row: 1 / span 4;
      grid-column: 1;
    }
    .grid-item-list:first-child .grid-item-picture {
      margin-bottom: 20px;
    }
    .grid-item-body .item-title a {
      font-size: 20px;
      font-weight: 900;
      color: #494949;
      line-height: 26px;
    }
    .grid-item-list:first-child .grid-item-body .item-title a {
      font-size: 23px;
      line-height: 29px;
    }
    .grid-item-body p {
      font-size: 16px;
      color: #87878d;
      line-height: 22px;
      margin-top: 10px;
    }
    .grid-item-list:nth-child(n+2) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
    .grid-item-list:nth-child(n+2) .grid-item-picture a {
      width: 195px;
      height: 117px;
      position: relative;
      display: block;
      margin-right: 1rem;
    }
    .grid-item-list:nth-child(n+2) .grid-item-picture a {

    }
    .grid-item-list:nth-child(n+2) .grid-item-body {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -ms-flex-item-align: center!important;
      align-self: center!important;
    }
    .grid-item-list:nth-child(n+2) .grid-item-body p {
      display: none;
    }
    .LineHr {
      position: relative;
      margin-top: 30px;
    }
    .LineHr:before {
      content: '';
      position: absolute;
      top: 0;
      width: 1140px;
      height: 2px;
      left: 50%;
      transform: translateX(-50%);
      background: #d9e7ee;
    }
    .box-item-list .grid-item-body {
      margin-top: 30px;
    }
    .section-list {
      padding: 45px 0 60px;
    }
    .list-body--img {
      width: 145px;
      height: 109px;
      position: relative;
    }
    .news-list-body {
      margin-top: 40px;
    }
    .news-list-body .title a {
      font-size: 20px;
      font-weight: 900;
      color: #494949;
    }
    .news-list-body p {
      font-size: 15px;
      color: #87878d;
      margin-top: 10px;
    }
    .list-people-csyt {
      background: #f7f8f9;
      border-bottom: 4px solid #d8dfe3;
    }
    .list--csyt {
      padding: 50px 0 20px;
    }
    .csyt-body--img {
      width: 195px;
      height: 132px;
      position: relative;
    }
    .csyt-body {
      margin-bottom: 30px;
    }
    .csyt-body .title a {
      color: #535353;
      font-size: 16px;
      font-weight: 900;
    }
    .csyt-body p {
      color: #535353;
      font-size: 14px;
      margin-top: 10px;
      line-height: 18px;
    }
    .csyt-body p i {
      margin-right: 5px;
      color: #2171af;
      font-size: 14px;
    }
    .list--people {
      background: #f0f0f0;
      padding: 50px 24px 50px;
      height: 100%;
    }
    .list--people-img {
      display: block;
      position: relative;
      filter: grayscale(1);
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      transition: all 0.5s ease;
      border: 1px solid #e0e0e0;
    }
    .people-body-item:hover .list--people-img {
      filter: grayscale(0);
    }
    .infor_item_about_us .name a {
      font-size: 16px;
      color: #2171af;
      font-weight: 900;
      display: block;
      margin: 10px 0 5px;
    }
    .brief span i {
      float: left;
      width: 14px;
      margin-right: 6px;
      position: relative;
      top: 4px;
      font-size: 13px;
    }
    .brief p {
      margin: 0 0 4px 23px;
    }
    .people-body-item:nth-child(n+4) {
      margin-top: 30px;
      padding-top: 40px;
      border-top: 1px dashed #ccc;
    }
    .list--people-body {
      overflow: hidden;
    }
    .tabs-list {
      padding: 45px 0 60px;
    }
    .list-two-info .title a {
      font-size: 20px;
      font-weight: 900;
      color: #4b4b4b;
      margin-top: 15px;
      display: block;
    }
    .list-two-info > p {
      font-size: 15px;
      color: #757575;
      line-height: 22px;
      margin-top: 10px;
    }
    .tabs-list-ul {
      margin-bottom: 35px;
    }
    .tabs-list-ul li a {
      background: #cadae6;
      color: #49708f;
      font-size: 16px;
      font-weight: bold;
      padding: 7px 30px;
      text-transform: uppercase;
      position: relative;
      margin-right: 10px;
    }
    .tabs-list-ul li a.active {
      background: #2171af;
      color: #fff;
    }
    .tabs-list-ul li a.active:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-top-color: #2171af;
      border-width: 8px;
      margin-left: -8px;
    }
    .tabs-list-li {
      padding: 13px;
      border: 1px solid #cccccc;
    }
    .tabs-list-li li.has-img {
      margin-bottom: 12px;
    }
    .tabs-list-li li.has-img > a {
      display: inline-block;
      width: 198px;
      height: 117px;
      float: left;
      margin-right: 1rem;
    }
    .tabs-list-li li.has-img .title a {
      font-size: 18px;
      color: #4d4d4d;
      font-weight: 900;
    }
    .tabs-list-li li:nth-child(n+2) {
      position: relative;
      padding-left: 20px;
      border-bottom: 1px dashed #ccc;
      padding-bottom: 12px;
      margin-bottom: 12px;
    }
    .tabs-list-li li:last-child {
      border-bottom: 0;
      padding-bottom: 0;
      margin-bottom: 0;
    }
    .tabs-list-li li:nth-child(n+2):before {
      position: absolute;
      content: "";
      width: 5px;
      height: 5px;
      background: #2171af;
      left: 0;
      top: 8px;
    }
    .tabs-list-li li:nth-child(n+2) a {
      font-size: 17px;
      font-weight: bold;
      color: #4d4d4d;
      position: relative;
    }
    .footer-body {
      background: #f8f6f5;
      padding: 45px 0 40px;
    }
    .alpha-beta .topic--title {
      font-size: 26px;
    }
    .list-alfabet li {
      display: inline-block;
    }
    .list-alfabet li a, 
    .list-alfabet li span {
      display: block;
      width: 35px;
      height: 35px;
      background: #edebea;
      text-align: center;
      line-height: 35px;
      color: #535353;
      font-weight: 600;
      margin: 0 3px 7px 0;
    }
    .list-alfabet li a:hover {
      background: #2171af;
      color: #fff;
    }
    .list-alfabet li span {
      color: #d6d2d2;
    }
    .list-alfabet li span:hover {
      cursor: not-allowed;
    }
    .alpha-beta {
      border-bottom: 2px solid #e8e4e2;
      padding-bottom: 40px;
      margin-bottom: 40px;
    }
    .mdn-FTInfo {
      font-size: 15px;
      font-weight: 400;
      color: #656565;
    }
    .mdn-FTInfo .title {
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 900;
      color: #555555;
      display: block;
      margin-bottom: 18px;
    }
    .mdn-FTInfo .listText li a {
      position: relative;
      color: #656565;
      display: block;
      margin-bottom: 8px;
      padding-left: 15px;
    }
    .mdn-FTInfo .listText li a:before {
      position: absolute;
      content: '';
      background: #a2a2a2;
      width: 5px;
      height: 5px;
      left: 0;
      top: 7px;
      border-radius: 4px;
    }
    .mdn-FTInfo .ft-social li {
      display: inline-block;
    }
    .mdn-FTInfo .ft-social li a {
      color: #fff;
      width: 36px;
      height: 36px;
      border-radius: 100px;
      line-height: 36px;
      text-align: center;
      display: inline-block;
      background: #395693;
      margin-right: 5px;
    }
    .mdn-FTInfo .ft-social li a.googleplus {
      background: #d94837;
    }
    .mdn-FTInfo .ft-social li a.pinterest {
      background: #c51f26;
    }
    .mdn-FTInfo .ft-social li a.instagram {
      background: #f7c665;
    }
    .mdn-FTInfo .ft-social li a.linkedin {
      background: #0077b0;
    }
    .footer-copyright {
      color: #dff1ff;
      background: #1f6397;
      font-weight: 300;
      font-size: 14px;
      padding: 10px 0;
      text-align: center;
      line-height: 19px;
    }
/**************************************
    Category
    ***************************************/
    .breadcrumb {
      margin: 0 0 10px 0;
      padding: 0;
      font-size: 13px;
      background: none;
      border-radius: 0;
      font-weight: 400;
      width: 100%;
      text-decoration: underline;
    }
    .breadcrumb > li {
      padding: 0 10px 0 0;
    }
    .breadcrumb a {
      color: #fff;
      display: inline-block;
      text-decoration: underline;
    }
    .breadcrumb > li + li:before,
    .breadcrumb > span > span > span a:before,
    span.breadcrumb_last:before {
      content: "";
      width: 12px;
      height: 9px;
      padding: 0 10px;
      display: inline-block;
      background: url(../images/breadcrumb-arrow-right-w.png) no-repeat;
      opacity: .6;
      margin-left: 5px;
    }
    .single .breadcrumb_last {
      display: none;
    }
    .topbar-title {
      padding: 0 0 30px;
      color: #fff;
    }
    .topbar-title > .container {
      padding-top: 30px;
    }
    .topbar--title {
      font-family: 'Yeseva One', cursive;
      color: #fff;
      font-size: 36px;
      margin-bottom: 5px;
    }
    .topbar-title p {
      line-height: 23px;
      font-weight: 400;
      font-size: 15px;
    }
    /**** Color ****/
    .blue {
      background: #2171af;
    }
    .blue .breadcrumb,
    .blue .breadcrumb a {
      color: #86c7f9;
    }
    .blue.topbar-title {
      color: #c3e5ff;
    }
    .blue.topbar-title p a {
      color: #feffab;
    }
    .blue .cate-menu {
      background: #2282cc;
    }
    .yellow,
    .pink,
    .cyan,
    .red,
    .green {
      background: #d19734;
      padding: 0 0 20px;
    }
    .yellow .cate-menu,
    .pink .cate-menu,
    .cyan .cate-menu,
    .red .cate-menu,
    .green .cate-menu {
      background: #b58e4c;
      height: 40px;
    }
    .yellow > .container,
    .pink > .container,
    .cyan > .container,
    .red > .container,
    .green > .container {
      padding-top: 20px;
    }
    .yellow .breadcrumb,
    .yellow .breadcrumb a {
      color: #f4e8d8;
    }
    .yellow .topbar--title,
    .pink .topbar--title,
    .cyan .topbar--title,
    .red .topbar--title,
    .green .topbar--title {
      margin-bottom: 5px;
    }
    .pink {
      background: #ef7d7d;
    }
    .pink .cate-menu {
      background: #cc6a6a;
    }
    .pink .breadcrumb,
    .pink .breadcrumb a {
      color: #ffdcdc;
    }
    .cyan {
      background: #1f988d;
    }
    .cyan .cate-menu {
      background: #1fada0;
    }
    .cyan .breadcrumb,
    .cyan .breadcrumb a {
      color: #93e2db;
    }
    .red {
      background: #c14040;
    }
    .red .cate-menu {
      background: #a52b2b;
    }
    .red .breadcrumb,
    .red .breadcrumb a {
      color: #f79a9a;
    }
    .green {
      background: #0eab63;
    }
    .green .cate-menu {
      background: #0dbd6c;
    }
    .green .breadcrumb,
    .green .breadcrumb a {
      color: #92e8c1;
    }
    /**** Color ****/
    .alphabeta-on-scroll .title-rule--title {
      color: #5a5a5a;
      font-size: 25px;
      font-weight: 900;
      display: block;
      margin-top: 40px;
      margin-bottom: 15px;
    }
    .az--index {
      margin: 0 0 40px;
      overflow: hidden;
      padding: 0;
    }
    .az--index li {
      background: #f4f4f4;
      color: #e9e4e4;
      width: 35px;
      height: 35px;
      display: block;
      float: left;
      line-height: 35px;
      margin-right: 4px;
      margin-bottom: 6px;
      text-align: center;
      border-radius: 3px;
      font-weight: 500;
    }
    .az--index li.link-to-all, 
    .az--index li.link-to-all a {
      width: 60px;
    }
    .az--index li.active:hover,
    .az--index li.current-active {
      background-color: #2171af;
      cursor: pointer;
    }
    .az--index li.active:hover a, 
    .az--index li.current-active a {
      color: #fff;
    }
    .az--index li.inactive:hover {
      cursor: not-allowed;
    }
    .title-rule {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 25px;
      position: relative;
    }
    .title-rule:before {
      height: 2px;
      width: 100%;
      border-top: 1px dashed #cccccc;
      content: '';
      position: absolute;
      bottom: 50%;
      z-index: -1;
    }
    .title-rule > span {
      display: inline-block;
      width: 43px;
      text-align: center;
      background: #fff;
    }
    .title-rule .title-rule--title {
      color: #2171af;
      font-size: 32px;
      display: inline-block;
      font-family: 'Yeseva One', cursive;
      -ms-flex-item-align: center!important;
      align-self: center!important;
      background: #fff;
      padding: 0 25px 0 10px;
    }
    .title-rule .title-rule--title a {
      color: #2171af;
    }
    ol.card-slim--list {
      margin-bottom: 60px;
    }
    .card-slim--list li a {
      position: relative;
      color: #4d4d4d;
      font-size: 18px;
      font-weight: bold;
      display: block;
      margin-bottom: 15px;
    }
    .card-slim--list li a:before {

    }
    .card-slim--list li a:hover {
      color: #2699f3;
    }
    .parent-top-list {
      margin-top: 35px;
    }
    .parent-submenu {
      background: #f5f4f2;
      padding: 16px;
      height: 100%;
    }
    .parent-submenu .title {
      font-size: 26px;
      font-weight: 900;
      text-transform: uppercase;
      color: #455a6e;
      margin-bottom: 20px;
    }
    .parent-submenu ul {
      position: relative;
      padding: 10px 0;
    }
    .parent-submenu ul:before {
      content: "";
      background: #9a9a9a;
      width: 83px;
      height: 1px;
      position: absolute;
      top: 0;
      left: 0;
    }
    .parent-submenu li a {
      text-transform: uppercase;
      font-weight: 500;
      font-size: 14px;
      color: #333333;
      padding: 12px 0;
      display: block;
    }
    .parent-submenu li:last-child a {
      padding-bottom: 0;
    }
    .parent-top-list .grid-item-container {
      grid-template-columns: 50% calc(50% - 30px);
    }
    .parent-top-list .grid-item-body .item-title a {
      font-size: 16px;
      font-weight: 900;
      color: #494949;
      line-height: 24px;
    }
    .parent-top-list .grid-item-list:nth-child(n+2) .grid-item-picture a {
      width: 165px;
      height: 99px;
    }
    .parent-top-list .grid-item-list {
      margin-bottom: 20px;
    }
    .parent-top-list .grid-item,
    .dentist-top--header .grid-item {
      border-bottom: 2px solid #e5e5e5;
      margin-bottom: 35px;
      padding-bottom: 15px;
    }
    .main-content {
      margin-top: 40px;
      margin-bottom: 60px;
    }
    .widget {
      margin-bottom: 30px;
    }
    .widget .widget-title span {
      display: block;
      color: #333132;
      font-size: 20px;
      font-weight: 900;
      text-transform: uppercase;
      padding: 14px 0;
      line-height: 18px;
      border-top: 5px solid #e8e6e6;
      border-bottom: 1px solid #e8e6e6;
    }
    .NewsDay,
    .NewsFurther {
      margin-top: 20px;
    }
    .NewsDay > div.NewsDayIMG {
      width: 110px;
      height: 70px;
    }
    .NewsDay > div .title a {
      font-size: 15px;
      font-weight: bold;
      color: #333;
      line-height: 19px;
    }
    .NewsFurther > div.NewsFurtherIMG {
      width: 69px;
      height: 75px;
    }
    .NewsFurther > div .title a {
      font-size: 14px;
      font-weight: bold;
      color: #5b5b5b;
      line-height: 17px;
    }
    .NewsFurther span a {
      display: block;
      color: #d83d3d;
      font-size: 13px;
      font-weight: 500;
      text-transform: uppercase;
      margin: 0 0 5px;
      line-height: 15px;
    }
    .box-listing--title {
      position: relative;
      margin-bottom: 30px;
    }
    .box-listing--title:before {
      height: 2px;
      width: 100%;
      border-top: 1px dashed #cccccc;
      content: '';
      position: absolute;
      bottom: 50%;
      z-index: -1;
    }
    .box-listing--title .title {
      font-family: 'Yeseva One', cursive;
      font-size: 32px;
      color: #2171af;
      background: #fff;
      display: inline-block;
      padding-right: 20px;
    }
    .box-listing--title span a {
      position: absolute;
      right: 0;
      top: 50%;
      font-size: 15px;
      background: #e5e7e9;
      color: #363636;
      padding: 8px 30px;
      transform: translateY(-50%);
    }
    .box-listing--title span a:hover {
      background: #2171af;
      color: #fff;
    }
    .box-listing--title span b {
      text-transform: uppercase;
      font-family: 'Yeseva One', cursive;
      font-weight: normal;
      margin-left: 5px;
    }
    .listing-body-three .item-title a {
      font-size: 16px;
      color: #686667;
      font-weight: 900;
      display: block;
      margin-top: 15px;
      line-height: 22px;
    }
    .box-listing-body ul {
      margin-top: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
    }
    .box-listing-body ul li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
    }
    .box-listing-body ul li a {
      font-weight: 900;
      font-size: 16px;
      padding: 15px 0;
      border-top: 1px dotted #cbcbcb;
      display: block;
      color: #686667;
    }
    .LeftMenu {
      width: 165px;
      float: left;
      position: sticky;
      top: 85px;
      left: 0;
    }
    .LeftMenuBox {
      background: #f5f3f2;
      padding: 18px;
      font-size: 15px;
      margin-bottom: 20px;
    }
    .LeftMenuBox:last-child {
      margin-bottom: 0;
    }
    .LeftMenuBox span,
    .LeftMenuBox [data-toggle="collapse"] {
      font-size: 17px;
      font-weight: 900;
      color: #2171af;
      position: relative;
      text-transform: uppercase;
      display: block;
      margin-bottom: 15px;
      cursor: pointer;
      -webkit-transition: margin .5s ease-in-out;
      transition: margin .5s ease-in-out;
    }
    .LeftMenuBox span:after,
    .LeftMenuBox [data-toggle="collapse"]:after {
      position: absolute;
      content: "\f056";
      font-family: 'FontAwesome';
      font-size: 16px;
      right: -6px;
      top: 0;
    }
    .LeftMenuBox ul li a {
      display: block;
      color: #4a4a4a;
      margin-bottom: 15px;
    }
    .LeftMenuBox ul li a:hover {
      color: #2171af;
      font-weight: bold;
    }
    .LeftMenuBox ul li:last-child a,
    .LeftMenuBox span.collapsed,
    .LeftMenuBox [data-toggle="collapse"].collapsed {
      margin-bottom: 0;
    }
    .LeftMenuBox span.collapsed,
    .LeftMenuBox [data-toggle="collapse"].collapsed {
      color: #333132;
    }
    .LeftMenuBox span.collapsed:after,
    .LeftMenuBox [data-toggle="collapse"].collapsed:after {
      content: "\f055";
      color: #aebeca;
    }
    .MiddleCentent {
      margin-left: 195px;
    }
    .list-post .post-item {
      padding-bottom: 25px;
      border-bottom: 1px dashed #ebebeb;
      margin-bottom: 25px;
    }
    .list-post .post-item .post-body .title a {
      font-size: 19px;
      font-weight: 900;
      color: #5b5b5b;
      display: block;
      margin-bottom: 12px;
    }
    .list-post .post-item .post-body p {
      font-size: 15px;
      color: #787878;
      font-weight: 300;
      line-height: 22px;
    }
    .list-post .post-item.has-img {
      border-bottom: 2px solid #ebebeb;
      position: relative;
    }
    .list-post .post-item.has-img:before {
      content: "";
      position: absolute;
      background: #ebebeb;
      width: 100%;
      height: 2px;
      top: -27px;
      left: 0;
    }
    .list-post .post-item.has-img:first-child:before {
      background: transparent;
    }
    .list-post .post-item.has-img > a {
      display: block;
      width: 264px;
      height: 156px;
      margin-right: 1rem;
      overflow: hidden;
    }
    .list-post .post-item.has-img > a img,
    .list-body--img img,
    .grid-item-list:nth-child(n+2) .grid-item-picture a > img,
    .tabs-list-li li.has-img > a > img {
      display: block;
      height: 100%;
      object-fit: cover;
      width: 100%;
    }
    .list-post .post-item.has-img .post-body {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -ms-flex-item-align: center!important;
      align-self: center!important;
    }
    .list-post .post-item.has-img .post-body .title a {
      font-size: 24px;
      color: #2873ac;
      line-height: 26px;
    }
    .list-post .post-item.has-img .post-body p {
      font-size: 16px;
      font-style: italic;
      color: #14262b;
      display: -webkit-box;
      height: 45px;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .loadMore-list {
      display: block;
      font-size: 13px;
      background: #e5e7e9;
      color: #363636;
      text-align: center;
      padding: 8px 0;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 1px;
      border-radius: 2px;
    }
    .loadMore-list:hover,
    .hot--tags ol.listTag li a:hover {
      background: #2171af;
      color: #fff;
    }
    .hot--tags .title {
      font-weight: 900;
      font-size: 19px;
      margin-bottom: 10px;
    }
    .hot--tags ol.listTag {
      margin-top: 0;
    }
    .hot--tags ol.listTag li a {
      font-size: 17px;
      background: #dce0e2;
      padding: 3px 20px;
      border-radius: 3px;
    }
/**************************************
    Details
    ***************************************/
    .excerpt-content .detail-title {
      font-size: 32px;
      color: #626a70;
      font-weight: bold;
      display: block;
      margin-bottom: 15px;
    }
    .excerpt-content {
      font-weight: 400;
      font-size: 16px;
      color: #4a4a4a;
      line-height: 27px;
    }
    .sapo-detail {
      font-weight: 600;
      margin-bottom: 20px;
    }
    .excerpt-content a,
    .author--info a,
    .expand-source a {
      color: #0d72c7;
    }
    .excerpt-content p {
      margin-bottom: 20px;
      line-height: 27px;
    }
    .excerpt-content h1,
    .excerpt-content h2,
    .excerpt-content h3,
    .excerpt-content h4,
    .doctor-content h1,
    .doctor-content h2,
    .doctor-content h3,
    .doctor-content h4 {
      color: #444444;
      margin: 0 0 10px;
    }
    .excerpt-content h1,
    .doctor-content h1 {
      font-size: 24px;
      font-weight: 900;
    }
    .excerpt-content h2,
    .doctor-content h2 {
      font-size: 24px;
    }
    .excerpt-content h3,
    .doctor-content h3 {
      font-size: 21px;
    }
    .excerpt-content h4,
    .doctor-content h4 {
      font-size: 18px;
    }
    .excerpt-content h5,
    .doctor-content h5 {
      font-size: 18px;
    }
    .excerpt-content h6,
    .doctor-content h6 {
      font-size: 18px;
    }
    .excerpt-content ul,
    .excerpt-content ol {
      margin: 0;
      padding: 0 0 20px;
      clear: both;
    }
    .excerpt-content ul li,
    .excerpt-content ol li {
      margin: 0 0 15px 30px;
      padding: 0;
      line-height: 24px;
      font-size: 16px;
    }
    .excerpt-content ul li:last-child, 
    .excerpt-content ol li:last-child {
      margin-bottom:0;
    }
    .excerpt-content ul li p {
      margin-bottom: 0;
    }
    .excerpt-content .wp-caption,
    .doctor-content .wp-caption {
      width: auto !important;
      border: none;
      padding: 0;
    }
    .excerpt-content img,
    .doctor-content img,
    .excerpt-content .wp-caption img,
    .doctor-content .wp-caption img {
      display: block;
      margin: 0 auto;
      background: #f7f7f7;
      padding: 5px;
      max-width: 100%;
      height: auto;
    }
    figcaption.wp-caption-text {
      text-align: center;
      font-style: italic;
      margin-bottom: 15px !important;
      padding: 5px 0 7px !important;
      font-size: 12px;
      line-height: 17px;
    }
    .shock_wrap {
      position: relative;
    }
    .shock_block {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: #7d858c;
      text-align: center;
      margin: auto;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .shock_block b {
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 10px;
    }
    .shock_block a {
      background: #fff;
      padding: 5px 20px;
      border-radius: 4px;
      font-size: 14px;
    }
    .tagDetail {
      padding: 15px 0 10px;
    }
    .tagDetail span {
      font-weight: bold;
      font-size: 16px;
      text-transform: uppercase;
      color: #666;
      margin-right: 10px;
    }
    .tagDetail a {
      color: #757575;
      padding: 2px 10px;
      margin-bottom: 5px;
      display: inline-block;
      background-color: #f2f2f2;
      border-radius: 3px;
      font-size: 13px;
    }
    .tagDetail a:before {
      display: none;
    }
    .tagDetail a:hover {
      background: #666;
      color: #fff;
    }
    .author-social,
    .datetime-social {
      border-bottom: 1px dashed #cccccc;
      padding-bottom: 12px;
      margin-bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: justify!important;
      -ms-flex-pack: justify!important;
      justify-content: space-between!important;
    }
    .author--info span {
      display: block;
      color: #6f6f6f;
      font-size: 13px;
      line-height: 1;
      font-weight: bold;
      margin-bottom: 7px;
    }
    .author--info span.sponsor {
      font-weight: 300;
      color: #adadad;
      margin-top: 10px;
    }
    /*Social Share Button*/
    .social-share-button,
    .datetime--info,
    .author-social {
      -ms-flex-item-align: end!important;
      align-self: flex-end!important;
    }
    .social-share-button span{
      font-weight: bold;
      text-transform: uppercase;
      margin-right: 10px;
    }
    a.social {
      position: relative;
      display: inline-block;
      margin: .333rem .25rem;
      border-radius: 100px;
      color: #fff;
      text-decoration: none;
      text-align: center;
      line-height: 2rem;
      width: 2rem;
      height: 2rem;
      font-size: 0;
      transition: color .333s;
    }
    a.social::after {
      font-family: 'fontawesome', sans-serif;
      font-size: .95rem;
    }
    a.social::before {
      position: absolute;
      left: 5px;
      right: 5px;
      top: 5px;
      bottom: 5px;
      border-radius: 100px;
      content: '';
    }
    a.social.social-twitter, a.social[href^='https://twitter'] {
      background-color: #00aced;
    }
    a.social.social-twitter::after, a.social[href^='https://twitter']::after {
      content: "\f099";
    }
    a.social.social-twitter::before, a.social[href^='https://twitter']::before {
      box-shadow: 0 0 0 6px #00aced;
    }

    a.social.social-facebook, a.social[href^='https://www.facebook'] {
      background-color: #3b5998;
    }
    a.social.social-facebook::after, a.social[href^='https://www.facebook']::after {
      content: "\f09a";
    }
    a.social.social-facebook::before, a.social[href^='https://www.facebook']::before {
      box-shadow: 0 0 0 6px #3b5998;
    }

    a.social.social-google, a.social[href^='https://plus.google'] {
      background-color: #dd4b39;
    }
    a.social.social-google::after, a.social[href^='https://plus.google']::after {
      content: "\f0d5";
    }
    a.social.social-google::before, a.social[href^='https://plus.google']::before {
      box-shadow: 0 0 0 6px #dd4b39;
    }

    a.social.social-linkedin, a.social[href^='https://www.linkedin'] {
      background-color: #007bb6;
    }
    a.social.social-linkedin::after, a.social[href^='https://www.linkedin']::after {
      content: "\f0e1";
    }
    a.social.social-linkedin::before, a.social[href^='https://www.linkedin']::before {
      box-shadow: 0 0 0 6px #007bb6;
    }

    a.social.social-pintrest, a.social[href^='https://pinterest'] {
      background-color: #cb2027;
    }
    a.social.social-pintrest::after, a.social[href^='https://pinterest']::after {
      content: "\f231";
    }
    a.social.social-pintrest::before, a.social[href^='https://pinterest']::before {
      box-shadow: 0 0 0 6px #cb2027;
    }
    .datetime-social {
      margin-bottom: 0;
      margin-top: 50px;
    }
    .datetime--info span {
      font-size: 14px;
      color: #bababa;
    }
    .expand-source {
      border-bottom: 1px dashed #ccc;
    }
    .expand-source > a {
      height: 58px;
      line-height: 58px;
      padding-left: 25px;
      font-size: 16px;
      font-weight: 600;
      position: relative;
      display: block;
    }
    .expand-toggle:before {
      border-style: solid;
      border-width: 2px 2px 0 0;
      content: '';
      display: block;
      height: 12px;
      position: absolute;
      transform: rotate(45deg);
      transition: all .5s ease;
      vertical-align: top;
      width: 12px;
      border-color: #d63838;
      cursor: pointer;
      top: 23px;
      left: 0;
    }
    .expand-source.active a.expand-toggle:before {
      transform: rotate(135deg);
    }
    .expand-source #sources, 
    .expand-source #sources p {
      margin-top: 0;
      line-height: 2;
      font-size: 13px;
    }
    .expand-source #sources p {
      word-break: break-all;
    }
    .box-author--img {
      background: #2171af;
      text-align: center;
      color: #fff;
      position: relative;
      padding: 20px 0 72px 0;
    }
    .box-author--img p {
      border: 4px solid #cbd8e2;
      max-width: 145px;
      max-height: 145px;
      border-radius: 50%;
      margin: auto;
      overflow: hidden;
      position: absolute;
      left: 0;
      right: 0;
    }
    .box-author--body {
      background: #e7f1f9;
      padding: 90px 12px 20px 12px;
      border-bottom: 4px solid #d1dde6;
      margin-bottom: 30px;
    }
    .box-author--info {
      text-align: center;
      font-size: 13px;
      font-weight: 500;
      color: #5a5a5a;
      border-bottom: 1px solid #c6dcee;
      padding-bottom: 15px;
      margin-bottom: 20px;
    }
    .box-author--info a {
      background: #2171af;
      display: inline-block;
      color: #e1f2ff;
      padding: 4px 15px;
      letter-spacing: 0.5px;
      margin-bottom: 10px;
    }
    .box-author--info span {
      display: block;
    }
    .box-author--body p {
      color: #5e5e5e;
      font-size: 13px;
      line-height: 20px;
      font-weight: 500;
    }
    .box-author--bottom {
      background: #fbfbfb;
      border: solid 1px #efefef;
      padding: 20px;
      margin-top: 20px;
    }
    .box-author--IMG {
      border: 4px solid #cbd8e2;
      max-width: 145px;
      max-height: 145px;
      border-radius: 50%;
      overflow: hidden;
    }
    .box-author--IMG img {
      padding: 0;
    }
    .box-author--slug .title a {
      font-size: 21px;
      font-weight: 600;
      text-transform: uppercase;
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
      color: #0d72c7;
    }
    .box-author--slug span {
      display: block;
      font-size: 16px;
      color: #000;
      font-weight: 600;
      margin-top: -8px;
      margin-bottom: 6px;
      position: relative;
    }
    a.load--author {
      background:#0d72c7;
      border-radius: 30px;
      padding: 0px 20px;
      color: #fff !important;
      font-size: 13px;
      display: inline-block;
      line-height: 23px;
      line-height: 28px;
      font-weight: 500;
    }
    a.load--author:hover {
      background: #dee5ea;
      color: #333 !important;
    }
    .box-author--desp {
      margin-top: 20px;
      margin-bottom: 20px;
      line-height: 26px;
    }
    .box-author--desp p {
     font-size: 15px;
   }
   .box-author--desp ul {
    margin: 0;
    padding: 0;
    clear: both;
    list-style: disc;
  }
  .box-author--desp ul li {
    margin: 0 0 10px 30px;
    padding: 0;
    line-height: 22px;
    font-size: 15px;
  }
  .post-related-list {
    margin-top: 30px;
  }
  .post-related-list .grid-item-body .item-title a {
    font-size: 17px;
    line-height: 22px;
    color: #6b6b6b;
  }
  /***** Author Details *****/
  .author-details .box-author--img {
    background: #d4d9de;
  }
  .author-details .box-author--img p {
    border: 4px solid #2171af;
  }
  .author-details .box-author-widget {
    position: sticky;
    top: 62px;
  }
  .author-details .box-author--body {
    background: #eaeef1;
    padding: 20px;
  }
  .author-details .box-author--info {
    border-bottom: 1px dashed #c6cbd0;
  }
  .box-author--social .title {
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 600;
  }
  .box-author--social .list-details li {
    padding-top: 15px;
    margin-top: 2px;
  }
  .box-author--social .title-social i {
    width: 16px;
  }
  .box-author--social .list-details li p a {
    padding-left: 25px;
    color: #3c9ce6;
    font-size: 13px;
    margin-top: 2px;
    display: block;
  }
  .author-details .box-author--bottom {
    margin-top: 0;
  }
  .author--related {
    margin-top: 35px;
  }
  .author--related .list-post .post-item:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .box-author--bottom .social a{
    background: #2171af;
    color: #fff;
    margin: 5px;
    width: 25px;
    height: 25px;
    display:block;
    padding: 0;
    border-radius: 50px;
    line-height: 25px;
    text-align: center;
  }
  .box-author--bottom .social a:hover{
    background: #333;
  }
  .box-author--bottom .social a i{
    font-size: 12px;
  }
  /***** Subscribe *****/
  .subscribe-letters {
    padding: 2rem 0;
    background: #f1f1f1;
  }
  .subscribe-box__form>* {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
  }
  .subscribe-box__form > p {
    margin-bottom: .75em;
  }
  .subscribe-letters .subscribe-box__form input[type=email] {
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    padding: .5em 1em;
  }
  .subscribe-box__form input[type=submit] {
    display: block;
    width: 100%;
    padding: .5em 1em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background: #2171af;
    border: 1px solid #2171af;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .subscribe-box__text {
    margin-bottom: 20px;
    text-align: center;
  }
  .subscribe-box__text .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
  }
  .subscribe-box__text p {
    color: #9c9c9c;
  }
  .filter-summary-list {
    padding: 2rem 0;
    background: #f6f8fa;
  }
  .filter-summary-list .title {
    font-size: 25px;
    color: #5a5a5a;
    font-weight: 900;
    margin-bottom: 10px;
  }
  .summary-list--a a {
    display: inline-block;
    border: 1px solid #dedfdf;
    background: #fff;
    padding: 5px 45px 5px 12px;
    margin-right: 5px;
    position: relative;
  }
  .summary-list--a a:after {
    position: absolute;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 15px;
    color: #545454;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  .summary-list--a a:hover {
    border-color: #2171af;
    color: #2171af;
  }
  .summary-list--a a i {
    margin-right: 5px;
  }
  .list-media--body {
    position: relative;
    margin-bottom: 50px;
  }
  .media--body-ribbon {
    text-align: center;
    position: absolute;
    left: 0;
  }
  .media--body-ribbon >a {
    display: block;
    width: 134px;
    height: 134px;
    border: 4px solid #cbd8e2;
    border-radius: 50%;
    overflow: hidden;
  }
  .ribbon {
    background: #427bfa;
    color: #fff;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    padding: 2px 10px 1px;
    border-radius: 50px;
    margin-top: 15px;
  }
  .name-like {
    padding: 5px 0 5px 160px;
  }
  .name-like > a.name,
  .name-like .post-title a {
    font-size: 17px;
    color: #2171af;
    font-weight: 900;
    position: relative;
  }
  .name-like > a.like {
    position: relative;
    margin-top: 5px;
    display: block;
  }
  .name-like > a.like span {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    color: #a7a7a7;
    margin-right: 15px;
  }
  .name-like > a.like span:first-child {
    color: #ef6767;
  }
  .name-like > a.like span i {
    margin-right: 3px;
  }
  .name-like > a.name.name-csyt {
    font-size: 16px;
  }
  .name-like > a.name.name-csyt:before {
    opacity: 0;
  }
  .info-list {
    background: #fbfbfb;
    border: 1px solid #efefef;
    border-left-width: 7px;
    padding: 20px 20px 20px 90px;
    margin-left: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .info-list ul {
    width: 375px;
    border-right: 1px dashed #ccc;
    margin-right: 1rem;
    padding-right: 1rem;
  }
  .info-list ul li,
  .doctor-list-grid li {
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 24px calc(100% - 24px);
    line-height: 20px;
  }
  .info-list ul li:last-child,
  .doctor-list-grid li:last-child {
    margin-bottom: 0;
  }
  .info-list ul li i,
  .doctor-list-grid li i {
    position: relative;
    top: 3px;
  }
  .doctor-list-grid li span a {
    font-weight: bold;
    color: #2171af;
  }
  .info-list .info-action {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: center!important;
    align-self: center!important;
    font-size: 14px;
    color: #606060;
  }
  .info-action p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 85px;
  }
  .info-action .info--cta {
    background: #2171af;
    font-size: 12px;
    color: #d7ebfa;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    padding: 4px 30px 3px;
    margin-top: 8px;
    letter-spacing: 1px;
    border-radius: 3px;
  }
  .doctor-details-left {
    background: #f3f3f3;
    position: sticky;
    top: 30px;
    left: 0;
  }
  .doctor-details-left > img {
    border: 5px solid #b1c2d0;
  }
  .doctor-details-left .post-content {
    padding: 0 15px 15px 15px;
  }
  .doctor-info .post-title {
    color: #2171af;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
  }
  .doctor-info.csyt-info .post-title {
    color: #2171af;
    font-weight: 900;
    text-transform: none;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: 0;
    line-height: 24px;
  }
  .doctor-info p {
    margin-bottom: 5px;
    margin-top: 10px;
  }
  .rating i {
    color: #edb42b;
  }
  .doctor-info .btn {
    display: block;
    margin-top: 15px;
    font-weight: 700;
    width: 100%;
    color: #fff !important;
    text-transform: uppercase;
    padding: 10px 30px;
    border-radius: 0;
  }
  .doctor-content {
    font-size: 16px;
    line-height: 27px;
  }
  .doctor-content p {
    margin-bottom: 15px;
  }
  .doctor-content ul {
    list-style: disc;
    padding-left: 30px;
    margin-bottom: 15px;
  }
  .doctor-content ul li {
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 22px;
  }
  .excerpt-content table,
  .doctor-content table {
    width: 100% !important;
    border: 1px solid #ccc;
    margin-bottom: 25px;
    margin-top: 15px;
  }
  .excerpt-content table td,
  .doctor-content table td {
    border: 1px solid #ccc;
    padding: 10px;
  }
  ul.doctor-list-grid,
  .medicine-list {
    border-top: 1px dashed #d2d2d2;
    margin-top: 15px;
    padding-top: 15px;
  }
  .medicine-list p {
    position: relative;
    padding-left: 20px;
  }
  .medicine-list p:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: #6a869c;
    left: 0;
    top: 7px;
    border-radius: 5px;
  }
  .medicine-list p:first-child {
    margin-top: 0;
  }
  .SingleTitle {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 900;
    color: #2171af;
    letter-spacing: 0.5px;
  }
  .widget-list {
    position: relative;
  }
  .list-counter {
    max-height: 303px;
    overflow: hidden;
    margin-bottom: 45px;
  }
  .list-counter li {
    padding: 8px 0;
    border-bottom: 1px solid #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
  }
  .list-counter li span {
    font-size: 12px;
    color: #a9a9a9;
  }
  .Dshow, .Dhide {
    position: absolute;
    bottom: -21px;
    text-align: center;
    width: 100%;
    border-top: 1px solid #eee;
  }
  .Dhide {display: none;}
  .Dshow:target {display: none;}
  .Dshow:target ~ .Dhide {display: block;}
  .Dshow:target ~ .list-counter {
    max-height: 2000px; 
  }
  .ModalCss .BookSet {
    background: #fff;
    border: 5px solid rgba(255, 255, 255, 0.2);
    border-radius: 0;
    margin: auto;
    padding: 0;
    position: relative;
    top: 20%;
    width: 800px;
    background-clip: padding-box;
  }
  .ModalCss .BookSet .close_filter {
    position: absolute;
    right: -30px;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    top: -30px;
  }
  .filter-tabs {
    background: #ebeef1;
  }
  .filter-tabs li a {
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 500;
    color: #4c4c4c;
    display: inline-block;
    position: relative;
  }
  .filter-tabs li a i {
    margin-right: 5px;
    color: #98b1c5;
    font-size: 13px;
  }
  .filter-tabs li a.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #2171af;
    border-width: 8px;
    margin-left: -8px;
  }
  .filter-tabs li a.active {
    background: #2171af;
    color: #fff;
  }
  .filter-tabs li a.active i {
    color: #fff;
  }
  #ShowFilterList .tabs-list-body.tab-content {
    padding: 20px;
    max-height: 260px;
    overflow: auto;
  }
  .checkbox-filter {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
  }
  .filter-action {
    text-align: right;
    padding: 12px 15px;
    background: #ebeef1;
  }
  .filter-action [type=submit] {
    background: #2171af;
    border: none;
    color: #fff;
    padding: 5px 20px;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
  }
  .filter-action [type=submit]:hover {
    background: #1d8de4;
  }
  .hc-offcanvas-nav li.nav-close span::before, 
  .hc-offcanvas-nav li.nav-close span::after {
    width: 8px !important;
    height: 8px !important;
  }
  .mom-list-cn {
    padding: 40px 0 30px;
  }
  .mom-list-cn > div {
    padding: 0 0 50px;
  }
  .mom--body-item {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .mom--body-item > a {
    display: block;
    width: 360px;
    height: 216px;
  }
  .mom--body-item > a > img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  .mom--body-item .mom--body-info {
    background: #fff;
    padding: 17px;
    border: 1px solid #e2e3e5;
    border-top: 3px solid #2273b2;
    height: 100%;
  }
  .mom--body-item .mom--body-info .title {
    margin-bottom: 10px;
  }
  .mom--body-item .mom--body-info .title a {
    font-size: 20px;
    line-height: 28px;
    color: #3e3d3c;
    font-weight: 900;
    display: block;
  }
  .mom--body-item .mom--body-info p {
    font-size: 14px;
    color: #747474;
    max-height: 65px;
  }
  .mom-post-plus {
    background: #f3f3f3;
    padding: 30px 15px;
    margin-top: 30px;
  }
  .mom--plus-item img {
    width: 60px;
    height: auto;
  }
  .mom--plus-item .media-body span a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #cc6a6a;
    display: block;
  }
  .mom--plus-item .media-body .title a {
    font-size: 22px;
    font-weight: 500;
    color: #434242;
    display: block;
    margin-top: 3px;
  }
  .tax-mommy-cat .weekly-post,
  .single.single-me-va-be .weekly-post {
    margin-top: 40px;
  }
  .weekly-post-list.slick-initialized .slick-slide {
    text-align: center;
    margin-bottom: 30px;
  }
  .weekly-post-list a {
    display: inline-block;
    width: 62px !important;
    height: 62px;
    color: #555;
    background-color: #f0f0f0;
    border-radius: 100px;
    cursor: pointer;
  }
  .weekly-post-list a:hover,
  .weekly-post-list a.active {
    background: #2171af;
    color: #fff;
  }
  .weekly-post-list a small {
    display: block;
    font-size: 10px;
    line-height: 1;
    padding: 12px 0 6px;
  }
  .weekly-post-list a span {
    display: block;
    font-size: 25px;
    line-height: 1;
  }
  .weekly-post-list .slick-dots {
    position: absolute;
    bottom: 0;
    text-align: center;
    line-height: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 5px;
    background-color: #f0f0f0;
  }
  .weekly-post-list .slick-dots li {
    padding: 0;
    margin: 0;
    line-height: 0;
    vertical-align: top;
    display: inline-block;
  }
  .weekly-post-list .slick-dots button {
    font-size: 0px;
    color: rgba(255, 255, 255, 0);
    border-radius: 100px;
    padding: 0;
    text-shadow: none;
    box-shadow: none;
    width: 100%;
    height: 5px;
    border: none;
    line-height: 0;
    vertical-align: top;
    outline: none !important;
    background: transparent;
  }
  .weekly-post-list .slick-dots li.slick-active button, 
  .weekly-post-list .slick-dots li button:hover {
    background-color: #c6c6c6;
  }
  .weekly-post-list .owl-controls {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .weekly-post-list .owl-dot {
    width: 25%;
    display: inline-block;
    margin: 0;
  }
  .weekly-post-list .owl-dot span {
    width: 100%;
    height: 5px;
    background: #f0f0f0;
    display: block;
  }
  .weekly-post-list .owl-dot.active span {
    background: #c6c6c6;
  }
  .wkl-next-prev {
    margin: 25px 0 0;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .wkl-next-prev > a {
    height: 45px;
    line-height: 45px;
    border-radius: 45px;
    background-color: #2171af;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    position: relative;
  }
  .wkl-next-prev > a:hover {
    background: #3d9be4;
  }
  .wkl-next-prev .wkl-btn-prev {
    padding: 0 30px 0 40px;
  }
  .wkl-next-prev .wkl-btn-next {
    padding: 0 40px 0 30px;
  }
  .wkl-next-prev .wkl-btn-prev:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 10px solid #fff;
    position: absolute;
    left: 17px;
    top: 14px;
  }
  .wkl-next-prev .wkl-btn-next:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    right: 17px;
    top: 14px;
  }
  .medicine-related {
    border-top: 1px dashed #ccc;
    padding-top: 50px;
  }
  .medicine-related-body {
    margin-bottom: 30px;
  }
  .related-body--img {
    width: 90px;
    height: 90px;
    border-radius: 100px;
    overflow: hidden;
  }
  .medicine-related-body .title a {
    font-weight: 900;
    font-size: 17px;
    color: #4b4b4b;
  }
  .medicine-related-body .title a:hover,
  .list-post .post-item .post-body .title a:hover,
  .NewsDay > div .title a:hover,
  .NewsFurther > div .title a:hover {
    color: #2171af;
  }
  .dentist-main-cn {
    padding: 40px 0;
  }
  .dentist-top--header {
    border-bottom: 18px solid #eff2f2;
    padding-bottom: 50px;
    position: relative;
  }
  .dentist-top--header:after {
    content: "";
    position: absolute;
    height: 18px;
    bottom: -18px;
    width: 9999999px;
    left: -999px;
    background: #eff2f2;
  }
  .dentist-top--header .sub-menu {
    padding: 20px;
    height: 100%;
    background: #f3f3f3;
  }
  .dentist-top--header .sub-menu .title {
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    color: #1f988d;
    display: inline-block;
    border-bottom: 5px solid #d7e0df;
    padding-bottom: 6px;
    margin-bottom: 8px;
  }
  .dentist-top--header.red-s .sub-menu .title {
    color: #c14040;
    border-bottom: 5px solid #dedede;
  }
  .dentist-top--header .sub-menu ul li {
    position: relative;
    padding: 12px 0 12px 17px;
    border-bottom: 1px dashed #e1e1e1;
  }
  .dentist-top--header .sub-menu ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .dentist-top--header .sub-menu ul li:before {
    position: absolute;
    content: "";
    background: #009688;
    width: 5px;
    height: 5px;
    left: 0;
    top: 17px;
  }
  .dentist-top--header.red-s .sub-menu ul li:before {
    background: #944141;
  }
  .dentist-top--header .sub-menu ul li a {
    line-height: 18px;
    display: block;
    color: #333;
    font-size: 15px;
    font-weight: 500;
  }
  .dentist-top--header .grid-item-container,
  .featured-health .grid-item-container {
    grid-template-columns: 50% calc(50% - 30px);
  }
  .dentist-top--header .grid-item-list:nth-child(n+2) .grid-item-picture a,
  .featured-health .grid-item-list:nth-child(n+2) .grid-item-picture a {
    width: 140px;
    height: 84px;
    position: relative;
    display: block;
    margin-right: 1rem;
  }
  .dentist-top--header .item-timedate,
  .featured-health .item-timedate {
    margin-bottom: 0px;
  }
  .dentist-top--header .grid-item-body .item-title a,
  .featured-health .grid-item-body .item-title a {
    font-size: 16px;
    line-height: 21px;
  }
  .dentist-list--news {
    padding-top: 40px;
  }
  .BoxNewsFirst .title a {
    font-size: 23px;
    font-weight: 900;
    color: #494949;
    line-height: 29px;
    display: block;
    margin-top: 15px;
  }
  .BoxNewsFirst .sapo {
    font-size: 16px;
    color: #87878d;
    line-height: 22px;
    margin-top: 10px;
  }
  .BoxNewsIMG ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
  .BoxNewsIMG ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .BoxNewsIMG ul li > a {
    width: 170px;
    height: 102px;
    overflow: hidden;
    display: block;
  }
  .BoxNewsIMG ul li .title a {
    display: block;
    font-size: 16px;
    color: #494949;
    font-family: "Roboto";
    font-weight: bold;
    line-height: 20px;
    margin: 10px 0 20px;
  }
  .BoxNewsList ul li, 
  .BoxQuestNews ul li {
    position: relative;
    padding: 10px 0 10px 17px;
    border-bottom: 1px dashed #e1e1e1;
  }
  .BoxNewsList ul li:before, 
  .BoxQuestNews ul li:before {
    position: absolute;
    content: "";
    background: #1e7169;
    width: 5px;
    height: 5px;
    left: 0;
    top: 17px;
  }
  .BoxNewsList ul li a,
  .BoxQuestNews ul li a {
    line-height: 18px;
    display: block;
    color: #333;
    font-size: 15px;
    font-weight: 500;
  }
  .BoxNewsList ul li:first-child {
    margin-top: -10px;
  }
  .BoxQuestBody {
    padding: 50px 0 30px;
    background: #f7f7f7;
    position: relative;
    margin-top: 40px;
  }
  .BoxQuestBody:before {
    background: #f7f7f7;
    content: "";
    width: 999999px;
    height: 100%;
    left: -999px;
    position: absolute;
    top: 0;
    border-bottom: 1px solid #e8e8e8;
  }
  .BoxQuestNews {
    background: #12a99b;
    padding: 24px 20px 20px 0;
    position: relative;
  }
  .BoxQuestNews:before {
    top: 0;
    right: 100%;
    content: '';
    height: 100%;
    z-index: 1;
    width: 9999px;
    position: absolute;
    background: #15a093;
    border-right: 25px solid #12a99b;
  }
  .BoxQuestNews .title {
    font-size: 18px;
    color: #f7fffe;
    font-weight: 900;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
  .BoxQuestNews .title:before {
    content: "";
    background: #6dddd3;
    width: 92px;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .BoxQuestNews ul li {
    border-bottom-color: #35bfb2;
  }
  .BoxQuestNews ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .BoxQuestNews ul li a {
    color: #ddfffc;
  }
  .BoxQuestNews ul li:before {
    background: #6dddd3;
  }
  .viewMore-d {
    width: 100%;
    text-align: right;
  }
  .viewMore-d a {
    color: #646464;
    font-size: 13px;
    font-family: "Roboto";
    display: block;
    margin-top: 10px;
    font-weight: 400;
  }
  .viewMore-d a i {
    margin-left: 5px;
  }
  .BoxQuestList {
    position: relative;
  }
  .BoxQuestList:after {
    top: 0;
    left: calc(100% + 30px);
    content: '';
    height: 100%;
    z-index: 1;
    width: 9999px;
    position: absolute;
    background: #efefef;
  }
  .BoxQuestTitle > .title {
    font-size: 20px;
    background: #009688;
    color: #f7fffe;
    font-weight: 900;
    display: inline-block;
    text-transform: uppercase;
    padding: 9px 32px;
  }
  .BoxQuestTitle > .title a {
    color: #f7fffe;
  }
  .BoxQuestTitle ul {
    display: inline-block;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: calc(100% - 280px);
    float: right;
  }
  .BoxQuestTitle ul li {
    display: inline-block;
  }
  .BoxQuestTitle ul li a {
    text-transform: uppercase;
    padding: 9px 35px 8px;
    display: block;
    font-weight: 500;
    font-family: "Roboto";
    font-size: 14px;
    position: relative;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease;
  }
  .BoxQuestTitle ul li a.active:before {
    background: #009688;
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: -1px;
    left: 0;
  }
  .BoxQLInfo {
    background: #fff;
    border: 1px solid #dadddd;
    padding: 15px;
    margin-top: 20px;
  }
  .BoxQLInfo .title a {
    font-size: 18px;
    font-weight: 800;
    color: #333;
    display: block;
    line-height: 20px;
  }
  .BoxQLInfo span {
    font-size: 12px;
    font-family: "Roboto";
    font-style: italic;
    color: #737373;
    font-weight: 500;
    display: block;
    margin: 5px 0;
    letter-spacing: 0.5px;
  }
  .BoxQLInfo span em {
    color: #d34e4e;
  }
  .BoxQLInfo p {
    font-size: 14.5px;
    font-family: "Roboto";
    font-weight: 400;
    color: #575757;
    line-height: 19px;
  }
  .subListFooter {
    padding: 40px 0;
    position: relative;
  }
  .subListFooter .subTitle {
    background: #3a5552;
    color: #f7fffe;
    font-size: 20px;
    font-weight: 900;
    display: inline-block;
    text-transform: uppercase;
    padding: 11px 32px 7px;
    margin-bottom: 30px;
  }
  .subLftFour ul li a {
    line-height: 33px;
    font-size: 14px;
    color: #636363;
  }
  .subLftFour .title {
    display: inline-block;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 17px;
    font-family: "Roboto";
    line-height: 22px;
    height: 50px;
    color: #15a093;
  }
  .subLftFour {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .subLftFour:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .MainTestimonials-cn {
    padding: 10px 0 50px;
  }
  #owl-MainTesSlide .slick-list {
    margin: 0 -10px;
  }
  #owl-MainTesSlide .slick-slide {
    margin: 0 10px;
  }
  .MainTesItem .media > span {
    width: 58px;
    height: 58px;
  }
  .MainTesItem .TesText {
    padding: 25px 20px 60px 20px;
    border: 1px solid #f0f0f0;
    margin-top: 20px;
    position: relative;
    background: url(../images/quote.png) no-repeat top 28px left 20px #fff;
  }
  .MainTesItem .TesText p {
    position: relative;
    padding-left: 52px;
    color: #7b7b7b;
    font-size: 15px;
    line-height: 22px;
  }
  .MainTesItem .TesText .p_video {
    background: url(../images/video.png) no-repeat top left;
  }
  .MainTesItem .TesText .title a {
    padding-left: 52px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #494b4c;
    line-height: 22px;
    margin-bottom: 15px;
  }
  .MainTesItem .TesText > a {
    float: left;
    background: #c3c3c3;
    padding: 3px 20px;
    margin-top: 10px;
    color: #fff;
    margin-left: 52px;
    border-radius: 2px;
    letter-spacing: 1px;
    font-size: 13px;
  }
  .MainTesList .slick-dots,
  #author-slick .slick-dots {
    bottom: -45px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
  }
  #author-slick .slick-dots {
    bottom: -35px;
  }
  .MainTesList .slick-dots li,
  #author-slick .slick-dots li {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
  }
  .MainTesList .slick-dots li.slick-active,
  #author-slick .slick-dots li.slick-active,
  .MainTesList .slick-dots li:hover,
  #author-slick .slick-dots li:hover {
    background: #2171af;
  }
  .MainTesList .slick-dots li,
  #author-slick .slick-dots li {
    background: #dcdcdc;
    border-radius: 50px;
    height: 12px;
    position: relative;
    width: 12px;
  }
  .MainTesList .slick-dots li button,
  #author-slick .slick-dots li button {
    display: none;
  }
  .bg-prallax-gray {
    background: #f9f9f9;
    position: relative;
    padding-bottom: 50px;
    margin-top: 45px;
    margin-bottom: -40px;
  }
  .bg-prallax-gray:before {
    position: absolute;
    content: "";
    background: #f9f9f9;
    width: 999999px;
    height: 100%;
    top: 0;
    left: -999px;
    z-index: -1;
  }
  /***** About *****/
  .about-desp {
    padding: 3rem 0;
    background: #f6f8fa;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
  }
  .about-desp-cn .title {
    font-size: 30px;
    font-weight: 700;
  }
  .about-desp-cn p {
    margin-top: 20px;
  }
  .all-info-boxauthor .title {
    text-align: center;
    width: 100%;
    font-family: 'Yeseva One', cursive;
  }
  .all-info-boxauthor .title span {
    display: inline-block;
    font-size: 25px;
    text-transform: uppercase;
    color: #2171af;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  .all-info-boxauthor {
    margin-bottom: 60px;
  }
  .boxauthor--sapo {
    font-size: 15px;
    text-align: center;
    padding: 0 120px;
    line-height: 22px;
  }
  .author--list-item {
    margin-top: 30px;
  }
  .author--list-body {
    margin-top: 30px;
  }
  .author--list-body .name a {
    font-size: 20px;
    font-weight: 900;
    display: block;
    margin-bottom: 10px;
  }
  .author--list-detail {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    height: 105px;
  }
  .author--list-body .doctor-list-grid {
    margin-bottom: 20px;
  }
  .author--list-body ul.doctor-list-grid {
    border-bottom: 1px dashed #d2d2d2;
    padding-bottom: 15px;
  }
  .all-info-boxauthor.gray {
    background: #f6f8fa;
    position: relative;
    padding: 50px 0;
  }
  .all-info-boxauthor.gray:before {
    position: absolute;
    content: "";
    background: #f6f8fa;
    top: 0;
    width: 999999px;
    left: -999px;
    height: 100%;
    z-index: -1;
  }
  .modal-open {
    overflow: hidden;
    position: relative;
    height: 100%;
  }
  /****** Research ******/
  .hasResearch .main-header {
    background: #f9f9f9;
  }
  .hasResearch .main-header.dark {
    background: #fff;
  }
  .main-research {
    padding: 50px 0;
    margin-top: 45px;
  }
  .main-research .row,
  .widget-research .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .main-research .row [class*='col-'],
  .widget-research .row [class*='col-'] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .research--title {
    width: 90%;
    margin-left: 5%;
  }
  .research--title .title--top {
    text-transform: uppercase;
    font-size: 38px;
    font-weight: 300;
  }
  .research--title .title--top strong {
    font-weight: 900;
    color: #2171af;
  }
  .main-research .breadcrumb a {
    color: #333;
  }
  .main-research .breadcrumb > li + li:before {
    background: url(../images/breadcrumb-arrow-right.png) no-repeat;
  }
  .research--sapo {
    color: #666;
    font-size: 15px;
    margin-top: 20px;
  }
  .__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 235px;
    margin-bottom: 10px;
    -webkit-transition: padding .5s;
    -o-transition: padding .5s;
    transition: padding .5s;
  }
  .__item-body {
    width: 100%;
    text-align: center;
  }
  .__item-bg .__item {
    background: #f9f9f9;
  }
  .__item-bg:nth-child(2) .__item {
    background: #5ed3b6;
  }
  .__item-bg:nth-child(3) .__item {
    background: #c7ac8e;
  }
  .__item-bg:nth-child(4) .__item {
    background: #f8b238;
  }
  .__item-bg:nth-child(5) .__item {
    background: #f37e53;
  }
  .__item-bg:nth-child(6) .__item {
    background: #a3cda5;
  }
  .__item-bg:nth-child(7) .__item {
    background: #849d9a;
  }
  .__item-body .title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    padding-top: 20px;
    color: #fff
  }
  .__item-body img {
    height: 85px;
    width: auto;
  }
  .hasResearch .mdn-FTInfo .row [class*='col-']:last-child {
    display: none;
  }
  /***** Beauty *****/
  .beauty-top-news {
    background: #f9f9f9;
    padding: 40px 0;
    margin-top: -40px;
  }
  .top-stories--item,
  .top-stories--col li {
    border-bottom: 1px dashed #e2e2e2;
    padding-bottom: 28px;
    margin-bottom: 28px;
  }
  .top-stories--col li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: none;
  }
  .top-stories--item:last-child,
  .top-stories--col li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
  }
  .top-stories--item .list-body--img {
    width: 105px;
    height: 79px;
    position: relative;
  }
  .top-stories--item .title a {
    font-size: 16px;
    font-weight: 900;
    color: #494949;
    line-height: 22px;
  }
  .top-stories--item > p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
  }
  .top-stories-featured .entry-info {
    background: #c14040;
    color: #fff;
    padding: 20px;
    border-top: 20px solid rgba(255, 255, 255, 0.3);
    margin-top: -20px;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .top-stories-featured .entry-info .item-timedate .cat-links a {
    color: #ffbcbc;
    font-weight: 400;
  }
  .top-stories-featured .entry-info .title a {
    color: #fff;
    font-weight: 900;
    font-size: 26px;
  }
  .top-stories--col li > a {
    display: block;
    height: 155px;
  }
  .top-stories--col li .title a {
    font-size: 18px;
    font-weight: 900;
    color: #494949;
    display: block;
    line-height: 24px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .top-stories--col .item-timedate {
    margin-top: 10px;
  }
  /***** Result *****/
  .title-result {
    text-transform: uppercase;
    letter-spacing: 0.2px;
    font-size: 16px;
    font-weight: 300;
  }
  .title-result strong {
    font-weight: 500;
    margin-right: 5px;
  }
  .main-result .list-post .post-item.has-img > a {
    width: 240px;
    height: 142px;
  }
  .widget-research {
    position: sticky;
    top: 80px;
  }
  .widget-research .research--title .title--top {
    font-size: 25px;
    text-align: center;
  }
  .widget-research .__item-bg:first-child .__item {
    height: 60px;
    background: #f1f1f1;
  }
  .widget-research .__item-bg:nth-last-child(-n+2) .__item {
    margin-bottom: 0;
  }
  .widget-research .__item {
    height: 150px;
  }
  .widget-research .__item-body img {
    height: 65px;
  }
  .widget-research .__item-body .title {
    padding: 15px 10px 0;
    font-size: 16px;
  }
  /***** End *****/
  .health-list-sub {
    margin-top: 30px;
    border-top: 1px dashed #ccc;
    padding-top: 30px;
  }
  .health-list-sub .list-post .post-item.has-img .post-body .title a {
    color: #494949;
  } 
  .health-list-sub .list-post .post-item.has-img .post-body .title a:hover {
    color: #2171af;
  }
  /***** Related Popup *****/

  .related-popup ul li {
    margin: 0 0 5px 0;
    list-style: none;
  }
  .related-popup ul li i {
    margin-right: 5px;
  }
  .related-popup ul li a {
    font-size: 14px;
    font-weight: 500;
    position: relative;
  }
  .related-popup ul li a:after {
    content: "";
    position: absolute;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAAH6Nf8rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVEQjZFQzExNzY2MTExRTZCMDFFQ0MwMTFEMzQzQjM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVEQjZFQzEyNzY2MTExRTZCMDFFQ0MwMTFEMzQzQjM4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RURCNkVDMEY3NjYxMTFFNkIwMUVDQzAxMUQzNDNCMzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RURCNkVDMTA3NjYxMTFFNkIwMUVDQzAxMUQzNDNCMzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7cJDVoAAAAfElEQVR42mL4//8/w+nTpyEEiAMQQGAGI4gFEEBwIRAGCCAGmEKIFBAwgYgzZ878BwgguAgyYAHJmJiYMIJomCBAAIFVIgvAzQEBkGoQRhFEMRPGwDATHQAEGAPM2TBXI/ORxZlARqG7CBtggrmQkEKc1qFjFnSfIANkmwBsLYn0enHLqgAAAABJRU5ErkJggg==") no-repeat;
    width: 10px;
    height: 10px;
    right: -18px;
    top: 2px;
  }
  .modal-backdrop {
    z-index: 1024;
  }
  div#RelatedPopupShow {
    z-index: 9999999;
  }
  .RelatedPopupShow .modal-dialog {
    max-width: 1100px;
    margin: 30px auto;
  }
  .RelatedPopupShow .modal-content {
    border-radius: 0;
    padding: 20px;
  }
  .RelatedPopupShow .modal-header {
    padding: 0;
    border-bottom: 0;
  }
  .related-close {
    position: sticky;
    z-index: 9999;
    top: 0;
    cursor: pointer;
  }
  .RelatedPopupShow .close {
    font-size: 30px;
    position: absolute;
    z-index: 99999;
    background: #007bb6;
    color: #fff;
    text-shadow: none;
    border-radius: 200px;
    width: 40px;
    height: 40px;
    opacity: 1;
    border: 2px solid #fff;
    top: 22px;
    display: block;
    right: -20px;
  }
  .related-ads {
    position: sticky;
    top: 0;
  }
  .RelatedPopupShow .separator {
    padding-bottom: 10px;
    margin: 30px 0;
    background: url(../images/bg-split.jpg) top left repeat-x;
    left: -35px;
    height: 10px;
    position: relative;
    width: 1095px;
  }
  .RelatedPopupShow .detail-title {
    position: relative;
  }
  .RelatedPopupShow .detail-title:before {
    content: "";
    position: absolute;
    background: #2171af;
    height: 23px;
    width: 15px;
    left: -36px;
    top: 7px;
  }
  .modal.show {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
/**************************************
    Back to Top
    ***************************************/
    .bTo-top {
      display: inline-block;
      height: 40px;
      width: 40px;
      position: fixed;
      bottom: 40px;
      right: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      background: rgba(38, 50, 72, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
      visibility: hidden;
      opacity: 0;
      z-index: 999;
      -webkit-transition: opacity .3s 0s, visibility 0s .3s;
      -moz-transition: opacity .3s 0s, visibility 0s .3s;
      transition: opacity .3s 0s, visibility 0s .3s;
    }
    .bTo-top.bTo-is-visible, .bTo-top.bTo-fade-out, .no-touch .bTo-top:hover {
      -webkit-transition: opacity .3s 0s, visibility 0s 0s;
      -moz-transition: opacity .3s 0s, visibility 0s 0s;
      transition: opacity .3s 0s, visibility 0s 0s;
    }
    .bTo-top.bTo-is-visible {
      visibility: visible;
      opacity: 1;
    }
    .bTo-top.bTo-fade-out {
      opacity: .5;
    }
    .no-touch .bTo-top:hover {
      background-color: #336597;
      opacity: 1;
    }
    .bTo-top {
      border-radius: 50%;
      bottom: 58px;
      height: 40px;
      right: 10px;
      width: 40px;
    }
    .bTo-top:hover {
      background-color: #336597;
    }
/**************************************
    Mobile Responsive
    ***************************************/
    @media only screen and (min-width: 768px) {
      .featured-carousel-item .carousel-item-body {
        max-width: calc(830px + var(--gap--vertical)*2);
      }
      .subscribe-letters .subscribe-box__form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      .subscribe-letters .subscribe-box__form>* {
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
      }
      .subscribe-letters .subscribe-box__form>p {
        margin-bottom: 0;
      }
      .subscribe-letters .subscribe-box__form>p:first-child {
        flex: 1;
        margin-right: .75em;
        -webkit-box-flex: 1;
        -ms-flex: 1;
      }
      .modal-dialog {
        max-width: 800px;
        margin: 10% auto 0;
      }
    }
    @media only screen and (min-width: 960px) {
      .featured-carousel-item .carousel-item-body {
        margin-top: auto;
        margin-bottom: auto;
        padding-right: 0;
        padding-left: 0;
        grid-column: 2/3;
        grid-row: 1/2;
      }
      .featured-carousel-item {
        display: grid !important;
        min-height: 25rem;
        grid-gap: var(--gap--gorizontal) var(--gap--vertical);
        grid-template-columns: 1fr repeat(3,calc((830px - var(--gap--vertical)*2)/3)) 1fr;
      }
      .featured-carousel-item .carousel-item-thumbnail {
        grid-column: 3/6;
        grid-row: 1/2;
        display: block;
        position: relative;
        margin-left: 90px;
      }
      .featured-carousel-item .carousel-item-thumbnail img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
      .grid-item-container {
        display: grid;
      }
      .grid-item-list {
        margin-bottom: 30px;
      }
      .grid-item-list:first-child {
        margin-bottom: 0;
      }
      .main-content .LeftContent {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 830px;
        flex: 0 0 830px;
        max-width: 830px;
      }
      .main-content .Sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 340px;
        flex: 0 0 340px;
        max-width: 340px;
      }
      .mom-post-body [class*="col-"]:nth-of-type(-n+2) > div {
        margin-top: 0;
      }
    }
    @media only screen and (min-width: 1024px) {
      .featured-carousel-item {
        grid-template-columns: 1fr repeat(3,minmax(calc((1024px - var(--gap--vertical)*4)/3),calc((1200px - var(--gap--vertical)*4)/3))) 1fr;
      }
      .subscribe-letters .subscribe-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -webkit-box-align: center;
        -webkit-box-pack: justify;
        -ms-flex-align: center;
        -ms-flex-pack: justify;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
      }
      .subscribe-letters .subscribe-box__text {
        flex: 0 0 calc(50% - var(--gap--vertical)/2);
        margin-bottom: 0;
        text-align: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - var(--gap--vertical)/2);
      }
      .subscribe-letters .subscribe-box__form {
        flex: 0 0 calc(50% - var(--gap--vertical)/2);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - var(--gap--vertical)/2);
      }
      .medicine-related [class*="col-"]:nth-last-child(-n+2) .medicine-related-body {
        margin-bottom: 0;
      }
    }
    @media only screen and (min-width: 1280px) {
      .featured-carousel .featured-carousel-item {
        min-height: 35rem;
      }
      .featured-list {
        background: #eef1f2;
        padding: 40px 20px 45px;
      }
      .list-item-title a {
        font-size: 21px;
      }
      .featured-content-area:after {
        position: absolute;
        content: '';
        top: -90px;
        right: 0;
        background: #2171af;
        width: 75px;
        height: 90px;
        z-index: 9999999;
      }
      #slick-FeaturedOwl:after {
        position: absolute;
        top: 0;
        right: 0;
        width: 75px;
        height: 100%;
        content: '';
        background: #2171af;
      }
      #slick-FeaturedOwl .slick-prev, 
      #slick-FeaturedOwl .slick-next {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 20;
        padding: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        border: 0;
        outline: none;
        font-size: 0;
      }
      #slick-FeaturedOwl .slick-prev {
        bottom: 75px;
      }
      #slick-FeaturedOwl .slick-prev:before, 
      #slick-FeaturedOwl .slick-next:before {
        display: inline-block;
        background: #2e5879;
        color: #fff;
        width: 75px;
        height: 75px;
        text-transform: none;
        font-family: 'FontAwesome';
        font-size: 34px;
        cursor: pointer;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        line-height: 75px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
        text-rendering: auto;
      }
      #slick-FeaturedOwl .slick-prev:before {
        content: "\f104";
      }
      #slick-FeaturedOwl .slick-next:before {
        content: "\f105";
      }
      #slick-FeaturedOwl.slick-dotted.slick-slider {
        margin-bottom: 0;
      }
      #slick-FeaturedOwl .slick-dots {
        counter-reset: slides-num;
        position: absolute;
        bottom: inherit;
        width: auto;
        top: 50%;
        left: calc(var(--gap--vertical) + 10px);
        display: block !important;
        transform: translateY(-50%);
      }
      #slick-FeaturedOwl .slick-dots li {
        display: block;
        margin-right: 5px;
        position: relative;
        width: auto;
        height: auto;
      }
      #slick-FeaturedOwl .slick-dots li:before {
        position: absolute;
        top: 50%;
        left: calc((var(--gap--vertical)*-1)*1.5);
        display: block;
        width: 0;
        height: 3px;
        content: '';
        -webkit-transition: width .5s ease-in-out;
        transition: width .5s ease-in-out;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #d83d3d;
      }
      #slick-FeaturedOwl .slick-dots li.slick-active:before {
        width: calc(var(--gap--vertical) + 10px);
      }
      #slick-FeaturedOwl .slick-dots li:after {
        content: "0" counter(slides-num);
        counter-increment: slides-num;
        display: inline-block;
        font-size: 15px;
        font-weight: 400;
        vertical-align: middle;
        padding: .5rem;
        color: #aaa;
      }
      #slick-FeaturedOwl .slick-dots li.slick-active:after {
        color: #565656;
      }
      #slick-FeaturedOwl .slick-dots li button {
        display: none;
      }
      .featured-carousel-item .carousel-item-body {
        z-index: 10;
        margin-right: calc(var(--gap--gorizontal)*-2);
        padding-right: var(--gap--gorizontal);
      }
      .Sidebar .widget:last-child {
        position: sticky;
        top: 62px;
      }
      .list-post .post-item.has-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }
    }
    @media only screen and (min-width: 1400px) {
      .featured-list {
        background: #eef1f2;
        padding: 40px 30px 45px;
      }
      .featured-list .row {
        margin-left: -35px;
        margin-right: -35px;
      }
      .featured-list .row > [class*=col-] {
        padding-left: 35px;
        padding-right: 35px;
      }
      .list-item-title a {
        font-size: 23px;
      }
    }
    @media (min-width:1920px) {
      .featured-carousel .featured-carousel-item {
        min-height: 40rem;
      }
      .featured-carousel-item .carousel-item-body {
        z-index: 10;
        margin-right: calc(var(--gap--gorizontal)*-3);
        margin-left: calc(var(--gap--gorizontal)*-1);
        padding: var(--gap--gorizontal);
        background-color: #fff;
        -webkit-box-shadow: 0 0 2.5em rgba(0,0,0,.05);
        box-shadow: 0 0 2.5em rgba(0,0,0,.05);
      }
    }
    @media (max-width: 991px) {
    }
    @media only screen and (min-width: 768px) {
    }
    @media screen and (max-width: 767px) {
      .mdn-wrapper {
        overflow: hidden;
      }
      .hc-nav.hc-nav-2 {
        display: none;
      }
      .owl-carousel {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
      }
      .dark.nav-down {
        border-bottom: 2px solid #e6e6e6;
      }
      .site-branding {
        margin-right: 0;
      }
      .main-header {
        padding: 2px 0 6px;
      }
      .mtbar {
        margin-top: 56px;
      }
      #logo img {
        height: 45px;
      }
      span.OpenMenu {
        font-size: 28px;
        top: 3px;
      }
      .ShowBoxMSearch .form-wrapper .select-wrapper {
        padding-right: 0;
      }
      .ShowBoxMSearch .form-wrapper select {
        width: 50px;
        padding: 8px 25px;
      }
      .ShowBoxMSearch .form-wrapper input {
        padding: 8px 90px 8px 60px;
      }
      .ShowBoxMSearch .form-wrapper button {
        right: 45px;
      }
      .featured-title,
      .dentist-main-cn .parent-list-item .grid-item-picture {
        display: none;
      }
      .featured-carousel-item .carousel-item-body {
        padding: 20px;
      }
      .featured-list {
        background: #eef1f2;
        padding: 15px;
      }
      .featured-list .featured-list-item {
        margin-bottom: 20px;
      }
      #slick-FeaturedOwl .slick-prev, 
      #slick-FeaturedOwl .slick-next {
        position: absolute;
        right: 0;
        top: 100px;
        z-index: 20;
        padding: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        border: 0;
        outline: none;
        font-size: 0;
        background: transparent;
      }
      #slick-FeaturedOwl .slick-prev {
        right: unset;
        left: 0;
      }
      #slick-FeaturedOwl .slick-prev:before, 
      #slick-FeaturedOwl .slick-next:before {
        display: inline-block;
        background: #2e5879;
        color: #fff;
        width: 45px;
        height: 45px;
        text-transform: none;
        font-family: 'FontAwesome';
        font-size: 32px;
        cursor: pointer;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        line-height: 45px;
        opacity: .6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
        text-rendering: auto;
      }
      #slick-FeaturedOwl .slick-prev:before {
        content: "\f104";
      }
      #slick-FeaturedOwl .slick-next:before {
        content: "\f105";
      }
      .news-list-body p,
      span.OpenMenu ins,
      a.heart-plus span {
        display: none;
      }
      .news-list-img a {
        display: block;
        width: auto;
        height: 160px;
        margin-bottom: 30px;
      }
      .news-list-img ol li:nth-last-child(-n+2) a {
        margin-bottom: 0;
      }
      .mom-post-body [class*="col-"]:nth-of-type(-n+1) > div {
        margin-top: 0;
      }
      .weekly-post-list .owl-dot {
        width: 12.5%;
      }
      .hc-offcanvas-nav .hc-nav.hc-nav-2 {
        display: block !important;
      }
      .cate-menu {
        height: 0 !important;
        position: relative;
      }
      .cate-menu > div > ul {
        display: none;
      }
      .topbar--title {
        font-size: 22px;
        font-family: Roboto;
        text-transform: uppercase;
        font-weight: 900;
        letter-spacing: 0.5px;
      }
      .single-medicine .topbar--title,
      .single-expert .topbar--title,
      .single-co-so-y-te .topbar--title {
        text-transform: none;
        font-weight: 700;
        font-size: 19px;
      }
      .topbar-title > .container {
        padding-top: 15px !important;
        padding-right: 50px;
      }
      .topbar-title {
        padding: 0 0 5px !important;
      }
      a.heart-plus {
        position: absolute;
        right: 10px;
        top: 6px;
        padding: 0;
        text-align: center;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        line-height: 30px;
      }
      a.heart-plus i {
        font-size: 18px;
        top: 3px;
        margin-right: 0 !important;
      }
      .OpenMenuCate {
        position: absolute;
        right: 10px;
        top: 45px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 100px;
        text-align: center;
        background: #2273b2;
        color: #fff;
        z-index: 99999;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
      }
      .OpenMenuCate.RightFixed {
        position: fixed;
        top: 90px;
        background: #2172b1 !important;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 19px;
      }
      .OpenMenuCate.RightFixed:after {
        content: "";
        position: absolute;
        background: #2172b1;
        width: 100px;
        height: 100%;
        left: 50%;
        z-index: -1;
      }
      .pink .OpenMenuCate {
        background: #b35858;
      }
      .yellow .OpenMenuCate {
        background: #a57b34;
      }
      .cyan .OpenMenuCate {
        background: #197b72;
      }
      .green .OpenMenuCate {
        background: #118851;
      }
      .red .OpenMenuCate {
        background: #9e1e1e;
      }
      .topic--title {
        font-size: 24px;
      }
      .ShowBoxMSearch .form-wrapper {
        width: 95%;
      }
      .topic-featured {
        padding: 20px 0 5px;
        background: #2171af;
      }
      .topic-featured .topic--title {
        color: #fff;
        font-size: 19px;
        font-family: "Roboto";
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 0.5px;
        margin-bottom: 15px;
      }
      ol.listTag li a,
      .hot--tags ol.listTag li a {
        font-size: 14px;
        padding: 3px 15px;
        border-radius: 50px;
        margin-right: 3px;
        margin-bottom: 0;
      }
      .hot--tags ol.listTag li a {
        background: #dce0e2;
      }
      .topic-featured ol.listTag li a {
        background: #96c3e6;
        color: #09304e;
      }
      .grid-item-list,
      .grid-item-list:first-child {
        margin-bottom: 20px;
      }
      .grid-item-list:nth-child(n+2) .grid-item-picture a {
        width: 100px;
        height: 80px;
      }
      .grid-item-list:nth-child(n+2) .grid-item-picture a img,
      .list-body--img img,
      .list-two-info:last-child > a img,
      .post-related-list .grid-item-picture > a img {
        display: block;
        height: 100%;
        object-fit: cover;
        width: 100%;
      }
      .grid-item-list:nth-child(n+2) .grid-item-body .item-timedate,
      .box-author-widget {
        display: none;
      }
      .grid-item-body .item-title {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }
      .grid-item-body .item-title a,
      .news-list-body .title a {
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
      }
      .box-item-list .grid-item-body {
        margin-top: 20px;
      }
      .boxauthor--sapo {
        padding: 0;
      }
      .carousel-item-title a {
        font-size: 23px;
      }
      .carousel-item-content {
        font-size: 15px;
        color: #868686;
        line-height: 23px;
        margin: 10px 0 20px;
      }
      .list-item-title a {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
      }
      .news-list-body {
        margin-top: 25px;
      }
      .list-body--img {
        width: 100px;
        height: 75px;
      }
      .list--people {
        background: #2272b2;
        padding: 25px 0 50px;
        margin: 0 -15px;
      }
      .list--people .topic--title {
        padding-left: 15px;
        color: #fff;
      }
      .list--people-body {
        overflow: inherit;
      }
      div#slick-MDoctorOwl {
        margin: 0;
      }
      div#slick-MDoctorOwl .people-body-item {
        padding: 10px;
        margin-top: 0;
        border: 0;
      }
      div#slick-MDoctorOwl .list--people-img {
        overflow: hidden;
        border: 5px solid #82b7e0;
      }
      div#slick-MDoctorOwl .slick-current.slick-active .list--people-img {
        filter: grayscale(0);
      }
      div#slick-MDoctorOwl .infor_item_about_us {
        background: #3a92d8;
        margin-top: -10px;
        padding: 10px 15px 5px;
        color: #b8dfff;
        border-radius: 0;
      }
      div#slick-MDoctorOwl .infor_item_about_us .name a {
        color: #ffffff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 15px;
      }
      div#slick-MDoctorOwl .slick-dots {
        bottom: -35px;
        position: absolute;
        text-align: center;
        width: 100%;
      }
      div#slick-MDoctorOwl .slick-dots li {
        cursor: pointer;
        display: inline-block;
        margin: 0 4px;
        vertical-align: middle;
      }
      div#slick-MDoctorOwl .slick-dots li.slick-active {
        background: #75bffb;
        width: 18px;
      }
      div#slick-MDoctorOwl .slick-dots li {
        background: #4ea6de;
        border-radius: 20px;
        height: 8px;
        position: relative;
        width: 8px;
        -webkit-transition: all 0.15s ease;
        -moz-transition: all 0.15s ease;
        transition: all 0.15s ease;
      }
      div#slick-MDoctorOwl .slick-dots li button {
        display: none;
      }
      .list--csyt {
        padding: 25px 0 0px;
      }
      .csyt-body--img {
        width: 120px;
        height: 100px;
      }
      .tabs-list {
        padding: 40px 0 30px;
      }
      .list-two-info:last-child,
      .tabs-list-li li.has-img,
      .post-related-list .parent-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 20px;
      }
      .list-two-info:last-child > a,
      .tabs-list-li li.has-img > a,
      .post-related-list .grid-item-picture > a {
        width: 140px;
        height: 83px;
        margin-right: 1rem;
        display: block;
      }
      .list-two-info:last-child .title,
      .tabs-list-li li.has-img .title,
      .post-related-list .grid-item-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-item-align: center!important;
        align-self: center!important;
      }
      .list-two-info:last-child .title {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
      }
      .list-two-info:last-child .title a,
      .tabs-list-li li.has-img .title a {
        font-size: 17px;
        margin-top: 0;
      }
      .list-two-info:last-child p {
        display: none;
      }
      .tabs-list-li li.has-img {
        margin-bottom: 20px;
        margin-top: 0;
      }
      .tabs-list-li {
        padding: 0;
        border: 0;
        margin-top: 20px;
      }
      .tabs-list-li li:nth-child(n+2) a {
        font-size: 16px;
        line-height: 23px;
      }
      .mdn-FTInfo .row [class*="col-"]:nth-child(-n+3) {
        border-bottom: 1px dashed #d8d8d8;
        padding-bottom: 15px;
        margin-bottom: 20px;
      }
      .alpha-beta {
        padding-bottom: 10px;
      }
      ul.list-alfabet {
        margin-bottom: 25px;
      }
      .section-list {
        padding: 30px 0 40px;
      }
      .main-content {
        margin-top: 30px;
        margin-bottom: 0;
      }
      .Sidebar {
        margin-top: 20px;
      }
      .LeftMenu {
        width: 100%;
        float: none;
      }
      .MiddleCentent {
        margin-left: 0;
        margin-top: 30px;
      }
      .MiddleCentent.mln {
        margin-top: 0;
      }
      .list-post .post-item.has-img > a {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 15px;
      }
      .list-post .post-item.has-img .post-body .title a {
        font-size: 22px;
      }
      .list-post .post-item .post-body .title a {
        font-size: 18px;
      }
      .list-post .post-item .post-body p {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }
      .NewsFurther > div .title a {
        font-size: 16px;
        line-height: 22px;
      }
      .excerpt-content .detail-title {
        font-size: 26px;
        font-weight: 900;
      }
      .author-social, .datetime-social,
      .info-list {
        display: block;
      }
      .social-share-button, .datetime--info {
        margin-top: 15px;
      }
      .box-author--bottom .box-author--IMG {
        max-width: 120px;
        max-height: 120px;
      }
      .box-author--slug .title a {
        font-size: 17px;
      }
      .box-author--slug span {
        font-size: 14px;
        line-height: 18px;
      }
      .post-related-list {
        margin-top: 10px;
      }
      .post-related-list .grid-item-picture {
        margin-bottom: 0 !important;
      }
      .post-related-list .parent-list-item {
        margin-top: 0;
        margin-bottom: 20px;
      }
      .name-like {
        padding: 0;
        position: absolute;
        top: 0;
        left: 125px;
      }
      .name-like > a.name {
        position: relative;
        padding-right: 0;
        margin-right: 0;
        display: block;
      }
      .name-like > a.name:before {
        width: 0;
      }
      .name-like > a.like span {
        font-size: 11px;
        margin-right: 7px;
      }
      .info-list ul {
        width: 100%;
        border-right: 0;
        border-bottom: 1px dashed #ccc;
        padding-right: 0;
        padding-bottom: 10px;
        margin-bottom: 10px;
      }
      .info-list {
        padding: 15px;
        margin-left: 0;
        border-left-width: 1px;
      }
      .media--body-ribbon {
        text-align: center;
        position: relative;
        left: 0;
        margin-bottom: 17px;
      }
      .media--body-ribbon >a {
        width: 110px;
        height: 110px;
        border: 3px solid #cbd8e2;
        border-radius: 0;
      }
      .media--body-ribbon >a .rounded-circle {
        border-radius: 0!important;
      }
      span.ribbon {
        position: absolute;
        width: 110px;
        left: 0;
        bottom: 0;
        margin-top: 0;
        border-radius: 0;
        padding: 2px 10px 0px;
      }
      .list-media--body {
        margin-bottom: 30px;
      }
      .info-action .info--cta {
        font-size: 11px;
        font-weight: 400;
        padding: 4px 17px 1px;
        border-radius: 2px;
      }
      .doctor-details-right {
        padding: 30px 0;
      }
      .medicine-related {
        padding-top: 30px;
        margin-bottom: -20px;
      }
      .filter-summary-list {
        padding: 0 0 1px;
        background: #e2e8ec;
      }
      .filter-summary-list .title {
        font-size: 20px;
        color: #618baf;
        font-weight: 700;
      }
      .summary-list--a a.has-mobile {
        display: block;
        border: none;
        background: #225e8c;
        color: #a3cbe8;
        letter-spacing: 0.5px;
        margin-right: -15px;
        margin-left: -15px;
        padding: 8px 45px 8px 12px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
      }
      .summary-list--a a.has-mobile:after {
        color: #a3cbe8;
        font-size: 20px;
      }
      .summary-list--a a.has-icon,
      .filter-summary-list .title,
      .post-content span.ribbon {
        display: none;
      }
      #ShowFilterList.modal {
        top: 0;
        z-index: 999999999;
        border-top: 10px solid #2171af;
      }
      #ShowFilterList .modal-dialog {
        margin: 0;
        height: 100%;
      }
      #ShowFilterList.ModalCss .BookSet {
        border: 0;
        width: 100%;
        top: 0;
        height: 100%;
      }
      #ShowFilterList.ModalCss .BookSet form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -ms-flex-pack: justify;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        height: calc(100% - 47px);
      }
      #ShowFilterList .filter-tabs {
        background: #ebeef1;
        width: 125px;
      }
      #ShowFilterList .filter-tabs li,
      #ShowFilterList .filter-tabs li a {
        width: 100%;
      }
      #ShowFilterList .tabs-list-body.tab-content {
        padding: 20px;
        max-height: initial;
        height: 100%;
        overflow: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% - 125px);
      }
      #ShowFilterList .checkbox-filter {
        grid-template-columns: repeat(1, 1fr);
      }
      #ShowFilterList .filter-action {
        position: absolute;
        width: 100%;
        bottom: 0;
        text-align: left;
        padding: 8px 15px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
      }
      .ModalCss .BookSet .close_filter {
        right: 15px;
        color: #2273b2;
        top: unset;
        bottom: 8px;
        z-index: 9;
      }
      .filter-tabs li a.active:after {
        top: 50%;
        left: 100%;
        border-top-color: transparent;
        border-left-color: #2171af;
        border-width: 8px;
        margin-left: 0px;
        margin-top: -8px;
      }
      .summary-list--a a.has-mobile.HasFixed {
        position: fixed;
        z-index: 99999999;
        right: -20px;
        border-radius: 50px 0 0 50px;
        font-size: 20px;
        padding: 5px 45px 5px 15px;
        color: #e7f5ff;
        background: #2171af;
      }
      .summary-list--a a.has-mobile.HasFixed span,
      .LeftMenu {
        display: none;
      }
      .widget-research .__item-bg:nth-last-child(-n+2) .__item {
        margin-bottom: 30px;
      }
      .about-desp {
        padding: 1.5rem 0;
        line-height: 23px;
      }
      .about-desp-cn .title {
        font-size: 22px;
      }
      .about-desp-cn p {
        margin-top: 15px;
      }
      .topbar-title p {
        line-height: 20px;
        font-size: 14px;
        text-align: justify;
      }
      ol.card-slim--list {
        margin-bottom: 15px;
      }
      .listTag {
        height: 50px;
        white-space: nowrap;
        overflow-x: visible;
        overflow-y: hidden;
      }
      .grid-item-list:first-child .grid-item-body .item-title a {
        font-size: 20px;
        line-height: 25px;
        font-weight: 900;
      }
      .mom-list-cn {
        padding: 25px 0 30px;
      }
      .mom--body-item > a {
        width: 100%;
        height: auto;
      }
      .mom-post-plus {
        padding: 30px 15px 0;
      }
      .mom--plus-item {
        margin-bottom: 30px;
      }
      .mom--plus-item img {
        width: 40px;
        height: auto;
      }
      .mom--plus-item .media-body span a {
        font-size: 12px;
      }
      .mom--plus-item .media-body .title a {
        font-size: 16px;
        margin-top: 0;
      }
      .mom-list-post:last-of-type {
        padding-bottom: 0;
      }
      .alphabeta-on-scroll {
        background: #bbc7d0;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
      }
      .alphabeta-on-scroll.AlphaFixed {
        bottom: -100px;
      }
      .alphabeta-on-scroll .title-rule--title,
      .viewMore-d,
      .top-stories--col li > a {
        display: none;
      }
      ul.az--index {
        height: 48px;
        white-space: nowrap;
        overflow-x: visible;
        overflow-y: hidden;
        margin-bottom: 0;
        padding: 8px;
      }
      .az--index li {
        display: inline-block;
        float: unset;
        width: 33px;
        height: 32px;
        line-height: 32px;
      }
      .dentist-main-cn {
        padding: 30px 0;
      }
      .dentist-top--header {
        padding-bottom: 25px;
      }
      .dentist-top--header .sub-menu {
        margin-bottom: 20px;
        height: auto;
      }
      .dentist-list--news {
        padding-top: 25px;
      }
      .dentist-top--header .grid-item {
        margin-bottom: 0;
        border: 0;
        padding-bottom: 0;
      }
      .parent-list-item {
        margin-top: 20px;
      }
      .parent-list-item:first-child {
        margin-top: 0;
      }
      .BoxNewsFirst {
        margin-bottom: 25px;
      }
      .BoxQuestBody {
        padding-top: 0;
      }
      .BoxQuestNews {
        margin-right: -15px;
        margin-bottom: 25px;
      }
      .BoxQuestTitle ul {
        display: block;
        border-top: 0;
        width: 100%;
        float: unset;
        margin-top: 5px;
      }
      .footer-copyright {
        font-size: 12px;
      }
      .subListFooter {
        padding: 40px 0 0;
        margin-bottom: -20px;
      }
      .subLftFour {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
      }
      .subLftFour [class*='col-'] {
        margin-bottom: 20px;
      }
      .subLftFour .title {
        height: auto;
        margin-bottom: 10px;
      }
      .top-stories-featured {
        margin-bottom: 20px;
      }
      .top-stories--item, 
      .top-stories--col li {
        border-bottom: 1px dashed #e2e2e2;
        padding-bottom: 15px;
        margin-bottom: 15px;
      }
      .top-stories--col {
        margin-top: 25px;
      }
      .top-stories-featured .entry-info .title a {
        color: #fff;
        font-weight: 600;
        font-size: 21px;
      }
      .beauty-top-news {
        padding: 30px 0;
        margin-top: -30px;
      }
    }
    @media (max-width: 375px) {
    }
    @media (max-width: 320px) {
    }
    .doctor-details-right a{
      color: #0d72c7;
    }