#blog .blog_block .stickytop {
  margin-bottom: 30px; }
  #blog .blog_block .stickytop .blog_img {
    border-radius: 8px;
    height: 438px;
    width: 100%;
    overflow: hidden; }
    @media screen and (max-width: 1200px) {
      #blog .blog_block .stickytop .blog_img {
        height: 430px; } }
    @media screen and (max-width: 992px) {
      #blog .blog_block .stickytop .blog_img {
        height: 470px; } }
    @media screen and (max-width: 768px) {
      #blog .blog_block .stickytop .blog_img {
        height: 398px; } }
    #blog .blog_block .stickytop .blog_img img {
      height: 100%;
      object-fit: cover;
      object-position: center; }
      @media screen and (max-width: 992px) {
        #blog .blog_block .stickytop .blog_img img {
          height: 258px; } }
      @media screen and (max-width: 768px) {
        #blog .blog_block .stickytop .blog_img img {
          height: 212px; } }
    #blog .blog_block .stickytop .blog_img .blog_info {
      max-height: 299px;
      width: 350px;
      color: #ffffff;
      position: absolute;
      bottom: 0;
      left: 0;
      border-top-right-radius: 8px;
      padding: 37px 30px; }
      @media screen and (max-width: 1200px) {
        #blog .blog_block .stickytop .blog_img .blog_info {
          width: 370px;
          padding: 34px 30px; } }
      @media screen and (max-width: 992px) {
        #blog .blog_block .stickytop .blog_img .blog_info {
          width: 100%;
          padding: 30px;
          height: 212px;
          border-top-right-radius: 0;
          position: relative; } }
      @media screen and (max-width: 768px) {
        #blog .blog_block .stickytop .blog_img .blog_info {
          padding: 20px;
          height: 186px; } }
      #blog .blog_block .stickytop .blog_img .blog_info .category {
        color: #ffffff;
        line-height: 12px;
        font-size: 12px;
        padding: 5px 12px;
        margin-right: .5rem;
        border-radius: 999px;
        border: 1px solid #ffffff;
        display: inline-block; }
      #blog .blog_block .stickytop .blog_img .blog_info .date {
        font-size: 13px;
        display: inline-block; }
      #blog .blog_block .stickytop .blog_img .blog_info .title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        word-break: break-word; }
        @media screen and (max-width: 992px) {
          #blog .blog_block .stickytop .blog_img .blog_info .title {
            -webkit-line-clamp: 2; } }
      #blog .blog_block .stickytop .blog_img .blog_info .more {
        background-color: #ffffff;
        padding: 8px 22px;
        border-radius: 10px;
        display: inline-block; }

#blog .blog_block .allarticle .blog_post {
  border-bottom: 1px solid rgba(18, 18, 18, 0.1);
  height: calc(100% - 30px);
  margin-bottom: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column; }
  #blog .blog_block .allarticle .blog_post .blog_img {
    border-radius: 8px;
    height: 233px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 23px;
    background-color: rgba(18, 18, 18, 0.1); }
    @media screen and (max-width: 1200px) {
      #blog .blog_block .allarticle .blog_post .blog_img {
        height: 196px; } }
    @media screen and (max-width: 992px) {
      #blog .blog_block .allarticle .blog_post .blog_img {
        height: 219px; } }
    @media screen and (max-width: 768px) {
      #blog .blog_block .allarticle .blog_post .blog_img {
        height: 159px; } }
    #blog .blog_block .allarticle .blog_post .blog_img img {
      height: 100%;
      object-fit: cover;
      object-position: center; }
  #blog .blog_block .allarticle .blog_post .blog_info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    #blog .blog_block .allarticle .blog_post .blog_info .category {
      line-height: 12px;
      font-size: 12px;
      padding: 5px 12px;
      margin-right: .5rem;
      border-radius: 999px;
      border: 1px solid rgba(18, 18, 18, 0.1);
      display: inline-block;
      color: rgba(18, 18, 18, 0.55); }
    #blog .blog_block .allarticle .blog_post .blog_info .date {
      font-size: 13px;
      display: inline-block;
      color: rgba(18, 18, 18, 0.55); }
    #blog .blog_block .allarticle .blog_post .blog_info .title {
      color: #292929;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      word-break: break-word; }
    #blog .blog_block .allarticle .blog_post .blog_info .content {
      color: #292929;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: normal; }
  #blog .blog_block .allarticle .blog_post .bottom_btn a {
    color: #292929;
    margin: 16px 0;
    display: inline-block; }

