/* CSS Document */
body {font-family: "Arial", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, "sans-serif"; overflow-x: hidden; }

:root {
	--yellow-1: #f29e19;
	--blue-1: #245ab2;
	--blue-2: #217ecc;
	--blue-3: #3ab7e8;
	--blue-4: #343f5b;
	--blue-5: #737e92;
}
.xemthem{
	background: #245ab2;
	justify-content: flex-end;
	padding: 10px;
	color: white;

}
.menucap1 li a{
	text-transform: uppercase;
}
.descritiontintuc h6 a{
	font-weight: bold;
}
ul {margin: 0; padding: 0}
li {list-style: none; margin: 0}
input:focus, img:focus, a:focus, div:focus, textarea:focus, button:focus {outline: none;}
input, textarea {font-style: italic}
input:focus, textarea:focus {font-style: normal}
a {text-decoration: none; color: var(--blue-4)}
a:hover {text-decoration: none; color: var(--blue-3)}
.container {max-width: 1030px;}
.parallax {background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}

a, .sub-menu>a::after, .sub-menu>ul, .search input, .nd-dmb span, .nd-dmb span::after, .img-gt img, .nd-ly-do, .nd-ly-do img, .nd-y-kien::after, .bai-viet, .bai-viet .img-bai-viet img, .ft-lh .input-effect label, .ft-lh .input-effect .focus-border::before, .ft-lh .input-effect .focus-border::after, .ft-lh button::after, .nd-gt a::after, #nhap-sdt form button, .search svg {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}

