:root{--color:#0078de;--font:'Roboto',sans-serif;--fonttitle:'UTM Impact';}
body{margin:0;padding:0;font-family:var(--font);font-size:14px;font-weight:400;}
/* Scroll Bar */
::-webkit-scrollbar{width:10px;background:rgb(241,239,239);}
::-webkit-scrollbar-thumb{border-radius:5px;background:var(--color);box-shadow:inset 2px 2px 2px rgba(255,255,255,0.25),inset -2px -2px -2px rgba(0,0,0,0.25);}
/*Header*/
.section-product .item {
    margin-bottom: 20px;
}
.section-product .item-img { overflow: hidden; }
.section-product .item img { max-width: 100%; transition: 0.5s }
.section-product .item img:hover { transform: scale(1.1);  }
.red { color: #f00  }
.section-product .item a { text-decoration: none; color: #000 }
.section-product .item a:hover { color: #f00  }
.section-product .item h3 { font-size: 16px; margin-bottom: 10px; margin-top: 10px;  }
.section-product .item p { margin-bottom: 5px }

#product_info li {
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
}

#product_info li .first {
    width: 120px;
    float: left;
}

#product_info li:last-child {
    border-bottom: 0
}

#wrapper{overflow-x:hidden}
#header{background:url(../images/bg_header.png);}
.fixed_logo{background:#f1f1f1;position:fixed;width:100%;height:36px;top:0;z-index:999;left:0;}
.title_header h3{font-family:var(--fonttitle);color:var(--color);font-size:1.57em; margin: 10px 0;}
.search{}
.search form{border-radius:0;max-width:410px;margin:auto}
.search form button{height:35px;background-color:#d60c0c;color:white;border-radius:0;width:90px;}
.search form button:hover{background-color:#f50808;}
.search form input{height:35px;font-size:0.85em;padding-left:5px;font-family:var(--font);font-weight:500;}
.logo{}
#icon_search{padding:10px 5px 10px 20px;border:1px solid #dee2e6;height:35px;background:white;border-right:none;color:#c7c7c7;}
.lienhe_header{}
.lienhe_header .items{display:flex;}
.lienhe_header span{color:red;font-size:20px;font-weight:bold;}
.lienhe_header p{font-weight:400;}
.lienhe_header .details{display:flex;align-items:baseline;}
/*Menu*/
.menu{width:100%;background:#0078de;}
#header .fixed{position:fixed;z-index:9999;width:100%;top:0;}
#ic_home{padding-left:0.7em!important;padding-right:0.7em!important;border-right:none!important;}
#ic_home1{padding-left:1em!important;padding-right:1em!important;}
.sub_menu{margin:0px;padding:0px;z-index:9999;}
ul li{list-style:none;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{clear:both;display:block;}
.wrapper_container{width:100%;margin:0px auto;}
/*this is style header*/
#main_menu{padding:0;margin:0;text-align:center;}
#main_menu>li{display:inline-block;}
#main_menu > li{position:relative;padding:0;}
#main_menu>li:last-child a{background:none}
#main_menu>li a{display:block;text-align:left;text-transform:none;color:white;font-family:var(--font);font-size:1.14em;background:url(../images/line-menu.png) no-repeat right center;}
#main_menu>li>a{text-transform:uppercase;}
#main_menu>li>a{display:block;padding:10px 40px;}
#main_menu li .sub_menu{position:absolute;display:none;width:200px;background:white;top:0px;left:100%;}
.sub_menu > li > a{color:#0078de!important;padding:10px;border-bottom:1px solid #eee;font-size:1em!important;}
.sub_menu li{}
.sub_menu li:hover{background:#eaeaea!important;}
#main_menu li:hover>.sub_menu{display:block;}
#main_menu>li>.sub_menu{top:44px;position:absolute;left:0px;}
#main_menu li:hover{background:#0083f1;}
#main_menu li a:hover{text-decoration:none;}
#search input[type='text']{width:139px;margin-top:14px;padding:5px;outline:none;background:#EFEFEF;background:url(../images/search.png) no-repeat 106px 2px;border:none;background-size:28px;}
/*Main*/
.title_main{position:relative;text-align:center;padding:1em 0 0;}
.show_dv{background:#f8f8f8;padding-bottom:4em;padding-top:3em;}
.showpd{border:1px solid #e4e4e4;background:white;}
.showpd .image{padding:2em;}
.showpd .image img{
    max-width: 100%;
    height: 350px;
    margin: auto;
}
.title_pd h3{text-transform:uppercase;font-family:var(--font);font-size:1.28em;font-weight:bold;}
.title_pd h3 a{color:#393939}
.title_pd h3 a:hover{color:var(--color)}
.showpd .details{padding:0.4em 1.2em 1.2em 1.2em;text-align:justify;}
.showpd .details p{font-family:var(--font);font-size:1.07em;color:#464646;}
.showpd a:hover{text-decoration:none;}
#btn_xemthem{background:#0078de;font-size:1.07em;color:white;padding:10px 25px;border-radius:5px;}
#btn_xemthem:hover{background:#0082f1;}
/*Dat lich*/
.datlich_index{padding:3em 6em;}
.datlich_index .form-control{font-size:0.92em;font-weight:bold;border:none;border-radius:0;padding:1em;}
.datlich_index .input-group-text{border:none;background:white;}
.datlich{background:#f8f8f8;border-top:0.8em solid #dfedf5;}
.title_datlich h3{font-family:var(--fonttitle);font-size:2.14em;margin-bottom:15px;}
.btn_datlich{font-weight:normal;font-size:1.28em;color:white;background-color:#ed2026;padding:15px 25px;}
.btn_datlich:hover{background-color:#da1d23;text-decoration:none;color:white;}
/*On Top*/
#top{display:none;background-size:100% 100%;border:1px solid #bdb4b4;height:50px;width:50px;position:fixed;bottom:150px;right:20px;cursor:pointer;z-index:9999;background:var(--color);color:white;border-radius:100%;text-align:center;line-height:46px;}
#top:hover{border:none;}
/**/
#visaochon{width:100%;padding:3em 0 0;position:relative;background-image:url(../images/vs.png);background-repeat:no-repeat!important;background-size:cover!important;}
#visaochon .people-center{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;margin:0;}
#visaochon .media img{max-width:100%;}
#visaochon .media-body{font-size:1em;color:white;}
#visaochon .media-body h3{position:relative;font-weight:500;color:white;font-size:1.28em;margin-bottom:1em;padding-bottom:0;}
#visaochon .media:hover img{-webkit-filter:grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7);filter:grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7);}
/*Tin tuc*/
.tintuc .item{display:flex;background:#f8f8f8;align-items:center;}
.tintuc .item .img{flex:1 30%;}
.tintuc .item .details{flex:1 70%;}
.tintuc .item h3{font-size:1.14em;font-weight:bold;color:black;}
.tintuc .item h3:hover{color:#007bff;}
.tintuc .item a:hover{text-decoration:none;}
/*Footer*/
#middle{margin-bottom:2em}
#footer{background:url(../images/bg_footer.png) no-repeat;background-size:cover;padding-top:2em}
.title_footer h3{color:#eeecec;font-family:var(--fonttitle);font-size:1.57em;}
.content_ft a::before{content:url(../images/ic_suyra.png);margin-right:1em;}
.content_ft a{color:#eeecea;}
.content_ft div{margin-bottom:0.4em;}
.content_ft p::before{content:url(../images/ic_suyra.png);margin-right:1em;}
.content_ft p{color:#eeecea;}
.thongtin_ft .item .details p{color:#eeecec;}
.thongtin_ft .item{display:flex;margin-bottom:-0.7em;}
.thongtin_ft .item .image{flex:1 8%;}
.thongtin_ft .item .details{flex:1 90%}
.icon_lienket{display:inline-block;margin-right:0.5em;}
.content_ft p::before{content:url(../images/ic_suyra.png);margin-right:1em;}
.content_ft p{color:#eeecea;margin-bottom:0.4em;}
#map_canvas iframe{width:100%;height:500px}
#copyright{padding:1em 0;background-color:#0000001f;}
/*Breadcrumb*/
#breadcrumb ul li{float:left;}
#breadcrumb ul li a{padding-right:8px;}
/*Trang con*/
.title_main h2{font-family:var(--fonttitle);text-transform:uppercase;font-size:2.28em;color:#0078de;}
.noidung{width:100%;}
.noidung img{max-width:100%!important;height:auto!important;margin:auto;}
.noidung iframe{width:100%!important;height:auto!important}
.noidung table,.noidung table tr,.noidung h2{width:100%!important}
.noidung table tr td{width:auto!important;padding:0!important}
.baiviet_lienquan{width:100%;display:inline-block;text-align:left;margin:0;}
.baiviet_lienquan .title{font-size:1.28em;margin-top:1em;color:#000;font-weight:bold;}
.baiviet_lienquan li{list-style-type:square;color:blue;font-size:20px;}
.baiviet_lienquan li a{font-size:14px;}
.baiviet_lienquan li a:hover{color:red;margin-left:10px;font-weight:bold;transition:all .5s}
ul.pagination{display:inline-block;width:100%;margin:2em 0 1em 0;text-align:center;color:#000;}
ul.pagination li.page_info{display:none;}
ul.pagination li{display:inline;padding:0 3px;}
ul.pagination a{color:var(--color);display:inline-block;padding:5px 10px;border:1px solid var(--color);text-decoration:none;}
ul.pagination a:hover,ul.pagination a.current{background:var(--color);color:#fff;}
.pagination{margin:auto;width:auto;text-align:center;margin-top:10px;}
.pages{}
.pages li.prev{margin-right:15px;}
.pages li.next{margin-left:15px;}
.pages li{display:inline-block;margin:5px 2px;}
.pages li a{height:25px;padding:4px 8px;text-decoration:none;color:#666666;font-weight:bold;background:url(../images/backgrounds/pagingBg.png) repeat-x 0 0;border:1px solid #d5d5d5;font-size:11px;}
.pages li a:hover{background:#f6f6f6;}
.pages li .active{background:url(../images/backgrounds/sideGradient.png) repeat-x;color:#fff;border-color:#424852;}
.pages li .active:hover{background:#2a313d;}
/**/
.blink_me{-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-moz-keyframes blinker{
    0%{opacity:1.0;}
    50%{opacity:0.0;}
    100%{opacity:1.0;}
}
@-webkit-keyframes blinker{
    0%{opacity:1.0;}
    50%{opacity:0.0;}
    100%{opacity:1.0;}
}
@keyframes blinker{
    0%{opacity:1.0;}
    50%{opacity:0.0;}
    100%{opacity:1.0;}
}
/*phone*/
.quick-alo-phone.quick-alo-show{visibility:visible;}
.quick-alo-phone{position:fixed;visibility:hidden;background-color:transparent;width:82px;height:64px;cursor:pointer;z-index:200000!important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;right:200px;bottom:30px;}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle{border-color:#00aff2;border-color:#bfebfc 9;opacity:.5;}
.quick-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);border:2px solid #bfebfc 9;opacity:.1;-webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-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-green .quick-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#a6e3fa 9;opacity:.75!important;}
.quick-alo-ph-circle-fill{width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle{background-color:#00aff2;background-color:#00aff2 9;}
.quick-alo-ph-img-circle{width:60px;height:60px;top:70px;left:70px;position:absolute;background:rgba(30,30,30,0.1) url("../images/phone.png") no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-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%;background-size:30px;}
.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:#75eb50;background-color:#75eb50 9;}
@-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)}
}
#toolbar{background-color:var(--color);padding:10px;position:fixed;z-index:500;bottom:0;left:0;right:0;display:none}
#toolbar ul{display:flex;align-items:center;justify-content:space-between;list-style:none;margin:0;padding:0}
#toolbar ul li{text-align:center;width:25%}
#toolbar ul li a{display:block;width:100%;cursor:pointer}
#toolbar ul li a img{height:33px;width:auto}
#zalo_fixed {
    position: fixed;
    bottom:  25px;
    right: 20px;
    z-index: 1000;
}
#zalo_fixed img {
    width: 50px;
}
.noidung .container{
    display: inline-block;
    width: 100%;
}
.container .column{

}
.container .column{
        width: 30%;
        flex-basis:30%;
        float: left;
    }

@media (max-width:992px){
    #toolbar{display:block}
    footer{padding-bottom:53px}
}
/*Responsive*/
.menu_morong{display:none;opacity:0;transition:all 1s;}
@media screen and (max-width:1200px){
    .img_banner{padding-top:8.4em;}
    .img_banner img{width:90%;}
    .content_banner .item .details h3{font-size:1.5em;}
    .content_banner .item .details p{font-size:0.9em;}
    .content_banner .item .details1 h3{font-size:1.5em;}
    .content_banner .item .details1 p{font-size:0.9em;}
    #ic_home img{width:1.4em;}
    #main_menu>li>a{padding:10px 24px!important;font-size:1.1em;}
}
@media screen and (max-width:1024px){
    .datlich_index{padding:3em 0;}
    .img_banner img{width:80%;}
    .img_banner{padding-top:10.7em;}
    #main_menu>li>a{padding:10px 15px!important;font-size:0.9em;}
    #ic_home img{width:1.3em;}
    #ic_home1{padding:0!important;}
}
@media screen and (max-width:992px){
    .content_banner .item .details h3{font-size:1.3em;}
    .content_banner .item .details p{font-size:0.8em;}
    .content_banner .item .details1 h3{font-size:1.3em;}
    .content_banner .item .details1 p{font-size:0.8em;}
    .title_header h3{font-size:1.4em;}
    #main_menu>li>a{padding:10px 15px!important;}
    .title_slider{top:70!important;}
    .content_slider{top:120!important;}
    .noidung table tr td *{font-size:12px!important}
}
@media screen and (max-width:768px){
    .search form{margin:auto;}
    .menu_morong{position:absolute;right:10%;z-index:999;display:block;opacity:1}
    .logo img{max-width:60px;}
    .title_header h3{font-size:1.3em;}
    .lienhe_header{float:none;padding-left:50px!important;}
    .search{text-align:center;}
    .search form input{font-size:1em;}
    .logo{padding-bottom:10px;text-align:center;}
    .lienhe_header{padding-top:0.5em!important;padding-bottom:0!important;}
    .content_banner .item1 .details h3{font-size:1.3rem;}
    .content_banner .item1 .details p{font-size:0.9em;}
    .title_slider{top:40!important;padding:0.5em 0.7em 0 0.7em!important;}
    .content_slider{top:75!important;width:230px!important;padding:0.3em 1em 0 0.3em!important;}
    .title_slider h3{font-size:0.8em!important;}
    .content_slider p{font-size:0.6em!important;line-height:12px!important;}
    .container .column{
        width: 50%;
        flex-basis:50%;
    }
}
@media screen and (max-width:576px){
    .container .column{
        width: 100%;
        flex-basis:100%;
    }
}
@media screen and (max-width:425px){
    .container .column{
        width: 100%;
        flex-basis:100%;
    }
    .logo img{width:60px;}
    .logo{padding-left:0!important;}
    .search{padding-left:0!important;padding-right:0!important;}
    .lienhe_header{float:none;padding-left:0!important;}
    .btn_datlich{font-weight:normal;font-size:1.1em;color:white;background-color:#ed2026;padding:13px 20px;}
    .title_slider{top:20!important;padding:0.2em 0.3em 0 0.3em!important;}
    .content_slider{top:45!important;width:170px!important;padding:0.3em 0.3em 0 0.3em!important;}
    .title_slider h3{font-size:0.6em!important;}
    .content_slider p{font-size:0.5em!important;line-height:10px!important;margin-bottom:10px!important;}
}