.grid-1 {
    width: 1100px;
    margin: 0 auto;
}

.grid-2 {
    width: 100%;
    background: #f0efd8;
    float: left;
}

.clear {
    width: 100%;
    height: 40px;
    float: left;
}

h1,
h2 {
    font-weight: normal;
}

#line-title {
    /* width: 1100px; */
    text-align: center;
    margin: 50px 0;
    /* float: left; */
}

#line-title h2 {
    text-align: center;
    font-size: 32px;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
}

#main-head {
    width: 100%;
    position: relative;
    background: #fff;
    border-bottom: 5px solid #3bb0ff;
}

#main-head #top-head {
    width: 100%;
    /* height: 35px; */
    /* float: left; */
    border-bottom: 1px solid #E0C68B

}

#main-head #top-head h1 {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #777;
    float: left;
}

#main-head #top-head #search-top {
    height: 25px;
    margin: 5px 0;
    background: #3bb0ff;
    padding: 0 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* float: right; */
}

#main-head #top-head #search-top input.search {
    width: 90%;
    height: 23px;
    background: none;
    font-size: 12px;
    border: none;
    margin: 0 5px 0 0;
    color: #fff;
    font-size: 12px;
    padding-left: 5px;
    float: left;
}

#main-head #top-head #search-top input::-webkit-input-placeholder {
    color: #fff;
    font-size: 12px;
}

#main-head #top-head #search-top a.i-search {
    width: 16px;
    height: 16px;
    margin: 4px 0 0 0;
    background: url(../images/sprite.png) 0 0 no-repeat;
    cursor: pointer;
    float: right;
}

#main-head #top-head #top-link {
    height: 35px;
    border-left: 1px solid #E0C68B;
    margin: 0 10px 0 0;
    /* float: right; */
}

#main-head #top-head #top-link ul {
    float: left;
}

#main-head #top-head #top-link ul li {
    height: 35px;
    border-right: 1px solid #E0C68B;
    float: left;
}

#main-head #top-head #top-link ul li a {
    height: 35px;
    padding: 0 10px;
    line-height: 35px;
    font-size: 12px;
    color: #777;
    float: left;
}

#main-head #top-head #top-link ul li a:hover {
    background: #3bb0ff;
}

#main-head #top-head #top-link ul li a span.i-about {
    width: 16px;
    height: 12px;
    margin: 11px 5px 0 0;
    background: url(../images/sprite.png) -22px 0 no-repeat;
    float: left;
}

#main-head #top-head #top-link ul li a span.i-contact {
    width: 16px;
    height: 12px;
    margin: 11px 5px 0 0;
    background: url(../images/sprite.png) -45px 0 no-repeat;
    float: left;
}

#main-head #top-head #top-link ul li a span.i-testimonial {
    width: 16px;
    height: 14px;
    margin: 11px 5px 0 0;
    background: url(../images/sprite.png) -67px 0 no-repeat;
    float: left;
}

#main-head #bot-head {
    width: 100%;
    /* height: 85px; */
    /* float: left; */
    position: relative;
}

#main-head #bot-head #logo {
    width: 185px;
    margin: 5px 0;
    padding-top: 25px;
}

#main-head #bot-head #menu {
    padding-top: 50px;
    padding-left: 50px;
}

#main-head #bot-head #menu ul li {
    margin: 0 10px 0 0;
    float: left;
}

#main-head #bot-head #menu ul li:last-child {
    margin-right: 0;
}

#main-head #bot-head #menu ul li a {
    padding: 27px 20px;
    font-size: 18px;
    color: #383839;
    display: block;
}

#main-head #bot-head #menu ul li a:hover,
#main-head #bot-head #menu ul li.active a {
    color: #fff;
    background: #3bb0ff;
}

/*     banner       */

#main-banner {
    width: 100%;
    height: 500px;
    margin: 0 auto;
}

#main-banner #slide-home {
    width: 100%;
    height: 500px;
    /* float: left; */
}

#main-banner #slide-home .slider1 {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
    margin: 0;
    float: left;
}

#main-banner #slide-home .slider1 .bd1 {
    width: 100%;
    position: absolute;
}

#main-banner #slide-home .slider1 .bd1 ul {
    width: 100%;
    float: left;
}

#main-banner #slide-home .slider1 .bd1 ul li {
    width: 100%;
    overflow: hidden;
}

#main-banner #slide-home .slider1 .bd1 ul li img {
    width: 100%;;
    height: 500px;
    float: left;
}

#main-banner #slide-home .slider1 .pnBtn1 {
    position: absolute;
    z-index: 1;
    top: 230px;
    width: 1349px;
    height: 40px;
    cursor: pointer;
}

#main-banner #slide-home .slider1 .prev {
    left: 0;
    margin-left: -1300px;
}

#main-banner #slide-home .slider1 .next {
    left: 0;
    margin-left: 1300px;
}

#main-banner #slide-home .slider1 .pnBtn1 .arrow {
    display: none;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 22px;
    height: 40px;
}

#main-banner #slide-home .slider1 .prev .arrow {
    right: 0;
    background: url(../images/sprite.png) -420px 0 no-repeat;
    display: inline !important;
}

#main-banner #slide-home .slider1 .next .arrow {
    left: 0;
    background: url(../images/sprite.png) -450px 0 no-repeat;
    display: inline !important;
}

#main-banner #slide-home #txt-banner {
    width: 100%;
    height: 140px;
    margin: -140px 0 0 0;
    text-align: center;
    color: #fff;
    background: #3bb0ff;
    float: left;
    position: relative;
    opacity: 0.9;
    z-index: 1;
}

#main-banner #slide-home #txt-banner #title-welcome {
    /* width: 804px; */
    height: 16px;
    border-bottom: 1px solid #f0d198;
    margin: 25px 65px;
    padding: 0 100px;
    text-align: center;
    /* float: left; */
}

#main-banner #slide-home #txt-banner #title-welcome h2 {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 30px;
    background: #3bb0ff;
    margin: -12px 0 0 0;
    color: #fff;
}

#main-banner #slide-home #txt-banner p {
    margin: 0 33px;
    font-size: 14px;
    line-height: 20px;
    float: left;
    color: #f7f7e7;
}

#main-banner #slide-home #txt-banner span.nav {
    float: left;
    background: url(../images/sprite.png) -440px -100px no-repeat;
    position: absolute;
    bottom: -22px;
    left: 525px;
    width: 45px;
    height: 44px;
}

/*     slide cat       */

#main-slide-cat {
    width: 1349px;
    height: 380px;
    margin: 0 auto;
}

#main-slide-cat #slide-cat {
    width: 1349px;
    height: 380px;
    float: left;
}

#main-slide-cat #slide-cat img {
    width: 1349px;
    height: 380px;
    float: left;
}

#main-slide-cat #slide-cat #txt-banner {
    width: 1100px;
    height: 140px;
    margin: -140px 0 0 0;
    text-align: center;
    color: #fff;
    background: #3bb0ff;
    float: left;
    position: relative;
    opacity: 0.9;
    z-index: 999;
}

#main-slide-cat #slide-cat #txt-banner #title-cat {
    width: 600px;
    height: 1px;
    border-bottom: 1px solid #f4d5a6;
    margin: 30px 50px;
    padding: 0 200px;
    text-align: center;
    float: left;
}

#main-slide-cat #slide-cat #txt-banner .title-tour {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #f4d5a6;
    margin: 30px 0px 30px 0px;
    text-align: center;
    float: left;
}

#main-slide-cat #slide-cat #txt-banner #title-cat h2,
#main-slide-cat #slide-cat #txt-banner .title-tour h2 {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 30px;
    background: #3bb0ff;
    margin: -12px 0 0 0;
    color: #f4d5a6;
}

#main-slide-cat #slide-cat #txt-banner p {
    width: 912px;
    margin: 0 88px;
    float: left;
}

#main-slide-cat #slide-cat #txt-banner span.nav {
    width: 45px;
    height: 44px;
    background: url(../images/sprite.png) -440px -100px no-repeat;
    float: left;
    position: absolute;
    bottom: -22px;
    left: 528px;
}

#main-slide-cat #slide-cat #txt-banner #price-hotel {
    width: 800px;
    margin: 5px 150px;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
}

#main-slide-cat #slide-cat #txt-banner #price-hotel font {
    font-size: 20px;
}

#main-slide-cat #slide-cat #txt-banner #price-hotel strong {
    font-size: 14px;
    text-decoration: line-through;
    font-weight: normal;
}

#main-slide-cat #slide-cat #txt-banner #grade {
    width: 94px;
    height: 13px;
    margin: 0 503px 10px 503px;
    float: left;
}

#main-slide-cat #slide-cat #txt-banner #grade span {
    width: 94px;
    height: 13px;
    margin: 0;
    float: left;
}

#main-slide-cat #slide-cat #txt-banner #grade span.star5 {
    background: url(../images/sprite.png) 0 -255px no-repeat;
}

#main-slide-cat #slide-cat #txt-banner #grade span.star4 {
    background: url(../images/sprite.png) 0 -295px no-repeat;
}

#main-slide-cat #slide-cat #txt-banner #grade span.star3 {
    background: url(../images/sprite.png) 0 -315px no-repeat;
}

#main-slide-cat #slide-cat #txt-banner #grade span.star45 {
    background: url(../images/sprite.png) 0 -275px no-repeat;
}

#main-slide-cat #slide-cat #txt-banner #grade span.star35 {
    background: url(../images/sprite.png) 0 -335px no-repeat;
}

#main-slide-cat #slide-cat #txt-banner .day {
    width: 65px;
    height: 50px;
    line-height: 16px;
    padding: 15px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    color: #f4d5a6;
    font-size: 11px;
    margin: 0;
    background: url(../images/sprite.png) -110px -255px no-repeat;
    float: left;
    position: absolute;
    left: 518px;
    bottom: -33px;
}

#main-slide-cat #slide-cat #txt-banner .day font {
    width: 65px;
    text-align: center;
    font-size: 26px;
    float: left;
}

/*     slogan       */

#main-slogan {
    width: 1100px;
    height: 260px;
    margin: 0 auto;
}

#main-slogan #box-slogan {
    width: 230px;
    margin: 50px 68px 90px 68px;
    float: left;
}

#main-slogan #box-slogan a {
    width: 230px;
    text-align: center;
    float: left;
}

#main-slogan #box-slogan a span {
    width: 104px;
    height: 104px;
    margin: 0 60px;
    float: left;
    transition: all 0.25s ease-in-out 0s;
}

#main-slogan #box-slogan a span.plexible {
    background: url(../images/sprite.png) -1px -1003px no-repeat;
}

#main-slogan #box-slogan a:hover span.plexible {
    background: url(../images/sprite.png) -1px -1110px no-repeat;
}

#main-slogan #box-slogan a span.authentic {
    background: url(../images/sprite.png) -112px -1003px no-repeat;
}

#main-slogan #box-slogan a:hover span.authentic {
    background: url(../images/sprite.png) -112px -1110px no-repeat;
}

#main-slogan #box-slogan a span.unique {
    background: url(../images/sprite.png) -226px -1003px no-repeat;
}

#main-slogan #box-slogan a:hover span.unique {
    background: url(../images/sprite.png) -226px -1110px no-repeat;
}

#main-slogan #box-slogan a h2 {
    width: 230px;
    font-size: 20px;
    text-transform: uppercase;
    color: #555;
    margin: 20px 0;
    float: left;
}

#main-slogan #box-slogan a p {
    color: #555;
    float: left;
}

/*     container - overview - destination       */

#main-overview-des {
    width: 100%;
    border-bottom: 1px solid #d9d9c0;
    padding: 49px 0 30px 0;
    float: left;
}

.indochina-des-ove {
    background: #FFFFFF url(../images/indochina_bg2.jpg) no-repeat;
}

.vietnam-des-ove {
    background: #FFFFFF url(../images/vn_bg2.jpg) no-repeat;
}

.laos-des-ove {
    background: #FFFFFF url(../images/laos_bg2.jpg) no-repeat;
}

.cambodia-des-ove {
    background: #FFFFFF url(../images/cam_bg2.jpg) no-repeat;
}

#main-overview-des #map-des {
    width: 350px;
    height: 530px;
    margin: 0 50px;
    float: left;
    position: relative;
}

#main-overview-des #item-des {
    width: 600px;
    margin: 0;
    float: left;
}

#main-overview-des #item-des #info-overview {
    width: 600px;
    float: left;
}

#main-overview-des #item-des #info-overview ul {
    float: left;
}

#main-overview-des #item-des #info-overview ul li {
    width: 600px;
    margin: 5px 0 0 0;
    float: left;
}

#main-overview-des #item-des #info-overview ul li span.nav {
    width: 8px;
    height: 8px;
    margin: 7px 8px 0 0;
    background: url(../images/sprite.png) -483px -50px no-repeat;
    float: left;
}

#main-overview-des #item-des #hl-destinations {
    width: 600px;
    margin: 30px 0 15px 0;
    float: left;
}

#main-overview-des #item-des #hl-destinations .des {
    width: 100%;
    height: 110px;
    margin: 0 15px 15px 0;
    float: left;
    position: relative;
}

#main-overview-des #item-des #hl-destinations .des img {
    width: 100%;
    height: 110px;
    float: left;
}

#main-overview-des #item-des #hl-destinations .des a {
    width: 100%;
    height: 65px;
    padding: 45px 0 0 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: url(../images/opa1.png) repeat;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
}

#main-overview-des #item-des #hl-destinations .des a:hover {
    color: #f0d198;
    background: none;
    text-shadow: 0 1px 1px #333;
}

.item-des-home > h2 {
    color: #3bb0ff;
    margin-bottom: 20px;
}

.item-des-home > p {
    margin-bottom: 15px;
}

.des > p {
    margin: 15px 0;
}

#main-overview-des #item-des p {
    width: 600px;
    margin: 0 0 15px 0;
    float: left;
}

#main-overview-des #item-des #detail {
    width: 600px;
    margin: 10px 0 0 0;
    float: left;
}

#main-overview-des #item-des #detail a {
    color: #555;
    text-decoration: underline;
    float: right;
}

#main-overview-des #item-des #detail a:hover {
    color: #3bb0ff;
}

#main-overview-des #item-des #detail a span.nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -477px 0 no-repeat;
    margin: 0 0 0 5px;
    float: right;
}

#main-overview-des #item-des #detail a:hover span.nav {
    background: url(../images/sprite.png) -477px -21px no-repeat;
}

/*     besttour - destination       */

#main-tour-des {
    width: 100%;
    margin: 0 0 50px 0;
    float: left;
}

#main-tour-des span.nav-best {
    width: 65px;
    height: 65px;
    margin: -33px 0 0 517px;
    background: url(../images/sprite.png) 0 -20px no-repeat;
    float: left;
}

#main-tour-des .component-tour {
    width: 1100px;
    float: left;
}

#main-tour-des .component-tour .b-tour {
    margin: 0 40px 0 0;
    float: left;
}

#main-tour-des .component-tour .b-tour a {
    width: 340px;
    height: 400px;
    background: #3bb0ff;
    color: #fff;
    float: left;
}

#main-tour-des .component-tour .b-tour a:hover {
    background: #3bb0ff;
}

#main-tour-des .component-tour .b-tour .img-tour {
    width: 340px;
    height: 272px;
    float: left;
    position: relative;
}

#main-tour-des .component-tour .b-tour .img-tour img {
    width: 340px;
    height: 272px;
    float: left;
}

#main-tour-des .component-tour .b-tour .img-tour .title-tour {
    width: 300px;
    padding: 10px 20px;
    background: url(../images/opa1.png) repeat;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
}

#main-tour-des .component-tour .b-tour .img-tour .title-tour .day {
    width: 45px;
    height: 40px;
    line-height: 16px;
    padding: 10px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    margin: 0 10px 0 0;
    background: url(../images/sprite.png) -370px -30px no-repeat;
    float: left;
}

#main-tour-des .component-tour .b-tour .img-tour .title-tour .day font {
    width: 45px;
    text-align: center;
    font-size: 20px;
    float: left;
}

#main-tour-des .component-tour .b-tour a:hover .img-tour .title-tour .day {
    background: url(../images/sprite.png) 0 -90px no-repeat;
    color: #3bb0ff;
}

#main-tour-des .component-tour .b-tour .img-tour .title-tour h2 {
    width: 245px;
    font-size: 20px;
    margin: 5px 0 0 0;
    text-shadow: 0 1px 1px #333;
    float: left;
}

#main-tour-des .component-tour .b-tour a:hover .img-tour .title-tour h2 {
    color: #f4d5a6;
}

#main-tour-des .component-tour .b-tour .img-tour .title-tour h3 {
    width: 300px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    margin: 5px 0;
    float: left;
}

#main-tour-des .component-tour .b-tour a:hover .img-tour .title-tour h3 {
    color: #3bb0ff;
}

#main-tour-des .component-tour .b-tour .img-tour .title-tour span {
    width: 94px;
    height: 13px;
    margin: 0 103px 10px 103px;
    float: left;
}

#main-tour-des .component-tour .b-tour .img-tour .title-tour span.star5 {
    background: url(../images/sprite.png) 0 -255px no-repeat;
}

#main-tour-des .component-tour .b-tour .img-tour .title-tour span.star4 {
    background: url(../images/sprite.png) 0 -295px no-repeat;
}

#main-tour-des .component-tour .b-tour .img-tour .title-tour span.star3 {
    background: url(../images/sprite.png) 0 -315px no-repeat;
}

#main-tour-des .component-tour .b-tour .img-tour .title-tour span.star45 {
    background: url(../images/sprite.png) 0 -275px no-repeat;
}

#main-tour-des .component-tour .b-tour .img-tour .title-tour span.star35 {
    background: url(../images/sprite.png) 0 -335px no-repeat;
}

#main-tour-des .component-tour .b-tour .txt-tour {
    width: 300px;
    height: 108px;
    padding: 10px 20px;
    float: left;
    position: relative;
}

#main-tour-des .component-tour .b-tour .txt-tour span.i-nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -393px 0 no-repeat;
    float: left;
    position: absolute;
    left: 160px;
    top: -10px;
}

#main-tour-des .component-tour .b-tour a:hover .txt-tour span.i-nav {
    background: url(../images/sprite.png) -370px 0 no-repeat;
}

#main-tour-des .component-tour .b-tour .txt-tour .price-tour {
    width: 300px;
    height: 30px;
    text-align: center;
    line-height: 20px;
    border-bottom: 1px solid #cb3d31;
    font-size: 12px;
    text-transform: uppercase;
    float: left;
}

#main-tour-des .component-tour .b-tour a:hover .txt-tour .price-tour {
    border-bottom: 1px solid #dbc49b;
}

#main-tour-des .component-tour .b-tour .txt-tour .price-tour font {
    font-size: 20px;
}

#main-tour-des .component-tour .b-tour .txt-tour .price-tour strong {
    font-size: 14px;
    font-weight: normal;
    text-decoration: line-through;
}

#main-tour-des .component-tour .b-tour .txt-tour p {
    width: 300px;
    margin: 7px 0;
    text-align: center;
    float: left;
}

#main-tour-des .component-tour .b-tour .txt-tour span.bt-detail {
    height: 18px;
    border: 1px solid #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 0 10px;
    margin: 0 0 0 110px;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#main-tour-des .component-tour .b-tour a:hover .txt-tour span.bt-detail {
    color: #fff;
    border: 1px solid #fff;
}

#main-tour-des a.bt-more {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    color: #3bb0ff;
    border: 1px solid #3bb0ff;
    font-size: 18px;

    float: left;
    margin: 50px 0 0 460px;
    transition: all 0.35s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#main-tour-des a.bt-more:hover {
    background: #3bb0ff;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#main-tour-des .component-tour #b-hotel {
    margin: 0 40px 0 0;
    float: left;
}

#main-tour-des .component-tour #b-hotel a {
    width: 340px;
    height: 400px;
    background: #fff;
    color: #555;
    float: left;
}

#main-tour-des .component-tour #b-hotel a:hover {
    background: #3bb0ff;
}

#main-tour-des .component-tour #b-hotel .img-tour {
    width: 340px;
    height: 272px;
    float: left;
    position: relative;
}

#main-tour-des .component-tour #b-hotel .img-tour img {
    width: 340px;
    height: 272px;
    float: left;
}

#main-tour-des .component-tour #b-hotel .img-tour .title-tour {
    width: 300px;
    padding: 10px 20px;
    background: url(../images/opa1.png) repeat;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
}

#main-tour-des .component-tour #b-hotel .img-tour .title-tour h3 {
    width: 300px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    margin: 5px 0;
    font-family: 'cinzelregular';
    float: left;
}

#main-tour-des .component-tour #b-hotel a:hover .img-tour .title-tour h3 {
    color: #3bb0ff;
}

#main-tour-des .component-tour #b-hotel .img-tour .title-tour span {
    width: 94px;
    height: 13px;
    margin: 0 103px 10px 103px;
    float: left;
}

#main-tour-des .component-tour #b-hotel .img-tour .title-tour span.star5 {
    background: url(../images/sprite.png) 0 -255px no-repeat;
}

#main-tour-des .component-tour #b-hotel .img-tour .title-tour span.star4 {
    background: url(../images/sprite.png) 0 -295px no-repeat;
}

#main-tour-des .component-tour #b-hotel .img-tour .title-tour span.star3 {
    background: url(../images/sprite.png) 0 -315px no-repeat;
}

