.fixed {
  position: fixed;
  z-index: 1000;
  background: #fff; }

.detail-dichvu {
  margin-bottom: 30px; }
  .detail-dichvu .start-dichvu {
    position: relative; display:none;}
    @media only screen and (max-width: 700px) {
      .detail-dichvu .start-dichvu {
        width: 100%; display:block} }
    .detail-dichvu .start-dichvu img {
      width: 100%;
	height: auto;
object-fit: initial; }
      @media only screen and (max-width: 700px) {
        .detail-dichvu .start-dichvu img {
         height:210px!important; } }
    .detail-dichvu .start-dichvu .title-dichvu {
      width: 100%;
      position: absolute;
      top: 35%;
      color: #fff;
      z-index: 1;
      left: 0; }
      .detail-dichvu .start-dichvu .title-dichvu i {
        font-size: 30px;
        text-transform: none;
        font-family: 'UVNVietSach';
        color: #fff;
        font-style: italic;
        text-align: center;
        margin-bottom: 0;
        text-align: justify;
        -moz-text-align-last: right;
      }
        @media only screen and (max-width: 700px) {
          .detail-dichvu .start-dichvu .title-dichvu i {
            font-size: 12px; } }

#thietke {
  margin-top: 30px;
  background: #e5e5e573;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 60px; }
  #thietke .img-thietke img {
    max-height: 600px !important;
    border-radius: 5px; }
    @media only screen and (max-width: 700px) {
      #thietke .img-thietke img {
        max-height: none; } }
  #thietke .detail-thietke {
    padding-top: 8rem; }
    #thietke .detail-thietke h2 {
      font-size: 18px;
      text-transform: uppercase;
      font-family: 'Lato',sans-serif;
      color: #9e6c49;
      margin-bottom: 15px; }
      @media only screen and (max-width: 700px) {
        #thietke .detail-thietke h2 {
          font-size: 12px;
          text-align: center; } }
    #thietke .detail-thietke h3 {
      font-size: 35px;
      text-transform: none;
      font-family: "UVNVietSach";
      color: #666;
      margin-bottom: 15px; }
      #thietke .detail-thietke h3 span {
        color: #9e6c49; }
      @media only screen and (max-width: 700px) {
        #thietke .detail-thietke h3 {
          font-size: 15px;
          text-align: center; } }
    #thietke .detail-thietke p {
      font-size: 18px;
      text-transform: none;
      font-family: 'Lato',sans-serif;
      color: #666;
      margin-bottom: 0;
      line-height: 25px;
      text-align: justify;
      -moz-text-align-last: right;
       }
      @media only screen and (max-width: 700px) {
        #thietke .detail-thietke p {
          font-size: 12px;
          text-align: justify; } }
    @media only screen and (max-width: 700px) {
      #thietke .detail-thietke {
        padding-top: 1rem; } }

.hident {
  visibility: hidden; }

