body, html, div, blockquote, p,
h1, h2, h3, h4, h5, h6, pre, ol, dl, dt,
dd, form, a, input, fieldset{margin:0px;padding:0px;border:none;color:#666666;font-size:16px;font-family: 'Roboto-Regular';}
h1, h2, h3, h4, h5, h6{margin:0px;padding:0px;color:#666666;font-size:16px;font-family: 'Roboto-Regular';}
ul,li, ol{list-style:none;margin:0px;padding:0px;color:#333333;font-size:16px;font-family: 'Roboto-Regular';}
img{border:none;padding:0px;}
a{text-decoration:none;cursor:pointer;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out;cursor: pointer;}
  a:hover{
    text-decoration: none;
  }
.clearfix{clear:both}
  @font-face {
   font-family: 'Roboto-Thin';
   src: url('../fonts/Roboto-Thin.svg');
   src: url('../fonts/Roboto-Thin?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto-Thin.ttf') format('truetype'), url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Roboto-Light';
   src: url('../fonts/Roboto-Light.svg');
   src: url('../fonts/Roboto-Light?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Roboto-Regular';
   src: url('../fonts/Roboto-Regular.svg');
   src: url('../fonts/Roboto-Regular?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Roboto-Medium';
   src: url('../fonts/Roboto-Medium.svg');
   src: url('../fonts/Roboto-Medium?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Roboto-Bold';
   src: url('../fonts/Roboto-Bold.svg');
   src: url('../fonts/Roboto-Bold?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Roboto-Black';
   src: url('../fonts/Roboto-Black.svg');
   src: url('../fonts/Roboto-Black?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
   font-weight: normal;
   font-style: normal;
}
.fancybox-overlay-fixed{
  z-index: 9999999 !important;
}
.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
     text-shadow: none; 
     -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
     border-radius: 0px; 
     box-shadow: none;
}
.intro-inside.list-news-details .box-news-list >div:nth-child(2) >div{
  margin-bottom: 15px;
}
.intro-inside.list-news-details .box-news-list .box-content-news h2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.intro-inside.list-news-details .box-news-list .box-content-news p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.box-share {
  margin-top: 20px;
  text-align: right;
}
.box-share ul li{
  display: inline-block;
  margin: 0px 5px;
}
.box-share ul li a{
  display: block;
  color: #fff;
}
.box-share ul li a .fa-facebook-f {
    background: #385898;
    padding: 9px 12px;
}
.box-share ul li a .fa-youtube {
    background: #f3141c;
    padding: 9px 9px;
}
.box-content-news-details p{
  font-family: 'Roboto-Regular' !important;
}
.top-button {
    position: fixed;
    bottom: 50px;
    right: 15px;
    z-index: 992;
}
.box-cong-nghe-slider{
  position: relative;
}
.box-cong-nghe-slider .padding-left-0{
  padding-left: 15px;
}
.box-cong-nghe-slider .slick-next {
    right: -20px;
    top: 45%;
    background: url(../images/next.svg) center center no-repeat;
    height: 25px;
    width: 25px;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.box-cong-nghe-slider .slick-prev {
    left:  -20px;
    top: 45%;
    display: block;
    z-index: 99;
    background: url(../images/back.svg) center center no-repeat;
    height: 25px;
    width: 25px;
  -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.box-cong-nghe-slider .slick-prev:before,  .box-cong-nghe-slider .slick-next:before {
    content: "";
}
.box-cong-nghe-slider .slick-prev:hover,  .box-cong-nghe-slider .slick-prev:focus{
    background: url(../images/back.svg) center center no-repeat;
 }  
.box-cong-nghe-slider .slick-next:hover,   .box-cong-nghe-slider .slick-next:focus {
    background: url(../images/next.svg) center center no-repeat;
}
.box-cong-nghe-slider .slick-prev:before,  .box-cong-nghe-slider .slick-next:before {
    display: none;
 }



#login_form .help-block {
    position: absolute;
    font-size: 14px;
    width: 100%;
    bottom: -20px;
    text-align: left;
}
#login_form .form-group {
    margin-bottom: 25px;
    position: relative;
}
.box-content-news-details img{
  max-width: 100% !important;
  height: auto;
}
.help-block{
  position: absolute;
  font-size: 14px;
}
.intro-right img{
  width: 100%;
}
 div.padding-5.box-content-pop{
  padding-left: 15px;
  padding-right: 15px;
  min-height: 260px;
 }
.project-img , .sys-img , .box-img{
    overflow: hidden;
    position: relative;
  }
.project-img:before , .sys-img:before , .box-img:before{
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 299;
    display: block;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%) !important;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.project-img:hover:before  , .sys-img:hover:before , .box-img:hover:before{
    -webkit-animation: shine 1s;
    animation: shine 1s
  }
    @-webkit-keyframes shine {
        100% {
          left: 125%
        }
    }

    @keyframes shine {
      100% {
        left: 125%
      }
    }

.introduce .view-more {
    margin-top: 20px;
    display: block;
}
#main-menu{
  margin-left: -70px;
}
.box-content-details-inside {
  margin-bottom: 30px;
}
.box-content-details-inside h2{
  font-size: 20px;
  line-height: 1.4;
  font-family: 'Roboto-Medium';
  color: #f3141c;
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 20px;
}
.box-news-list.box-details-inside h5{
    text-transform: uppercase;
    font-size: 23px;
    display: block;
    color: #b0040a;
    text-align: left;
    padding-left: 15px;
}
ul.list-year{
  padding-left: 15px;
  margin-top: 30px;
}
ul.list-year h3{
    font-family: 'Roboto-Bold';
    font-size: 18px;
    color: #ac2b28;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: -15px;
}
ul.list-year li{
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
ul.list-year li:before{
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #b01f24;
  left: -15px;
  top: 7px;
  z-index: 9;
}
.list-year li.active{
  margin-left: 10px;
}
.list-year li.active a{
  color: #f3141c;
  }

.box-list-news-inside{
  padding-left: 70px;
}
.list-news-inside .box-pagination {
     text-align: left;
     padding-left: 10px; 
}
div.padding-5{
  padding-left: 5px;
  padding-right: 5px;
}
/*RECRUITMENT*/
.box-recruitment-top h3{
  font-size: 18px;
  color: #990000;
  line-height: 24px;
  font-family: 'Roboto-Regular';
  margin: 10px 0px;
}
.box-recruitment-bot h5{
    font-size: 20px;
  color: #f3141c;
  line-height: 24px;
  font-family: 'Roboto-Medium';
  margin: 10px 0px;
  text-transform: uppercase;
}
/*TU VAN*/
  h3.title-tv{
    color: #b0040a;
    font-size: 24px;
    line-height: 1.2;
    font-family: 'Roboto-Medium';
    padding-left: 15px;
    text-transform: uppercase;
}
.box-question{
  margin-bottom: 50px;
  margin-top: 30px;
}
.box-ques-content{
  text-align: center;
}
.box-ques-content h5{
  font-size: 28px;
  color: #b61116;
  text-align: center;
   font-family: 'Roboto-Regular';
}
.box-btn{
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-family: 'Roboto-Black';
  background: #f3141c;
  padding: 12px 0px;
  margin-top: 15px;
}
.box-content-tu-van-details .title-tv{
  text-transform: unset;
  color: #b0040a;
  font-size: 28px;
}
.v_recruitment:before {
    position: absolute;
    background: url(../images/view-more.svg) center center no-repeat;
    width: 12px;
    height: 12px;
    content: '';
    right: 0px;
    background-size: 12px;
    top: 4px;
}
.carret.collapsed .v_recruitment:before{
 transform: rotate(0deg);
}
.carret .v_recruitment:before{
 transform: rotate(180deg);
}
.list-question .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    border: none;
    margin-bottom: 20px;
}
.list-question .panel-body {
    padding: 15px;
    padding-top: 0px;
}
.vacancies{
  font-size: 18px;
  color: #f3141c;
  font-family: 'Roboto-Bold';
}
.box-answer{
  padding: 10px 40px;
}
.box-answer h6{
  font-size: 18px;
  color: #990000;
  font-family: 'Roboto-Bold';
  margin: 10px 0px 15px;
}
.box-answer  p{
  color: #333333;
  font-size: 16px;
}
/*NEWS*/
.list-news p.date-time{
  font-size: 16px;
  color: #999999;
  font-family: 'Roboto-Regular';
  margin: 10px 0px;
}
.box-news-de-right{
  padding-top: 30px;
}
.list-news .box-news-list h2 {
    font-size: 18px;
}
.box-content-news-details h2{
  color: #b0040a;
  font-size: 28px;
  line-height: 1.2;
  font-family: 'Roboto-Medium';
  margin-bottom: 10px;
}
/*DU AN*/
.duan-cttieubieu .project.project-inside .box-img-text {
    position: absolute;
    left: 3%;
    right: 3%;
    bottom: 10px;
    z-index: 9;
    padding: 7px;
    background: #fff;
}
.duan-cttieubieu .project.project-inside .box-img-text .box-text-des p {
    line-height: 25px;
    font-size: 20px;
    padding-left: 20px;
}
.duan-cttieubieu .project.project-inside .box-img-text .box-text-des a {
  font-size: 15px;
  padding-left: 20px;
  color: #333333;
}
.duan-cttieubieu .project.project-inside .box-img-text .box-text-des a i{
  margin-left: 5px;
  color: #ed1c24;
}
.box-img-slider-du-an{
  position: relative;
}
div.pro-box-top , div.pro-box-bottom{
    padding-left: 0px;
    padding-right: 0px;
}


.box-img-slider-du-an .slick-next {
    right: 15px;
    top: 30px;
    background: url(../images/next-f.svg) center center no-repeat;
    height: 30px;
    width: 30px;
    background-size: 18px;
    opacity: 1;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color: #ed1c24;
}
.box-img-slider-du-an .slick-prev {
    top: 30px;
    left:  auto;
    right: 55px;
    display: block;
    z-index: 99;
    background: url(../images/back-f.svg) center center no-repeat;
    opacity: 1;
    height: 30px;
    width: 30px;
    background-size: 18px;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color: #ed1c24;
   
}
.box-img-slider-du-an .slick-prev:hover, .box-img-slider-du-an .slick-prev:focus{
   background: url(../images/back-f.svg) center center no-repeat;
   background-size: 18px;
  background-color: #ed1c24;
 }  
.box-img-slider-du-an .slick-next:hover,  .box-img-slider-du-an .slick-next:focus {
    background: url(../images/next-f.svg) center center no-repeat;
    background-size: 18px;
    background-color: #ed1c24;
}
.box-img-slider-du-an .slick-prev:before,  .box-img-slider-du-an .slick-next:before {
   display: none;
  }
  .title-t.text-t-number{
    display: inline-block;
    line-height: 50px;
    
  }
.title-t.text-t-number span {
    /* display: block; */
    color: #fff;
    background: red;
    width: 50px;
    height: 50px;
    text-align: center;
    font-family: 'Roboto-Regular';
    /* padding: 7px; */
    font-size: 38px;
    display: inline-block;
}
.box-news-list h2 , .box-news-list h2 a{
  font-size: 20px;
  color: #333333;
  font-family: 'Roboto-Medium';
  line-height: 25px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 10px;
}
.sub-content .box-news-list p {
  color: #333333;
}
.box-news-list a.view-details{
   font-size: 16px;
   color: #b0040a;
}
.box-news-list a.view-details i{
   margin-left: 5px;
}
.box-news-list {
  margin-top: 20px;
}
.box-pagination{
  text-align: center;
}
.box-pagination .pagination li{
 display: inline-block;
   margin-left: 5px;
  margin-right: 5px;
}
.box-pagination .pagination>li>a, .box-pagination .pagination>li>span{
  border-radius: 0px;
  background: #cecece;
  color: #000000;
  font-size: 16px;
  font-family: 'Roboto-Bold';
  border: none;
  padding: 6px 9px;
}
.box-pagination .pagination>li.active>a{
 color: #ffffff;
 background: #f3141c;
}
.box-news-list  >div{
  margin-bottom: 20px;
}
.box-content-news-details img{
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.box-content-news-details h3{
  font-size: 24px;
  color: #333333;
  margin-bottom: 10px;
  text-transform: uppercase;
  margin-top: 20px;
}
.box-content-news-details{
  margin-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 30px;
}
.box-content-news-details p{
  color: #333333;
}
/*MAP*/
.map{
  margin-top: 10px;
}
#map {
    height: 600px;}
.popup-tip-anchor {
    height: 0;
    position: absolute;
    width: 200px;
}
.popup-bubble-anchor {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}
.popup-bubble-content {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -100%);
    background-color: white;
    padding: 5px;
    border-radius: 5px;
    font-family: sans-serif;
    overflow-y: auto;
    max-height: 60px;
    box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
}
.map .gm-style-pbt {
    font-size: 22px;
    color: white;
    font-family: Roboto,Arial,sans-serif;
    position: relative;
    margin: 0;
    top: 50%;
    text-align: center !important;
    z-index: 99 !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.popup-bubble-content img{
  height: 30px;
    width: 80px;
    margin: 0px !important;
}
.gm-style img {
    max-width: none;
}

.map div div div div div div div, .map-link-pos div div div div div div {
    z-index: 99 !important;
}
.popup-bubble-anchor::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: /* TIP_HEIGHT= */ 7px solid #ffffff;
    z-index: 99;
}
.box-address{
  margin-top: 30px;
}
.box-t-add {
  margin-bottom: 20px;
}
.box-t-add h3{
  text-transform: uppercase;
  font-size: 23px;
  display: block;
  color: #b0040a;
  text-align: left;
  font-weight: bold;
}
.box-t-add a{
  font-size: 25px;
  color: #f3141c;
  font-family: 'Roboto-Black';
  text-align: right;
  display: block;
}
/*END MAP*/
/*SAN PHAM BE TONG*/
.intro-inside img{
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
}
 .intro-inside.sp-betong p strong{
  margin-bottom: 4px;
}
.betong-box-popup{
  position: relative;
  margin: 40px 0px 0px;
}
.betong-box-popup button.close{
  opacity: 1;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 44;
}
.betong-box-popup button.close img{
  margin: 10px;
}
.betong-box-popup .modal-content h5{
  font-family: 'Roboto-Black';
  font-size: 20px;
  text-transform: uppercase;
  color: #b0040a;
  margin-bottom: 20px;
}
.betong-box-popup .modal-content p{
  margin-bottom: 7px;
}
.betong-box-popup .modal-content ul li{
  list-style: none;
  list-style-type: none;
  position: relative;
  padding-left: 10px;
  margin-top: 7px;
}
.betong-box-popup .modal-content >ul >li:before{
 content: "";
 position: absolute;
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: #b0040a;
 z-index: 5;
 left: -5px;
 top: 8px;
}
.betong-box-popup .modal-content >ul >li ul li:before{
   content: "";
   position: absolute;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #fff;
   border: 1px solid #b0040a;
   z-index: 5;
   left: -5px;
   top: 8px;
  }
.betong-box-popup .modal-content strong{
  display: initial;
}
.betong-box-popup >div.col-md-12.padding-0{
 margin-bottom: 40px;
}
.betong-box-popup .modal{
  position: fixed;
  padding: 0px !important;
}
.betong-box-popup .modal-dialog{
  width: 100%;
  margin: 0;
  position: relative;
  bottom: 0px;
  left: 0px;
  top: 0px;
  right: 0px;
  top: 30%;
  z-index: 5;

}
.body-popup-betong .modal-backdrop{
  display: none;
}
.betong-box-popup  .modal-content{
  border-radius: 0px;
  border: 2px solid #f3141c;
  bottom: auto;
  left: auto;
  right: auto;
  z-index: 5;
  padding: 30px;
  width: 60%;
  margin: 0 auto;
  top: 30%;
}
.betong-box-popup  .box-img{
  position: relative;
  overflow: hidden;
}
.betong-box-popup .box-content-pop .box-img:before{
  content: "";
  position: absolute;
  display: none;
  left: 0px !important;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 9;
  width: 100%;
  background: rgba(169,55,52,0.5) !important;
  transition: initial;
  animation: initial;
  transform: initial;
}
.betong-box-popup .box-img:hover:before{
 display: block;
}
.betong-box-popup .box-img img{
  margin: 0px;
}
p.details-text{
  position: absolute;
  display: none;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff !important;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 15;
  width: 100%;
    text-align: center;
}
p.details-text i{
  margin-left: 4px;
}
.betong-box-popup .box-img:hover .details-text{
  display: block;
}
.box-content-pop h3{
  font-size: 16px;
  color: #666666;
  margin-top: 10px;
  line-height: 23px;
  text-align: center;
}
.intro-inside .box-quipment-bom p {
  text-align: center;
}
.intro-inside .box-quipment-bom p strong{
  display: initial;
}










/*GIOI THIEU*/
.title-t{
	font-size: 40px;
	color: #b0040a;
	font-family: 'Roboto-Black';
	text-transform: uppercase;
	text-align: center;
	margin: 15px 0px;
}
.title-t i{
	font-size: 21px;
	margin-left: 0px;
}
.title-t.text-left{
text-align: left;
}
.banner-inside{
	height: 230px;
	display: table;
	width: 100%;
  margin-top: 80px;
}
.banner-inside.banner-news-login{
 height: 400px;
}
.text-banner{
	display: table-cell;
	vertical-align: middle;
}
.text-banner h1{
	text-align: center;
	color: #f3141c;
	font-size: 50px;
	font-family: 'Roboto-Black';
  text-transform: uppercase;
}
div.padding-0{
	padding-left: 0px;
	padding-right: 0px;
}
.intro-inside .choose-icon{
	height: auto;
}
.intro-inside .choose-icon img{
	height: 45px;
	width: 45px;
}
.intro-inside .choose-icon h5{
	padding-left: 0px;
	color: #b0040a;
	margin-bottom: 10px;
	font-size: 16px;
	font-family: 'Roboto-Bold';
}
.why-choose-inside{
	margin-top: 20px;
}
.text-center{
	text-align: center !important;
}



/*TIMELINE*/

@media (min-width: 1000px) {
#timeline .demo-card:nth-child(odd) .head::after, #timeline .demo-card:nth-child(even) .head::after {
    position: absolute;
    content: "";
    width: 45px;
    height: 1px;
    background: #f3141c;
    right: -43px;
    top: 25px;
}

#timeline .demo-card:nth-child(odd) .head::before, #timeline .demo-card:nth-child(even) .head::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background-color: #f3141c;
    border-radius: 50%;
    top: 18px;
}
}



#timeline {
  padding: 35px 0;
}
#timeline h1 {
  text-align: center;
  font-size: 3rem;
  font-weight: 200;
  margin-bottom: 20px;
}
#timeline p.leader {
  text-align: center;
  max-width: 90%;
  margin: auto;
  margin-bottom: 45px;
}
#timeline .demo-card-wrapper {
  position: relative;
  margin: auto;
}
#timeline .demo-card p{
	font-size: 16px;
	color: #666666;
	font-family: 'Roboto-Bold';
	line-height: 24px;
}
@media (min-width: 1000px) {
  #timeline .demo-card-wrapper {
    width: 100%;
  /*  height: 3145px;*/
    margin: 0 auto;
  }
}
#timeline .demo-card-wrapper >div::after {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 1px solid rgba(191, 191, 191, 0.4);
}
@media (min-width: 1000px) {
  #timeline .demo-card-wrapper::after {
    border-left: 1px solid #bdbdbd;
  }
}
#timeline .demo-card {
  position: relative;
  display: block;
  margin: 10px auto 0px;
  max-width: 94%;
  z-index: 2;
  float: left;
}
/*@media (min-width: 480px) {
  #timeline .demo-card {
    max-width: 60%;
    
  }
}
@media (min-width: 720px) {
  #timeline .demo-card {
    max-width: 40%;
  }
}*/
@media (min-width: 1000px) {
#timeline .demo-card {
    /*max-width: 480px;*/
    width: 46%;
    height: 350px;
    /*margin: 60px;
    margin-top: 45px;
    margin-bottom: 45px;*/
}
  #timeline .demo-card:nth-child(odd) {
    margin-right: 45px;
    margin-top: 10px;
  }
  #timeline .demo-card:nth-child(odd) .head::after {
    left: 100%;
  }
  #timeline .demo-card:nth-child(odd) .head::before {
      left: 563.5px;
  }
  #timeline .demo-card:nth-child(even) {
    margin-left: 45px;
    margin-top: 50px;
  }
  #timeline .demo-card:nth-child(even) .head::after {
    right: 100%;
  }
  #timeline .demo-card:nth-child(even) .head::before {
      right:  560.5px;
  }
  /*#timeline .demo-card:nth-child(2) {
    margin-top: 90px;
  }*/
}
#timeline .demo-card .head {
  position: relative;
}
#timeline .demo-card .head .number-box {
  display: inline;
  float: left;
  margin: 15px;
  padding: 10px;
  font-size: 35px;
  line-height: 35px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.17);
}
#timeline .demo-card .head{
	text-align: right;
	background: none !important;
}
#timeline .demo-card .head.right{
	text-align: left;
}
#timeline .demo-card .head h2 {
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px 20px;
	background: red;
	font-size: 19px;
	font-family: 'Roboto-Bold';
}

