@font-face {
        font-family: "UTM-Neo-Sans-Intel";
        src: url('../fonts/UTM Neo Sans Intel.ttf');
    }
    @font-face {
        font-family: "UTM Alter Gothic";
        src: url('../fonts/UTM Alter Gothic.ttf');
    }
    @font-face {
        font-family: "sfueurostilecondensed";
        src:url('../fonts/sfueurostilecondensed.ttf');
    }
    @font-face {
        font-family: "ROBOTO-MEDIUM";
        src: url('../fonts/fonts/ROBOTO-MEDIUM.ttf');
    }

    @font-face {
        font-family: "ROBOTO-REGULAR";
        src: url('../fonts/fonts/ROBOTO-REGULAR.ttf');
    }

    @font-face {
        font-family: "ROBOTOCONDENSED-BOLD";
        src: url('../fonts/fonts/ROBOTOCONDENSED-BOLD.ttf');
    }

    @font-face {
        font-family: "ROBOTOCONDENSED-REGULAR";
        src: url('../fonts/fonts/ROBOTOCONDENSED-REGULAR.ttf');
    }
    @font-face {
        font-family: "ROBOTO-LIGHT";
        src: url('../fonts/fonts/ROBOTO-LIGHT.ttf');
    }
    @font-face {
        font-family: "UVNMuaThu";
        src: url('../fonts/fonts/UVNMuaThu.ttf');
    }
    .wapper {
        width: 100%;
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        height: 100%;
    }

     .content-top{
        display: block;
        position: relative;
     }
     .content-top .content-top-logo{
        /*background: url(../img/bgtop.png);
        padding: 0px 20px;
        background-repeat: repeat-x;
        background-position: 100% 100%;*/
        padding: 20px;
        color: #0099cc;
     }
     .box-logo-top{
      display: inline-block;
      position: relative;
     }
     .content-top .content-top-logo .box-logo-right {
          text-align: right;
          display: inline-block;
          overflow: hidden;
          float: right;
          position: absolute;
          right: 15px;
          bottom: 10px;
      }
     .content-top .content-top-logo .text-right-top {
      font-size: 20px;
      font-family: tahoma;
      display: inline-block;
      padding: 10px 0px 10px 30px;
      position: relative;
      bottom: 0px;
      color: white;
    }
    .content-top .content-top-logo .text-right-top i{
      width: 40px;
      height: 40px;
      border: 3px solid white;
      border-radius:50%;
      font-size: 25px;
      text-align: center;
      line-height: 35px 
    }
    .box-seach {
        padding: 15px 0px;
        display: inline-block;
        position: relative;
        float: right;
    }
    .box-seach a{
      color: black
    }
    .box-seach .form-control{
      border-radius: 0px
    }
    .box-seach span.icon-seach {
        position: absolute;
        top: 15px;
        right: 0px;
        padding: 7px 5px;
        color: black;
        font-size: 18px;
    }
        .box-seach span.icon-seach button {
        background:none;
        border:none
        }
.box-seach-top{
    padding-top: 20px;
    font-size: 18px;
}