.vatlieu {
  margin-top: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 60px;
  display:none }
 @media only screen and (min-width: 800px) {
    .vatlieu {
      display: block; } }
  .vatlieu .img-vatlieu {
    order: 2; }
    @media only screen and (max-width: 700px) {
      .vatlieu .img-vatlieu {
        order: 0; } }
    .vatlieu .img-vatlieu img {
      max-height: 600px !important;
      border-radius: 5px; }
  .vatlieu .detail-vatlieu {
    padding-top: 8rem;
    text-align: right; }
    @media only screen and (max-width: 700px) {
      .vatlieu .detail-vatlieu {
        padding-top: 1rem; } }
    .vatlieu .detail-vatlieu h2 {
      font-size: 18px;
      text-transform: uppercase;
      font-family: 'Lato',sans-serif;
      color: #9e6c49;
      margin-bottom: 15px; }
      @media only screen and (max-width: 700px) {
        .vatlieu .detail-vatlieu h2 {
          font-size: 12px;
          text-align: center; } }
    .vatlieu .detail-vatlieu h3 {
      font-size: 35px;
      text-transform: none;
      font-family: "UVNVietSach";
      color: #666;
      margin-bottom: 15px; }
      .vatlieu .detail-vatlieu h3 span {
        color: #9e6c49; }
      @media only screen and (max-width: 700px) {
        .vatlieu .detail-vatlieu h3 {
          font-size: 15px;
          text-align: center; } }
    .vatlieu .detail-vatlieu p {
      font-size: 18px;
      text-transform: none;
      font-family: 'Lato',sans-serif;
      color: #666;
      margin-bottom: 0;
      line-height: 25px;
      text-align: justify;
      -moz-text-align-last: right;
      }
      @media only screen and (max-width: 700px) {
        .vatlieu .detail-vatlieu p {
          font-size: 12px;
          text-align: justify; } }
.vatlieu2 {
  display: none;
  margin-top: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 60px; }
  @media only screen and (max-width: 799px) {
    .vatlieu2 {
      display: block; } }
  .vatlieu2 .img-vatlieu {
    order: 2; }
    @media only screen and (max-width: 700px) {
      .vatlieu2 .img-vatlieu {
        order: 0; } }
    .vatlieu2 .img-vatlieu img {
      max-height: 600px !important;
      border-radius: 5px; }
  .vatlieu2 .detail-vatlieu {
    padding-top: 8rem;
    text-align: right; }
    @media only screen and (max-width: 700px) {
      .vatlieu2 .detail-vatlieu {
        padding-top: 1rem; } }
    .vatlieu2 .detail-vatlieu h2 {
      font-size: 18px;
      text-transform: uppercase;
      font-family: 'Lato',sans-serif;
      color: #9e6c49;
      margin-bottom: 15px; }
      @media only screen and (max-width: 700px) {
        .vatlieu2 .detail-vatlieu h2 {
          font-size: 12px;
          text-align: center; } }
    .vatlieu2 .detail-vatlieu h3 {
      font-size: 35px;
      text-transform: none;
      font-family: "UVNVietSach";
      color: #666;
      margin-bottom: 15px; }
      .vatlieu2 .detail-vatlieu h3 span {
        color: #9e6c49; }
      @media only screen and (max-width: 700px) {
        .vatlieu2 .detail-vatlieu h3 {
          font-size: 15px;
          text-align: center; } }
    .vatlieu2 .detail-vatlieu p {
      font-size: 18px;
      text-transform: none;
      font-family: 'Lato',sans-serif;
      color: #666;
      margin-bottom: 0;
      line-height: 25px;
      text-align: justify;
      -moz-text-align-last: right;
      }
      @media only screen and (max-width: 700px) {
        .vatlieu2 .detail-vatlieu p {
          font-size: 12px;
         text-align:left;
    -moz-text-align-last: left;
    text-align-last: left; } }
.phukien {
  background: #e5e5e573;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 30px;
  margin-bottom: 60px;
  display: none; }
@media only screen and (min-width: 800px) {
    .phukien {
      display: block; } }
  .phukien .img-phukien img {
    max-height: 600px !important;
    border-radius: 5px; }
  .phukien .detail-phukien {
    padding-top: 8rem; }
    @media only screen and (max-width: 700px) {
      .phukien .detail-phukien {
        padding-top: 1rem; } }
    .phukien .detail-phukien h2 {
      font-size: 18px;
      text-transform: uppercase;
      font-family: 'Lato',sans-serif;
      color: #9e6c49;
      margin-bottom: 15px; }
      @media only screen and (max-width: 700px) {
        .phukien .detail-phukien h2 {
          font-size: 12px;
          text-align: center; } }
    .phukien .detail-phukien h3 {
      font-size: 35px;
      text-transform: none;
      font-family: "UVNVietSach";
      color: #666;
      margin-bottom: 15px; }
      @media only screen and (max-width: 700px) {
        .phukien .detail-phukien h3 {
          font-size: 15px;
          text-align: center; } }
      .phukien .detail-phukien h3 span {
        color: #9e6c49; }
    .phukien .detail-phukien p {
      font-size: 18px;
      text-transform: none;
      font-family: 'Lato',sans-serif;
      color: #666;
      margin-bottom: 0;
      line-height: 25px;
      text-align: justify;
      -moz-text-align-last: right;
       }
      @media only screen and (max-width: 700px) {
        .phukien .detail-phukien p {
          font-size: 12px;
          text-align: justify; } }
.phukien2 {
  background: #e5e5e573;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 30px;
  margin-bottom: 60px;
  display: none; }
  @media only screen and (max-width: 799px) {
    .phukien2 {
      display: block; } }
  .phukien2 .img-phukien img {
    max-height: 600px !important;
    border-radius: 5px; }
  .phukien2 .detail-phukien {
    padding-top: 8rem; }
    @media only screen and (max-width: 700px) {
      .phukien2 .detail-phukien {
        padding-top: 1rem; } }
    .phukien2 .detail-phukien h2 {
      font-size: 18px;
      text-transform: uppercase;
      font-family: 'Lato',sans-serif;
      color: #9e6c49;
      margin-bottom: 15px; }
      @media only screen and (max-width: 700px) {
        .phukien2 .detail-phukien h2 {
          font-size: 12px;
          text-align: center; } }
    .phukien2 .detail-phukien h3 {
      font-size: 35px;
      text-transform: none;
      font-family: "UVNVietSach";
      color: #666;
      margin-bottom: 15px; }
      @media only screen and (max-width: 700px) {
        .phukien2 .detail-phukien h3 {
          font-size: 15px;
          text-align: center; } }
      .phukien2 .detail-phukien h3 span {
        color: #9e6c49; }
    .phukien2 .detail-phukien p {
      font-size: 18px;
      text-transform: none;
      font-family: 'Lato',sans-serif;
      color: #666;
      margin-bottom: 0;
      line-height: 25px;
      text-align: justify;
      -moz-text-align-last: right;
      }
      @media only screen and (max-width: 700px) {
        .phukien2 .detail-phukien p {
          font-size: 12px;
          text-align:left;
    -moz-text-align-last: left;
    text-align-last: left; } }
.list-anhdv .list-thumbs {
  margin-bottom: 10px; }
  .list-anhdv .list-thumbs .image-description {
    left: 5%;
    right: 5%;
    position: absolute;
    width: 90%;
    transition: all .75s ease 0s;
    top: 5%;
    height: 90%;
    bottom: 5px; }
    .list-anhdv .list-thumbs .image-description .content-img {
      opacity: 0;
      transition: .5s ease;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      min-width: 25%; }
      .list-anhdv .list-thumbs .image-description .content-img h2 {
        font-size: 24px;
        margin-bottom: 22px;
        text-transform: uppercase;
        font-family: 'Lato',sans-serif;
        color: #666; }
        @media only screen and (max-width: 700px) {
          .list-anhdv .list-thumbs .image-description .content-img h2 {
            font-size: 12px;
            margin-bottom: 10px; } }
      .list-anhdv .list-thumbs .image-description .content-img p {
        font-size: 12px;
        text-transform: uppercase;
        font-family: 'Lato',sans-serif;
        padding: 6px 6px;
        border: 1px solid #9e6c49;
        color: #9e6c49;
        cursor: pointer;
        transition: .4s all;
        -webkit-transition: .4s all;
        margin: 0; }
        @media only screen and (max-width: 700px) {
          .list-anhdv .list-thumbs .image-description .content-img p {
            font-size: 8px; } }
        .list-anhdv .list-thumbs .image-description .content-img p:hover {
          background: #9e6c49;
          border: 1px solid #9e6c49;
          color: #fff;
          text-decoration: none; }
  .list-anhdv .list-thumbs:hover .image-description {
    background: rgba(255, 255, 255, 0.85); }
    .list-anhdv .list-thumbs:hover .image-description .content-img {
      opacity: 1; }
  @media only screen and (max-width: 700px) {
    .list-anhdv .list-thumbs:hover .image-description {
      background: rgba(255, 255, 255, 0.85); }
      .list-anhdv .list-thumbs:hover .image-description .content-img {
        opacity: 1; } }

.fancybox-thumbs {
  top: auto;
  width: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 95px;
  padding: 10px 10px 5px 10px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3); }

.fancybox-show-thumbs .fancybox-inner {
  right: 0;
  bottom: 95px; }
.info-tuvan {
  background: #f4f4f4;
  padding: 0;
  color: #fff;
  margin-bottom: 30px;
  border-radius: 5px; }
.info-tuvan .content-tuvan {
  padding: 15px 25px 10px; }
.info-tuvan .content-tuvan h1 {
  color: #121212;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  text-transform: none; }
@media only screen and (max-width: 700px) {
  .tuvanlienhe .info-tuvan .content-tuvan h1 {
    text-align: center; font-size: 17px; } }
.info-tuvan .content-tuvan p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 12px;
  color: #000; }
/*# sourceMappingURL=dichvu.css.map */