#blog .blog_block .allarticle .content_first .blog_post, #blog .blog_block .allarticle .image_first .blog_post {
  height: auto;
  display: block; }
  #blog .blog_block .allarticle .content_first .blog_post .blog_img, #blog .blog_block .allarticle .image_first .blog_post .blog_img {
    height: 233px; }
    @media screen and (max-width: 1200px) {
      #blog .blog_block .allarticle .content_first .blog_post .blog_img, #blog .blog_block .allarticle .image_first .blog_post .blog_img {
        height: 245px; } }
    @media screen and (max-width: 992px) {
      #blog .blog_block .allarticle .content_first .blog_post .blog_img, #blog .blog_block .allarticle .image_first .blog_post .blog_img {
        height: 224px; } }
    @media screen and (max-width: 768px) {
      #blog .blog_block .allarticle .content_first .blog_post .blog_img, #blog .blog_block .allarticle .image_first .blog_post .blog_img {
        height: 162px; } }
    @media screen and (max-width: 576px) {
      #blog .blog_block .allarticle .content_first .blog_post .blog_img, #blog .blog_block .allarticle .image_first .blog_post .blog_img {
        height: 95px; } }

#blog .blog_block .loadmore {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  font-size: 18px; }
  #blog .blog_block .loadmore.disabled {
    pointer-events: none; }