#main-tour-des .component-tour #b-hotel .img-tour .title-tour span.star45 {
    background: url(../images/sprite.png) 0 -275px no-repeat;
}

#main-tour-des .component-tour #b-hotel .img-tour .title-tour span.star35 {
    background: url(../images/sprite.png) 0 -335px no-repeat;
}

#main-tour-des .component-tour #b-hotel .txt-tour {
    width: 300px;
    height: 108px;
    padding: 10px 20px;
    float: left;
    position: relative;
}

#main-tour-des .component-tour #b-hotel .txt-tour span.i-nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) 0 -150px no-repeat;
    float: left;
    position: absolute;
    left: 160px;
    top: -10px;
}

#main-tour-des .component-tour #b-hotel a:hover .txt-tour span.i-nav {
    background: url(../images/sprite.png) -393px 0 no-repeat;
}

#main-tour-des .component-tour #b-hotel .txt-tour p {
    width: 300px;
    margin: 10px 0;
    text-align: center;
    float: left;
}

#main-tour-des .component-tour #b-hotel a:hover .txt-tour p {
    color: #fff;
}

#main-tour-des .component-tour #b-hotel .txt-tour span.bt-detail {
    height: 18px;
    border: 1px solid #3bb0ff;
    color: #3bb0ff;
    font-size: 12px;
    line-height: 18px;
    padding: 0 10px;
    margin: 0 0 0 110px;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#main-tour-des .component-tour #b-hotel a:hover .txt-tour span.bt-detail {
    color: #fff;
    border: 1px solid #fff;
}

/*     tab     */

#tab-scroll {
    width: 1100px;
    height: 60px;
    margin: 50px 0;
    float: left;
}

#tab-scroll .scroll-img {
    width: 1100px;
    height: 60px;
    overflow: hidden;
}

#tab-scroll .scroll-img ul {
    width: 1500px;
    height: 50px;
    border-bottom: 1px solid #d9d9c0;
    margin: 0;
}

#tab-scroll .scroll-img ul li {
    width: 216px;
    margin: 0 5px 10px 0;
    float: left;
}

#tab-scroll #text {
    width: 215px;
    height: 50px;
    float: left;
}

#tab-scroll #text a {
    width: 215px;
    height: 50px;
    line-height: 50px;
    color: #555;
    text-align: center;
    font-size: 16px;
    font-family: 'cinzelregular';
    text-transform: uppercase;
    float: left;
    position: relative;
}

#tab-scroll #text a:hover,
#tab-scroll #text a.active {
    color: #3bb0ff;
}

#tab-scroll #text a:hover span.nav,
#tab-scroll #text a.active span.nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -370px 0 no-repeat;
    float: left;
    position: absolute;
    left: 98px;
    bottom: -10px;
}

#tab-scroll .demo-btn {
    width: 1100px;
    margin: 0;
    position: relative;
}

#tab-scroll .demo-backward {
    width: 28px;
    height: 27px;
    background: url(../images/sprite.png) -438px -153px no-repeat;
    position: absolute;
    left: -30px;
    top: -50px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

#tab-scroll .demo-forward {
    width: 28px;
    height: 27px;
    background: url(../images/sprite.png) -467px -153px no-repeat;
    position: absolute;
    right: -30px;
    top: -50px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

/*     horizontal tour     */

#main-h-tour {
    width: 960px;
    margin: 100px 70px 0 70px;
    float: left;
}

#main-h-tour #h-tour {
    width: 860px;
    padding: 40px 49px 10px 49px;
    border: 1px solid #eaead2;
    background: #fff;
    margin: 0 0 80px 0;
    float: left;
    position: relative;
}

#main-h-tour #h-tour .day {
    width: 65px;
    height: 50px;
    line-height: 16px;
    padding: 15px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    color: #f4d5a6;
    font-size: 11px;
    margin: 0;
    background: url(../images/sprite.png) -110px -255px no-repeat;
    float: left;
    position: absolute;
    left: 448px;
    top: -33px;
}

#main-h-tour #h-tour .day font {
    width: 65px;
    text-align: center;
    font-size: 20px;

    float: left;
}

#main-h-tour #h-tour h2 {
    width: 860px;
    height: 50px;
    margin: 10px 0 0 0;
    text-align: center;
    background: url(../images/line-title.png) bottom center no-repeat;
    float: left;
}

#main-h-tour #h-tour h2 a {
    color: #666;
    font-size: 30px;
    font-family: 'cinzelregular';
    text-transform: uppercase;
}

#main-h-tour #h-tour h2 a:hover {
    color: #3bb0ff;
    text-shadow: 0 1px 1px #BBB;
}

#main-h-tour #h-tour .price-tour {
    width: 860px;
    text-align: center;
    margin: 20px 0;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
}

#main-h-tour #h-tour .price-tour font {
    font-size: 20px;

    color: #3bb0ff;
}

#main-h-tour #h-tour .price-tour strong {
    font-size: 14px;

    font-weight: normal;
    text-decoration: line-through;
}

#main-h-tour #h-tour #destinations {
    width: 560px;
    margin: 0 150px;
    text-align: center;
    float: left;
}

#main-h-tour #h-tour #destinations a {
    color: #555;
}

#main-h-tour #h-tour #destinations a:hover {
    color: #3bb0ff;
    text-decoration: underline;
}

#main-h-tour #h-tour img {
    width: 860px;
    height: 350px;
    margin: 30px 0;
    float: left;
}

#main-h-tour #h-tour p {
    width: 860px;
    margin: 0 0 30px 0;
    float: left;
}

#main-h-tour #h-tour a.bt-more {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    color: #3bb0ff;
    background: #3bb0ff;
    text-transform: uppercase;
    font-size: 16px;

    float: left;
    margin: 0 0 0 370px;
    transition: all 0.35s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#main-h-tour #h-tour a.bt-more:hover {
    background: #3bb0ff;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#main-h-tour a.bt-view {
    width: 218px;
    text-align: center;
    color: #3bb0ff;
    margin: -20px 0 50px 372px;
    text-transform: uppercase;
    float: left;
    font-size: 18px;
}

#main-h-tour a.bt-view span.nav {
    width: 218px;
    height: 65px;
    margin-bottom: 5px;
    background: url(../images/sprite.png) -132px -325px no-repeat;
    float: left;
}

#main-h-tour a.bt-view:hover {
    color: #3bb0ff;
}

#main-h-tour #h-tes {
    width: 860px;
    padding: 50px 49px;
    border: 1px solid #eaead2;
    background: #fff;
    margin: 0 0 80px 0;
    float: left;
    position: relative;
}

#main-h-tour #h-tes #img-tes {
    width: 70px;
    height: 70px;
    float: left;
    position: absolute;
    left: 445px;
    top: -35px;
}

#main-h-tour #h-tes #img-tes img {
    width: 70px;
    height: 70px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

#main-h-tour #h-tes strong {
    width: 860px;
    font-size: 12px;
    text-transform: uppercase;
    color: #3bb0ff;
    font-weight: normal;
    text-align: center;
    float: left;
}

#main-h-tour #h-tes h2 {
    width: 860px;
    height: 50px;
    margin: 30px 0 0 0;
    text-align: center;
    float: left;
}

#main-h-tour #h-tes h2 a:hover {
    color: #3bb0ff;
}

#main-h-tour #h-tes p {
    width: 860px;
    margin: 0 0 10px 0;
    float: left;
}

#main-h-tour #h-tes #detail {
    width: 860px;
    margin: 20px 0 0 0;
    float: left;
}

#main-h-tour #h-tes #detail a {
    color: #555;
    text-decoration: underline;
    float: right;
}

#main-h-tour #h-tes #detail a:hover {
    color: #3bb0ff;
}

#main-h-tour #h-tes #detail a span.nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -477px 0 no-repeat;
    margin: 0 0 0 5px;
    float: right;
}

#main-h-tour #h-tes #detail a:hover span.nav {
    background: url(../images/sprite.png) -477px -21px no-repeat;
}

#main-h-tour #h-tes #img-slide-tes {
    width: 860px;
    height: 350px;
    margin: 20px 0;
    float: left;
}

#main-h-tour #h-tes #img-slide-tes #slider-img {
    width: 860px;
    height: 350px;
    position: relative;
    overflow: hidden;
    margin: 0;
    float: left;
}

#main-h-tour #h-tes #img-slide-tes #slider-img .bd1 {
    width: 860px;
    position: absolute;
}

#main-h-tour #h-tes #img-slide-tes #slider-img .bd1 ul {
    width: 860px;
    float: left;
}

#main-h-tour #h-tes #img-slide-tes #slider-img .bd1 ul li {
    width: 860px;
    overflow: hidden;
}

#main-h-tour #h-tes #img-slide-tes #slider-img .bd1 ul li img {
    width: 860px;
    height: 350px;
    float: left;
}

#main-h-tour #h-tes #img-slide-tes #slider-img .pnBtn1 {
    position: absolute;
    z-index: 1;
    top: 150px;
    width: 860px;
    height: 52px;
    cursor: pointer;
}

#main-h-tour #h-tes #img-slide-tes #slider-img .prev {
    left: 0;
    margin-left: -800px;
}

#main-h-tour #h-tes #img-slide-tes #slider-img .next {
    left: 0;
    margin-left: 800px;
}

#main-h-tour #h-tes #img-slide-tes #slider-img .pnBtn1 .arrow {
    display: none;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 52px;
    height: 52px;
}

#main-h-tour #h-tes #img-slide-tes .prev .arrow {
    right: 0;
    background: url(../images/ad_prev.png) no-repeat;
}

#main-h-tour #h-tes #img-slide-tes .next .arrow {
    left: 0;
    background: url(../images/ad_next.png) no-repeat;
}

/*     detail tour     */

#main-info-tour {
    width: 100%;
    background: #f0efd8;
    padding: 50px 0 50px 0;
    float: left;
}

#main-info-tour #left-i-tour {
    width: 420px;
    margin: 0 30px 0 0;
    float: left;
}

#main-info-tour #left-i-tour #info-tour {
    width: 420px;
    float: left;
}

#main-info-tour #left-i-tour #info-tour ul {
    float: left;
}

#main-info-tour #left-i-tour #info-tour ul li {
    width: 420px;
    margin: 0 0 20px 0;
    float: left;
}

#main-info-tour #left-i-tour #info-tour ul li b {
}

#main-info-tour #left-i-tour #info-tour ul li span {
    width: 23px;
    height: 22px;
    margin: 0 10px 0 0;
    float: left;
}

#main-info-tour #left-i-tour #info-tour ul li span.i-des {
    background: url(../images/sprite.png) -317px -241px no-repeat;
}

#main-info-tour #left-i-tour #info-tour ul li span.i-code {
    background: url(../images/sprite.png) -350px -241px no-repeat;
}

#main-info-tour #left-i-tour #info-tour ul li span.i-price {
    background: url(../images/sprite.png) -383px -241px no-repeat;
}

#main-info-tour #left-i-tour #info-tour ul li a {
    color: #555;
}

#main-info-tour #left-i-tour #info-tour ul li a:hover {
    color: #3bb0ff;
    text-decoration: underline;
}

#main-info-tour #left-i-tour #info-tour ul li font {
    color: #3bb0ff;
    font-size: 20px;
}

#main-info-tour #left-i-tour #info-tour ul li strong {
    text-decoration: line-through;
    font-weight: normal;
}

#main-info-tour #left-i-tour #highlight-tour {
    width: 420px;
    float: left;
}

#main-info-tour #left-i-tour #highlight-tour ul {
    float: left;
}

#main-info-tour #left-i-tour #highlight-tour ul li {
    width: 420px;
    margin: 0 0 10px 0;
    float: left;
}

#main-info-tour #left-i-tour #highlight-tour ul li span.nav {
    width: 8px;
    height: 8px;
    margin: 7px 8px 0 0;
    background: url(../images/sprite.png) -483px -50px no-repeat;
    float: left;
}

#main-info-tour #left-i-tour a.bt-inquiry {
    height: 45px;
    line-height: 45px;
    padding: 0 30px;
    border: 1px solid #3bb0ff;
    color: #3bb0ff;
    font-size: 16px;
    text-transform: uppercase;
    float: left;
    margin: 10px 10px 0 0;
    transition: all 0.35s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#main-info-tour #left-i-tour a.bt-inquiry:hover {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#main-info-tour #left-i-tour a.bt-inquiry span.i-download {
    width: 35px;
    height: 35px;
    margin: 6px 10px 0 0;
    background: url(../images/sprite.png) 0px -681px no-repeat;
    float: left;
}

#main-info-tour #left-i-tour a.bt-inquiry span.i-mail {
    width: 25px;
    height: 17px;
    margin: 15px 10px 0 0;
    background: url(../images/sprite.png) -47px -681px no-repeat;
    float: left;
}

#main-info-tour #left-i-tour a.bt-inquiry:hover {
    color: #3bb0ff;
    border: 1px solid #3bb0ff;
}

#main-info-tour #left-i-tour a.bt-inquiry:hover .i-download {
    background: url(../images/sprite.png) -417px -242px no-repeat;
}

#main-info-tour #left-i-tour a.bt-inquiry:hover .i-mail {
    background: url(../images/sprite.png) -463px -242px no-repeat;
}

#main-info-tour #photos-tour {
    width: 650px;
    height: 466px;
    float: left;
}

#box-info-destination {
    width: 1100px;
    float: left;
}

#box-info-destination p {
    margin: 0 0 10px 0;
}

#box-info-destination h3 {
    width: 420px;
    margin: 0 0 20px 0;
    font-family: 'cinzelregular';
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    float: left;
}

#box-info-destination #img-des {
    width: 650px;
    min-height: 220px;
    margin: 0 0 20px 30px;
    float: right;
    display: inline;
}

#box-info-destination #quickfast {
    width: 420px;
    margin: 0 0 20px 0;
    float: left;
}

#box-info-destination #quickfast h2 {
    width: 420px;
    margin: 0 0 20px 0;
    font-family: 'cinzelregular';
    font-size: 16px;
    text-transform: uppercase;
    float: left;
}

#box-info-destination #quickfast ul {
    float: left;
}

#box-info-destination #quickfast ul li {
    width: 420px;
    margin: 5px 0 0 0;
    float: left;
}

#box-info-destination #quickfast ul li span.nav {
    width: 8px;
    height: 8px;
    margin: 7px 8px 0 0;
    background: url(../images/sprite.png) -483px -50px no-repeat;
    float: left;
}

#box-info-destination #quickfast ul li font {
}

#view-map {
    width: 1100px;
    margin: 0 0 20px 0;
    float: left;
}

#view-map a.viewmap {
    height: 40px;
    background: #d9d9c1;
    padding: 0 10px;
    font-size: 16px;
    line-height: 40px;
    color: #555;
    font-family: 'cinzelregular';
    text-transform: uppercase;
    margin: 0 0 0 470px;
    float: left;
    transition: all 0.35s;
}

#view-map a.viewmap:hover {
    background: #3bb0ff;
    color: #3bb0ff;
}

#view-map a.viewmap span.map {
    width: 50px;
    height: 30px;
    margin: 5px 10px 0 0;
    background: url(../images/sprite.png) -441px -287px no-repeat;
    float: left;
}

#view-map a.viewmap:hover span.map {
    background: url(../images/sprite.png) -441px -327px no-repeat;
}

/*     also-destinations     */

#main-also-des {
    width: 1100px;
}

#main-also-des .des {
    width: 100%;
    height: 110px;
    margin: 0 37px 30px 0;
    float: left;
    position: relative;
}

#main-also-des .des img {
    width: 100%;
    height: 110px;
    float: left;
}

#main-also-des .des a {
    width: 100%;
    height: 65px;
    padding: 45px 0 0 0;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'cinzelregular';
    background: url(../images/opa1.png) repeat;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
}

#main-also-des .des a:hover {
    color: #3bb0ff;
}

#main-also-des a.bt-more {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    color: #3bb0ff;
    border: 1px solid #3bb0ff;
    font-size: 18px;

    float: left;
    margin: 0 0 0 430px;
    transition: all 0.35s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#main-also-des a.bt-more:hover {
    background: #3bb0ff;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*     day by day - tour     */

#main-daybyday {
    width: 960px;
    margin: 0 70px 50px 70px;
    float: left;
}

#tab-day {
    width: 960px;
    height: 60px;
    margin: 0;
    float: left;
}

#tab-day .scroll-img {
    width: 960px;
    height: 60px;
    overflow: hidden;
}

#tab-day .scroll-img ul {
    width: 1500px;
    height: 50px;
    border-bottom: 1px solid #eaead2;
    margin: 0;
}

#tab-day .scroll-img ul li {
    width: 180px;
    margin: 0 5px 10px 0;
    float: left;
}

#tab-day #text {
    width: 215px;
    height: 50px;
    float: left;
}

#tab-day #text a {
    width: 215px;
    height: 50px;
    line-height: 50px;
    color: #555;
    text-align: center;
    font-size: 16px;
    font-family: 'cinzelregular';
    text-transform: uppercase;
    float: left;
    position: relative;
}

#tab-day #text a:hover,
#tab-day #text a.active {
    color: #3bb0ff;
}

#tab-day #text a:hover span.nav,
#tab-day #text a.active span.nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -370px 0 no-repeat;
    float: left;
    position: absolute;
    left: 98px;
    bottom: -10px;
    z-index: 10;
}

#tab-day .demo-btn {
    width: 960px;
    margin: 0;
    position: relative;
}

#tab-day .demo-backward {
    width: 28px;
    height: 27px;
    background: url(../images/sprite.png) -438px -153px no-repeat;
    position: absolute;
    left: 0;
    top: -50px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

#tab-day .demo-forward {
    width: 28px;
    height: 27px;
    background: url(../images/sprite.png) -467px -153px no-repeat;
    position: absolute;
    right: 0;
    top: -50px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

#tab-day-map {
    width: 960px;
    height: 70px;
    margin: 0;
    float: left;
}

#tab-day-map .scroll-img {
    width: 960px;
    height: 70px;
    overflow: hidden;
}

#tab-day-map .scroll-img ul {
    width: 1500px;
    height: 60px;
    border-bottom: 1px solid #eaead2;
    margin: 0;
}

#tab-day-map .scroll-img ul li {
    width: 180px;
    margin: 0 5px 10px 0;
    float: left;
}

#tab-day-map #text {
    width: 215px;
    height: 60px;
    float: left;
}

#tab-day-map #text a {
    width: 215px;
    height: 60px;
    line-height: 50px;
    color: #555;
    text-align: center;
    font-size: 16px;
    font-family: 'cinzelregular';
    text-transform: uppercase;
    float: left;
    position: relative;
}

#tab-day-map #text a:hover,
#tab-day-map #text a.active {
    color: #3bb0ff;
}

#tab-day-map #text a span {
    width: 29px;
    height: 29px;
    float: left;
    position: absolute;
    left: 93px;
    bottom: -10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

#tab-day-map #text a span.car {
    background: #fff url(../images/sprite.png) 0 -407px no-repeat;
}

#tab-day-map #text a:hover span.car,
#tab-day-map #text a.active span.car {
    background: url(../images/sprite.png) 0 -510px no-repeat;
}

#tab-day-map #text a span.train {
    background: #fff url(../images/sprite.png) -39px -407px no-repeat;
}

#tab-day-map #text a:hover span.train,
#tab-day-map #text a.active span.train {
    background: url(../images/sprite.png) -39px -510px no-repeat;
}

#tab-day-map #text a span.plane {
    background: #fff url(../images/sprite.png) -78px -407px no-repeat;
}

#tab-day-map #text a:hover span.plane,
#tab-day-map #text a.active span.plane {
    background: url(../images/sprite.png) -78px -510px no-repeat;
}

#tab-day-map #text a span.cruise {
    background: #fff url(../images/sprite.png) -117px -407px no-repeat;
}

#tab-day-map #text a:hover span.cruise,
#tab-day-map #text a.active span.cruise {
    background: url(../images/sprite.png) -117px -510px no-repeat;
}

#tab-day-map .demo-btn {
    width: 960px;
    margin: 0;
    position: relative;
}

#tab-day-map .demo-backward {
    width: 28px;
    height: 27px;
    background: url(../images/sprite.png) -438px -153px no-repeat;
    position: absolute;
    left: 0;
    top: -50px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

#tab-day-map .demo-forward {
    width: 28px;
    height: 27px;
    background: url(../images/sprite.png) -467px -153px no-repeat;
    position: absolute;
    right: 0;
    top: -50px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

.day-tour {
    width: 798px;
    background: #efefe0;
    margin: 20px 0 10px 0;
    padding: 10px;
    /*padding: 50px 49px 0 49px;*/
    border: 1px solid #eaead2;
    float: left;
}

.day-tour #map-tour {
    width: 100%;
    height: 600px;
    float: left;
}

.day-tour #map-tour img {
    width: 860px;
    height: 450px;
    float: left;
}

.day-tour #title-day {
    width: 760px;
    float: left;
}

.day-tour #title-day .day-number {
    width: 50px;
    height: 40px;
    padding: 10px 0 0 0;
    margin: 0 20px 0 0;
    background: #3bb0ff;
    color: #f4d5a6;
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    line-height: 14px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.day-tour #title-day .day-number font {
    width: 50px;
    text-align: center;
    font-size: 20px;
    float: left;
}

.day-tour #title-day h2 {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    float: left;
    color: #3bb0ff;
}

.day-tour #title-day #icon-tc {
    height: 29px;
    margin: 10px 0;
    float: right;
}

