@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root{
	--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #f7f7f7;
--bs-primary: #104282;

}
body{font-family: "Roboto", sans-serif;}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}
a{text-decoration: none; color: #232323}
img{max-width: 100%; height: auto}
.h5, h5 {
    font-size: 1.15rem;
    color: #104282;
}
.hotline-header p{margin: 0}
.fs-2{font-size: 1.875rem}
.menu{background: var(--bs-primary);color: #ffffff}
.text-pri{color: var(--bs-primary);}
.text-orange{color: var(--bs-orange);}
.fw-bold{font-weight: 600}
.top{background: var(--bs-gray);padding: 3px 0;}
.top p{margin: 0}
.bottom{padding: 5px}
.bg-gray{background: var(--bs-gray); }
ul.menu-header{
	margin: 0;
    padding: 0;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
}
ul.menu-header{
	list-style: none;position: relative;
}
ul.menu-header li.current-menu-item a 
{
	background: #ff9000;
}
ul.menu-header li {
    list-style: none;
    position: relative;
}
ul.menu-header li a {
    color: #FFF;
    padding: 0 25px;
    text-decoration: none;
    display: block;
    line-height: 40px;
    transition: all .3s;
    white-space: nowrap;
}
ul.menu-header li ul {
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    background: #104282;
    font-size: 16px;
	margin: 0;
    padding: 0;
}
ul.menu-header li:hover ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    min-width: 100%;
    display: block;
}
ul.menu-header li a:hover {
        background: #ff9000;
}
.home-slider{background: url(images/banne.jpg);padding: 20px 0;}
span.icon {
    font-size: 3rem;
    margin-right: 20px;
    color: var(--bs-blue);
}
.datxe-item p{margin: 0}
.datxe-item {
    margin-bottom: 1rem;
    border-bottom: 1px dashed #bcbcbc;
    padding-bottom: 1rem;
}
.datxe-item{display: flex;}
.icon-mxh{margin-right:0.5rem }
.form-datxe{
	padding: 20px 30px;
    background: linear-gradient(#0e70bb, #104282);color: #fff}
.sidebar-wrapper .form-datxe{padding: 10px 6px}
.htdx h3 {
    border-bottom: 1px solid #003874;
}
label.select_loaixe{
	border: 1px solid #0255ba;
    background: #0255ba;
    color: #fff;
}
select.select_loai {
    background: #0d6efd;
    color: #fff;
    border: 1px solid #0d6efd;
}
.item-cate {
    background: #f7f7f7;
    margin-bottom: 1rem;
}
.item-cate:nth-child(even) .col1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 2;
    text-align: right;
    color: #f7f7f7;
}
.short-des h3{text-transform: uppercase;margin-bottom: 1.25rem}
.col2{padding: 30px}
.button-view {
    border: 1px solid var(--bs-primary);
    display: inline-block;
    padding: 8px;
    border-radius: 6px;
    color: var(--bs-primary);margin-left: 15px;
}
.button-view a{color: var(--bs-primary);}
.button-view:hover{background: #ff9000; color: #ffffff; border: 1px solid #ff9000;}
.button-view:hover a{color: #ffffff}
footer{    background: #0b1c32;
    color: #f3f3f3;
    padding: 30px;}
ul.widget-footer{margin-bottom: 1rem}
.right{text-align: right;}
ul.widget-footer li{list-style: none;display: inline-block;padding-left: 8px}
ul.widget-footer a{color: #f3f3f3}
/*button hotline*/
#button-contact-vr{position:fixed;bottom:0;z-index:99999}#button-contact-vr .button-contact{position:relative}#button-contact-vr .button-contact .phone-vr{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}.phone-vr-circle-fill{width:65px;height:65px;top:12px;left:12px;position:absolute;box-shadow:0 0 0 0 #c31d1d;background-color:rgba(230,8,8,.7);border-radius:50%;border:2px solid transparent;-webkit-animation:phone-vr-circle-fill 2.3s infinite ease-in-out;animation:phone-vr-circle-fill 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animuiion:zoom 1.3s infinite;animation:zoom 1.3s infinite}.phone-vr-img-circle{background-color:#e60808;width:40px;height:40px;line-height:40px;top:25px;left:25px;position:absolute;border-radius:50%;display:flex;justify-content:center;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phone-vr-circle-fill 1s infinite ease-in-out}.phone-vr-img-circle a{display:block;line-height:37px}.phone-vr-img-circle img{max-width:25px;padding-top:9px}@-webkit-keyframes phone-vr-circle-fill{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)}}@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}.phone-bar a{position:fixed;bottom:25px;left:30px;z-index:-1;background:#e83a3a;color:#fff;font-size:16px;padding:8px 15px 7px 50px;border-radius:100px;white-space:nowrap}.phone-bar a:hover{opacity:.8;color:#fff}@media(max-width:736px){.phone-bar{display:none}}#zalo-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #2196f3;background-color:rgba(33,150,243,.7)}#zalo-vr .phone-vr-img-circle{background-color:#2196f3}#viber-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #714497;background-color:rgba(113,68,151,.8)}#viber-vr .phone-vr-img-circle{background-color:#714497}#contact-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #2196f3;background-color:rgba(33,150,243,.7)}#contact-vr .phone-vr-img-circle{background-color:#2196f3}
@-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)}
}
.quick-alo-phone{position:fixed;background-color:transparent;width:150px;height:150px;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;left:0;bottom:30px}
.button-res{    padding: 0;
    margin: 0;
    position: fixed;
    right: -86px;
    top: 50%;
    z-index: 5;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);}
.button-res a {
    float: right;
    line-height: 37px;
    padding: 0 1em;
    color: #fff;
    margin-left: 12px;
    background: #010101;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}