#article {
  overflow: hidden; }
  #article .banner .banner_img {
    width: 100%;
    max-width: 100%; }
    @media screen and (max-width: 767.98px) {
      #article .banner .banner_img {
        width: 200%;
        margin-left: -50%;
        max-width: unset; } }
  #article .banner .customPadding {
    padding-top: 5rem; }
    @media (min-width: 992px) {
      #article .banner .customPadding {
        padding-top: 7rem; } }
  #article .title_block {
    border-radius: 12px;
    background-image: linear-gradient(to right bottom, #CD488A, #7C1046);
    padding: 45px 84px;
    transform: translateY(-50%);
    text-align: center;
    box-shadow: 0 13px 45px rgba(74, 149, 254, 0.46); }
    @media screen and (max-width: 767.98px) {
      #article .title_block {
        padding: 25px 0 .5rem; } }
    #article .title_block h1 {
      color: #fff;
      padding-bottom: 1rem;
      border-bottom: 1px solid #fff; }
    #article .title_block ul {
      list-style: none;
      padding: .5rem 0;
      margin-bottom: 0;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 767.98px) {
        #article .title_block ul {
          text-align: left;
          padding: .5rem 1.5rem; } }
      #article .title_block ul li {
        color: rgba(255, 255, 255, 0.69);
        display: inline-block; }
        #article .title_block ul li a {
          color: rgba(255, 255, 255, 0.69); }
        @media screen and (max-width: 992px) {
          #article .title_block ul li {
            margin-right: 0rem; } }
        #article .title_block ul li i {
          margin-right: 10px; }
          @media screen and (max-width: 767.98px) {
            #article .title_block ul li i {
              margin-right: 5px; } }
        #article .title_block ul li a {
          margin-left: 5px; }
        #article .title_block ul li .socialmedia_m {
          color: white;
          border: 1px solid #FD5722;
          border-radius: 22px;
          padding: 5px 17px;
          align-items: center; }
          #article .title_block ul li .socialmedia_m .share {
            margin-bottom: 0;
            font-size: 14px; }
  #article .socialmedia {
    position: absolute;
    right: -60px;
    top: 0; }
    #article .socialmedia a {
      text-decoration: none; }
    #article .socialmedia div {
      width: 34px;
      height: 34px;
      margin-bottom: 12px;
      border: 1px solid #FD5722;
      color: #FD5722;
      border-radius: 999px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center; }
  #article .blog_content h4, #article .blog_content h2 {
    margin-top: 2rem; }
  #article .blog_content small {
    color: #120B05;
    opacity: 0.5;
    text-align: center;
    display: block;
    padding: .5rem 0; }
  #article .reference {
    border-top: 1px solid rgba(18, 11, 5, 0.2);
    border-bottom: 1px solid rgba(18, 11, 5, 0.2);
    margin-top: 3rem; }
    #article .reference p a {
      color: #120B05;
      opacity: 0.5;
      margin: 0; }
    #article .reference a {
      margin: 0 8px 8px 0;
      display: inline-block; }
      #article .reference a small {
        color: #120B05;
        opacity: 1; }
      #article .reference a:hover .tag {
        border: 1px solid #fff;
        box-shadow: 0 2px 5px rgba(18, 11, 5, 0.2); }
      #article .reference a:focus .tag {
        box-shadow: none;
        border: 1px solid #fff;
        outline: none;
        background-color: rgba(18, 11, 5, 0.06); }
    #article .reference .tag {
      border: 1px solid #FD5722;
      color: #FD5722 !important;
      background: #ffffff;
      padding: 3px 17px;
      border-radius: 30px; }
    #article .reference ul {
      list-style: none;
      padding: .5rem 0;
      margin-bottom: 0; }
      #article .reference ul li {
        display: inline-block; }
        #article .reference ul li a {
          color: rgba(18, 11, 5, 0.5); }
        @media screen and (max-width: 767.98px) {
          #article .reference ul li {
            margin-right: 0rem; } }
        #article .reference ul li i {
          margin-right: 10px; }
          @media screen and (max-width: 767.98px) {
            #article .reference ul li i {
              margin-right: 5px; } }
        #article .reference ul li a {
          margin-left: 5px; }
  #article .relate .blog {
    margin-bottom: 3rem; }
    #article .relate .blog h4 {
      line-height: 2.1rem;
      height: 4rem;
      overflow: hidden; }
    #article .relate .blog .blog_img {
      border-radius: 8px;
      height: 148px;
      width: 100%;
      overflow: hidden;
      margin-bottom: 23px; }
      @media screen and (max-width: 1200px) {
        #article .relate .blog .blog_img {
          height: 122px; } }
      @media screen and (max-width: 992px) {
        #article .relate .blog .blog_img {
          height: 160px; } }
      @media screen and (max-width: 768px) {
        #article .relate .blog .blog_img {
          height: 185px; } }
      #article .relate .blog .blog_img img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
    #article .relate .blog .title {
      color: #CD488A;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-box-orient: vertical; }
    #article .relate .blog .subtitle {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-box-orient: vertical; }
    #article .relate .blog ul {
      list-style: none;
      border-top: 1px solid rgba(18, 11, 5, 0.2);
      padding: 1rem 0;
      margin-bottom: 0;
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
      @media screen and (max-width: 767.98px) {
        #article .relate .blog ul {
          border-top: none;
          padding: .5rem 0;
          flex-direction: row; } }
      @media screen and (min-width: 1200px) {
        #article .relate .blog ul {
          flex-direction: row; } }
      #article .relate .blog ul li {
        color: #FFD86C;
        display: inline-block; }
        @media screen and (max-width: 767.98px) {
          #article .relate .blog ul li {
            display: inline-block; } }
        #article .relate .blog ul li:nth-child(2) {
          float: right; }
          @media screen and (max-width: 991.98px) {
            #article .relate .blog ul li:nth-child(2) {
              float: left;
              display: block; } }
          @media screen and (max-width: 767.98px) {
            #article .relate .blog ul li:nth-child(2) {
              display: inline-block;
              float: none; } }
        #article .relate .blog ul li:not(:last-child) {
          margin-bottom: 1rem; }
          @media screen and (max-width: 767.98px) {
            #article .relate .blog ul li:not(:last-child) {
              margin-bottom: 0; } }
        #article .relate .blog ul li i {
          margin-right: 10px; }
          @media screen and (max-width: 767.98px) {
            #article .relate .blog ul li i {
              margin-right: 5px; } }
        #article .relate .blog ul li a {
          color: #FFD86C; }
  #article .subscribe {
    width: 100%; }
    @media screen and (max-width: 767.98px) {
      #article .subscribe .subs_block {
        padding: 0; }
        #article .subscribe .subs_block .row {
          margin: 0; } }
    #article .subscribe .subs_bg {
      padding: 3rem;
      border-radius: 12px;
      background-color: #F1F0F0; }
      @media screen and (max-width: 767.98px) {
        #article .subscribe .subs_bg {
          border-radius: 0px;
          padding: 4rem 0; } }
      #article .subscribe .subs_bg h1, #article .subscribe .subs_bg .lead {
        color: #120B05; }
      #article .subscribe .subs_bg .lead {
        opacity: 1; }
      #article .subscribe .subs_bg i {
        position: absolute;
        right: 15px;
        padding: 16px;
        color: #120B05;
        opacity: 0.5; }
      #article .subscribe .subs_bg input {
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
        border: none;
        border-radius: 0;
        border-bottom: 2px solid rgba(18, 11, 5, 0.2);
        background-color: transparent; }
        #article .subscribe .subs_bg input::placeholder {
          color: #120B05;
          opacity: 0.5; }
        #article .subscribe .subs_bg input.form-control {
          padding: .6rem 0; }
          #article .subscribe .subs_bg input.form-control:focus {
            box-shadow: none; }
        #article .subscribe .subs_bg input:focus {
          outline: none;
          border-bottom: 2px solid #4A95FE;
          background-color: transparent; }

.tooltip-inner {
  color: white;
  background-color: #FD5722; }

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
  content: "";
  border-width: 0; }

#share_modal .icon_wrap {
  text-decoration: none; }
  #share_modal .icon_wrap .icon_link {
    width: 34px;
    height: 34px;
    margin: auto;
    margin-bottom: 12px;
    border: 1px solid #FD5722;
    color: #FD5722;
    border-radius: 999px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
  #share_modal .icon_wrap p {
    text-align: center;
    color: #FD5722; }