.day-tour #title-day #icon-tc span {
    width: 29px;
    height: 29px;
    margin: 0 0 0 10px;
    float: left;
}

.day-tour #title-day #icon-tc span.i-car {
    background: url(../images/sprite.png) 0 -510px no-repeat;
}

.day-tour #title-day #icon-tc span.i-train {
    background: url(../images/sprite.png) -39px -510px no-repeat;
}

.day-tour #title-day #icon-tc span.i-plane {
    background: url(../images/sprite.png) -78px -510px no-repeat;
}

.day-tour #title-day #icon-tc span.i-cruise {
    background: url(../images/sprite.png) -117px -510px no-repeat;
}

.day-tour #info-day {
    width: 720px;
    padding: 20px;
    background: #efefe0;
    margin: 30px 0;
    margin-top: 0px;
    float: left;
    border-bottom: 1px dashed #b3b391
}

.day-tour #info-day ul {
    float: left;
    width: 455px;
    margin-right: 10px;
}

.day-tour #info-day ul li {
    width: 100%;
    margin: 0 0 15px 0;
    float: left;
}

.day-tour #info-day ul li:last-child {
    margin-bottom: 0;
}

.day-tour #info-day ul li font {
    width: 98px;

    margin: 0;
    float: left;
}

.day-tour #info-day ul li p {
    width: 332px;
    float: left;
}

.day-tour #info-day ul li span.activities {
    width: 14px;
    height: 20px;
    margin: 0 8px 0 0;
    background: url(../images/sprite.png) 0 -370px no-repeat;
    float: left;
}

.day-tour #info-day ul li span.meal {
    width: 12px;
    height: 17px;
    margin: 1px 8px 0 0;
    background: url(../images/sprite.png) -22px -370px no-repeat;
    float: left;
}

.day-tour #info-day ul li span.included {
    width: 16px;
    height: 15px;
    margin: 2px 8px 0 0;
    background: url(../images/sprite.png) -42px -370px no-repeat;
    float: left;
}

.day-tour .txt-tour {
    width: 760px;
    float: left;
}

.day-tour .txt-tour p {
    margin-bottom: 10px;
}

.day-tour .txt-tour img {
    width: 250px;
    height: 150px;
    display: inline;
    margin: 0 0 10px 10px;
    float: right;
}

/*     price - tour     */

#box-price-tour {
    width: 960px;
    margin: 0 70px 50px 70px;
    float: left;
}

#box-price-tour table {
    margin: 0 auto;
    width: 100%;
    border-collapse: separate;
    *border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
}

#box-price-tour table th,
#box-price-tour table td {
    text-align: center;
    vertical-align: middle;
}

#box-price-tour table td a {
    color: #555;
    text-decoration: none;
    font-weight: normal;
}

#box-price-tour table td a:hover {
    color: #3bb0ff;
    text-decoration: underline
}

#box-price-tour table th {
    color: #555;
    text-transform: uppercase;
    font-family: 'cinzelregular';
    font-size: 16px;
    font-weight: normal;
    background: #d9d9c1;
    border-right: 1px solid #e4e4ce;
    border-top: 1px solid #e4e4ce;
    height: 60px;
}

#box-price-tour table td {
    color: #555;
    font-size: 16px;
    border-right: 1px solid #e4e4ce;
    border-bottom: 1px solid #e4e4ce;
    height: 60px;
}

#box-price-tour table tr td:first-child {
    border-left: 1px solid #e4e4ce;
}

a.bt-book {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    color: #f0d198;
    background: #3bb0ff;
    text-transform: uppercase;
    font-size: 16px;

    float: left;
    margin: 0px 10px 0 0;
    transition: all 0.35s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

a.bt-book:hover {
    background: #3bb0ff;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.bt-book span.i-pen {
    width: 24px;
    height: 24px;
    margin: 10px 10px 0 0;
    background: url(../images/sprite.png) -463px -189px no-repeat;
    float: left;
}

a.bt-book:hover span.i-pen {
    background: url(../images/sprite.png) -463px -216px no-repeat;
}

a.bt-book span.i-mail {
    width: 25px;
    height: 17px;
    margin: 15px 10px 0 0;
    background: url(../images/sprite.png) -463px -242px no-repeat;
    float: left;
}

a.bt-book:hover span.i-mail {
    background: url(../images/sprite.png) -463px -263px no-repeat;
}

/*     main-hotel & inclusions Tour     */

#main-hotel-inclusions {
    width: 820px;
    float: right;
    margin-top: 20px;
}

#hotel_in_tour {
    float: left;
    width: 430px;
    position: relative;
}

#hotel_in_tour h3 {
    font-family: 'cinzelregular';
    font-size: 16px;
    line-height: 50px;
    font-weight: normal;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    float: left;
}

#hotel_in_tour #tabs3 {
    margin: 0 0 0 0;
    float: right;
}

#hotel_in_tour #tabs3 ul {
    float: right;
    background: #fbfbf3;
}

#hotel_in_tour #tabs3 ul li {
    float: right;
}

#hotel_in_tour #tabs3 ul li a {
    display: inline-block;
    height: 50px;
    font-family: 'cinzelregular';
    font-size: 12px;
    text-transform: uppercase;
    line-height: 50px;
    margin: 0;
    padding: 0 20px;
    font-size: 12px;
    color: #555;
    position: relative;
    z-index: 0;
    text-align: center;
}

#hotel_in_tour #tabs3 ul li a:hover {
    background: #f2f2e2;
    color: #555;
}

#hotel_in_tour #tabs3 ul li.ui-tabs-active a {
    color: #555;
    background: #efefe0;
    height: 45px;
    border-top: 5px solid #3bb0ff;
    line-height: 40px;
}

#hotel_in_tour #tabs3 .tab_content {
    width: 430px;
}

#hotel_in_tour #tabs3 table {
    width: 100%;
    background: #efefe0;
    border-top: none;
}

#hotel_in_tour #tabs3 table tr td {
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    color: #555;
    padding: 10px 20px;
    border-bottom: 1px solid #eaead2;
    line-height: 20px;
}

#hotel_in_tour #tabs3 table tr td a {
    width: 100%;
    color: #3bb0ff;
    float: right;
}

#hotel_in_tour #tabs3 table tr td a:hover {
    text-decoration: underline;
    color: #3bb0ff;
}

#hotel_in_tour #tabs3 table tr td:first-child {
    width: 68px;
    border-right: 1px solid #eaead2;
    text-align: right;
    color: #555;
}

#hotel_in_tour #tabs3 table tr:last-child td {
    border-bottom: none;
}

#inclusion_tour {
    float: right;
    width: 370px;
    margin: 0;
    position: relative;
}

#inclusion_tour #tabs4 {
    width: 460px;
    height: 50px;
    float: left;
}

#inclusion_tour #tabs4 ul {
    background: #fbfbf3;
    float: left;
}

#inclusion_tour #tabs4 ul li {
    height: 50px;
    float: left;
}

#inclusion_tour #tabs4 ul li a {
    color: #555;
    font-family: 'cinzelregular';
    text-transform: uppercase;
    font-size: 12px;
    line-height: 50px;
    font-weight: normal;
    padding: 0 20px;
    margin: 0;
    float: left;
}

#inclusion_tour #tabs4 ul li a:hover {
    color: #555;
    background: #f2f2e2;
}

#inclusion_tour #tabs4 ul li a.active {
    line-height: 40px;
    height: 45px;
    float: left;
    background: #efefe0;
    border-top: 5px solid #3bb0ff;
}

#inclusion_tour #tab-content {
    width: 320px;
    padding: 20px;
    background: #efefe0;
    float: left;
}

#inclusion_tour #tab-content ul {
    width: 340px;
    float: left;
}

#inclusion_tour #tab-content ul li {
    width: 340px;
    margin-bottom: 10px;
    float: left;
}

#inclusion_tour #tab-content ul li span.in {
    width: 8px;
    height: 8px;
    margin: 7px 8px 0 0;
    background: url(../images/sprite.png) -483px -50px no-repeat;
    float: left;
}

#inclusion_tour #tab-content ul li span.ex {
    width: 8px;
    height: 8px;
    margin: 7px 8px 0 0;
    background: url(../images/sprite.png) -483px -60px no-repeat;
    float: left;
}

/*     news     */

#scroll-news {
    width: 1100px;
    margin: 0 0 50px 0;
    float: left;
}

#scroll-news .scroll-img {
    width: 1100px;
    height: 450px;
    overflow: hidden;
}

#scroll-news .scroll-img ul {
    width: 1500px;
    margin: 0;
}

#scroll-news .scroll-img ul li {
    width: 260px;
    margin: 0 20px 0 0;
    float: left;
}

#scroll-news #news {
    width: 260px;
    height: 450px;
    background: #fff;
    float: left;
}

#scroll-news #news img {
    width: 260px;
    height: 260px;
    float: left;
}

#scroll-news #news #txt-news {
    width: 220px;
    height: 165px;
    padding: 25px 20px 0 20px;
    float: left;
}

#scroll-news #news #txt-news span.number {
    width: 30px;
    height: 30px;
    background: #3bb0ff;
    color: #fff;
    line-height: 30px;

    font-size: 16px;
    float: left;
    margin: 0 10px 10px 0;
    text-align: center;
    display: inline;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

#scroll-news .demo-btn {
    width: 1100px;
    margin: 0;
    position: relative;
}

#scroll-news .demo-backward {
    width: 65px;
    height: 65px;
    background: url(../images/sprite.png) -160px -180px no-repeat;
    position: absolute;
    left: -33px;
    top: -350px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

#scroll-news .demo-forward {
    width: 65px;
    height: 65px;
    background: url(../images/sprite.png) -230px -180px no-repeat;
    position: absolute;
    right: -33px;
    top: -350px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

/*     destinations     */

#scroll-des {
    width: 1100px;
    margin: 0 0 50px 0;
    float: left;
}

#scroll-des .scroll-img {
    width: 1100px;
    height: 450px;
    overflow: hidden;
}

#scroll-des .scroll-img ul {
    width: 1500px;
    margin: 0;
}

#scroll-des .scroll-img ul li {
    width: 260px;
    margin: 0 20px 0 0;
    float: left;
}

#scroll-des .des {
    width: 260px;
    height: 450px;
    background: #fff;
    float: left;
}

#scroll-des .des a {
    width: 260px;
    height: 450px;
    background: #fff;
    color: #555;
    float: left;
}

#scroll-des .des a:hover {
    background: #3bb0ff;
    color: #fff;
}

#scroll-des .des img {
    width: 260px;
    height: 260px;
    float: left;
}

#scroll-des .des #txt-des {
    width: 220px;
    height: 130px;
    padding: 30px 20px;
    float: left;
}

#scroll-des .des #txt-des h2 {
    width: 220px;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-family: 'cinzelregular';
    float: left;
}

#scroll-des .demo-btn {
    width: 1100px;
    margin: 0;
    position: relative;
}

#scroll-des .demo-backward {
    width: 65px;
    height: 65px;
    background: url(../images/sprite.png) -160px -180px no-repeat;
    position: absolute;
    left: -33px;
    top: -350px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

#scroll-des .demo-forward {
    width: 65px;
    height: 65px;
    background: url(../images/sprite.png) -230px -180px no-repeat;
    position: absolute;
    right: -33px;
    top: -350px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

#scroll-des a.bt-more {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    color: #3bb0ff;
    border: 1px solid #3bb0ff;
    font-size: 18px;

    float: left;
    margin: 50px 0 0 440px;
    transition: all 0.35s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#scroll-des a.bt-more:hover {
    background: #3bb0ff;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#scroll-des #des-ct {
    width: 260px;
    height: 450px;
    margin: 50px 20px 0 0;
    background: #fff;
    float: left;
}

#scroll-des #des-ct:last-child {
    margin-right: 0;
}

#scroll-des #des-ct a {
    width: 260px;
    height: 450px;
    background: #fff;
    color: #555;
    float: left;
}

#scroll-des #des-ct a:hover {
    background: #3bb0ff;
    color: #fff;
}

#scroll-des #des-ct img {
    width: 260px;
    height: 260px;
    float: left;
}

#scroll-des #des-ct #txt-des {
    width: 220px;
    height: 130px;
    padding: 30px 20px;
    float: left;
}

#scroll-des #des-ct #txt-des h2 {
    width: 220px;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-family: 'cinzelregular';
    float: left;
}

/*     also - country     */

#also-country {
    width: 1100px;
    border-top: 1px solid #d9d9c0;
    padding-top: 50px;
    float: left;
}

#also-country #box-des {
    width: 340px;
    height: 200px;
    margin: 0 40px 0 0;
    float: left;
    position: relative;
}

#also-country #box-des:last-child {
    margin-right: 0;
}

#also-country #box-des img {
    width: 340px;
    height: 200px;
    float: left;
}

#also-country #box-des #txt-des {
    width: 340px;
    height: 200px;
    background: url(../images/opa1.png) repeat;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
}

#also-country #box-des #txt-des h2 {
    width: 340px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'cinzelregular';
    margin: 80px 0 10px 0;
    float: left;
}

#also-country #box-des #txt-des h2 a {
    color: #fff;
}

#also-country #box-des #txt-des h2 a:hover {
    color: #3bb0ff;
}

#also-country #box-des #txt-des a.bt-view {
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding: 0 20px;
    float: left;
    transition: all 0.35s;
    margin: 0 0 0 120px;
    background: #3bb0ff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#also-country #box-des #txt-des a.bt-view:hover {
    background: #3bb0ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*     best tour     */

#main-best-tour {

}

#main-best-tour span.nav {
    width: 65px;
    height: 65px;
    margin: -33px 0 0 517px;
    background: url(../images/sprite.png) 0 -20px no-repeat;
    float: left;
}

#main-best-tour {

    padding: 30px 0;

}

#main-best-tour .best-tour {
    /* float: left; */
    /* padding: 11px 0px; */
}

#main-best-tour .best-tour a {
    width: 100%;
    height: 400px;
    background: #3bb0ff;
    color: #fff;
    float: left;
}

#main-best-tour .best-tour a:hover {
    background: #3bb0ff;
}

#main-best-tour .best-tour .img-tour {
    width: 100%;
    /* height: 272px; */
    float: left;
    position: relative;
}

#main-best-tour .best-tour .img-tour img {
    width: 100%;
    height: 272px;
    float: left;
}

#main-best-tour .best-tour .img-tour .title-tour {
    width: 100%;
    padding: 10px;
    background: url(../images/opa1.png) repeat;
    /* float: left; */
    position: absolute;
    left: 0;
    bottom: 0;
}

#main-best-tour .best-tour .img-tour .title-tour .day {
    width: 45px;
    height: 55px;
    line-height: 16px;
    padding: 10px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    margin: 0 10px 0 0;
    background: url(../images/sprite.png) -370px -30px no-repeat;
    float: left;
}

#main-best-tour .best-tour .img-tour .title-tour .day span {
    width: 45px;
    text-align: center;
    font-size: 20px;

    float: left;
}

#main-best-tour .best-tour a:hover .img-tour .title-tour .day {
    background: url(../images/sprite.png) 0 -90px no-repeat;
    color: #3bb0ff;
}

#main-best-tour .best-tour .img-tour .title-tour h2 {
    width: 260px;
    font-size: 20px;
    margin: 5px 0 0 0;

    float: left;
}

#main-best-tour .best-tour a:hover .img-tour .title-tour h2 {
    color: #3bb0ff;
    text-shadow: 0 1px 1px #333;
}

#main-best-tour .best-tour .txt-tour {
    width: 100%;
    /* height: 108px; */
    padding: 10px 0;
    float: left;
    position: relative;
    text-align: center;
}

#main-best-tour .best-tour .txt-tour span.i-nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -393px 0 no-repeat;
    float: left;
    position: absolute;
    left: 164px;
    top: -10px;
}

#main-best-tour .best-tour a:hover .txt-tour span.i-nav {
    background: url(../images/sprite.png) -370px 0 no-repeat;
}

#main-best-tour .best-tour a:hover .txt-tour .price-tour {
    /*border-bottom: 1px solid #dbc49b;*/
}

#main-best-tour .best-tour .txt-tour .price-tour font {
    font-size: 20px;

}

#main-best-tour .best-tour .txt-tour .price-tour strong {
    font-size: 14px;

    font-weight: normal;
    text-decoration: line-through;
}

#main-best-tour .best-tour .txt-tour p {
    /* width: 317px; */
    margin: 7px 0;
    text-align: center;
}

#main-best-tour .best-tour .txt-tour span.bt-detail {
    /* height: 18px; */
    border: 1px solid #fff;
    font-size: 12px;
    /* line-height: 18px; */
    padding: 5px 10px;
    /* margin: 0 0 0 117px; */
    /* float: left; */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 auto;
    display: inline-block;
}

#main-best-tour .best-tour a:hover .txt-tour span.bt-detail {
    color: #fff;
    border: 1px solid #fff;
}

#main-best-tour .demo-btn {
    width: 1100px;
    margin: 0;
    position: relative;
}

#main-best-tour .demo-backward {
    width: 22px;
    height: 40px;
    background: url(../images/sprite.png) -420px -50px no-repeat;
    position: absolute;
    left: -50px;
    top: -240px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

#main-best-tour .demo-forward {
    width: 22px;
    height: 40px;
    background: url(../images/sprite.png) -450px -50px no-repeat;
    position: absolute;
    right: -50px;
    top: -240px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

/*     team - home     */

#main-team {
    width: 100%;
    background: #f7f7e7;
    float: left;
}

#main-team #top-title {
    width: 1100px;
    padding: 30px 0;
    border-bottom: 1px solid #f0efd8;
    float: left;
}

#main-team #top-title h2 {
    width: 1100px;
    text-align: center;
    font-size: 32px;
    font-family: 'cinzelregular';
    margin: 0;
    color: #3bb0ff;
    float: left;
    letter-spacing: 8px;
}

#main-team #top-title p {
    width: 1010px;
    margin: 0 35px;
    margin-top: 20px;
    text-align: center;
    float: left;
}

#main-team #team-box {
    width: 346px;
    min-height: 140px;
    margin: 30px 31px 30px 0;
    float: left;
}

#main-team #team-box:last-child {
    margin-right: 0;
}

#main-team #team-box img {
    width: 90px;
    height: 90px;
    margin: 0 10px 0 0;
    border: 1px solid #3bb0ff;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

#main-team #team-box #right-item {
    width: 240px;
    float: left;
}

#main-team #team-box #right-item font {
    width: 240px;
    font-size: 18px;
    margin: 10px 0 0 0;
    color: #3bb0ff;
    float: left;
}

#main-team #team-box #right-item strong {
    width: 240px;
    font-size: 10px;
    margin: 8px 0 0 0;
    text-transform: uppercase;
    color: #3bb0ff;
    font-weight: normal;
    float: left;
}

#main-team #team-box #right-item p {
    width: 240px;
    margin: 10px 0 0 0;
    float: left;
}

/*     step - form     */

#main-step {
    width: 1200px;
    margin: 0 auto;
    padding: 35px 0;
    background: #f7f7e7;
    overflow: hidden;
}

#main-step #tab-step {
    width: 100%;
    float: left;
}

/*     main - destinations     */

#main-des {
    width: 100%;
    background: url(../images/bg-destination.png) repeat;
    padding: 50px 0 70px 0;
    margin: 0 0 80px 0;
    overflow: hidden;
    /* float: left; */
}

#main-des #box-destinations {
    width: 1100px;
    height: 613px;
    float: left;
}

#main-des #box-destinations .slider2 {
    width: 1100px;
    height: 613px;
    position: relative;
    overflow: hidden;
    margin: 0;
    float: left;
}

#main-des #box-destinations .slider2 .bd1 {
    width: 1100px;
    position: absolute;
    margin: 33px 0 0 0;
}

#main-des #box-destinations .slider2 .bd1 ul {
    width: 1100px;
    float: left;
}

#main-des #box-destinations .slider2 .bd1 ul li {
    width: 1100px;
    overflow: hidden;
    background: #fff;
}

#main-des #box-destinations .slider2 .bd1 ul li #sl-des {
    width: 1100px;
    height: 580px;
    background-image: url(../images/indochina_bg.jpg);
    float: left;
}

#main-des #box-destinations .slider2 .bd1 ul li #sl-des #map {
    width: 350px;
    height: 530px;
    margin: 95px 50px;
    float: left;
    position: relative;
}

#main-des #box-destinations .slider2 .bd1 ul li #sl-des #item-des {
    width: 600px;
    margin: 80px 0 0 0;
    float: left;
}

#main-des #box-destinations .slider2 .bd1 ul li #sl-des #item-des h2 {
    width: 600px;
    font-size: 32px;
    text-transform: uppercase;
    font-family: 'cinzelregular';
    float: left;
}

#main-des #box-destinations .slider2 .bd1 ul li #sl-des #item-des p {
    width: 600px;
    margin: 20px 0;
    float: left;
}

#main-des .des {
    width: 100%;
    margin: 0 15px 0 0;
    float: left;
    position: relative;
}

#main-des .des img {
    width: 100%;
    height: 130px;
    /* float: left; */
}

#main-des .des a {
    width: 100%;
    /* height: 53%; */
    padding: 55px 0 55px 0;
    text-align: center;
    font-size: 16px;
    color: #fff;

    background: url(../images/opa1.png) repeat;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
}

#main-des .des a:hover {
    color: #3bb0ff;
    text-shadow: 0 1px 1px #333;
    background: none;
}

