.home_element h2 {
    font-size: 58px;
    font-weight: 500;
    color: #2196f3;
    line-height: 66px;
    margin-bottom: 20px;
}
.home_element h3 {
  font-size: 35px;
    font-weight: 500;
    color: #3d7aab;
    line-height: 66px;
    margin-bottom: 20px;
    padding: 0;
}

/*Start Dich vu 1----------------------------------*/
.dichvu {
padding: 50px 15px;
background: #FFF;
text-align: center;
}
.dichvu-item {
    background: #FFF;
    text-align: center;
    padding: 5px 24px;
}
.dichvu-item img {
    display: initial;
    width: 50%;
}
.dichvu> .container > .row:first-child{margin-bottom: 50px;}
.dichvu h1{
      padding: 0px 0 40px 0;
    font-size: 60px;
   font-family:  roboto thin;
    margin: 0;
    color: #0099cb;
}

.dichvu h2 {
    font-size: 58px;
    font-weight: 500;
    color: #2196f3;
    line-height: 66px;
    margin-bottom: 20px;
}
.dichvu h3 {
font-size: 20px;
font-weight: 700;
/*color:  #2196f3;*/
}
.dichvu
h6 {
    color: #4b4b4b;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
}


.dichvu p {
    font-weight: 300;
    text-align: justify;
}
.dichvu p.text-top {
    font-weight: 100;
    font-size: 18px;
    margin-bottom: 40px;
    text-align: center;
}

@media (min-width: 768px) {
  .dichvu-item {
  background: #FFF;
  text-align: center;
  padding: 40px;
  }
  .dichvu-item img {
    display: initial;
    width: 100%;
  }
}
/**/


