body.boxed-layout .footer{
  background: #333;
  border-top: 1px solid #414141;
}
body.boxed-layout #sns_footer .container-fluid > .row {
  background: none;
  border-top: none;
}
.footer {
    background: linear-gradient( 180deg,#000000,#050403);
}
#sns_footer .container-fluid > .row {
    
    border-top: 1px solid #ab872499;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #bebebe;
    margin: 0 0;
}
#sns_footer a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#sns_footer h5 {
color: #f4cf2c !important;
}
#sns_footer a:hover {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #9daeab;
}
#sns_footer .right_col {
  position: relative;
}
    #sns_footer .right_col:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 1px;
        background: #ab872499;
        left: 0px;
        top: 0px;
    }

.footer-dark {
  padding:50px 0 20px 0;
  color:#f0f9ff;
  /*background-color:rgba(67, 98, 54, 0.9);// xanh*/
  background-color:rgba(19, 101, 144, 0.74);
  position:relative;
}

.footer-dark h3 {
  margin-top:0;
  margin-bottom:12px;
  font-weight:bold;
  font-size:16px;
}
.footer-dark h6 {
    font-size: 14px;
    opacity: 0.6;
   font-weight: 400;
}
.footer-dark ul {
  padding:0;
  list-style:none;
  line-height:1.6;
  font-size:14px;
  margin-bottom:0;
}

.footer-dark ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.6;
}

.footer-dark ul a:hover {
  opacity:0.8;
}

@media (max-width:767px) {
  .footer-dark .item:not(.social) {
    text-align:justify;
    padding-bottom:20px;
  }
}

.footer-dark .item.text {
  margin-bottom:36px;
}

@media (max-width:767px) {
  .footer-dark .item.text {
    margin-bottom:0;
  }
}

.footer-dark .item.text p {
  opacity:0.6;
  margin-bottom:0;
  font-size:14px;
  font-weight:100;
}

.footer-dark .item.social {
  text-align:center;
}

@media (max-width:991px) {
  .footer-dark .item.social {
    text-align:center;
    margin-top:20px;
  }
}

.footer-dark .item.social > a {
  font-size:20px;
  width:36px;
  height:36px;
  line-height:34px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(255,255,255,0.4);
  margin:0 8px;
  color:#fff;
  opacity:0.75;
  text-decoration: none;
}

.footer-dark .item.social > a:hover {
  opacity:0.9;
}

.footer-dark .copyright {
  text-align:center;
  padding-top:24px;
  opacity:0.3;
  font-size:13px;
  margin-bottom:0;
}

.header h1 {
  font-size:45px;
  text-align:center;
  padding-top:40px;
  text-transform:uppercase;
}

.cards {
  background-color:#A9202A;
  border:1px;
  border-radius:13px;
  border-color:#333;
  padding:5px;
  margin-bottom:15px;
}

.card-row {
  padding-top:25px;
  padding-bottom:25px;
}

.cards h1 {
  font-size:26px;
  padding:5px 10px;
  margin-top:10px;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
}

.tinhnang-img {
  width:152px;
  height:152px;
  background-image:url("circle.png");
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
}

.tinhnang-text {
  height:153px;
  color:#fff;
  width:100%;
  padding-left:160px;
}

.fa.fa-circle {
  font-size:8px;
}

.cards h2 {
  font-size:20px;
  text-transform:uppercase;
  color:#fff;
}