.box-seach-top .row{
    display:-moz-box;
    -moz-box-align:center;
    -moz-box-pack:center;
   
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
   
    display: box;
    box-align: center;
    box-pack: center;
    color: #0099cc;
}
.box-seach-top .row .col-md-5{
    float: right !important;
    text-align: right;
}
     .menu-bottom {
      display: block;
      position: relative;
      float: left;
      padding: 8px 0px;
      
     }
     .menu-bottom>ul{
       list-style: none;
      display: block;
      position: relative;
      margin: 0px;
      padding: 0px;
     }
    .menu-bottom>ul>li{
        list-style: none;
        display: block;
        position: relative;
        float: left;
        margin: 0px 25px;
        
     }
     .menu-bottom>ul>li:first-child {
       margin: 0px 10px 0px 0px;
     }
     .menu-bottom>ul>li a{
        font-family: "ROBOTOCONDENSED-BOLD";
        font-size: 16px;
        line-height: 48px;
        color: #e9650e;
        padding: 5px 7px 10px;
        text-decoration: none !important;
     }
     .menu-bottom>ul>li a:first-child {
       padding: 5px 0px 10px;
     }
     .menu-bottom>ul>li:hover a
     {         
        color: #ff0000
     }
     .menu-bottom>ul>li .menu-child{
        display: none;
        position: absolute;
        float: left;
        z-index: 1;
        left: 0px;
        padding: 0px;
        margin: 0px;
        min-width:180px;
        background:white;        
     }
    .menu-bottom>ul>li>.menu-child>li:first-child{
       border-top: solid 2px #004F75;
    }
    .menu-bottom>ul>li>.menu-child>li:last-child{
       border-bottom: solid 2px #00a859;
    }
    .menu-bottom>ul>li>.menu-child>li {
        display: block;
        position: relative;
        float: left;
        width: 100%;
    }
    .menu-bottom > ul > li:hover .menu-child {
       display:block
    }
    .menu-bottom>ul>li>.menu-child>li>a {
            font-family: ROBOTOCONDENSED-BOLD;
            font-size: 14px;
            line-height: 28px;
            padding: 5px 10px;
            text-decoration: none !important;
            border-bottom: solid 1px #eee;
            width: 100%;
            display: block;
            color: #e9650e;
     }
     .menu-bottom > ul > li > .menu-child > li > a:hover {
            color:#ff0000
     }

     #owl-demo .item img{
      width: 100%
     }
     .slider
     {
      display: block;
      position: relative;
     }
    .slider .box-banner
     {
      width: 100%;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      background-position: center center !important;
      height: 300px;
     }
    #owl-demo .summary-slider{
        display: inline-block;
        position: absolute;
        bottom: 37%;        
        color: white;
        width:100%;
        font-family: "ROBOTO-MEDIUM";
        font-size: 24px;
        color: #0066ff
    }
    #owl-demo .summary-slider h3{
        font-family: "UVNMuaThu";
        font-size: 58px;
        line-height: 65px;
        margin-bottom: 0px;
        padding-bottom: 15px;
        color: #2989db;
    }
    #owl-demo .summary-slider a.view-box-kham{
        display: inline-block;
        font-size: 20px;
        margin-top: 20px;
        padding: 6px 18px;
        background: white;
        color: #d92319;
        text-decoration: none !important;
        clear: both;
        font-family: "ROBOTOCONDENSED-BOLD";
        box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.76);
    }
    .content-sp{
        display: block;
        position: relative;
    }
    .content-sp .title-csp{
        display: block;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        padding: 25px 0px 12px 0px;
        font-size: 26px;
        font-family: "ROBOTOCONDENSED-BOLD";
        background: url("../img/bgtitlesp.png") no-repeat scroll center bottom;
        margin-bottom: 28px
    }
  
  .content-news{
    display: block;
    position: relative;
    padding: 35px 0px;
    background: #ffffff
  }
  .content-news .gioithieu-main-img{
    display: block;
    position: relative;
    text-align: center;
    margin: 0 auto
  }
  .content-news .gioithieu-main-img .box-img-about{
    text-align: center;
    display: inline-block;
  }
.content-news .gioithieu-main-img .box-img-about img {
    border-radius: 50%;
    box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.52);
}
  .content-news .gioithieu-main{
    display: block;
    position: relative;
    text-align: center;
    margin: 0 auto;
    color: #0099cc;
    font-family: "ROBOTO-REGULAR";
    font-size: 19px;
    display: block;
    line-height: 30px;
    text-align: justify;
  }
 .content-news .gioithieu-main h3{
  font-size: 28px;
  line-height: 42px;
  color: #ff0000;
  font-family: "ROBOTOCONDENSED-BOLD";
  margin-bottom: 20px
 }

 .content-service-main{
  display: block;
  position: relative;
  padding: 25px 0px;
  /*background: #3399cc*/
 }
 .content-service-main .title-service-main{
    font-family: "ROBOTOCONDENSED-REGULAR";
    font-size: 45px;
    text-align: center;
    margin-bottom: 50px;
    /*color: white;*/
 }
 .content-service-main .item-about-main{
    display: block;
    position: relative;
 }
 .content-service-main .item-about-main .box-image-about-item{
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 10px
 }
  .content-service-main .item-about-main .box-image-about-item img{
    margin: 0 auto;
    text-align: center;
 }
