@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Regular.eot');
    src: local('☺'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    padding:0px;
    margin:0px;	
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
}

html {
    padding:0px;
    margin:0px;	
    font-size:13px;
}
#page{
    background: #FFF;
}

.paddingtop0{
    padding-top:0px !important;	
}
.menubar{
    width:100%;

    background:#d83419;	
    border-bottom:#b9321f solid 2px;;
}

.fl{
    float: left;
}

.fr{
    float: right;
}

#nav{
    padding:0px;
    margin:0px;

    font-size:12px;
    text-transform:uppercase;
    font-weight:normal;
    text-align:left;
    display:inline-block;
	border-top:#b9321f solid 2px;
}

#nav li{
    display:inline-block;	
    height:32px;
    line-height:32px;
    border-left:solid 1px #ed705c;
    margin:0px;
    float:left;
    font-weight:bold;
	width:100%;
	position:relative;
	border-bottom:solid 1px #ee705a;
}
#nav li:first-child{
    border-left:none;	
}
#nav li.active, #nav li:hover{
    background:#ff9e29;	
}
#nav li a{
    display:inherit;
    white-space:nowrap;
    color:#FFF;
    text-decoration:none;
    padding:0px 16px;
    width:100%;	
}
#nav li a i{
    margin-left:5px;	
}

#nav li ul{
    width:220px;
    background:#d83419;
    font-size:12px;
    position: absolute;
    z-index:9999999;
    display: none;
    padding:0px;
    margin:0px;
    border-top:#b9321f solid 2px;;
    text-transform: none;
	top:-2px;
	left:100%;
}

#nav li ul li{
    width:100%;
    height: 32px;
    border:none;
    border-bottom:solid 1px #ee705a;
    line-height:normal;
    display:block;
    text-align:left;
    position: relative;

}
#nav li ul li:last-child{
    border-bottom:none;	
}

#nav li ul li a i{
    margin-right:5px;	
}
#nav li ul li a:hover i{

}
#nav li ul li:hover{
    background:#ff9e29;
}
#nav li ul li a{
    display:inherit;
    padding:7px 5px 7px 10px;	
}

#nav li ul li ul{
    position: absolute;
    top: 0%;
    left: 220px;
    border-top: #b9321f solid 1px;;

    width: 220px;
    display: none;
    padding: 0;
    margin: 0;
    white-space:normal;
}

#nav li ul li ul li{
    background: none;
    width: 220px;
    text-transform: none;
    height: 32px;

}



.title{

    font-size:20px;
    text-transform:uppercase;
    color:#204782;
    border-bottom:solid 2px #204782; 
    font-weight:normal;
}
.c,.c5,.c10,.c15,.c20,.c30,.c3,.c2{
    clear:both;	
}
.c{
    height:1px;	
}
.c2{
    height:2px;	
}
.c3{
    height:3px;	
}
.c5{
    height:5px;	
}
.c10{
    height:10px;	
}
.c15{
    height:15px;	
}
.c20{
    height:20px;	
}
.c30{
    height:30px;	
}
.news-name-16{
    font-size:16px;
    padding:0px;
    margin:0px;
}
.news-name-14{
    font-size:14px;
    padding:0px;
    margin:0px;
}
.news-name-12{
    font-size:12px;
    padding:0px;
    margin:0px;
}
.font-normal{
    font-weight:normal;	
}
.intro-top-5{
    padding-top:5px;
    text-align:justify;	
}

.padding-right0{
    padding-right:0px !important;	
}

.padding-right10{
    padding-right:10px;	
}
.image-fl-m-right-5{
    float:left;
    margin-right:5px;	
}

.cat-name{
    margin:0px;
    padding:0px;

    color:#ef5a00;
    font-size:18px;
    font-weight:bold;

}

.cat-name a{
    text-decoration:none;

    color:#ef5a00;
    font-size:18px;
    font-weight:bold;

}

.home-tour-name{
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size: 13px;
}

.home-tour-name a{
    text-decoration:none;
    color:#d73419;
}

.home-tour-name2{
    margin:0px;
    padding:5px 0px 5px 0px;
    font-size: 16px;
    position: absolute;
    bottom: 0px;
    background-color: #699f41;
    opacity:0.95; 
    width: 100%;
    padding: 5px 5px;

}

.home-tour-name2 a{
    text-decoration:none;
    color:#111;
    font-weight: bold;
}

.home-title{
    margin:5px 0px 5px 0px;
    font-size:18px;
    color:#333;
}

.home-title a{
    color:#333;
    text-decoration: none;
}