#main-des #box-destinations .slider2 .bd1 ul li #sl-des #item-des #detail {
    width: 600px;
    margin: 0 0 0 0;
    float: left;
}

#main-des #box-destinations .slider2 .bd1 ul li #sl-des #item-des #detail a {
    color: #555;
    text-decoration: underline;
    float: right;
}

#main-des #box-destinations .slider2 .bd1 ul li #sl-des #item-des #detail a:hover {
    color: #3bb0ff;
}

#main-des #box-destinations .slider2 .bd1 ul li #sl-des #item-des #detail a span.nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -477px 0 no-repeat;
    margin: 0 0 0 5px;
    float: right;
}

#main-des #box-destinations .slider2 .bd1 ul li #sl-des #item-des #detail a:hover span.nav {
    background: url(../images/sprite.png) -477px -21px no-repeat;
}

#main-des #box-destinations .slider2 .pnBtn1 {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 1100px;
    height: 65px;
    cursor: pointer;
}

#main-des #box-destinations .slider2 .prev {
    left: 0;
    margin-left: -1050px;
}

#main-des #box-destinations .slider2 .next {
    left: 0;
    margin-left: 1050px;
}

#main-des #box-destinations .slider2 .pnBtn1 .arrow {
    display: none;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 33px;
    height: 65px;
}

#main-des #box-destinations .slider2 .prev .arrow {
    right: -500px;
    background: url(../images/sprite.png) -365px -94px no-repeat;
    display: inline !important;
}

#main-des #box-destinations .slider2 .prev .arrow:hover {
    background: url(../images/sprite.png) -365px -164px no-repeat;
}

#main-des #box-destinations .slider2 .next .arrow {
    left: -500px;
    background: url(../images/sprite.png) -397px -94px no-repeat;
    display: inline !important;
}

#main-des #box-destinations .slider2 .next .arrow:hover {
    background: url(../images/sprite.png) -397px -164px no-repeat;
}

/*     main - testimonials     */

#main-tes {
    width: 1100px;
    margin: 0 auto;
}

#main-tes #box-tes {
    width: 1100px;
    height: 320px;
    background: #3bb0ff url(../images/bg_testi.png) top right no-repeat;
    float: left;
}

#main-tes #box-tes #img-tes {
    width: 480px;
    height: 320px;
    float: left;
    position: relative;
    margin-right: 15px;
}

#main-tes #box-tes #img-tes img {
    width: 480px;
    height: 270px;
    float: left;
}

#main-tes #box-tes #img-tes span.nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -370px 0 no-repeat;
    float: left;
    position: absolute;
    right: -10px;
    top: 150px;
}

#main-tes #box-tes #img-tes #title-tes {
    width: 480px;
    height: 270px;
    /*background:url(../images/opa1.png) repeat;*/
    float: left;
    position: absolute;
    left: 0;
    top: 0;
}

#main-tes #box-tes #img-tes #title-tes h2 {
    width: 480px;
    text-align: center;
    font-size: 32px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'cinzelregular';
    margin: 150px 0 0 0;
    float: left;
}

#main-tes #box-tes #testimonials {
    width: 1040px;
    height: 270px;
    margin: 20px 30px 20px 30px;
    float: left;
}

#main-tes #box-tes #testimonials .slider3 {
    width: 1040px;
    height: 290px;
    position: relative;
    overflow: hidden;
    margin: 0;
    float: left;
}

#main-tes #box-tes #testimonials .slider3 .bd1 {
    width: 1040px;
    position: absolute;
}

#main-tes #box-tes #testimonials .slider3 .bd1 ul {
    width: 1040px;
    float: left;
}

#main-tes #box-tes #testimonials .slider3 .bd1 ul li {
    width: 1040px;
    overflow: hidden;
}

#main-tes #box-tes #testimonials .slider3 .bd1 ul li #slide-tes {
    width: 540px;
    height: 260px;
    float: left;
    position: relative;
}

#main-tes #box-tes #testimonials .slider3 .bd1 ul li #slide-tes #title-name {
    width: 540px;
    height: 70px;
    float: left;
}

#main-tes #box-tes #testimonials .slider3 .bd1 ul li #slide-tes #title-name img {
    width: 70px;
    height: 70px;
    margin: 0 10px 0 0;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

#main-tes #box-tes #testimonials .slider3 .bd1 ul li #slide-tes #title-name font {
    width: 440px;
    font-size: 36px;
    margin: 10px 0 0 0;
    font-family: 'halohandletterregular';
    color: #3bb0ff;
    float: left;
}

#main-tes #box-tes #testimonials .slider3 .bd1 ul li #slide-tes #title-name strong {
    width: 440px;
    font-size: 10px;
    margin: 8px 0 0 0;
    text-transform: uppercase;
    color: #3bb0ff;
    font-weight: normal;
    float: left;
}

#main-tes #box-tes #testimonials .slider3 .bd1 ul li #slide-tes p {
    width: 540px;
    color: #fff;
    font-style: italic;
    margin: 20px 0 0 0;
    float: left;
}

#main-tes #box-tes #testimonials .slider3 .hd1 {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    height: 8px;
    bottom: 7px;
    text-align: center;
}

#main-tes #box-tes #testimonials .slider3 .hd1 li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 16px;
    height: 15px;
    line-height: 99px;
    overflow: hidden;
    background: url(../images/slider-btn.png) 0 -15px no-repeat;
    margin: 0 5px;
    cursor: pointer;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

#main-tes #box-tes #testimonials .slider3 .hd1 li.on {
    background-position: 0 0;
    filter: alpha(opacity=100);
    opacity: 1;
}

#container-rooms-hotel {
    width: 1100px;
    margin: 0 0 30px 0;
    float: left;
}

#container-rooms-hotel #room-info {
    width: 1100px;
    margin: 30px 0 0 0;
    padding-bottom: 30px;
    border-bottom: 1px dotted #c5c5aa;
    float: left;
}

#container-rooms-hotel #room-info img {
    width: 250px;
    height: 180px;
    margin: 0 20px 0 0;
    float: left;
}

#container-rooms-hotel #room-info #item-room {
    width: 830px;
    float: left;
}

#container-rooms-hotel #room-info #item-room h2 {
    width: 830px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'cinzelregular';
    float: left;
    font-weight: bold;
}

#container-rooms-hotel #room-info #item-room #tc-room {
    width: 420px;
    margin: 10px 0;
    float: left;
    font-size: 12px;
}

#container-rooms-hotel #room-info #item-room #tc-room ul {
    float: left;
}

#container-rooms-hotel #room-info #item-room #tc-room ul li {
    width: 210px;
    float: left;
}

#container-rooms-hotel #room-info #item-room p {
    width: 830px;
    font-style: italic;
    float: left;
}

#container-rooms-hotel #room-info #item-room #facilities {
    width: 830px;
    margin: 10px 0 0 0;
    float: left;
}

#container-rooms-hotel #room-info #item-room #facilities a {
    color: #3bb0ff;
    font-style: normal;
    float: left;
}

#container-rooms-hotel #room-info #item-room #facilities a:hover {
    text-decoration: underline;
}

#container-rooms-hotel #room-info #item-room #facilities ul {
    width: 830px;
    margin: 5px 0 0 0;
    float: left;
}

#container-rooms-hotel #room-info #item-room #facilities ul li {
    width: 250px;
    margin: 0 20px 0 0;
    float: left;
    font-size: 12px;
}

#container-rooms-hotel #room-info #item-room #facilities ul li span.nav {
    width: 8px;
    height: 8px;
    margin: 7px 8px 0 0;
    background: url(../images/sprite.png) -483px -50px no-repeat;
    float: left;
}

#tab-hotel-facilities {
    float: left;
    width: 1100px;
    margin: 0;
}

#tab-hotel-facilities #tabs5 {
    width: 1100px;
    height: 50px;
    float: left;
}

#tab-hotel-facilities #tabs5 ul {
    background: #fbfbf3;
    float: left;
}

#tab-hotel-facilities #tabs5 ul li {
    height: 50px;
    float: left;
}

#tab-hotel-facilities #tabs5 ul li a {
    color: #555;
    font-family: 'cinzelregular';
    text-transform: uppercase;
    font-size: 16px;
    line-height: 50px;
    font-weight: normal;
    padding: 0 20px;
    margin: 0;
    float: left;
}

#tab-hotel-facilities #tabs5 ul li a:hover {
    color: #555;
    background: #f2f2e2;
}

#tab-hotel-facilities #tabs5 ul li a.active {
    line-height: 40px;
    height: 45px;
    float: left;
    background: #fff;
    border-top: 5px solid #3bb0ff;
}

#tab-hotel-facilities #tab-content {
    width: 1060px;
    padding: 30px 20px;
    background: #fff;
    float: left;
}

#tab-hotel-facilities #tab-content .fac-pol-hotel {
    width: 1060px;
    margin: 0;
    float: left;
}

#tab-hotel-facilities #tab-content .fac-pol-hotel ul {
    float: left;
}

#tab-hotel-facilities #tab-content .fac-pol-hotel ul li {
    width: 250px;
    margin: 0 15px 5px 0;
    float: left;
}

#tab-hotel-facilities #tab-content .fac-pol-hotel ul li span.nav {
    width: 8px;
    height: 8px;
    margin: 7px 8px 0 0;
    background: url(../images/sprite.png) -483px -50px no-repeat;
    float: left;
}

#tab-hotel-facilities #tab-content .fac-pol-hotel #li-txt {
    width: 1060px;
    margin: 0 0 15px 0;
    float: left;
}

#tab-hotel-facilities #tab-content .fac-pol-hotel #li-txt h4 {
    width: 220px;
    margin: 0 20px 0 0;
    font-weight: normal;
    float: left;
}

#tab-hotel-facilities #tab-content .fac-pol-hotel #li-txt h4 span.nav {
    width: 8px;
    height: 8px;
    margin: 7px 8px 0 0;
    background: url(../images/sprite.png) -483px -50px no-repeat;
    float: left;
}

#tab-hotel-facilities #tab-content .fac-pol-hotel #li-txt p {
    width: 800px;
    float: left;
}

#box-about {
    width: 1100px;
    margin: 0 0 30px 0;
    float: left;
}

#box-about #img-left-ab {
    width: 450px;
    height: 150px;
    display: inline;
    margin: 0 25px 10px 0;
    float: left;
}

#box-about #img-left-ab img {
    width: 450px;
    height: 150px;
    float: left;
}

#box-about #img-right-ab {
    width: 450px;
    height: 150px;
    display: inline;
    margin: 0 0 10px 25px;
    float: right;
}

#box-about #img-right-ab img {
    width: 450px;
    height: 150px;
    float: left;
}

#box-about h2 {
    width: 600px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'cinzelregular';
    margin: 0 0 10px 0;
    float: left;
}

#box-about p {
    margin-bottom: 10px;
}

#scroll-team {
    width: 1100px;
    margin: 0 0 50px 0;
    float: left;
}

#scroll-team .scroll-img {
    width: 1100px;
    height: 450px;
    overflow: hidden;
}

#scroll-team .scroll-img ul {
    width: 1500px;
    margin: 0;
}

#scroll-team .scroll-img ul li {
    width: 260px;
    margin: 0 20px 0 0;
    float: left;
}

#scroll-team #team {
    width: 260px;
    height: 450px;
    text-align: center;
    float: left;
}

#scroll-team #team img {
    width: 160px;
    height: 160px;
    margin: 0 50px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

#scroll-team #team #txt-team {
    width: 220px;
    height: 130px;
    padding: 10px 20px;
    float: left;
}

#scroll-team #team #txt-team #name-expert {
    width: 220px;
    font-size: 12px;
    text-align: center;
    color: #3bb0ff;
    text-transform: uppercase;
    margin: 10px 0 5px 0;
    float: left;
}

#scroll-team #team #txt-team #name-expert font {
    width: 220px;
    font-size: 28px;
    margin-bottom: 10px;
    color: #3bb0ff;
    text-transform: none;
    float: left;
    font-family: 'halohandletterregular';
}

#scroll-team #team #txt-team p {
    width: 220px;
    float: left;
}

#scroll-team #team #txt-team a.bt-detail {
    height: 23px;
    border: 1px solid #3bb0ff;
    color: #3bb0ff;
    font-size: 12px;
    line-height: 23px;
    padding: 0 10px;
    margin: 10px 0 0 70px;
    float: left;
    transition: all 0.35s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#scroll-team #team #txt-team a.bt-detail:hover {
    background: #3bb0ff;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#scroll-team .demo-btn {
    width: 1100px;
    margin: 0;
    position: relative;
}

#scroll-team .demo-backward {
    width: 65px;
    height: 65px;
    background: url(../images/sprite.png) -160px -180px no-repeat;
    position: absolute;
    left: -33px;
    top: -350px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

#scroll-team .demo-forward {
    width: 65px;
    height: 65px;
    background: url(../images/sprite.png) -230px -180px no-repeat;
    position: absolute;
    right: -33px;
    top: -350px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

#main-advantages {
    width: 1100px;
    float: left;
}

#main-advantages #box-advantage {
    width: 525px;
    margin: 0 50px 50px 0;
    float: left;
}

#main-advantages #box-advantage span.number {
    width: 60px;
    height: 60px;
    margin: 0 20px 0 0;
    background: #d9d9c0;
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 60px;

    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

#main-advantages #box-advantage #txt-adv {
    width: 445px;
    float: left;
}

#main-advantages #box-advantage #txt-adv h2 {
    width: 445px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'cinzelregular';
    margin: 0 0 10px 0;
    float: left;
}

#logo-contact {
    width: 1100px;
    margin: 80px 0 0 0;
    float: left;
}

#logo-contact img {
    margin: 0 435px;
    float: left;
}

#logo-contact h2 {
    width: 1100px;
    text-align: center;
    font-size: 14px;

    margin: 10px 0 0 0;
    float: left;
}

#box-ct {
    width: 340px;
    margin: 50px 40px 30px 0;
    float: left;
}

#box-ct #ft-contact {
    width: 340px;
    height: 50px;
    margin: 0 0 20px 0;
    background: #efefe0;
    float: left;
}

#box-ct #ft-contact h2 {
    width: 290px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'cinzelregular';
    float: left;
}

#box-ct #ft-contact span {
    width: 50px;
    height: 50px;
    float: left;
}

#box-ct #ft-contact span.hotline {
    background: url(../images/sprite.png) -0px -450px no-repeat;
}

#box-ct #ft-contact span.mail {
    background: url(../images/sprite.png) -60px -450px no-repeat;
}

#box-ct #ft-contact span.home {
    background: url(../images/sprite.png) -120px -450px no-repeat;
}

#box-ct ul {
    float: left;
}

#box-ct ul li {
    width: 340px;
    margin: 0 0 10px 0;
    line-height: 25px;
    float: left;
}

#box-ct ul li a {
    color: #3bb0ff;
}

#box-ct ul li a:hover {
    color: #3bb0ff;
    text-decoration: underline;
}

#box-ct ul li font {

}

#box-ct ul li span {
    width: 25px;
    height: 25px;
    margin: 0 5px 0 0;
    float: left;
}

#box-ct ul li span.add {
    background: url(../images/sprite.png) -320px -280px no-repeat;
}

#box-ct ul li span.phone {
    background: url(../images/sprite.png) -350px -280px no-repeat;
}

#box-ct ul li span.mail {
    background: url(../images/sprite.png) -380px -280px no-repeat;
}

#form-contact {
    width: 830px;
    margin: 30px 135px 0 135px;
    float: left;
}

#form-contact h2 {
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin: 0 0 30px 0;
    float: left;
}

#form-contact #box-input {
    width: 405px;
    margin: 0 20px 15px 0;
    float: left;
}

#form-contact #box-input:last-child {
    margin-right: 0;
}

#form-contact #input-sl {
    height: 38px;
    float: left;
    background: #fff;
    margin: 0 10px 0 0;
    border: 1px solid #eaead2;
    position: relative;
    color: #555;
}

#form-contact #input-sl span.i-nav {
    width: 12px;
    height: 7px;
    background: url(../images/sprite.png) -60px -90px no-repeat;
    float: left;
    position: absolute;
    right: 8px;
    top: 22px;
}

#form-contact input {
    height: 37px;
    padding-left: 10px;
    line-height: 37px;
    border: none;
    font-size: 14px;
    background: none;
    float: left;
    color: #555;
}

#form-contact input::-webkit-input-placeholder {
    color: #3bb0ff;
    font-family: 'e_uiregular';
    font-size: 16px;
}

#form-contact label {
    margin: 0 0 5px 0;
    float: left;
}

#form-contact label.fullname {
    width: 405px;
}

#form-contact label.message {
    width: 830px;
}

#form-contact input.mr {
    width: 50px;
}

#form-contact input.f-name {
    width: 320px;
}

#form-contact input.email {
    width: 390px;
}

#form-contact textarea.message {
    width: 808px;
    height: 200px;
    border: 1px solid #eaead2;
    background: #fff;
    padding: 10px;
    float: left;
    color: #555;

    font-size: 14px;
}

#form-contact #please {
    width: 530px;
    height: 25px;
    margin: 15px 0 0 0;
    line-height: 25px;
    float: left;
}

#form-contact #please font {
    color: #666;
    margin: 0 20px 0 0;
    float: left;
}

#form-contact #please ul {
    height: 25px;
    float: left;
}

#form-contact #please ul li {
    height: 25px;
    line-height: 25px;
    margin: 0 40px 0 0;
    float: left;
}

#form-contact #please ul li input.check {
    margin: -5px 5px 0 0;
    float: left;
}

#form-contact #button-contact {
    margin: 15px 0 30px 0;
    float: left;
}

#form-contact #button-contact input.checkbox {
    margin: 0px 5px 0 0;
    float: left;
}

#form-contact #button-contact span.txt {
    margin: 12px 0 0 0;
    float: left;
}

#form-contact #button-contact a.bt-message {
    height: 45px;
    color: #3bb0ff;
    text-align: center;
    text-transform: uppercase;
    line-height: 45px;
    background: #3bb0ff;
    margin: 0;
    padding: 0 90px;
    font-size: 16px;

    float: right;
    transition: all 0.35s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#form-contact #button-contact a:hover.bt-message {
    background: #3bb0ff;
    color: #3bb0ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*     footer     */

#bottom-footer {
    width: 100%;
    min-height: 0px;
    background: #f0efd8;
    float: left;
}

#bottom-footer #our-brand {
    width: 1100px;
    text-align: center;
    float: left;
}

#bottom-footer #our-brand ul {
    height: 70px;
    margin: 0 0 50px 170px;
    float: left;
}

#bottom-footer #our-brand ul li {
    height: 70px;
    max-width: 170px;
    margin: 0 50px 0 0;
    text-align: center;
    font-style: italic;
    font-size: 10px;
    color: #bbb;
    float: left;
}

#bottom-footer #our-brand ul li a {
    height: 46px;
    margin: 0;
    float: left;
    cursor: pointer;
}

#bottom-footer #our-brand ul li a.indochina {
    width: 170px;
    background: url(../images/brand.png) 0 0 no-repeat;
}

#bottom-footer #our-brand ul li a.vietnam {
    width: 143px;
    background: url(../images/brand.png) -204px 0 no-repeat;
}

#bottom-footer #our-brand ul li a.cambodia {
    width: 143px;
    background: url(../images/brand.png) -384px 0 no-repeat;
}

#bottom-footer #our-brand ul li a.laos {
    width: 97px;
    background: url(../images/brand.png) -556px 0 no-repeat;
}

#bottom-footer #form-help {
    width: 100%;
    float: left;
    background: url(../images/123.jpg) no-repeat;
}

#bottom-footer #form-help p {
    width: 836px;
    text-align: center;
    margin: 0 128px;
    color: #666;
    float: left;
}

#bottom-footer #form-help #title-help {
    width: 700px;
    margin: 30px 200px;
    text-align: center;
    float: left;
}

#bottom-footer #form-help #title-help h2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #3bb0ff;
    font-family: 'cinzelregular';
    padding: 0 20px;
    margin: 0 0 -10px 160px;
    float: left;
}

#bottom-footer #form-help #form {
    width: 960px;
    margin: 30px 70px 30px 70px;
    float: left;
}

#bottom-footer #form-help #form #left-form {
    width: 385px;
    margin: 0 5px 0 0;
    float: left;
}

#bottom-footer #form-help #form #left-form input.help {
    width: 370px;
    height: 55px;
    line-height: 55px;
    background: #f7f7e7;
    font-size: 18px;
    border: none;
    margin: 0 0 5px 0;
    color: #3bb0ff;
    padding-left: 15px;
    float: left;
}

#bottom-footer #form-help #form #left-form input.help:hover {
    background: #FFF;
}

#bottom-footer #form-help #form #left-form input::-webkit-input-placeholder {
    color: #3bb0ff;
    font-size: 18px;
}

#bottom-footer #form-help #form #right-form textarea::-webkit-input-placeholder {
    color: #3bb0ff;
    font-size: 18px;
}

#bottom-footer #form-help #form #right-form {
    width: 570px;
    height: 175px;
    background: #fff;
    float: left;
    position: relative;
}

#bottom-footer #form-help #form #right-form textarea {
    width: 550px;
    height: 155px;
    padding: 20px 0 0 20px;
    color: #3bb0ff;
    font-size: 18px;

    background: #f7f7e7;
    border: none;
    float: left;
}

#bottom-footer #form-help #form #right-form textarea:hover {
    background: #FFF;
}

