/*
    Date: 16/07/2015
    Author: Xuaan Mười
*/
/*----- reset -----*/
@font-face {
    font-family: 'UTMAvo';
    src: url('../fonts/UTMAvo.eot');
    src: url('../fonts/UTMAvo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/UTMAvo.woff2') format('woff2'),
         url('../fonts/UTMAvo.woff') format('woff'),
         url('../fonts/UTMAvo.ttf') format('truetype'),
         url('../fonts/UTMAvo.svg#UTMAvo') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
img {width: auto\9; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {} 
/*----- common -----*/
body {background-color: #1e1e1e; color: #000;font-family: 'open sans'; font-size: 14px; line-height: 1.5em; font-size: .75em;margin: 0;padding: 0; overflow: hidden;height: 100vh;}
h1,h2,h3, h4, h5, h6 {line-height: 20px; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
a{text-decoration: none;}
a:hover{text-decoration: none;}
#wrapper{overflow: hidden;}
.right-differ{float: right;width: 10%;}
.right-differ a{color: #555;font-size: 13px;font-weight: bold;display: block;text-align: center;padding-top: 5px;}
.clear {clear: both; }
@-webkit-keyframes tutu {
  0% {
    opacity: 0;
  }
  100%
  {
    opacity: 1;
  }
}
/*===================================================================*/

/*body{background: #ededeb;}*/
.menutop_button{position: absolute;top: 4px;left: 4px;
transition: 0.5s;
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
display: none;
}
.book-now{position: absolute; top: 35vh;right:0;width: 51px;height: 219px;overflow: hidden;}
.book-now a{display: block;}
.book-now:hover a{
    -webkit-animation: spin 0.5s linear ;
  -moz-animation: spin 0.5s linear ;
  -o-animation: spin 0.5s linear ;
  animation: spin 0.5s linear ;
}
@-webkit-keyframes spin {
  0% {
    padding-left: 51px;
  }
  100% {
    padding-left: 0;
  }
}
@keyframes spin {
   0% {
    padding-left: 51px;
  }
  100% {
    padding-left: 0;
  }
}

.content_man{text-align: center;width: 100%;margin: 0 auto;height: 100vh;
-webkit-animation: spin2 1s linear ;
animation: spin2 1s linear ;
text-transform: uppercase;
padding:140px 120px 0 120px;
transition: 0.3s;
-moz-transition:0.3s;
-webkit-transition:0.3s;
-o-transition:0.3s;
}
.ct2{
    padding-top: 20px;
    font-family: open sans;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
}
.ct3{
    font-family: open sans;
    font-size: 30px;
    color: #fff;
    line-height: 50px;
}
.ct4{
    font-family: open sans;
    font-size: 48px;
    color: #fff;
    line-height: 65px;
}
.ct5{
    font-family: open sans;
    font-size: 28px;
    color: #fff;
    line-height: 65px;
}
@-webkit-keyframes spin2 {
  0% {
    opacity: 0;
    margin-top: -50px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes spin2 {
  0% {
    opacity: 0;
    margin-top: -50px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
.chitiet{
    margin-top: 10px;
    display: inline-block;
    color: #1c36b5;
    background: #fff;
    width: 140px;
    text-align: center;
    padding: 4px 0;
    text-shadow: none;
    font-size: 18px;
    text-transform: uppercase;
    border: 2px solid #031b4b;
}
.footer_wrapper{position: fixed;bottom: 0;left: 0;width: 100%;background: #1c36b5;font-size: 14px; color: #fff;font-family: open sans;z-index: 9;
border-width: 3px 0px 0px;
-webkit-border-image: url(../images/border.png) 30 round; /* Safari 3.1-5 */
-o-border-image: url(../images/border.png) 30 round; /* Opera 11-12.1 */
border-image: url(../images/border.png) 30 round;
  
}
.footer_ul{list-style: none;}
.footer_ul li{float: left;padding: 0 20px 0 15px;border-right: 1px solid #2184c4;margin-top: 8px;margin-bottom: 4px;}
.footer_ul li:nth-last-child(2){float: right;border-right: 0;background: #2184c4;padding: 8px 15px 5px 25px;margin: 0;text-transform: uppercase;}
.footer_ul li:last-child{float: right;border-right: 0;text-transform: uppercase;margin:4px 0;}
.footer_ul li:last-child a img{margin-right: 10px;}
.form3{width: 76%;float: right;}
.form3 input{border: none;padding: 3px 10px 2px;color: #656262; font-size: 13px;width: 65%;}
.form3 button{border: none;padding: 1px 8px;background: #e7b855;color: #1f36a6;text-transform: uppercase;}
.form3 button:hover{
    border: 1px solid #e7b855;
    background: none;
    color: #e7b855;
padding: 0 8px;
}
.menutop_left{position: fixed;top: 0;height: 100vh;width: auto;padding: 10px 0;background: rgba(28,54,181,0.6);z-index: 8;
transition: 0.8s;
-moz-transition:0.8s;
-webkit-transition:0.8s;
-o-transition:0.8s;
}
.trangtri{height: 18px;width: 100%;background: url(../images/tt.png) repeat-x center center;margin: 20px 0 10px;}
.bc{padding: 0 35px;display: block;}
.x{position: absolute;top:10px;left: 10px;}
ul.menutop{list-style: none;padding-bottom: 10px;}
ul.menutop li{position: relative;}
ul.menutop li a{color: #ffffff;text-transform: uppercase;font-size: 14px;display: block;padding:5px 10px 6px 30px;}
ul.menutop li a:hover{color: #e7b855;}
ul.menutop li a.active{color: #e7b855;}
.liennhe{
    padding: 0px 20px 0 30px;
    border-width: 3px 0px 0px;
-webkit-border-image: url(../images/border.png) 30 round; /* Safari 3.1-5 */
-o-border-image: url(../images/border.png) 30 round; /* Opera 11-12.1 */
border-image: url(../images/border.png) 30 round;
}
.lien{font-size: 16px;color: #ffffff;text-transform: uppercase;font-weight: bold;padding-top: 10px;display: block;}
.calendar label {
    color: #fff;
    margin-bottom: 5px;
    margin-top: 5px;
    display: block;
    font-weight: normal;
    font-size: 14px;
}
ul.menutop li ul{
    position: absolute;
    top: 15px;
    right: 20px;
    width: 140px;
    display: block;
    background-color: #fff;
    padding: 10px 0;
    z-index: 22;
    margin: 10px 0 0;
    list-style: none;
}

ul.menutop li ul li a{
  color:#1c36b5;
}



.kiem_tra{margin-top: 10px;background: #e7b855;border: none;padding: 3px 0;width: 100%;text-align: center;color: #1f36a6;text-transform: uppercase;font-size: 14px;}
.kiem_tra:hover{background:none;border: 1px solid #e7b855;padding: 2px 0;color: #e7b855;
transition: background 0.3s;
-moz-transition:background 0.3s;
-webkit-transition:background 0.3s;
-o-transition:background 0.3s;
}
.calendar select{background: #1f36a6;border: 1px solid #a2a2a2;padding: 2px 4px;color: #fff;font-size: 14px;}
.mxh{padding-top: 10px;text-align: center;}
.mxh a img{margin-right: 20px;}
.chinh{}

#slidecaption{
    transition: 0.8s;
-moz-transition:0.8s;
-webkit-transition:0.8s;
-o-transition:0.8s;
}
#prevslide{
    transition: 0.8s;
-moz-transition:0.8s;
-webkit-transition:0.8s;
-o-transition:0.8s;
}
a.x:hover{opacity: 0.6;}
.menutop_button:hover{opacity: 0.6;}
.content_right{background: #fff;
}

.noi_dung{padding:50px 40px 60px;color: #3f3d3d;font-size: 14px;}
.noi_dung p{color: #3f3d3d;}
.noi_dung table{width: 100%;}
.noi_dung img{max-width: 100%;}
.noi_dung ul{list-style: inside;}
.noi_dung1{padding:50px 40px 60px;color: #fff;font-size: 14px;}
.noi_dung1 p{color: #fff;}
.noi_dung1 table{width: 100%;}
.noi_dung1 img{max-width: 100%;}
.noi_dung1 ul{list-style: inside;}
.content_right_title{color: #1c36b5;font-size: 30px;text-align: center;font-weight: 600;text-transform: uppercase;}
.content_right_title1{color: #fff;font-size: 30px;text-align: center;font-weight: 600;text-transform: uppercase;}
.trangtriii{padding: 15px 0;text-align: center;}
.ccc{margin-right: 25px;float: left;}
.dm{margin-left: 10px;}
.trangcon-slider-control.prev {
    top: 45%;
    left: 20px;
}
.trangcon-slider-control {
    position: absolute;
    width: 17px;
    height: 22px;
    z-index: 999;
}
.trangcon-slider-control.next {
    top: 45%;
    right: 20px;
}
.haha{display: none;
background: #1C36B5;
    padding: 2px 10px 1px;
    border-width: 0px 0px 2px;
-webkit-border-image: url(../images/border.png) 30 round; /* Safari 3.1-5 */
-o-border-image: url(../images/border.png) 30 round; /* Opera 11-12.1 */
border-image: url(../images/border.png) 30 round;
}
.bd img {
    width: 95px;
    margin-left:10px;
}
.bd {
    display: inline-block;
}
.nono{display: none;z-index: 9999;}
.lienhe{padding: 50px 0 10px;}
.ul_lienhe{list-style: none;padding: 0 20px;}
.ul_lienhe li{width: 24%;display: inline-block;vertical-align: top;text-align: center;padding: 0 15px 20px;color: #555555;font-weight: 600;font-size: 14px;}
.lienhe_name{color:#555555;font-family: open sans;font-weight: 600;font-size: 20px;padding: 10px 0;}
.map{width: 60%;float: left;}
.ctact{width: 40%;float: right;padding: 40px 40px 10px;background: #1c36b5;}
.ctact input{width: 100%;padding: 8px 10px;margin-bottom: 13px;background: #e9e5dc;border: none;color:#031b4b!important;font-style: italic;}
.ctact textarea{width: 100%;padding: 5px 10px;margin-bottom: 12px;background: #e9e5dc;border: none;color:#031b4b!important;font-style: italic;}
.ctact button{float: right;width: 80px;text-align: center;padding: 5px 0;background: #e9e5dc;color: #1c36b5;font-size: 14px;text-transform: uppercase;font-weight: 600;border: none;margin-top: 14px;}
.hv_fan{width: 100%;height: 100%;background: rgba(3,27,75,0.6);position: absolute;top:0;left:0;display: none;-webkit-animation: spin4 0.3s linear;
animation: spin4 0.3s linear;
}
.hv_fan img{padding-left: 45%;-webkit-animation: spin3 1s linear infinite;
animation: spin3 1s linear infinite;}
.fancybox:hover .hv_fan{display: block;}

@-webkit-keyframes spin3 {
  0% {
    padding-top:18%;
  }
  50% {
    padding-top:22%;
  }
  100% {
    padding-top:18%;
  }
}
@keyframes spin3 {
 0% {
    padding-top:18%;
  }
  50% {
    padding-top:22%;
  }
  100% {
    padding-top:18%;
  }
}@-webkit-keyframes spin4 {
  0% {
    top:-100%;
  }
  100% {
    top:0;
  }
}
@keyframes spin4 {
 0% {
    top:-100%;
  }
  100% {
    top:0;
  }
}

.boc{padding: 0px 10px;}
.content_right_name{color:#555;font-size: 14px;text-transform: uppercase;display: block;text-align: center;padding: 20px 0 0;}
.content_right_name:hover{color: #1c36b5;}

.content_right_name2{color:#555;font-size: 14px;text-transform: uppercase;display: inline-block;text-align: center;padding: 20px 0 0;float: left;}
.content_right_name2:hover{color: #1c36b5;}
.gia{float: right;color: #e00101;font-size: 14px;padding: 20px 0 0;}

.content_right_name1{color:#555;font-size: 14px;text-transform: uppercase;display: block;text-align: center;padding: 10px 0 0;}
.content_right_name1:hover{color: #1c36b5;}
.cccccccc{float: none;display: inline-block;vertical-align: top;width: 33%;}
.content_decription{text-align: center;color:#a5a5a5;font-size: 13px;font-family: open sans;padding-bottom: 20px;}
.content_decription1{text-align: center;color:#a5a5a5;font-size: 13px;font-family: open sans;padding-bottom: 20px;}
.read_more{text-align: center;display: block;padding: 11px 0;background: #d1d1d1;color: #555555;text-transform: uppercase;font-size: 14px;}
.read_more:hover{background: #9E9E9E;}

.read_more1{text-align: center;display: block;padding: 11px 0;background: #d1d1d1;color: #555555;text-transform: uppercase;font-size: 14px;width: 55%;float: left;}
.read_more1:hover{background: #9E9E9E;}

.bookingnow{width: 45%;float: right;text-align: center;text-transform: uppercase;color: #fff;font-size: 14px;display: block;background: #446eb4;padding: 11px 0;}

.trang{background: #fff;}
.trang img:hover{opacity: 0.8;}
.uudai{border-bottom: 1px solid #E6E8F5;}
.ass img:hover{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);

}
.aaa{padding: 8px 0;}
.xemthem{color:#1c36b5;text-align: right;display: block;padding-right: 15px;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    font-size: 13px;
    }
.xemthem:hover{font-style: italic;padding-right: 0;}
.xemkhac a{display: block;text-align: center; width: 100px;padding: 10px 0;background: #1c36b5;color: #fff;}

.boooooooooo strong{display: block;font-family: 'UTMNeoSansIntel';font-size: 13px;padding-bottom: 5px;color: #fff;}
.boooooooooo input{border: none;background: #D4D4D4;padding: 5px 10px;border-radius: 5px;width: 90%;margin-bottom: 8px;}
.boooooooooo select{border: none;background: #D4D4D4;padding: 5px 10px;border-radius: 5px;width: 77%;margin-bottom: 8px;}
.boooooooooo textarea{border: none;background: #D4D4D4;padding: 10px;border-radius: 5px;width: 90%;margin-bottom: 8px;}
.dat{width: 100px!important;text-align: center;margin: 0 auto!important;background: #1C36B5!important;padding: 8px!important;font-family: UTMNeoSansIntel!important;text-transform: uppercase;color: #fff!important;}
.batbuoc{color: #cccccc;font-size: 13px;padding-bottom: 10px;padding-top: 20px;}
.a{padding-right: 15px;}
.b{padding-left: 15px;}
.noi_dung2{    padding: 50px 160px 60px;
    color: #fff;
    font-size: 14px;}


/*IE9 ->*/
@media screen and (max-width:0\0) {
}
@media (max-width: 1249px){
}
@media (max-width: 1199px){
    .footer_ul li:last-child{
            padding: 8px 0px 5px 10px;
    }
    .ccc{margin-right: 10px;}
    .form3 input {
    width: 60%;
}
.footer_ul li {
    padding: 0 10px 0 10px;
}
.ansom{display: none;}
.book-now img{width: 35px;}
.book-now{width: 35px;height: 150px;}
.content_man{padding-top: 100px;}
.ct2{
    padding-top: 20px;
    font-size: 18px;
    line-height: 30px;
}
.ct3{
    font-size: 22px;
    line-height: 40px;
}
.ct4{
    font-size: 33px;
    line-height: 55px;
}
.ct5{
    font-family: open sans;
    font-size: 22px;
    line-height: 55px;
}
.chitiet{line-height: 30px;}
ul.menutop li a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    padding: 5px 10px 5px 30px;
}
.kiem_tra{margin-top: 6px;}
.calendar label {
    margin-bottom: 3px;
    margin-top: 5px;
    font-size: 13px;
}
.lien {
    font-size: 15px;
}

.read_more1{font-size: 12px;}
.bookingnow{font-size: 12px;}
.content_right_name2 {
    font-size: 13px;
}
.gia {
    font-size: 13px;
}
.cccccccc {
    
    width: 32.5%;
}
}
@media (max-width: 1099px){
   .content_right_name2 {
    float:none;
    display: block;
    text-align: center;
}
.gia {
    float:none;
    text-align: center;
        padding: 5px 0 0;
} 
.noi_dung2{    padding: 50px 100px 60px;
    color: #fff;
    font-size: 14px;}
}
@media (max-width: 1019px){

}
@media (max-width: 991px){
    .anlh{display:none}
    .book-now {
    top: 32vh;
}
.ct1 img{
    width: 20%;
}
.ct2{
    padding-top: 10px;
    font-size: 14px;
    line-height: 25px;
}
.ct3{
    font-size: 18px;
    line-height: 25px;
}
.ct4{
    font-size: 30px;
    line-height: 35px;
}
.ct5{
    font-family: open sans;
    font-size: 20px;
    line-height: 35px;
}
.chitiet {
    line-height: 25px;
    font-size: 15px;
    width: 110px;
}
#nextslide{right: 50px!important;}
.content_man{
padding:80px 60px 0 60px;
}
.lien {
    padding-top: 5px;
}.calendar select {
    padding: 0px 4px;
}
.kiem_tra:hover {
    padding: 1px 0;
}
.kiem_tra {
    padding: 2px 0;
}.noi_dung {
    padding: 50px 5px 60px;
}.noi_dung1 {
    padding: 50px 5px 60px;
}
.lienhe_name {
    font-size: 17px;
    padding: 5px 0;
}
.ul_lienhe li {
    font-size: 12px;
        padding: 0 0px 20px;
}.content_right {
}
.cccccccc {
    
    width: 49.5%;
}
.noi_dung2{    padding: 50px 40px 60px;}
}
@media (max-width: 767px){
    .menutop_left{}
    .bc {
    padding: 0 10px;
}.bc img{
    width: 115px;
    margin: 0 auto;
}ul.menutop li a {
    font-size: 13px;
    padding: 2px 10px 2px 10px;
}
.noi_dung img{max-width: 50%;}
.noi_dung2{    padding: 50px 20px 60px;}
}

@media (max-width: 740px){
    
}

@media (max-width: 680px){
    .menutop_left {
        display:none;
}
.content_right {
    margin-left: 0!important;
}
.menutop_button{display: none!important;}
.visible-680{display: block;}
.content_man {
    padding: 80px 60px 0 60px;
}
.noi_dung {
    padding: 50px 10px 60px 0;
}
.noi_dung1 {
    padding: 50px 10px 60px 0;
}
#slidecaption{
    padding-left: 10px!important;
}
#prevslide{left: 10px!important;}
}

@media (max-width: 580px){
.anmuon{display:none}
.form3 {
    width: 100%;
}
.ct1 img {
    width: 25%;
}

.ct2{
    padding-top: 10px;
    font-size: 14px;
    line-height: 25px;
}
.ct3{
    font-size: 18px;
    line-height: 25px;
}
.ct4{
    font-size: 22px;
    line-height: 35px;
}
.ct5{
    font-family: open sans;
    font-size: 18px;
    line-height: 35px;
}
.chitiet {
    line-height: 25px;
    font-size: 15px;
    width: 110px;
}
.content_man {
    padding-top: 80px;
}
.book-now img {
    width: 27px;
}
.book-now {
    width: 27px;
    height: 116px;
}
.book-now {
    top: 25vh;
}.content_man {
    padding: 60px 50px 0 20px;
}
#prevslide {
    background: url('../images/l.png') no-repeat center center!important;
}
#nextslide {
    right: 40px!important;
    background: url('../images/r.png') no-repeat center center!important;
}
#prevslide, #nextslide {
    height: 25px!important;
    width: 18px!important;
}
.content_man {
    padding-top: 60px;
}.chitiet {
    line-height: 16px;
    font-size: 12px;
    width: 80px;
}
.map{width: 100%;float: none;}
.ctact{width: 100%;float: none;}
}
@media (max-width: 479px){
  .col-479{width: 100%;float: none;}
  .footer_ul li:last-child a img {
    margin-right: 5px;
}
.footer_ul li:last-child{padding:0}
.footer_ul li:nth-last-child(2) {
        padding: 6px;
    }
.dm{margin-left: 0px;}
.footer_ul li {
    padding: 0 0px 0 5px;
}
.cc2{width: 75%;}
.bc img{
    width: 90px;
    margin: 0 auto;
}
.trangtri {
    margin: 3px 0 2px;
}
.menutop_left {
    padding: 5px 0;
}
.ct1 img {
    width: 25%;
}

.ct2{
    padding-top: 10px;
    font-size: 12px;
    line-height: 18px;
}
.ct3{
    font-size: 14px;
    line-height: 18x;
}
.ct4{
    font-size: 18px;
    line-height: 20px;
}
.ct5{
    font-family: open sans;
    font-size: 14px;
    line-height: 20px;
}
.ul_lienhe li {
    width: 49%;
}.ul_lienhe {
    padding: 0 5px;
}
.cccccccc{margin-bottom: 10px;}
.uudai{margin-bottom: 10px;border: none;}
.ass img{margin: 0 auto;}
.ass img:hover{
    -webkit-transform:none; /* Safari and Chrome */
    -moz-transform:none; /* Firefox */
    -ms-transform:none; /* IE 9 */
    -o-transform:none; /* Opera */
     transform:none;}
     .content_right_name2 {
    font-size: 14px;
}
.gia {
    font-size: 14px;
}
.noi_dung2{    padding: 50px 0px 60px;}
}

@media (max-width: 420px){
}