.search-box{
    background:url(../images/search-bg.png) no-repeat;
    border: 1px solid #ccc;
    padding: 15px 10px;

}

.search-box .text-search{
    width:100%;
}

.btn-search{
    background:url(../images/bg-searchbtn.png);
    text-decoration:none;
    padding:5px 20px 5px 20px;
    text-transform:uppercase;
    color:#FFF;
    border-radius:3px;
    float:right;
    border:none;
}


.new-letter{
    background:url(../images/newletter-bg.png) no-repeat;
    text-decoration:none;
    padding:5px 20px 5px 20px;
    text-transform:uppercase;
    height: 93px;
    color:#FFF;

}
#newletter{
    margin-top: 40px;
    border-radius: 5px;
    height: 25px;
    padding-left: 5px;
}

.btn-search-mobile{
    background:url(../images/bg-searchbtn.png);

    position: absolute;
    padding: 3px 10px 3px 10px;
    right: -70px;
    top: 0px;
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
    border-radius:3px;
    border:#FFF solid 1px;
}


.footer{
    border-top: #d73419 5px solid;
    background: #393939;
    padding: 10px 20px 10px 20px;
    color: #CCC;
}

.menu-footer{
    color:#999;
    list-style:none;
    font-size:11px;
    margin:0px;
    padding:0px;
    line-height:20px;	
}

.footer a{
    text-decoration: none;
    color: #CCC;
}

.menutop {
    background:#ff9f27;
    -webkit-border-radius:0px 0px 5px 5px;
    -ms-border-radius:0px 0px 5px 5px;
    -moz-border-radius:0px 0px 5px 5px;
    border-radius:0px 0px 5px 5px;
    height:22px;
    line-height:22px;
    color:#333;
    padding:0px 10px;
    float:right;
    white-space:nowrap;
}
.menutop a{
    color: #333; 
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    margin:0px 5px;
}

.crumb{

}

.crumb a{
    color: #333;
    font-size: 12px;
    text-decoration: none;
}
.crumb a:hover{
    text-decoration:underline;	
}
.crumb a:last-child{
    font-weight:bold;	
}
.newsimage{
    float:left;
    width:100%;
}


.item-name{
    color:#111;
    text-decoration:none;
    padding:0px 0px 5px 0px;	
    font-size:14px;
    margin:0px;
}
.item-name a{ 
    color:#111;
    text-decoration:none;
}

.item-name a:hover{ 
    text-decoration:underline;
}

.page{
    border:solid 1px #CCC;
    background:#EEE;	
    padding:2px 3px;
    margin:2px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    color:#333;
    text-decoration:none;
}
.clicked{
    webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    border:solid 1px #CCC;
    background:#d73419;	
    padding:2px 3px;
    margin:2px;
    color:#FFF;
}
.page:hover{
    border:solid 1px #ee9d00;	
}
.paging{
    text-align:right;	
}
.item-detail-name{
    font-size:16px;
    padding:0px 0px 10px 0px;
    margin:0px;	
}
.item-intro-detail{	
    font-size:12px;
}

.other-article{
    padding:0px;
    margin:0px;

}
.other-article li{
    list-style:none;	
    padding:5px 0px;	
}
.other-article li a{
    color:#111;
    text-decoration:none;
    font-size: 13px;
}
.other-article li a:hover{
    text-decoration:underline;	
}
.other-article li a i{
    margin-right:5px;	
    color:#ee9d00;
}

.title-black{

    margin:0px; 
    font-size:18px;  
    padding:0px;
    color:#666; 
    border-bottom:solid 1px #cccccc;

}

.txt-contact{
    height: 30px;
    width: 100%;

}

.input-error{
    border: #FF0000 1px solid;
}
.red{
    color: #FF0000;
}

.btn-signup{
    line-height: 40px;
    height: 37px;
    background:url(../images/btn-bg.png);
    border:none;
    border-radius: 4px;
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    padding:0px 30px 0px 30px;
    cursor: pointer;
}

.tour-name{
    margin:0px;
    padding:0px 0px 5px 0px;
    line-height: 15px;
}

.tour-name a{
    text-decoration:none;
    color:#d73419;
    font-size: 14px;
}
.tour-name a:hover{
    text-decoration:underline;	
}
.menu-sub{
    font-size: 14px;
    font-weight: bold;
    border-bottom: #ef6410 solid 1px;
}

.menu-sub a{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;

}

.menu-sub .active{
    background: #ef6410;
}

.menu-sub .active a{
    color: #FFF;
}

