body,html{height:100%;color:#1f4497;font-family:Roboto}
p{color:#1f4497}
.bg_all{color:#fff;position:relative;z-index:8}
.bg_all #header{background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;z-index:2;height:697px;margin-bottom:0}
.bg_all #header .thumbvideo{width:90%;position:relative;cursor:pointer}
.bg_all #header .hoa1{position:absolute;top:0;right:0;z-index:2}
.bg_all #header .hoa2{position:absolute;bottom:0;left:0;z-index:2;width:38%}
.bg_all #header .anhchi{position:absolute;top:3%;left:8%;z-index:1;width:22.5%}
.bg_all #header .qua1{position:absolute;top:7%;right:14%;z-index:2;width:26%}
.bg_all #header .qua2{position:absolute;top:29%;right:41%;z-index:2;width:11%}
.bg_all #header .qua3{position:absolute;top:38%;right:37%;z-index:2;width:19%}
.bg_all #header .qua4{position:absolute;top:38%;right:14%;z-index:2;width:19%}
.bg_all #header .uudai1{position:absolute;top:4%;left:35%;z-index:2;width:32%}
.bg_all #header .bay{width:9%;top:28px;position:absolute;left:12%}
.bg_all #header .co{width:9%;top:-20px;left:3%;position:absolute;cursor:pointer;transition:1s all}
.bg_all #header .co:hover{top:0}
.bg_all #header a,.bg_all #header a:hover{color:#fff;text-align:center;text-decoration:none}
.bg_all #header a p{margin-top:10px;text-transform:uppercase;color:#1f4499;font-weight:700;font-size:16px}
.bg_all #header ul{position:absolute;bottom:20px;right:11%;padding:0;margin:0}
.bg_all #header ul li{display:inline-block;margin-right:0;vertical-align:middle}
.bg_all #header ul li img{width:50%}
.bg_all #header ul li:last-child{margin-bottom:-20px}
.bg_all #header .giadinh{position:absolute;right:0;bottom:0}
.bg_all #map{padding:20px 0 0;position:relative}
.bg_all #map .bidv{width:135%;margin-top:47%}
.bg_all #map .binh_coc{width:90%;margin-top:4%;margin-left:65%;position:relative;z-index:2}
.bg_all #map .hoadao{position:absolute;top:-80px;right:0;width:27%;z-index:1}
.bg_all #cohoi{position:relative;color:#21409a}
.bg_all #cohoi .hoamai{position:absolute;z-index:1;top:-43%;left:0;width:37%}
.bg_all #cohoi .nhan3{position:relative;z-index:2}
.bg_all #cohoi ul{list-style-type:none;padding-left:15px}
.bg_all #cohoi ul li{background:url(../images/arr.png);background-repeat:no-repeat;background-size:15px;background-position:0;padding-left:20px;font-family:"Roboto";font-size:20px;padding-bottom:9px}
.bg_all #cohoi ul li span{font-family:"UTMAndrogyne";color:#ed1c24;font-size:130%}
.bg_all #cohoi p{font-family:"Roboto";font-size:16px;padding-left:15px}
.bg_all #cohoi p span{font-family:"Roboto"}
.bg_all #cohoi .mayman{width:65%}
.bg_all #cohoi .tailoc{width:75%}
.bg_all #cohoi .xedap{width:80%}
.bg_all #cohoi .tailoc_text{margin-top:14%;margin-left:-14%;padding-right:30%}
.bg_all #cohoi .phuquy_text{margin-top:20%}
.bg_all #cohoi .row1{margin-top:-40px}
.bg_all #cohoi .row2{margin-top:-15px}
.bg_all #cohoi .hill{background:url(../images/hill.png);background-repeat:no-repeat;background-size:cover;background-position:center;padding:9% 0 20px;margin-top:-4%}
.bg_all #cohoi .hill .bachau{position:absolute;bottom:20px;right:40px;width:28%}
.bg_all #cohoi .hill .thelechitiet{background:#dd2d34;font-family:"Roboto";text-transform:uppercase;color:#fff;width:15%;font-size:130%;text-align:center;margin:0 auto;padding:10px 20px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border:2px solid #fff;cursor:pointer}
.bg_all #cohoi .hill .thelechitiet a,.bg_all #cohoi .hill .thelechitiet a:hover{color:#fff;text-decoration:none}
#reward{background:url(../images/bg_giaithuong.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;padding:40px 0 60px;color:#fff;position:relative}
#reward .hoa3{position:absolute;top:-100px;right:0;z-index:2;width:30%}
#reward .border-dot{border:1px dotted #fff;padding:20px}
#reward .border-dot .row .col-md-6:nth-child(2){padding:0}
#reward .border-dot .reward_text{font-family:"RobotoCondensedBold"}
#reward .border-dot .reward_text span{font-family:"RobotoCondensedRegular"}
#reward .border-dot .text2{margin-top:25px}
#reward .border-dot .text3{margin-top:25px}
#reward .border-dot .text4{margin-top:20px}
#join-us .hoadao2{position:absolute;top:0;right:0;width:15%;z-index:1}
#join-us .hoadao3{position:absolute;bottom:0;left:0;width:30%;z-index:1}
.modal-body{background:url(../images/popup/bg_popup.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}
.modal-body p{text-transform:uppercase;color:#21409a;font-family:"Roboto";font-size:16px}
.modal-body p span{font-family:"UTMAndrogyne";font-size:250%}
.modal-body .couple{margin-top:22%}
.modal-body .close{position:absolute;top:0;right:0;z-index:2;opacity:1;font-size:16px;padding:2px;border:2px solid red;color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background:red;width:30px;height:30px}
@media (min-width: 768px) {
.modal-dialog{width:60%;margin:30px auto}
.hoverShine{position:relative;overflow:hidden}
.hoverShine::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.hoverShine:hover::before{-webkit-animation:shine 2s;animation:shine 2s}
}
@-webkit-keyframes shine {
100%{left:125%}
}
@keyframes shine {
100%{left:125%}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.btn-tri-an{width:11%;bottom:8px}
.btn-tri-an img{width:100%}
}
@media (max-width: 767px) {
.bg_all #header{background:0;padding-top:0;padding-bottom:0}
.bg_all #header .icon-xs{margin-top:6px}
.bg_all #header .icon-xs .mar-top{margin-top:6px}
.bg_all #header .icon-xs a p{color:#21409a;font-size:12px}
.bg_all #header .thumbnail_col{padding:0}
.bg_all #header .thumbnail_col .thumbvideo{width:100%}
.bg_all #header .hoa1{width:45%;top:-5px}
.bg_all #header .hoa2{display:none}
#reward .hoa3{top:-43px;width:70%}
.join-us{padding-top:20px}
.title-contact{margin-bottom:20px}
.modal-body p{font-size:14px}
.modal-body p span{font-size:150%}
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
#reward .border-dot .row .col-md-6:nth-child(2){padding:0 15px}
#reward .hoa3{top:-59px;width:40%}
#join-us .hoadao2{width:11%}
.modal-dialog{width:95%}
.modal-body p span{font-size:200%}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
body,html{height:auto}
.bg_all #header{padding-top:0}
.bg_all #header ul li{margin-right:0;width:141px}
.bg_all .thumbvideo{width:80%}
.bg_all .hoa1{top:-7px;width:20%}
#join-us .hoadao3{width:24%}
.btn-tri-an img{width:90px}
#reward{position:relative}
#reward .hoa3{top:-90px;width:32%}
#reward .border-dot .text2{margin-top:13px}
#reward .border-dot .text3{margin-top:13px}
#reward .border-dot .text4{margin-top:7px}
}
@media only screen and (min-width: 991px) and (max-width: 1024px) {
.bg_all #header{height:535px}
.bg_all #header ul li{margin-right:-15px;margin-top:8%;width:150px}
.bg_all #header ul li img{width:50%}
.bg_all #header ul li:last-child{width:160px}
.bg_all #header .hoa1{width:24%;top:-7px}
.bg_all #cohoi .hoamai{top:-39%;width:39%}
.bg_all #cohoi ul li{font-size:15px;padding-bottom:5px}
.bg_all #cohoi .phuquy_text{width:105%;margin-top:10%}
.bg_all #cohoi .hill .thelechitiet{width:20%}
.bg_all #cohoi .row2{margin-top:10px}
.modal-dialog{width:95%}
#reward .border-dot .text4,#reward .border-dot .text2,#reward .border-dot .text3{margin-top:0}
#reward .hoa3{top:-90px;width:33%}
}
.hvr-rotate1:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transition:.5s all ease;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-ms-transition:.5s all ease;-o-transition:.5s all ease}
.red{color:#EA2127;font-weight:600;font-family:Roboto;color:#EA2127;font-weight:600;font-family:Roboto}
.uudai2{position:relative;width:100%}
.uudai2 .container{position:absolute;top:0;left:0;bottom:0;right:0}
.uudai2:before{content:"";display:block;padding-top:48.47%}
.uudai3:before{content:"";display:block;padding-top:56.05%}
.uudai2 .mai1{position:absolute;top:0;right:0;width:26%}
.uudai2{position:relative;padding:0;overflow:hidden}
.uudai3{padding:0;margin:0}
.uudai2 .uudai2title{text-align:center;margin-bottom:23px;margin-top:50px}
.uudai2 .uudai2title img{width:88%;height:auto}
.uudai2 h3{color:#204496;font-weight:900;font-style:italic;font-family:Roboto;margin-bottom:25px;font-size:25px;line-height:28px}
.uudai2 h3 span.red{font-weight:900}
.uudai2 h4{font-family:Roboto;color:#204496;font-size:22px;margin-bottom:2px;font-weight:700}
.uudai2 p{font-size:20px;line-height:26px;text-align:justify;font-weight:300}
.uudai3 p{margin-bottom:129px;margin-top:-33px}
.uudai2 ul{font-family:Roboto,sans-serif;list-style:none;margin:0;padding:0;padding-left:88px}
.uudai2 ul li{margin:0;margin-bottom:10px;padding-left:21px;position:relative}
.uudai2 ul li:after{content:'';height:10px;width:10px;background:#eb2128;display:block;position:absolute;transform:rotate(45deg);top:10px;left:0}
.uudai2 .nut{text-align:center;margin-top:26px;margin-bottom:43px}
.uudai2 .nut img{width:250px}
.uudai2 .ongba{width:100%}
.uudai3 .mai2{width:25%;position:absolute;top:0;left:0}
.uudai2 .uudai3title{text-align:center;margin-bottom:0;padding-top:0}
.uudai2 .uudai3title img{width:100%}
.join-us .hoa4{position:absolute;top:0;right:0;width:16%;z-index:2}
.join-us .mai3{position:absolute;bottom:0;left:0;width:35%;z-index:2}
.join-us{padding-top:24px}
.join-us .inner-form-contact{background:url(../images/form.png);background-size:cover;background-position:bottom;padding:20px 60px 62px}
.join-us .title-contact{font-size:26px;margin-bottom:21px}
.join-us .inner-form-contact input[type="text"]{margin-bottom:14px;text-align:center;text-align-last:center}
.join-us .inner-form-contact input[type="text"]::placeholder{color:#000}
.join-us .inner-form-contact select{margin-bottom:14px;text-align:center;text-align-last:center;padding:9px 15px;padding-left:25px}
.join-us .inner-form-contact select option{text-align:center}
.join-us .inner-form-contact .inner-choose-servce{padding:10px}
.join-us .inner-form-contact .title-choose-servce{text-transform:none;font-size:19px;margin-bottom:14px;font-family:Roboto}
.join-us .inner-form-contact .item-choose-service{padding-left:40px}
.join-us .inner-form-contact .item-choose-service .lb-choose-service{font-size:15px;font-family:Roboto}
.item-footer a,.phone,.text-socus{font-family:'Roboto Condensed',sans-serif,'Roboto';font-weight:400;font-size:23px}
.zoom{transition:transform .2s}
.zoom:hover{transform:scale(1.1)}
.list-footer{padding-right:0}
.item-footer{margin-left:5%}
.btn-tri-an{right:5%}
.contact-us-bx{padding-bottom:8px}
.uudai2 .nut{position:absolute;bottom:20px;text-align:center;width:100%}
@media (max-width: 1440px) {
.bg_all #header .hoa1{width:26%}
}
@media (max-width: 1024px) {
.bg_all #header ul{right:3%}
}
@media (max-width: 768px) {
.bg_all #header{height:423px}
.bg_all #header .qua3{top:42%}
.bg_all #header .qua4{top:42%}
.bg_all #header ul{right:0;bottom:0}
.bg_all #header ul li img{width:57%}
.bg_all #header ul li{width:106px}
.bg_all #header a p{font-size:14px}
.uudai2 .uudai2title img{width:40%}
.uudai2 ul{width:54%;margin-left:17%}
.uudai2 .uudai2title{margin-bottom:9px;margin-top:20px}
.uudai2 p{font-size:17px;line-height:23px}
.uudai3 .row p{width:40%;margin-left:38%;margin-top:-15px}
.uudai2 .uudai3title img{width:38%;margin-left:14%}
.uudai2 .nut{bottom:-19px}
.join-us .title-contact{font-size:19px}
}
@media (max-width: 480px) {
body{background:url(../images/bg.jpg?v=1);background-size:cover;background-position:top}
.top-menu .navbar-default .navbar-nav>.active>a{border-radius:0}
.join-us .inner-form-contact{padding:20px;box-shadow:0 2px 10px 0 #244e99;background:#244e99}
.join-us .title-contact{font-size:24px}
.uudai2 .uudai3title img,.uudai2 .uudai2title img{width:100%;margin:0}
.bg_all #header .anhchi{display:none}
.bg_all #header .qua1{position:inherit;width:100%}
.bg_all #header .qua2{position:inherit;width:45%;margin:auto}
.bg_all #header .qua3{position:inherit;width:50%;float:left;margin:auto}
.bg_all #header .qua4{position:inherit;width:50%;float:left;margin:auto}
.bg_all #header .uudai1{position:inherit;text-align:center;width:56%;margin:auto;margin-top:21px;margin-bottom:28px}
.bg_all #header .co{width:17%}
.bg_all #header .hoa1{width:35%}
.bg_all #header,.uudai2{height:auto;background:none!important}
.item-footer:nth-child(3){margin-left:5%;margin-top:10px}
.btn-tri-an{right:0}
.bg_all #header .icon-xs{float:left}
.uudai2:before,.uudai3:before{display:none}
.uudai2 .container,.uudai2 .nut{position:relative}
.uudai2 ul,.uudai3 .row p{width:100%;margin:0;padding:0}
.join-us{padding-bottom:30px}
}
@media (min-width: 1600px) {
body{max-width:100%;height:auto;margin:auto;border-left:1px #ccc solid;border-right:1px #ccc solid}
html{background:#fff}
.bg_all #header{height:819px}
.bg_all #header .qua1{top:8%;right:18%}
.bg_all #header .qua3{right:40%}
.bg_all #header .qua4{right:17%}
.bg_all #header .qua2{right:45%}
.uudai2 .uudai2title{margin-top:150px}
.uudai3 p{margin-top:-9px}
}
@media (min-width: 1920px) {
.bg_all #header{height:920px}
}