@font-face {
    font-family: "Roboto-Black";
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: "Roboto-Bold";
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: "Roboto-Regular";
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: "VLAmpleSoft-Light";
    src: url('../fonts/VLAmpleSoft-Light.eot');
    src: url('../fonts/VLAmpleSoft-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/VLAmpleSoft-Light.svg#VLAmpleSoft-Light') format('svg'),
        url('../fonts/VLAmpleSoft-Light.woff') format('woff'),
        url('../fonts/VLAmpleSoft-Light.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: "VLAmpleSoft-Medium";
    src: url('../fonts/VLAmpleSoft-Medium.eot');
    src: url('../fonts/VLAmpleSoft-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/VLAmpleSoft-Medium.svg#VLAmpleSoft-Medium') format('svg'),
        url('../fonts/VLAmpleSoft-Medium.woff') format('woff'),
        url('../fonts/VLAmpleSoft-Medium.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
body{background: none;font-family: "Roboto-Regular";font-size: 14px;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius:10px;border-radius:10px;}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(226,64,53,0.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.4);}
::-webkit-scrollbar:horizontal{height: 3px;}
.clear{clear: both;}
a:hover,a:focus{text-decoration: none;color:#c4161c;}
ul,ol{margin: 0;padding: 0;list-style: none;}
b{font-family: "Roboto-Bold";font-weight: normal;}
.img-responsive {margin: 0 auto;}

#section1{background: rgba(255,255,255,0.95);}
#section1 .logo h1,#section1 .logo h6{margin: 0;padding: 0}
#section1 .logo img{margin-left: 0;}
.menu-top ul{display: block;}
.menu-top ul li{float: left;position: relative;}
.menu-top ul li a{text-transform: uppercase;font-weight: 500;padding: 25px 18px;color: #0a0a0a;display: block;}
.menu-top ul li.active a,.menu-top ul li a:hover{color: #c4161c!important}
.menu-top ul li:after{content: '';position: absolute;width: 30px;height: 1px;background: #c4161c;left: 50%;bottom: 10px;margin-left: -15px;visibility: hidden;transition: all 0.1s linear;}
.menu-top ul li.active:after,.menu-top ul li:hover:after{visibility: visible;bottom: 20px;}

.menu-top ul li ul{position: absolute;width: 200px;visibility: hidden;top: 130%;transition: all 0.1s linear;left: 0;padding-top: 33px}
.menu-top ul li:hover ul{visibility: visible;top: 100%}
.menu-top ul li ul li{width: 100%;}
.menu-top ul li ul li:first-child:after{position: absolute;border-bottom: 5px solid #0e508d;border-left: 5px solid transparent;border-right: 5px solid transparent;content: '';left: 22%;top: -5px;}
.menu-top ul li ul li a{background: #fff;display: block;text-align: left;padding: 6px 15px;border-top: 1px solid #999;font-size: 13.5px;}
#section1.fixed{position: fixed;width: 100%;top: 0;z-index: 999;box-shadow: 0px 0px 1px #bababa;background: rgba(255,255,255,0.95)!important;}

#section1 .info-top{padding-top: 24px;}
#section1 .info-top a{display: inline-block;text-transform: uppercase;color: #0a0a0a}
#section1 .info-top a:hover,#section1 .info-top a.active{color: #c4161c!important}
#section1 .social{position: relative;text-align: right;padding-right: 40px;}
#section1 .social .form-sea{position: absolute;top: -8px;right: 0;}
#section1 .social .form-sea input{float: right;border: none;outline: none;padding: 8px 0px;border-radius: 20px;background: rgba(197, 22, 29,0.9);width: 0;transition: width 0.2s linear;color: #fff;font-size: 13px;}
#section1 .social .form-sea:hover input{width: calc(100% - 28px);padding: 8px 12px;}
#section1 .social .form-sea input::-webkit-input-placeholder {color: #fff;font-size: 13px; }
#section1 .social .form-sea input::-moz-placeholder { color: #fff;font-size: 13px;}
#section1 .social .form-sea input:-ms-input-placeholder {color: #fff;font-size: 13px;}
#section1 .social .form-sea input:-moz-placeholder { color: #fff;font-size: 13px;}
#section1 .social .form-sea button{float: right;border: none;background: none;outline: none;width: 28px;padding-top: 8px;height: 30px;background: url('../images/icon-sea.png') no-repeat center center;}
#section1 .social .form-sea button i{font-size: 18px;padding-top: 5px;}

.service_wrapper{padding: 30px 0;background: #c4161c;}
.link-content{text-transform: uppercase;font-family: "Roboto-Bold";float: right;display: inline-block;padding: 6px 35px;border:2px solid #fff;border-radius: 25px;color: #fff;margin-top: 15px;transition: all 0.2s linear;}
.link-content.black{color: #000;border:2px solid #000;}
.link-content.black:hover{background: #000;color: #fff}
.link-content:hover{background: #fff;color: #c4161c}
.service_wrapper .note{text-align: justify;line-height: 22px;color: #fff;}
.title-content{color: #c4161c;font-size: 36px;text-transform: uppercase;margin: 25px 0;}
.title-content span{font-family: "Roboto-Bold";}
.title-content.white{color: #fff;}
.title-content .title{position: relative;text-align: right;margin: 0 0 20px 0;display: inline-block;float: right;}
.title-content .title:before{position: absolute;content: '';width: 200px;right: 105%;height: 2px;background: #fff;top: 45%;}
.service_wrapper .name{color: #fff;text-transform: uppercase;margin: 15px 0 20px;display: block;padding-left: 45px;}
.service_wrapper .name b{font-family: "Roboto-Bold";font-weight: normal;}
.service_wrapper .img{height: 92px;display: block;}
.service_wrapper ul li a{display: block;line-height: 26px;color: #fff;margin-left: 60px;display: block;position: relative;}
.service_wrapper ul li a:before{position: absolute;content: '+';left: -15px;top: 0;color: #fff;}
.service_wrapper ul li a:hover{text-decoration: underline;}

.about_wrapper{background: url('../images/bg_gt.jpg') no-repeat fixed;padding: 20px 0 30px;}
.about_title{text-transform: uppercase;font-size: 21px;margin-bottom: 12px;}
.about_title b{font-weight: normal;}
.about_note{color: #1c1c1c;line-height: 24px;}

.khoehang_wraper{background: url('../images/bg_gt2.jpg') no-repeat;padding: 45px 0 35px;background-size: cover;}
.khoehang_wraper .item{text-align: center;color: #fff}
.khoehang_wraper .item .name{text-transform: uppercase;font-size: 24px;font-family: "Roboto-Bold";}
.khoehang_wraper .item .so{font-size: 60px;}
.khoehang_wraper .item .img{height: 105px;}
#cc-slider li{display: flex;justify-content: center;align-items: center;height: 80px;}

.silde_patner{padding: 25px 0;}
.uudai_wrapper{background: #f7f7f7;padding: 50px 0;text-align: center;}
.uudai_wrapper form{display: inline-block;}
.uudai_wrapper form input{width:350px;border: none;border-bottom: 2px solid #d5d5d5;color: #222;background: transparent;padding: 5px 0;outline: none;}
.uudai_wrapper label{font-size: 21px;color: #222;text-transform: uppercase;margin-right: 75px;font-weight: normal;}
.uudai_wrapper .container{    display: flex;    justify-content: center;    align-items: center;}
.uudai_wrapper button{margin-left: 75px;background: #222;border-radius: 25px;padding: 4px 35px;color: #fff;outline: none;border: 1px solid #222;transition: all 0.2s linear;}
.uudai_wrapper button:hover{border: 1px solid #222;background:#fff;color: #222;}

#footer{background: #c4161c;color: #fff;padding: 60px 0;}
.bot_title{font-family: "Roboto-Bold";font-size: 16px;text-transform: uppercase;position: relative;padding-bottom: 18px;margin-bottom: 25px;margin-top: 15px;}
.bot_title.other:after{bottom:-6px;}
.bot_title.other{font-family: "VLAmpleSoft-Light";font-size: 24px;text-transform: none;line-height: 16px;margin-bottom: 30px;}
.bot_title.other b{font-family: "VLAmpleSoft-Medium";}
.bot_title:after{position: absolute;bottom: 0;left: 0;content: '';height:3px;width: 70px;background: #fff;}
.info_bot{line-height: 26px;}
#footer ul li a{color: #fff;line-height: 28px;display: block;}
#footer ul li a:hover{text-decoration: underline;}
#footer ul li a::first-letter{font-family: "Roboto-Bold";font-size: 16px;}
.footer-bot ul{ -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;}
.product{display: flex;flex-wrap: wrap;justify-content: center;}
.product li{margin-bottom: 30px;}
.product .name{color: #1b1b1b;text-transform: uppercase;font-family: "Roboto-Bold";margin-top: 12px;display: block;}
.product .name:hover{color: #c4161c}
.product .note{color: #9f9f9f;margin-top: 5px;font-size: 12px;}
.project_wrapper{padding: 15px 0 45px;}
.product li .img img:hover{opacity: 0.8}

.img-top{height: 350px;position: relative;}
#section1.trangcon{background:transparent;position: fixed;width: 100%;z-index: 9}
#section1.trangcon .menu-top ul li a{color: #fff;}
#section1.trangcon .info-top{color: #fff;}
#section1.trangcon .info-top a{color: #fff;}
#section1.trangcon .social .form-sea button{background: url('../images/icon-seak.png') no-repeat center center;}

#section1.fixed .info-top a{color: #000;}
#section1.fixed .info-top{color: #000;}
#section1.fixed .menu-top ul li a{color: #000;}
#section1.fixed .social .form-sea button{background: url('../images/icon-sea.png') no-repeat center center;}
.neo_top{position: absolute;top: 110px;left: 0;width: 100%;}
.title-contentk{font-size: 36px;text-transform: uppercase;color: #fff;font-family: "Roboto-Bold";}
.title-contentk span{color: #c4161c;}
.breadcrumb{background: transparent;padding-left: 0;}
.breadcrumb li a{color:#6a7997;}
.breadcrumb li:last-child a{color:#fff;}
.breadcrumb > li + li:before{color: #ccc;content: ""; background: url('../images/icon-m.png') no-repeat center center;width: 30px;height: 10px;display: inline-block;}
.neo_top--bot{width: 50%;float: right;}
.neo_top--bot p{line-height: 24px;color: #d0cece;}
.info_contact{padding: 40px 0;}
.info_contact ul li .title{text-transform: uppercase;color: #1e1e1e;font-size: 24px;font-family: "Roboto-Bold";padding-bottom: 25px;}
.contact_box{padding: 60px 0 30px;position: relative;}
.contact_box:after{content: url('../images/tt_lh.png');position: absolute;right: 0;bottom: -30px;}

.box_form_lienhe textarea,.box_form_lienhe input{width: 100%;padding: 12px;background: #f8f8f8;border: 1px solid #e3dddd;}
.box_form_lienhe button{float: right;background: #c4161c;padding: 8px 30px;text-transform: uppercase;color: #fff;font-family: "Roboto-Bold";font-size: 18px;border: none;}
.doitac_box{background: url(../images/bg_dt.jpg) no-repeat center center;padding: 80px 0;background-size: cover;}

.trangconk .header a{background-image: url(../../../public/images/menu-list1.png);}
.doitac_box ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.doitac_box ul li{margin: 25px 0;}
.other_box{padding: 40px 0;}
.item_news{margin-bottom: 30px;}
.item_news .name{margin-top: 10px;margin-bottom: 25px;}
.item_news .name a{color: #000;text-transform: uppercase;font-size: 14px;font-family: "Roboto-Bold";}
.item_news .note{color: #171616;line-height: 24px;}
.content_titleother{color: #0a0a0a;font-size: 18px;text-transform: uppercase;position: relative;padding-bottom: 8px;margin-bottom: 20px;font-family: "Roboto-Bold";}
.content_titleother:after{position: absolute;content: '';height: 2px;width: 70px;background: #c4161c;bottom: 0;left: 0;}
.ct_left_ul .name{margin-top: 15px;}
.ct_left_ul .name a{font-size: 12px;font-family: "Roboto-Bold";color: #0a0a0a;display: block;}
.ct_left_ul li{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #c8c8c8;}
.noi_dung{font-family: tahoma;}
.noi_dung h1,.noi_dung h2,.noi_dung h3{margin-top: 20px; margin-bottom: 10px;line-height: 1.5}
.noi_dung li{list-style:inside;}
.noi_dung img{max-width:100%;height: auto!important;}
.noi_dung table{width:100%;}
.noi_dung iframe{width:100%;}

.about_box{padding: 30px 0;background: url('../images/bg_gtne.png') no-repeat center -10%;}
.about--title{color: #c4161c;font-size: 36px;text-transform: uppercase;text-align: center;margin-bottom: 30px;}
.dv_box .name{font-size: 24px;color: #000000;text-transform: uppercase;margin-bottom: 15px;display: block;}
.dv_box .name b{color: #c4161c;font-family: "Roboto-Bold";}
.dv_box ul li a{color: #000;line-height: 24px;}
.dv_box .detail{text-transform: uppercase;color: #000;text-decoration: underline;margin-top: 30px;font-family: "Roboto-Bold";display: block;}
.menupage_da .title{text-transform: uppercase;font-size: 20px;font-family: "Roboto-Bold";margin-top: 0;}
.dv_box .detail:hover{color: #c4161c}
.menupage_da ul li a.name{text-transform: uppercase;color: #000;margin-top: 20px;display: block;margin-bottom: 10px;}
.menupage_da ul li a.name b{color: #c4161c}
.menupage_da ul.sub li a{line-height: 26px;padding-left: 15px;color: ;display: block;color: #000;}
.menupage_da ul.sub li a.active,.menupage_da ul.sub li a:hover{color: #c4161c}
.navigation .current_page_item, .navigation .page_item a:hover {    background-color: #c5161d;}
.title-other{text-transform: uppercase;font-size: 22px;margin: 20px 0;}

.menupage_da{margin-bottom: 20px;}
.dv_box .item .img{height: 100px;display: block;}




@media (min-width: 1366px){
}
@media (max-width: 1199px){
    .menu-top ul li a{padding:25px 15px; }
    .service_wrapper .name{    padding-left: 25px;}
}
@media (max-width: 1024px){
	
}
@media (max-width: 991px){
    .menu-top ul li a {padding: 25px 7px;font-size: 13px;}
    .serviceh_top{margin-bottom: 20px;text-align: center;}
    .serviceh_top .link-content{float: none;}
    .khoehang_wraper .item img{max-width: 100px;max-height: 50px;}
    .khoehang_wraper .item .img {height: 65px;}
    .khoehang_wraper .item .name {font-size: 18px;}
    .khoehang_wraper .item .so {font-size: 40px;}
    .uudai_wrapper form input {    width: 250px;}
    .uudai_wrapper label {margin-right: 35px;}
    .uudai_wrapper button {margin-left: 35px;}
    .logobot{margin-bottom: 20px;}
    .neo_top--bot{width: 100%;}
    .contact_box:after{content: '';}
}
@media (max-width: 767px){ 
    .header a{top: 15px;}
    #section1 .info-top {padding-right: 60px;}
    .theme-default .nivo-controlNav {bottom: 5px;}
    .theme-default .nivo-directionNav a{background-size: cover;width: 36px;height: 35px;}
    .theme-default a.nivo-nextNav {background-position: -36px 0px;}
    .uudai_wrapper .container {flex-wrap: wrap;}
    .uudai_wrapper label {margin-right: 0;display: block;width: 100%;}
    .uudai_wrapper button {margin-left: 15px;}
    .uudai_wrapper form {display: block; width: 100%;}
    .uudai_wrapper form input {width: calc(100% - 165px);}
    .title-content {font-size: 28px;}
    .khoehang_wraper {background-size: cover;}
    .service_wrapper ul li a{margin-left: 15px;}
    .service_wrapper .name{padding-left: 0px;}
    .neo_top {top: 85px;}
    .product_right{margin-bottom: 20px;}
    .dv_khac{padding-left: 15px;}
    .dv_box{text-align: center;}
    .dv_box .detail{margin: 20px 0;}
    .bot_title{margin-top: 25px;}
}
@media (max-width: 600px){
    .ul_nhadat li{padding-right: 7px;}
    .ul_nhadat li:nth-child(2n+2){padding-right: 15px;padding-left: 7px;}
    .ul_nhadat li .img a{height: 110px;}
}
@media (max-width: 479px){
    .col-479{width: 100%;float: none;}
    .hidden-479{display: none!important;}
    .col-479-6{width: 50%;}
    .product li{text-align: center;}
    .service_wrapper{text-align: center;}
    .service_wrapper .item{margin-top: 20px;}
    .product li .img img{width: 100%;}
}

@media (max-width: 375px){
}
@media (max-width: 320px){
}