.support.dichvu{background: rgb(3, 169, 244);color: #fff;}
.support.dichvu >.container>.row{margin-bottom: 0px;}
/*End Dich vu 1-------------------------------------*/

/*Gioi Thiey dich vu 2------------------------------*/

 .home-gioithieu_all {
  background: url(/images/bg/bg-food-21.jpg) #ff5722;
}
.home-gioithieu_all i.fa {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 25px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
   border: 2px solid #0099cb;
  color: #0099cb;
}
/*Gioi Thiey dich vu 2------------------------------*/
.home-module-news .title-module {
    font-weight: 700;
    font-size: 45px;
    text-align: center; 
    margin: 50px 30px 0px;
}
.home-module-news p{    font-weight: 300;    line-height: 1.4;}
.home-module-news .xemthem{
  text-align: right;
  padding-bottom: 20px;
  padding-right: 15px;
}

/*----------------*/

/* ----------------- */
.item_special p {
    margin: 0 0 10px;
    font-family: Arial;
}
.block-art-special {
    background: #fff;
}
.home-module-art-special {
  flex-wrap: nowrap
}

.block-art-special .items-flex {
    flex-direction: column;
}



@media (min-width: 576px) {
  /* __kich thuoc hon 576 */
}
@media (min-width: 768px) {
  /* __kich thuoc hon 768 */
  .block-art-special .items-flex {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  /* __kich thuoc hon 992 */

}
@media (min-width: 1200px) {
  /* __kich thuoc hon 1200 */
}
/* ----------------------- */


.banner-top-ads .ads p img {
  max-width: 100%;
}
@media (min-width: 576px) {
  /* __kich thuoc hon 576 */
}
@media (min-width: 768px) {
  /* __kich thuoc hon 768 */
  .banner-top-ads {
   flex: 0 0  20%;
   padding: 0 0 0 15px;
   order: 3;

  }
}
@media (min-width: 992px) {
  /* __kich thuoc hon 992 */

}
@media (min-width: 1200px) {
  /* __kich thuoc hon 1200 */
}
/* -------------- */

.home-top-feature .item_special {
    padding: 20px 0;
}
.home-top-feature .item_special h2 a {
    font-size: 2.1rem;
    color: #000;
    font-weight: 700;
}

@media (min-width: 576px) {
  /* __kich thuoc hon 576 */
    .home-top-feature {
      flex: 0 0 60%;
      padding: 0 15px 0 0;
      order: 0;
    }
}
@media (min-width: 768px) {
  /* __kich thuoc hon 768 */

}
@media (min-width: 992px) {
  /* __kich thuoc hon 992 */
  .home-top-feature {
  flex: 0 0 50%;
  padding: 0 15px 0 0;
  order: 0;
}
}
@media (min-width: 1200px) {
  /* __kich thuoc hon 1200 */
}
/* ------------------- */

.home-top-trending .item_focus {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
    align-items: center;
}
.home-top-trending .item_focus > a {
    flex: 0 0 33%;
} 
.home-top-trending .item_focus > h6 {
    margin: 0;
    padding: 0 0 0 10px;
    text-align: justify;
}
.home-top-trending .item_focus > h6 > a {
font-weight: 500;
    font-size: 0.95rem;
    color: #5d5d5d;
}
@media (max-width: 767px ){
  .home-top-trending .item_focus > h6  {
    padding-left: 10px;
  } 
  .home-top-trending .item_focus {
    padding: 7px 0;
  }
}

@media (min-width: 576px) {
  /* __kich thuoc hon 576 */
}
@media (min-width: 768px) {
  /* __kich thuoc hon 768 */
  .home-top-trending .item_focus {
    
  }
  .home-top-trending .item_focus > a {

  } 
  .home-top-trending {
    flex: 0 0  40%;
    padding: 0 15px 0 15px;
    order: 1;
  }
}
@media (min-width: 992px) {
  /* __kich thuoc hon 992 */
  .home-top-trending {
    flex: 0 0  30%;
    padding: 0 15px 0 15px;
    order: 1;
  }

}
@media (min-width: 1200px) {
  /* __kich thuoc hon 1200 */
}

/* ------------------------------------- */
.item_focus > h6 > a {
  font-weight: 700;
  font-size: 0.95rem;
  color: #000;
}

.home-top-focus {
  background: #FFF;
}
.home-top-focus .container .warp {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
.home-top-focus .item_focus {
    padding-top: 10px;
    padding-bottom: 10px;
}
.home-top-focus .items-flex-md-4-item > div.item_focus {
  padding-left: 10px;
  padding-right: 10px;
}
.home-top-focus .items-flex-md-4-item > div.item_focus:nth-of-type(4n+1) {
  padding-left: 0;
  padding-right: 10px; 
}
.home-top-focus .items-flex-md-4-item > div.item_focus:nth-of-type(4n) {
  padding-left: 10px;
  padding-right: 0px; 
}
@media (min-width: 576px) {
  /* __kich thuoc hon 576 */
}
@media (min-width: 768px) {
  /* __kich thuoc hon 768 */
}
@media (min-width: 992px) {
  /* __kich thuoc hon 992 */
  .home-top-focus .item_focus {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .home-top-focus .items-flex-md-4-item > div.item_focus {
    padding-left: 10px;
    padding-right: 10px;
  }
  .home-top-focus .items-flex-md-4-item > div.item_focus:nth-of-type(4n+1) {
    padding-left: 0;
    padding-right: 10px; 
  }
  .home-top-focus .items-flex-md-4-item > div.item_focus:nth-of-type(4n) {
    padding-left: 10px;
    padding-right: 0px; 
  }

}
@media (min-width: 1200px) {
  /* __kich thuoc hon 1200 */
}


/* ------------------- */
.art-list-media-leftright .item_focus {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}
.art-list-media-leftright .item_focus > a {
    flex: 0 0 33%;
} 
.art-list-media-leftright .item_focus > h6 {
  margin: 0;
  padding: 0 0 0 10px;
}
.art-list-media-leftright .item_focus > h6 > a {
  font-weight: 700;
  font-size: 0.95rem;
  color: #000;
}

@media (min-width: 576px) {
  /* __kich thuoc hon 576 */
}
@media (min-width: 768px) {
  /* __kich thuoc hon 768 */
}
@media (min-width: 992px) {
  /* __kich thuoc hon 992 */

}
@media (min-width: 1200px) {
  /* __kich thuoc hon 1200 */
}

/* ------------*/
 .giga-header {

}
 .giga-header__main__logo span {
    color: #ffffff;
}
 .giga-header__menu-admin .navbar {
     margin-bottom: 0px; 
}
/*// menu*/
@media (min-width: 768px) {
  nav.navbar_mainmenu.navbar.navbar-default {

      background-color: #39439d;

  }
   .navbar_mainmenu .navbar-nav {
    float: none;
    background: #39439d;
  }
  ul.menu-custom>li>a {
      font-weight: 700;
      color: #080808;
      font-size: 14px;
  }
} /*end media */
 .home-top-header-block .banner2 {
    background: #2196f3;
    /*background-image: linear-gradient(to right bottom, #2196f3, #2985e5, #3174d6, #3962c6, #3f51b5);*/

  }
  .home-top-header-block .other-content h1 {
    color: #ffffff;
}
.home-top-header-block .other-content h3 {
    font-weight: 400;
    font-size: 30px;
    margin-top: 30px;
    color: #ffffff;
}


/**/
.wellcome-heading > h2 {
  font-size: 70px;
  color: #ffffff;
  font-weight: 900;
  position: relative;
  z-index: 3;
  margin: 7px 0 5px 0;
  line-height: 66px;
  text-transform: uppercase;
}
.wellcome-heading > h2.small {
  font-size: 32px;
}

    @media (min-width: 768px) {
      .wellcome-heading > h2 {
          font-size: 79px;
          color: #ffffff;
          font-weight: 900;
          position: relative;
          z-index: 3;
          margin: 7px 0 5px 0;
          line-height: 82px;
          text-transform: uppercase;
      }
      .wellcome-heading > h2.small {
          font-size: 43px;
      }
    }


.wellcome-heading h6 {
    font-size: 16px;
    color: #FFF;
}
.wellcome-heading .infomore {
    font-weight: 300;
    color: #ffffff;
    font-size: 19px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.btn.submit-btn {
    background-color: #ffb255;
    box-shadow: 0px 5px 30px 0px #efa23e9c;
    height: 46px;
    min-width: 165px;
    color: #ffffff !important;
    font-weight: 900;
    border-radius: 50px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding-top: 9px;
}.btn.buy-btn {
    background-color: #7064f5;
    box-shadow: 0px 5px 30px 0px #7b6ff67a;
    height: 46px;
    min-width: 165px;
    color: #ffffff !important;
    font-weight: 900;
    border-radius: 50px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding-top: 9px;
}

.wellcome-heading {
    margin-bottom: 40px;
}

/**/
.capbox figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0px 1%;
  width: 100%;
  height: auto;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}

.capbox figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

.capbox figure figcaption {
  padding: 2em;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.capbox figure figcaption::before,
.capbox figure figcaption::after {
  pointer-events: none;
}

.capbox figure figcaption,
.capbox figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.capbox figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.capbox figure h2 {

}

.capbox figure h2 span {
  font-weight: 800;
}

.capbox figure h2,
.capbox figure p {
  margin: 0;
}

.capbox figure p {

}


/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
  background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
  background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
  padding: 3em;
  background-color: #2196f3;
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}
figure.effect-oscar figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
      opacity: 1;
    -webkit-transform: scale(1);
     transform: scale(1);
}
figure.effect-oscar h2 {
    margin: 20% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,10%,0);
    text-shadow: 2px 2px #000;
  }

  .item_special h2 {
      font-size: 28px;
      font-weight: 700;
      line-height: 36px;
  }
  figure.effect-oscar p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  figure.effect-oscar:hover p {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }


@media (min-width: 768px) {
  figure.effect-oscar figcaption {
    padding: 3em;
    background-color: rgba(58,52,42,0.7);
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s;
    border: 0px solid #fff;
  }
  figure.effect-oscar figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
  }

  figure.effect-oscar:hover h2 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    text-shadow: none;
  }

  figure.effect-oscar:hover figcaption::before,
  figure.effect-oscar:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  figure.effect-oscar:hover figcaption {
    background-color: #2196f3;
  }

  figure.effect-oscar:hover img {
    opacity: 0.4;
  }
    figure.effect-oscar h2 {
      margin: 20% 0 10px 0;
      -webkit-transition: -webkit-transform 0.35s;
      transition: transform 0.35s;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0);
      text-shadow: 2px 2px #000;
    }
    .item_special h2 {
        font-size: 34px;
        font-weight: 700;
        line-height: 44px;
    }
    .figure.effect-oscar p {
      font-size: 14px;
    }
} 
/*end media*/