.row {margin-right: -10px; margin-left: -10px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {padding-right: 10px; padding-left: 10px;}
.owl-dot:focus {outline: none}

.logo {display: block}
.logo img {width: 235px}

#topbar {background: var(--blue-1); padding: 5px 0; position:-webkit-sticky;position:sticky;top:0;z-index:999;}
#topbar form {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;padding:3px; border-radius: 3px; width: 100%}
#topbar form input {width:100%;border:none;padding:3px 10px;background:transparent; color: #F74326}
#topbar form button {border:none;padding:0 15px;text-transform:uppercase;line-height:0;background:var(--yellow-1);color:#fff;font-weight:700; border-radius: 3px;}
#topbar form button:hover {background: var(--blue-3)}
#topbar form input::-webkit-input-placeholder{color:red}#topbar form input::-moz-placeholder{color:red}#topbar form input:-ms-input-placeholder{color:red}#topbar form input::-ms-input-placeholder{color:red}#topbar form input::placeholder{color:red}

.btn-dmb {border: none; background: transparent; padding: 0; margin-right: 10px;}
.btn-dmb img {width: 35px; height: 35px}

.hd-info {}

.hd-lh {margin-left: auto; padding-left: 10px;}
.hd-lh a {display: inline-block; margin-left: 10px}
.hd-lh a img {width: 40px}

#menu {border-top: dashed 1px #ddd}
.menu li a {text-decoration: none; text-transform: uppercase; padding: 10px 20px 10px 0; display: block; white-space: nowrap;}

.menu>li:first-child a {padding-left: 0}
.menu li a:hover {color: var(--blue-1);}
.menu li:last-child {padding-right: 0;}
.menu li:first-child a svg {width: 25px; fill: #555}
.menu>li:first-child a:hover svg {fill: var(--blue-1)}


.search {margin-left: auto;}
.search a svg {height: 22px; fill: #555}
.search a {margin: auto; display: block}
.search form {position:absolute;top:100%;right:10px;z-index:99;width:calc(100% - 20px);padding:5px;background-color:#fff;border-radius:3px;box-shadow:5px 5px 15px 0 rgba(0,0,0,.15);margin-top:20px;visibility:hidden;opacity:0;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;}
.search input {border: none; width: 100%; padding: 0 10px;}
.search button {border-radius: 3px; border: none; padding: 7px 12px; background-color: var(--blue-3)}
.search button svg {width: 15px; fill: #fff}
.search:hover form {margin-top: 0px; visibility: visible; opacity: 1;}


#banner .owl-stage-outer {position: relative}
#banner .owl-stage-outer::after {content: ""; position: absolute; width: 100%; height: 1000px; left: 0; bottom: -15px; background-image: url("../img/bot-banner.svg"); background-position: center bottom; background-repeat: no-repeat; pointer-events: none;}
#banner .owl-nav {position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
#banner .owl-nav button {position: absolute; top: 0; bottom: 0; margin: auto 0; height: 100px; pointer-events: auto;}
#banner .owl-nav button:hover {background: transparent}
#banner .owl-nav button:focus {border: none; outline: none}
#banner .owl-nav button span {font-size: 50px;}
#banner .owl-nav .owl-prev {left: 20px}
#banner .owl-nav .owl-next {right: 20px}

#cau-hoi {margin-top: -178px; position: relative; z-index: 1;}
#cau-hoi .row {padding-left: 10px;  padding-right: 10px;}
.cau-hoi {background-color: var(--blue-2); color: #fff; box-shadow: 4px 4px 20px 0 rgba(0,0,0,0.15);}
.cau-hoi:first-child {background-color: var(--blue-1)}
.cau-hoi:last-child {background-color: var(--blue-3)}
.cau-hoi .nd-cau-hoi {padding:32px;padding-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;height:100%;}
.cau-hoi h3 {font-size: inherit; text-transform: uppercase; font-weight: 700;}
.cau-hoi p {}
.cau-hoi a {background: #fff; padding: 7px 20px; display: inline-block; text-transform: uppercase; margin-top: auto; -webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;}

.cau-hoi a:hover {-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1; background: var(--yellow-1); color: #fff}

@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}

.section-title {margin-bottom: 2.8rem; color: var(--blue-1); position: relative; text-align: center; text-transform: uppercase}
.section-title span {text-transform: none; color: #737e92; font-size: 77%}
.section-title img {width: 70px; right: 0; left: 0px; margin: 0 auto; bottom: -25px; position: absolute}

.nd-dmb {text-align: center;}
.nd-dmb a {}
.nd-dmb img {width: 70%; position: relative; z-index: 1; height: 100%}
.nd-dmb span {background-color:var(--blue-1);border-radius:999px;width:120px;height:120px;margin:0 auto; position: relative; box-shadow: inset 0 0 0 100px var(--blue-3); display: block}
.nd-dmb h3 {font-size: inherit; text-transform: uppercase; font-weight: 700; margin-top: 15px;}





.nd-dmb a:hover span {box-shadow: inset 0 0 0 0px var(--blue-3)}
.nd-dmb a:hover span::after {width: calc(100% + 14px); height: calc(100% + 14px)}

#gioi-thieu {position: relative; margin-top: -1rem}
#gioi-thieu::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1000px; z-index: -1;  background-image: url("../img/bg-gt.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: 100%}
#gioi-thieu .section-title {text-align: left}
#gioi-thieu .section-title img {margin: 0}
.nd-gt a {display: inline-block; padding: 10px 20px; background-color: var(--blue-1); color: #fff; text-transform: uppercase; position: relative; overflow: hidden}
.nd-gt a span {position: relative; z-index: 1}
.nd-gt a::after {content:"";position:absolute;width:50px;height:50px;background:var(--yellow-1);border-radius:999px;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
.nd-gt a:hover::after {-webkit-transform: scale(4);-ms-transform: scale(4);transform: scale(4);}
.img-gt {position: relative; padding-top: 100%; height: 0; margin-top: 20px}
.img-gt img {position: absolute; top: 0; object-fit: cover; width: 100%; height: 100%; border-radius: 8px; }
.img-gt img:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
#img-gt .col-6:first-child .col-12:first-child .img-gt {margin-top: 0}

#nhap-sdt {background-color: var(--blue-1)}
#nhap-sdt p {margin: 0; color: #fff}
#nhap-sdt form {position: relative; background-color: #fff; padding: 4px;}
#nhap-sdt form input {border: 0; width: calc(100% - 80px); padding-left: 10px;}
#nhap-sdt form button {border: 0; margin-left: auto; background-color: var(--yellow-1); color: #fff; text-transform: uppercase; padding: 8px 25px;}
#nhap-sdt form button:hover {background-color: var(--blue-3)}


.ly-do {padding-bottom: 20px;}
.nd-ly-do {text-align: center; box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.1); border-radius: 6px; padding: 15px; height: 100%; background: #fff}
.nd-ly-do:hover {box-shadow: 0px 8px 15px 0 rgba(0,0,0,0.2); -webkit-transform: translateY(-8px);-ms-transform: translateY(-8px);transform: translateY(-8px)}


.nd-ly-do img {width: 80px;}
.nd-ly-do:hover img {-webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom;}


@-webkit-keyframes bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-10px);transform:scale(.9,1.1) translateY(-10px)}50%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(-5px);transform:scale(1,1) translateY(-5px)}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@keyframes bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(1.1,.9) translateY(0);transform:scale(1.1,.9) translateY(0)}30%{-webkit-transform:scale(.9,1.1) translateY(-10px);transform:scale(.9,1.1) translateY(-10px)}50%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(-5px);transform:scale(1,1) translateY(-5px)}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}


.nd-ly-do h3 {font-size: inherit; text-transform: uppercase; font-weight: 700; color: var(--blue-4); margin-top: 10px;}
.nd-ly-do p {margin: 0}
.img-ly-do {width: 100%; height: 100%}
.img-ly-do img {width: 100%; object-position: bottom; height: 100%; object-fit: contain;}
#ly-do::before, #ly-do::after {content: ""; position: absolute; z-index: -1}
#ly-do::before {left: 0; bottom: 0; background-image: url("../img/bg-ly-do-1.svg"); width: 170px; height: 400px; background-repeat: no-repeat; background-position: left bottom; background-size: contain}
#ly-do::after {right: 0; top: 0; background-image: url("../img/bg-ly-do-2.svg"); width: 240px; height: 540px; background-repeat: no-repeat; background-position: right top; background-size: contain}



#y-kien {background-image: url("../img/bg-y-kien.jpg")}
#y-kien::after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: var(--blue-1); opacity: 0.9}
#y-kien .container {position: relative; z-index: 1}
#y-kien .section-title, #y-kien .section-title span {color: #fff}
.nd-y-kien {color: #fff; padding-left: 15px; border-left: solid 2px rgba(255,255,255,0.2); position: relative}

.nd-y-kien::after {content: ""; position: absolute; bottom: 0; left: -2px; width: 2px; height: 0; background: var(--blue-3);}
.nd-y-kien:hover::after {height: 100%}

.nd-y-kien>div {display: -webkit-box;display: -ms-flexbox;display: flex;}
.nd-y-kien>div img {width: 90px !important; height: 90px; border-radius: 100px;}
.nd-y-kien>div div {padding-left: 15px; padding-top: 15px;}
.nd-y-kien>div div span {display: block;}
.nd-y-kien>div div span:first-child {font-weight: 700; text-transform: uppercase}
.nd-y-kien>div div span:last-child {font-size: 90%; font-style: italic}
.nd-y-kien p {margin: 10px 0 0 0;}
#y-kien .owl-dot span {background: rgba(255,255,255,0.3)}
#y-kien .owl-dot.active span {background: #fff}


.bai-viet {box-shadow: 0px 0px 0 1px rgba(0,0,0,0.12); position: relative; background: #fff}
.bai-viet:hover {box-shadow: 0px 8px 15px 0 rgba(0,0,0,0.2); -webkit-transform: translateY(-8px);-ms-transform: translateY(-8px);transform: translateY(-8px)}
.bai-viet .img-bai-viet {position: relative; padding-top: 63%; height: 0; display: block; width: 100%; overflow: hidden}
.bai-viet .img-bai-viet img {position: absolute; top: 0; object-fit: cover; width: 100%; height: 100%;}
.bai-viet .img-bai-viet img:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
.bai-viet .ngay-dang {position: absolute; top: 10px; left: 10px; background: var(--blue-3); color: #fff; text-align: center; padding: 5px 8px; font-size: 90%;}
.bai-viet .ngay-dang span, .nd-bv span {display: block;}
.bai-viet .ngay-dang span:last-child {font-weight: 700}
.bai-viet .td-bai-viet {font-weight: 700; display: block; margin-bottom: 10px;}
.bai-viet p {margin: 0;}
.bai-viet .nd-bai-viet {padding: 20px}
.list-bv {margin-bottom: 11px; position: relative;}
.list-bv:hover {z-index: 1}
.list-bv, .nd-bv {display: -webkit-box;display: -ms-flexbox;display: flex;}
.img-bv {width: 38%}
.nd-bv {width: 62%; font-size: 85%; padding: 10px 15px; -webkit-box-align: center;-ms-flex-align: center;align-items: center}
.nd-bv div {}
.nd-bv span {margin-top: 5px; font-style: italic;}


#footer {background-image: url("../img/maps-mt.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover}
.footer {background:rgba(36,90,178,.8);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px); padding: 15px}
.ft-info .logo {display: inline-block; margin-bottom: 15px;}
.ft-info ul {}
.ft-info ul li {padding: 5px 0; position: relative}
.ft-info ul li img {width: 18px; position: absolute; top: 8px}
.ft-info ul li span {display: block; color: #fff; padding-left: 30px;}
.ft-lh {border-top: solid 1px rgba(255,255,255,0.5); margin-top: 18px; padding-top: 18px;}
.ft-lh span {text-transform: uppercase; font-weight: 700; margin-bottom: 10px; display: block}
.ft-lh button, .ft-lh input {border: none; width: 100%; padding: 8px 10px}

.ft-lh button {background: var(--blue-3); color: #fff; text-transform: uppercase; position: relative}
.ft-lh button span {position: relative; z-index: 1; margin: 0}

.ft-lh button:hover {background: var(--yellow-1);}
.ft-lh .input-effect input {background: rgba(255,255,255,0.1); border: solid 1px rgba(255,255,255,0.5); color: #fff; box-sizing: border-box; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
.ft-lh .input-effect {position: relative; margin-bottom: 10px;}
-.ft-lh .input-effect label {position: absolute; margin: 0; white-space: nowrap; color: #ccc; top: 8px; left: 10px; pointer-events: none}

.ft-lh .input-effect .focus-border {pointer-events: none}
.ft-lh .input-effect .focus-border::before, .ft-lh .input-effect .focus-border::after {content: ""; position: absolute; width: 100%; height: 100%;}
.ft-lh .input-effect .focus-border::before {border-top: solid 2px #fff; border-bottom: solid 2px #fff; top: 0; left: 50%; width: 0  }
.ft-lh .input-effect .focus-border::after { border-left: solid 2px #fff; border-right: solid 2px #fff; left: 0; top: 50%; height: 0}

-.ft-lh .input-effect input:focus ~ .focus-border::before {left: 0; width: 100%}
-.ft-lh .input-effect input:focus ~ .focus-border::after {top: 0; height: 100%}
-.ft-lh .input-effect input:focus ~ label {top: -27px; background: #fff; padding: 2px 10px; left: 0; color: var(--blue-4); border-top-left-radius: 3px; border-top-right-radius: 3px}

.view-map a {width: 100%; height: 100%;}
.view-map a span {background: rgba(0,0,0,0.5); color: #fff; padding: 8px 15px; display: inline-block; margin: auto}


:root {--color1: #245ab2; --color2: #3ab7e8}
#lienhe-bottom {width: 100%; background-color: var(--color1); position: -webkit-sticky;position: sticky; bottom: 0; z-index: 999;     border-top: solid 3px rgba(255,255,255,0.8); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); float: left}

#lienhe-bottom a {text-decoration: none; color: #fff; width: 33.33%; text-align: center; font-family: inherit; display: inline-block; text-transform: uppercase; font-weight: 700; float: left}
#lienhe-bottom a:hover, #lienhe-bottom a:focus {text-decoration: none; outline: none}
#lienhe-bottom div {width: 50px; height: 50px; background: var(--color1); margin: -27px auto 0; border-radius: 100%; position: relative; border: solid 3px #fff}


#lienhe-bottom div::before {content: ""; position: absolute;width: calc(100% + 20px); height: calc(100% + 20px); border-radius: 100%; z-index: -1; background: rgba(255,255,255,0.3); border: solid 1px rgba(255,255,255,0.4); -webkit-box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.2); box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.2); -webkit-backdrop-filter: blur(3px) saturate(150%);backdrop-filter: blur(3px) saturate(150%); top:-10px; left: -10px }
#lienhe-bottom p {margin: 0; padding: 12px 0 4px}
#lienhe-bottom svg {fill: #fff; width: 50%; height: 100%}


#lienhe-bottom a:nth-child(2) div {-webkit-animation: blink 800ms step-end infinite; animation: blink 800ms step-end infinite;}

@-webkit-keyframes blink { 50% { background-color: var(--color2); }}
@keyframes blink { 50% { background-color: var(--color2); }}

#bot-icon-goidien {-webkit-animation-duration: 2s;animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-direction: reverse; -webkit-animation-name: nhin-cc; animation-name: nhin-cc; animation-iteration-count: infinite;}

@keyframes nhin-cc {0% {-webkit-transform: rotate(0); transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}
10% {-webkit-transform: rotate(-25deg); transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg);}
20% {-webkit-transform: rotate(25deg); transform: rotate(25deg); -ms-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg);}
30% {-webkit-transform: rotate(-25deg); transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg);}
40% {-webkit-transform: rotate(25deg); transform: rotate(25deg); -ms-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg);}
50% {-webkit-transform: rotate(0); transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}
100% {-webkit-transform: rotate(0); transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}}

@-webkit-keyframes nhin-cc {0% {-webkit-transform: rotate(0); transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}
10% {-webkit-transform: rotate(-25deg); transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg);}
20% {-webkit-transform: rotate(25deg); transform: rotate(25deg); -ms-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg);}
30% {-webkit-transform: rotate(-25deg); transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg);}
40% {-webkit-transform: rotate(25deg); transform: rotate(25deg); -ms-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg);}
50% {-webkit-transform: rotate(0); transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}
100% {-webkit-transform: rotate(0); transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}}

@-moz-keyframes nhin-cc {0% {-webkit-transform: rotate(0); transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}
10% {-webkit-transform: rotate(-25deg); transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg);}
20% {-webkit-transform: rotate(25deg); transform: rotate(25deg); -ms-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg);}
30% {-webkit-transform: rotate(-25deg); transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg);}
40% {-webkit-transform: rotate(25deg); transform: rotate(25deg); -ms-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg);}
50% {-webkit-transform: rotate(0); transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}
100% {-webkit-transform: rotate(0); transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}}

@-o-keyframes nhin-cc {0% {-webkit-transform: rotate(0); transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}
10% {-webkit-transform: rotate(-25deg); transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg);}
20% {-webkit-transform: rotate(25deg); transform: rotate(25deg); -ms-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg);}
30% {-webkit-transform: rotate(-25deg); transform: rotate(-25deg); -ms-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg);}
40% {-webkit-transform: rotate(25deg); transform: rotate(25deg); -ms-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg);}
50% {-webkit-transform: rotate(0); transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}
100% {-webkit-transform: rotate(0); transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}}


