htm_tag{text-transform:none;}
@font-face {
  font-family: 'bahnschrift';
  src: url(../fonts/bahnschrift.eot);
  src: url(../fonts/bahnschrift.eot?#iefix) format('embedded-opentype'),
       url(../fonts/bahnschrift.otf) format('otf'),
       url(../fonts/bahnschrift.svg#bahnschrift) format('svg'),
       url(../fonts/bahnschrift.ttf) format('truetype'),
       url(../fonts/bahnschrift.woff) format('woff'),
       url(../fonts/bahnschrift.woff2) format('woff2');
}
@font-face {
  font-family: 'bahnschrift-condensed';
  src: url(../fonts/bahnschrift-condensed.eot);
  src: url(../fonts/bahnschrift-condensed.eot?#iefix) format('embedded-opentype'),
       url(../fonts/bahnschrift-condensed.otf) format('otf'),
       url(../fonts/bahnschrift-condensed.svg#bahnschrift-condensed) format('svg'),
       url(../fonts/bahnschrift-condensed.ttf) format('truetype'),
       url(../fonts/bahnschrift-condensed.woff) format('woff'),
       url(../fonts/bahnschrift-condensed.woff2) format('woff2');
}
body{font-family: 'bahnschrift', sans-serif;}
html{font-family: 'bahnschrift', sans-serif; font-size:20px}
.fullpage{float: left; width: 100%; position: relative; overflow: hidden}
section{float: left; width: 100%; position: relative; background-color: white}
:focus{outline:none}button:focus{outline:none}
:-moz-placeholder{color:#333}
:-ms-input-placeholder{color:#333}
::-webkit-input-placeholder{color:#333}
::-o-input-placeholder{color:#333}
.flex{display: flex;vertical-align: middle;align-items: center;}
.flex-center{display: flex;vertical-align: middle;align-items: center; justify-content: center;}
.flex-right{display: flex;vertical-align: middle;align-items: center; justify-content:flex-end}
.flex-table{display: flex;vertical-align: middle;align-items: center; flex-direction: column}
img{ max-width:100%; border: none}
img.img-responsive{ display:unset}
.card-img{border-radius: 4px; overflow: hidden}
.img-100{width: 100%}
.hidden{overflow: hidden}
.liststyle-none{list-style-type: none}
p{float: left; width: 100%}
ul{padding-left: 20px; float: left; width: 100%}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{color: inherit;text-decoration: none;}
a{color: black; text-decoration: none;cursor: pointer;}a:hover{text-decoration: none; color: #ff0000;transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}
p, li {line-height: 1.6; margin-bottom: 10px; font-weight:300; text-align: justify;}
.bold{font-weight:700}
.title{margin: 0; color: black; font-size: 1.4rem; font-weight: 300; text-transform: uppercase}
.container-fluid{position: relative;z-index: 1}
/*header*/
header{float: left; width: 100%;}
.hot-news{height: 35px; background-color: #0071c1}
.title-hotnews{text-align: right; background-color: #db2b2c; font-weight: 700; color:white;height: 35px; text-transform: uppercase;display: flex; justify-content: flex-end;align-items: center;position: relative}.title-hotnews img{margin-right: 5px; width: 16px; margin-bottom:5px;}.title-hotnews:before{content: ""; position: absolute; z-index: 1; top:0; right: -15px; height: 0; ;border-top: 35px solid #db2b2c;border-right: 15px solid transparent; }
/* eocjsNewsticker v0.7.0 */
.eocjs-newsticker {padding:0px 10px;}.eocjs-newsticker .eocjs-newsticker-container {position: relative;height:35px;overflow: hidden;}
.eocjs-newsticker .eocjs-newsticker-one,
.eocjs-newsticker .eocjs-newsticker-two {position: absolute;left: 0;top: 0;height:35px;white-space: nowrap; color: white; font-size: .8rem}
.eocjs-newsticker-loader {position: absolute;left: calc(50% - 10px);width: 16px;height: 16px;display: block;border: 2px solid #555555;border-top: 2px solid transparent;border-radius: 50%;animation: eocjs-newsticker-spin .75s linear infinite;}
@keyframes eocjs-newsticker-spin {to {transform: rotate(360deg);}}
#example-1 a{line-height: 35px; color: white; margin: 0 15px; position: relative}#example-1 a:before{content: "";position: absolute; z-index: 1; left: -15px; top: 5px; background-color: white;border-radius: 100%; width: 6px; height: 6px}
/*menu*/
.menu-fixtop{position: absolute;z-index: 999;top: 0;left: 0;width: 100%;background-color: rgba(0,0,0,.5);}
.menu-fixtop.compressed{position: fixed !important;z-index: 999;top: 0;left: 0;width: 100%;background:linear-gradient(to right, #348e43 0%, #8dc442 100%);-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
.menu-fixtop .container-fluid{padding: 0 !important}
.menu{float: left; width: 100%; background: white}
.gthieu-menu li{width: 50%}
.navbar .dropdown-menu div[class*="col"] {margin-bottom:0;}
.navbar .dropdown-menu {border:none;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
.navbar-brand img{width: 70px;}
.navbar{padding: 0 10px;}
.navbar .dropdown-menu .dropdown-item{position: relative; border-bottom: 1px solid #f2f2f2; padding: 10px 15px;width:280px; white-space: normal; line-height: 1}
.navbar .dropdown-menu .dropdown-item:after{content: ""; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 5px; background-color:#fff}.navbar .dropdown-menu .dropdown-item:hover:after{background-color: #328f43;}
.navbar .dropdown-menu .dropdown-item:hover{background-color: #8dc442;color: #fff;}
.collapsed .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important}
.navbar-expand-lg .navbar-toggler-icon{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCA1MCA1MCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDcuNzE4NzUgNi4yODEyNSBMIDYuMjgxMjUgNy43MTg3NSBMIDIzLjU2MjUgMjUgTCA2LjI4MTI1IDQyLjI4MTI1IEwgNy43MTg3NSA0My43MTg3NSBMIDI1IDI2LjQzNzUgTCA0Mi4yODEyNSA0My43MTg3NSBMIDQzLjcxODc1IDQyLjI4MTI1IEwgMjYuNDM3NSAyNSBMIDQzLjcxODc1IDcuNzE4NzUgTCA0Mi4yODEyNSA2LjI4MTI1IEwgMjUgMjMuNTYyNSBaIj48L3BhdGg+PC9zdmc+")}


@media screen and (min-width: 992px) {
.navbar {padding-top:0px;padding-bottom:0px;padding-right: 0}
.navbar .nav-item {padding:17px .5rem;margin:0 .25rem;}
.navbar .nav-item .nav-link{font-size: 1.4rem;text-transform: uppercase;color: white;font-family: 'bahnschrift-condensed';}
.navbar .nav-item .nav-link:hover,.navbar .nav-item.active .nav-link{color: #d0ffa1;}
.nav-link.dropdown-toggle{position: relative; padding-right:25px !important}
.dropdown-toggle::after{background: url("../images/items-dropdown-toggle.png") no-repeat; border: none; width: 14px; height:20px; position: absolute; z-index: 1; top: 11px;right:5px}
.navbar .dropdown-menu {top:90%;opacity: 0;transition: visibility 0s, opacity 0.3s linear;background-color:#fff; border-radius: 4px; padding: 0; overflow: hidden; padding: 4px 0}
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover 	{display:block;visibility: visible;opacity: 1;transition: visibility 0s, opacity 0.3s linear;}.dropdown-menu img{max-width: unset}
.gthieu-menu{padding: 0}.gthieu-menu li{float: left; width:calc(50% - 30px) ; margin: 0 15px !important; padding: 0 !important}.gthieu-menu li .nav-link{font-size: 1.1rem !important; color: white !important;text-transform: unset !important; border-bottom: 1px solid rgba(255,255,255,.5);height:67px;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.2;display: block; display: -webkit-box;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important; }.gthieu-menu li .nav-link:hover,.pro-menu li a.nav-link:hover{color: red !important}
.title-menu-pro i{float: left; width:48px; height: 49px; background: url("../images/items_bugi.png") no-repeat}.title-menu-pro span{color: white; text-transform: uppercase; margin-left: 10px}.title-menu-pro{float: left; width: 100%; font-size: 1.4rem; margin-top: 15px}.pro-menu{margin: 0; padding: 0; float: left; width: 100%; position: relative}.pro-menu li .nav-link{list-style-type: none;border-bottom: 1px solid rgba(255,255,255,.5);}.pro-menu li a.nav-link{ color: white !important;text-transform: unset !important;font-size: 1.1rem !important; padding: 15px 0}.pro-menu .nav-item {padding:0;margin:0; list-style-type: none}
}
.hotline{padding: 7% 0.5rem;background: rgb(2,0,36);background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(13,204,255,1) 0%, rgba(95,176,251,1) 100%);color: white;}.hotline i{width:24px}
.numbercall{font-size:1.6rem; font-weight: 700; white-space: nowrap; line-height: 1}.numbercall span{font-size: .8rem; text-transform: uppercase; font-weight: 400}
.carousel-indicators{bottom: 5%;margin-left: 5%; margin-right: 5%;-ms-flex-pack:left;justify-content:left}
.carousel-indicators li{width: 16px; height: 16px; border-radius: 100%; border:2px solid white}
.carousel-indicators .active{background-color:green}

.giaiphap-in{padding: 60px 0}
.title{font-size: 2rem; color:#000; font-weight: 700; text-transform: uppercase; position:relative; float:left; margin-bottom:15px}
.title:before{content:'';position: absolute; z-index:1; top:120%; width:70%; left:15%; height:4px;background-color:#599639}
.owl-tt{margin-top:15px;} 
.box-tt{margin-bottom:30px}
.box-tt .card-img{border-radius:0; position:relative;}.box-tt h2{font-size:1.4rem; font-weight:700;display: block; display: -webkit-box; max-width: 100%; height:59px; margin: 0 auto;line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding:7px 0; text-transform:uppercase}
.box-tt .card-text{padding:7%; background-color:#e4f2f5 ; float:left; width:100%}
.owl-tt .owl-item:nth-child(odd) .card-text,.tintuc-cl .box-tt:nth-child(odd) .card-text,.owl-lienquan .owl-item:nth-child(odd) .card-text{background-color:#fbf5df}
.owl-tt .owl-item:nth-child(even) .card-text,.tintuc-cl .box-tt:nth-child(even) .card-text,.owl-lienquan .owl-item:nth-child(even) .card-text{background-color:#e4f2f5}
.card-text p{display: block; display: -webkit-box; max-width: 100%; margin: 10px auto 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;font-size: 1.2rem; line-height: 1.4;}
.box-tt:hover{color:black}.box-tt:hover h2{color:#599639}
.box-tt .card-img img{transform: scale(1.0);transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}
.box-tt:hover .card-img img{transform: scale(1.2);transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}
.symbol{position: relative; width: 180px; margin:0px calc(50% - 90px) 10px}.symbol:before,.symbol:after{content: ""; position: absolute; z-index: 1;top:50%; width:70px; height: 1px; background-color: #db2b2c}.symbol:before{left: 0}.symbol:after{right: 0}
.caption-title{font-size: 1.2rem; color: grey; padding: 0 25%}
.dichvu-carousel{padding: 30px 0}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{background: rgb(0,113,193);background: linear-gradient(22deg, rgba(0,113,193,1) 0%, rgba(13,204,255,1) 100%);box-shadow: 3px 3px 0px 0px rgb(0 0 0 / 10%);border: 2px solid #fff;border-radius: 4px;position: absolute;z-index: 2;bottom: 10px;}
.owl-carousel .owl-nav button.owl-next{right:calc(50% - 45px)}
.owl-carousel .owl-nav button.owl-prev{left:calc(50% - 45px)}
.owl-carousel .owl-nav button.owl-next span,.owl-carousel .owl-nav button.owl-prev span{width: 36px;height: 36px;float: left;background-size: 50%;background-repeat: no-repeat;background-position: center;color: transparent;}
.owl-carousel .owl-nav button.owl-next span{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAAmElEQVRoge3asQ3CMBgF4V/sQAT7b0KDRKigYJxLkZQ0BJBfnPsGiN5JaSy7StJfABfgDgytt3wFuDF7bjoGOAKPJeYFnFtvWs2YVMakMiaVMamMSWVMKmNSGZOqt5iB+bgMMK79zuGXo3brza91ar3pY0akMCKFESmMSGFECiNSGJHCiBRdRFRVAeMSsfnr6Ss9PBiQdmICazzBOgwlzTwAAAAASUVORK5CYII="); }
.owl-carousel .owl-nav button.owl-prev span{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAAmUlEQVRoge3ZsQ0CMRAFUYseOEH/lRAh0JFwAeXMBTggIMEE+2XNq+CPtNm2JikesAAP4FK9ZViP2Hi7Ve8ZAhyBZ494AafqTT8zIoURKYxIYUQKI1IYkcKIFEakmCKitdaAtUdswFK951A9oNyX0zpXbxpmTCpjUhmTyphUxqQyJpUxqYxJNVvM53v6Xr3nLz1mBa7VW6RZ7bzrwTlVIX5gAAAAAElFTkSuQmCC");}
.button{background: rgb(0,113,193);background: linear-gradient(90deg, rgba(0,113,193,1) 0%, rgba(13,204,255,1) 100%);box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1); border: 2px solid #fff; border-radius: 4px; padding: 7px 35px; color:white; float:left}.button:hover{color: white;background: rgb(13,255,224);background:linear-gradient(90deg, rgba(13,140,255,1) 0%, rgba(0,113,193,1) 60%);}
.title-2{font-size: 1.6rem; font-weight: 700; color: #333; margin-bottom: 15px}.dichvu-carousel p{font-size: 1.2rem; line-height: 1.4; margin-bottom: 15px}
.dichvu-in{padding: 60px 0; background-repeat: no-repeat; background-size: 100%}
.owl-dichvu{float: left;width: 100%}
.box-shadow{-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);padding:30px; border-radius: 4px; background-color: white}
.title-topdv{float:left; width: 100%; margin-bottom: 15px; display: flex;flex-direction: column;align-items: center;}
.title-topdv h3{font-size: .9rem; text-transform: uppercase; margin-top: 15px}
.title-topdv h4{font-size: 1.6rem; text-transform: uppercase; color:red; font-weight: 700}
.title-topdv img{width:unset !important}
.owl-dv.owl-carousel .owl-stage-outer{padding: 30px 15px}
.tinlink{justify-content: centera; align-items: center; margin-bottom: 15px}
.tinlink .caption-title{font-size: 1.2rem;line-height: 1.2; color: black; padding: 0}.tinlink:hover .caption-title{color: #0071c1}
.day{font-size: 1rem; color: gray}.tinlink .card-img img{transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;transform: scale(1)}.tinlink:hover .card-img img{transform: scale(1.1);}
.button-red{background: rgb(255,56,57);background: linear-gradient(90deg, rgba(255,56,57,1) 0%, rgba(219,43,44,1) 60%); border: 1px solid #c30001;color: white; font-size: 1.2rem; text-transform: uppercase; padding:14px 25px 12px; border-radius: 4px;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1)}.button-red:hover{color: white;background: rgb(198,5,6);background:linear-gradient(90deg, rgba(198,5,6,1) 0%, rgba(255,57,59,1) 60%)}.button-red:hover i{margin-left: 5px;transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}
.dangky{padding: 60px 30%}.dangky .logo-w img{width: 150px; margin: 15px 0; }.dangky p{color: white; padding: 10px 0; text-align:center}
.dichvu-in .owl-nav{display: block !important}
.logo-dt{padding:30px 0; margin-bottom: 30px}
/*owl-carousel*/
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{background: rgb(0,113,193);background: linear-gradient(22deg, rgba(0,113,193,1) 0%, rgba(13,204,255,1) 100%);box-shadow: 3px 3px 0px 0px rgb(0 0 0 / 10%);border: 2px solid #fff;border-radius: 4px;position: absolute;z-index: 2;bottom: 10px;}.owl-carousel .owl-nav button.owl-next{right:calc(50% - 45px)}.owl-carousel .owl-nav button.owl-prev{left:calc(50% - 45px)}
.owl-carousel .owl-nav button.owl-next span,.owl-carousel .owl-nav button.owl-prev span{width: 36px;height: 36px;float: left;background-size: 50%;background-repeat: no-repeat;background-position: center;color: transparent;}
.owl-carousel .owl-nav button.owl-next span{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAAmElEQVRoge3asQ3CMBgF4V/sQAT7b0KDRKigYJxLkZQ0BJBfnPsGiN5JaSy7StJfABfgDgytt3wFuDF7bjoGOAKPJeYFnFtvWs2YVMakMiaVMamMSWVMKmNSGZOqt5iB+bgMMK79zuGXo3brza91ar3pY0akMCKFESmMSGFECiNSGJHCiBRdRFRVAeMSsfnr6Ss9PBiQdmICazzBOgwlzTwAAAAASUVORK5CYII="); }
.owl-carousel .owl-nav button.owl-prev span{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAAmUlEQVRoge3ZsQ0CMRAFUYseOEH/lRAh0JFwAeXMBTggIMEE+2XNq+CPtNm2JikesAAP4FK9ZViP2Hi7Ve8ZAhyBZ494AafqTT8zIoURKYxIYUQKI1IYkcKIFEakmCKitdaAtUdswFK951A9oNyX0zpXbxpmTCpjUhmTyphUxqQyJpUxqYxJNVvM53v6Xr3nLz1mBa7VW6RZ7bzrwTlVIX5gAAAAAElFTkSuQmCC");}
/*owl-carousel*/
.dangkytin{float: left;position: relative;width:80%; margin: -95px 10% 30px; display: flex; justify-content: center;align-items: center; border-radius: 4px; background: #006ebf;color:white;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); padding: 15px 30px}
.dangkytin span{font-size: 1.2rem; text-transform: uppercase}
.input input{width: 100%;padding: 10px 120px 10px 10px;border: 0;border-radius: 4px;}
.button-send{position: absolute;z-index: 1;top: 4px;right: 19px;color: white;padding: 0px 35px;height: calc(100% - 8px);border-radius: 4px;text-transform: uppercase;font-size: 1.2rem;display: flex;justify-content: center;align-items: center;line-height: 1;font-weight: 700;background: rgb(0,113,193);background: linear-gradient(22deg, rgba(0,113,193,1) 0%, rgba(13,204,255,1) 100%);}.button-send:hover{color: white;background: rgb(198,5,6);background: linear-gradient(90deg, rgba(198,5,6,1) 0%, rgba(255,57,59,1) 60%);}
footer{float: left; width: 100%;background-repeat: no-repeat; background-size: 100%; background-position: bottom center; padding: 30px 0 15px; background-image:url("../images/bg-footer.jpg")}
.share{float: left; width: 100%;margin: 15px 0; padding: 0}
.share li{list-style-type: none; float: left; margin-right: 10px}
.share li a{border: 1px solid rgba(255,255,255,.7); border-radius: 100%; width: 45px; height: 45px; display: flex; justify-content: center;align-items: center; padding: 10px}.share li a img{filter: invert(1) opacity(.7)}.share li a:hover img{filter: invert(1) opacity(1)}.share li a:hover{border: 1px solid rgba(255,255,255,1); background-color: #0071c0;-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2)}
.logo-f{width: 190px}
.footer .caption-title{padding: 15px 0; color: white;font-size:0.9rem; text-align: justify}
.menu-f{float: lèinherit; width: 100%; margin: 0; padding: 0}.menu-f li{float: left; width: 100%;list-style-type: none;margin-bottom: 15px}.menu-f li a{text-transform: uppercase; color: white;font-size: 1rem;position: relative;padding:2px 5px}.menu-f li a:hover{color: white}.menu-f li a:after{opacity: 0}.menu-f li a:hover:after{content: ""; width: 100%; height: 50%; position: absolute; z-index: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,.2);opacity: 1}.footer a{color: white}
.coppyright{float:left; width: 100%; background: rgba(0,0,0,.6);padding: 30px 0; color: white; text-align: center}

.menu-f{float: lèinherit; width: 100%; margin: 0; padding: 0}.menu-f li{float: left; width: 100%;list-style-type: none;margin-bottom: 15px}.menu-f li a{text-transform: uppercase; color: white;font-size: 1rem;position: relative;padding:2px 5px}.menu-f li a:hover{color: white}.menu-f li a:after{opacity: 0}.menu-f li a:hover:after{content: ""; width: 100%; height: 50%; position: absolute; z-index: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,.2);opacity: 1}.footer a{color: white}
.copyright{float:left; width:100%; background-color:rgba(255,255,255,.8); padding:15px 0 13px; text-align:center; font-size:.9rem;color:#3a3a3a; line-height:1; border-top:1px solid #f2f2f2}
.phone_footer {
    border: 2px solid #f2f2f2;
    border-radius: 50px;
    background-color: rgba(255,255,255,.3);
    padding: 5px 25px 5px 5px;
    min-width: 260px;
    line-height: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 15px;
    box-shadow: 4px 4px 4px #f2f2f2;
}
.phone-number-f{font-size:2rem; color:black}.icon-phone-f{border-radius: 100%;width: 50px;height: 50px;background-color: rgba(0,0,0,.03);display:flex; justify-content:center; align-items:center ; margin-right:10px}.icon-phone-f img{max-width:100%}
.email-f{color:gray}
.list-style-type-none{list-style-type:none}
.contact-f{padding:30px 0; font-size:1rem}.contact-f i{margin-right:10px}.contact-f i img{width:25px}
.button-search{margin-right:15px; width:40px}
.thongtinlienquan{padding:30px 0 70px}
.btn-primary {
    color: #fff;
    background:linear-gradient(to bottom, #348e43 0%, #8dc442 100%);
}
.title-header{position: absolute; z-index: 1;width: 100%;top: 0;left: 0;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}.title-header a,.title-header .title{color:white}.breadcrumb-item.active{color:#34abff}
.banner{position: relative}
.breadcrumb{background-color:transparent; font-size: 1rem}
.content-page{float:left; width:100%;}
.number-big{font-size:4rem;font-weight:300; color:#0071c1}
.bg-gray-why,.bg-blue-why{padding:30px 15px; border-radius:20px; position:relative; margin-bottom:20px}.bg-gray-why{background-color:#f0f0f0;}.bg-blue-why{background-color:#e9f6ff}.bg-gray-why:after,.bg-blue-why:after{content:""; position: absolute;z-index:1;width:10px; height:60%; top:20%; right:-10px; background:#0d71b4; border-radius:0 20px 20px 0}
.border-right{border-right:1px solid #bbb9b7}
.taisaohissc span{font-size:1.6rem; font-weight:700}.taisaohissc p{font-size:1.2rem}
.symbol-left{display:flex; align-items:center}
.ul-number-color{float:left; width:100%; padding:0; margin-bottom:15px}.ul-number-color li{list-style-type:none; padding-left:35px; position:relative;display: flex;justify-content:flex-start;align-items: center;float:left;width:50%; margin-bottom:15px; padding-right:10px}
.ul-number-color li i{position:absolute; z-index:1; top:0px; left:10px; border-radius:100%; color:white; width: 20px;height: 20px;font-size: .9rem;font-style: normal;display: flex;justify-content: center;align-items: center;line-height: 1;font-weight: 700;}
.pagination{justify-content:center}.pagination-sm .page-item:first-child .page-link,.page-item:first-child .page-link{border-radius:0}
.pagination .page-item{ margin:0 7.5px}
.page-link {line-height: 1;color: #ffffff;background-color: #d8d8d8;border:1;font-size: 1.2rem !important;border-radius: 0px !important; display:flex;justify-content:center; align-items:center; width:40px; height:40px}
.breadcrumb-item+.breadcrumb-item::before{content:"";width:12px; height:15px; background:url("../images/arrow-r-black.png") no-repeat; background-size:100%}.breadcrumb-item+.breadcrumb-item{display: flex;justify-content: center; align-items: center;}.title-header a:hover{color:#bbe5ff}
.page-item.active .page-link{background-color:#1fb488; border-color:#1fb488}.page-link:hover{color:#1fb488}
.share-tt li a{border: 1px solid #adb5bd;}.share-tt li a img{filter: invert(1) opacity(.7) brightness(0.5);}
.input-contact input,.input-contact textarea{ border:1px solid #f2f2f2; padding:7px 15px; margin-bottom:15px; border-radius:4px; width:100%}
.text-blue{color:#0071c0}.color-gray{color:gray !important}
.text-light{font-weight: 300;font-size: 2rem;}
.content-page{position:relative; float:left; width:100%}
.banner-seu-bay-ve{float:left; width:100%; background-image:url("../images/bg-title-seuquayve.jpg"); background-size:cover; background-position:right; padding:10%; text-align:center; min-height:500px;}
.banner-seu-bay-ve h3{font-weight:100; font-size:2rem; color:#5b9f38; text-transform:uppercase; font-size:300%}
.banner-seu-bay-ve h4{font-weight:100; font-size:2rem; color:#eb1290; text-transform:uppercase; font-size:300%}
.box-opacity-img{background-color:black;padding:0;overflow:hidden;}
.box-opacity-img .title-opa{position:absolute; z-index:1; width:100%; height:100%; display:flex; justify-content:center; align-items:center}
.title-opa{color:white; text-align:center}.box-opacity-img img{opacity:.7}.title-opa h4{font-size:2.4rem; text-transform:uppercase;transition: -webkit-all .3s ease;transition: all .3s ease;transition: all .3s ease,-webkit-all .3s ease;}
.box-opacity-img:hover img{opacity:1}.title-opa:hover h4{opacity:0;transform: translateY(-50px);transition: -webkit-all .3s ease;transition: all .3s ease;transition: all .3s ease,-webkit-all .3s ease;}
.dong-pt-60{float:left; width:100%;padding-top:60px}
.video{margin:25px 0 15px;float:left; width:100%}
.photo-dropbox{margin:15px 0; float:left; box-shadow:5px 5px 5px 2px rgba(0,0,0,.2); overflow:hidden}.photo-dropbox img{border:4px solid #fff;transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}.photo-dropbox:hover img{filter:contrast(120%);transform: scale(.98);transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}
.bg-list-seu{background-image:url("../images/bg-list.jpg"); background-size:100%;padding:130px 30px 30px 30px; background-repeat:no-repeat}
.ul-list-seu{ padding:0; margin:15px 0}.ul-list-seu li{list-style-type:none; float:left;width:100%; margin-bottom:20px; font-size:1.2rem; padding-left:20px; position:relative}
.text-color-green{color:#00a447}.ul-list-seu li:before{content:''; position:absolute; z-index:1; left:-5px; top:5px; width:12px; height:12px; background-image:url("../images/arrow-c.png");transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease}.ul-list-seu li:hover:before{left:5px}
.caption-red{color:red; font-size:2.2rem; font-weight:100; text-transform:uppercase; text-align:center}
.dean-in{background-image:url("../images/bg-dean.jpg"); background-size: 100% 100%;padding:100px 30px;background-position:bottom center; background-repeat:no-repeat}
.dean-in h5{font-size:1.8rem; font-weight:700}
.deanbaoto-pr{padding-right:6%}
.tintuc {margin-top:30px;}
.tintuc .col-lg-4{padding:0}
/*footer{background:url("../images/bg-footer.jpg") bottom no-repeat; background-size:100%;}*/
.copyright{float:left; width:100%; background-color:white; padding:10px 0; text-align:center; font-size:.9rem;color:#3a3a3a; line-height:1}
.phone_footer {
    border: 2px solid #f2f2f2;
    border-radius: 50px;
    background-color: rgba(255,255,255,.3);
    padding: 5px 25px 5px 5px;
    min-width: 260px;
    line-height: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 15px;
    box-shadow: 4px 4px 4px #f2f2f2;
}
.phone-number-f{font-size:2rem; color:black}.icon-phone-f{border-radius: 100%;width: 50px;height: 50px;background-color: rgba(0,0,0,.03);display:flex; justify-content:center; align-items:center ; margin-right:10px}.icon-phone-f img{max-width:100%}
.email-f{color:gray}
.list-style-type-none{list-style-type:none}
.contact-f{padding:30px 0;}
.button-search{margin-right:15px; width:40px}
.thongtinlienquan{padding:30px 0 70px}
.btn-primary {
    color: #fff;
    background-color: #599639;
    border-color: #599639;
}
.btn-primary {
    transition: all .3s ease;
    border: none;
    border-radius: 0;
    font-size: 16px;
    line-height: 58px;
    height: 58px;
    text-transform: uppercase;
    padding: 0 40px;
    letter-spacing: 1px;
}
.btn-primary:hover{background-color: #28a745;border-color: #28a745;}
.dowload-f .box-tt .card-text{padding:15px 15px 15px 60px; backgrund-color:#fff5fe; position:relative}
.download-file,.link-content{position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background-color: #dc3545;}
	.download-file{background-image:url("../images/icons8-download.png"); background-repeat:no-repeat; background-position:center center; background-size:40%}
	.link-content{background-image:url("../images/icons8-link.png"); background-repeat:no-repeat; background-position:center center; background-size:40%}
	.dowload-f .box-tt .card-text:hover .download-file{background:url("../images/icons8-download2.gif") #ff0101 no-repeat center center !important}
	.dowload-f .box-tt .card-text:hover .link-content{background:url("../images/icons8-link.gif") #ff0101 no-repeat center center !important}
	.dowload-f .box-tt .card-text:hover{background-color:#e6f6e2}
	.dowload-f .box-tt h2{max-height:unset}
	.dowload-f .box-tt .card-text:hover .hover-text{text-decoration: underline;}
	.box-tt h2{max-height: 62px; height:unset}
	.map {
    position: relative;
    padding-bottom:350px;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.map iframe, .map object, .map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.contact-info-block {
    position: absolute;
    content: "";
    left: 29px;
    bottom: 10px;
    z-index: 1;
    background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 48%, #fcc4d0 89%);
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 48%,#fcc4d0 89%);
    background: radial-gradient(ellipse at center, #ffffff 48%,#fcc4d0 89%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcc4d0',GradientType=1 );
    padding: 25px 30px 5px;
    width: 90%;
    font-size: 0.9rem;
}
#contact-form .form-control {
    border-color: #e8e8e8;
    height: 50px;
    padding-left: 20px;
    font-size: 13px;
    background: #eee;
}
#contact-form textarea.form-control {
    height: auto;
}
.social-d .list-inline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    filter: grayscale(100%);
    margin-bottom: 0;
}
/*banner*/
 .main-header {
     z-index: 999;
}
.banner hr.border-light {
    max-width: 300px;
    opacity: 0.9;
}
 .banner .carousel-item {
     transition: transform 1s ease-in-out;
}
 .banner .carousel-caption {
     top: 48%;
     transform: translate(25%, -50%);
     bottom: auto;
     left: 0;
     right: 0;
      width: 0;
      opacity: 0;
      overflow: hidden;
      text-align: left;
}
 .banner .carousel-item.active .carousel-caption  {
     animation: widthSlide 1.5s 1;
     opacity: 1;
      z-index: 999;
      width: 100% ;
}
 @keyframes widthSlide {
     0% {width: 0% ;
         opacity: 0;
    }
   50% {
        width: 100% ;
         opacity: 1;
    }
     100% {
         width: 100% ;
         opacity: 1;
    }
}
.banner .carousel-caption h5 {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    position: relative;
    width: fit-content;
    padding-right: 10px;
}
.banner .carousel-caption h5:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    bottom: -20px;
    opacity: 1;
}
 .banner .carousel-item.active .carousel-caption h5:after {
    width: 10%;
    height: 4px;
    animation: titleCover 1.5s 1;
    opacity: 0;
}

 @keyframes titleCover {
     0% {
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
       opacity: 1;
    }
   20% {
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
       opacity: 1;
    }
   30% {
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    55% {
        left: 0;
        right: 0;
        width: 100%;
        height: 5px;
        opacity: 1;
    }
   95% {
        left: 0;
        right: 0;
        width: 10%;
    }
     100% {
        left: 0;
        right: 0;
        width: 10%;
        opacity: 0.5;
    }
}
.banner .carousel-item > img {
    height: 100vh;
    object-fit: cover;
    transform: scale(1);
}
.banner .carousel-item.active > img {
    transform: scale(1);
    animation: bgScale 90s 1;
}
@keyframes bgScale {
  0% {
      transform: scale(1);
    }
  100% {
      transform: scale(2);
    }
}
.owl-item p{font-size:1.2rem}
.address_footer {color: black;  text-align: center; margin: 15px 0px;font-size: 1rem;font-weight: 300;}
.post-content{float: left;width: 100%;padding: 15px;background-color: cornsilk;}
.post-img{position:relative;background-color: black;}.over-layer{position: absolute; z-index: 1; top: 50%; left: 50%;}
.banner .carousel-control-prev,.banner .carousel-control-next{display:none}
.carousel-control-prev,.carousel-control-next{top:calc(50% - 18px)}
.carousel-control-prev{left:15px}
.carousel-control-next{left:calc(100% - 55px)}
.carousel-control-next-icon, .carousel-control-prev-icon{padding: 10px; margin: 5px 0;}

/** Medium devices (mobi)**/
@media (max-width:767.98px) {
	html{font-size:14px}
	.menu-f{display: none}
	.navbar-nav .nav-link {
padding: 8px 15px;backgrund-color: #27295a;color: white;border-top: 1px solid rgba(255,255,255,.3);}.dropdown-toggle:after {margin-top: 9px;float: right;}.show .navbar-nav{background-color: #13a277}.link-role{position: absolute;z-index: 2;top: 0;right: 0;width: 40px;height: 40px;}.navbar .dropdown-menu .dropdown-item{width: 100%}.dropdown-menu{overflow: scroll;max-height: 250px;padding: 0;margin: 0;border-radius: 0;background-color: #d7efff}.navbar .dropdown-menu .dropdown-item:after{display: none}.title-hotnews{font-size: .8rem; padding: 0}.caption-title{padding: 0 ; font-size: 1rem}.dichvu-in{background-size: 400%; background-position: top center}/*.card-img{margin-bottom: 15px}*/.dangky{padding: 60px 15px}footer{background-size: cover}.dangkytin{width: calc(100% - 30px);margin: -65px 15px 15px;padding: 15px 0;}.symbol-left{display:unset}.number-big.border-right{border:none !important}
.navbar-brand img{width:60px;}.banner-seu-bay-ve {background-size: 300%; background-repeat:no-repeat;background-position: bottom right;padding: 100px 5% 300px;}.bg-list-seu{background: url(../images/bg-list-m.jpg) no-repeat bottom right; padding:30px 15px}.dean-in{background-repeat:no-repeat; background-position:bottom; background-size: 100%; padding:30px 15px 200px}.contact-f .flex{ display:block}.contact-f{padding:15px}.dowload-f .box-tt h2{padding-right:50px}.title{font-size:1.4rem}.btn-primary {font-size: 16px;line-height: 40px;height: 40px;}.banner-seu-bay-ve h3,.banner-seu-bay-ve h4{font-size:200%}.caption-red {font-size:2rem}.dean-in h5 {font-size: 2rem;}.tintuc-cl .box-tt {margin-bottom: 0px;}.h1, h1 {font-size: 2rem;}.copyright{padding: 10px 15%;}

}
/** Medium devices (tablets, less than 992px)**/
@media (min-width: 768px) and (max-width: 991.98px){html{font-size:12px}}
/**Large devices (desktops, less than 1200px) máy DUNG**/
@media (min-width:992px) and (max-width: 1024px) {html{font-size:13px}.dropdown-toggle::after{top:8px}}
/* Extra large devices (large desktops, 1024px and up) 13in*/
@media (min-width: 1024.98px) and (max-width: 1366.98px) {html{font-size: 15px}}
/** Max devices laptop **/
@media (min-width: 1367px) and (max-width: 1599.98px){html{font-size: 16px}}
/** max devices desktops **/
@media (min-width: 1600px) {.box-tt h2{max-height: 80px;}.card-text p {height: 100px;}.video iframe{width: 100%;min-height: 540px;}}