body {
  font-size: 14px;
  color: #002060;
}

.navbar {
  background-color: #002060;
  border-radius: 0px;
  min-height: 56px;
}

.navbar-default {
  border: none;
}

.navbar-default .navbar-collapse {
  border: none;
  box-shadow: none;
}



.navbar-default .navbar-nav>li>a {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

footer {
  background-color: #8d93a0;
  color: #fff;
  font-size: 18px;
  padding: 8px 20px;
  margin-top: 20px;
}

footer a {
  color: #fff;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.title-project {
  text-align: right;
  margin-bottom: 20px;

}

.title-project a {
  font-size: 20px;
  color: #002060;
  font-weight: bold;
}

.title-project a:hover {
  font-size: 20px;
  color:#0070c0;
  font-weight: bold;
}

h1 {
  font-size: 20px;
  color: #002060;
  font-weight: bold;
}

.right-menu {
  font-size: 16px;
  text-align: right;
}

.right-menu li {
  padding: 2px;
}

a:hover {
  text-decoration: none;
}

.right-menu li:hover, .right-menu li.active {
  background-color: #e5e8ef;
}

.right-menu li a {
  color: #002060;
}

.right-menu li a.color-2 {
  color: #0070c0;
}

.right-menu li.split {
  margin: 5px;
}

.right-menu li.split:hover {
  background-color: transparent;
}

.right-menu li:hover, .right-menu li.active {
  background-color: #e5e8ef;
}

.nav {
  background-color: #002060;
}

.navbar-default .navbar-nav li {
  text-align: right;
}

.navbar-default .navbar-nav li:hover, .navbar-default .navbar-nav li.active:hover {
  background-color: #e5e8ef;
}

.navbar-default .navbar-nav li.parent-cat a {
  font-weight: bold;
  font-size: 20px;
}

.navbar-default .navbar-nav li.parent-cat:hover a, .navbar-default .navbar-nav li.parent-cat.active a {
  font-weight: bold;
  font-size: 20px;
  color: #252525;
}

.navbar-default .navbar-nav li a {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.navbar-default .navbar-nav li a.color-2 {
  color: #1072bd;
  font-size: 16px;
  font-weight: normal;
}

.navbar-default .navbar-nav li:hover a, .navbar-default .navbar-nav li.active a {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  color: #252525;
}

.navbar-default .navbar-nav li.split {
  margin: 20px;
}

.product-more-info {
  background-color: #d9d9d9;
}


.product-more-info .title {
  color: #00b0ef;
}

.product-more-info .value {
  font-size: 12px;
  padding-bottom: 3px;
}

.product-more-info .item.line {
  border-left: 1px solid #00b0ef;
}

.list-title {
  overflow: hidden;
  white-space: nowrap;
}

.list-title a {
  color: #002060;
  font-weight: bold;
  font-size: 14px;
}

.list-location {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
}

.list-foxton {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
}

.margin-top-20 {
  margin-top: 20px;
}
.pagi-wrap{
  margin-top:10px;
}
.pagi-wrap .pagi-list {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0;
  text-align: center;
}

.pagi-wrap .pagi-list li {
  display: inline-block;
  margin: 0px 3px 0px 3px;
}

.pagi-wrap .pagi-list li a {
  text-decoration: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #d0d0d0;
  color: #fff;
  -webkit-transition: background-color.3s ease;
  -moz-transition: background-color.3s ease;
  -ms-transition: background-color.3s ease;
  -o-transition: background-color.3s ease;
  transition: background-color.3s ease;
}

.pagi-wrap .pagi-list li.active a, .pagi-wrap .pagi-list li a:hover, .pagi-wrap .pagi-list li a:active, .pagi-wrap .pagi-list li a:focus {
  background-color: #002060;
}

.fotorama__stage {
  background-color: #011a4c;
}

.fotorama__nav--thumbs {
  text-align: left;
}

.title-line {
  border-bottom: 2px solid #e0e0df;
  margin:0px 8px;
}

.title-line h1 {
  font-size: 20px;
  font-weight: bold;
  color: #002060;
  margin-bottom: 0px;
  margin-top: 10px;
}

.title-line .title-main {
  font-size: 20px;
  font-weight: bold;
  color: #002060;
  margin-bottom: 0px;
  margin-top: 10px;
}

.title-line .title-sub {
  font-size: 20px;
  color: #002060;
}

.content-detail {
  text-align: justify;
}

.content-detail p{
  margin:0px
}

.content-detail h4{
  margin:0px
}

.table{
  margin-bottom: 0px;
}

.table tbody tr td, .table thead tr th{
  padding:0px 5px;
}

.link-back {
  color: #002060;
}

.link-back:hover {
  color: #337ab7;
}

.copyright {
  font-size: 14px;
}

.contact-phone {
  font-size: 13px;
}

.navbar-default .navbar-nav > li > a.link-home {
  font-weight: bold;

}

.navbar-default .navbar-nav > li > a.link-home:hover {
  background-color: #002060;
  color:#0070c0;
}

/* xs */
@media (max-width: 767px) {
  .home-contact {
    padding-top:0px;
    padding-bottom:20px;
    padding-left:70px;
  }

  .home-info {
    padding-left:10px;
  }

  .navbar-brand {
    padding: 8px 0px 0px 10px;
  }

  .article-list {
    padding-left:10px;
  }

  .article-detail {
    padding-left:10px;
    padding-right:10px;
  }
}

/* sm */
@media (min-width: 768px) {
  .home-contact {
    padding-top:50px;
    padding-left:0px;
  }

  .home-info {
    padding-left:70px;
  }

  .navbar-brand {
    padding: 8px 0px 0px 30px;
  }

  .article-list {
    padding-left:20px;
  }

  .article-detail {
    padding-left:30px;
    padding-right:30px;
  }
}

/* md */
@media (min-width: 992px) {
  .home-contact {
    padding-top:50px;
    padding-left:0px;
  }

  .home-info {
    padding-left:0px;
  }

  .navbar-brand {
    padding: 8px 0px 0px 30px;
  }

  .article-list {
    padding-left:20px;
  }

  .article-detail {
    padding-left:30px;
    padding-right:30px;
  }

  .copyright {
    padding-left:20px;
  }
}

/* lg */
@media (min-width: 1200px) {
  .home-contact {
    padding-top:50px;
    padding-left:0px;
  }

  .home-info {
    padding-left:70px;
  }

  .navbar-brand {
    padding: 8px 0px 0px 30px;
  }

  .article-list {
    padding-left:20px;
  }

  .article-detail {
    padding-left:30px;
    padding-right:30px;
  }

  .copyright {
    padding-left:20px;
  }
}

/* tablet */
@media screen and (max-width: 767px) {
}