#timeline .demo-card .head h2 span {
  display: block;
  font-size: 0.6rem;
  margin: 0;
}
@media (min-width: 480px) {
  #timeline .demo-card .head h2 span {
    font-size: 0.8rem;
  }
}
#timeline .demo-card .body {
/*  background: #fff;
  border: 1px solid rgba(191, 191, 191, 0.4);*/
  border-top: 0;
  padding: 0px;
  margin-top: 10px;
}
@media (min-width: 1000px) {
  #timeline .demo-card .body {
    height: 315px;
  }
}
#timeline .demo-card .body p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
}
#timeline .demo-card .body img {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
/* END TIMELINE*/

.title-s{
	font-size: 30px;
	color: #f3141c;
	text-transform: uppercase;
	margin: 10px 0px 20px;
}
.intro-inside.tam-nhin-su-menh h5{
  font-size: 16px;
  font-family: 'Roboto-Bold';
  color: #b0040a;
  margin: 10px 0px;
}
.intro-inside.tam-nhin-su-menh strong{
	font-family: 'Roboto-Bold';	
}
.cycle-content{
	width: 100%;
	background-size: contain;
}
.cycle-content p{
	text-align: center !important;
}
.cycle-box>div{
	padding-right: 10px;
	padding-left: 10px;
}
.cycle-content img{
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.cycle-content1{
	background: url(../images/tontrong.png) center center no-repeat;
}
.view-miss{
	margin-top: 20px;
}
.download-brand{
	width: 300px;
	border: 1px solid #b0040a;
	padding: 7px;
	margin: 0 auto;
  margin-top: 20px;
}
.thu-ngo .download-brand img{
	width: 35px;
	height: 40px;
	display: block;
	margin: 0 auto;
}
.download-brand h6{
	color: #e42b2d;
	font-size: 18px;
	font-family: 'Roboto-Bold';
	margin-top: 8px;	
}
.download-brand div.download-text{
	padding-left: 0px;
}
.intro-inside.co-cau-to-chuc h2{
	font-size: 24px;
	color: #000000;
	font-family: 'Roboto-Regular';
	text-align: center;
	text-transform: uppercase;
}
.intro-inside.co-cau-to-chuc img{
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.title-per{
	font-size: 18px;
	color: #b22a26;
	text-transform: uppercase;
	font-family: 'Roboto-Bold';
	margin-bottom: 20px;
	margin-top: 10px;
  line-height: 1.3;
}
.title-per span{
	font-family: 'Roboto-Regular';
}
.infor-per{
	margin-top: 20px;
	margin-bottom: 10px;
}

/*NANG LUC*/
.slider-betong {
	position: relative;
}
.slider-betong img{
	display: block;
	margin: 0 auto;
}
.slider-betong .slider-content p{
   text-align: center !important;
   margin-top: 10px;
}

 .slider-betong .slick-next {
    right: 0px;
    top: 45%;
    background: url(../images/next-f.svg) center center no-repeat;
    background-size: 15px;
    height: 40px;
    width: 40px;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color:  #b01f24;
}
 .slider-betong .slick-prev {
    left:  0px;
    top: 45%;
    display: block;
    z-index: 9999;
    background: url(../images/back-f.svg) center center no-repeat;
    background-size: 15px;
    height: 40px;
    width: 40px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color:  #b01f24;
}
.slider-betong .slick-prev:before,  .slider-betong .slick-next:before {
  	content: "";
}
 .slider-betong .slick-prev:hover,  .slider-betong .slick-prev:focus{
    background: url(../images/back-f.svg) center center no-repeat;
    background-color:  #b01f24;
    background-size: 15px;
 }  
 .slider-betong .slick-next:hover,   .slider-betong .slick-next:focus {
    background: url(../images/next-f.svg) center center no-repeat;
    background-color:  #b01f24;
    background-size: 15px;
}
 .slider-betong .slick-prev:before,  .slider-betong .slick-next:before {
   	display: none;
  }
.title-box-s{
	font-size: 22px;
	color: #f3141c;
	text-transform: uppercase;
	font-family: 'Roboto-Regular';
}
.text-right{
	text-align: right;
}
div.padding-0.you-know{
	border-left: 3px solid #f3141c;
	background: #f4f4f4;
	padding: 40px 30px 20px;
}
.margin-20{
	margin-top: 30px;
}
.margin-10{
	margin-top: 10px;
}
.padding-left-0{
	padding-left: 0px;
}
.padding-right-0{
	padding-right: 0px;
}
.box-card-details img {
 display: block;
 margin: 0 auto;
}
.box-card-details h6{
	font-family: 'Roboto-Bold';	
	font-size: 20px;
	color: #000000;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
}
.box-card-details p{
	font-family: 'Roboto-Regular';
	font-size: 16px;
	text-align: center !important;
}
.quality-box ul{
	padding-left: 15px;
  margin-left: 20px;
}
.quality-box ul li{
	font-family: 'Roboto-Regular';
	font-size: 16px;
	margin-top: 10px;
	line-height: 24px;
	position: relative;
}
.quality-box ul li:before{
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #b0040a;
	left: -20px;
	top: 7px;
	z-index: 9;
}
.quality-box p{
	margin-top: 10px;
}
.quality-des{
	font-size: 18px;
	font-family: 'Roboto-Bold';	
	width: 75%;
	margin: 0 auto;
	text-align: center !important;
}
.slider-nhansu{
	position: relative;
}
.slider-nhansu img{
	display: block;
	margin: 0 auto;
}
.slider-nhansu h5{
	color: #f3141c;
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'Roboto-Regular';
	margin: 15px 0px 10px;
}
.slider-nhansu .slick-next {
    right: -10px;
    top: 45%;
    background: url(../images/next.svg) center center no-repeat;
    height: 25px;
    width: 25px;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
 .slider-nhansu .slick-prev {
    left:  -10px;
    top: 45%;
    display: block;
    z-index: 9999;
    background: url(../images/back.svg) center center no-repeat;
    height: 25px;
    width: 25px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.slider-nhansu .slick-prev:before,  .slider-nhansu .slick-next:before {
  	content: "";
}
 .slider-nhansu .slick-prev:hover,  .slider-nhansu .slick-prev:focus{
    background: url(../images/back.svg) center center no-repeat;
 }  
.slider-nhansu .slick-next:hover,   .slider-nhansu .slick-next:focus {
    background: url(../images/next.svg) center center no-repeat;
}
.slider-nhansu .slick-prev:before,  .slider-nhansu .slick-next:before {
   	display: none;
 }
.tech-img-small{
	position: relative;
	margin-top: 20px;
}
.tech-img-small img{
	display: block;
	margin: 0 auto;
}
.tech-img-small .slick-next {
    right: -20px;
    top: 45%;
    background: url(../images/next.svg) center center no-repeat;
    height: 20px;
    width: 20px;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.tech-text{
	background: #f4f4f4;
	padding-left: 10px !important;
	padding-top: 30px;
	padding-bottom: 25px;
	position: relative;
	padding-right: 10px;
}

 .tech-img-small .slick-prev {
    left:  -20px;
    top: 45%;
    display: block;
    z-index: 9999;
    background: url(../images/back.svg) center center no-repeat;
    height: 20px;
    width: 20px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.tech-img-small .slick-prev:before,  .tech-img-small .slick-next:before {
  	content: "";
}
.tech-img-small .slick-prev:hover,  .tech-img-small .slick-prev:focus{
    background: url(../images/back.svg) center center no-repeat;
 }  
.tech-img-small .slick-next:hover,   .tech-img-small .slick-next:focus {
    background: url(../images/next.svg) center center no-repeat;
}
.tech-img-small .slick-prev:before,  .tech-img-small .slick-next:before {
   	display: none;
 }
 .tech-img-small .slider-img.slick-slide.slick-current.slick-active img{
 	border: 1px solid #f3141c;
 }
 .tech-img-small img{
	display: block;
	margin: 0 auto;
}
.slider-facility {
	position: relative;
}
.slider-facility img{
	display: block;
	margin: 0 auto;
}
.slider-facility h5 {
	color: #f3141c;
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'Roboto-Regular';
	margin: 0px;
}
.facy-box-des{
	background: #f4f4f4;
	padding: 20px 15px 10px 30px;
	border-left: 5px solid #b0040a;
}
.slider-resource  .facy-box-des {
    padding: 15px 10px 15px 10px;
}
.slider-facility .slick-next {
    right: -20px;
    top: 45%;
    background: url(../images/next.svg) center center no-repeat;
    height: 25px;
    width: 25px;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.slider-facility .slick-prev {
    left:  -20px;
    top: 45%;
    display: block;
    z-index: 9999;
    background: url(../images/back.svg) center center no-repeat;
    height: 25px;
    width: 25px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.slider-facility .slick-prev:before,  .slider-facility .slick-next:before {
  	content: "";
}
.slider-facility .slick-prev:hover,  .slider-facility .slick-prev:focus{
    background: url(../images/back.svg) center center no-repeat;
 }  
.slider-facility .slick-next:hover,   .slider-facility .slick-next:focus {
    background: url(../images/next.svg) center center no-repeat;
}
.slider-facility .slick-prev:before,  .slider-facility .slick-next:before {
   	display: none;
 }
.slider-resource{
	position: relative;
}
.slider-resource .slider-img{
	position: relative;
}
.slider-resource .slider-img .facy-box-des{
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0px;
	content: "";
	border: none;
	z-index: 9;
	background: rgba(10, 10, 10, 0.6);
	/*padding: 10px 10px;*/
}
.slider-resource .slider-img img{
	display: block;
	margin: 0 auto;
  width: 100%;
}
.slider-resource .slider-img .facy-box-des p{
display: none;
}
.slider-resource .slider-img .facy-box-des h5{
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 17px;
	margin-bottom: 5px;
}
.slider-resource .slider-img .facy-box-des p{
	color: #fff;
	margin-bottom: 0px;
	line-height: 23px;
  text-align: center;
}
.slider-resource .slider-img:hover .facy-box-des p{
	display: block;
}
.slider-resource .slider-img:hover .facy-box-des {
	background: rgba(21,101,176,0.9);
}
.slider-resource .slick-next {
    right: -20px;
    top: 45%;
    background: url(../images/next.svg) center center no-repeat;
    height: 25px;
    width: 25px;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.slider-resource .slick-prev {
    left:  -20px;
    top: 45%;
    display: block;
    z-index: 9999;
    background: url(../images/back.svg) center center no-repeat;
    height: 25px;
    width: 25px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.slider-resource .slick-prev:before,  .slider-resource .slick-next:before {
  	content: "";
}
.slider-resource .slick-prev:hover,  .slider-resource .slick-prev:focus{
    background: url(../images/back.svg) center center no-repeat;
 }  
.slider-resource .slick-next:hover,   .slider-resource .slick-next:focus {
    background: url(../images/next.svg) center center no-repeat;
}
.slider-resource .slick-prev:before,  .slider-resource .slick-next:before {
   	display: none;
 }



  
/*GIAI THUONG*/

.slider-giai-thuong  img{
  display: block !important;
  max-width: 100%;
  margin: 0 auto;
}
.slider-giai-thuong .box-img{
 border: 1px solid #ccc;
 text-align: center;
}
.slider-giai-thuong h3{
  font-size: 16px;
  color: #666666;
  margin: 10px 0px;
  line-height: 22px;
}
.slider-giai-thuong .col-md-4{
  margin-bottom: 20px;
  height: 320px;

}














/*COMMENT*/
.content-comment {
    font-family: "SFUFuturaBook";
    font-size: 14px;
    color: #4e4e4e;
}
.sub-content .news .content-comment h5{
	text-transform: inherit;
	font-size: 14px;
}
.sub-content .content-comment p {
    line-height: 25px;
    margin-bottom: 0px;
    text-align: justify;
}
legend {
	display: block;
	-webkit-padding-start: 2px;
	-webkit-padding-end: 2px;
	border-width: initial;
	border-style: none;
	border-color: initial;
	border-image: initial;
	margin-bottom: 10px;
}
fieldset {
	display: block;
	-webkit-margin-start: 2px;
	-webkit-margin-end: 2px;
	-webkit-padding-before: 0.35em;
	-webkit-padding-start: 0.75em;
	-webkit-padding-end: 0.75em;
	-webkit-padding-after: 0.625em;
	min-width: -webkit-min-content;
	border-width: 2px;
	border-style: groove;
	border-color: threedface;
	border-image: initial;
}
fieldset.comment-border {
	border: 1px solid #ffffff !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	-webkit-box-shadow:  0px 0px 0px 0px #000;
	box-shadow:  0px 0px 0px 0px #000;
}
.comment .content-comment .form-group{
	padding: 0;
	margin-top: 10px;
}
.comment {
	margin-top: 30px;
}
legend.comment-border {
	font-size: 1.2em !important;
	font-weight: bold !important;
	text-align: left !important;
	width:auto;
	padding:0 10px;
	border-bottom:none;
}
.col-md-12.comment{
	padding: 0;
}
.btn-send-comment{
	width: 100px;
	height: 35px;
	background: #ed1c24;
	color: #ffffff;
	font-family: "SFUFuturaBold";
	font-size: 14px;
	margin-top: 5px;
	border: none;
}
.comment legend{
	font-family: "SFUFuturaBook";
	font-size: 16px;
	color: #ed1c24; 
	text-transform: uppercase;
	position: relative;
	width: 100%;
}
.comment legend:after{
	content: "";
	position: absolute;
	width: 82%;
	height: 1px;
	background: red;
	left: 15%;
	top: 15px;
}
.comment .content-comment h5{
font-family: "SFUFuturaBold";
font-size: 14px;
color: #4e4e4e;
}
.comment .content-comment h6{
font-family: "SFUFuturaBook";
font-size: 14px;
color: #b9b4b4;
}

.comment .content-comment p{
font-family: "SFUFuturaBook";
font-size: 14px;
color: #4e4e4e;
}
/*DU AN*/
.du-an-content {
	margin-top: 40px;
}
.du-an-content ul.nav-tabs{
margin-top: 10px;
margin-bottom: 30px;
border-top: 1px solid #e2a1a1;
border-bottom: 1px solid #e2a1a1;
width: 53%;
margin: 0 auto;
}
.du-an-content ul li:nth-child(1){
	padding-left: 20px;
}
.du-an-content  .tab-content{
margin-top: 50px;
}
.du-an-content .nav-tabs>li.active>a, .du-an-content .nav-tabs>li.active>a:focus, .du-an-content .nav-tabs>li.active>a:hover {
    color: rgba(235,34,39,0.88);
    cursor: default;
    font-family: "SFUFuturaBold";
    background:none;
    border: none;
}
.du-an-content .nav-tabs>li>a:hover {
   border: none;
   background: none;
}
.du-an-content ul li a{
font-family: "SFUFuturaRegular";
font-size: 16px;
color: #333333;
text-transform: uppercase;
border: none;
border-radius: 0;
}
.project-thumb h5{
	font-family: "SFUFuturaBold";
	font-size: 16px;
	color: #333333;
	line-height: 25px;
	text-transform: uppercase;
	margin-top: 10px;
}
.project-thumb .project-img{
	position: relative;
}
.project-img img{
	display: block;
	margin: 0 auto;
}
.project-thumb .project-img:hover .overlay-pro{
	display: block;
	transition: all 0.5s ease-in-out;
}
.project-thumb .overlay-pro{
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #333;
opacity: 0.7;
}
.project-thumb .overlay-pro img{
	width: 30px;
	height: auto;
	position: absolute;
	left: 45%;
	top: 45%;
	z-index: 9999;
	transition: all 0.5s ease-in-out;
}
.modal-project .modal-dialog {
    width: 55%;
    margin: 0 auto;
    margin-top: 20%;
}
.modal-project .modal-content{
	padding-top: 10px;
	padding-bottom: 30px;
	position: relative;
}
.modal-project .modal-content button.close{
	position: absolute;
	top: 0;
	right: 5px;
	cursor: pointer;
	z-index: 9999;
}
.modal-project .modal-content h4{
	font-family: "SFUFuturaBold";
	font-size: 17px;
	color: #333333;
	line-height: 25px;
	text-transform: uppercase;
	position: relative;
}
.modal-project .modal-content h4:before{
	content: "";
	position: absolute;
	width: 30%;
	height: 1px;
	background: #333333;
	left: 35%;
	bottom: -10px;
}
.modal-project .modal-content .modal-detail{
	margin-top: 20%;
}
.modal-project .modal-content ul{
	padding-left: 20px;
	margin-top: 30px;
}
.modal-project .modal-content ul li{
	list-style-type: disc;
	font-family: "SFUFuturaRegular";
	font-size: 17px;
	margin-top: 12px;
}
.modal-project .modal-content ul li strong{
	font-family: "SFUFuturaBold";
	font-size: 17px;
	color: #333333;
}		
/*NEWS-SUB-INSIDE*/

.header.ticky .header-icon-top {
	height: 30px;
/*	-webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    -ms-transition: all .75s ease;
    -o-transition: all .75s ease;
    transition: all .75s ease;*/
}
.header.ticky .header-icon-top .lang {
 display: block;
}
.header.ticky .top-header {
	position: fixed;
	top: 0;
	width: 100%;
/*	-webkit-transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -ms-transition: all .75s ease-in-out;
    -o-transition: all .75s ease-in-out;
    transition: all .75s ease-in-out;*/
	z-index: 999999;
	background: #f3141c;
}
.header.ticky .slider-main {
    position: relative;
    
}
.sub-content-news .infor{
	position: relative;
	padding-bottom: 50px;
	padding-bottom: 40px;
	border-bottom: 1px solid #f1a6a6;
}
	.infor .avatar{
		width: 70px;
		height: 70px;
		border-radius: 50%;
		background: #ed2228;
		margin: 0 auto;
	}
	.infor .avatar img{
		display: block;
		margin: 0 auto;
	}
	.sub-content-news .infor .infor-name h5{
		font-family: "SFUFuturaBook";
		font-size: 22px;
		color: #ed2228;
		text-transform: inherit;
	}
	.infor .infor-name h6{
		font-family: "SFUFuturaBook";
		font-size: 16px;
		color: #333333;
	}
	.sub-content-news .news-right >div:nth-child(2){
		margin-top: 50px;
	}
.sub-content-news .logout{
	position: absolute;
	top: 5%;
	right: 5%;
	font-size: 16px;
	font-family: "SFUFuturaBook";
	color: #5f5d5d;
}
.sub-content.sub-content-news .news-right  .news-right-content {
    margin-top: 10px;
}
/*.news-right .col-md-6.col-sm-6.col-xs-12{
	padding: 0;
}*/
.news-sub-inside-bot >div{
	padding: 0;
}
.col-md-6.col-sm-6.col-xs-12.pad-news-inside{
	padding: 0;
}
.title-news-inside h4{
	font-family: "SFUFuturaBold";
	font-size: 24px;
	color: #000000;
	text-transform: uppercase;
	line-height: 35px;
}
.content-news-inside{
	padding: 15px;
}
.date-time {
    font-family: "SFUFuturaBook";
    font-size: 16px;
    color: #827d7d;
}
.title-news-inside .date-time{
	margin-top: 10px;
	margin-bottom: 20px;
}
/*INTRODUCE SUB*/
.thu-ngo p{
	font-family: 'Roboto-Regular';
	line-height: 25px;
	margin-bottom: 10px;
	text-align: justify;
}
.thu-ngo img{
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.intro-sub-img {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
.intro-sub-img img{
	width: 100px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.intro-sub-img h4{
	font-family: "SFUFuturaBold";
	font-size: 18px;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.intro-sub-img strong{
	font-family: "SFUFuturaBold";
}
.intro-sub-img p{
	font-family: "SFUFuturaRegular";
	font-size: 16px;
	color: #333333;
	line-height: 25px;
	margin-bottom: 20px;
	text-align: justify;
}
.intro-sub-img.intro-sub-img-last{
	border-bottom: none;
}
.co-cau-content h5{
	font-family: "SFUFuturaBold";
	font-size: 16px;
	color: #333333;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 30px;
}
.co-cau-content ul{
	padding-left: 20px;
}
.co-cau-content ul li{
	font-family: "SFUFuturaRegular";
	font-size: 16px;
	color: #333333;
	line-height: 22px;
	margin-top: 10px;
	list-style-type: disc;
	padding-left: 10px;
}

/*MANG LUOI CUNG CAP*/
.mang-luoi-content{
	margin-top: 40px;
}
.mang-luoi-content h5{
	font-family: "SFUFuturaRegular";
	font-family: 16px;
	color: #333333;
	text-transform: uppercase;
}
.mang-luoi-content img{
	display: block;
	margin: 0 auto;
	margin: 20px 0;
}
.mang-luoi-content strong{
	font-family: "SFUFuturaBold";
}
/*RECRUITMENT*/
.position-recruitment h3 , .position-recruitment .text-title-re{
    font-size: 35px;
    color: #f3141c;
    font-family: 'Roboto-Black';
    text-transform: uppercase;
    text-align: center;
    margin: 15px 0px;
}
.position-recruitment table {
  border-collapse: collapse;
}
.position-recruitment table th{
  color: #f3141c;
  font-size: 18px;
  font-family: 'Roboto-Regular';
  background: #f0f0f0;
}
.position-recruitment table, td, th {
  border: 1px solid #ddd !important;
}

.position-recruitment a{
  color: #158cd0;
}
#recruitment-form h5{
  font-family: 'Roboto-Medium';
  color: #f3141c;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 20px;
}
.sub-content .position-recruitment p{
    margin: 10px 0px;
}
.sub-content .position-recruitment p strong{
  font-family: 'Roboto-Black';
  display: inline-block;
  color: #666666;
}
.position-recruitment ul{
  padding-left: 20px;
}
.position-recruitment ul li{
  position: relative;
  list-style-type: disc;
  margin-top: 10px;
}
.recruitment-content {
	margin-top: 7%;
	padding: 0 20px;
	text-align: justify;
	line-height: 25px;
	font-family: "SFUFuturaRegular";
}
.sub-content .recruitment-content  .panel-heading p, .sub-content .recruitment-content  p.arrow {
    text-align: center;
}
.recruitment-content .panel-heading {
    padding: 15px 15px;
}
.recruitment-content h5{
	font-family: "SFUFuturaBold";
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 20px;
}
.recruitment-content ul{
	margin-bottom: 20px;
}
.recruitment-content strong{
	margin-bottom: 20px;
	margin-top: 20px;
}
.recruitment-content .collapsed{color:#000}
.recruitment-content .active1 .vacancies{
	color:#ac2b28; 
}
.recruitment-content .active-color .vacancies{
	color:#ac2b28; 
}
	.recruitment-content .collapsed .vacancies{
		color:#333333;
	}

	.recruitment-content .collapse.in {
    display: block;
    background: #f7f7f7;
	}
	.recruitment-content .panel-default {
    border-color: #ffffff;
	}
	.recruitment-content .panel-title a{
		text-decoration: none;
		display: block;
	}
	.recruitment-content .panel-group .panel {
	    margin-bottom: 0;
	    border-radius: 0px;
	    box-shadow: none;
	}
	.recruitment-content .panel-default>.panel-heading+.panel-collapse>.panel-body {
	   border: none;
	}
.recruitment-content ul, .recruitment-content li, .recruitment-content ol{list-style:inherit;margin-left:15px;margin-bottom: 5px;padding:0px;color:#333333;font-size:16px;font-family: 'SFUFuturaRegular';}
#recruitment-form .form-control {
    border-radius: 5px;
    box-shadow: none;
    height: 40px;
    padding: 0px 10px;
    color: #666666;
    font-family: 'Roboto-Regular';
    font-size: 16px;
}
#recruitment-form .form-control.border-error{    border: 1px solid #f00 !important;}
#recruitment-form  input::placeholder {
	font-family: 'Roboto-Regular';
	color: #666666;
}
#recruitment-form .form-row >div{
	margin-top: 20px;
}
#recruitment-form{
	width: 100%;
}
.table-recruitment .view-post-detail{cursor: pointer;}
.inputfile-box {
		  position: relative;
		}
		.form-recruitment .btn-send{margin: 0 auto;}
		.inputfile {
		  display: none !important;
		}
		.inputfile-box label {
    display: block;
    background: #ffffff;
    font-family: 'Roboto-Regular';
    font-size: 16px;
    color: #666666;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #f3141c;
}
		
		
		.file-box {
			display: inline-block;
			width: 100%;
			height: 40px;
			padding: 0px 10px;
			color: #f3141c;
      font-family: 'Roboto-Regular';
      font-size: 16px;
      font-weight: normal;
			line-height: 40px;
			text-align:left;
		}
		
		.file-button {
			padding: 6px 12px;
			position: absolute;
			top: 0px;
			right: 15px;
			cursor:pointer;
			line-height: 18px;
		}
h5.apply-online{
	font-family: "SFUFuturaRegular";
	font-style: 16px;
	color: red;
	text-transform: uppercase;
	position: relative;
}
h5.apply-online:after{
	content: "";
	position: absolute;	
	height: 1px;
	background: red;
	right: 0;
	top: 16px;
	left: 17%
}
.panel-title{
	position: relative;
}
.recruitment-content .panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    margin-top: 30px;
}	
p.arrow{
	position: absolute;
	width: 25px;
	height: 25px;
	color: #9c9494;
	background: #ffffff;
	text-align: center;
	left: 50%;
	/*bottom: -25px;*/
	border: 1px solid #000000;
}
p.arrow .fa-lg {
    font-size: 1.3em;
    line-height: .75em;
    vertical-align: 0%;
}
.recruitment-content .active1 p.arrow{
	display: none; 
}
a.button-carret.active1.collapsed p.arrow{
	display: block; 
}
/*FORGOT PASSWORD*/
.form-forgot-password{
	width: 50%;
	margin:  0 auto;
	margin-top: 10%;
}
.form-forgot-password .form-control{
	border: none;
	border-bottom: 1px solid #ccc;
	border-radius: 0px;
	box-shadow: none;
}
.form-forgot-password   input::placeholder{
font-family: "SFUFuturaRegular";
font-size: 16px;
color: #999999;
}
/*LOGIN*/
.form-login  {
	width: 35%;
	margin: 0 auto;
	margin-top: 50px;
}
.form-login .form-control{
	border: none;
/*	border-bottom: 1px solid #ccc;*/
	border-radius: 0px;
  height: 40px;
	box-shadow: none;
  background: #f4f4f4;
}
.button-login {
	margin-top: 20px;
  text-align: center;
}
.btn-login{
	width: 150px;
	height: 40px;
	background: red;
	color: #ffffff;
	border: none;
  text-transform: uppercase;
}
.sub-content .title-selection{
	margin-left: 15px;
	margin-top: 10px;
}
.form-login   input::placeholder{
 font-family: 'Roboto-Regular';
font-size: 16px;
color: #999999;
}
/*CONTACT*/
.contact-content{
	margin-top: 50px;
}
.page-contact h3{
  font-family: 'Roboto-Regular';
  font-size: 20px;
  margin: 20px 0px;
  text-transform: uppercase;
  color: #f3141c;
}
.box-contact-add{
  margin-bottom: 20px;
}
.page-contact  .btn-send {
    width: 110px;
}
.form-contact .form-control{
	border: none;
	border-radius: 0px;
	box-shadow: none;
   font-family: 'Roboto-Regular';
   font-size: 16px;
   background-color: #f4f4f4;
   box-shadow: none;
}
.form-contact  input::placeholder , .form-contact  textarea::placeholder{
 font-family: 'Roboto-Regular';
font-size: 16px;
color: #999999;
}
.contact-content .contact-address h4{
	font-family: "SFUFuturaBold";
	font-size: 16px;
	color: #4e4e4e;
	margin-bottom: 20px;
}
.contact-address h6{
	margin-bottom: 20px;
}

/*COMMENT*/
.form-comment {
  border: 1px solid #e32727;
  max-width: 1080px;
  margin: 40px auto 20px;
  background:#fefbfc;
  padding:0px 30px 20px;
}
.form-comment .comment {
  background: #e32726;
  position: relative;
  top: -20px;
  left: -20px;
  z-index: 10;
  color: #fff !important;
  font-size: 17px;
  line-height: 40px;
  height: 40px;
  text-transform: uppercase;
  max-width:110px;
  text-align: center;
  margin-top: 0;
}
.comment:before {
  content: "";
  position: absolute;
  border-bottom: 40px solid #e32726;
  border-left: 40px solid transparent;
  right: 100%;
}
.comment:after {
  content: "";
  position: absolute;
  border-top: 40px solid #e32726;
  border-right: 40px solid transparent;
  left: 100%;
}
.form-comment .form-row {
  max-width: 100%;
}
.name-comm{
  float:left;
  width:125px;  
}
.name-c{
  color:#4e4e4e;
  font-size:14px;
  font-family: 'SFUFuturaBold'; 
  text-align:left;
}
.room{
  color:#b4b2b2;
  margin-top:5px;
  font-size:14px;
  text-align:left;
}
.body-comm{
  margin-left:15px;
  float:left;
  width:calc(100% - 140px);
}
.body-c{
  text-align:left;
  color:#4e4e4e;
  font-size:14px;
}
.time-comm{
  color:#b4b2b2;
  font-size:12px;
  margin-top:5px;
  text-align:left;
} 
.g_comment{
  content:'';
  clear:both;

}
.form-row .sub-comm{text-align:left;padding-left: 35px; float: none;
    margin-top: 10px;}
/**/
.btn-send{
  font-family: 'Roboto-Medium';
	width: 150px;
	height: 40px;
	background: red;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
	margin-left: 15px;
  font-size: 16px;
}

.map-contact{
	margin-top: 50px;
}

/*PAGE NEWS*/
.breadcrumb {
	background: #fff;
}
.breadcrumb p{
	font-family: 'Roboto-Regular';
	font-size: 15px;
	color: #666666;
}
.breadcrumb span{
	margin-left: 5px;
	margin-right: 5px;
}
.sub-content {
	margin-bottom: 50px;
}
.sub-content .news{
	background: none;
	padding-top: 0px; 
}
.sub-content .img-news{
	position: relative;
	overflow: hidden;
}
.sub-content .news-title-sub{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0;
	height: 70px;
	width: 100%;
	z-index: 999;
	background-color: rgba(10, 10, 10, 0.6);
	opacity: 1;
}
.sub-content .news-title-sub h4{
	font-family: "SFUFuturaBold";
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 25px;
	opacity: 1;
	padding: 10px 20px 0 20px;
}
.col-md-6.news-right {
	padding: 0;
}
.sub-content .news h5 {
    font-family: "SFUFuturaBold";
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.sub-content .news .news-left p, .news .news-right p {
    font-family: "SFUFuturaBook";
    font-size: 16px;
    color: #333333;
    line-height: 22px;
}
.sub-content .news-right .news-right-content{
	margin-top: 0px;
}
.sub-content .news-right-content{
	margin-top: 30px;
}
.sub-content .news-right-content .date-time{
    font-size: 16px;
    color: #827d7d;
    margin-top: 20px;
}
.sub-content .news-right-content .date-time span{
	float: right;
	margin-right: 10px;	
	color: red;
}
.slider-news{
	position: relative;
}
.slider-news img{
	display: block;
	margin: 0 auto;
}
.sub-content p{
	line-height: 24px;
    margin-bottom: 5px;
    color: #333333;
}
 .sub-content p strong{
font-family: 'Roboto-Bold';
 }
.slider-news .slick-next {
    right: -15px;
    top: 50%;
    background: url(../images/next.svg) center center no-repeat;
    height: 20px;
    width: 20px;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.ul-menu-main > li:nth-child(3) ul{
  left: -20px;
}
.slider-news .slick-prev {
    left:  -15px;
    top: 50%;
    display: block;
    z-index: 9999;
    background: url(../images/back.svg) center center no-repeat;
    height: 20px;
    width: 20px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.slider-news .slick-prev:before, .slider-news .slick-next:before {
  	content: "";
}
.slider-news .slick-prev:hover, .slider-news .slick-prev:focus{
    background: url(../images/back.svg) center center no-repeat;
 }  
.slider-news .slick-next:hover,  .slider-news .slick-next:focus {
    background: url(../images/next.svg) center center no-repeat;
}
.slider-news .slick-prev:before,  .slider-news .slick-next:before {
   	display: none;
  }
/*MENU*/
.img-hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
li.li-child-menu a {
	font-family: "Roboto-Regular";
	font-size: 15px;
	color: #fff;
	display: block;
	text-transform: uppercase;
}
li.li-child-menu li a {
    font-size: 13px;
    line-height: 1.5;
    padding: 6px 0px;
}
li.li-child-menu a.active {
	color: #810e11;
}
li:hover a,li.li-child-menu ul li:hover a,li.li-child-menu a.act {
	color: #810e11;
}
li.li-child-menu.sub:hover::after {
    background: url(../images/down-arrow-r.svg) right center no-repeat !important;
     background-size: 9px !important;
}
li.li-child-menu.sub.act-li:after {
    background: url(../images/down-arrow-r.svg) right center no-repeat !important;
     background-size: 9px !important;
}
.right-header {
	padding-left: 0;
	padding-right: 0;
}
li.li-child-menu:last-child {
	padding-right: 0;
}

li.li-child-menu {
	float: left;
	padding-right: 30px;
	line-height: 50px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	position:relative;
	cursor:pointer;
}
li.li-child-menu.sub{padding-right:30px}
li.li-child-menu.sub:after {
    background: url(../images/down-arrow.svg) right center no-repeat;
    background-size: 9px;
    position: absolute;
    right: 18px;
    content: '';
    top: 19px;
    z-index: 999999999;
    width: 10px;
    height: 10px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
/*.ticky li.li-child-menu.sub:after{
 	top: 22px;
}*/
li.li-child-menu ul{
	position:absolute;
	background-color: rgba(255,255,255,0.9)	;
	min-width:190px;
	text-align:center;
	top:50px;
	left: -54px;
	z-index: 999;
	display:none;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.ticky li.li-child-menu ul{top:50px;}
li.li-child-menu.sub:hover ul{display:block}
li.li-child-menu ul li{/*line-height:30px;*/ border-bottom:1px solid #d6d5d4}
li.li-child-menu ul li:last-child{border:none}
li.li-child-menu ul a{color: #000;}
/*END MENU*/

/*SLIDER BANNER*/
.slider-main{
	position: relative;
  margin-top: 80px;
}
#slider-1 .vegas-slide-inner{
	background-size: cover !important;
}
#slider-1 {
    width: 100%;
    height: 750px;
}
.slider-main .caption h1{
	font-family: 'Roboto-Black';
	font-size: 55px;
	color: #ffffff;
}
.slider-main .caption h2 {
	font-family: 'Roboto-Regular';
	font-size: 40px;
	color: #ffffff;
  margin-top: 15px;
}
.vegas-control{
	position: absolute;
	bottom: 35px;
	z-index: 999;
	width: 100%;
	height: 30px;
	display: block;
	text-align: center;
}
.vegas-control a {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: #ffffff;
    position: relative;
    margin-right: 20px;
    transform: rotate(45deg);
    border: 1px solid #e32727;
}
.vegas-control a.active {
background: #e32727;
}
.caption {
    position: absolute;
    width: 35%;
    top: 25%;
    left: 50%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.caption.caption-mid{
  top: 35%;
  left: -50%;
  transform: translateX(50%);
  width: 100%;
}
.caption.caption-left{
 left: 10%;
}
/*END SLIDER BANNER*/
/*ION SOCIAL VN EN HOTLINE*/
.clearfix{
	clear: both;
}
.top-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
    background: #f3141c;
}
.logo-main img {
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    position: absolute;
    top: -1px;
    z-index: 99;
    left: -20px;
}
.header-icon-top {
   background: #ffffff;
   height: 30px;
}
/*#main-menu{
  margin-left: 0px;
}*/
.header-icon-top ul li {
    list-style-type: none;
    display: inline-block;
    width: 35px;
    margin-top: 4px;
}
.header-icon-top ul  {
	position: absolute;
    left: 51%;
    top: 7px;
    border-right: 1px solid #ffffff;
    height: 30px;
}
.header-icon-top .icon-top{
	position: relative;

}
.lang.news-in{
	right: 9%;
  width: auto;
	background: url(../images/back-top.png) center center no-repeat;
  background-size: 100% 100%;
  padding: 3px 20px;
}
.lang.news-in a{
 text-transform: uppercase;
 font-size: 15px;
 color: #fff;
 padding: 4px 20px;


}
	.icon-top .icon-social li a i{
		color: #ffffff;
	}
.lang {
    position: absolute;
    right: 0%;
    width: 105px;
    top: 2px;
       padding: 3px 20px 3px 25px;
    background: #e6b7b9;
    background: url(../images/back-top1.png) center center no-repeat;
    background-size: 100% 100%;
}
.lang a.active{
  color: #fff;
}
/*.lang:before {
    content: "";
    position: absolute;
    border-bottom: 25px solid #e6b7b9;
    border-right: 12px solid transparent;
    left: 98%;
    bottom: 0;
}
.lang:after {
    content: "";
    position: absolute;
    border-bottom: 24px solid #e6b7b9;
    border-left: 12px solid transparent;
    right: 98%;
    bottom: 0;
}*/
	.lang span a{
		color: #000;
	}
	.lang .line_la {
    width: 2px;
    height: 12px;
    background: #000;
    display: inline-block;
    margin: 0px 5px 0px 10px;

	}
	.hotline{
		width: 220px;
		border-radius: 5px;
		background: #e32726;
		position: absolute;
		top: 0px;
		height: 40px;
		right: 30px;
		z-index: 10;
		color: #fff;
		font-size: 16px;
		line-height: 37px;
		padding-left: 45px;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
		.hotline a{color:#fff; font-size:18px;margin-left: 20px;font-family: 'SFUFuturaBold';}
		.quick-alo-ph-img-circle {
			width:50px;
			height:50px;
			top:-5px;
			left:10px;
			position:absolute;
			background: url("../images/phone-call.svg") no-repeat center center;
			background-size:26px;
			-webkit-border-radius:100%;
			-moz-border-radius:100%;
			border-radius:100%;
			border:2px solid transparent;
			-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
			-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
			-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
			-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
			animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
			-webkit-transform-origin:50% 50%;
			-moz-transform-origin:50% 50%;
			-ms-transform-origin:50% 50%;
			-o-transform-origin:50% 50%;
			transform-origin:50% 50%;
		}
		.quick-alo-phone.quick-alo-active .quick-alo-ph-img-circle {
			-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
			-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
			-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
			-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
			animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
		}
		.quick-alo-phone.quick-alo-static .quick-alo-ph-img-circle {
			-webkit-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
			-moz-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
			-ms-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
			-o-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
			animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
		}
		.quick-alo-phone.quick-alo-hover .quick-alo-ph-img-circle,
		.quick-alo-phone:hover .quick-alo-ph-img-circle {
			background-color:#fdb710 ;
		}
		.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle,
		.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
			background-color:#fdb710 ;
		}
		.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
			background-color:#fdb710 ;
		}
		.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-img-circle,
		.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-img-circle {
			background-color:#fdb710 ;
		}
		.quick-alo-phone.quick-alo-gray .quick-alo-ph-img-circle {
			background-color:#fdb710 ;
		}
@-moz-keyframes quick-alo-circle-anim {
	0% {
		-moz-transform:rotate(0) scale(.5) skew(1deg);
		opacity:.1;
		-moz-opacity:.1;
		-webkit-opacity:.1;
		-o-opacity:.1;
	}
	30% {
		-moz-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.5;
		-moz-opacity:.5;
		-webkit-opacity:.5;
		-o-opacity:.5;
	}
	100% {
		-moz-transform:rotate(0) scale(1) skew(1deg);
		opacity:.6;
		-moz-opacity:.6;
		-webkit-opacity:.6;
		-o-opacity:.1;
	}
}
@-webkit-keyframes quick-alo-circle-anim {
	0% {
		-webkit-transform:rotate(0) scale(.5) skew(1deg);
		-webkit-opacity:.1;
	}
	30% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		-webkit-opacity:.5;
	}
	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		-webkit-opacity:.1;
	}
	}
	@-o-keyframes quick-alo-circle-anim {
	0% {
		-o-transform:rotate(0) kscale(.5) skew(1deg);
		-o-opacity:.1;
	}
	30% {
		-o-transform:rotate(0) scale(.7) skew(1deg);
		-o-opacity:.5;
	}
	100% {
		-o-transform:rotate(0) scale(1) skew(1deg);
		-o-opacity:.1;
	}
}
@-moz-keyframes quick-alo-circle-fill-anim {
	0% {
		-moz-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2;
	}
	50% {
		-moz-transform:rotate(0) -moz-scale(1) skew(1deg);
		opacity:.2;
	}
	100% {
		-moz-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2;
	}
}
@-webkit-keyframes quick-alo-circle-fill-anim {
	0% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2;
	}
	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		opacity:.2;
	}
	100% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2;
	}
}
@-o-keyframes quick-alo-circle-fill-anim {
	0% {
		-o-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2;
	}
	50% {
		-o-transform:rotate(0) scale(1) skew(1deg);
		opacity:.2;
	}
	100% {
		-o-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2;
	}
}
@-moz-keyframes quick-alo-circle-img-anim {
	0% {
		transform:rotate(0) scale(1) skew(1deg);
	}
	10% {
		-moz-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-moz-transform:rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-moz-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-moz-transform:rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-moz-transform:rotate(0) scale(1) skew(1deg);
	}
	100% {
		-moz-transform:rotate(0) scale(1) skew(1deg);
	}
}
@-webkit-keyframes quick-alo-circle-img-anim {
	0% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
	}
	10% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
	}
	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
	}
}
@-o-keyframes quick-alo-circle-img-anim {
	0% {
		-o-transform:rotate(0) scale(1) skew(1deg);
	}
	10% {
		-o-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-o-transform:rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-o-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-o-transform:rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-o-transform:rotate(0) scale(1) skew(1deg);
	}
	100% {
		-o-transform:rotate(0) scale(1) skew(1deg);
	}
}
/*END ION SOCIAL VN EN HOTLINE*/
/*COMPANY MEMBER*/
.com-member1{
      background: #f7f7f7;
}
.com-member {
    margin-top: 0px;
    z-index: 9999;
    position: relative;
    padding-bottom: 0px;
}
.box-title-intro{
	position: absolute;
	z-index: 9;
	left: -20px;
	top: -35px;
}
.box-title-intro h3{
	text-transform: uppercase;
	font-family: 'Roboto-Bold';
	font-size: 20px;
	color: #b01f24;
	display: inline-block;
	padding: 10px 40px;
	background: url(../images/icon-t.png) center center no-repeat;
	background-size: 100% 100%;
 
}
.slick-initialized .slick-slide {
    display: block;
    outline: none;
}
  .title-member {
  	margin-top: 40px;
  	margin-left: -15px;
    width: 250px;
    height: 45px;
    position: relative;
    background: rgba(235,34,39,0.88);
	background: -moz-linear-gradient(left, rgba(235,34,39,0.88) 0%, rgba(187,18,21,0.94) 53%, rgba(148,6,6,1) 100%);
	background: -webkit-linear-gradient(left, rgba(235,34,39,0.88) 0%, rgba(187,18,21,0.94) 53%, rgba(148,6,6,1) 100%);
	background: -o-linear-gradient(left, rgba(235,34,39,0.88) 0%, rgba(187,18,21,0.94) 53%, rgba(148,6,6,1) 100%);
	background: -ms-linear-gradient(left, rgba(235,34,39,0.88) 0%, rgba(187,18,21,0.94) 53%, rgba(148,6,6,1) 100%);

  }
  .title-member h4{
  	font-family: "SFUFuturaBold";
  	font-size: 17px;
  	color: #ffffff;
  	text-transform: uppercase;
  	padding-top: 10px;
    padding-left: 20px;
  }
.title-member:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #930606;
    border-top: 23px solid transparent;
    border-bottom: 22px solid transparent;
}
.title-member:after {
    content: "";
    position: absolute;
    right: -30px;
    background: url(../images/next-title.png) center center no-repeat;
    height: 45px;
    width: 23px;
    top: 0;
}
.slider-company {
	position: relative;
}
.slider-company img{
	display: block;
	margin: 0 auto;
	/*width: 50%;*/
	margin-top: 40px;
}
.slider-company .slick-next {
    right: 0px;
    top: 60%;
    background: url(../images/next.svg) center center no-repeat;
    height: 20px;
    width: 20px;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.slider-company .slick-prev {
    left:  0px;
    top: 60%;
    display: block;
    z-index: 9999;
    background: url(../images/back.svg) center center no-repeat;
    height: 20px;
    width: 20px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.slider-company .slick-prev:before, .slider-company .slick-next:before {
  	content: "";
}
.slider-company .slick-prev:hover, .slider-company .slick-prev:focus{
    background: url(../images/back.svg) center center no-repeat;
 }  
 .slider-company .slick-next:hover,  .slider-company .slick-next:focus {
    background: url(../images/next.svg) center center no-repeat;
}
.slider-company .slick-prev:before,  .slider-company .slick-next:before {
   	display: none;
  }
/*END COMPANY MEMBER*/



/*INTRODUCE*/
.introduce{
	margin-top: 70px;
}
.img-intro{
	overflow: hidden;
}
.img-intro:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


/*INTRODUCE*/

 .introduce{
    margin-top: 30px;
  }
.introduce h2 {
    font-size: 72px;
    font-family: 'Roboto-Black';
    color: #ed1c24;
    margin-top: 0px;
    margin-left: -40px;
}
  .introduce  p{
    font-family: "Roboto-Regular";
    font-size: 16px;
    color: #4e4e4e;
    margin-top: 10px;
  }
  .introduce .introduce-top {
    margin-top: 30px;
  }
/*  .introduce .introduce-top .intro-left {
    margin-top: 30px;
  }*/
   .introduce .introduce-top .intro-left .intro-number{
   margin-bottom: 20px;
   margin-top: 10px;
  }
  div.intro-left{
  	padding-left: 0px;
  	padding-right: 0px;
  }
.introduce .introduce-top p{
    padding-right: 20px;
}
.introduce  .left-1999{
 height: 65px;
  }
.introduce .left-17 {
    height: 65px;
    margin-top: -28px;
    margin-left: -30px;
}
  .introduce .left-17 span{
    font-family: 'Roboto-Black';
    font-size: 40px;
    color: #ed1c24;
  }
   .introduce .left-17 p{
   margin-bottom: 5px;
   margin-top: 10px;
   font-family: "Roboto-Medium";
  }
  .introduce .left-17 h3   {
   font-family: 'Roboto-Regular';
    font-size: 18px;
    color: #ffffff;
    background: #b11f24;
    width: 200px;
    height: 30px;
    text-align: center;
    margin-top: -10px;
     padding-top: 5px;
  }
 	 .view-more{
    font-family: 'Roboto-Regular';
    font-size: 16px;
    color: #ed1c24;
    text-transform: uppercase;
  }
 .view-more i{
  	margin-left: 7px;
  }
  .box-view-more{
  	text-align: center;
  	margin-top: 40px;
  }
	.introduce-bottom {
   margin-top: 30px;
  }
  .introduce-bottom img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }

/*BOX TEXT*/
.box-some-text{
	background: url(../images/box-some-text.jpg) center center no-repeat;
	background-size: cover;
	height: 360px;
	margin-top: 30px;	
	display: table;
	width: 100%;
	/*background-attachment: fixed;*/
}
.box-main-text{
	display: table-cell;
	vertical-align: middle;
}
.box-some-text p{
	text-align: center;
	color: #fff;
	font-size: 28px;
	font-family: 'Roboto-Regular';
	margin-top: 15px;
}
/*HE THONG NHA MAY*/
.section-sys{
	position: relative;
	padding-bottom: 70px;
}
.section-sys:before{
	position: absolute;
	content: "";
	z-index: 5;
	width: 400px;
	height: 400px;
	background: url(../images/icon-slr.png) center center no-repeat;
	background-size: contain;
	right: 0px;
	bottom: 0px;
}
.sys-fac{
	margin-top: 60px;
}
.sys-content{
	margin-top: 20px;
	padding-right: 20px;
}
.sys-content h4{
	font-family: 'Roboto-Regular';
	font-size: 18px;
	color: #333;
	text-transform: uppercase;
}
.sys-content p{
 	font-size: 16px;
 	color: #333;
 	margin-top: 7px;
}
.sys-img{
	position: relative;
}
.sys-img-title{
	background: #ed1c24;
	width: 115px;
	height: 80px;
	position: absolute;
	right: 37px;
	bottom: 0px;
	z-index: 9;
}
.sys-img-title:before {
    width: 0;
    z-index: 10;
    content: "";
    position: absolute;
    height: 0;
    border-bottom: 80px solid #ed1c24;
    border-left: 115px solid transparent;
    top: -80px;
}
.sys-img-title:after {
    z-index: 10;
    content: "";
    position: absolute;
    width: 37px;
    height: 60px;
    background: url(../images/icon-sl.png) center center no-repeat;
    background-size: 100% 100%;
    right: -37px;
    bottom: 0px;
}
.sys-img-title h5{
	font-family: 'Roboto-Regular';
	text-transform: uppercase;
	color: #fff;
	line-height: 1.4;
	text-align: center;
}
.sys-img img{
	display: block;
	margin: 0 auto;
}
.slider-sys{
	width: 95%;
	margin: 0 auto;
	position: relative;
	margin-top: 30px;
}

.slider-sys .slick-next {
    right: -10px;
    top: 40%;
    background: url(../images/next-f.svg) center center no-repeat;
    background-size: 20px;
    height: 40px;
    width: 40px;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color:  #b01f24;
}
.slider-sys .slick-prev {
    left:  -10px;
    top: 40%;
    display: block;
    z-index: 9999;
    background: url(../images/back-f.svg) center center no-repeat;
    background-size: 20px;
    height: 40px;
    width: 40px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color:  #b01f24;
}
.slider-sys .slick-prev:before, .slider-sys .slick-next:before {
  	content: "";
}
.slider-sys .slick-prev:hover, .slider-sys .slick-prev:focus{
    background: url(../images/back-f.svg) center center no-repeat;
    background-color:  #b01f24;
    background-size: 15px;
 }  
 .slider-sys .slick-next:hover,  .slider-sys .slick-next:focus {
    background: url(../images/next-f.svg) center center no-repeat;
    background-color:  #b01f24;
    background-size: 15px;
}
.slider-sys .slick-prev:before,  .slider-sys .slick-next:before {
   	display: none;
  }



/*WHY CHOOSE	*/
.why-choose{
	position: relative;
	margin-top: 50px;
	padding-top: 50px;
    background: url(../images/news-back.jpg) center center no-repeat;
    background-size: cover;
	padding-bottom: 50px;
}
.content-why-choose{
	margin-top: 40px;
}
.img-why-choose{
	overflow: hidden;
}
.img-why-choose img{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.img-why-choose:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.why-choose .title-selection{
	margin-left: 50px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.why-choose p{
	color: #333333;
    font-size: 16px;
    font-family: 'Roboto-Regular';
    line-height: 25px;
    text-align: justify;
}
	.why-choose-icon{
		margin-top: 30px;
	}
		.choose-icon {
		    padding: 0;
		    margin-top: 15px;
		    height: 60px;
		}
		.choose-icon img{
			height: 35px;
			width: 35px;
			display: block;
			margin: 0 auto;
		}
		.choose-icon h5{
			font-family: 'Roboto-Bold';
			font-size: 16px;
			color: #333333;
			line-height: 22px;
			text-align: justify;
			padding-left: 10px;
		}

/*QUANTITY*/
.quantity{
	background: url(../images/quantity-back.jpg) center center no-repeat;
	padding-top: 40px;
	padding-bottom: 70px;
	background-size: cover;
}	
	.quantity-content img{
		height: 70px;
		width: 70px;
		display: block;
		margin: 0 auto;
	}
	.quantity-content p{
	font-family: 'Roboto-Regular';
    font-size: 17px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;
	}
	.quantity-content h3{
		font-family: 'Roboto-Bold';
		font-size: 55px;
		color: #ffffff;
		text-align: center;
		margin-top: 20px;
	}	
/*MAP*/
.map .title-selection{
	margin-bottom: 30px;
	margin-top: 50px;
}
/*PROJECT*/
.project{
	margin-top: 40px;
	padding-bottom: 10px;
}
.pro-box-top{
	margin-bottom: 30px;
}
.project-main{
	margin-top: 30px;
}
.project-img{
	position: relative;
}
.box-img-text{
	position: absolute;
	left: 7%;
	right: 7%;
	bottom: 10px;
	z-index: 9;
	padding: 7px;
	background: rgba(255,255,255,0.7);
}
.box-img-text .box-number{
 width: 10%;
 float: left;
 text-align: center;
}
.box-img-text .box-number h6{
font-size: 30px;
color: #fff;
font-family: 'Roboto-Black';
width: 50px;
height: 50px;
background: #ed1c24;
line-height: 50px;
}
.box-img-text .box-text-des{
	width: 90%;
	float: left;
}
.box-img-text .box-text-des p{
	color: #333333;
	line-height: 50px;
	text-transform: uppercase;
	font-family: 'Roboto-Regular';
	font-size: 24px;
	padding-left: 20px;
}
.project .view-more	{
	margin: 0 auto;
	margin-top: 30px;
}

/*NEWS*/

.news {
    position: relative;
    padding-top: 40px;
    padding-bottom: 10px;
     margin-top: 0px; 
}
p.date-time{
	color: #999999 !important ;
	font-size: 16px ;
	 font-family: 'Roboto-Medium';
	margin-bottom: 5px;
}
.news .title-selection{
	margin-left: 60px;
	margin-bottom: 40px;
}
.news .title-t {
	margin-bottom: 30px;
}
.news .view-more {
    margin: 0 auto;
    margin-top: 30px;
}
.img-news {
	overflow: hidden;
}
.news-left .img-news{
	position: relative;
}
.news-left .img-news .box-news-main{
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background: rgba(0,0,0,0.6);
	padding: 5px 10px;
}
.news .news-left .box-news-main p ,.news .news-left .box-news-main h5{
	color: #fff;
}
.news .img-news img{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.news .img-news:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.news h5{
	font-family: 'Roboto-Bold';
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 5px;
}
.news .news-left p , .news .news-right p{
	font-family: 'Roboto-Regular';
	font-size: 16px;
	color: #333333;
	line-height: 22px;
	text-align: justify;
	}

/*CUSTOMER*/
.customer{
	margin-top: 50px;
	padding-bottom: 50px;
	padding-top: 50px;
	background: #f7f7f7 ;
}
.customer .title-selection {
    display: inline-block;
    margin: 0 auto;
    margin-left: 40%;

}
.slider-customter{
	position: relative;
	margin-top: 30px;
}
.slider-customter .slick-slide img {
	display: block;
	margin: 0 auto;
}

  .slider-customter .slick-next {
    right: -40px;
    top: 50%;
    background: url(../images/next-f.svg) center center no-repeat;
    background-size: 15px;
    height: 40px;
    width: 40px;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color:  #b01f24;
}
.slider-customter .slick-prev {
    left:  -40px;
    top: 50%;
    display: block;
    z-index: 9999;
    background: url(../images/back-f.svg) center center no-repeat;
    background-size: 15px;
    height: 40px;
    width: 40px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color:  #b01f24;
}
.slider-customter .slick-prev:before, .slider-customter .slick-next:before {
  	content: "";
}
.slider-customter .slick-prev:hover, .slider-customter .slick-prev:focus{
    background: url(../images/back-f.svg) center center no-repeat;
    background-color:  #b01f24;
    background-size: 15px;
 }  
.slider-customter .slick-next:hover,  .slider-customter .slick-next:focus {
    background: url(../images/next-f.svg) center center no-repeat;
    background-color:  #b01f24;
    background-size: 15px;
}
.slider-customter .slick-prev:before,  .slider-customter .slick-next:before {
   	display: none;
  }

/*FOOTER	*/
.footer {
	position: relative;
	padding-bottom: 30px;
	border-top: 1px solid #ccc;
}
.homepage .footer {
	border-top: none;
}	
.homepage .footer {
	position: relative;
	background:#fff;
}
.footer-content{
	margin-top: 40px;
/*	margin-left:-15px;
	margin-right:-15px;*/
}
.footer h5{
	font-family: 'Roboto-Bold';
	font-size: 16px;
	color: #ac2b28;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 5px;
}
.footer .footer-content-left p{
	font-size: 22px;
	color: #000000;
	line-height: 28px;
	text-align: justify;
}
.footer-content-left img{
	display: block;
	margin: 0 auto;
}
.contact_l p,.footer .footer-content-mid p{
	font-size: 16px;
	color: #333333;
	line-height: 25px;
}
.contact_l p span, .footer .footer-content-mid p span{color: #ac2b28}
.footer p.made-with,.footer p.made-with a{
	font-size: 14px;
	color: #666666;
}
.footer p.made-with-top{
	 padding-top: 20px;
}
.footer ul li{
	list-style-type: none;
	display: inline-block;
	width: 30px;
}
.footer .bot-slide1 {
	width: 100%;
	height: 5px;
    bottom: 9px;
    right: 149px;
}
.homepage .footer .bot-slide1 {
    height: 8px;
    bottom: 15px;
    right: 228px;
}
.footer .register h4{
	font-size: 14px;
	line-height: 26px;
	color: #000000;
	text-transform: uppercase;
	margin-top: 50px;
	text-align: right;
}
.footer .register input{
	width: 100%;
	border: none;
	height: 30px;
	border-top: 1px solid #bcbec0;
	border-bottom: 1px solid #bcbec0;
	padding-left:5px;
	margin-top: 20px;
}
.footer .register input::placeholder{
	color: #bcbec0;
	font-size: 13px;
	text-align: left;
	line-height: 15px;
}
.footer .register button{

	color: #e32727;
	text-transform: uppercase;
	font-size: 14px;
	background: none;
	border: none;
	float: right;
	margin-top: 5px;
}
.footer ul.icon-social {
	margin-top: 20px;
	margin-left: 0px;
}
.footer ul.icon-social li i{
  	color: #f3141c;
}
.address p.hot-line-f span{
	color: #ac2b28;
	font-family: 'Roboto-Bold';
	font-size: 18px;
}
.footer-bottom{
	background: url(../images/back-copy.jpg) center center no-repeat;
	background-size: cover;
    height: 45px;
}
.footer-bottom p{
text-align: center;
color: #ffffff;
padding-top: 12px;
}
.footer-bottom p a{
color: #ffffff;
}
.icon-footer{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 12%;
}
.download h6{
	text-transform: uppercase;
	color: #ac2b28;
	font-size: 16px;
	margin-bottom: 5px;
}
.download p{
	color: #666666;
	font-size: 16px;
}
.download img{
	width: 37px;
	height: 46px;
	display: block;
	margin: 0 auto;
}
.download>div , .download>div>div{ 
	padding-left: 0px;
	padding-right: 0px;
}
.download1{
	margin-bottom: 15px;
}
.download div.download-text{
	padding-left: 20px;
}
/*END FOOTER*/



/* Large desktop */
@media screen and (min-width: 1440px) {
	
}
@media screen and (min-width: 1600px) {
	
}

@media screen and (min-width:1680px){
	
}
@media screen and (min-width:1920px){
	
}
@media screen and (max-width: 1280px) {
	
}
@media screen and (min-width: 1440px) and (max-width: 1660px) {
.section-sys:before {
    width: 300px;
    height: 300px;
} 
#slider-1 {
    width: 100%;
   height: 550px;
 } 
 .project {
    margin-top: 40px;
    padding-bottom: 0px;
}
.text-banner h1 {
    font-size: 45px;
}
.title-t {
    font-size: 35px;
    margin: 15px 0px;
}
#map {
    height: 500px;
}
.map {
    margin-top: 0px;
}
.betong-box-popup .modal-dialog {
    top: 25%;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
.betong-box-popup .modal-dialog {
    top: 20%;
}
.text-banner h1 {
    font-size: 45px;
}
.map {
    margin-top: 0px;
}
#map {
    height: 450px;
}
.box-some-text {
    height: 270px;
}
.box-some-text p {
    font-size: 26px;
    margin-top: 10px;
}
.title-t {
    font-size: 35px;
    margin: 15px 0px;
}
.betong-box-popup .modal-content {
    width: 75%;
    margin: 0 auto;
    top: 30%;
}
.project {
    margin-top: 40px;
    padding-bottom: 0px;
}
#slider-1 {
    width: 100%;
    height: 450px;
}
.slider-main .caption h2 {
  font-size: 35px;
}
.slider-main .caption h1 {
    font-size: 45px;
}
.section-sys:before {
    width: 220px;
    height: 220px;
}  
}
/*IPAD NGANG*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
 .betong-box-popup .modal-content {
    width: 80%;
    top: 30%;
}
div.padding-5.box-content-pop {
    min-height: 240px;
}
.slider-main {
    margin-top: 68px;
} 
.banner-inside {
    margin-top: 68px;
}
.box-address >div:nth-child(2) >div{
  padding-left: 7px;
  padding-right: 7px;
}
.banner-inside.banner-news-login {
    height: 260px;
}
.lang.news-in a {
    font-size: 14px;
}
.box-ques-content h5 {
    font-size: 26px;
}
.banner-inside {
    height: 160px;
}
 .intro-inside.co-cau-to-chuc .title-t {
  clear: both;
  margin-top: 30px;
 }
 .slider-resource .slider-img .facy-box-des h5 {
    font-size: 17px;
}
 .infor-per {
    margin-top: 5px;
    margin-bottom: 40px;
}
.title-s {
    font-size: 30px;
    margin: 10px 0px 20px;
}
 #timeline .demo-card {
    width: 45%;
    height: 315px;
}
#timeline .demo-card-wrapper {
    width: 100%;
    height: 2900px;
    margin: 0 auto;
}
#timeline .demo-card:nth-child(odd) .head::before {
    left: 461.5px;
}
#timeline .demo-card:nth-child(even) .head::before {
    right: 458.5px;
} 
 .introduce .introduce-top .intro-left .intro-number {
    margin-bottom: 0px;
    margin-top: 10px;
}
.text-banner h1 {
    font-size: 45px;
}
li.li-child-menu ul {
    top: 38px;
}
div.footer-content-mid{
  padding-left: 0px;
  padding-right: 0px;
}
.why-choose-icon {
    margin-top: 5px;
}
#map {
    height: 400px;
}
.choose-icon {
    padding: 0;
    margin-top: 10px;
    height: 60px;
}
.choose-icon h5 {
    font-size: 15px;
    line-height: 20px;
    padding-left: 7px;
}
.quantity {
    padding-top: 30px;
    padding-bottom: 30px;
}
.title-t {
    font-size: 35px;
}
.box-some-text p {
    font-size: 26px;
    margin-top: 0px;
}
.quantity-content h3 {
    font-size: 45px;
    margin-top: 20px;
}
.section-sys:before {
    width: 150px;
    height: 153px;
}
.box-some-text {
    height: 210px;
    margin-top: 30px;
}
 .box-title-intro h3 {
    font-size: 18px;
} 
.introduce .left-17 span {
    font-size: 30px;
}
.introduce h2 {
    font-size: 57px;
    margin-left: -34px;
}
.form-forgot-password {
    width: 70%;
}
li.li-child-menu {
    line-height: 38px;
  }
li.li-child-menu a {
    font-size: 13px;
}
.header-icon-top ul {
    left: 40%;
}
.icon-footer {
    width: 20%;
}
li.li-child-menu.sub:after {
    right: 14px;
    top: 14px;
}
.lang {
    left: auto;
    right: 0%;
}
.lang.news-in {
    right: 10%;
}
.logo-main img {
    margin-left: 2px;
    width: 60%;
}
.menu-main-pc .ul-menu-main	{
	margin-left: -25px;
}
li.li-child-menu {
    float: left;
    padding-right: 12px;
}
li.li-child-menu.sub {
    padding-right: 30px;
}
#slider-1 {
    width: 100%;
    height: 450px !important;
}
.slider-main .caption h1 {
    font-size: 40px;
}
.slider-main .caption h2 {
    font-size: 30px;
}
.intro-bot-content {
    background-size: inherit;
}
.intro-bot-content:hover {
    background-size: inherit;
}
.product-service  .slick-slider .slick-list{
	height: 450px !important;
}
.slider-product .slick-prev {
    left: 78%;
}
.title-member h4 { 
    font-size: 15px;
}
.title-member {
    margin-top: 35px;
    margin-left: -15px;
    width: 220px;
}
.slider-product-img {
	margin-top: 50px;
}

/*.slider-main .caption h1  {
    font-size: 55px;
}
.slider-main .caption h2 {
    font-size: 25px;
}*/
.caption {
    width: 100%;
    top: 20%;
}
.caption.caption-left {
    left: -25%;
    top: 23%;
}
.caption {
    width: 100%;
    top: 20%;
    left: 25%;
}
.img-why-choose{
	margin-top: 70px;
}
.map .title-selection {
    margin-left: 30px;
}
.pro-text {
    padding: 5px 10px;
}
.du-an-content ul.nav-tabs {
    width: 65%;
    margin-top: 15px;
}
.form-login {
     width: 40%;
}
.sub-content-news .news-right >div:nth-child(2) {
    margin-top: 15px;
}
.sub-content-news .infor {
    padding-bottom: 15px;
}
}
/*IPAD DUNG*/
@media screen and (max-width:991px) {
div.padding-5.box-content-pop {
    min-height: 210px;
}  
li.li-child-menu.sub.act-li:after {
    background: url(../images/down-arrow-r.svg) center center no-repeat !important;
    background-size: 12px !important;
    background-position: center center;
    text-align: center;
}
li.li-child-menu.sub:hover::after {
    background: url(../images/down-arrow-r.svg) center center no-repeat !important;
    background-size: 12px !important;
    background-position: center center;
    text-align: center;
}
.li-child-menu.sub.act-li:after {
 -webkit-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg);
 -webkit-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
li:hover a, li.li-child-menu ul li:hover a, li.li-child-menu a.act {
    color: #570b0c;
    font-weight: bold;
}
.box-title-intro h3 {
    font-size: 17px;
}
.breadcrumb {
    margin-bottom: 10px;
}
div.download{
  padding-left: 0px;
  padding-right: 0px;
}  
li.li-child-menu.sub:after {
    background: url(../images/down-arrow.svg) right center no-repeat;
    background-size: 12px;
    right: 18px;
    content: '';
    top: 0px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-position: center center;
}
.box-cong-nghe-slider .slick-prev {
    left: -10px;
}  
.news .title-selection{
  display: none;
} 
.slider-customter .slick-slide img {
    width: 60%;
    max-width: 100% !important;
} 
.betong-box-popup .modal-content {
    width: 95%;
    top: 30%;
}
 .project {
    margin-top: 40px;
    padding-bottom: 0px;
} 
 ul.list-year h3{
  font-size: 16px;
 }
 ul.list-year {
    padding-left: 10px;
    margin-top: 20px;
}
.box-news-list.box-details-inside h5 {
    font-size: 23px;
    padding-left: 15px;
    margin-bottom: 30px;
}
.box-content-details-inside h2 {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 20px;
    margin-top: 20px;
}
 .list-news-inside .row >.col-md-12.padding-0.clearfix >div:nth-child(1){
      width: 16.66666667%;
      float: left;
 } 
  .list-news-inside .row >.col-md-12.padding-0.clearfix >div:nth-child(2){
          width: 83.33333333%;
          float: left;
 } 
 #recruitment-form .form-control {
    font-size: 14px;
} 
 .box-question >div{
  width: 33.33333%;
  float: left;
 }
 .button-recuritment .btn-send {
    width: 100px;
    height: 40px;
    margin-left: 15px;
    font-size: 16px;
}
 .box-content-tu-van-details .title-tv {
    font-size: 24px;
}
 .intro-inside .box-news-list img{
  margin-top: 0px;
 }
 .box-btn {
    font-size: 16px;
    padding: 7px 0px;
    margin-top: 15px;
}
 .box-news-de-right {
    padding-top: 0px;
}
.box-ques-content h5 {
    font-size: 19px;
}
.box-content-news-details h2 {
    font-size: 25px;
    line-height: 1.2;
}
.list-news .box-news-list h2 {
    font-size: 16px;
}
.sub-content .box-news-list p {
    color: #333333;
    font-size: 15px;
    line-height: 1.3;
} 
  .box-t-add a {
    font-size: 22px;
}
 .box-t-add h3 {
    font-size: 20px;
} 
 .box-news-list h2 {
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 5px;
    margin-top: 0px;
} 
 .title-t.text-t-number span {
    width: 40px;
    height: 40px;
    font-size: 30px;
}
.duan-cttieubieu .project.project-inside .box-img-text .box-text-des p {
    line-height: 18px;
    font-size: 17px;
    padding-left: 15px;
    margin-bottom: 0px;
}
.duan-cttieubieu .project.project-inside .box-img-text .box-text-des a {
    font-size: 12px;
    padding-left: 20px;
    color: #333333;
} 
.duan-cttieubieu .project.project-inside .box-img-text {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 9;
    padding: 5px;
}
.title-t.text-t-number {
    display: inline-block;
    line-height: 40px;
}
  .box-address >div:nth-child(2) >div{
    width: 50%;
    height: 210px;
  }
 .betong-box-popup .modal-content {
    overflow-y: scroll;
}
.box-quipment-bom  img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
} 
 .box-content-pop{
  width: 25%;
  float: left;
 }
 .slider-giai-thuong .slick-next , .slider-giai-thuong .slick-prev {
   display: none !important;
 }
 .slider-resource .slider-img .facy-box-des {
    left: 15px;
    right: 15px;
    bottom: 0px;
    padding: 7px 5px;
}
.quality-box{
  clear: both;  
}
.slider-resource .slider-img .facy-box-des h5 {
    font-size: 16px;
    margin-bottom: 0px;
}
 .quality-box .padding-left-0 ,  .quality-box .col-md-6.col-sm-6.col-xs-12{
  width: 100%;
 }
 .box-card-details >div{
  height: 320px;
 }
 div.padding-0.you-know {
    width: 100%;
    clear: both;
}
.quality-des {
    width: 100%;
} 
.co-cau-to-chuc .title-t {
    font-size: 30px;
    display: block;
    clear: both;
}
 .infor-per {
    margin-top: 10px;
    margin-bottom: 40px;
    clear: both;
} 
 .cycle-box >div{
  width: 33.33333%;
  height: 410px;
  overflow: hidden;
 }
 .cycle-box >div:nth-child(4){
  height: 330px;
 }
  .cycle-box >div:nth-child(5){
  height: 330px;
 } 
  .cycle-box >div:nth-child(6){
  height: 330px;
 } 
 .download-brand {
    margin-top: 30px;
} 
 .title-s {
    font-size: 25px;
} 
 #timeline .demo-card {
    margin: 21px auto 0px;
    max-width: 95%;
    float: none;
}
  .vegas-control a {
    width: 13px;
    height: 13px;
}
 .ul-menu-main > li:nth-child(3) ul {
    left: auto; 
} 
 #main-menu{
  margin-left: 0px;
 }
 .top-menu .logo-main.hidden-md.hidden-lg{
  display: none;
 } 
 .banner-inside {
    height: 180px;
    margin-top: 45px; 
} 
.text-banner h1 {
    font-size: 40px;
}
 li.li-child-menu ul a {
    color: #fff;
} 
.slider-customter .slick-prev {
  left: 0px;
}
.slider-customter .slick-next {
  right: 0px;
}
.news .news-left{
  width: 78%;
  margin: 0 auto;
}
#map {
  height: 300px;
}
.banner-inside.banner-news-login {
    height: 290px;
}
.box-img-text .box-text-des p {
    line-height: 40px;
    font-size: 22px;
}
.box-img-text .box-number h6 {
    font-size: 25px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.why-choose-icon >div{
  width: 50%;
  float: left;
}
.box-img-text {
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 5px;
}
.section-sys:before {
    width: 150px;
    height: 153px;
}
.sys-img-title h5{
  font-size: 14px;
}
.quantity div.col-md-4{
  width: 33.33333333%;
  padding-left: 5px;
  padding-right: 5px;
}
.quantity-content p {
    font-size: 16px;
    margin-top: 30px;
}
.quantity .container{
  padding-left: 0px;
  padding-right: 0px;
}
.quantity-content h3 {
    font-size: 45px;
}
.title-t {
    font-size: 30px;
}
.box-some-text {
    height: 190px;
    margin-top: 30px;
}
.introduce img{
  display: block;
  margin: 0 auto;
  margin-top: 30px;
}
.slider-main .caption h1 {
    font-size: 35px;
}
.slider-main .caption h2 {
    font-size: 25px;
}
.introduce .left-17 {
    height: 65px;
    margin-top: -28px;
    margin-left: -125px;
}
.introduce h2 {
    margin-left: -30px;
}
.box-some-text p {
    font-size: 24px;
    margin-top: 0px;
}
div.intro-right{
  display: none;
}
div.footer-content-left{
  width: 100%;
  margin-bottom: 30px;
}
div.footer-content-mid{
 width: 66.66666667%;
}
div.download{
  width: 33.33333333%;
}
.comment legend:after {
    width: 74%;
    left: 22%;
}
.sub-content-news .infor {
    padding-bottom: 15px;
}	
#recruitment-form {
    width: 100%;
    float: right;
}
.form-forgot-password {
    width: 80%;
}
.form-login {
    width: 55%;
}
.contact-address{
	margin-top: 20px;
	padding-left: 30px;
}	
.intro-bot-content {
    padding-top: 10px;
    padding-bottom: 10px;
    background-size: cover;
    margin-top: 20px;
    margin-bottom: 20px;
}
.form-recruitment .button-recuritment .btn-send{
	margin-right: 20px;
}
h5.apply-online:after {
    left: 30%;
}
.sub-content .img-news {
    margin-bottom: 30px;
}
.sub-content .news-right-content .date-time span {
    margin-right: 25px;
}
.news .news-left p, .news .news-right p {
    padding-right: 15px;
}
.sub-content .news-right .news-right-content img{
	display: block;
	margin: 0 auto;
}
.intro-bot-content:hover {
	padding-top: 10px;
    padding-bottom: 10px;
    background-size: cover;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}		
.icon-footer {
    width: 30%;
}
.com-member {
	margin-top: 0px;
	padding-bottom: 10px;
}
.title-member {
    margin-top: 20px;
}
.slider-main {
    position: relative;
    margin-top: 43px;
}
.vegas-control {
    bottom: 10px;
}
.news-right-content{
	padding-right: 15px;	
}
.news-right-content img{
	display: block;
	margin: 0 auto;
}	
.g_share{
	margin-top: 20px;
}
.footer .register input {
    width: 50%;
}
.footer .register button {
float: none;
margin-left: 30px;
 
}	
.modal-project .modal-dialog {
    width: 70%;
    margin: 0 auto;
    margin-top: 15%;
}
.modal-project .modal-content .modal-detail {
    margin-top: 5%;
}	
.du-an-content ul.nav-tabs {
    width: 90%;
}
.du-an-content {
    margin-top: 60px;
}

.top-header.ticky .header-icon-top {
	display: block;
	position: fixed;
	top: 0;
	width: 100%;
	-webkit-transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -ms-transition: all .75s ease-in-out;
    -o-transition: all .75s ease-in-out;
    transition: all .75s ease-in-out;
	z-index: 999999;
}
#slider-1 {
    width: 100%;
    height: 310px;
}
.slider-main .caption h3 span {
    font-size: 35px;
}
.slider-main .caption h3 {
    font-size: 25px;
}
.caption {
    width: 40%;
    top: 20%;
}
.news-right >div{
	padding: 0;
}
.introduce{
	display: grid;
	display: -ms-grid;
}
.introduce >div:nth-child(1){
	order: 2;
}
.introduce >div:nth-child(2){
	order: 1;
}
.introduce >div:nth-child(3){
	order: 3;
}
.introduce {
    margin-top: 20px;
}
.product-service {
    margin-top: 0px;
    padding-top: 40px;
    padding-bottom: 40px;

}
.slider-product {
    position: relative;
    margin-top: 25px;
}
.slider-product-img {
	margin-top: 100px;
}
.slider-product-img img {
	display: block;
	margin: 0 auto;
}
.product-service .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
    margin-top: 15px;
    margin-bottom: 15px;
}
a.logo-main img{
	margin-top: 30px;
}
.logo-main img {
    margin-top: 0px !important;
    top: -1px;
    z-index: 99999;
    left: 5px;
}
.logo-main.hidden-sm.hidden-xs{
  display: block !important;
}
.slider-product .slick-next {
    top: 115%;
    right: 43%;
}
.slider-product .slick-prev {
    top: 115%;
    left: 42%;
}
.content-why-choose{
	display: grid;
	display: -ms-grid;
}
.content-why-choose >div:nth-child(1){
	order: 1;
	-ms-order: 1;
}
.content-why-choose >div:nth-child(2){
	order: 2;
	-ms-order: 2;
}
.choose-icon img {
    height: 50px;
    width: 50px;
}
.choose-icon h5 {
    padding-left: 0px;
    margin-top: 5px;
}
.img-why-choose{
	margin-top: 0px;
  margin-bottom: 30px;
}

.img-why-choose img{
	display: block;
	margin: 0 auto;
}
.project .title-selection {
    margin-left: 35%;
}
.customer .title-selection {
    margin-left: 35%;
}
/*.top-header{
	position: fixed;
	z-index: 999;
	width: 100%;
}*/
.header-icon-top {
    background: #ac2b28;
    height: 45px;
    position: fixed;
    z-index: 9999;
    width: 100%;
}
.header.ticky .header-icon-top {
    display: block;
}
.header.ticky .header-icon-top {
    height: 45px;
}
/*	MENU RESPONSIVE*/
  #main-menu li.li-child-menu ul, #main-menu .openn {
    -webkit-transition: all cubic-bezier(.77, 0, .175, 1) .5s;
    -o-transition: all cubic-bezier(.77, 0, .175, 1) .5s;
    -moz-transition: all cubic-bezier(.77, 0, .175, 1) .5s;
    transition: all cubic-bezier(.77, 0, .175, 1) .5s;

}
li.li-child-menu ul {
    display: none;
}


	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none !important;-webkit-box-shadow:none;box-shadow:none;margin-top:68px;}
	header .navbar-default .navbar-toggle{top:14px;}
	header .navbar-toggle .icon-bar{width:34px;height:4px;}
	header .navbar-toggle{right:20px;}
	#top-logo{top:20px !important;left:20px !important;width:170px !important;height:50px !important;background-size:170px !important;}
	#main-menu{position:fixed;z-index:9999999999;
    left:100%;right:0;bottom:0;top:0;background:rgba(0,0,0,0.7);
    overflow:hidden;
    -webkit-transition:all cubic-bezier(.77, 0, .175, 1) .5s;
    -moz-transition:all cubic-bezier(.77, 0, .175, 1) .5s;
    -ms-transition:all cubic-bezier(.77, 0, .175, 1) .5s;
    -o-transition:all cubic-bezier(.77, 0, .175, 1) .5s;
    transition:all cubic-bezier(.77, 0, .175, 1) .5s;}
	#main-menu.open{left:0px;}
	#main-menu .menu-container{ overflow-y: scroll;
    position:absolute;
    right:0;
    height:100%;
    width:314px;
    background: rgb(172, 43, 40,0.9);
    color:#fff;
    padding:5px 0px 30px 0px;}
	#main-menu .top-menu{overflow:auto;margin-bottom:0px;padding:0 20px 0 40px}
	#main-menu .top-menu .button-close{width:20px;height:25px;position:relative;overflow:hidden;cursor:pointer;margin-top:10px;}