#bottom-footer #form-help #form #right-form a.bt-send {
    height: 40px;
    color: #fff;
    background: #3bb0ff;
    line-height: 38px;

    font-size: 20px;
    padding: 0 30px;
    float: left;
    position: absolute;
    bottom: 0;
    right: 0;
}

#bottom-footer #form-help #form #right-form a.bt-send:hover {
    color: #3bb0ff;
}

#bottom-footer {
    width: 100%;
    background: #3bb0ff;
    color: #fff;
    padding: 20px 0;
}

#bottom-footer #bot-links {
    margin: 0 20px 0 0;
}

#bottom-footer #bot-links ul {
    float: left;
}

#bottom-footer #bot-links ul li {
    height: 50px;
    margin: 0 20px 0 0;
    float: left;
}

#bottom-footer #bot-links ul li a {
    color: #fff;
}

#bottom-footer #bot-links ul li a:hover {
    color: #FFF;
    text-decoration: none;
}

#bottom-footer #social {
    height: 30px;
    margin: 10px 0;
    float: right;
}

#bottom-footer #social ul {
    float: left;
}

#bottom-footer #social ul li {
    height: 30px;
    margin: 0 0 0 10px;
    float: left;
}

#bottom-footer #social ul li a {
    width: 30px;
    height: 30px;
    float: left;
    transition: all 0.25s ease-in-out 0s;
}

#bottom-footer #social ul li a.facebook {
    background: url(../images/sprite.png) 0 -180px no-repeat;
}

#bottom-footer #social ul li a.facebook:hover {
    background: url(../images/sprite.png) 0 -220px no-repeat;
}

#bottom-footer #social ul li a.twitter {
    background: url(../images/sprite.png) -35px -180px no-repeat;
}

#bottom-footer #social ul li a.twitter:hover {
    background: url(../images/sprite.png) -35px -220px no-repeat;
}

#bottom-footer #social ul li a.google {
    background: url(../images/sprite.png) -70px -180px no-repeat;
}

#bottom-footer #social ul li a.google:hover {
    background: url(../images/sprite.png) -70px -220px no-repeat;
}

#bottom-footer #social ul li a.skype {
    background: url(../images/sprite.png) -105px -180px no-repeat;
}

#bottom-footer #social ul li a.skype:hover {
    background: url(../images/sprite.png) -105px -220px no-repeat;
}

/*------------------------------------------------------------------------*/

#main-step {
}

#main-step #td {
    width: 100%;
    height: 70px;
    background: #f7f7e7;
    line-height: 70px;
    text-transform: uppercase;
    font-size: 18px;

    letter-spacing: 2px;
    text-align: center;
    float: left;
}

#main-step #tab-step {
    width: 100%;
    height: 55px;
    background: #ced1bc;
    float: left;
    position: relative;
}

#main-step #step-nav {
    width: 1100px;
    height: 55px;
    margin: 0 auto;
    position: relative;
}

#main-step #step-nav span.left-red {
    width: 1000px;
    height: 55px;
    background: #3bb0ff;
    float: left;
    position: absolute;
    left: -1000px;
    top: 0;
}

#main-step #step-nav span.right-red {
    width: 1000px;
    height: 55px;
    background: #3bb0ff;
    float: right;
    position: absolute;
    right: -1000px;
    top: 0;
}

#main-step #step-nav span.right-xam {
    width: 1000px;
    height: 55px;
    background: #babea4;
    float: right;
    position: absolute;
    right: -1000px;
    top: 0;
}

#main-step ul {
    width: 1100px;
    background: #C63;
    float: left;
}

#main-step ul li {
    height: 55px;
    float: left;
}

#main-step ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 55px;
    float: left;
}

#main-step ul li .step1 a {
    width: 350px;
    height: 55px;
    background: #ced1bc url(../images/slider-nav-2.png) right no-repeat;
    text-align: center;
    float: left;
}

#main-step ul li.active .step1 a {
    background: #3bb0ff url(../images/slider-nav-1.png) right no-repeat;
}

#main-step ul li .step1-2 a {
    width: 350px;
    height: 55px;
    background: #ced1bc url(../images/slider-nav-2.png) right no-repeat;
    text-align: center;
    float: left;
}

#main-step ul li .step1-3 a {
    width: 350px;
    height: 55px;
    background: #ced1bc url(../images/slider-nav-5.png) right no-repeat;
    text-align: center;
    float: left;
}

#main-step ul li .step2 a {
    width: 400px;
    height: 55px;
    background: #babea4 url(../images/slider-nav-4.png) right no-repeat;
    text-align: center;
    float: left;
}

#main-step ul li.active .step2 a {
    background: #3bb0ff url(../images/slider-nav-1.png) right no-repeat;
}

#main-step ul li .step2-1 a {
    width: 400px;
    height: 55px;
    background: #babea4 url(../images/slider-nav-4.png) right no-repeat;
    text-align: center;
    float: left;
}

#main-step ul li .step2-3 a {
    width: 400px;
    height: 55px;
    background: #babea4 url(../images/slider-nav-3.png) right no-repeat;
    text-align: center;
    float: left;
}

#main-step ul li .step3 a {
    width: 350px;
    height: 55px;
    background: #babea4;
    text-align: center;
    float: left;
}

#main-step ul li.active .step3 a {
    background: #3bb0ff;
}

#main-step ul li .step3-1 a {
    width: 350px;
    height: 55px;
    background: #ced1bc;
    text-align: center;
    float: left;
}

#main-step ul li .step3-2 a {
    width: 350px;
    height: 55px;
    background: #babea4;
    text-align: center;
    float: left;
}

#main-step #content-step {
    width: 1100px;
    margin: 55px 0;
    float: left;
}

#main-step #content-step #bt-bottom-step {
    width: 1100px;
    height: 70px;
    margin: 0;
    float: left;
    position: relative;
}

#main-step #content-step #bt-bottom-step #step-count {
    width: 70px;
    height: 70px;
    border: 2px solid #e5e5e5;
    line-height: 70px;
    text-align: center;
    margin: 0 auto;
    color: #999;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

#main-step #content-step #bt-bottom-step a.bt-prev {
    height: 45px;
    padding: 0 20px;
    line-height: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
    color: #fff;
    background: #c7c8c2;
    float: left;
    position: absolute;
    left: 0;
    top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#main-step #content-step #bt-bottom-step a.bt-prev span.nav {
    width: 16px;
    height: 10px;
    margin: 17px 10px 0 0;
    background: url(../images/sprite.png) -160px -548px no-repeat;
    float: left;
}

#main-step #content-step #bt-bottom-step a.bt-prev:hover {
    background: #adafa4;
}

#main-step #content-step #bt-bottom-step a.bt-next {
    height: 45px;
    padding: 0 20px;
    line-height: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
    color: #fff;
    background: #F08A3F;
    float: left;
    position: absolute;
    right: 0;
    top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#main-step #content-step #bt-bottom-step a.bt-next span.nav {
    width: 16px;
    height: 10px;
    margin: 17px 0 0 10px;
    background: url(../images/sprite.png) -177px -548px no-repeat;
    float: right;
}

#main-step #content-step #bt-bottom-step a.bt-next:hover {
    background: #ea6d2f;
}

#main-step #step-des {
    width: 1100px;
    float: left;
}

#main-step .rsSlide #destination {
    width: 245px;
    margin: 20px 40px 0 0;
    float: left;
}

.rsSlide #destination #img-des {
    width: 245px;
    height: 150px;
    float: left;
    position: relative;
}

.rsSlide #destination #img-des a img {
    width: 245px;
    height: 150px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.rsSlide #destination #img-des a.active img.select {
    width: 245px;
    height: 150px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
}

.rsSlide #destination #sl-des {
    width: 245px;
    height: 25px;
    margin: 10px 0 10px 0;
    line-height: 25px;
    float: left;
}

.rsSlide #destination #sl-des a {
    color: #666;
    float: left;
}

.rsSlide #destination #sl-des a span.sl {
    width: 15px;
    height: 15px;
    margin: 5px 10px 0 0;
    background: url(../images/sprite.png) -180px -1397px no-repeat;
    float: left;
}

.rsSlide #destination #sl-des a.active span.sl {
    background: url(../images/sprite.png) -196px -1397px no-repeat;
}

#main-step #step-form {
    width: 1060px;
    padding: 18px 20px 20px 20px;
    float: left;
    background: #f5f5f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*background: #f5f5f5;*/

#main-step #step-form #form-information {
    width: 45%;
    float: left;
}

#main-step #step-form #form-information input.contact {
    width: 379px;
    height: 40px;
    margin: 0 0 20px 0;
    background: #fff;
    border: 2px solid #C8C9C0;
    text-indent: 10px;
    line-height: 40px;
    color: #525252;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(32, 29, 30, 0.05);
    -moz-box-shadow: 0px 3px 0px 0px rgba(32, 29, 30, 0.05);
    box-shadow: 0px 3px 0px 0px rgba(32, 29, 30, 0.05);
    font-size: 15px;
}

#main-step #step-form #form-information input.date {
    width: 379px;
    height: 40px;
    margin: 0 0 20px 0;
    background: #fff url(../images/sprite.png) 355px -632px no-repeat;
    border: 2px solid #C8C9C0;
    text-indent: 10px;
    line-height: 40px;
    color: #525252;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(32, 29, 30, 0.05);
    -moz-box-shadow: 0px 3px 0px 0px rgba(32, 29, 30, 0.05);
    box-shadow: 0px 3px 0px 0px rgba(32, 29, 30, 0.05);
    font-size: 15px;
}

#main-step #step-form #form-information select.nationality {
    width: 380px;
    height: 42px;
    margin: 0 0 20px 0;
    background: #fff;
    padding: 5px;
    line-height: 30px;
    color: #525252;
    border: 2px solid #C8C9C0;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(32, 29, 30, 0.05);
    -moz-box-shadow: 0px 3px 0px 0px rgba(32, 29, 30, 0.05);
    box-shadow: 0px 3px 0px 0px rgba(32, 29, 30, 0.05);
    font-size: 15px;
}

#main-step #step-form #form-information textarea {
    width: 358px;
    height: 100px;
    background: #fff;
    border: 2px solid #C8C9C0;
    color: #525252;
    padding: 10px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(32, 29, 30, 0.05);
    -moz-box-shadow: 0px 3px 0px 0px rgba(32, 29, 30, 0.05);
    box-shadow: 0px 3px 0px 0px rgba(32, 29, 30, 0.05);
    font-size: 15px;
}

#main-step #step-form #form-information #g-people {
    width: 380px;
    margin: 5px 0 0 0;
    float: left;
}

#main-step #step-form #form-information #g-people #people {
    width: 95px;
    float: left;
    position: relative;
}

#main-step #step-form #form-information #g-people #people #sl-number {
    width: 107px;
    background: #fff;
    padding-top: 10px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#main-step #step-form #form-information #g-people #people #sl-number select.number {
    width: 85px;
    height: 30px;
    margin: 0 5px 10px 5px;
    background: #fff;
    padding: 5px;
    line-height: 30px;
    color: #666;
    border: 1px solid #e4e4e4;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#main-step #step-form #form-information #g-people #people a span.solo {
    width: 15px;
    height: 21px;
    margin: 0 0 0 40px;
    background: url(../images/sprite.png) -371px -1192px no-repeat;
    float: left;
}

#main-step #step-form #form-information #g-people #people a:hover span.solo,
#main-step #step-form #form-information #g-people #people a.active span.solo {
    background: url(../images/sprite.png) -371px -1252px no-repeat;
}

#main-step #step-form #form-information #g-people #people a span.couple {
    width: 29px;
    height: 21px;
    margin: 0 0 0 33px;
    background: url(../images/sprite.png) -418px -1192px no-repeat;
    float: left;
}

#main-step #step-form #form-information #g-people #people a:hover span.couple,
#main-step #step-form #form-information #g-people #people a.active span.couple {
    background: url(../images/sprite.png) -418px -1252px no-repeat;
}

#main-step #step-form #form-information #g-people #people a span.family {
    width: 35px;
    height: 21px;
    margin: 0 0 0 30px;
    background: url(../images/sprite.png) -371px -1223px no-repeat;
    float: left;
}

#main-step #step-form #form-information #g-people #people a:hover span.family,
#main-step #step-form #form-information #g-people #people a.active span.family {
    background: url(../images/sprite.png) -371px -1283px no-repeat;
}

#main-step #step-form #form-information #g-people #people a span.group {
    width: 55px;
    height: 21px;
    margin: 0 0 0 20px;
    background: url(../images/sprite.png) -418px -1223px no-repeat;
    float: left;
}

#main-step #step-form #form-information #g-people #people a:hover span.group,
#main-step #step-form #form-information #g-people #people a.active span.group {
    background: url(../images/sprite.png) -418px -1283px no-repeat;
}

#main-step #step-form #form-information #g-people #people a #select-p {
    width: 80px;
    height: 25px;
    color: #666;
    margin: 0 0 0 15px;
    line-height: 25px;
    float: left;
}

#main-step #step-form #form-information #g-people #people a #select-p span.sl {
    width: 17px;
    height: 16px;
    background: url(../images/sprite.png) -207px -1358px no-repeat;
    margin: 5px 5px 0 0;
    float: left;
}

#main-step #step-form #form-information #g-people #people a #select-p span.sl-ac,
#main-step #step-form #form-information #g-people #people a.active #select-p span.sl-ac {
    width: 17px;
    height: 16px;
    background: url(../images/sprite.png) -180px -1358px no-repeat;
    margin: 5px 5px 0 0;
    float: left
}

#content-slider-1 {
    width: 100%;
}

#content-slider-1 .rsSlide,
#content-slider-1 .rsOverflow {
    min-height: 220px !important;
}

#content-slider-1 h3 {
    font-size: 24px;
    line-height: 31px;
    margin: 12px 0 8px;
    font-weight: bold;
}

#content-slider-1 img {
    max-width: 100%;
    height: auto;
    display: block;
}

.content-slider-bg {
    width: 86%;
    padding: 24px 7%;
    background: #eee;
}

.rsTabs .rsNavItem .rsTmb {
    width: 366px;
    float: left;
    height: 55px;
    line-height: 55px;
    background: #ced1bc url(../images/slider-nav-2.png) right no-repeat;
    text-align: center;
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    cursor: pointer;
}

.rsTabs .rsTab .step2 {
    background: #babea4 url(../images/slider-nav-4.png) right no-repeat;
}

.rsTabs .rsTab .step3 {
    background: #ced1bc;
}

.rsTabs .rsNavSelected .step1 {
    background: #3bb0ff url(../images/slider-nav-1.png) right no-repeat;
}

.rsTabs .rsNavSelected .step2 {
    background: #3bb0ff url(../images/slider-nav-1.png) right no-repeat;
}

.rsTabs .rsNavSelected .step3 {
    background: #3bb0ff;
}

.rsTabs .rsTab .active3 {
    background: #babea4;
}

.rsTabs .rsTab .active1_step3 {
    background: #ced1bc url(../images/slider-nav-5.png) right no-repeat;
}

.rsTabs .rsTab .active2_step3 {
    background: #babea4 url(../images/slider-nav-3.png) right no-repeat;
}

#content-slider-1 .left {
    width: 1000px;
    height: 55px;
    float: left;
    background: #3bb0ff;
    position: absolute;
    top: -55px;
    left: -1000px;
}

#content-slider-1 .right {
    width: 1000px;
    height: 55px;
    float: left;
    background: #ced1bc;
    position: absolute;
    top: -55px;
    right: -1000px;
}

#content-slider-1 .left_step2 {
    background: #ced1bc;
}

#content-slider-1 .right_step2 {
    background: #babea4;
}

#content-slider-1 .left_step3 {
    background: #ced1bc;
}

#content-slider-1 .right_step3 {
    background: #3bb0ff;
}

p .finish {
    height: 45px;
    padding: 0 20px;
    line-height: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
    color: #fff;
    background: #F08A3F;
    float: left;
    position: absolute;
    right: 0;
    top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0;
}

#bt-bottom-step p .nav {
    width: 16px;
    height: 10px;
    margin: 17px 0 0 10px;
    background: url(../images/sprite.png) -197px -1382px no-repeat;
    float: right;
}

#destination #sl-des .checkbox {
    padding-left: 29px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 1px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
}

#destination #sl-des #please_call_1 {
    box-shadow: none;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
}

#destination #sl-des input[type=checkbox].css-checkbox {
    display: none;
}

#destination #sl-des input[type=checkbox].css-checkbox:checked + label.css-label {
    background-image: url(../images/check.png);
}

#destination #sl-des input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 29px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 1px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
}

#destination #sl-des label.css-label {
    background-image: url(../images/uncheck.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#form-information #g-people ul {
    width: 100%;
    float: left;
    background: none;
}

#form-information #g-people ul li {
    width: 76px;
    float: left;
    margin-right: 25px;
}

#form-information #g-people ul li .people span.solo {
    width: 20px;
    height: 30px;
    margin: 0 0 0 20px;
    background: url(../images/sprite.png) 0px -570px no-repeat;
    float: left;
    cursor: pointer;
}

#form-information #g-people ul li .people span.solo:hover,
#form-information #g-people ul li .people.active span.solo {
    background: url(../images/sprite.png) 0px -600px no-repeat;
}

#form-information #g-people ul li .people span.couple {
    width: 35px;
    height: 30px;
    margin: 0 0 0 20px;
    background: url(../images/sprite.png) -30px -570px no-repeat;
    float: left;
    cursor: pointer;
}

#form-information #g-people ul li .people span.couple:hover,
#form-information #g-people ul li .people.active span.couple {
    background: url(../images/sprite.png) -30px -600px no-repeat;
}

#form-information #g-people ul li .people span.family {
    width: 45px;
    height: 30px;
    margin: 0 0 0 20px;
    background: url(../images/sprite.png) -75px -570px no-repeat;
    float: left;
    cursor: pointer;
}

#form-information #g-people ul li .people span.family:hover,
#form-information #g-people ul li .people.active span.family {
    background: url(../images/sprite.png) -75px -600px no-repeat;
}

#form-information #g-people ul li .people span.group {
    width: 70px;
    height: 30px;
    margin: 0 0 0 2px;
    background: url(../images/sprite.png) -125px -570px no-repeat;
    float: left;
    cursor: pointer;
}

#form-information #g-people ul li .people span.group:hover,
#form-information #g-people ul li .people.active span.group {
    background: url(../images/sprite.png) -125px -600px no-repeat;
}

#g-people ul li .people #sl-number {
    width: 106px;
    padding-top: 6px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#g-people ul li .people #sl-number select.number {
    width: 85px;
    height: 25px;
    background: #fff;
    padding: 0px 5px;
    line-height: 25px;
    color: #666;
    border: 1px solid #e4e4e4;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#g-people ul li .people input[type=radio].css-checkbox {
    display: none;
}

#g-people ul li .people input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -27px;
}

#g-people ul li .people input[type=radio].css-checkbox + label.css-label {
    padding-left: 29px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 1px;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
}

#g-people ul li .people label.css-label {
    background-image: url(../images/radio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#main-step #content-step #bt-bottom-step a.bt-finish {
    height: 45px;
    padding: 0 20px;
    line-height: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
    color: #fff;
    background: #F08A3F;
    float: left;
    position: absolute;
    right: 0;
    top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#main-step #content-step #bt-bottom-step a.bt-finish span.nav {
    width: 16px;
    height: 10px;
    margin: 17px 0 0 10px;
    background: url(../images/sprite.png) -177px -548px no-repeat;
    float: right;
}

#g-people ul li .people .group_number {
    width: 106px;
    padding-top: 10px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#g-people ul li .people .group_number select.number {
    width: 85px;
    height: 25px;
    background: #fff;
    padding: 0px 5px;
    line-height: 25px;
    color: #666;
    border: 1px solid #e4e4e4;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*-------------end step------------------*/

#form-contact #box-input #country {
    width: 405px;
    margin: 0 20px 15px 0;
    float: left;
    height: 40px;
    border: 1px solid #eaead2;
    font-size: 14px;
    color: #555;
}

/* HEADER > MENU */

#main-menu {
    float: right;
}

#main-menu > li {
    display: inline-block;
    margin-left: 30px;
    padding: 0;
}

#main-menu > li.parent {
    background-image: url(../images/plus-gray.png);
    background-size: 7px 7px;
    background-repeat: no-repeat;
    background-position: left center;
}

#main-menu > li.parent > a {
    padding-left: 14px;
}

#main-menu > li > a {
    color: #eee;
    font-size: 14px;
    line-height: 14px;
    padding: 30px 0;
    text-decoration: none;
}

#main-head #bot-head #menu #main-menu > li:hover > a,
#main-head #bot-head #menu #main-menu > li.active > a {
    background-color: #3bb0ff;
    color: #fff;
}

/* HEADER > MENU > DROPDOWN */

#main-menu li {
    position: relative;
}

ul.sub-menu {
    /* level 2 */
    display: none;
    left: 0px;
    top: 55px;
    padding-top: 10px;
    position: absolute;
    width: 220px;
    z-index: 9999;
}

ul.sub-menu li {
    width: 100%;
    float: left;
}

ul.sub-menu ul.sub-menu {
    /* level 3 */
    margin-top: -1px;
    padding-top: 0;
    left: 149px;
    top: 0px;
}

ul.sub-menu > li > a {
    background-color: #fff;
    border: 1px solid #999;
    border-top: none;
    color: #bbb;
    display: block;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 12px;
    width: 100%;
    float: left;
}

