@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
body{font-family: 'Roboto', sans-serif; color: #333333;}
h3{font-size: 1rem;}
.menutop{background: #144E7E; border-radius: 0;}
.menutop ul{list-style-type: none; padding: 0; margin: 0;}
.menutop ul li{margin: 5px 0;}
.menutop a{color: #fff;}
.iconmenu{float: left; width: 5%;}
.mainmenu{float: left; width: 95%;}
.dropdown{cursor: pointer;}
/* mainmenu*/
.mainmenu ul{list-style-type: none; padding: 0; margin: 0; z-index: 999;}
.mainmenu ul li{position: relative; float: left;}
.mainmenu ul li ul{display: none; position: absolute;top: 30px; left: 0; padding-top: 15px;
  background: #FFFFFF; width: 250px;min-height: 350px;}
.mainmenu ul li ul li{width: 100%; position: static; border-bottom: 1px #EDEDED solid; padding: 5px 0;}
.mainmenu ul li a,.mainmenu ul li span{float: left; padding: 5px 15px; color: #313131; font-weight: 500;}
.mainmenu ul li a:hover{color: #D92727;}
.mainmenu ul li:hover > ul{display: block;}
.mainmenu .sub{display: none; position: absolute; left: 100%; top: 15px; float: left; background: #F6F6F6; width: 600px; height: 485px; font-size: 15px;}
.mainmenu .sub a{font-weight: 400;}
.mainmenu ul li ul li:hover{background: #F6F6F6;}
.mainmenu ul li ul li:hover .sub{display: block;}
.fontsmall{font-size: 13px; color: #939393}
/* support */
.support .flag{float: left; width:22%; text-align: right; border-left: 1px #ccc solid; border-right: 1px #ccc solid;}
.support .listsupprot{float: left; width: 100%; font-size: 14px;}
.hotline{font-size: 16px; color: #D92727;}
.lsphone{left: -150px; width: 400px;}
.lsphone tr{border-bottom: 1px #f2f2f2 solid;}
.lsphone td{padding: 7px 0;}
.lsphone tr:last-child{border:0;}
.text-phone{color: #D92727}
/*slide*/
.slidemain{float: left; width: 100%; position: relative;}
.bannerslide{float: left; width: 100%;}
.bannerslide img{width: 100%; height: auto;}
.form-search{float: left; width: 100%; position: relative; z-index: 777;}
.form-search{position: absolute; bottom: 50px;}
.tab-form{float: left; width: 100%;}
.tab-form ul{list-style-type: none; padding: 0; margin:0;}
.tab-form ul li{float: left; padding: 15px 15px; color: #fff; text-align: center; background: url('../images/bg-opacity-search.png') repeat left top;}
.tab-form ul li:hover{background: #E77676}
.tab-form ul li a{color: #fff; text-decoration: none;}
.tab-form ul li.active{background: #D92727}
.block-form{float: left; width: 100%; background: #fff;}
.divinputdd{position: relative;}
.diadanhhot{position: absolute; top: 40px; background: #fff; width: 700px; z-index: 999; font-size: 14px; display: none;}
.diadanhhot h6{font-size: 14px;}
.diadanhhot img{width: 100%;}
/* tour hot*/
.tourhot{float: left; width: 100%; position: relative;}
.title-hot{float: left; width: 100%; border-bottom: 3px #333333 solid;}
.blocktour{color: #343434; }
.maxheighttourhot{max-height: 468px; overflow: hidden;}
.blocktour .info-short{font-size: 14px; min-height: 90px;}
.leftinfo span{font-weight: 500;}
.blocktour h4{font-size: 18px; }
.blocktour a{color: #343434;}
.img-responsive{width: 100%;}
.blocktour .img-tour{position: relative; border-bottom: 1px #fff solid;}
.blocktour .iconsale{position: absolute; bottom: -10px; right: 0; background: url(../images/bg-sale.png) no-repeat right center;
width: 120px; height: 50px; padding: 15px 0 0 30px; font-size: 18px; color: #fff;}
.smallfont{font-size: 14px;}
.rightinfo{text-align: right;}
.giakm{color: #6B6B6B; font-size: 16px;}
.under-tour{background: #F6F6F6;}
.giatour{color: #D8282A; font-size: 20px; font-weight: 700;}
.location{background: url(../images/bg-local.png) repeat left top; position: absolute; bottom: 0; left: 0; color: #fff;}
.lscatelogy{float: left;width: 100%;}
.border3{border-bottom: 3px #313131 solid;}
.lscatelogy ul{list-style-type: none; padding: 0; margin: 0;}
.lscatelogy ul li{float: left; padding: 5px 10px;}
.lscatelogy ul li a{color: #313131; text-transform: uppercase; text-decoration: none; float: left; width: 100%;}
.lscatelogy ul li.active{background: #CE2525;}
.lscatelogy ul li:hover{background: #dd4747;}
.lscatelogy ul li.active a, .lscatelogy ul li:hover a{color: #fff;}
.wsub{float: left; width: 100%;}
.drop-listcatelogy{width: 530px; font-size: 14px;}
.drop-listcatelogy li{float: left; width: 33%;}

.quantam{float: left; width: 100%;}
.quantam .banner{float: left; width: 100%;}
.bannerqt{position: relative;}
.bannerqt img{width: 100%; }
.bannerqt span{position: absolute; color: #fff; font-size: 25px; top: 20px; left: 30px;}
.ghichuhot{position: absolute; top: 10px; right: -10px; z-index: 8; padding: 7px 10px; background: #CE2525; color: #fff; font-size: 15px;}
.bgskew{background: #313131; transform: skew(-45deg, 0deg); width: 20px; height: 10px;
  position: absolute; top: 45px; right: -5px; z-index: -1;
}
.yeuthich{
  width: 67px;
  height: 30px;
  /*background-color: yellow;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-45deg);*/
  position: absolute;
  top: 7%;
  right: -8px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
}

/* blog */
.blog{float: left; width: 100%; position: relative;}
/* cam nang */
.ndcamnang{float: left; width: 100%;}
.ndcamnang .coverimg img{width: 100%;}
.ndcamnang .coverimg{position: relative;}
.ndcamnang .coverimg span{position: absolute; bottom: 20px; left: 30px;}
.ndcamnang .coverimg a{color: #fff; font-size: 25px;}
.listsub a{color: #313131;}
/*footer */
.footer{float: left; width: 100%; background: #F3F3F3;}
.catfooter h5{color: #D72727; border-bottom: 2px #D72727 solid;}
.lscatfooter a{font-size: 14px; color: #313131;}
.ndfooter ul{list-style-type: none; padding: 0; margin: 0;}
.ndfooter ul li{padding: 3px 0;}
.ndfooter ul a{color: #313131;}
/* chi tiet*/
.searchtour{background: #EEEEEE; float: left; width: 100%;}
.content{float: left; width: 100%;}
h1.title{font-size: 20px;}
.box-fix{float: left; width: 100%;}
.fiximg{vertical-align: middle;}
.fiximg img, .bannersidebar img{width: 100%;}
.rowtour{position: relative; overflow:hidden;}
.rowtour h3{font-size: 18px;}
.rowtour h3 a{color: #313131;}
.font14{font-size: 14px;}
.font13{font-size: 13px;}
.nav-pills{border-bottom: 3px #313131 solid;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background: #D92727;}
.shareon{background: #F2F2F2}
.detailtour{float: left; width: 100%;}
.detailtour .tittour{font-size: 25px; float: left; width: 100%;}
.tablelkh{border-collapse: collapse; border: 1px #D9E3ED solid; font-size: 14px;}
.tablelkh th{background: #003C72; color: #fff;}
.tablelkh th, .tablelkh td{padding: 5px;}
.tablelkh tr:nth-child(even){background: #F1F6F9}
.tablelkh a{color: #313131;}
/* paging */
.current_page_item{background: #D92727; padding: 7px 13px; margin-right: 5px; color: #fff;}
.page_item{background: #EEEEEE; padding: 7px 13px; margin-right: 5px;}
.page_item a{color: #313131;}
/* booking*/
.iconcheck {font-size: 26px; vertical-align: middle;}
.line-red{background: url(../images/line-red.png) no-repeat left bottom; padding-bottom: 5px;}
.border-inset{border:1px #DDDDDD inset;}
.border-outset{border:1px #DDDDDD outset;}
.bg-xanh{background: #344A71;}
.bg-red{background: #D92727; }
.navgt a{color: #fff; text-transform: uppercase; margin-right: 20px;}
.navgt a.active{color: yellow;}
.body_content{float: left; width: 100%;}
.sitemap-page h5{border-bottom: 2px #ED1B24 solid; padding: 5px 0;}
.sitemap-page a{color: #313131;}
.formlh{background: url(../images/bg-lienhe.jpg) no-repeat left top;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.formlh td{padding: 5px 0;}
.border-red{border-bottom: 2px #D92727 solid;}
.mr1 img{padding-right: 2px;}
.mrb1{margin-bottom: 1px;}
.topnews,.topnews2 {position: relative;}
.topnews{height: 362px; overflow: hidden;}
.topnews2{height: 181px; overflow: hidden; width: 100%;}
.topnews a,.topnews2 a{color: #fff;}
.topnews h5{position: absolute; bottom: 20px; left: 20px; z-index: 888;}
.topnews2 h5{position: absolute; font-size: 16px; bottom: 20px; left: 20px; z-index: 888;}
.menuvisa ul{list-style-type: none; padding: 0; margin: 0;}
.menuvisa li{padding: 5px 0; border-bottom: 1px #ccc solid;}
.menuvisa li a{color: #313131;}
.fullwimg img{width: 100%;}
.carousel-control-next, .carousel-control-prev{width: 10%;}
#myBtn {
  display: none;
  position: fixed;
  bottom: 120px;
  right: 15px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50%;
}

#myBtn:hover {
  background-color: #555;
}

/* responsive */
@media (max-width: 768px){
  .hideipad{display: none;}
  .mainmenu ul li a{padding: 5px 5px; font-size: 14px;}
  .slidemain{margin-bottom: 100px;}
  .form-search{bottom: -117px;}
  .form-search h6{font-size: 13px;}
  .border-right{padding-left:0;}
  .leftinfo, .rightinfo{max-width: 100%; flex: 100%; float: left;}
  .rightinfo .giakm,.rightinfo .giatour{width: 50%; float: left;}
  .rightinfo .giakm{text-align: left;}
  .rightinfo .giatour{text-align: right;}
  .box-sidebar label{font-size: 14px;}
  .rowtour .text-right a{font-size: 14px; padding: 5px 5px!important;}
  .rowtour .giatour{font-size: 16px;}
  .topnews{height: 280px;}
  .topnews img{height: 100%;}
  .topnews h5{left: 5px;}
  .topnews2{height: 140px;}
  .hotrokh h5{font-size: 14px; color: red;}
  .mainmenu .sub{width: 300px; overflow-y: scroll;}
  .mainmenu .sub a{padding-left: 15px;}
  .mainmenu ul li ul{width: 200px;}
  .mainmenu .sub .col-3{flex: 0 0 50%;max-width: 50%;}
  .yeuthich{
    width: 67px;
    height: 30px;
    /*background-color: yellow;
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-45deg);*/
    position: absolute;
    top: 7%;
    right: -8px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
  }

}