#main-menu .top-menu .button-close:before, #main-menu .top-menu .button-close:after {
    position: absolute;
    left: -12px;
    right: -12px;
    bottom: 11px;
    top: 12px;
    content: "";
    background: #ffffff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
	#main-menu .top-menu .button-close:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
	#main-menu .top-menu .button-close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
	#main-menu .top-menu .button-close:hover:before{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	#main-menu .top-menu .button-close:hover:after{bottom:4px;top:4px;left:4px;right:4px;background:transparent;border-bottom:1px solid white;border-right:1px solid white;}
	#main-menu .scroll-responsive{padding:0px 30px 0px 40px;overflow:auto;}
	#main-menu ul.list-item{list-style-type:none;padding:0px;margin-bottom:60px;}
	#main-menu ul.list-item li a{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;color:#fff;font-size:16px;text-decoration:none;padding-top:13px;padding-bottom:13px;display:block;}
	#main-menu ul.list-item li a span{display:inline-block;}
	#main-menu ul.list-item li a span:after{position:relative;content:"";display:block;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:0;height:1px;background:#ebc21d}
	#main-menu ul.list-item li a:hover,
	#main-menu ul.list-item li.active a{color:#ebc21d;}
	#main-menu ul.list-item li a:hover span:after,
	#main-menu ul.list-item li.active a span:after{width:100%;}
	#main-menu .bot-menu{position:absolute;bottom:30px;left:40px;right:30px;}
	#main-menu .scroll-responsive.active .bot-menu{position:relative;left:0;right:0;}
	#main-menu .bot-menu .social{padding-bottom:17px;margin-bottom:40px;display:block;border-bottom:1px solid #448186;}
	#main-menu .bot-menu .social > a{color:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;font-size:19px;display:inline-block;padding-right:10px;margin-right:15px;}
	#main-menu .bot-menu .social > a:hover{color:#ebc21d}
	#main-menu .bot-menu .copyright p{margin:0;}
	#main-menu .bot-menu .copyright{margin-bottom:0px;}
	.button-menu *{-webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;-ms-transition:all .5s ease;
    -o-transition:all .5s ease;transition:all .5s ease;}
	.button-menu{position:fixed;z-index:999999;right:20px;top:12px;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;}
	.button-menu .container-hamberger{cursor:pointer;}
	.button-menu .hamberger{width: 30px;height: 20px;position:relative;overflow:hidden;}
	.button-menu .hamberger .icon-bar{width:100%;height:2px;background:#ffffff;display:block;position:absolute;left:0;}
	.button-menu .hamberger .icon-bar:nth-child(1){top:0px;}
	.button-menu .hamberger .icon-bar:nth-child(2){top:47%;}
	.button-menu .hamberger .icon-bar:nth-child(3){bottom:0px;}
	.button-menu:hover .hamberger .icon-bar:nth-child(1){transform:rotate(-45deg);left:-6px;}
	.button-menu:hover .hamberger .icon-bar:nth-child(2){top:50%;}
	.button-menu:hover .hamberger .icon-bar:nth-child(3){transform:rotate(45deg);left:-6px;}
	.top-menu{display:block;}
	li.li-child-menu,.top-header.ticky li.li-child-menu{float:none;line-height: 36px;}
	ul.ul-menu-main{float:left; padding-left:15px; margin-top: 20px; width: 85%;}
	li.li-child-menu.sub:after,.ticky li.li-child-menu.sub:after{top:0px}
	li.li-child-menu ul,.ticky li.li-child-menu ul{display: block;position: relative;top: 0px;background: none;left: 0px;text-align: left;margin-left: 22px;}
	li.li-child-menu ul li {line-height: 36px;border-bottom: none;}
/* END MENU RESPONSIVE*/
.quantity {
    background: url(../images/quantity-back.jpg) center center ;
    padding-top: 0px;
    padding-bottom: 40px;
}	
.product-service {
    background: url(../images/pro-back.jpg) center center;
}
.news {
    background: url(../images/news-back.jpg) center center;
}
.hotline {
    right: 12%;
}
.header.ticky .header-icon-top .lang {
    display: block;
}
.lang {
    position: absolute;
    left: auto;
    right: 75px;
    top: 10px;
}
.lang.news-in {
    right: 135px;
}
.header-icon-top ul {
    left: 14%;
}
.quantity-content{
	margin-top: 30px;
}
.quantity-content p {
    margin-top: 10px;
}
.map .title-selection {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 0px;
}
.pro-text {
    padding: 5px 5px;
}
.pro-text p {
    font-size: 15px;
    line-height: 20px;
    text-align: justify;
}
.pro-text h4 {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 20px;
    text-align: justify;
}
.news {
    padding-top: 20px;
    padding-bottom: 30px;
    margin-top: 0px;
}
.news-right{
	margin-top: 30px;
}
.col-md-6.news-right {
    padding-left: 15px;
    padding-right: 15px;
}
.img-intro{
	margin-top: 30px;
}
.img-intro img{
	display: block;
	margin: 0 auto;
}
.title-news-inside h4{
	margin-top: 20px;
}
.slider-news img{
	display: block;
	margin: 0 auto;
}
.slider-news .news-right-content {
    padding-right: 0px;
}
.slider-news .slick-next {
    right: -5px;
}
.slider-news .slick-prev {
    left: -5px;
}
.sub-content .news h5 {
    font-size: 14px
}
#timeline .demo-card-wrapper >div::after{
  display: none;
}
}
/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px) {
  .intro-inside.list-news-inside{
    overflow: hidden;
  }
  .intro-inside.list-news-inside .box-list-news-inside {
    padding-left: 15px;
    padding-right: 15px;
  }
   .intro-inside.list-news-inside .box-list-news-inside .box-content-news-details{
    padding-left: 0px;
    padding-right: 0px;
  }
/*  .intro-inside.list-news-inside .box-news-list >div:nth-child(2) >div{
    padding-left: 0px;
    padding-right: 0px;
  }*/
  .intro-inside.thu-ngo .title-selection .title-t.text-left{
  padding-left: 15px;
  }
  .betong-box-popup >div.col-md-12.padding-0 {
    margin-bottom: 0px;
}
  .slider-resource .slider-img .facy-box-des {
    background: rgba(21,101,176,0.9);
}
  .slider-resource .slider-img .facy-box-des p {
    display: block;
}
  .tech-img-small{
    display: none !important;
  }
  #timeline {
    padding-bottom: 0px;
    padding-top: 0px;
}
  .slider-customter .slick-slide img {
    width: 100%;
}
.slider-sys .slick-next {
    top: 30%;
    right: 0px;
 }
 .slider-sys .slick-prev {
    top: 30%;
    left: 0px;
 }
 .slider-customter .slick-next{
    right: 0px;
 }
 .slider-customter .slick-prev{
  left:  0px;
 }    
  .betong-box-popup .modal-dialog {
    top: 0%;
    overflow-y: scroll;
}
  .project .project-main {
    margin-top: 0px;
}
.list-news p.date-time p {
    font-size: 14px;
}
.box-news-list a.view-details {
    font-size: 15px;
}
.box-news-list h2, .box-news-list h2 a {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
}
 #contact-form .form-group {
    margin-bottom: 22px;
}
.news .title-selection.hidden-lg.hidden-md{
  display: none;
} 
.form-contact  input::placeholder , .form-contact  textarea::placeholder{
font-size: 14px;
}
 #contact-form .help-block {
    position: absolute;
    font-size: 12px;
    margin-top: 2px;
}
.introduce .left-17 h3 {
    width: 200px;
    height: 25px;
    margin-top: -4px;
    padding-top: 5px;
    font-size: 16px;
}
.introduce .left-17 p {
    margin-bottom: 5px;
    margin-top: 16px;
}
 .sys-content {
    margin-top: 10px;
    padding-right: 0px;
}
p.details-text {
    font-size: 14px;
}
.betong-box-popup button.close {
    opacity: 1;
    position: fixed;
    top: -5px;
    right: 0px;
    z-index: 44;
}
.betong-box-popup .modal-dialog{
  overflow-y: scroll;
}
.betong-box-popup .modal-content {
    padding: 20px;
    width: 97%;
    margin: 0 auto;
    top: 0%;
}
.betong-box-popup .modal-content h5 {
    font-size: 16px;
    margin-top: 10px;
}
 .betong-box-popup .modal {
    position: fixed;
    top: 12%;
    right: 10px;
    bottom: 8%;
    left: 10px;
    z-index: 1050;
    display: none;
    /*overflow: hidden;*/
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.betong-box-popup >div {
    margin-bottom: 10px;
}
.betong-box-popup  .box-content-pop{
  height: 200px;
}
.betong-box-popup .modal-content{
  padding: 15px;
}
.box-address >div:nth-child(2) >div {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
} 
.body-popup-betong .modal-backdrop {
    display: block;
}
 .quality-des {
    font-size: 16px;
} 
.quality-box .padding-left-0, .quality-box .col-md-6.col-sm-6.col-xs-12{
  padding-left: 15px;
}
.intro-inside.sp-betong{
  padding-left: 10px;
  padding-right: 10px;
}
.box-content-pop {
    width: 50%;
    float: left;
}
 div.nhansu-box{
  clear: both;
 }
 .intro-inside.chat-luong-moi-truong{
 padding-left: 10px;
 padding-right: 10px;
 }
 .sub-content .title-selection{
  margin-left: 0px;
 }
 .download-brand {
    width: 245px;
    padding-left: 0px;
    padding-right: 0px;
}
.breadcrumb{
  margin-bottom: 10px;
}
.breadcrumb >div{
  padding-left: 0px;
  padding-right: 0px;
}
div.padding-0.box-car{
  padding-right: 15px;
  padding-left: 15px;
}
.box-card-details >div {
    height: auto;
    margin-bottom: 20px;
}
.box-card-details h6 {
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
} 
.title-s {
    font-size: 18px;
}
.co-cau-to-chuc .title-t {
    font-size: 24px;
}
.intro-inside.co-cau-to-chuc h2 {
    font-size: 16px;
    line-height: 1.3;
}
.title-box-s {
    font-size: 17px;
}
.download-brand img {
    width: 25px;
    height: 35px;
}
.download-brand h6 {
    font-size: 16px;
    margin-top: 8px;
}
 .download-brand >div:nth-child(1){
  width: 20%;
  padding: 0px;
 }
  .download-brand >div:nth-child(2){
  width: 80%;
 }
#timeline .demo-card .head h2 {
    padding: 5px 15px;
    font-size: 16px;
}
.cycle-box {
  margin-top: 30px;
}
.cycle-box >div {
    width: 100%;
     height: auto !important;
     overflow: initial; 
     margin-bottom: 20px;
}  
.banner-inside {
    height: 110px;
    margin-top: 38px;
}
.text-banner h1 {
    font-size: 26px;
}
div.footer-content-mid {
    width: 100%;
}
  div.footer-content-mid >div {
    width: 100%;
}
div.download{
  width: 100%;
}
div.download >div{
  width: 100%;
}
.footer-content-mid .address{
  margin-top: 10px;
  margin-bottom: 20px;
}
.download div.download-text {
    padding-left: 0px;
}
.download img {
    width: 37px;
    height: 46px;
    display: block;
    margin: initial;
}
.footer-bottom {
    height: 35px;
} 
.footer-bottom p , .footer-bottom p a{
    padding-top: 10px;
    font-size: 12px;
} 
  .box-img-text .box-text-des p {
    line-height: 35px;
    font-size: 21px;
}
.box-img-text .box-number h6 {
    font-size: 23px;
    width: 35px;
    height: 35px;
    line-height: 35px;
}
  .vegas-control a {
    width: 10px;
    height: 10px;
}
.section-sys:before {
    width: 110px;
    height: 115px;
}
 .slider-customter .slick-next {  
    top: 50%;
    background-size: 20px;
    height: 30px;
    width: 30px;
}
 .slider-customter .slick-prev {
    top: 50%;
    background-size: 20px;
    height: 30px;
    width: 30px;
}
  .introduce .introduce-top {
    margin-top: 0px;
}
.slider-customter .slick-slide img {
    display: block;
    margin: 0 auto;
    width: 55%;
}
.news-left .img-news .box-news-main {
    position: relative;
     bottom: 0px; 
     left: 0px; 
     right: 0px; 
    background: rgba(0,0,0,0.6);
    padding: 5px 10px;
}
.introduce .introduce-top p {
    padding-right: 0px;
}
  .header-icon-top {
    height: 40px;
}
.box-some-text p {
    font-size: 16px;
    margin-top: 0px;
}
.quantity div.col-md-4 {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
.news .news-left {
    width: 100%;
    margin: 0 auto;
}
.pro-box-top >div:nth-child(2){
  margin-top: 30px;
}
.why-choose-icon >div {
    width: 100%;
    float: left;
}
.pro-box-bottom >div:nth-child(2){
  margin-top: 30px;
}
.lang {
    right: 70px;
    top: 10px;
    padding: 0px;
    width: auto;
}
.lang a , .lang.news-in a{
  font-size: 14px;
}
.lang.news-in{
  background: none;
  width: auto;
  right: 125px;
}
a.logo-main img {
    width: 40%;
}
.header.ticky .header-icon-top {
    height: 40px;
}
.slider-main {
    position: relative;
    margin-top: 38px;
}
.slider-main .caption h1 {
    font-size: 23px;
}
.slider-main .caption h2 {
    font-size: 18px;
    margin-top: 5px;
}
.caption , .caption.caption-left  {
  left: 0%;
}
.caption.caption-mid{
 top: 20%;
}
.com-member {
    margin-top: 0px;
    padding-bottom: 0px;
}
div.intro-number{
  padding-left: 0px;
  padding-right: 0px;
}
.introduce .left-17 span {
    font-size: 24px;
}
.introduce .left-17 {
    height: auto;
    margin-top: -27px;
    margin-left: -40px;
}
.introduce h2 {
    margin-left: -15px;
    font-size: 55px;
}
.introduce .introduce-top .intro-left .intro-number {
    margin-bottom: 0px;
    margin-top: 10px;
}

.box-title-intro h3 {
    font-size: 16px;
    padding: 5px 25px;
}
.box-title-intro {
    left: 0px;
    top: 5px;
    width: 100%;
    text-align: center;
} 
.sub-content .img-news {
    margin-bottom: 10px;
}
.comment legend:after {
    width: 60%;
    left: 40%;
}
.sub-content .news-right-content {
    margin-top: 0px;
}
.news-sub-inside-bot >div {
    padding-left: 15px;
    padding-right: 15px;
}	
.col-md-6.news-right {
    padding-left: 0px;
    padding-right: 0px;
}
.icon-footer {
    width: 40%;
}
.sub-content .news-title-sub h4 {
    font-size: 14px;
}
.form-forgot-password {
    width: 100%;
    margin-top: 20%;
}
.form-forgot-password .btn-login {
    width: 130px;
    margin-top: 20px;
}
.form-login {
    width: 95%;
}
.btn-login {
    width: 130px;
}
.form-login .btn-login {
	margin-top: 10px;
}
.du-an-content ul.nav-tabs {
    width: 65%;
}
.intro-bot-content {
    padding-top: 10px;
    padding-bottom: 10px;
    background-size: cover;
    margin-top: 20px;
    margin-bottom: 20px;
}
.intro-bot-content:hover {
	padding-top: 10px;
    padding-bottom: 10px;
    background-size: cover;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}	
.footer-content-mid >div{
	padding-right: 0;
	padding-left: 0;
}	
.modal-project .modal-dialog {
    width: 85%;
    margin: 0 auto;
    margin-top: 30%;
}	
.du-an-content ul li {
    float: none;
    width: 100%;
    text-align: center;
}	
.footer-content-mid {
	margin-top: 0px;
}
.g_share {
	margin-top: 15px;
}
.title-member {
    margin-left: 0px;
}
.title-member:before {
    right: -19px;
}
.project-main .col-md-12 {
    padding-left: 2px;
    padding-right: 2px;
}
.slider-product h5 {
    margin-bottom: 10px;
    margin-top: 30px;
}
.pro-icon img {
    display: block;
    margin: 0 auto;
}
.pro-icon {
    margin: 20px auto;
}
.slider-product .slick-next {
    top: 23%;
    right: 0%;
    transform: rotate(90deg);
    background: none;
}
.slider-product .slick-prev {
    top: 23%;
    left: 0%;
    transform: rotate(90deg);
    background: none;
}
.slider-product .slick-prev:hover, .slider-product .slick-prev:focus, .slider-product .slick-next:hover, .slider-product .slick-next:focus {
    color: transparent;
    outline: none;
    background: none;
}
.slider-product p , .slider-product h5{
    text-align: center;
}
.title-selection h4 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.3;
}
.customer .title-selection {
    margin-left: 15%;
}
.project .title-selection {
    margin-left: 15%;
}
.product-service .title-selection {
    margin-left: 7%;
}
.slider-product-img {
    margin-top: 40px;
}
.img-intro {
    margin-top: 30px;
}
.news-right >div {
    padding-left: 15px;
    padding-right: 15px;
}
.news-right-content{
	margin-top: 20px;
}
.news {
    padding-top: 30px;
    padding-bottom: 26px;
    margin-top: 20px;
}
.project-main .col-md-6 {
   padding-right: 15px;
}
.box-content-news-details h2 {
    font-size: 19px;
    line-height: 1.2;
}
.box-t-add a {
    font-size: 19px;
    text-align: left;
    margin-top: 10px;
}
.box-question >div {
    width: 75%;
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
}
.box-question {
    margin-bottom: 20px;
    margin-top: 10px;
}
h3.title-tv {
    font-size: 20px;
    padding-left: 15px;
}
.box-content-tu-van-details .title-tv {
    font-size: 22px;
}
.policy-recruitment .title-selection h4.title-t , .page-contact .title-selection h4.title-t{
  padding-left: 15px;
}
.intro-inside.position-recruitment{
  padding-left: 10px;
  padding-right: 10px;
}
.position-recruitment table th {
    font-size: 14px;
}
.position-recruitment h3, .position-recruitment .text-title-re {
    font-size: 24px;
    margin: 15px 0px;
}
.position-recruitment table td{
    border: 1px solid #ddd !important;
    font-size: 15px;
}
.position-recruitment h6{
  line-height: 1.3;
}
.button-recuritment .btn-send {
    width: 100px;
    height: 35px;
    margin-left: 15px;
    font-size: 16px;
}
.box-answer {
    padding: 10px 0px;
}
.page-contact h3 {
    font-size: 20px;
    margin: 10px 0px;
}
.form-contact .form-control::placeholer{
 font-size: 14px;
}
.banner-inside.banner-news-login {
    height: 170px;
}
.list-news-inside .row >.col-md-12.padding-0.clearfix >div:nth-child(1){
  width: 100%;
}
.list-news-inside .row >.col-md-12.padding-0.clearfix >div:nth-child(2) {
    width: 100%;
    float: left;
}
.footer-content-left img {
    display: block;
    margin: 0 auto;
    width: 50%;
}
ul.list-year li {
    position: relative;
    margin-bottom: 10px;
    width: 20%;
    float: left;
}
.list-year li.active {
    margin-left: 0px;
}
ul.list-year h3 {
    font-size: 20px;
}
.box-pagination .pagination>li>a, .box-pagination .pagination>li>span {
    font-size: 14px;
    padding: 3px 5px;
}
.why-choose {
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 30px;
}
div.download {
    padding-left: 10px;
    padding-right: 0px;
}