ul.sub-menu > li > a:hover {
    background-color: #2a2a2a;
    color: #fff;
}

ul.sub-menu > li:first-child {
    border-top: 3px solid #3bb0ff;
}

ul.sub-menu ul.sub-menu > li:first-child {
    border-top: 1px solid #444;
}

ul.sub-menu > li:last-child > a {
    border-radius: 0 0 2px 2px;
}

ul.sub-menu > li > a.parent {
    background-image: url(../images/arrow.png);
    background-size: 5px 9px;
    background-repeat: no-repeat;
    background-position: 95% center;
}

#main-menu li:hover > ul.sub-menu {
    display: block;
}

#main-head #bot-head #menu #main-menu .parent .sub-menu li a {
    width: 100%;
    float: left;
    padding: 0;
    text-indent: 20px;
    height: 50px;
    line-height: 50px;
}

#main-head #bot-head #menu ul li.active ul li a {
    color: #555;
    background-color: #fff;
}

#main-head #bot-head #menu ul li.active ul li a:hover {
    color: #fff;
    background-color: #3bb0ff;
}

#info-booking {
    width: 830px;
    margin: 30px 135px 0 135px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    float: left;
}

#info-booking h2 {
    width: 100%;
    text-align: center;
    font-size: 30px;

    color: #555;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 30px 0;
    float: left;
}

#info-booking #left-bk {
    width: 250px;
    margin: 0 20px 0 0;
    float: left;
}

#info-booking #left-bk #price-pk {
    width: 100%;
    height: 60px;
    text-align: left;
    font-size: 12px;
    float: left;
}

#info-booking #left-bk #price-pk h3 {
    width: 100%;
    height: 10px;
    line-height: 10px;
    margin: 10px 0 10px 0;
    float: left;
    font-size: 16px;
}

#info-booking #left-bk #price-pk .sale {
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 40px;
    color: #ff0000;

    float: right;
}

#info-booking #left-bk #price-pk strong {
    width: 50px;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    font-size: 16px;
    text-decoration: line-through;
    float: left;
}

#info-booking #left-bk #price-pk font {
    margin-left: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #6cd100;

    float: right;
}

#info-booking #left-bk #img-pk {
    width: 250px;
    margin: 0 0 10px 0;
    float: left;
    position: relative;
}

#info-booking #left-bk #img-pk #pk {
    width: 250px;
    height: 30px;
    float: left;
    background: url(../images/opa1.png) repeat;
    position: absolute;
    left: 0;
    bottom: 0;
}

#info-booking #left-bk #img-pk #pk span.pk1 {
    width: 109px;
    height: 14px;
    margin: 8px 0 8px 80px;
    background: url(../images/sprite.png) -257px -323px no-repeat;
    float: left;
}

#info-booking #left-bk #img-pk #pk span.pk2 {
    width: 75px;
    height: 14px;
    margin: 8px 0 8px 95px;
    background: url(../images/sprite.png) -257px -364px no-repeat;
    float: left;
}

#info-booking #left-bk #img-pk #pk span.pk3 {
    width: 78px;
    height: 14px;
    margin: 8px 0 8px 95px;
    background: url(../images/sprite.png) -257px -403px no-repeat;
    float: left;
}

#info-booking #left-bk #img-pk #pk span.pk4 {
    width: 43px;
    height: 14px;
    margin: 8px 0 8px 110px;
    background: url(../images/sprite.png) -257px -444px no-repeat;
    float: left;
}

#info-booking #txt-info {
    width: 560px;
    float: left;
}

#info-booking #txt-info #top-pk {
    width: 560px;
    height: 60px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #e5e5e5;
    margin-bottom: 15px;
    float: left;
}

#info-booking #txt-info #top-pk #night-pk {
    width: 69px;
    height: 60px;
    padding-right: 10px;
    text-align: center;
    border-right: 1px dotted #ccc;
    margin: 0 15px 0 0;
    float: left;
}

#info-booking #txt-info #top-pk #night-pk span.i-night {
    width: 29px;
    height: 29px;
    margin: 5px 20px;
    background: url(../images/sprite.png) -399px -517px no-repeat;
    float: left;
}

#info-booking #txt-info #top-pk #night-pk font {
    font-size: 20px;

}

#info-booking #txt-info #top-pk .day {
    width: 50px;
    height: 40px;
    line-height: 16px;
    padding: 12px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    color: #008fbb;
    font-size: 11px;
    margin: 0 10px 0 0;
    background: url(../images/sprite.png) -394px -389px no-repeat;
    float: left;
}

#info-booking #txt-info #top-pk .day font {
    width: 45px;
    text-align: center;
    font-size: 20px;

    float: left;
    color: #3bb0ff;
}

#info-booking #txt-info #top-pk #tc-cruise {
    width: 560px;
    margin: 10px 0 0 0;
    float: left;
}

#info-booking #txt-info #top-pk #tc-cruise #h-tc {
    height: 25px;
    margin: 0 30px 0 0;
    float: left;
}

#info-booking #txt-info #top-pk #tc-cruise #h-tc font {

}

#info-booking #txt-info #top-pk #tc-cruise #h-tc a {
    color: #25aae1;

    text-decoration: underline;
}

#info-booking #txt-info #top-pk #tc-cruise #h-tc span.time {
    width: 16px;
    height: 15px;
    margin: 3px 5px 0 0;
    background: url(../images/sprite.png) -395px -452px no-repeat;
    float: left;
}

#info-booking #txt-info #top-pk #tc-cruise #h-tc span.cabin {
    width: 16px;
    height: 10px;
    margin: 5px 5px 0 0;
    background: url(../images/sprite.png) -421px -452px no-repeat;
    float: left;
}

#info-booking #txt-info #top-pk #tc-cruise #h-tc span.review {
    width: 16px;
    height: 14px;
    margin: 3px 5px 0 0;
    background: url(../images/sprite.png) -447px -452px no-repeat;
    float: left;
}

#info-booking #txt-info #top-pk h3 {
    width: 460px;
    margin: 5px 0 0 0;
    font-size: 20px;

    color: #3bb0ff;
    font-weight: normal;
    float: left;
}

#info-booking #txt-info #top-pk #des-tour {
    width: 460px;
    margin: 6px 0 0 0;
    float: left;
}

#info-booking #txt-info #top-pk #des-tour span.icon-des {
    width: 11px;
    height: 17px;
    margin: 2px 5px 0 0;
    background: url(../images/sprite.png) -168px -26px no-repeat;
    float: left;
}

#info-booking #txt-info #top-pk #des-tour a {
    color: #555;
    font-size: 12px;
}

#info-booking #txt-info #top-pk #des-tour a:hover {
    color: #3bb0ff;
    text-decoration: underline;
}

#info-booking #txt-info #box-check {
    width: 560px;
    float: left;
}

#info-booking #txt-info #box-check #input-sl {
    height: 38px;
    float: left;
    background: #ffffff;
    margin: 0;

    border: 1px solid #eaead2;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #555;
}

#info-booking #txt-info #box-check #input-sl span.i-date {
    width: 15px;
    height: 16px;
    background: url(../images/sprite.png) -1px -546px no-repeat;
    float: left;
    position: absolute;
    right: 8px;
    top: 12px;
}

#info-booking #txt-info #box-check #input-sl span.i-nav {
    width: 12px;
    height: 7px;
    background: url(../images/sprite.png) -264px -272px no-repeat;
    float: left;
    position: absolute;
    right: 8px;
    top: 14px;
}

#info-booking #txt-info #box-check #input-sl input {
    height: 38px;
    padding-left: 8px;
    color: #555;
    line-height: 38px;
    border: none;

    font-size: 14px;
    background: none;
    float: left;
}

#info-booking #txt-info #box-check #input-sl input.date {
    width: 213px;
}

#info-booking #txt-info #box-check #input-sl input.departure {
    width: 183px;
}

#info-booking #txt-info #box-check #input-sl input.no-cabin {
    width: 150px;
}

#info-booking #txt-info #box-check #input-sl input.style-cabin {
    width: 80px;
}

#info-booking #txt-info #box-check #input-sl input.number-people {
    width: 47px;
}

#info-booking #txt-info #box-check #input-sl input.tour-class {
    width: 198px;
}

#info-booking #txt-info #box-check #input-sl input.package {
    width: 258px;
}

#info-booking #txt-info #box-check #input-sl input.flexible-date {
    width: 100%;
}

#info-booking #txt-info #box-check #input-sl input.people {
    width: 120px;
}

#info-booking #txt-info #box-check #box-sl-people {
    padding: 10px 0;
    float: left;
}

#info-booking #txt-info #box-check label {
    width: 100%;
    margin: 0px 0 5px 0;
    color: #666;
    float: left;
}

#info-booking #txt-info #box-check #plexible-date {
    height: 38px;
    line-height: 38px;
    margin: 0 0 0 20px;
    float: left;
}

#info-booking #txt-info #box-check #plexible-date input.checkbox {
    margin: 13px 5px 0 0;
    float: left;
}

#info-booking #txt-info #box-check #plexible-date font {
    margin: 0 5px 0 0;
    float: left;
}

#info-booking #txt-info #box-check #b-check {
    width: 270px;
    margin: 0 20px 15px 0;
    float: left;
}

#info-booking #txt-info #box-check #b-departure {
    width: 360px;
    margin: 0 20px 15px 0;
    float: left;
}

#info-booking #txt-info #box-check .b-tourclass {
    width: 160px;
    margin: 0 0 15px 0;
    float: right;
}

#info-booking #txt-info #box-check #b-cabin {
    width: 560px;
    margin: 0 0 15px 0;
    float: left;
}

#info-booking #txt-info #box-check #b-cabin p.load {
    height: 38px;
    line-height: 38px;
    margin: 0 0 0 10px;
    color: #999;
    font-style: italic;
    float: left;
}

#info-booking #txt-info #box-check #b-cabin p.load img {
    margin: 12px 5px 0 0;
    float: left;
}

#info-booking #txt-info #box-check #b-cabin #list-cabin {
    margin: 0 10px 0 0;
    float: left;
}

#info-booking #txt-info #box-check #b-cabin #list-cabin font {
    height: 38px;
    margin: 0 5px 0 0;
    line-height: 38px;
    float: left;
}

#info-booking #txt-info #box-check #group-people {
    width: 560px;
    margin: 15px 0 0 0;
    float: left;
}

#info-booking #txt-info #box-check #group-people h3 {
    width: 560px;
    font-size: 18px;

    margin-bottom: 15px;
    font-weight: normal;
    float: left;
}

#group-people #people {
    width: 140px;
    margin-right: 10px;
    float: left;
}

#group-people #people a span.solo {
    width: 19px;
    height: 27px;
    margin: 0 0 0 20px;
    background: url(../images/sprite.png) -75px -923px no-repeat;
    float: left;
}

#group-people #people a:hover span.solo,
#info-booking #txt-info #box-check #group-people #people a.active span.solo {
    background: url(../images/sprite.png) -75px -953px no-repeat;
}

#group-people #people a span.couple {
    width: 35px;
    height: 27px;
    margin: 0 0 0 27px;
    background: url(../images/sprite.png) -104px -923px no-repeat;
    float: left;
}

#group-people #people a:hover span.couple,
#info-booking #txt-info #box-check #group-people #people a.active span.couple {
    background: url(../images/sprite.png) -104px -953px no-repeat;
}

#group-people #people a span.family {
    width: 43px;
    height: 27px;
    margin: 0 0 0 43px;
    background: url(../images/sprite.png) -149px -923px no-repeat;
    float: left;
}

#group-people #people a:hover span.family,
#info-booking #txt-info #box-check #group-people #people a.active span.family {
    background: url(../images/sprite.png) -149px -953px no-repeat;
}

#group-people #people a span.group {
    width: 67px;
    height: 27px;
    margin: 0 0 0 65px;
    background: url(../images/sprite.png) -202px -923px no-repeat;
    float: left;
}

#group-people #people a:hover span.group,
#info-booking #txt-info #box-check #group-people #people a.active span.group {
    background: url(../images/sprite.png) -202px -953px no-repeat;
}

#group-people a #select-p {
    width: 130px;
    height: 25px;
    color: #666;
    margin: 0;
    line-height: 25px;
    float: left;
}

#group-people a #select-p input.radio {
    margin: 8px 5px 0 0;
    float: left;
}

#info-booking #txt-info #box-check a.bt-check {
    height: 35px;
    border: none;
    line-height: 35px;
    color: #fff;
    background: #ee9900;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 20px;
    margin: 10px 0 0 0;
    float: right;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#info-booking #txt-info #box-check a.bt-check:hover {
    background: #d48800;
}

.grid-1 form #form-contact #please {
    width: 100%;
    height: 25px;
    margin: 15px 0 0 0;
    line-height: 25px;
    float: left;
}

.grid-1 form #form-contact #please b {
    float: left;
    margin-right: 20px;
}

.grid-1 form #form-contact #please ul {
    height: 25px;
    float: left;
}

.grid-1 form #form-contact #please ul li {
    height: 25px;
    line-height: 25px;
    margin: 0 30px 0 0;
    float: left;
}

.grid-1 form #form-contact #please ul li #please_call {
    float: left;
    height: 30px;
}

.grid-1 form #form-contact #please ul li .css-checkbox {
    height: 30px;
}

.grid-1 form #form-contact #please ul li label.css-label {
    padding-left: 10px;
    height: 20px;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 1px;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    margin: 5px 0 5px 0px;
}

#form-contact #button-contact {
    margin: 25px 0 30px 0;
    float: right;
}

#group-people #people span.solo {
    cursor: pointer;
    width: 19px;
    height: 27px;
    margin: 0 0 0 20px;
    background: url(../images/sprite.png) -1px -570px no-repeat;
    float: left;
}

#group-people #people span.solo:hover,
#group-people #people.active span.solo {
    background: url(../images/sprite.png) -1px -600px no-repeat;
}

#group-people #people span.couple {
    cursor: pointer;
    width: 35px;
    height: 27px;
    margin: 0 0 0 27px;
    background: url(../images/sprite.png) -30px -568px no-repeat;
    float: left;
}

#group-people #people span.couple:hover,
#group-people #people.active span.couple {
    background: url(../images/sprite.png) -30px -598px no-repeat;
}

#group-people #people span.family {
    cursor: pointer;
    width: 43px;
    height: 27px;
    margin: 0 0 0 43px;
    background: url(../images/sprite.png) -75px -570px no-repeat;
    float: left;
}

#group-people #people span.family:hover,
#group-people #people.active span.family {
    background: url(../images/sprite.png) -75px -600px no-repeat;
}

#group-people #people span.group {
    cursor: pointer;
    width: 67px;
    height: 27px;
    margin: 0 0 0 65px;
    background: url(../images/sprite.png) -127px -570px no-repeat;
    float: left;
}

#group-people #people span.group:hover,
#group-people #people.active span.group {
    background: url(../images/sprite.png) -127px -600px no-repeat;
}

#group-people #people #select-p {
    width: 100%;
    float: left;
}

#group-people #people #select-p input {
    float: left;
    width: 13px;
    margin-right: 5px;
    margin-top: 4px;
}

#group-people #people #select-p label {
    width: 32%;
    float: left;
    cursor: pointer;
}

#group-people #people #box-sl-people {
    width: 248px;
    margin-left: -25px;
    float: left;
    padding: 10px 0;
}

#group-people #people #box-sl-people #input-sl-b {
    width: 70px;
    float: left;
    margin-left: 8px;
    height: 25px;
    line-height: 25px;
}

#group-people #people #box-sl-people #input-sl-b #input-sl {
    width: 100%;
    height: 25px;
    line-height: 25px;
    border: 1px solid #eaead2;
    color: #555;
}

#group-people #people #box-sl-people #input-sl-b p {
    width: 100%;
    float: left;
    font-size: 9px;
    text-align: center;
}

.grid_10 {
    width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.main_home {
    position: relative;
    width: 100%;
    float: left;
}

.con_succ {
    margin: 30px auto;
    width: 677px;
    height: 480px;
    border: 5px solid #3bb0ff;
    background: #FFF;
    border-radius: 5px;
    font-family: tahoma;
}

.top_suc {
    float: left;
    display: inline;
    height: 42px;
    border-bottom: 1px solid #F1F1F1;
    text-shadow: 1px 1px 0 #FFF;
    background: #FFF;
    text-align: center;
    width: 100%;
}

.sucdes {
    float: left;
    text-align: left;
    line-height: 18px;
    color: #444;
    padding: 10px 30px 10px 30px;
    font-size: 12px;
}

.line_info_thank {
    float: left;
    display: inline;
    margin-left: 30px;
    margin-top: 10px;
    color: #545454;
    font-size: 12px;
    padding-left: 25px;
    line-height: 18px;
    text-align: left;
    padding-right: 20px;
}

.line_tip_thank {
    float: left;
    display: inline;
    color: #545454;
    font-size: 13px;
    width: 630px;
    padding-left: 10px;
    background-color: #FDEFDB;
    margin-left: 20px;
    margin-top: 20px;
    line-height: 16px;
    border: 1px #D1D1D1 solid;
    -moz-border-radius: 5px 5px 5px 5px;
    text-align: left;
}

.top_suc font {
    padding-top: 8px;
    line-height: 32px;
    font-size: 19px;
    color: #090;
    padding-right: 5px;
    text-decoration: none;
    background: url(../images/yes.gif) no-repeat left 15px;
    padding-left: 25px;
    text-shadow: 0 1px 0 #FFF;
    font-weight: bold;
}

#inquiry .signin {
    float: left;
    padding: 20px 30px;
    width: 88%;
    background: url(../images/bg.png) repeat;
}

.speaaaa #detail_offer {
    margin: 5px 5px 5px 20px;
}

.login-popup {
    width: 500px;
    height: 465px;
    display: none;
    background: #eae7e3;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 52%;
    left: 50%;
    z-index: 99999;
}

img.btn_close {
    float: right;
    margin: -105px 0px 0 0;
}

#mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}

#popup-header {
    background: #b54b35 url(../images/bg-popup.png) right top no-repeat;
    color: #fff;
    height: 81px;
    padding: 10px 30px;
    width: 440px;
}

#popup-header h3 {
    font-size: 16px;
    padding-top: 5px;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    min-height: 26px;
}

#popup-header p {
    padding: 10px 0px 10px 0px;
    color: #fff;
    font-size: 14px;
    width: 331px;
    border-top: 1px solid #af2812;
    padding-right: 0px;
}

.contact_sub select.short {
    margin-right: 5px;
    width: 50px;
    height: 29px;
    border: 1px solid #ccc;
    color: #3bb0ff;
    float: left;
    padding: 0.3em;
    font-size: 13px;
}

#inquiry .signin .full-name {
    width: 33%;
    height: 28px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 28px;
    float: left;
    margin-right: 10px;
    color: #3bb0ff;
}

#inquiry .signin input.e-mail {
    width: 185px;
    height: 28px;
    margin-top: 10px;
    margin: 0;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 28px;
    float: left;
    color: #3bb0ff;
}

#inquiry .signin input.phone_number {
    width: 48%;
    height: 29px;
    margin-top: 10px;
    padding-left: 10px;
    border: 1px solid #ccc;
    color: #3bb0ff;
    float: left;
    font-size: 14px;
}

#inquiry .signin .contact_us select.long {
    width: 206px;
    height: 31px;
    float: left;
    margin-top: 10px;
    border: 1px solid #ccc;
    color: #3bb0ff;
    padding: 0.3em;
    margin-left: 10px;
    font-size: 14px;
}

#inquiry .signin input.subject {
    width: 465px;
    height: 29px;
    padding-left: 10px;
    border: 1px solid #ccc;
    color: #999;
    float: left;
    margin: 10px 0px 6px 10px;
}

#inquiry .signin textarea.sms {
    width: 95%;
    height: 170px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #3bb0ff;
    margin-bottom: 10px;
}

#inquiry .signin input.button:hover {
    background: #3bb0ff;
    border-bottom: 2px solid #af2812;
    width: 150px;
    height: 40px;
    float: right;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
}

#inquiry .signin input.button {
    width: 150px;
    float: right;
    height: 40px;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    border-bottom: 2px solid #af2812;
    background: #3bb0ff;
    margin-top: 10px;
}

#div_map_itinerary #div_map_itinerary_detail a img {
    width: 250px;
    height: 150px;
}

#div_map_itinerary_detail span {
    width: 55%;
    float: left;
}

#div_map_itinerary #div_map_itinerary_detail div p {
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

#div_map_itinerary #div_map_itinerary_detail div {
    width: 53%;
    float: left;
}

#redmore_map {
    margin-top: 10px;
    float: right;
    width: 145px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    background-color: #3bb0ff;
    margin-right: 10px;
}

#redmore_map #redmore_map_a {
    color: #ffffff;
}

#detail_map_a {
    text-decoration: none;
    font-size: 14px;
    color: #3bb0ff;
    font-weight: bold;
}

#tab-day-map #text a span.boat {
    background: #fff url(../images/sprite.png) -273px -407px no-repeat;
}

#tab-day-map #text a:hover span.boat,
#tab-day-map #text a.active span.boat {
    background: url(../images/sprite.png) -156px -510px no-repeat;
}

.day-tour #title-day #icon-tc span.i-boat {
    background: url(../images/sprite.png) -156px -510px no-repeat;
}

#bre-page {
    display: table;
    height: 20px;
    margin: 10px auto;
}