.menu-sub-item{
    padding: 2px 15px 2px 15px;
    margin-bottom: -1px;
    margin-right: 5px;
    border: #ef6410 solid 1px;
    border-bottom: none;
}





.tab-detail{
    font-size: 14px;
    font-weight: bold;
    border-bottom: #ef6410 solid 1px;
    line-height: 23px;
}

.tab-detail a{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;

}

.tab-detail .active{
    background: #ef6410;
    color: #FFF;
}


.tab-item{
    padding: 2px 15px 2px 15px;
    margin-right: 5px;
    border: #ef6410 solid 1px;
    border-bottom: none;
}


.tab-mobile a{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;

    display: inherit;
    text-align: center;
}
.tab-mobile .tab-item{
    padding: 2px 15px 2px 15px;
    border: #ef6410 solid 1px;
    border-bottom: none;
    margin-right: 0px;
}

.tab-mobile .active{
    background: #ef6410;
    color: #FFF;
}


.tour-price{
    color:#ef5a00; font-weight:bold; font-size: 14px; 

}


.social-link a{
    margin-right: 10px;    
}

.footer-col{

}

.divTable
{
    display:  table;
    width:100%;
    border-spacing:5px;/*cellspacing:poor IE support for  this*/
    /* border-collapse:separate;*/
}

.divRow
{
    display:table-row;
    width:auto;
}

.divCell
{
    float:left;/*fix for  buggy browsers*/
    display:table-cell;
    width:25%;
    height: 100%;

}
.btn-customize-tour{
    background:url(../images/btn-customize-tour.png) no-repeat;
    width:177px;
    height:45px;
    line-height:45px;	
    padding-left:35px;
    color:#FFF;
    text-transform:uppercase;
    font-weight:bold;
    display:block;
    text-decoration:none;
    font-size:12px;
    float:right;

}
.hotline-top{
    background:url(../images/icon-hotline.png) no-repeat;
    min-height:36px;
    line-height: 20px;
    padding-left:45px;	
    float:right;
    margin-right:15px;
    color:#333;
    text-transform:uppercase;
    font-size:16px;
    margin-top:5px;
    font-weight:bold;
	width: 160px;
}
.top-page-hotline-menu{

}
.content-child-page{
    border:solid 1px #dedede;
    padding:10px;
    line-height:18px;
}
.itemtour{
    border:solid 1px #dedede;	
    background:#f1f1f1;
    padding:10px;
    width:100%;
}
.tour-name{
    font-size:14px;
    color:#d73419;
    padding:0px 0px 5px 0px;
    margin:0px	;
}
.itemtour .image{
    width:243px;
    height:148px;
    float:right;
    margin-left:10px;
}
.cat-name{
    font-size:16px;
    color:#d73419;
    padding:0px;
    margin:0px;
    padding-bottom:10px;
}
.tour-detail-name{
    font-size:16px;
    color:#d73419;	
    padding:0px 0px 5px 0px;
    margin:0px;
}
.tour-detail-intro{
    font-size:12px;	
}


.tab-detail{
    height:30px	;
    border-bottom:solid 1px #ef6410;
}
.tab-detail .item-tab{
    float:left;
    width:33.33%;	
    padding:0px 0px 0px 7px;
    height:30px;
}
.tab-detail .item-tab:first-child{
    padding-left:0px;	
}
.tab-detail .item-tab a{
    display:block;	
    border:solid 1px #ef6410;
    border-bottom:none;
    height:30px;
    text-align:center;
    line-height:30px;
    -webkit-border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    -ms-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px
}
.tab-detail .item-tab a.active{
    background:#ef6410;	
}
.content-tab-detail-tour{
    border:solid 1px #dedede;
    border-top:none;
    padding:10px;
}
.slide-tour{
    background:#EEE;
    width:100%;
    height:580px;
    margin:0 auto;
    padding:20px 5px 15px 0px;	
}
.tour_cell{
    width:244px;
    float:left;	
    margin-left:33px;
    overflow:hidden;
}
.tour_cell .image{
    width:100%;
    height:148px;
}
.marginleft0{
    margin-left:0px;	
}
.cat-tour-name{
    background:#d73419;
    color:#FFF;
    font-size:14px;
    padding:5px 5px;
    margin:0px;	
    font-weight:normal;
}
.cat-tour-name a{
    color:#FFF;
    text-decoration:none;	
}
.intro-tour-cell{
    text-align:justify;
    padding:5px 0px 5px 0px;	
}
.view-detail{
    color:#d73419;
    text-decoration:none;	
}
.view-detail:hover{
    text-decoration:underline;	
}
.btn-book-tour{
    width:178px;
    height:42px;	
    line-height:42px;
    display:inline-block;
    font-size:14px;
    color:#FFF;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
    background:url(../images/btn-book-tour.png) no-repeat center; 
}
.item-input-booking{
    margin:10px 0px 0px 0px;
    /*padding-left:160px;	*/
}
.input-booking{
    border:solid 1px #bfbfbf;
    width:100%;
    height:30px;
    background:#f3f3f3;
    padding:0px 5px;	
}
.btn-date-picker{
    background:url(../images/btn-date-picker.png) no-repeat; 
    width:29px; 
    height:29px;
    float:left;	
}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color:#FF0000;
    font-weight:bold;
}
.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert i.fa-warning{
    font-size:16px;
}
.border-red{
    border:solid 1px #FF0000 !important;	
}
.label-padding label{
    margin-right:7px;	
}