.padding-0.margin-20.quality-box{
   padding-left: 10px;
  padding-right: 10px; 
}
.quality-box ul {
    padding-left: 15px;
    margin-left: 5px;
}
}
 
@media screen and (max-width: 667px) {

	
}
 

@media screen and (max-width:480px) {
 .box-content-news-details h2 {
    font-size: 17px;
} 
 .box-content-pop h3 {
    font-size: 14px;
}
div.padding-5.box-content-pop {
    min-height: 190px;
}
  .text-banner h1 {
    font-size: 23px;
}
.title-selection h4 {
    font-size: 18px;
}
 .box-inside-box{
  padding-right: 10px;
  padding-left: 10px;
 }
 .slider-resource .slick-next  , .slider-facility .slick-next , .slider-nhansu .slick-next {
    right: -10px;
    height: 20px;
    width: 20px;
} 
 .slider-resource .slick-prev , .slider-facility .slick-prev , .slider-nhansu .slick-prev {
    left: -10px;
    height: 20px;
    width: 20px;
}
 .box-cong-nghe-slider .slick-next{
    right: 0px;
    height: 20px;
    width: 20px;
} 
 .box-cong-nghe-slider .slick-prev{
    left: 0px;
    height: 20px;
    width: 20px;
}
  .lang.news-in {
    padding: 0px 20px;
    right: 100px;
}
.sys-content p {
    font-size: 15px;
    color: #333;
    margin-top: 6px;
}
.section-sys {
    position: relative;
    padding-bottom: 45px;
}
.duan-cttieubieu{
  margin-top: 30px;
}
.duan-cttieubieu .pro-box-top >div:nth-child(2) {
    margin-top: 0px;
}
  .caption{
    display: none !important; 
  }
  .box-some-text {
    height: 130px;
    margin-top: 30px;
}
  .box-some-text p {
    font-size: 15px;
    margin-top: 5px;
}
  #recruitment-form .form-row >div {
    margin-top: 20px;
      width: 100%;
  }
  .button-recuritment{
    text-align: center;
  }
  #recruitment-form h5 {
    font-size: 16px;
    margin-top: 20px;
    line-height: 1.3;
}
  .project.project-inside{
    margin-top: 0px;
  }
  .box-news-list h2 {
    font-size: 15px;
      line-height: 1.3;
      margin-bottom: 5px;
      margin-top: 0px;
  }
  .list-news p.date-time{
    margin-top: 0px;
  }
  .intro-inside .box-news-list img {
    margin-top: 0px;
      margin-bottom: 10px;
  }
  .cycle-content img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 40%;
}
.list-news .box-news-list h2 {
    font-size: 15px;
}
  .title-t {
    font-size: 25px;
}
h5.apply-online:after {
    left: 50%;
}	
.hotline {
    right: 25%;
    width: 55px;
}
.hotline span{
	display: none;
}
.title-member h4 {
    font-size: 13px;
    padding-top: 10px;
    padding-left: 20px;
}