.content-service-main .item-about-main .box-text-about-item{
  margin-top: 30px;
  color: white;
  font-size: 16px;
  font-family: "ROBOTO-REGULAR";
  text-align: justify;
  line-height: 25px
}
.content-service-main .item-about-main .box-text-about-item .title-box-about-item{
  font-size: 28px;
  text-align: center;
  margin-bottom: 20px
}
.clear{
  display: block;
  clear: both;
}
.view-more-box {
    display: block;
    position: relative;
    padding: 0px 15px;
    margin-top: 25px;
    text-decoration: none;
}
.view-more-box .view-more-spall{
  text-align: right;
  float: right;
  padding: 8px 25px;
  background: #0099cc;
  font-size: 16px;
  color: white;
  font-family: "ROBOTOCONDENSED-BOLD";
  border: none;
}
.box-service{
  display: block;
  position: relative;
  padding: 25px 0px
}
.box-title{
  text-align: center;
  display: block;
  margin-bottom: 35px
}
.box-title .title-box {
    display: inline-block;
    font-size: 45px;
    padding: 0px 20px;
    position: relative;
    background: white;
    color: #3366cc;
    font-family: "ROBOTOCONDENSED-BOLD"
}
.box-title .title-box-item {
    display: block;
    font-size: 28px;
    position: relative;
    background: white;
    color: rgb(26, 84, 147);
    font-family: "ROBOTOCONDENSED-BOLD";
    text-align: left;
    margin-left: -15px;
}
.box-title .line-bottom {
    display: block;
    width: 100%;
    background: #3399cc;
    padding: 1px;
    margin-top: -12px;
}
.box-service .item-service-main{
  display: block;
  position: relative;
}
.box-service .item-service-main .box-item-service{
  display: block;
  position: relative;
}
.box-service .item-service-main .box-item-service .img-service-main{
  display: block;
  position: relative;
}
.box-service .item-service-main .box-item-service .img-service-main img{
  width: 100%;
  display: block;
  position: relative;
} 
.box-service .item-service-main .box-item-service .box-text-main{
  margin-top: 10px;
  display: block;
  position: relative;
  text-align: center;
}
.box-service .item-service-main .box-item-service .box-text-main h3 a{
  font-size: 25px;
  font-family: "ROBOTO-MEDIUM";
  color: #0099cc;
  text-decoration:none
}
.box-contact{
  display: block;
  position: relative;
  padding: 25px 0px
}
.box-contact .box-contact-text{
  font-size: 18px;
  font-family: "ROBOTO-REGULAR";
  color: #3366cc
}

.box-contact .box-contact-text h3{
    margin-top: 0px;
    margin-bottom: 25px;
}
.box-contact .box-contact-text-page{
  font-size: 15px;
  font-family: "ROBOTO-REGULAR";
  color: #3366cc;
  margin-top:20px
}
.box-contact .box-contact-text-page h3{
    margin-top: 0px;
    margin-bottom: 25px;
}
.box-contact-main{
  display: block;
  position: relative;
}
.box-contact-main .form-control{
  border-radius: 0px;
  margin-bottom: 17px;
  background: #a8dcee;
  border: 1px solid #3399cc;
  font-weight: bold;
  font-family: "ROBOTOCONDENSED-BOLD";
  font-size: 15px;
  height: 40px;
  color: #0099cc
}
.box-contact-main .form-control::placeholder{
color: #0099cc
}
.box-share{
  display: block;
  float: right;
}
.footer-bottom{
  background: #333333;
  font-family: "ROBOTO-REGULAR";
  font-size: 15px;
  padding: 10px 0px;
  text-align: center;
  color: white;
  }