.image-border{
    border:solid 1px #dedede;	
}
@media handheld, only screen and (max-width: 960px) {
    #nav{
        display: none;
    }

}

@media handheld, only screen and (max-width: 477px) {

    .menu-sub-item{                   
        width: 100%;
    }
}

.menubar .hot{
    background:url(../images/hot.gif) no-repeat right;
    background-position-y: 2px ;
}

.hidecontent{
    height: 50px; 
    overflow: hidden;
}

.footer-area a{
    color: #ccc;
}

.box-message-book-tour{
    border:solid 2px #F93;
    padding:10px;	
}
.menubottom{
    color:#393939;
    text-transform:uppercase;
    font-size:11px;
}
.menubottom a{
    margin:0px 10px;
    text-decoration:none;	
    color:#393939;
}
.menubottom a:hover{
    text-decoration:underline;	
}
.toggle{
    cursor:pointer;	
    font-size:12px;
}


/*Overide*/
.home-title{
    color: #d73419;
    font-size: 12px;
    text-transform: uppercase;
}

.home-title a{
    color: #d73419;
    font-size: 12px;
    text-transform: uppercase;
}
.home-info-box{
    padding: 5px 10px 10px 10px;
    border: #CCC solid 1px;
    color: #444;
}

.home-tour-name a{
    color: #d73419;
    font-size: 12px;
    font-weight: bold;
}

.home-tour-name2 {
    margin: 0px;
    padding: 5px 0px 5px 0px;
    font-size: 18px;
    position: absolute;
    bottom: 0px;
    background-color: #d73419;
    opacity: 0.90;
    width: 100%;
    padding: 5px 5px;
}

.home-tour-name2 a {
    text-decoration: none;
    color: #FFF;
    font-weight: bold;

}


/*New*/


.title-left{
    background:#F93;
    line-height: 30px;
    color: #222;
    padding-left: 15px;
    font-size: 14px;    
    text-transform: uppercase;
    font-weight: bold;
}
.title-left a{
    color: #FFF;
    text-decoration: none;

}
.border-box-left{
    border: solid 1px #ccc;
    border-top: none;
    border-bottom: none;
}

.border-box-left .active a{
    color:  #dc2720;
}


.sub-menu-box{
    min-width: 180px;


}