/**/
.banner-top-ads ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.banner-top-ads li a {
    border: 1px solid #c5c5c5;
    border-radius: 6px;
    padding: 5px;
    display: block;
    margin: 0 0 7px;
    background: #f8f8f8;
    color: #040404;
    font-weight: 500;
}
/**/

.ext-app .xiroweb-card {
    padding: 0 15px;
}
.padding-top-60 {
    padding-top: 60px;
}
/* slide home*/
.mbvn-home-top {
  background-image: linear-gradient(to left top, #435c90, #5571ab, #6886c6, #7b9ce2, #8fb3ff);
}
.mbvn-home-top .warp {
    background: #FFF;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 15px;
}
.home-slide-icon,
.home-slide-icon .box-wrapper
 {
    height: 100%;
}

.height-100 {
  height: 100%;
}
a.mbvn-tctv-home-icon-link {
    padding: 10px;
    display: block;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    color: #000;
    background: #f9f9f9;
    border-right: 1px solid #e0e0e0;
    height: 100%;
}
a.mbvn-tctv-home-icon-link:hover {
  background: #FE310C;
  color: #FFF;
}
.home-slide-icon h3 {
    background:#243B6D;
    text-align: center;
    color: #FFF;
    padding: 15px 10px;
    margin: 0;
    border-radius: 0px 0 0 0;
    font-weight: 700;
}
.home-slide-link {
  border: 1px solid #e0e0e0;
}
.home-slide-link h3 {
  background:#243B6D;
  color:#fff;
  border-radius:0;
  text-align: center;
  font-weight: 700;
  margin: 0;
  padding: 10px;
}
.home-slide-link a.title {
    color: #000;
    font-weight: 700;
}
.home-slide-link a.title:hover {
    color: #849DBB;
}
.home-slide-link .item {
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px;

}
.slide-mainx .sp-buttons {
  position: absolute;
  bottom:0
}

.home-slide-link .item:not(:last-child)  {   
  border-bottom: 1px solid #e0e0e0;
}
.home-slide-link .item > div.bs4row {
  margin-left: 0;
  margin-right: 0;
  align-items: center;
  justify-content: center;
  border-bottom:0;
}
.mbvn-home-mid {
  padding-top: 30px;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .home-slide-icon {
    margin-right: 10px;
  }
  .home-slide-icon h3 {
    /* border-radius: 6px 0 0 0; */
    background:#243B6D;
    padding: 21px 10px;
  }
  .home-slide-link {
    margin-left: 10px;
  }
  .home-slide-link .box-wrapper h3{
    background:#243B6D;
    padding: 21px 10px;
    color:#fff;
    border-radius:0;
  }
  .home-slide-link .item:not(:last-child)  {   
    border-bottom: 1px solid #e0e0e0;
  }
  .home-slide-link .item > div.bs4row {
    margin-left: 0;
    margin-right: 0;
    align-items: center;
    justify-content: center;
    border-bottom:0;
  }
  a.mbvn-tctv-home-icon-link {
    padding: 15px 10px;
  }
  a.mbvn-tctv-home-icon-link:hover {
    background: #849DBB;
  }
  .slide-mainx .sp-buttons {
    position: absolute;
    bottom:0
  }
  .home-slide-link a.title:hover {
    color: #849DBB;
  }
}
/**/
.mbvn-home-diendan {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mbvn-home-diendan > div > .bs4row > div > div {
    padding-top: 10px;
    padding-bottom: 10px;
}
.mbvn-home-diendanleft > div {
    background: #FFEB3B;
    text-align: center;
        height: 100%;
            display: flex;
    justify-content: center;
    align-items: center;
}
.moduletable.forum-lastest {
    padding-left: 10px;
    padding-right: 10px;
}

.mbvn-home-diendan  .klatest-items li.klatest-item {
    list-style: none !important;
    margin: 2px 0;
    padding: 10px 0;
    clear: both;
    border-top: 1px dashed #000;
}

.mbvn-home-diendan .klatest-subject a {
    font-weight: bold;
    font-size: 15px;
}

.home-forum-link ul {
    list-style: none;
    margin: 0;
}

.home-forum-link ul li a {
display: block;
    border: none;
    padding: 6px;
    margin: 10px 0;
    border-radius: 4px;
    background: #f0f0f0;
    font-size: 18px;
}
@media (min-width: 768px) {
  .mbvn-home-diendan {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mbvn-home-diendan > div > .bs4row > div > div {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  .moduletable.forum-lastest {
    padding-left: 50px;
    padding-right: 50px;
  }
}