.item-share{
  float: left;
  width: 35px;
  height: 35px;
  background: white;
  border-radius: 50%;
  text-align: center;  
  margin-left: 10px
}
.item-share i{
  line-height: 35px;
    font-size: 20px;
    color: #d92319;
}
.col-copyring{
  text-align: left;
  font-size: 15px;
  font-family: tahoma;
  margin: 7px 0px
}
.col-copyring a{
  font-weight: bold;
  color: #ff0000
}
.box-contact-main .view-more-box{
  padding: 0px
}
.box-service-page .box-item-service-page .box-img-service-page img {
    display: block;
    position: relative;
    width: 100%;
    border: 1px solid #e4e4e4
}
.box-service-page .box-item-service-page {
    display: block;
    position: relative;
    width: 100%;
    clear: both;
    padding: 25px 0px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.box-service-page .box-item-service-page:last-child{
  border: none
}
.box-service-page .box-item-service-page .box-img-service-page{
  display: block;
  position: relative;
}
.box-service-page .box-item-service-page .box-img-service-page img{
  display: block;
  position: relative;
  width: 100%
}
.box-service-page .box-text-service-page{
  display: block;
  position: relative;
  font-size: 14px;
  color: #0066cc;
  font-family: "ROBOTO-REGULAR";
  line-height: 25px;
}
.box-service-page .box-text-service-page h3{
  font-size: 25px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: "ROBOTOCONDENSED-BOLD"
}
.box-text-service-page .view-more-box{
  margin-top: 10px
}
.box-text-service-page .view-more-box .view-more-spall {
    text-align: right;
    float: right;
    padding: 4px 16px;
    background: #0099cc;
    font-size: 13px;
    color: white;
    font-family: "ROBOTO-REGULAR";
    border-radius: 5px
}
.margin-left-5{
  margin-left: 5px
}
.box-title-left {
    text-align: left;
    border-bottom: 1px dotted #d4d5d6;
    margin-bottom: 20px;
}
.box-title-left .title-box {
    display: inline-block;
    padding: 10px 10px 10px 0px;
    margin-bottom: -1px;
    font-size: 20px;
    position: relative;
    background: white;
    color: #337ab7;
    font-family: "ROBOTOCONDENSED-BOLD";
    border-bottom: 2px solid #0099cc;
}
.box-news-left{
  display: block;
  position: relative;
}
.box-news-left .item-news-left {
    display: block;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}

.item-news-left .box-img-news-left{
    float: left;
    width: 60px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-news-left .box-img-news-left a .img-news-left {
    width: 60px;
    height: 60px;
    padding: 2px;
    margin-top: 2px;
    border: solid 1px #ddd;
    background-position: center center !important;
    background-size: cover !important;
}

.item-news-left .box-text-news-left {
    margin-left: 70px;
    display: block;
    position: relative;
}

.item-news-left .box-text-news-left a h4 {
    font-size: 15px;
    line-height: 20px;
    margin: 5px 0px;
}
.Content-detail-news{
    display:block;
    position:relative
}
.featured-blog h2 {
    font-size: 18px;
    margin: 10px 0px 30px;
    line-height: 20px;
    position: relative;
    font-family: "ROBOTOCONDENSED-BOLD";
}

.featured-blog h2:after {
  left: 0;
  z-index: 1;
  width: 50px;
  height: 2px;
  content: " ";
  bottom: -10px;
  position: absolute;
  background: #00a859;
}
.featured-blog h2 a {
   line-height: 25px;
   text-decoration:none
}
.featured-blog .featured-img {
  position: relative;
  border: 1px solid gainsboro;
}

.featured-blog .featured-img:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.featured-blog .featured-img:hover:after {
  background: rgba(0,0,0,0.3);
  transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.featured-blog .featured-img > img {
  width: 100%;
}

/*Team Hover Gradient*/ 
.featured-blog .featured-img i {
  top: 60%;
  left: 50%;
  z-index: 1;
  width: 100%;
  list-style: none;
  text-align: center;
  visibility: hidden;
  position: absolute;
  margin: -17.5px 0 0 -17.5px;
  transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out; 
}

.featured-blog .featured-img:hover i {
  top: 50%;
  visibility: visible;
}

.featured-blog .featured-img i {
  color: #fff;
  width: 35px;
  height: 35px;
  padding: 11px;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  background: rgba(255,255,255,0.4);
}

.featured-blog .featured-img i:hover {
  color: #fff;
  background: #72c02c;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.sm-margin-bottom-50{
    margin-bottom:50px
}
.sm-margin-bottom-30{
    margin-bottom:30px
}
.img-service-main{
  background: #fff;
  overflow: hidden;
  position: relative;
  -webkit-backface-visibility: hidden; /*For Chrome*/
}

.img-service-main:after {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
}

.img-service-main:hover:after {
  background: rgba(0,0,0,0.5);
}

.img-service-main img {
  width: 100%;
  overflow: hidden;
  transition: all 500ms ease 0s;
}

.img-service-main:hover img {
  transform: scale(1.1) rotate(0.1deg);
}

.img-service-main .portfolio-box-in {
  left: 0;
  top: 50%;
  z-index: 1;
  width: 100%;
  min-height: 50px;
  margin-top: -25px;
  visibility: hidden;
  text-align: center;
  position: absolute;
}

.img-service-main:hover .portfolio-box-in {
  visibility: visible;
}

.portfolio-box a.fancybox:after,
.portfolio-box a.fancybox:hover:after,
.portfolio-box a.fancybox:hover .portfolio-box-in i {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;   
}

.img-service-main .portfolio-box-in i {
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 12px;
    font-size: 25px;
    line-height:32px;
    text-align: center;
    background: #ff0000;
    display: inline-block;
    border-radius:50%
}
.box-contact-page{
  display: block;
  position: relative;
}
.box-contact-page .form-control{
  border-radius: 0px;
  margin-bottom: 15px;
  background: #a8dcee;
  border: 1px solid #3399cc;
  font-weight: bold;
  font-family: "ROBOTOCONDENSED-BOLD";
  font-size: 14px;
  height: 36px;
  color: #0099cc
}
.box-contact-page .form-control::placeholder{
color: #0099cc
}
.box-contact-page label {
    font-size:14px;
    font-family:"ROBOTO-MEDIUM"    
}
.box-contact-page .color-red {
    color:red;
    margin-left:5px
}

.view-more-box.page-contact {
    display: block;
    position: relative;
    margin-top: 10px;
    text-decoration: none;
    padding:0px
}
.no-margin{
    margin:0px !important;
    padding:0px
}
.news-others {
    display:block;
    position:relative;
    padding:15px 0px; 
}
.headline {
    display: block;
    margin: 10px 0 25px 0;
    padding: 2px 0;
    border-bottom: 1px dotted #e4e9f0;
}
.headline h2 {
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid #00a859;
    font-size: 22px;
    font-family:"ROBOTOCONDENSED-BOLD"
}
.page-list.home{
    /*text-align:center*/
}
.page-list.home .pagination{
    /*margin: 0px 0px 15px;*/
    float:right
}
.page-list.home .pagination li a{
    border-radius:0px
}
.footer-center {
    background: #0099cc;
    padding: 45px 0px 15px 0px;
    font-family: "ROBOTO-REGULAR";
    font-size: 15px;
    color: white;
}
.footer-center h3 {
    font-size: 18px;
    font-family: "ROBOTO-MEDIUM";
    /*text-transform: uppercase;*/
    margin-top: 0px;
    margin-bottom: 22px;
    line-height: 2;
    /*color: #2C2C2C;*/
}
.footer-center .sanpham-footer, .share-footer, .contact-footer {
    margin-bottom: 20px;
    text-decoration: none !important;
    line-height: 2;
}
.contact-footer p{
    margin:0px
}
.footer-center .sanpham-footer {
    display: block;
    position: relative;
    color: #2c2c2c;
}
.footer-center .sanpham-footer ul {
    margin: 0;
    list-style: none;
    padding: 0px;
}
.footer-center .sanpham-footer ul li a {
    color: #2c2c2c;
}
.footer-center .sanpham-footer ul li a,
.footer-center .sanpham-footer a {
    text-decoration: none;
}
.share-footer div .item-sharefooter {
    float: left !important;
    border: 2px solid #595959;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    text-align: center;
    padding-top: 7px;
    margin-left: 10px;
}
.share-footer div .item-sharefooter i {
    font-size: 16px;
    color: #2C2C2C;
}
.text-right{
  text-align: right !important;
}
.img-gallery{
    display:block;
    position:relative;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    width:100%;
    height:200px;
}
.img-news-others{
    display:block;
    position:relative;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    width:100%;
    height:180px;
}
.img-news
{
    display:block;
    position:relative;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    width:100%;
    height:220px;
}
.active-menu {
    color: #ff0000 !important;
}