.menuleft{
    padding:0px;
    margin:0px;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.menuleft li{
    color:#0074d7;
    list-style:none;
    border-bottom:solid 1px #c9c9c9;
    padding: 2px 5px 2px 10px;
    background: #FFF url(../images/menu-left-arrow.png) no-repeat 5px 8px;
}

.menuleft .limain{
    background: #EEE;
}
.menuleft .active{
    background: #FFF;
}

.menuleft li a{
    color:#333;
    text-decoration:none;
    display:block;
    padding:3px 0px 3px 5px;

}

.menuleft li.active a{
    color:#dc2720;	
    font-weight: bold;
}


.menuleft li ul{
    padding:0px;
    margin:0px;
    padding-left: 25px;
}
.menuleft li ul li{
    font-weight:normal;
    border-bottom:none;
    color: #333;
    background: none !important;
    font-size: 13px;
    padding-left: 0px;
    list-style: disc;

}
.menuleft li.active ul li a{
    color:#333;	
    font-weight: normal;
    padding: 0px;
}
.menuleft li.active ul li.active a{
    color:#dc2720;	
    font-weight: normal;
}
.menuleft li ul li i{
    color: #0063b8;
    font-size: 12px;
}



.faqcontent{
    display: none;
}

.box-testimonial-right{
    background-color: #EEE;
    padding: 10px;
}

.box-testimonial-right .item{
    background-color: #FFF;
    background: #FFF;
    border-radius: 5px;
    padding: 10px;
    text-align: justify;
}

.box-testimonial-right .item-name{
    color: #d73419;
}

.box-testimonial-right .item a{
    color: #d73419;
}
.box-testimonial-right .item i{
    color: #666;
}

.testimonial-title{
    background: #F93;
    padding: 5px 10px;
}

.testimonial-title a{
    text-transform: uppercase;
    text-decoration: none;
    color: #222;
    font-weight: bold;
    font-size: 14px;
}

.tour-home-scroll{
    background: #EEE;
    padding: 20px 40px 5px 40px;
    border: #CCC 1px solid;
}

.cat-name-home1{
    color: #222;
    font-size: 14px;
    margin: 0px;
}

.cat-name-home1 a{
    color: #444;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;

}

.swiper-slide{
    height:200px;
    text-align:left;	
    vertical-align:middle;
    padding:1px;

}
.swiper-slide img{
    border:none;;
}
.swiper-wrapper{
    height:200px;	
}
.swiper-slide img.active{
    border:solid 1px #007dc2;
}
.swiper-slide div{
    margin-left:20px;

    margin-bottom:5px;	
}
.swiper-slide h3{

}
.hotprev,.hotnext{
    position: absolute;
    font-size: 25px;
    color: #ed7200;
}
.hotnext{
    left: -30px;
    background:url(../images/next.png) no-repeat;
}

.hotprev{
    right: -30px;
    background:url(../images/prev.png) no-repeat;
}

.viewdetail{
    color: #d73419;
    text-decoration: none;
    font-size: 11px;
}

.formsuccess{
    background: #fff9d8;
    //border-top: #ff9f29 2px solid;
    //border-bottom: #ff9f29 2px solid;
    border: #ff9f29 1px solid;
    padding: 15px;
    line-height: 30px;
    display: none;
}


.customized-tour-mobile{
    width: 185px;
    color: #FFF;
    line-height: 32px;
}

.customized-tour-mobile a{
    text-decoration: none;
    color: #FFF;
    line-height: 34px;
    text-transform: uppercase;
    border: solid 1px #F93;
    border-radius: 3px;
    padding: 2px;
    font-weight: bold;
    background: #F93;

}



.back-to-top {
    background: none;
    margin: 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 100;
    display: none;
    text-decoration: none;
    color: #CCC;
}

.back-to-top i {
    font-size: 50px;
}

.sub-menu-mobible-icon{
    position: absolute; top: 5px; right: 5px; background: #EEE;
}

.sub-menu-mobible{
    position: absolute; top: 25px; right: 5px; background: #EEE; display: none;
}

.bookingform{
    width: 80%; 
    margin: 0 auto;
}


swiper-container {
    width: 100%;
    
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    height: 500px;
    width: 100%;
}
.gallery-thumbs {
    height: 130px;
    box-sizing: border-box;
    padding: 10px 0;
	cursor:pointer;
}

.titlenews{
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	border-bottom:solid #d73419 2px;
}

.titlenews a{
	text-decoration:none;
	background: #d73419;
    padding: 5px 15px;
    color: #FFF;	
}

.partner-next{
	line-height: 30px;
    position: absolute;
    left: 10px;
    text-decoration: none;
    color: #FFF;
    top: 32%;
    background: #d73419;
    padding: 0px 5px;
    border-radius: 3px 0px 0px 3px;	
	z-index:5;
}

.partner-prev{
	line-height: 30px;
    position: absolute;
    right: 10px;
    text-decoration: none;
    color: #FFF;
    top: 32%;
    background: #d73419;
    padding: 0px 5px;
    border-radius: 0px 3px 3px 0px;	
	z-index:5;
}

.lang
{
    float:right;
    padding:5px;
}
.lang a
{
    display:inline-block;
    width:24px;
    height:18px;
    text-indent:-9999em;
    background-repeat:no-repeat; 
    background-position:0 0;
}
.nav-top a:hover
{
    text-decoration:underline;
}

.lang a.vi
{
    background-image:url(../images/flag.png);
    background-position:0px -19px;

}
.lang a.en
{
    background-image:url(../images/flag.png);
    background-position:0px -37px;

}


.lang a.fr
{
    background-image:url(../images/flag.png);
    background-position:0px 0px;
	margin-left:5px;
}

.item-intro-detail img, .content-detail img{
	max-width:100%;	
	height:auto !important ;
}

.div-scroll{
	width:100%;
	overflow:auto;
	padding-right:2px;	
}


.div-scroll table{
	min-width:720px;
}