@media screen and (min-width:576px) {
	
}

@media screen and (min-width:768px) {
	
}

@media screen and (min-width:992px) {
	
}

@media screen and (max-width:991px) {
	
	#cau-hoi {margin-top: -90px;}
}

@media screen and (max-width:767px) {
	.no-gutters{display: none;}
	
	#cau-hoi {margin-top: 0px;}
	#gioi-thieu::after, #banner .owl-stage-outer::after {display: none}
	
	#img-gt .col-6:last-child .col-12:first-child .img-gt {margin-top: 0;}
	#gioi-thieu .section-title {text-align:center; margin-top: 10px}
	#gioi-thieu .section-title img {margin: 0 auto}
	.nd-gt {text-align: center}
	.img-ly-do {display: none}
	
	.view-map {height: 300px;min-height: 300px}
	#footer .row {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
	.bv-l {margin-bottom: 15px;}
	.ft-info {text-align: center}
	.ft-info ul {text-align: left}
	#footer {background-image: url("../img/maps-mt-2.jpg");}
	.baiviettintuc{
	display: flex;
	justify-content: space-between;

}
.baiviettintuc .hinhanhbaiviet,.baiviettintuc .descritiontintuc{
	width: 48%;
}
.baiviettintuc .hinhanhbaiviet img{
	width: 100%;
}
.huongdan {
    line-height: 22px;
    font-size: 14px;
    border: 1px dashed #00Acd4;
    padding-bottom: 10px;
    padding: 5px;
    margin-top: 10px;
    background-color: #deeff8;
}
.huongdan .nd form {
    display: flex;
    align-items: center;
    padding: 7px 10px;
    background: #3d9be9;
    margin: 5px 0;
}
.huongdan .nd form input {
    width: 100%;
    line-height: 28px;
    padding: 0 10px;
    border: 0px;
}
.huongdan .nd form button {
    padding: 0 20px;
    border: 0px;
    line-height: 28px;
    margin-left: 5px;
    background: none;
    color: #fff;
    background: red
}.content_chitiet p{
	margin: 0 auto !important
}
.content_chitiet table{
	width: 100% !important;
	height: auto !important

}
.content_chitiet img{
	max-width: 100% !important;
	height: auto !important;

}
}

@media screen and (max-width:575px) {
	
	#banner .owl-stage-outer::after {display: none}
	#nhap-sdt p {text-align: center; margin-bottom: 10px;}
	.hd-info .logo {width: 50%}	
	.hd-info .logo img {width: 100%}
	
}

@media screen and (max-width:450px) {
	.hd-lh a {margin-left: 5px}
	.menu li a {padding: 10px 10px 10px 0;}
}