.header-icon-top ul{
	display: none;
}
.quick-alo-ph-img-circle {
    left: 3px
}
.title-member {
    width: 200px;
    height: 35px;
    margin-top: 25px;
}
.title-member:after {
    right: -27px;
    height: 35px;
    width: 23px;
}
.title-member:before {
	right: -14px;
    border-left: 14px solid #930606;
    border-top: 18px solid transparent;
    border-bottom: 17px solid transparent;
}
.slider-main .caption h3 span {
    font-size: 25px;
}
.slider-main .caption h3 {
    font-size: 20px;
}
.caption {
    width: 100%;

}
#slider-1 {
    height: 180px;
}	
	.slider-product-img {
    margin-top: 40px;
}
.img-intro {
    margin-top: 30px;
}
.news-right >div {
    padding-left: 15px;
    padding-right: 15px;
}
.news-right-content{
	margin-top: 20px;
}
.news {
    padding-top: 30px;
    padding-bottom: 26px;
    margin-top: 20px;
}
.choose-icon {
    padding: 0;
    margin-top: 0px;
    height: 60px;
}
.choose-icon img {
    height: 40px;
    width: 40px;
}
.choose-icon h5 {
    padding-left: 0px;
    margin-top: 0px;
}
.footer .register input {
    width: 60%;
    height: 35px;
}
.footer .register button {
    float: none;
}
.sys-fac {
    margin-top: 30px;
}
.slider-sys .slick-prev , .slider-sys .slick-next  {
    background-size: 18px;
    height: 30px;
    width: 30px;
}
.quantity-content h3 {
    font-size: 40px;
}
}
@media screen and (max-width: 480px) and (orientation : portrait) {
.du-an-content ul.nav-tabs {
    width: 80%;
}
}
@media screen and (min-width: 400px) and (max-width: 414px) {

}

@media screen and (max-width: 380px) {
  .box-some-text p {
    font-size: 14px;
    margin-top: 3px;
}
  .footer-bottom p, .footer-bottom p a {
      padding-top: 10px;
      font-size: 11px;
  }
  .introduce h2 {
    margin-left: -15px;
      font-size: 47px;
  }
  .introduce .left-17 h3 {
    font-size: 16px;
    width: 200px;
    height: 25px;
    margin-top: -8px;
    padding-top: 5px;
  }
  .introduce h2 {
    margin-left: -15px;
    font-size: 47px;
}
.box-img-text .box-text-des p {
    line-height: 35px;
    font-size: 18px;
}
.title-t {
    font-size: 22px;
}
}
@media screen and (max-width: 330px) {
.form-login {
    width: 100%;
}
.btn-login {
    width: 120px;
}
 }
@-ms-viewport       { width: device-width; }