#bre-page #view-day {
    width: 130px;
    height: 20px;
    line-height: 20px;
    float: left;
    margin-right: 25px;
    margin-top: 10px;
}

#bre-page #view-day a {
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'cinzelregular';
    color: #666;
}

#bre-page #view-day a span.prev {
    height: 20px;
    width: 20px;
    margin: 0 5px 0 0;
    background: url(../images/sprite.png) -304px -180px no-repeat;
    float: left;
}

#bre-page #full-day {
    height: 30px;
    float: left;
}

#bre-page #full-day a {
    height: 30px;
    line-height: 33px;
    padding: 0 10px;
    color: #3bb0ff;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'cinzelregular';
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#bre-page #full-day a:hover {
    color: #3bb0ff;
}

#bre-page #view-day a span.next {
    height: 20px;
    width: 20px;
    margin: 0 0 0 5px;
    background: url(../images/sprite.png) -477px 0 no-repeat;
    float: right;
}

#bre-page #view-day a:hover span.prev {
    background: url(../images/sprite.png) -304px -201px no-repeat;
}

#bre-page #view-day a:hover span.next {
    background: url(../images/sprite.png) -477px -21px no-repeat;
}

/*-----------------------------------------------------------------*/

#main-hotel-des {
    width: 100%;
    margin: 0 0 50px 0;
    float: left;
}

#main-hotel-des span.nav-best {
    width: 65px;
    height: 65px;
    margin: -33px 0 0 517px;
    background: url(../images/sprite.png) 0 -20px no-repeat;
    float: left;
}

#main-hotel-des .component-tour {
    width: 1100px;
    float: left;
}

#main-hotel-des .component-tour .b-tour {
    margin: 0 40px 0 0;
    float: left;
}

#main-hotel-des .component-tour .b-tour a {
    width: 340px;
    height: 400px;
    background: #3bb0ff;
    color: #fff;
    float: left;
}

#main-hotel-des .component-tour .b-tour a:hover {
    background: #3bb0ff;
}

#main-hotel-des .component-tour .b-tour .img-tour {
    width: 340px;
    height: 272px;
    float: left;
    position: relative;
}

#main-hotel-des .component-tour .b-tour .img-tour img {
    width: 340px;
    height: 272px;
    float: left;
}

#main-hotel-des .component-tour .b-tour .img-tour .title-tour {
    width: 300px;
    padding: 10px 20px;
    background: url(../images/opa1.png) repeat;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
}

#main-hotel-des .component-tour .b-tour .img-tour .title-tour .day {
    width: 45px;
    height: 40px;
    line-height: 16px;
    padding: 10px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    margin: 0 10px 0 0;
    background: url(../images/sprite.png) -370px -30px no-repeat;
    float: left;
}

#main-hotel-des .component-tour .b-tour .img-tour .title-tour .day font {
    width: 45px;
    text-align: center;
    font-size: 20px;

    float: left;
}

#main-hotel-des .component-tour .b-tour a:hover .img-tour .title-tour .day {
    background: url(../images/sprite.png) 0 -90px no-repeat;
    color: #3bb0ff;
}

#main-hotel-des .component-tour .b-tour .img-tour .title-tour h2 {
    width: 245px;
    font-size: 16px;
    text-transform: uppercase;
    margin: 5px 0 0 0;
    font-family: 'cinzelregular';
    float: left;
}

#main-hotel-des .component-tour .b-tour a:hover .img-tour .title-tour h2 {
    color: #3bb0ff;
}

#main-hotel-des .component-tour .b-tour .img-tour .title-tour h3 {
    width: 300px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    margin: 5px 0;
    font-family: 'cinzelregular';
    float: left;
}

#main-hotel-des .component-tour .b-tour a:hover .img-tour .title-tour h3 {
    color: #3bb0ff;
}

#main-hotel-des .component-tour .b-tour .img-tour .title-tour span {
    width: 94px;
    height: 13px;
    margin: 0 103px 10px 103px;
    float: left;
}

#main-hotel-des .component-tour .b-tour .img-tour .title-tour span.star5 {
    background: url(../images/sprite.png) 0 -255px no-repeat;
}

#main-hotel-des .component-tour .b-tour .img-tour .title-tour span.star4 {
    background: url(../images/sprite.png) 0 -295px no-repeat;
}

#main-hotel-des .component-tour .b-tour .img-tour .title-tour span.star3 {
    background: url(../images/sprite.png) 0 -315px no-repeat;
}

#main-hotel-des .component-tour .b-tour .img-tour .title-tour span.star45 {
    background: url(../images/sprite.png) 0 -275px no-repeat;
}

#main-hotel-des .component-tour .b-tour .img-tour .title-tour span.star35 {
    background: url(../images/sprite.png) 0 -335px no-repeat;
}

#main-hotel-des .component-tour .b-tour .txt-tour {
    width: 300px;
    height: 108px;
    padding: 10px 20px;
    float: left;
    position: relative;
}

#main-hotel-des .component-tour .b-tour .txt-tour span.i-nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -393px 0 no-repeat;
    float: left;
    position: absolute;
    left: 160px;
    top: -10px;
}

#main-hotel-des .component-tour .b-tour a:hover .txt-tour span.i-nav {
    background: url(../images/sprite.png) -370px 0 no-repeat;
}

#main-hotel-des .component-tour .b-tour .txt-tour .price-tour {
    width: 300px;
    height: 30px;
    text-align: center;
    line-height: 20px;
    border-bottom: 1px solid #cb3d31;
    font-size: 12px;
    text-transform: uppercase;
    float: left;
}

#main-hotel-des .component-tour .b-tour a:hover .txt-tour .price-tour {
    border-bottom: 1px solid #dbc49b;
}

#main-hotel-des .component-tour .b-tour .txt-tour .price-tour font {
    font-size: 20px;

}

#main-hotel-des .component-tour .b-tour .txt-tour .price-tour strong {
    font-size: 14px;

    font-weight: normal;
    text-decoration: line-through;
}

#main-hotel-des .component-tour .b-tour .txt-tour p {
    width: 300px;
    margin: 7px 0;
    text-align: center;
    float: left;
}

#main-hotel-des .component-tour .b-tour .txt-tour span.bt-detail {
    height: 18px;
    border: 1px solid #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 0 10px;
    margin: 0 0 0 110px;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#main-hotel-des .component-tour .b-tour a:hover .txt-tour span.bt-detail {
    color: #fff;
    border: 1px solid #fff;
}

#main-hotel-des a.bt-more {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    color: #3bb0ff;
    border: 1px solid #3bb0ff;
    font-size: 18px;

    float: left;
    margin: 50px 0 0 460px;
    transition: all 0.35s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#main-hotel-des a.bt-more:hover {
    background: #3bb0ff;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#main-hotel-des .component-tour #b-hotel {
    margin: 0 20px 0 0;
    float: left;
}

#main-hotel-des .component-tour #b-hotel a {
    width: 204px;
    height: 340px;
    background: #fff;
    color: #555;
    float: left;
}

#main-hotel-des .component-tour #b-hotel a:hover {
    background: #3bb0ff;
}

#main-hotel-des .component-tour #b-hotel .img-tour {
    width: 204px;
    height: 150px;
    float: left;
    position: relative;
}

#main-hotel-des .component-tour #b-hotel .img-tour img {
    width: 204px;
    height: 150px;
    float: left;
}

#main-hotel-des .component-tour #b-hotel .img-tour .title-tour {
    width: 164px;
    padding: 10px 20px;
    background: url(../images/opa1.png) repeat;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
}

#main-hotel-des .component-tour #b-hotel .img-tour .title-tour h3 {
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    margin: 5px 0;
    font-family: 'cinzelregular';
    float: left;
}

#main-hotel-des .component-tour #b-hotel a:hover .img-tour .title-tour h3 {
    color: #3bb0ff;
}

#main-hotel-des .component-tour #b-hotel .img-tour .title-tour span {
    width: 94px;
    height: 13px;
    margin: 0 30px 10px 30px;
    float: left;
}

#main-hotel-des .component-tour #b-hotel .img-tour .title-tour span.star5 {
    background: url(../images/sprite.png) 0 -255px no-repeat;
}

#main-hotel-des .component-tour #b-hotel .img-tour .title-tour span.star4 {
    background: url(../images/sprite.png) 0 -295px no-repeat;
}

#main-hotel-des .component-tour #b-hotel .img-tour .title-tour span.star3 {
    background: url(../images/sprite.png) 0 -315px no-repeat;
}

#main-hotel-des .component-tour #b-hotel .img-tour .title-tour span.star45 {
    background: url(../images/sprite.png) 0 -275px no-repeat;
}

#main-hotel-des .component-tour #b-hotel .img-tour .title-tour span.star35 {
    background: url(../images/sprite.png) 0 -335px no-repeat;
}

#main-hotel-des .component-tour #b-hotel .txt-tour {
    width: 164px;
    height: 108px;
    padding: 10px 20px;
    float: left;
    position: relative;
}

#main-hotel-des .component-tour #b-hotel .txt-tour span.i-nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) 0 -150px no-repeat;
    float: left;
    position: absolute;
    left: 90px;
    top: -10px;
}

#main-hotel-des .component-tour #b-hotel a:hover .txt-tour span.i-nav {
    background: url(../images/sprite.png) -393px 0 no-repeat;
}

#main-hotel-des .component-tour #b-hotel .txt-tour p {
    width: 164px;
    margin: 10px 0;
    text-align: center;
    float: left;
}

#main-hotel-des .component-tour #b-hotel a:hover .txt-tour p {
    color: #fff;
}

#main-hotel-des .component-tour #b-hotel .txt-tour span.bt-detail {
    height: 18px;
    border: 1px solid #3bb0ff;
    color: #3bb0ff;
    font-size: 12px;
    line-height: 18px;
    padding: 0 10px;
    margin: 0 0 0 40px;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#main-hotel-des .component-tour #b-hotel a:hover .txt-tour span.bt-detail {
    color: #fff;
    border: 1px solid #fff;
}

#testimonials .slider3 .bd1 ul li #slide-tes a#redtest {
    color: #fff;
    text-decoration: underline;
    float: right;
    position: absolute;
    bottom: -30px;
    right: 15px;
    z-index: 2;
}

#testimonials .slider3 .bd1 ul li #slide-tes a#redtest span.nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -477px 0 no-repeat;
    margin: 0 0 0 5px;
    float: right;
}

#testimonials .slider3 .bd1 ul li #slide-tes a#redtest:hover {
    color: #FFFF66;
}

/*#testimonials .slider3 .bd1 ul li #slide-tes a:hover span.nav{ background: url(../images/sprite.png) -477px -21px no-repeat;}*/

.exeper-detail {
    margin: -5px 0 10px;
}

.style-ct-experience {
    width: 100%;
    float: left;
}

.style-ct-experience a {
    display: inline-block;
    margin: 0 8px 5px 0;
}

.style-ct-experience a span {
    width: 29px;
    height: 29px;
    margin: 0;
    float: left;
}

.style-ct-experience a span.swimming {
    background: url(../images/sprite.png) -40px -857px no-repeat;
}

.style-ct-experience a span.cruising {
    background: url(../images/sprite.png) -1px -917px no-repeat;
}

.style-ct-experience a span.boating {
    background: url(../images/sprite.png) -79px -737px no-repeat;
}

.style-ct-experience a span.ethnic {
    background: url(../images/sprite.png) -118px -857px no-repeat;
}

.style-ct-experience a span.cultural {
    background: url(../images/sprite.png) -79px -797px no-repeat;
}

.style-ct-experience a span.heritage {
    background: url(../images/sprite.png) -1px -797px no-repeat;
}

.style-ct-experience a span.nature {
    background: url(../images/sprite.png) -118px -797px no-repeat;
}

.style-ct-experience a span.cuisine {
    background: url(../images/sprite.png) -1px -857px no-repeat;
}

.style-ct-experience a span.kayaking {
    background: url(../images/sprite.png) -118px -737px no-repeat;
}

.style-ct-experience a span.adventure {
    background: url(../images/sprite.png) -1px -737px no-repeat;
}

.style-ct-experience a span.beach {
    background: url(../images/sprite.png) -40px -797px no-repeat;
}

.style-ct-experience a span.wellness {
    background: url(../images/sprite.png) -79px -857px no-repeat;
}

.style-ct-experience a span.wildlife {
    background: url(../images/sprite.png) -157px -797px no-repeat;
}

.style-ct-experience a span.history {
    background: url(../images/sprite.png) -157px -857px no-repeat;
}

.style-ct-experience a span.swimming:hover {
    background: url(../images/sprite.png) -40px -887px no-repeat;
}

.style-ct-experience a span.cruising:hover {
    background: url(../images/sprite.png) -1px -947px no-repeat;
}

.style-ct-experience a span.boating:hover {
    background: url(../images/sprite.png) -79px -767px no-repeat;
}

.style-ct-experience a span.ethnic:hover {
    background: url(../images/sprite.png) -118px -887px no-repeat;
}

.style-ct-experience a span.cultural:hover {
    background: url(../images/sprite.png) -79px -827px no-repeat;
}

.style-ct-experience a span.heritage:hover {
    background: url(../images/sprite.png) -1px -827px no-repeat;
}

.style-ct-experience a span.nature:hover {
    background: url(../images/sprite.png) -118px -827px no-repeat;
}

.style-ct-experience a span.cuisine:hover {
    background: url(../images/sprite.png) -1px -887px no-repeat;
}

.style-ct-experience a span.kayaking:hover {
    background: url(../images/sprite.png) -118px -767px no-repeat;
}

.style-ct-experience a span.adventure:hover {
    background: url(../images/sprite.png) -1px -767px no-repeat;
}

.style-ct-experience a span.beach:hover {
    background: url(../images/sprite.png) -40px -827px no-repeat;
}

.style-ct-experience a span.wellness:hover {
    background: url(../images/sprite.png) -79px -887px no-repeat;
}

.style-ct-experience a span.wildlife:hover {
    background: url(../images/sprite.png) -157px -827px no-repeat;
}

.style-ct-experience a span.history:hover {
    background: url(../images/sprite.png) -157px -887px no-repeat;
}

#line {
    height: 3px;
    width: 240px;
    background: #3bb0ff;
    margin: 8px 320px;
    /* float: left; */
}

#step-form #form-information #g-people ul li .people #sl-number {
    width: 285px;
    margin-left: -100px;
    margin-top: 10px;
    height: 45px;
}

#step-form #form-information #g-people ul li .people .group_number {
    width: 285px;
    margin-left: -130px;
    margin-top: 10px;
    height: 45px;
}

#step-form #form-information #g-people ul li .people #sl-number .number_a {
    width: 85px;
    float: left;
    margin: 0 5px 10px 5px;
}

#step-form #form-information #g-people ul li .people .group_number .number_a {
    width: 85px;
    float: left;
    margin: 0 5px 10px 5px;
}

#step-form #form-information #g-people ul li .people #sl-number .number_a p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 10px;
}

#step-form #form-information #g-people ul li .people .group_number .number_a p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 10px;
}

#box-info-destination .hotels-image .ad-gallery .ad-nav .ad-thumbs .ad-thumb-list li {
    width: 76px;
    float: left;
    margin-right: 5px;
}

#main-overview-des .grid-1 #item-des #body_about {
    width: 100%;
    float: left;
    height: 98px;
    overflow: hidden;
}

.grid-1 #body_map {
    width: 100%;
    float: left;
}

.grid-1 #body_map #left-daybyday {
    width: 260px;
    margin: 20px 20px 0 0;
    float: left;
}

.grid-1 #body_map #left-daybyday #menu3-vertical {
    width: 100%;
    float: left;
    background: #efefe0;
}

.grid-1 #body_map #left-daybyday #menu3-vertical h2 {
    width: 258px;
    height: 57px;
    border: 1px solid #eaead2;
    border-bottom: none;
    font-size: 20px;
    letter-spacing: 3px;
    line-height: 57px;
    text-transform: uppercase;
    float: left;
    text-align: center;
    font-family: 'cinzelregular';
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul {
    width: 260px;
    float: left;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li {
    width: 258px;
    height: 40px;
    float: left;
    line-height: 40px;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a {
    width: 258px;
    height: 40px;
    color: #565656;
    line-height: 40px;
    border: 1px solid #eaead2;
    background: #efefe0;
    float: left;
    font-size: 14px;
    text-indent: 5px;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a:hover {
    color: #3bb0ff;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a.active {
    color: #3bb0ff;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a span {
    width: 29px;
    height: 29px;
    float: left;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 5px 0px 0px 5px;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a span.car {
    background: #fff url(../images/sprite.png) 0 -407px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a:hover span.car,
.grid-1 #body_map #left-daybyday #menu3-vertical ul li a.active span.car {
    background: url(../images/sprite.png) 0 -510px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a span.train {
    background: #fff url(../images/sprite.png) -39px -407px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a:hover span.train,
.grid-1 #body_map #left-daybyday #menu3-vertical ul li a.active span.train {
    background: url(../images/sprite.png) -39px -510px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a span.plane {
    background: #fff url(../images/sprite.png) -78px -407px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a:hover span.plane,
.grid-1 #body_map #left-daybyday #menu3-vertical ul li a.active span.plane {
    background: url(../images/sprite.png) -78px -510px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a span.cruise {
    background: #fff url(../images/sprite.png) -117px -407px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a:hover span.cruise,
.grid-1 #body_map #left-daybyday #menu3-vertical ul li a.active span.cruise {
    background: url(../images/sprite.png) -117px -510px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a span.boat {
    background: #fff url(../images/sprite.png) -273px -407px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a:hover span.boat,
.grid-1 #body_map #left-daybyday #menu3-vertical ul li a.active span.boat {
    background: url(../images/sprite.png) -156px -510px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a span.trekking {
    background: #fff url(../images/sprite.png) -156px -407px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a:hover span.trekking,
.grid-1 #body_map #left-daybyday #menu3-vertical ul li a.active span.trekking {
    background: url(../images/sprite.png) -195px -510px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a span.kayak {
    background: #fff url(../images/sprite.png) -234px -407px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a:hover span.kayak,
.grid-1 #body_map #left-daybyday #menu3-vertical ul li a.active span.kayak {
    background: url(../images/sprite.png) -273px -510px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a span.cyclinh {
    background: #fff url(../images/sprite.png) -195px -407px no-repeat;
}

.grid-1 #body_map #left-daybyday #menu3-vertical ul li a:hover span.cyclinh,
.grid-1 #body_map #left-daybyday #menu3-vertical ul li a.active span.cyclinh {
    background: url(../images/sprite.png) -234px -510px no-repeat;
}

.day-tour #title-day #icon-tc span.i-trekking {
    background: url(../images/sprite.png) -156px -407px no-repeat;
}

.day-tour #title-day #icon-tc span.i-kayak {
    background: url(../images/sprite.png) -156px -407px no-repeat;
}

.day-tour #title-day #icon-tc span.i-cyclinh {
    background: url(../images/sprite.png) -195px -407px no-repeat;
}

#body_map .main-daybyday_detail .content_intinerary .day-tour {
    width: 758px;
    padding: 30px;
}

.left-our-detail {
    float: left;
    color: #444;
    background: #efefe0;
    border: 1px solid #eaead2;
    width: 258px;
    margin-top: 20px;
}

.top_mn_ab b {
    width: 258px;
    height: 57px;
    border-bottom: 1px solid #eaead2;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 3px;
    font-family: 'cinzelregular';
    line-height: 57px;
    text-indent: 10px;
    text-transform: uppercase;
    float: left;
}

.left-our-detail p {
    text-align: center;
    float: left;
    font-size: 12px;
    color: #555;
    line-height: 18px;
    padding: 5px 8px;
}

.line_team_detail {
    float: left;
    display: inline;
    width: 80px;
    padding: 3px;
    text-align: center;
    color: #545454;
    font-size: 11px;
}

.line_team_detail img {
    border: 1px dotted #ccc;
    padding: 4px;
}

.line_team_detail font {
    float: left;
    width: 70px;
    text-align: center;
    padding-top: 5px;
    font-size: 12px;
}

#expert-tour {
    float: left;
    margin: 5px auto 0;
}

#quickcon {
    width: 100%;
    float: left;
}

#quickcon img {
    margin: 0px 0px 10px 70px;
}

.left-our-detail #tour_expert {
    height: 40px;
    padding: 8px 57px;
    background: #3bb0ff;
    text-align: center;
    margin: 0 20px;
    color: #FFF;
    line-height: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 5px;
    border-radius: 2px;

    font-size: 18px;
}

.left-our-detail #tour_expert:hover {
    border-radius: 5px;
    color: #FFF;
    background: #3bb0ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #3bb0ff;
}

.bot_mn {
    float: left;
    width: 99.5%;
    height: 22px;
    background: #F9F9F9;
}

.line_team_detail img:hover {
    border: 1px solid #00aff0;
    padding: 4px;
    cursor: pointer;
}

#main-tour-des #orther-hotels .b-tour {
    margin: 0 20px 0 0;
    float: left;
}

#main-tour-des #orther-hotels .b-tour a {
    width: 204px;
    height: 340px;
}

#main-tour-des #orther-hotels .b-tour a .img-tour {
    width: 204px;
    height: 150px;
    float: left;
    position: relative;
}

#main-tour-des #orther-hotels .b-tour a .img-tour img {
    width: 204px;
    height: 150px;
    float: left;
}

#main-tour-des #orther-hotels .b-tour a .img-tour .title-tour {
    width: 164px;
    padding: 10px 20px;
    background: url(../images/opa1.png) repeat;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
}

#main-tour-des #orther-hotels .b-tour a .img-tour .title-tour h3 {
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    margin: 5px 0;
    font-family: 'cinzelregular';
    float: left;
}

#main-tour-des #orther-hotels .b-tour a .img-tour .title-tour span {
    width: 94px;
    height: 13px;
    margin: 0 30px 10px 30px;
    float: left;
}

#main-tour-des #orther-hotels .b-tour a .txt-tour {
    width: 164px;
    height: 108px;
    padding: 10px 20px;
    float: left;
    position: relative;
}

#main-tour-des #orther-hotels .b-tour a .txt-tour span.i-nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -393px 0 no-repeat;
    float: left;
    position: absolute;
    left: 90px;
    top: -10px;
}

#main-tour-des #orther-hotels .b-tour a .txt-tour p {
    width: 164px;
    margin: 10px 0;
    text-align: center;
    float: left;
}

#main-tour-des #orther-hotels .b-tour a .txt-tour .bt-detail {
    height: 18px;
    border: 1px solid #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 0 10px;
    margin: 0 0 0 40px;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

li #sl-des #map a#dest-map-lao #lao-dest {
    background: url(../images/map/map-01.png) -230px 0px no-repeat;
    width: 222px;
    float: left;
    height: 260px;
    position: absolute;
    z-index: 3;
}

li #sl-des #map a#dest-map-lao:hover #lao-dest,
li #sl-des #map a#dest-map-lao.active #lao-dest {
    background: url(../images/map/map-01.png) -2px 0px no-repeat;
}

li #sl-des #map a#dest-map-cam #cambodia-dest {
    background: url(../images/map/map-03.png) -185px 0px no-repeat;
    width: 166px;
    float: left;
    height: 130px;
    position: absolute;
    top: 243px;
    left: 55px;
    z-index: 2;
}

li #sl-des #map a#dest-map-cam:hover #cambodia-dest,
li #sl-des #map a#dest-map-cam.active #cambodia-dest {
    background: url(../images/map/map-03.png) 2px 0px no-repeat;
}

li #sl-des #map a#dest-map-viet #vietnam-dest {
    background: url(../images/map/map-02.png) -210px 0px no-repeat;
    width: 209px;
    float: left;
    height: 455px;
    position: absolute;
    top: -23px;
    left: 68px;
    z-index: 1;
}

li #sl-des #map a#dest-map-viet:hover #vietnam-dest,
li #sl-des #map a#dest-map-viet.active #vietnam-dest {
    background: url(../images/map/map-02.png) 0px 0px no-repeat;
}

@media (min-width: 1400px) {
    #bottom-footer #form-help {
        background: url(../images/1233.jpg) no-repeat;
    }

    .indochina-des-ove {
        background: #FFFFFF url(../images/indochina_bg1.jpg) no-repeat;
    }

    .vietnam-des-ove {
        background: #FFFFFF url(../images/vn_bg1.jpg) no-repeat;
    }

    .laos-des-ove {
        background: #FFFFFF url(../images/laos_bg1.jpg) no-repeat;
    }

    .cambodia-des-ove {
        background: #FFFFFF url(../images/cam_bg1.jpg) no-repeat;
    }
}

#box-info-destination #body_about {
    float: left;
    width: 100%;
    height: 620px;
    overflow: hidden;
}

#box-info-destination #detail a {
    color: #555;
    text-decoration: underline;
    float: left;
}

#box-info-destination #detail a span.nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -477px 0 no-repeat;
    margin: 0 0 0 5px;
    float: right;
}

#box-info-destination #detail a:hover {
    color: #3bb0ff;
}

#box-info-destination #detail a:hover span.nav {
    background: url(../images/sprite.png) -477px -21px no-repeat;
}

#scroll-tour .demo-backward {
    width: 22px;
    height: 40px;
    background: url(../images/sprite.png) -420px -50px no-repeat;
    position: absolute;
    left: -50px;
    top: -240px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

#scroll-tour .demo-forward {
    width: 22px;
    height: 40px;
    background: url(../images/sprite.png) -450px -50px no-repeat;
    position: absolute;
    right: -50px;
    top: -240px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
}

#scroll-tour {
    width: 1100px;
    height: 400px;
    float: left;
}

#scroll-tour .scroll-img {
    width: 1100px;
    height: 400px;
    overflow: hidden;
}

.scroll-img ul li {
    width: 340px;
    margin: 0 40px 0 0;
    float: left;
}

.scroll-img ul {
    width: 2300px;
    margin: 0;
}

.demo-btn {
    width: 1100px;
    margin: 0;
    position: relative;
}

#line-title #line {
    height: 3px;
    width: 200px;
    background: #3bb0ff;
    /* margin: 0px 450px; */
    /* float: left; */
    margin: 10px auto;
    display: block;
}

#main-h-tour #h-tour #image-tour-d {
    width: 100%;
    float: left;
    position: relative;
}

#main-h-tour #h-tour #image-tour-d #image_group {
    width: 860px;
    height: 350px;
    background: url(../images/opa1.png) repeat;
    position: absolute;
    top: 30px;
    opacity: 0;
    transition: all 0.35s;
}

#main-h-tour #h-tour #image-tour-d #image_group:hover {
    opacity: 1;
}

#main-h-tour #h-tour #image-tour-d #image_group a {
    top: 170px;
    position: absolute;
    border: 1px solid #fff;
    background: none;
}

#main-h-tour #h-tour #image-tour-d #image_group a:hover {
    background: #3bb0ff;
}

#main-head #bot-head a.bt-tailormade {
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    margin: 18px 0 0 10px;
    color: #383839;

    font-size: 18px;
    border: 1px dotted #3bb0ff;
    float: right;
    transition: all 0.35s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#main-head #bot-head a.bt-tailormade:hover {
    color: #fff;
    background: #3bb0ff;
    border: 1px solid #3bb0ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#main-head #bot-head a.bt-tailormade span.i-support {
    width: 40px;
    height: 40px;
    background: url(../images/support.png) no-repeat;
    margin: 4px 0 0 10px;
    float: right;
}

.grid-1 #body_map #line-title p {
    width: 820px;
    margin: 0;
    float: right;
}

.grid-1 #body_map #line-title #line {
    height: 3px;
    width: 200px;
    background: #3bb0ff;
    margin: 0px 307px;
    float: left;
}

.grid-1 #body_map #line-title h2 {
    width: 820px;
    height: 60px;
    text-align: center;
    font-size: 32px;
    font-family: 'cinzelregular';
    text-transform: uppercase;
    float: right;
}

.grid-1 #body_map #line-title {
    width: 820px;
    text-align: center;
    margin: 30px 0;
    float: right;
}

#bottom-footer #member-logo {
    height: 50px;
    margin: 0 0 0 10px;
    float: right;
}

#bottom-footer #member-logo ul {
    float: left;
}

#bottom-footer #member-logo ul li {
    height: 50px;
    margin: 0 0 0 15px;
    float: left;
}

#bottom-footer #member-logo ul li a {
    height: 50px;
    float: left;
}

#bottom-footer #member-logo ul li a.vietnam {
    width: 58px;
    background: url(../images/logo-member.png) 0 0 no-repeat;
}

#bottom-footer #member-logo ul li a.vietnam:hover {
    background: url(../images/logo-member.png) 0 -50px no-repeat;
}

#bottom-footer #member-logo ul li a.cambodia {
    width: 32px;
    background: url(../images/logo-member.png) -65px 0 no-repeat;
}

#bottom-footer #member-logo ul li a.cambodia:hover {
    background: url(../images/logo-member.png) -65px -50px no-repeat;
}

#bottom-footer #member-logo ul li a.laos {
    width: 32px;
    background: url(../images/logo-member.png) -109px 0 no-repeat;
}

#bottom-footer #member-logo ul li a.laos:hover {
    background: url(../images/logo-member.png) -109px -50px no-repeat;
}

#bottom-footer #member-logo ul li a.seasia {
    width: 33px;
    background: url(../images/logo-member.png) -152px 0 no-repeat;
}

#bottom-footer #member-logo ul li a.seasia:hover {
    background: url(../images/logo-member.png) -152px -50px no-repeat;
}

#bottom-footer #member-logo ul li a.pata {
    width: 56px;
    background: url(../images/logo-member.png) -198px 0 no-repeat;
}

#bottom-footer #member-logo ul li a.pata:hover {
    background: url(../images/logo-member.png) -198px -50px no-repeat;
}

#main-des #box-destinations .slider2 .icon {
    left: 520px;
    background: url(../images/sprite.png) -364px -94px no-repeat;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 65px;
    height: 65px;
}

.guide-detai-tour {
    top: 0;
    position: fixed;
    z-index: 99;
    margin: 0;
}

.menu-top {
    position: fixed;
    z-index: 99;
}

#main-tes .grid-1 #scroll-team {
    margin: 0;
}

#main-tes .grid-1 #scroll-team .scroll-img {
    height: 410px;
}

#main-tes .grid-1 #scroll-team .scroll-img ul li #team {
    height: 410px;
}

#form_booking #info-booking #txt-info #top-pk .day {
    width: 45px;
    height: 40px;
    line-height: 16px;
    padding: 12px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    color: #3bb0ff;
    font-size: 11px;
    margin: 0 10px 0 0;
    background: url(../images/sprite.png) 0 -90px no-repeat;
    float: left;
}

#form_booking #info-booking #txt-info #top-pk #des-tour span.icon-des {
    width: 11px;
    height: 17px;
    margin: 2px 5px 0 0;
    background: url(../images/sprite.png) -60px -120px no-repeat;
    float: left;
}

#button-contact #submit_book span.i-mail {
    width: 25px;
    height: 17px;
    margin: 15px 10px 0 0;
    background: url(../images/sprite.png) -463px -242px no-repeat;
    float: left;
}

#button-contact #submit_book:hover .i-mail {
    background: url(../images/sprite.png) -47px -681px no-repeat;
}

#main-slogan #box-slogan a:hover h2 {
    color: #3bb0ff;
}

.best-tour a .img-tour #bestseller-tour {
    width: 75px;
    margin: 5px;
    height: 75px;
    position: absolute;
    right: 0;
}

#main-best-tour .best-tour .img-tour #bestseller-tour img {
    width: 75px;
    height: 75px;
}

#bestseller-tour {
    width: 75px !important;
    margin: 5px !important;
    height: 75px !important;
    position: absolute;
    right: 0;
}

#bestseller-tour img {
    width: 75px !important;
    height: 75px !important;
}

.credits {
    width: 100%;
    margin: -30px 0 30px 0 !important;
    padding: 0 0 0 0 !important;
    text-align: center;
    display: block;
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.credits ul {
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
    width: 100% !important;
    display: block;
    margin: 0 auto;
    padding: 0 !important;
    margin-top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.credits ul li {
    float: left;
    width: 20%;
}

.credits ul li a {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    color: #617e8b;
    text-shadow: none !important;
    transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.credits ul li a span {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: block;
    width: 100%;
    text-align: center;
    height: 0;
    color: #617e8b;
    text-transform: uppercase;
    font-size: 1.5em;
    letter-spacing: 5px;
    text-shadow: none !important;
    color: #000;

    font-style: normal;
    float: left;
    transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.credits ul li a span i {
    font-size: 0.6em !important;
    float: left;
    width: 100%;
    margin-bottom: 1px;
    text-transform: none;
    color: #b4a383;
    letter-spacing: 1px;
}

.credits ul li a:hover span {
    opacity: 1;
    display: inline-block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 40px;
}

.credits ul li.vietnam a:hover span {
    color: #2d92c1;
}

.credits ul li.cambodia a:hover span {
    color: #719335;
}

.credits ul li.laos a:hover span {
    color: #dc9d13;
}

.credits ul li.myanmar a:hover span {
    color: #d67d82;
}

.credits ul li.thailand a:hover span {
    color: #977192;
}

.credits ul li a img {
    padding: 25px 0;
    width: 154px;
    height: 89px;
    transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.credits ul li a:hover img {
    opacity: 0.0;
    padding: 10px 0;
}

#logo-contact div#contact-info {
    width: 560px;
    margin: 0 auto;
}

#logo-contact div#contact-info li {
    width: 274px;
    margin: 10px 0;
    line-height: 25px;
    float: left;
    list-style: none;
}

#logo-contact div#contact-info li span {
    width: 25px;
    height: 25px;
    margin: 0 5px 0 0;
    float: left;
}

#logo-contact div#contact-info li span.phone {
    background: url(../images/sprite.png) -350px -280px no-repeat;
}

#logo-contact div#contact-info li span.mail {
    background: url(../images/sprite.png) -380px -280px no-repeat;
}

#logo-contact div#contact-info li a:hover {
    color: #3bb0ff;
    text-decoration: underline;
}

#logo-contact div#contact-info li a {
    color: #3bb0ff;
}

#main-head #top-head p {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #fff;
    float: left;
}

#main-slide-cat #slide-cat #txt-banner #title-cat h1,
#main-slide-cat #slide-cat #txt-banner .title-tour h1 {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 30px;
    font-family: 'cinzelregular';
    background: #3bb0ff;
    margin: -12px 0 0 0;
    color: #f4d5a6;
}

#content-adv {
    width: 700px;
    border-bottom: 1px solid #eaead2;
    margin: 50px 200px;
    padding: 0;
    float: left;
    position: relative;
}

#content-adv span.i-box {
    width: 180px;
    height: 180px;
    background: url(../images/sprite.png) -280px -600px no-repeat;
    float: left;
    position: absolute;
    left: 260px;
    top: 50px;
}

#box-contact {
    width: 325px;
    margin: 0 50px 50px 0;
    float: left;
}

#content-adv #box-contact a span {
    width: 57px;
    height: 57px;
    margin: 0 134px 20px 134px;
    float: left;
    transition: all 0.3s ease-out 0.1s;
}

#content-adv #box-contact a span.icon-add {
    background: url(../images/sprite.png) -210px -830px no-repeat;
}

#content-adv #box-contact a:hover span.icon-add {
    background: url(../images/sprite.png) -210px -900px no-repeat;
}

#content-adv #box-contact a span.icon-phone {
    background: url(../images/sprite.png) -280px -830px no-repeat;
}

#content-adv #box-contact a:hover span.icon-phone {
    background: url(../images/sprite.png) -280px -900px no-repeat;
}

#content-adv #box-contact a span.icon-email {
    background: url(../images/sprite.png) -350px -830px no-repeat;
}

#content-adv #box-contact a:hover span.icon-email {
    background: url(../images/sprite.png) -350px -900px no-repeat;
}

#content-adv #box-contact a span.icon-web {
    background: url(../images/sprite.png) -420px -830px no-repeat;
}

#content-adv #box-contact a:hover span.icon-web {
    background: url(../images/sprite.png) -420px -900px no-repeat;
}

#content-adv #box-contact p {
    width: 325px;
    text-align: center;
    margin-bottom: 0;
    float: left;
}

#content-adv #box-contact p font {

}

#content-step #destination-vn {
    width: 250px;
    float: left;
    height: 158px;
    overflow: auto;
    padding-top: 10px;
    border-top: 1px solid #cdcdcd;
}

#content-step #destination-vn label {
    width: 98%;
    float: left;
    cursor: pointer;
    margin: 3px 3px 3px 0;
    line-height: 14px;
    height: 20px;
}

#content-step #destination-vn label input {
    float: left;
    margin-right: 10px;
}

#content-step #destination-vn label:hover {
    color: #3bb0ff;
    background: #f7f7e7;
}

#content-step #destination-cam {
    width: 250px;
    float: left;
    height: 158px;
    overflow: auto;
    padding-top: 10px;
    border-top: 1px solid #cdcdcd;
}

#content-step #destination-cam label {
    width: 98%;
    float: left;
    cursor: pointer;
    margin: 3px 3px 3px 0;
    line-height: 14px;
    height: 20px;
}

#content-step #destination-cam label:hover {
    color: #3bb0ff;
    background: #f7f7e7;
}

#content-step #destination-cam label input {
    float: left;
    margin-right: 10px;
}

#content-step #destination-laos {
    width: 250px;
    float: left;
    height: 158px;
    overflow: auto;
    padding-top: 10px;
    border-top: 1px solid #cdcdcd;
}

#content-step #destination-laos label {
    width: 98%;
    float: left;
    cursor: pointer;
    margin: 3px 3px 3px 0;
    line-height: 14px;
    height: 20px;
}

#content-step #destination-laos label:hover {
    color: #3bb0ff;
    background: #f7f7e7;
}

#content-step #destination-laos label input {
    float: left;
    margin-right: 10px;
}

#destination-indochina {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

#destination-indochina .bao {
    float: left;
    width: 250px;
    height: 100%;
    display: none;
    margin: 0px 40px 0 0;
}

#map #map-image {
    /* float: left; */
    width: 100%;
    height: 430px;
}

#map #map-view {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 35px;
    z-index: 10;
}

#map #map-view a {
    color: #555;
    text-decoration: underline;
    float: right;
}

#map #map-view a:hover {
    color: #3bb0ff;
}

#map #map-view a span.nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -477px 0 no-repeat;
    margin: 0 0 0 5px;
    float: right;
}

#map #map-view a:hover span.nav {
    background: url(../images/sprite.png) -477px -21px no-repeat;
}

#map-des #map-image {
    float: left;
    width: 100%;
    height: 430px;
}

#map-des #map-view {
    width: 100%;
    position: absolute;
    bottom: 75px;
    right: 60px;
    z-index: 10;
}

#map-des #map-view a {
    color: #555;
    text-decoration: underline;
    float: right;
}

#map-des #map-view a:hover {
    color: #3bb0ff;
}

#map-des #map-view a span.nav {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -477px 0 no-repeat;
    margin: 0 0 0 5px;
    float: right;
}

#map-des #map-view a:hover span.nav {
    background: url(../images/sprite.png) -477px -21px no-repeat;
}

#main-why {
    background: #F9F9D8;
}

#main-why .box-why {
    width: 20%;
    margin: 50px 0;
    float: left;
}

#main-why .box-why a {
    text-align: center;
    color: #555;
    display: block;

}

#main-why .box-why a span {
    width: 48px;
    height: 48px;
    margin: 0 86px;
    float: left;
    transition: all 0.35s;
}

#main-why .box-why a span.icon1 {
    background: url(../images/sprite.png) 0 -1218px no-repeat;
}

#main-why .box-why a:hover span.icon1 {
    background: url(../images/sprite.png) 0 -1269px no-repeat;
}

#main-why .box-why a span.icon2 {
    background: url(../images/sprite.png) -60px -1218px no-repeat;
}

#main-why .box-why a:hover span.icon2 {
    background: url(../images/sprite.png) -60px -1269px no-repeat;
}

#main-why .box-why a span.icon3 {
    background: url(../images/sprite.png) -120px -1218px no-repeat;
}

#main-why .box-why a:hover span.icon3 {
    background: url(../images/sprite.png) -120px -1269px no-repeat;
}

#main-why .box-why a span.icon4 {
    background: url(../images/sprite.png) -180px -1218px no-repeat;
}

#main-why .box-why a:hover span.icon4 {
    background: url(../images/sprite.png) -180px -1269px no-repeat;
}

#main-why .box-why a span.icon5 {
    background: url(../images/sprite.png) -240px -1219px no-repeat;
}

#main-why .box-why a:hover span.icon5 {
    background: url(../images/sprite.png) -240px -1270px no-repeat;
}

#main-why .box-why a #txt-why {
    margin: 10px 12px;
    text-align: center;
}

#main-why .box-why a #txt-why h3 {
    font-weight: normal;
    font-size: 14px;
}

#main-why .box-why a #txt-why h3 strong {
    font-size: 16px;

}

#main-why .box-why a #txt-why font {
    width: 195px;
    font-size: 12px;
    text-align: center;
}

#main-why .box-why a #txt-why font b.nav {
    font-size: 16px;
    padding: 0 5px;
    color: #3bb0ff;
}

#inquiry .signin #line-title {
    width: 100%;
}

#inquiry .signin #line-title #line {
    margin: 0px 128px;
}

#inquiry .signin #line-title p {
    width: 444px;
    margin: 30px 0px 0 0px;
}

#form-help .grid-1 #form #line-title {
    margin-left: -50px !important;
}

/*SLIDEHOME*/

#slideshow {
    position: relative;
    z-index: 1;
    height: 500px;
    margin: 0 auto;
    overflow: hidden;
}

#slideshow div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
    height: 500px;
}

#slideshow div.active {
    width: 100%;
    height: 500px;
    z-index: 10;
    opacity: 1.0;
}

#slideshow div.last-active {
    width: 100%;
    height: 500px;
    z-index: 9;
}

#slideshow div img {
    width: 100%;
    height: auto;
    display: block;
    border: 0;
}

/*SLIDECAT*/

#slidecat {
    position: relative;
    z-index: 1;
    height: 380px;
    margin: 0 auto;
}

#slidecat div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
    height: 380px;
}

#slidecat div.active {
    width: 100%;
    height: 380px;
    z-index: 10;
    opacity: 1.0;
}

#slidecat div.last-active {
    width: 100%;
    height: 380px;
    z-index: 9;
}

#slidecat div img {
    width: 100%;
    height: 380px;
    display: block;
    border: 0;
}

#main-head #top-head .grid-1 #lang {
    float: right;
    margin-top: 8px;
    margin-left: 5px;
}

#main-head #top-head .grid-1 #lang img {
    width: 30px;
}
