/*!
 * Start Bootstrap - Modern Business HTML Template (https://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see https://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #474747;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}


.main {
    position: relative;
    padding: 10px 20px 20px 20px;
    width: 880px;
    margin: 20px auto;
    overflow: hidden;
    background-color: #fff;
    -moz-box-shadow: -1px 3px 8px #474747;
    -webkit-box-shadow: -1px 3px 8px #474747;
    box-shadow: -1px 3px 8px #474747;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=275, Color='#C1C1C1')";

    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=275, Color='#C1C1C1');
}

.h1 {
    font-size: 30px;
    font-family: 'Oswald', Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'
}

.h2 {
    font-size: 24px;
    font-family: 'Oswald', Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'
}

h3 {
    font-size: 18px;
    font-family: 'Oswald', Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'
}

h4 {
    font-size: 15px;
    font-family: 'Oswald', Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'
}

.h5,
h5 {
    font-size: 12px;
    font-family: 'Oswald', Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'
}

p {
    color: #474747;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 20px;
}


li {
    line-height: 1.8;
    margin: 0;
    font-size: 14px;
}

.breadcrumb {
    padding: 8px 15px;
    margin: 10px 0 20px 0;
    list-style: none;
    background-color: #fff;
    border-radius: 0;
}

.breadcrumb>li {
    font-size: 13px;
}

a,
.breadcrumb a {
    color: #f45900;
}

a:focus,
a:hover {
    color: #805132;
    text-decoration: underline;
}

b,
strong {
    font-weight: 600;
}

/* Main Nav */
/*.container.top-container.container-full.newContainer { position:fixed; top:0; float:left; width:100%; z-index:99999;}*/
.navbar-default .navbar-nav>li>a {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.testimonial {
    font-style: italic;
}

.card-img-top {
    height: 200px;
    object-fit: cover;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ebe3da !important;
    background-color: rgb(46, 43, 43);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 240px;
    padding: 0;
    margin: 2px 0 0;
    font-size: 14px;
    background-color: #2e2b2b;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu .dropdown-menu {
    top: 0;
}

.dropdown-menu>li>a {
    font-family: 'Raleway', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 3;
    display: block;
    padding: 4px 15px 3px;
    clear: both;
    color: #fff !important;
    white-space: nowrap;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li.open>a {
    background: #ebe3da;
    color: #888 !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: rgb(46, 43, 43);
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-brand {
    height: 0;
    padding: 0px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>a:after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: 0;
    margin-top: 10px;
    width: 0;
    position: absolute;
    top: 7px;
    right: 10px;

}

.dropdown-submenu:hover>a:after {
    border-left-color: #888;
}

#home {
    display: block;
    background-image: url(../images/layout/main_nav_sprite2.png);
    padding-top: 46px;
    text-decoration: none;
    /* needed for IE8, otherwise it still shows the underlines */
    width: 34px;
    background-position: -50px 0;
}

.headingnew8 {
    margin-top: 20px;
}

#home:hover {
    background-position: -50px -46px;
}

/* destinations link */
#tours {
    display: block;
    background-image: url(../images/layout/main_nav_sprite2.png);
    padding-top: 46px;
    text-decoration: none;
    /* needed for IE8, otherwise it still shows the underlines */
    width: 130px;
    background-position: -86px 0;
}

#tours:hover {
    background-position: -86px -46px;
}

li a#tours:hover ul.tours_map_subnav {
    display: block;
}

#private_journeys {
    display: block;
    background-image: url(../images/layout/main_nav_sprite2.png);
    padding-top: 46px;
    text-decoration: none;
    /* needed for IE8, otherwise it still shows the underlines */
    width: 161px;
    background-position: -218px 0;
}

#private_journeys:hover {
    background-position: -218px -46px;
}

#family_travel {
    display: block;
    background-image: url(../images/layout/main_nav_sprite2.png);
    padding-top: 46px;
    text-decoration: none;
    /* needed for IE8, otherwise it still shows the underlines */
    width: 133px;
    background-position: -379px 0;
}

#family_travel:hover {
    background-position: -379px -46px;
}

#request_itinerary {
    display: block;
    background-image: url(../images/layout/main_nav_sprite2.png);
    padding-top: 46px;
    text-decoration: none;
    /* needed for IE8, otherwise it still shows the underlines */
    width: 170px;
    background-position: -512px 0;
}

#request_itinerary:hover {
    background-position: -512px -46px;
}

#reservations {
    display: block;
    background-image: url(../images/layout/main_nav_sprite2.png);
    padding-top: 46px;
    text-decoration: none;
    /* needed for IE8, otherwise it still shows the underlines */
    width: 240px;
    background-position: -713px 0;
    margin-left: 3px;
}

/*Main Navigation Bar - using image sprite */

/*Elephant Camp Page 2018 */
.page-section {
    padding: 0;
    margin: 0;
}

.main-heading {
    background: #a7a9ac !important;
    color: white !important;
    padding: 15px 0 15px 15px !important;
}

.sub-heading {
    color: #a7a9ac !important;
    font-size: 20px !important;
}


/*Homepage Slideshow*/

.tour_slider_container {
    height: 295px;
}

/* by Broccoli */

.tour_slider {
    width: 880px;
    height: 295px;
    position: relative;
}

.bhutan {
    background: url(../images/layout/headers/bhutan_hdr_01.jpg) no-repeat;
    display: none;
}

.borneo {
    background: url(../images/layout/headers/borneo_hdr_01.jpg) no-repeat;
    display: none;
}

.cambodia {
    background: url(../images/layout/headers/cambodia_hdr_01.jpg) no-repeat;
    display: none;
}

.china {
    background: url(../images/layout/headers/china_hdr_01.jpg) no-repeat;
    display: none;
}

.hongkong {
    background: url(../images/layout/headers/hongkong_hdr_01.jpg) no-repeat;
    display: none;
}

.ironchef {
    background: url(../images/layout/headers/ironchef_hdr_01.jpg) no-repeat;
    display: none;
}

.japan {
    background: url(../images/layout/headers/japan_hdr_01.jpg) no-repeat;
    display: none;
}

.laos {
    background: url(../images/layout/headers/laos_hdr_01.jpg) no-repeat;
    display: none;
}

.myanmar {
    background: url(../images/layout/headers/myanmar_hdr_01.jpg) no-repeat;
    display: none;
}

.thailand {
    background: url(../images/layout/headers/thailand_hdr_01.jpg) no-repeat;
    display: none;
}

.vietnam {
    background: url(../images/layout/headers/vietnam_hdr_01.jpg) no-repeat;
}


.logo {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 164px;
    height: 136px;
    background: url(../images/itc_logo.png) no-repeat;
}

.logos {
    margin: 0 5% 40px 0;
    max-width: 200px;
    display: inline-block;
}

.slide_text {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 292px;
    background: url(../images/grey_trans_bkgd_tile.html);
    padding: 10px;
}

.slide_text h2 {
    color: #fff;
    font-family: 'Crimson Text', serif;
    font-size: 28px;
    font-weight: normal;
    font-style: italic;
    padding: 0;
}

.slide_text p {
    font-size: 14px;
    line-height: 20px;
    color: #DCD9B8;
    font-family: 'Crimson Text', serif;
}

.slide_text a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
}

.slide_text a:hover {
    color: #fff !important;
}

.slideshow_buttons {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.slideshow_buttons ul {
    list-style: none outside none;
    height: 14px;
    width: 168px;
    overflow: hidden;
}

.slideshow_buttons li {
    display: inline;
    float: left;
    margin-right: 10px;
}

.slideshow_buttons a {
    background: transparent url(../images/layout/circle_shadow.png) no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    padding-top: 14px;
}

.slideshow_buttons a:hover {
    background: transparent url(../images/layout/circle_shadow.png) no-repeat;
    background-position: 0px -14px;
}

a.selected,
a:hover.selected {
    background: transparent url(../images/layout/circle_outline.png) no-repeat;
}

/*blockquote {
    background: rgba(235, 227, 218, 0.48);
	border-left: 5px solid #b97649;
	font-size: 16px;
	font-style: italic;
	line-height: 1.5;
	overflow: auto;
	padding: 20px;
}*/

blockquote::before {
    font-family: FontAwesome;
    content: '\f10d';
    position: absolute;
    font-size: 38px;
    top: 12px;
    left: 18px;
    color: #ded8cf;
    z-index: -1;
}

blockquote {
    position: relative;
    background: rgba(235, 227, 218, 0.48);
    border-left: 5px solid #b97649;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5;
    overflow: hidden;
    padding: 32px 30px 25px 40px;
}

blockquote span {
    font-size: 14px;
    display: block;
    margin-top: 6px;
    font-weight: 600;
}

/* Page headers for Tour Pages*/
/* clarify if img should be embedded or used as a background image */

.family_pg_hdr {
    background: url(../images/layout/headers/family_hdr.jpg) no-repeat;
}

.myanmar_pg_hdr {
    background: url(../images/layout/headers/tuschman_hdr_2012old.jpg) no-repeat;
}

.tuschman_pg_hdr {
    background: url(../images/layout/headers/tuschman_hdr_2012.jpg) no-repeat;
}

.tet_pg_hdr {
    background: url(../images/layout/headers/tet_hdr_2012.jpg) no-repeat;
}

.custom_pg_hdr {
    background: url(../images/layout/headers/custom_hdr.jpg) no-repeat;
}

.tour_request_pg_hdr {
    background: url(../images/layout/headers/xian_hdr_01.jpg) no-repeat;
}


/* End - Page headers for Tour Pages*/

/*Homepage Featured Boxes*/

.featured_boxes {
    position: relative;
    padding: 30px 0 15px;
    width: 100%;
    overflow: hidden;
}

.featured_01 {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 285px;
    height: 215px;
    background: url(../images/layout/featured-box-myanmar-photo.jpg);
    padding: 0;
}

.featured_02 {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 285px;
    height: 215px;
    background: url(../images/layout/featured_bkgd_burma.jpg);
    padding: 0;
}

.featured_03 {
    position: relative;
    float: left;
    margin-right: 0;
    width: 285px;
    height: 215px;
    background: url(../images/layout/mekong-cycling-pshop2.jpg);
    padding: 0;
}

.featured_text {
    position: absolute;
    right: 0px;
    bottom: -83px;
    /*width: 285px;*/
    width: 100%;
    height: 175px;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.featured_01,
.featured_02,
.featured_03 {
    overflow: hidden;
}

.featured_01:hover .featured_text,
.featured_02:hover .featured_text,
.featured_03:hover .featured_text {
    bottom: 0;
}

.featured_01 .featured_text {
    background: rgba(51, 102, 153, .7);
}

.featured_02 .featured_text {
    background: rgba(51, 153, 51, .7);
}

.featured_03 .featured_text {
    background: rgba(204, 0, 51, .7);
}

.featured_text h2 {
    color: #fff;
    font-family: 'Crimson Text', serif;
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
    padding: 5px 10px 0 10px;
}

.featured_text p {
    font-size: 12px;
    line-height: 20px;
    color: #DCD9B8;
    font-family: 'Crimson Text', serif;
    padding: 0 10px;
}

.featured_text a,
.featured_text span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
}

.featured_text a:hover {
    color: #fff !important;
}

/*Homepage Map*/

.tours_map {
    width: 880px;
    height: 590px;
    position: relative;
    padding: 0;
    margin-top: 20px;
    background: transparent url(../images/layout/map/tours_map_2011.png) no-repeat;
}

.tours_map-new {
    /* with Japan, Borneo, etc */
    /*width: 880px;
	height: 590px;*/
    position: relative;
    padding: 0;
    margin-top: 20px;
    /*background: transparent url(https://www.indochinatravel.com/images/home-page/map/tours_map_2014_NEW-b.png) no-repeat;*/
}

.tours-in {
    /*width:615px;*/
    position: relative;
    height: 478px;
    background: url(../images/layout/map-latest/map_overlay.jpg) no-repeat;
    /*background:url(../images/layout/map-latest/new_big_img.jpg) no-repeat;*/
    margin-left: 15%;

}

.map-tours-in {
    position: relative;
    height: 719px;
    background: url(../images/layout/map-latest/map-img/map_overlay.html) no-repeat;
}


div.tours_map {
    position: relative;
}

/* by Broccoli */

img.MapRegion {
    position: absolute;
    display: none;
}

/* by Broccoli */

.tours_map p {
    width: 600px;
    margin: 10px 0 0 10px;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Crimson Text', serif;
}

.map_copyright {
    position: absolute;
    width: 180px;
    position: relative;
    top: 380px;
    left: 5px;
    text-align: center;
    font-size: 12px;
}

.tours_map_nav {
    width: 330px;
    overflow: hidden;
    margin-top: -90px;
    float: right;
    margin-right: 3px;
    position: relative;
    border: 1px solid #DADADA;
    padding: 10px;
    background-color: #FFF;
    -moz-box-shadow: -1px 3px 8px #C1C1C1;
    -webkit-box-shadow: -1px 3px 8px #C1C1C1;
    box-shadow: -1px 3px 4px #C1C1C1;
    /* For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=275, Color='#C1C1C1')"; */
    z-index: 8;
    /* For IE 5.5 - 7
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=275, Color='#C1C1C1');  */
}

.tours_map_nav ul {
    width: 100%;
    overflow: hidden;
    margin: 5px 0 20px 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #DADADA;
}

.tours_map_nav li {
    border-bottom: 1px solid #DADADA;
    list-style: none;
}


.tours_map_nav .map_list ul li a {
    background-image: none;
    padding: 0;
    line-height: 30px;
    color: #8a8679;
    font-size: 12px;
    padding-left: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

.tours_map_nav .map_list ul li a:hover {
    color: #8a8679 !important;
    background: #ebe3da;
}

.tours_map_nav li a {
    display: block;
    background-image: url(../images/layout/vert_nav_sprite.png);
    height: 30px;
    padding-left: 300px;
    position: relative;
    text-decoration: none;
    /* needed for IE8, otherwise it still shows the underlines */
}

#main_nav_list ul.tours_map_subnav {
    display: none;
    width: 280px;
    overflow: hidden;
    padding: 0px 10px 10px 10px;
    list-style: none;
    background-color: #FFF;
    position: absolute;
    top: 46px;
    z-index: 1500;
    background-color: #FFF;
    border-right: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    border-left: 1px solid #DADADA;

    -moz-box-shadow: -1px 6px 5px #999;
    -webkit-box-shadow: -1px 6px 5px #999;
    box-shadow: -1px 6px 5px #999;
    /* For IE 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=275, Color='#C1C1C1')"; */
    /* For IE 5.5 - 7
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=275, Color='#C1C1C1');  */
}

.tours_map_subnav li {
    border-bottom: 1px solid #DADADA;
    list-style: none;
    overflow: hidden;
    width: 280px;
}


.tours_map_subnav li a {
    display: block;
    background-image: url(../images/layout/vert_nav_sprite.png);
    height: 30px;
    padding-left: 300px;
    text-decoration: none;
    /* needed for IE8, otherwise it still shows the underlines */
}

.vietnam_trip {
    background-position: 0px 0px;
}

.vietnam_trip:hover {
    background-position: 325px 0px;
}

.myanmar_trip {
    background-position: 0px -30px;
}

.myanmar_trip:hover {
    background-position: 325px -30px;
}

.laos_trip {
    background-position: 0px -60px;
}

.laos_trip:hover {
    background-position: 325px -60px;
}

.bhutan_trip {
    background-position: 0px -90px;
}

.bhutan_trip:hover {
    background-position: 325px -90px;
}

.cambodia_trip {
    background-position: 0px -120px;
}

.cambodia_trip:hover {
    background-position: 325px -120px;
}

.thailand_trip {
    background-position: 0px -150px;
}

.thailand_trip:hover {
    background-position: 325px -150px;
}

.hongkong_trip {
    background-position: 0px -180px;
}

.hongkong_trip:hover {
    background-position: 325px -180px;
}

.china_trip {
    background-position: 0px -180px;
}

.china_trip:hover {
    background-position: 325px -180px;
}

.digital_trip {
    background-position: 0px -210px;
}

.digital_trip:hover {
    background-position: 325px -210px;
}

.art_trip {
    background-position: 0px -240px;
}

.art_trip:hover {
    background-position: 325px -240px;
}

.iron_trip {
    background-position: 0px -270px;
}

.iron_trip:hover {
    background-position: 325px -270px;
}

.outdoor_trip {
    background-position: 0px -300px;
}

.outdoor_trip:hover {
    background-position: 325px -300px;
}

.special {
    background-position: 0px -359px;
    margin-top: 10px;
}

.cycling_adventures {
    background-position: 0px -389px;
}

.cycling_adventures:hover {
    background-position: 325px -389px;
}

.family_travel {
    background-position: 0px -419px;
}

.family_travel:hover {
    background-position: 325px -419px;
}

.world_heritage {
    background-position: 0px -449px;
}

.world_heritage:hover {
    background-position: 325px -449px;
}

.wildlife {
    background-position: 0px -479px;
}

.wildlife:hover {
    background-position: 325px -479px;
}

.outdoor_adventure {
    background-position: 0px -509px;
}

.outdoor_adventure:hover {
    background-position: 325px -509px;
}

.volunteer {
    background-position: 0px -539px;
}

.volunteer:hover {
    background-position: 325px -539px;
}

.young_adult {
    background-position: 0px -569px;
}

.young_adult:hover {
    background-position: 325px -569px;
}

.map_list {
    padding: 0;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    overflow: hidden;
}

#hover_map {
    position: absolute;
    top: 0;
    left: 0px;
    width: 650px;
    z-index: 100;
}

#china_map {
    position: absolute;
    left: 222px;
    top: 26px;
    display: none;
}

#thailand_map {
    position: absolute;
    left: 243px;
    top: 202px;
    display: none;
}

#japan_map {
    position: absolute;
    left: 476px;
    top: 48px;
    display: none;
}

#vietnam_map {
    position: absolute;
    left: 302px;
    top: 146px;
    display: none;
}

#myanmar_map {
    position: absolute;
    left: 164px;
    top: 90px;
    display: none;
}

#borneo_map {
    position: absolute;
    left: 351px;
    top: 377px;
    display: none;
}

#cambodia_map {
    position: absolute;
    left: 329px;
    top: 276px;
    display: none;
}

#bhutan_map {
    position: absolute;
    left: 105px;
    top: 120px;
    display: none;
}

#srilanka_map {
    position: absolute;
    left: 60px;
    top: 335px;
    display: none;
}

#india_map {
    position: absolute;
    left: 0;
    top: 100px;
    display: none;
}

#map-india_map {
    position: absolute;
    left: 0;
    top: 156px;
    display: none;
}

#map-srilanka_map {
    position: absolute;
    left: 101px;
    bottom: 125px;
    display: none;
}

#map-borneo_map {
    position: absolute;
    left: 537px;
    bottom: 0;
    display: none;
}

#map-hongkong_map {
    position: absolute;
    left: 641px;
    top: 233px;
    display: none;
}

#map-japan_map {
    position: absolute;
    left: 754px;
    top: 90px;
    display: none;
}

#map-myanmar_map {
    position: absolute;
    left: 261px;
    top: 172px;
    display: none;
}

#map-china_map {
    position: absolute;
    left: 319px;
    top: 0px;
    display: none;
}

#map-thailand_map {
    position: absolute;
    left: 374px;
    top: 335px;
    display: none;
}

#map-laos_map {
    position: absolute;
    left: 429px;
    top: 289px;
    display: none;
}

#map-cambodia_map {
    position: absolute;
    left: 499px;
    top: 444px;
    display: none;
}

#map-bhutan_map {
    position: absolute;
    left: 214px;
    top: 209px;
    display: none;
}

#map-tibet_map {
    position: absolute;
    left: 206px;
    top: 103px;
    display: none;
}

#map-vietnam_map {
    position: absolute;
    left: 465px;
    top: 260px;
    display: none;
}

/*#india_map:hover a. { left:-85px;}
#india_map:hover a { display:block !important; left:0;}

#india_map a { display:none !important;}
#india_map:hover a { display:block !important;}

#india_map a:hover { background:url(images/layout/map-latest/india_trip.jpg) no-repeat; display:block !important;}
#india_map a {}
#india_map img {
    height: 307px;
    width: 323px;
}*/

/*.nav li:nth-child(2) ul.newWidth {position:relative;}*/

#india_map img:hover {
    display: block;
}

.conPop h2 span {
    font-size: 14px;
}

/*.nav li:nth-child(2) {position: inherit;}*/

#tibet_map {
    position: absolute;
    left: 126px;
    top: 43px;
    display: none;
}

#laos_map {
    position: absolute;
    left: 282px;
    top: 171px;
    display: none;
}

#hongkong_map {
    position: absolute;
    left: 422px;
    top: 131px;
    display: none;
}

#bali_map {
    position: absolute;
    right: 165px;
    top: 8px;
    display: none;
}

/*Footer*/

.footer_nav {
    clear: both;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
}

.footer_nav li {
    display: inline;
    padding-right: 10px;
}

.footer_nav li:first-child {
    padding-right: 0;
}

.footer_nav a {
    color: #827E70;
    text-decoration: underline;
}

.footer_nav img {
    margin-top: -3px;
    margin-left: 10px;
    vertical-align: middle;
}

.footer_links {
    float: left;
}

.social_icons {
    float: left;
    background: url(../images/icons/social_icons.html) 0 0 no-repeat;
    margin: 10px 0 0 10px;
}

.social_icons li {
    padding-right: 7px;
    float: left;
}

.social_icons a {
    width: 24px;
    height: 24px;
    float: left;
    text-indent: -9999em;
}

.footer_icons {
    width: 840px;
    height: 90px;
    margin-left: 20px;
    background: transparent url(../images/layout/footer_icons.png) 0 0 no-repeat;
    position: relative;
    clear: both;
    font-size: 12px;
}

.footer_icons p {
    padding-left: 70px;
    padding-top: 37px;
}

#footerimg {
    position: absolute;
    top: 0px;
    left: 0px;
}

.copyright_text {
    margin: 10px 0 20px 0;
    font-size: 12px;
}

.copyright_text p {
    text-align: center;
}

/* footer homepage */

.footer_homepage .footer_links li:first-child {
    margin-right: 147px;
}

/* social icons homepage */
.social_icons_homepage.social_icons {
    margin-top: 7px;
}


/*Content*/

.content_wrapper {
    float: left;
    width: 880px;
    position: relative;
    padding: 0;
    margin-top: 5px;
}

/*
.left {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 40px;
	min-height: 500px;
}

.carousel .left {
	float: left;
	padding: 0;
	margin: 0;
	min-height: 1px;
	position: absolute;
    top: 50%;
	width: 30px;
}

.right {
	float: right;
	padding: 0;
	margin: 0 0 20px 30px;
	width: 280px;
}

.carousel .right {
	float: right;
	padding: 0;
	margin: 0;
	position: absolute;
    top: 50%;
	width: 30px;
}*/

.slider {
    width: 100%;
    margin: 30px auto;
}

.slick-slide {
    margin: 0px 0px;
}

.slick-slide img {
    max-width: 100%;
    /* Ensures image doesn't overflow its parent slide */
    height: auto;
    /* Maintains aspect ratio */
    display: block;
    /* Helps eliminate extra space below image */
}

.carousel .boxText {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    line-height: 1.2 !important;
}

#home-page .carousel .boxText {
    position: relative;
    bottom: auto;
    padding: 10px 20px;
    background-color: transparent;
}

.carousel .boxText p {
    text-transform: uppercase;
    margin: 0 0 10px !important;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    color: #fff;
}

#home-page a:focus {
    outline: 0;
}

#home-page .carousel .boxText p {
    text-transform: none;
    font-size: 15px;
    color: #333;
}

#home-page .slick-prev:before {
    content: "\f104";
    color: #b2b4b3;
    font-size: 30px;
    text-shadow: none;
}

#home-page .slick-next:before {
    content: "\f105";
    color: #b2b4b3;
    font-size: 30px;
    text-shadow: none;
}

#home-page .slick-dotted.slick-slider {
    margin-bottom: 0px;
}

#home-page .slick-prev {
    left: -20px;
}

#home-page .slick-next {
    right: -20px;
}

#home-page .slick-prev,
.slick-next {
    top: 36%;
    -webkit-transform: translate(0, -36%);
    -ms-transform: translate(0, -36%);
    transform: translate(0, -36%);
}

.carousel .boxText:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.6);
}

.carousel .boxText span {
    font-size: 13px;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none;
}

.carousel-control .fa {
    top: 46%;
    position: absolute;
}

.carousel-inner a:hover,
.carousel-inner a:active,
.carousel-inner a:focus {
    text-decoration: none;
    color: #fff !important;
}

.carousel-indicators li {
    display: none;
}

.form_wrapper .right {
    float: right;
    padding: 0;
    width: 265px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0px !important;
}

.right a {
    color: #9F1700 !important;
    text-decoration: none !important;
}

.right a:hover {
    text-decoration: underline !important;
    color: #9F1700 !important;
}


.tours_vert_nav {
    width: 250px;
    border: 1px solid #DADADA;
    overflow: hidden;
    float: right;
    position: relative;
    font-size: 12px;
    background-color: #FFF;
    -moz-box-shadow: -1px 3px 8px #C1C1C1;
    -webkit-box-shadow: -1px 3px 8px #C1C1C1;
    box-shadow: -1px 3px 4px #C1C1C1;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 10px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    /* For IE 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#C1C1C1')";*/
    /* For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#C1C1C1'); */
}

.form_wrapper .tours_vert_nav {
    width: 230px;
    border: 1px solid #DADADA;
    min-height: 400px;
    overflow: hidden;
    float: right;
    position: relative;
    background-color: #FFF;
    -moz-box-shadow: -1px 3px 8px #C1C1C1;
    -webkit-box-shadow: -1px 3px 8px #C1C1C1;
    box-shadow: -1px 3px 4px #C1C1C1;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 20px;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    /* For IE 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#C1C1C1')";*/
    /* For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#C1C1C1'); */
}

.tours_vert_nav h3 {
    border-bottom: 1px solid #EBE3DA;
}

.tours_vert_nav ul {
    margin: 10px 0;
}

.tours_vert_nav li {
    padding: 5px 0;
}


p.vert_copyright {
    padding: 20px 0;
    text-align: center;
}

#contentnav ul {
    border-bottom: 1px solid #EBE3DA;
    height: 30px;
    margin: 17px 0 25px 0;
    width: 100%;
}

#contentnav li {
    background-color: #F8F5F2;
    border: 1px solid #DADADA;
    display: block;
    float: left;
    height: 29px;
    margin: 0 0 0 10px;
    width: auto;
}

#contentnav li:hover {
    background-color: #ebe3da;
}

#contentnav li.selected {
    background: none repeat scroll 0 0 #fff;
    border-bottom-color: #fff;
}

#contentnav a {
    color: #514F45;
    display: block;
    font-size: 10px;
    letter-spacing: 4px;
    font-weight: 600;
    padding: 12px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.left p {
    margin-bottom: 15px;
    line-height: 20px;
    font-family: 'Crimson Text', serif;
}

p.cathay {
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div.at_a_glance h3 {
    background: transparent url(../images/layout/at_a_glance_hdr.png) center top no-repeat;
    width: 230px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999em;
}

div.recommended h3 {
    background: transparent url(../images/layout/recommended_hdr.png) center top no-repeat;
    width: 230px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999em;
}

div.press h3 {
    background: transparent url(../images/layout/press_hdr.png) center top no-repeat;
    width: 230px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999em;
}

div.get_started {
    background-color: #F8F5F2;
    border-top: 1px solid #EBE3DA;
    border-bottom: 1px solid #EBE3DA;
    padding: 5px;
    margin-top: 20px;

}

div.get_started h3 {
    background: transparent url(../images/layout/get_started_hdr.png) center top no-repeat;
    border-bottom: 0;
    width: 230px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999em;
}

div.get_started p {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}


div.tuschman_brief {
    padding: 5px;
    margin-top: 15px;
    width: 274px;
    height: 30px;
    padding-left: 280px;
    overflow: hidden;
}

div.itinerary_brief {
    margin-top: 20px;
}


div.itinerary_brief h3 {
    background: transparent url(../images/layout/itinerary_brief_hdr.png) center top no-repeat;
    height: 30px;
    width: 230px;
    overflow: hidden;
    text-indent: -9999em;
}

div.extended_travel {
    margin-top: 20px;
}

div.extended_travel h3 {
    background: transparent url(../images/layout/extended_travel_hdr.png) center top no-repeat;
    height: 30px;
    width: 230px;
    overflow: hidden;
    text-indent: -9999em;
}

/*Tabbed Navigation on Tour Pages*/

.widget {
    width: 100%;
    margin: 23px 0;
}

ul.tabnav {
    border-bottom: 1px solid #ebe3da;
    padding-bottom: 9px;
}

.tabnav li {
    display: inline;
    list-style: none;
    padding-right: 5px;
    opacity: 0.7;
}

.tabnav li a {
    color: #514F45;
    font-family: “Trebuchet MS”, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 3px;
    font-weight: bold;
    padding: 10px 20px 9px 20px;
    outline: none;
    border: 1px solid #ebe3da;
}

.tabnav li a:hover,
.tabnav li a:active,
.tabnav li.ui-tabs-selected a {
    background: #ebe3da;
    /*	color: #514F45;*/
    color: #990000 !important;
    text-decoration: none;
}

.tabnav li:hover,
.tabnav li.ui-tabs-selected {
    opacity: 1;
}

.tabdiv {
    margin-top: 9px;
    background: #fff;
    padding: 15px 0 0 0;
}

.ui-tabs-hide {
    display: none;
}


/* Lightbox Styles */

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#jquery-lightbox a img {
    border: none;
}

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#lightbox-container-image {
    padding: 10px;
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lightbox-container-image-box>#lightbox-nav {
    left: 0;
}

#lightbox-nav a {
    outline: none;
}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}

#lightbox-nav-btnNext {
    right: 0;
    float: right;
}

#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #474747;
}

#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}

#lightbox-image-details-caption {
    font-weight: bold;
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

/* Gallery List Style */
#gallery ul {
    list-style: none;
    padding: 0px;
    margin-left: 0;
    overflow: hidden;
}

#gallery ul li {
    float: left;
    padding-right: 2px;
}

#gallery ul img {
    opacity: 1;
    width: 111px;
    height: auto;
}

#gallery ul a:hover img {
    opacity: 0.8;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #805132;
}

#gallery ul a:hover {
    color: #fff;
}

/* Callout Box Style */
.callout {
    background-color: #F8F5F2;
    border-top: 1px solid #EBE3DA;
    border-bottom: 1px solid #EBE3DA;
    padding: 10px;
    width: 550px;
    margin: 10px 0;
    float: left;
}

.callout h3 {
    color: #514F45;
    margin: 0 0 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    padding: 0;
}

div.callout div.image {
    width: 180px;
    margin-right: 10px;
    float: left;
    font-size: 11px;
}

div.callout div.text {
    float: left;
    width: 100%;
}

div.callout div.text p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
}

div.callout div.text a {
    color: #9F1700;
}

/*Tout Request Form*/

#mapselect {
    height: 450px;
    position: relative;
}

#maproll {
    margin: 40px 0 0 180px;
    background-image: url(../images/maps/tours_map_2011.png);
    background-position: -1px -180px;
    max-width: 700px;
    height: 450px;
    display: block;
    overflow-x: hidden;
}

#maproll img {
    position: absolute;
    opacity: 0;
}

#mappoly {
    top: 0;
    left: 180px;
    position: absolute;
    /*width: 800px;*/
    height: 450px;
}

#mapmenue div {
    width: 168px;
    height: 30px;
    display: block;
    background-image: url(../images/maps/menus.png);
    cursor: pointer;
}

#mapmenue {
    position: absolute;
    margin: -400px 0 0px;
}

label {
    font-weight: 400;
    color: #333;
}

input,
select,
textarea {
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 9px 14px;
    width: 100%;
    color: #999;
}

input[type=checkbox],
input[type=radio] {
    width: inherit;
}

.p-label {
    color: #333;
}

.fright {
    float: right;
}

div.web_forms {
    background-color: #F8F5F2;
    border-top: 1px solid #EBE3DA;
    border-bottom: 1px solid #EBE3DA;
    padding: 5px;
    margin: 20px 0 5px 0;
    text-align: center;
}

div.web_forms p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div.web_forms h3 {
    border-bottom: 0;
    height: 30px;
    width: 230px;
    overflow: hidden;
    text-indent: -9999em;
    background: transparent url(../images/layout/call_us_hdr.png) center top no-repeat;
}

.web_forms h4 {
    color: #3a3931;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    color: #9F1700;
    margin-bottom: 10px;
}

.form_wrapper {
    width: 870px;
    margin-bottom: 40px;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 10px;
}

h4.form_title {
    color: #3a3931;
    margin: 30px 0 10px 0;
    font-family: 'Crimson Text', serif;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 0;
    font-style: normal;
    border-bottom: 1px solid #DADADA;
    width: 600px;
}

h4.form_title2 {
    color: #3a3931;
    font-family: 'Crimson Text', serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    border-bottom: 1px solid #DADADA;
    width: 600px;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
}

div.form_wrapper input {
    padding: 5px;
    margin: 2px 0 10px 0;
}


div.info_wrapper {
    width: 203px;
    float: right;
    background-color: #eeebe9;
    padding: 20px;
    margin-right: 5px;
}

div.info_wrapper p {
    font-size: 14px;
}

div.info_wrapper h4 {
    color: #3a3931;
    margin: 0 0 10px 0;
    font-family: 'Crimson Text', serif;
    font-size: 18px;
    font-weight: normal;
    padding: 0;
    text-align: center;
    font-style: italic;
}

div.web_forms textarea {
    margin: 5px 0;
}

#request-form {
    float: left;
    width: 500px;
}

.contact_form {
    margin-top: 30px;
}

#tweetBox {
    font-family: Arial, Helvetica, sans-serif;
    float: right;
    width: 731px;
    color: #333;
    font-size: 13px;
    position: relative;
}

#tweetBox>a {
    width: 32px;
    height: 24px;
    position: absolute;
    top: 7px;
    left: 0;
    background: url(../images/layout/twitter-sprite.png) -2px -7px no-repeat;
    text-indent: -9999em;
}

#tweetBox a {
    color: #09F;
    text-decoration: none;
}

#tweetBox a:hover {
    text-decoration: underline;
}

#tweetBox .arrow {
    position: absolute;
    top: 7px;
    left: 34px;
    width: 9px;
    height: 21px;
    background: url(../images/layout/twitter-sprite.png) -13px -175px no-repeat;
}

#tweetBox .speechBubble {
    border: 1px solid #ccc;
    float: right;
    width: 682px;
    margin-right: 5px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    background: #efefef url(../images/layout/twitter-sprite.png) -5px -67px no-repeat;
}

#twitter {
    padding: 10px 10px 10px 25px;
    min-height: 16px;
}

/* .twitEntry>span {} */

.twitLabel,
.twitUser,
.twitHeader,
.twitNavi {
    display: none;
}

.social_media {
    margin-bottom: 15px;
}

.flight {
    float: left;
}

.fright {
    float: right;
}

.quote {
    padding: 12px 0;
    margin: 0 0 15px;
    width: 190px;
    color: #474747;
    font-size: 15px;
    border-bottom: #d4d4d4 1px solid;
    border-top: #191919 1px solid;
    font-style: italic;
}

.quote.fright {
    margin-left: 15px;
}

.quote.fleft {
    margin-right: 15px;
}

.img-caption {
    display: block;
    margin-top: 0em;
    text-align: right;
    color: #777;
    font-size: 11px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

/* Team Gallery */
#gallery-team {
    margin-bottom: 40px;
}

#gallery-team ul {
    margin: 0;
    list-style: none;
    overflow: hidden;
}

#gallery-team ul li {
    float: left;
    margin: 2px 13px 13px 2px;
}

#gallery-team ul li a {
    position: relative;
    display: block;
}

#gallery-team ul li a:hover {
    text-decoration: none;
}

#gallery-team a img {
    display: block;
    width: 175px;
    height: 175px;
    border: #fff 5px solid;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    box-shadow: #808080 1px 1px 3px;
}

#gallery-team .overlay {
    position: absolute;
    bottom: 5px;
    left: 5px;
    padding: 5px 10px;
    width: 155px;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    font-size: 12px;
}

#gallery-team .overlay .name {
    display: block;
    font-size: 17px;
    font-weight: bold;
}

#main {
    padding-top: 30px;
    overflow: hidden;
}

.page-header {
    padding: 0 0 15px 0;
    margin: 0 0 25px 0;
}

.page-header .venue-info {
    padding-left: 20px;
    float: left;
    width: 80%;
}

.event-date {
    float: left;
    margin: 0 20px 0 0;
    padding: 8px;
    text-align: center;
    background: #F1B51C;
}

.event-date-month,
.event-date-day-of-week,
.event-date-divider {
    margin: 0 0 5px 0;
    padding: 0 0 0px 0;
    font-family: "kulturista", Georgia, Times, "Times New Roman", serif;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

/* .event-date-day-of-week {
    border-bottom:1px solid #fff;
} */

.event-date-day-of-week.end-date,
.event-date-day-of-week.start-date {
    border: none;
}

.event-date-day-of-week.end-date {
    padding-bottom: 0;
}

.event-date-divider {
    background: url(img/single-line-white.html)repeat-x 0 10px;
    text-transform: none;
    padding: 0;
}

.event-date-divider span {
    background: #F1B51C;
    padding: 5px;
}

.event-date-day {
    margin: 0;
    padding: 0;
    font-family: "runda", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

.event-titles {
    float: left;
    width: 515px;
    padding: 0 0 15px 0;
}

.event-titles h1 {
    margin: 0 0 5px 0;
    padding: 0;
    font-family: "runda", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    color: #333333;
}

.event-titles h3 {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #333333;
}

.event-venue {
    float: right;
    width: 285px;
    margin: 0 0 0 10px;
    padding: 0 0 10px 15px;
    border-left: 1px solid #DDDDDD;
}

.event-venue img {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #DDDDDD;
}

.event-venue h5 {
    display: inline;
    padding: 0 25px 0 0;
    font-family: "runda", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.event-venue h5 a {
    text-decoration: none;
    color: #0084B9;
}

.event-venue .event-location img {
    float: none;
    border: none;
    margin: -3px 0 0 5px;
    vertical-align: middle;
}

.event-venue p {
    font-family: "runda", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 17px;
    color: #777777;
    font-size: 13px;
    margin-bottom: 10px;
}

p.event-start-time {
    font-family: "runda", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #333333;
}

.share-plus {
    margin: 0 0 10px 0;
    width: 250px;
}

div.share-plus h3 {
    margin-top: 7px;
    margin-bottom: 20px;
    border-bottom: #ccc 1px solid;
    text-align: center;
    font-size: 13px;
    font-style: italic;
    color: #808080;
    line-height: 0;
}

div.share-plus h3 span {
    background-color: #fff;
    padding: 0 8px;
}

.share-facebook a,
.share-twitter a,
.share-plus .share-gplus a,
.calendar-sync .ical-sync a,
.calendar-sync .gcal-sync a {
    float: left;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    font-family: helvetica, arial, sans-serrif;
    font-weight: bold;
    color: white;
    border-radius: 3px;
    text-decoration: none;
    margin: 0 3px 0 0;
    padding: 9px 18px 6px 17px;
    overflow: hidden;
}

.share-facebook a {
    text-indent: 15px;
    border: solid 1px #5a74ac;
    background: #5a74ac url(../images/icons/share-sprite.html) no-repeat 10px 5px;
    background: url(../images/icons/share-sprite.html) no-repeat 10px 5px, -moz-linear-gradient(top, #b7c6e4 1%, #6e8dca 3%, #5a74ac 100%);
    background: url(../images/icons/share-sprite.html) no-repeat 10px 5px, -webkit-gradient(linear, left top, left bottom, color-stop(1%, #b6c6e4), color-stop(3%, #5a75ad), color-stop(100%, #1e5799));
    /* Chrome,Safari4+ */
    background: url(../images/icons/share-sprite.html) no-repeat 10px 5px, -webkit-linear-gradient(top, #b6c6e4 1%, #5a75ad 3%, #1e5799 100%);
    /* Chrome10+,Safari5.1+ */
    background: url(../images/icons/share-sprite.html) no-repeat 10px 5px, -o-linear-gradient(top, #b6c6e4 1%, #5a75ad 3%, #1e5799 100%);
    /* Opera 11.10+ */
    background: url(../images/icons/share-sprite.html) no-repeat 10px 5px, -ms-linear-gradient(top, #b6c6e4 1%, #5a75ad 3%, #1e5799 100%);
    /* IE10+ */
    background: url(../images/icons/share-sprite.html) no-repeat 10px 5px, linear-gradient(to bottom, #b6c6e4 1%, #5a75ad 3%, #1e5799 100%);
    /* W3C */
}

.share-twitter a {
    border: solid 1px #2290bf;
    text-indent: 18px;
    background: #228fbe url(../images/icons/share-sprite.html) no-repeat 6px -28px;
    /* Old browsers */
    background: url(../images/icons/share-sprite.html) no-repeat 6px -28px, -moz-linear-gradient(top, #94d4f0 1%, #28a8de 3%, #228fbe 100%);
    /* FF3.6+ */
    background: url(../images/icons/share-sprite.html) no-repeat 6px -28px, -webkit-gradient(linear, left top, left bottom, color-stop(1%, #94d4f0), color-stop(3%, #28a8de), color-stop(100%, #228fbe));
    /* Chrome,Safari4+ */
    background: url(../images/icons/share-sprite.html) no-repeat 6px -28px, -webkit-linear-gradient(top, #94d4f0 1%, #28a8de 3%, #228fbe 100%);
    /* Chrome10+,Safari5.1+ */
    background: url(../images/icons/share-sprite.html) no-repeat 6px -28px, -o-linear-gradient(top, #94d4f0 1%, #28a8de 3%, #228fbe 100%);
    /* Opera 11.10+ */
    background: url(../images/icons/share-sprite.html) no-repeat 6px -28px, -ms-linear-gradient(top, #94d4f0 1%, #28a8de 3%, #228fbe 100%);
    /* IE10+ */
    background: url(../images/icons/share-sprite.html) no-repeat 6px -28px, linear-gradient(to bottom, #94d4f0 1%, #28a8de 3%, #228fbe 100%);
    /* W3C */
}

.share-plus .share-gplus a {
    border: solid 1px #b52c25;
    text-indent: -2000px;
    margin-right: 0;
    padding: 7px 0px 8px;
    width: 36px;
    background: #b62d25 url(../images/icons/share-sprite.html) no-repeat 7px -113px;
    /* Old browsers */
    background: url(../images/icons/share-sprite.html) no-repeat 7px -113px, -moz-linear-gradient(top, #e7a090 1%, #cc3f21 3%, #b62d25 100%);
    /* FF3.6+ */
    background: url(../images/icons/share-sprite.html) no-repeat 7px -113px, -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e7a090), color-stop(3%, #cc3f21), color-stop(100%, #b62d25));
    /* Chrome,Safari4+ */
    background: url(../images/icons/share-sprite.html) no-repeat 7px -113px, -webkit-linear-gradient(top, #e7a090 1%, #cc3f21 3%, #b62d25 100%);
    /* Chrome10+,Safari5.1+ */
    background: url(../images/icons/share-sprite.html) no-repeat 7px -113px, -o-linear-gradient(top, #e7a090 1%, #cc3f21 3%, #b62d25 100%);
    /* Opera 11.10+ */
    background: url(../images/icons/share-sprite.html) no-repeat 7px -113px, -ms-linear-gradient(top, #e7a090 1%, #cc3f21 3%, #b62d25 100%);
    /* IE10+ */
    background: url(../images/icons/share-sprite.html) no-repeat 7px -113px, linear-gradient(to bottom, #e7a090 1%, #cc3f21 3%, #b62d25 100%);
    /* W3C */
}

.share-events a:hover {
    text-decoration: none;
    color: #fff !important;
}

p.event-date {
    float: none;
    margin: 0 0 5px 0;
    padding: 0;
    font-family: "runda", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #919191;
    text-transform: uppercase;
    text-align: left;
    background: none;
}

.external-links {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.external-links li {
    float: left;
}

.external-links li a {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    text-indent: -9000px;
}

.external-links-site a {
    background: url(../images/sprite-external-link.html) no-repeat 0 0;
}

.external-links-site a:hover {
    background: url(../images/sprite-external-link.html) no-repeat 0 -22px;
}

.external-links-facebook a {
    background: url(../images/sprite-external-link.html) no-repeat -22px 0;
}

.external-links-facebook a:hover {
    background: url(../images/sprite-external-link.html) no-repeat -22px -22px;
}

.external-links-twitter a {
    background: url(../images/sprite-external-link.html) no-repeat -44px 0;
}

.external-links-twitter a:hover {
    background: url(../images/sprite-external-link.html) no-repeat -44px -22px;
}

.external-links-myspace a {
    background: url(../images/sprite-external-link.html) no-repeat -88px 0;
}

.external-links-myspace a:hover {
    background: url(../images/sprite-external-link.html) no-repeat -88px -22px;
}

.external-links-buy-music a {
    background: url(../images/sprite-external-link.html) no-repeat -110px 0;
}

.external-links-buy-music a:hover {
    background: url(../images/sprite-external-link.html) no-repeat -110px -22px;
}

.event-details h4 {
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
}

.footer_nav .external-links-facebook,
.footer_nav .external-links-twitter {
    padding: 0;
}

.footer_nav .external-links-facebook a,
.footer_nav .external-links-twitter a {
    position: relative;
    top: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: -999em;
}

/* Inner socials */
.social-inner {
    float: right;
    margin-left: 15px;
}

.social-inner a:hover {
    color: #fff !important;
    text-decoration: none;
}

/* Intro box */
.intro {
    margin: 10px 0 20px;
}

/* Tabbed content */
/* #tabbed {} */

#tabbed .tabs {
    position: relative;
}

#tabbed .tabs ul {
    margin: 0;
    list-style: none;
    overflow: hidden;
}

#tabbed .tabs li {
    float: left;
    width: 275px;
    margin-right: 10px;
    height: 26px;
    line-height: 26px;
}

#tabbed .tabs li a {
    padding-right: 20px;
    text-decoration: none;
    color: #999;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    background: url(../images/icons/sp-tab-arrows.png) 100% 4px no-repeat;
}

#tabbed .tabs li a:hover {
    color: #191919 !important;
}

#tabbed .tabs li a.active {
    color: #191919;
    background-position: 100% -27px;
}

#tabbed .panel {
    margin: 10px 0;
}

/* Trip gallery */
.trip-gallery {
    overflow: hidden;
}

.trip-gallery .item {
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
    width: 275px;
    height: 175px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
}

.trip-gallery .item:hover {
    color: #fff !important;
}

.trip-gallery .item:hover .label {
    text-decoration: underline;
}

.trip-gallery .item img {
    display: block;
    width: 100%;
    height: 100%;
}

.trip-gallery .item .label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    background: url(../images/icons/background-img-gallery-label.html) 0 30% repeat-x;
}

.hidden {
    display: none;
}

/* Carousel */
#carousel {
    position: relative;
    margin: 5px 0 15px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

#sections {
    background-color: #fff;
    overflow: hidden;
    color: #fff;
}

#sections div.section {
    margin-left: 3px;
    min-height: 220px;
    float: left;
    position: relative;
    background-color: #252525;
}

#sections div.section:first-child {
    margin: 0;
}

#sections h2 {
    font-size: 18px;
    margin-bottom: 4px;
    color: #fff;
    font-style: italic;
    font-family: 'Crimson Text', serif;
}

#sections h2 a {
    color: #FC0;
}

#sections h3 {
    font-size: 12px;
    margin-bottom: 2px;
}

#sections .positioned {
    margin: 0;
    padding: 10px 15px 0;
    height: 180px;
    position: absolute;
    z-index: 1000;
    left: 0;
    bottom: -115px;
    right: 0;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

/* #sections .section:hover .positioned {
    bottom:0;
} */

#sections .section:nth-child(3n+1) .positioned {
    background: rgba(140, 120, 87, .7);
}

#sections .section:nth-child(3n+2) .positioned {
    background: rgba(74, 109, 128, .7);
}

#sections .section:nth-child(3n+3) .positioned {
    background: rgba(54, 67, 76, .7);
}

#sections .section:nth-child(3n+1):hover .positioned {
    background: rgba(140, 120, 87, 1);
}

#sections .section:nth-child(3n+2):hover .positioned {
    background: rgba(74, 109, 128, 1);
}

#sections .section:nth-child(3n+3):hover .positioned {
    background: rgba(54, 67, 76, 1);
}

#sections .section.last {
    position: relative;
}

#sections .video {
    line-height: 0;
}

#sections .video iframe {
    height: 200px;
}

#sections p {
    margin-bottom: 0;
    font-size: 13px;
    color: #DCD9B8;
    font-family: 'Crimson Text', serif;
}

#sections p a {
    color: #fff;
}

#sections p a:hover {
    color: #FFFF99 !important;
}

#sections .smaller {
    font-size: 12px;
    line-height: 1.5;
}

#carousel .prev,
#carousel .next {
    transition: all 0.15s ease-in-out 0s;
}

#carousel .prev {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 5px;
    width: 24px;
    height: 24px;
    text-indent: -999em;
    background: url(../images/icons/prev.png) 0 0 no-repeat;
    z-index: 1000;
    opacity: .6;
}

#carousel .next {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 5px;
    width: 24px;
    height: 24px;
    text-indent: -999em;
    background: url(../images/icons/next.html) 0 0 no-repeat;
    z-index: 1000;
    opacity: .6;
}

#carousel .prev:hover,
#carousel .next:hover {
    opacity: 1;
}

#twtr-widget-1 .twtr-ft div {
    padding: 3% 3% 0;
}

#twtr-widget-1 .twtr-widget .twtr-tweet-wrap {
    padding: 1% 2%;
}

#sections .section.last div.positioned {
    margin-top: 0;
    padding: 2%;
    position: relative;
    z-index: 1000;
}

#sections li.section.last div.positioned {
    padding: 0;
}

#sections .section.last div.positioned a {
    color: #fff;
    line-height: 1em;
}

iframe {
    width: 100%;
}

.anystretch {
    z-index: 1 !important;
}

.anystretch img {
    left: 0 !important;
}

.decorated-box {
    margin: 20px 0;
    padding: 5px 10px;
    background-color: #EEE5CC;
    border: #68141E 1px solid;
    color: #5A370B;
    font-size: 22px;
    font-family: 'Crimson Text', serif;
}

strong.hlight {
    color: #990000;
}

.gallery-mini {
    margin: 15px 0;
    overflow: hidden;
}

.gallery-mini img {
    float: left;
    margin-right: 15px;
}

/* try */

.vit-wather {
    position: relative !important;
    background: url(../country/vietnam/images/vietnam-travel-map-weather.jpg)center center no-repeat !important;
    width: 880px !important;
    height: 1149px !important;
}

.vit-wather span.sapa {
    height: 35px;
    position: absolute;
    display: block;
    position: absolute;
    right: 648px;
    top: 115px;
    width: 64px;
    cursor: pointer;
}

.vit-wather span.hong {
    width: 10px;
    height: 35px;
    position: absolute;
    display: block;
    position: absolute;
    right: 7px;
    top: 76px;
    width: 119px;
    cursor: pointer;
}

.vit-wather span.hong div {
    margin: -87px 0 0 -191px !important;
}

.vit-wather span.hong div em {
    right: 7% !important;
}

.vit-wather span.mai {
    cursor: pointer;
    display: block;
    height: 32px;
    left: 143px;
    position: absolute;
    top: 205px;
    width: 101px;
}



.vit-wather span.mai div {
    margin: -86px 0 0 -52px !important;
}





.vit-wather span.cuc {
    cursor: pointer;
    display: block;
    height: 42px;
    left: 205px;
    position: absolute;
    top: 255px;
    width: 94px;
}



.vit-wather span.cuc div {
    margin: -86px 0 0 -39px !important;
}




.vit-wather span.halong {
    cursor: pointer;
    display: block;
    height: 29px;
    left: 400px;
    position: absolute;
    top: 212px;
    width: 114px;
}



.vit-wather span.mek {
    bottom: 244px;
    cursor: pointer;
    display: block;
    height: 51px;
    left: 268px;
    position: absolute;
    width: 75px;
}



.vit-wather span.mek div {
    margin: -65px 0 0 -71px !important;
}


.vit-wather span.hain {
    cursor: pointer;
    display: block;
    height: 26px;
    left: 537px;
    position: absolute;
    top: 339px;
    width: 75px;
}


.vit-wather span.hue {
    bottom: 599px;
    cursor: pointer;
    display: block;
    height: 26px;
    left: 436px;
    position: absolute;
    width: 46px;
}


.vit-wather span.dana {
    bottom: 573px;
    cursor: pointer;
    display: block;
    height: 25px;
    left: 480px;
    position: absolute;
    width: 85px;
}



.vit-wather span.hoi {
    bottom: 548px;
    cursor: pointer;
    display: block;
    height: 21px;
    left: 487px;
    position: absolute;
    width: 72px;
}



.vit-wather span.qui {
    bottom: 399px;
    cursor: pointer;
    display: block;
    height: 23px;
    left: 548px;
    position: absolute;
    width: 97px;
}


.vit-wather span.nha {
    bottom: 307px;
    cursor: pointer;
    display: block;
    height: 24px;
    left: 548px;
    position: absolute;
    width: 106px;
}


.vit-wather span.sai {
    bottom: 156px;
    cursor: pointer;
    display: block;
    height: 37px;
    left: 385px;
    position: absolute;
    width: 165px;
}

.vit-wather span.can {
    bottom: 128px;
    cursor: pointer;
    display: block;
    height: 33px;
    left: 272px;
    position: absolute;
    width: 65px;
}


.vit-wather span.can div {
    margin: -86px 0 0 -73px !important;
}


.vit-wather span.phu {
    bottom: 121px;
    cursor: pointer;
    display: block;
    height: 29px;
    left: 39px;
    position: absolute;
    width: 156px;
}


.vit-wather span.phu div {
    margin: -83px 0 0 -21px !important;
}


.vit-wather span.han {
    cursor: pointer;
    display: block;
    height: 72px;
    left: 253px;
    position: absolute;
    top: 165px;
    width: 101px;
}


.vit-wather span.han div {
    margin: -86px 0 0 -55px !important;
}


.vit-wather span.chaina {
    cursor: pointer;
    display: block;
    height: 29px;
    left: 407px;
    position: absolute;
    top: 38px;
    width: 125px;
}


.vit-wather span.chaina div {
    margin: -73px 0 0 -46px !important;
}


.vit-wather span.gulf {
    cursor: pointer;
    display: block;
    height: 37px;
    left: 474px;
    position: absolute;
    top: 181px;
    width: 82px;
}


.vit-wather span.gulf div {
    margin: -86px 0 0 -64px !important;
}


.vit-wather span.laos {
    cursor: pointer;
    display: block;
    height: 29px;
    left: 51px;
    position: absolute;
    top: 333px;
    width: 101px;
}


.vit-wather span.laos div {
    margin: -86px 0 0 -50px !important;
}


.vit-wather span.thi {
    bottom: 520px;
    cursor: pointer;
    display: block;
    height: 29px;
    left: 42px;
    position: absolute;
    width: 199px;
}


.vit-wather span.thi div {
    margin: -86px 0 0 -7px !important;
}


.vit-wather span.vita {
    bottom: 670px;
    cursor: pointer;
    display: block;
    height: 29px;
    left: 351px;
    position: absolute;
    width: 199px;
}


.vit-wather span.south {
    bottom: 585px;
    cursor: pointer;
    display: block;
    height: 84px;
    left: 600px;
    position: absolute;
    width: 93px;
}

.vit-wather span.south div {
    margin: -86px 0 0 -69px !important;
}


.vit-wather span.combi {
    bottom: 314px;
    cursor: pointer;
    display: block;
    height: 29px;
    left: 154px;
    position: absolute;
    width: 207px;
}


.vit-wather span.combi div {
    margin: -86px 0 0 -4px !important;
}


.vit-wather span.common div {
    display: none;
    margin-top: -10px;
    margin: -86px 0 0 -100px;
    padding: 9px;
    width: 200px;
    background: rgba(0, 0, 0, 0.95);
    color: #fff;
    position: relative;
}

.vit-wather span.common div em {
    width: 13px;
    height: 8px;
    background: url(../country/vietnam/images/map-hover.png) center bottom;
    position: absolute;
    bottom: -7px;
    right: 48%;
}

.vit-wather span.common:hover div {
    display: block
}


/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}


.mainMenu {
    float: left;
    margin-top: 30px;
    margin-left: 10px;
}

.headerRight {
    float: right;
    position: absolute;
    top: 22px;
    right: 0;
    z-index: 1000;
}

.search-bar {
    width: 0;
    overflow: hidden;
}

.trigger {
    cursor: pointer;
}

.toggle {
    display: inline-block;
}

.toggle .headersearchArea .search p {
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    margin: 7px 2px 0 9px;
    float: right;
}

.toggle .hide {
    background: #dadada none repeat scroll 0 0;
    border: 1px solid #c2c2c2;
    box-shadow: 0 1px 4px #000000;
    display: none;
    height: 47px;
    position: absolute;
    right: 20px;
    width: auto;
    z-index: 999;
    margin-top: 43px;
}

.toggle .hide input {
    background: #fff url("../images/search.png") no-repeat scroll 5px center;
    border: 1px solid #b0b0b0;
    height: 30px;
    margin: 8px 10px 0 11px;
    padding: 0 3px 0 26px;
    transition: all 1s ease 0s;
    width: auto;
}

.container {
    position: relative;
    max-width: 1024px;
    width: 100%;
    -webkit-box-shadow: -1px 3px 21px rgba(102, 102, 102, 0.6);
    box-shadow: -1px 3px 21px rgba(102, 102, 102, 0.6);
}

.innerBannerOne {
    max-height: 500px !important;
}

.innerBanner {
    position: relative;
    margin-top: 0px;
    max-height: 500px;
    overflow: hidden;
}

.logo {
    position: absolute;
    top: 115px;
    left: 15px;
    display: none;
}

.tabType {
    margin-top: 30px;
    text-align: center;
}

.tabType ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.tabType ul li {
    display: inline-block;
    margin-right: 2px;
}

.tabType ul li a {
    border-right: 2px solid #514f45;
    color: #514f45;
    font-family: 'Oswald', Oswald, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;
    outline: medium none;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    line-height: 14px;
}

.tabType ul li a:hover {
    /*background:#ebe3da;*/
    color: #f45900;
}

.tabType ul li:hover {
    opacity: 1;
}

.shoturl {
    border-top: 1px solid #ebe3da;
    margin-top: 1px;
}

.shoturl ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.shoturl ul li {
    float: left;
    padding: 0 4px;
    font: italic 13px/140% Arial, san-serif;
    color: #474747;
    margin-top: 5px;
}

.shoturl {
    padding-top: 20px;
}

.shoturl ul li a {
    font: italic 13px/140% Arial, san-serif;
    color: #004997;
    text-decoration: underline;
}

.shoturl ul li a:hover {
    color: #09f;
}

.bodyTopHeading {
    text-align: center;
}

.bodyTopHeading h1 {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: capitalize;
    margin: 20px 0;
}

#home-page .bodyTopHeading h1 {
    margin: 20px 0 0;
}

.bodyTopHeading {
    margin-top: 10px;
}

/*.bodyContent p img { float:right; margin-left:10px;}*/
.bodyContent p {
    color: #474747;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    /*font-style: italic;*/
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.5;
    margin-bottom: 20px;
}

.bodyContent {
    padding: 0 15px;
}

p.intro,
h3.intro {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 30px;
    color: #999966;
}

p.intro,
h3.intro {
    color: #999966;
}

h3.intro {
    font-size: 22px !important;
    margin: 30px 0 23px;
}

/*paings / margins*/
.p-l-zero {
    padding-left: 0;
}

.p-r-zero {
    padding-right: 0;
}

.m-t-7 {
    margin-top: 7px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-t-40,
.m-t-40-mob {
    margin-top: 40px !important;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.centered-list ul {
    margin-bottom: 30px;
    padding: 0;
}

.center-pills {
    display: flex;
    justify-content: center;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #4c4c4c;
    background-color: transparent;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

figure {
    max-width: 663px;
    max-height: 531px;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}

.hover1 figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.hover1 figure:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.mob-view {
    display: block !important
}

.tabArea .item {
    width: 24%;
    float: left;
}

.home-izotope {
    /*float:left;*/
    width: 100%;
}

.item .imageTop {
    position: absolute;
    bottom: 0;
    padding: 10px 10px;
    width: 98.7%;
    background: rgba(74, 109, 128, 0.7);
    text-decoration: none;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
}

.item .imageTop img {
    width: 100%;
}

.item .imageTop h4 {
    color: #fff;
    font-family: 'Crimson Text', serif;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 4px;
    margin-top: 0;
}

.item .imageTop p {
    color: #dcd9b8;
    font-family: 'Crimson Text', serif;
    font-size: 13px;
    margin-bottom: 0;
    min-height: 37px;
}

.item .imageTop p a {
    font-size: 14px;
    color: #fff;
}

.item:hover .imageTop {
    background: #4a6d80;
}

.item .imageTop2 {
    background: rgba(140, 120, 87, 0.7);
}

.item:hover .imageTop2 {
    background: #8c7857;
}

.item .imageTop3 {
    background: rgba(54, 67, 76, 0.8);
}

.item:hover .imageTop3 {
    background: #36434c;
}

.bodyTopHeading11 {
    margin: 10px 0;
    text-align: center;
    display: block;
}

.bodyTopHeading12 {
    margin: 25px 0;
    text-align: center;
    display: block;
}

.bodyTopHeading2 {
    margin-top: 25px;
    text-align: center;
    display: block;
}

.bodyTopHeading2 h2 {
    color: #474747;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-style: normal;
    font-size: 34px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.2;
    margin-top: 15px;
}

.bodyBottom h3 {
    color: #474747;
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 150%;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 5px;
    margin: 0;
}

.bodyBottom p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16.5px;
    color: #474747;
    margin-bottom: 20px;
}

.bodyTopHeading3 h3,
.bodyTopHeading6 h3 {
    color: #474747;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
}

.bodyTopHeading3 h3 a,
.bodyTopHeading6 h3 a {
    color: #474747;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: normal;
    background: none;
    padding: 0;
}

.bodyTopHeading3 a,
.btn-primary {
    display: inline-block;
    background: #c66051;
    padding: 8px 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #FFF;
    letter-spacing: 1px;
    margin: 15px;
    border-radius: 3px;
    border: 1px solid #c66051
}

.bodyTopHeading6 h3 a:hover {
    background: transparent;
    color: #990000;
    text-decoration: none;
    border: none;
}

.btn-secondary {
    display: inline-block;
    background: #fff !important;
    padding: 8px 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #c66051 !important;
    letter-spacing: 1px;
    margin-top: 15px;
    border-radius: 3px;
    border: 1px solid #c66051;
}

/* BAD CODE .btn-secondary:hover, .btn-secondary:active; .btn-secondary:focus { text-decoration: none; color: #9d4f43 !important;}*/
footer {
    margin-top: 0
}

.footerTop {
    border: 1px solid #ccc;
    border-width: 1px 0 1px 0;
    padding: 7px 0;
}

.footerPh h5 {
    margin: 0;
    background: url(../images/phone-grey.html) left center no-repeat;
    padding-left: 35px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
}

.footerNoArea {
    padding: 0 6px;
}

.footerNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footerNav ul li {
    float: left;
    margin: 0 6px;
}

.footerNav ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #827e70;
    text-decoration: underline;
}

.footerNav2 {
    padding: 0 5px;
}

.footerNav ul li a:hover {
    color: #09f;
}

/* .socal {} */

.socal ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.socal ul li {
    float: left;
}

.socal ul li a {
    display: block;
    border: 1px solid #eee;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
}

.socal ul li a i {
    font-size: 12px;
    line-height: 25px;
    color: #444;
}

.footerimgMap ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footerimgMap ul li {
    float: left;
    margin: 20px 0 0 0;
}

.footerBtm {
    margin-top: 5px;
}

.footerBottom {
    width: 920px;
    margin: 0 auto;
}

.fbBtm {
    text-align: center;
}

.fbBtm ul {
    margin: 0;
    padding: 15px 0;
    list-style-type: none;
}

.fbBtm ul li {
    display: inline-block;
}

.fbBtm ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #004997;
    line-height: 10px;
    border-right: 1px solid #111;
    padding: 0 8px;
}

.fbBtm ul li a:hover {
    color: #09f;
}

.tabArea {
    margin-top: 15px;
}

.bodyTopHeading3 a:hover {
    text-decoration: none;
}

.tabType .dropdown {
    display: none;
}

#another-element {
    display: none;
}

.headerRight p {
    font-family: 'Open Sans', sans-serif;
    float: left;
    font-size: 13px;
    letter-spacing: normal;
    font-weight: 400;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 0;
    /*border-right:1px solid #aaa;*/
    padding-right: 9px;
    line-height: 14px;
    padding-left: 5px;
}

/* .carousel,
.carousel-inner,
.carousel-inner .item {} */

.carousel p span {
    color: #c66051;
}

.innerBanner img {
    width: 100%;
    height: auto;
}

.innerBanner .hero-slider img {
    height: 500px !important;
    width: 100%;
    object-fit: cover;
}

.innerBanner .contactFancy img {
    height: auto;
    /* width: auto; */
}

.fbBtm ul li:last-child a {
    border: none;
}

.footerBtm .col-sm-8 img {
    float: left;
    margin-right: 10px
}

.footerBtm .col-sm-8 p {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #474747;
    margin-top: 35px;
    text-align: left;
}

.fancybox-title-float-wrap .child {
    padding: 9px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.fancybox-title-float-wrap {
    bottom: -20px;
}

/*--- Tour Details ---*/
.toutDetails {
    margin-top: 30px;
}

.tourDetailsLeft {
    float: left;
    width: 48%;
    text-align: center;
}

.tourDetailsLeft img {
    width: 420px;
    max-width: 100%;
}

.tourDetailsRight {
    float: right;
    width: 48%;
}

.tourDetailsRight h3 {
    margin-top: 0;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 7px;
}

.tourDetailsRight h4 {
    font-family: 'Crimson Text', serif;
    font-size: 13px;
    color: #474747;
    letter-spacing: 1px;
    margin: 0;
}

.tourDetailsRight p {
    margin-top: 15px;
    color: #474747;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    line-height: 24px;
    font-size: 14px;
}

.tourDetailsRight p a {
    color: #004997;
    text-decoration: underline;
}

.tourDetailsRight p a:hover {
    color: #09f;
}

/*--- Japan Luxury Hotels ---*/
.tabType ul li.activeBtm a {
    /*background: #ebe3da none repeat scroll 0 0;*/
    color: #f45900;
    opacity: 1;
}

.shoturl2 ul li {
    letter-spacing: 2px;
}

.heading2 h1 {
    /*font-size: 36px;*/
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 5px;
    color: #474747;
}

.hotelBlock h2 {
    color: #474747;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 150%;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 5px;
    margin: 0;
}

.hotelBlock h2 span {
    color: #555555;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.5px;
    line-height: 16px;
    text-transform: uppercase;
}

.hotelBlock p {
    color: #474747;
    display: block;
    font-size: 17.6px;
    font-weight: normal;
    line-height: 24px;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    margin-bottom: 20px;
}

.hotelBlock p span {
    color: #474747;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 3px;
    margin: 0;
    padding: 0;
}

.hotelBlock p img {
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.hotelBlock p a {
    color: #004997;
    text-decoration: underline;
}

.hotelBlock p a:hover {
    color: #09f;
}

.hotelBlock p.bodyContentNew {
    color: #474747;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-top: 22px;
}

.hotelBlock p samp img {
    width: auto;
    max-width: 100%;
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
}

.contactFancy {
    position: absolute;
    right: 0;
    top: 96px;
    z-index: 9;
}

.img-description {
    font-size: 14px !important;
    text-align: center;
    display: block;
    margin-top: 10px;
}

.tabLeft {
    float: left;
    width: 48%;
    text-align: center;
}

.tabLeft img {
    max-width: 100%;
}

.tabRight {
    float: right;
    width: 48%;
}

.tabRight h3 {
    color: #f89f65;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
    text-transform: uppercase;
    margin-top: 15px;
}

.tabRight h6 {
    color: #333;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
}

.tabRight p {
    font-size: 13px;
    color: #4c4c4c;
    line-height: 22px;
    white-space: normal;
}

/*.tabRight a { background:#f89f65; text-decoration:none; color:#fff; font-family: "Open Sans",Arial,Helvetica,sans-serif; padding:9px 30px; text-transform:uppercase; float:left; text-decoration:none; letter-spacing:2px; margin-top:10px;}
.tabRight a:hover { background:#222; text-decoration:none;}*/
.menMap {
    text-align: center;
}

.menMap img {
    max-width: 100%;
}

.mapTabArea {
    margin-top: 30px;
}

.modal-header {
    border: none;
    padding: 15px 15px 0 15px;
}

#myModal .modal-header h4 {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    color: #474747;
    font-weight: 400;
    margin: 0;
    letter-spacing: normal;
    text-transform: capitalize;
}

#newsLetter {
    width: 100%;
    max-width: 323px;
    padding: 8px 10px 9px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 0px;
}

.submit-sm {
    margin: 0 0 15px 6px !important;
    float: left;
    width: 106px;
    border-radius: 3px !important;
    padding: 8px 15px 9px !important;
}

.p-r-0 {
    padding-right: 0;
}

.p-l-0 {
    padding-left: 0;
}

.p-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.p-l-0 {
    padding-left: 0;
}

.contact_us_form label,
.contact_us_form p {
    color: #474747;
    font-size: 18px;
    font-family: 'Crimson Text', serif;
}

.contact_us_form p {
    text-transform: uppercase;
}

.contact_us_form .submitBtn {
    display: block;
    margin: 30px 0 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #FFF;
    letter-spacing: 1px;
    width: 250px;
    border: none;
    border-radius: 3px;
    background: #c66051;
    padding: 8px 20px;
}

.contact_us_form input {
    width: 100%;
    height: 42px;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    background: #e0e1db;
    border-radius: 3px;
}

.contact_us_form .contactCheck input {
    width: auto;
    height: auto;
}

.contact_us_form .contactCheck input[type="checkbox"] {
    transform: scale(1.3, 1.3);
    margin: 7px 0px 0 -24px;
}

.checkbox label,
.radio label {
    min-height: 44px;
    padding-left: 27px;
    font-weight: 400;
}

.contact_us_form textarea {
    width: 100%;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    margin-bottom: 10px;
    background: #e0e1db;
    border-radius: 3px;
}

.contact_us_form textarea {
    margin-bottom: 30px;
}

.contact_us_form .submitBtn:hover,
.contact_us_form .submitBtn:focus,
.contact_us_form .submitBtn:active,
.bodyTopHeading3 a:hover,
.bodyTopHeading3 a:focus,
.bodyTopHeading3 a:active,
.popup-submitBtn:hover,
.popup-submitBtn:focus,
.popup-submitBtn:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #9d4f43;
    color: #fff;
    text-decoration: none;
    border: 1px solid #9d4f43
}

.btn-center {
    margin: 0 !important;
    float: none !important;
    padding: 8px 20px !important;
    font-size: 16px !important;
}

.popup-submitBtn {
    display: block;
    margin: 20px auto 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #FFF;
    letter-spacing: 1px;
    width: 230px;
    text-align: center;
    border: none;
    border-radius: 3px;
    background: #c66051;
    padding: 8px 20px;
}

.panel-default>.panel-heading {
    font-size: 16px;
    background-color: rgba(235, 227, 218, 0.48);
}

.text-bold {
    font-weight: 700;
}

.text-uppercase {
    text-transform: uppercase;
}

.input-left {
    max-width: 200px;
    display: inline-block;
    margin: 0 0 15px 15px;
}

.boxForm {
    margin-top: -10px;
    margin-bottom: 25px;
    float: left;
    width: 100%;
}

.boxForm fieldset {
    width: 100%;
    float: left;
}

.boxForm fieldset label {
    float: left;
    width: 25%;
    height: 36px;
    font-weight: normal;
    line-height: 36px;
    font-size: 17px;
    color: #635e62;
    margin-bottom: 10px;
}

/*.boxForm fieldset input { float:right; width:73%; height:36px; border:1px solid #ccc; border-radius:3px; padding-left:2%;}*/
/* .boxForm fieldset.texarea label {} */

.boxForm fieldset.texarea textarea {
    width: 73%;
    resize: none;
    height: 80px;
    min-height: 80px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 2%;
    padding-top: 5px;
    float: right;
}

.contactBoxImg {
    text-align: center;
    margin-bottom: 10px;
    width: 25%;
    float: left;
}

.boxForm fieldset input.contactSendBtn {
    float: none;
    display: block;
    margin: 30px auto 25px;
    background: #ff3334;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #FFF;
    letter-spacing: 1px;
    width: 250px;
    border: none;
}

.boxForm fieldset input.contactSendBtn:hover,
.boxForm fieldset input.contactSendBtn:focus,
.boxForm fieldset input.contactSendBtn:active {
    background: #d23030;
}

.boxForm fieldset a {
    text-align: center;
    margin-top: 15px;
}

.boxForm small {
    font-size: 70%;
}

#horizontalTab ul {
    margin: 0;
    padding: 0;
}

#wn p:first-child,
#wn1 p:first-child,
#wn2 p:first-child {
    margin-top: 0;
}

div#wn {
    position: relative;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

ul#horiz {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

ul#horiz li {
    display: inline-block;
    white-space: nowrap;
    width: 878px;
}

/* style scrollLinks to suit your taste and layout. */
div#scrollLinks {
    position: relative;
    width: 180px;
}

div#scrollLinks .left {
    background-image: url('../images/tri-lft.html');
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    /* specify width and height of your image */
    position: absolute;
    left: 30px;
}

div#scrollLinks .right {
    background-image: url('../images/tri-rt.html');
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    /* specify width and height of your image */
    position: absolute;
    right: 30px;
}

/* safari, chrome, opera have very prominent outline by default 
   opera shows outline movement with scrolling and won't allow none
   set to suit your page design
*/
div#wn:focus {
    outline: 1px dotted #eee;
}

.innerLi {
    width: 100%;
    float: left;
}

.innerLeft {
    float: left;
    width: 48%;
}

.innerRIght {
    float: right;
    width: 48%;
}

.mapTabArea .lyr1 {
    height: 560px;
}

.sticky {
    z-index: 999;
    background: #fff !important;
    box-shadow: 0 3px 3px 1px rgba(176, 175, 175, 0.2);
}

.sticky a {
    color: #888 !important;
}


.scrollLeft {
    float: right;
    width: 48%;
}

.scrollRight {
    float: left;
    width: 48%;
    height: 400px;
}

.scrollRight img {
    max-width: 100%;
}

.sbLeft {
    float: left;
    width: 30px;
    height: 30px;
    background: #c66051;
    text-align: center;
    line-height: 27px;
    font-weight: 400;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #fff;
    margin-top: 4px;
}

.sbRight {
    float: right;
    width: 90%;
}

.sbRight h2 {
    margin: 0;
    color: #c66051;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #c66051;
}

.newHotels h3 {
    color: #f89f65;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.2em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.newHotels p {
    color: #555;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    line-height: 22px;
}

.newHotels a {
    background: #f89f65 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
    margin-top: 10px;
    padding: 9px 30px;
    text-decoration: none;
    text-transform: uppercase;
}

.newHotels a:hover {
    background: #333;
}

.scrollBlock {
    margin-bottom: 40px;
}

.nav ul.newWidth li ul li ul li a:nth-child(1) {
    border: none;
    padding: 0;
    color: #fff;
    letter-spacing: normal;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13px;
}

.nav ul.newWidth {
    width: 700px;
    margin: 0;
    left: 5%;
    opacity: 0;
    height: 0;
    z-index: 9999;
}

.nav ul.newWidth:hover {
    opacity: 1;
    height: auto;
}

.nav ul.newWidth li {
    float: left;
    border: none;
    margin-bottom: 5px;
    width: 33%
}

.nav ul.newWidth li a {
    border: none;
    padding: 4px 5px 4px;
    color: #000;
    letter-spacing: normal;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 13px;
}

.nav ul.newWidth li span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.nav ul.newWidth li span {
    padding-top: 7px;
    display: block;
}

.nav ul.newWidth li ul {
    left: auto;
    position: relative;
    width: auto;
    margin: 0;
    padding: 0 0 0 5px;
    box-shadow: none;
}

.nav ul.newWidth li ul li a {
    border: none;
    padding: 4px 5px 4px;
    color: #fff;
    letter-spacing: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    background: none;
}

.nav ul.newWidth li ul li a:hover {
    background: #ebe3da;
}

.nav ul.newWidth li ul li {
    /*float:left;*/
    float: none;
    display: block;
    width: auto;
    padding: 2px 5px;
    margin-bottom: auto;
}

.nav ul.newWidth li ul li.liOne a {
    color: #c1c1c1 !important;
}

.tabType li.activeBoxMenu a {
    background: #ebe3da;
    color: #990000;
    opacity: 1;
}

.bannerBox {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 200px;
    /*height:114px;*/
    z-index: 9;
    padding: 8px 15px;
}

.bannerBox h2 {
    margin: 0;
    color: #fff;
    font-family: 'Crimson Text', serif;
    font-size: 28px;
    font-style: italic;
    font-weight: normal;
    padding: 0;
}

.bannerBox p {
    color: #dcd9b8;
    font-family: 'Crimson Text', serif;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0 0 0;
}

.bannerBox a {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 500;
    margin-top: 10px;
    text-transform: uppercase;
}

.overviewTabtype ul li a {
    letter-spacing: 2px;
}

.headingOver h2 {
    text-align: left;
    margin-top: 5px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}

.headingCarousel {
    padding: 0 15px;
    color: #c66050;
}

.headingCarousel h2 {
    text-align: left;
    margin: 5px 0 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #c66050;
    font-size: 23px;
    letter-spacing: normal;
    line-height: 1.2em;
    margin-top: 15px;
}

.overBoxBlock {
    float: left;
    width: 31%;
    margin: 10px 3.3% 10px 0;
    background: #f6f6f6;
    padding: 2px;
}

.overMargin {
    margin-right: 0;
}

.overBoxBlock .boxBlockTop img {
    max-width: 100%;
}

.boxBlockBtm h5 {
    margin: 0;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}

.boxBlockBtm h3 {
    margin: 5px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    font-style: italic;
    color: #990000;
}

.boxBlockBtm h6 {
    margin: 8px 0 0 0;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #999;
    font-size: 11px;
}

.boxBlockBtm a {
    margin: 11px 0 0 0;
    color: #969053;
    font-size: 11px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: block;
}

.boxBlockBtm a:hover {
    color: #000;
}

.boxBlockBtm {
    padding: 10px 0;
}

.chart img {
    max-width: 100%;
}

.overviewTabtype {
    border-bottom: 1px solid #ebe3da;
    float: left;
    width: 100%;
    padding-bottom: 2px;
}

.newFooter {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    /*padding-top:30px;*/
    background: #1e1e1e;
}

.newFooter .footer-logo {
    max-width: 170px;
    margin-top: 10px;
}

.newFooterIn {
    text-align: center;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 1.7;
}

.newFooterIn a {
    font-size: 13px;
}

.newFooterIn ul {
    list-style-type: none;
    padding-left: 0;
}

.footerNav2In ul li,
.footerNav2In ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #474747;
    text-align: center;
    text-decoration: none;
}

.footerTopArea {
    background: #2e2b2b;
    background-image: url(../images/footer-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 10px;
    overflow: auto;
}

.footerNewNav {
    width: 88%;
}

.footerNewNav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footerNewNav ul li {
    display: inline-block;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    line-height: 21px;
    padding: 0 7px;
    border-right: 1px solid #868887;
    color: #bbb;
}

.footerNewNav ul li a {
    color: #bbb;
    font-weight: 500;
}

.footerNewNav ul li a:hover {
    color: #09f;
}

.footerNewNav2 {
    margin-top: 10px;
}

.footerNewNav3 ul li {
    font-weight: 600;
}

.footerNewNav3 ul li a {
    font-weight: 600;
}

.footerNewNav3 {
    margin-top: 20px;
}

.footerNewNav4 ul li form input {
    float: left;
    width: 50%;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px 0 0 5px;
    font-size: 13px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    width: 150px;
    padding-left: 5px;
    font-weight: 400;
}

.footerNewNav4 ul li form input.subscribeBtn {
    border-radius: 0 5px 5px 0;
    background: #818183;
    border: 1px solid #818183;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    width: auto;
    padding: 0 15px
}

.footerNewNav4 ul li form {
    top: -20px;
    display: block;
    position: absolute;
    width: 100%;
}

.footerNewNav4 ul li:last-child {
    position: relative;
    width: 330px;
}

.footerNewNav4 {
    margin-top: 25px;
    padding-bottom: 25px;
}

.footerNewNav4 ul li {
    font-weight: 600;
    border: none;
}

.footerNewNav5 ul li {
    border: none;
    padding: 0 2px;
}

.footerNewNav5 ul li a i {
    font-size: 22px;
}

.footerNewNav5 {
    margin-top: 32px;
    /*border-bottom:1px solid #ccc; padding-bottom:15px;*/
}

.footerNewNav6 ul li {
    border: none;
}

.footerNewNav6 {
    padding: 10px 0;
}

.footerNewNav7 {
    margin-top: 22px;
}

.footerNewNav7 ul li {
    font-size: 12px;
    border: none;
}

.footerNewNav8 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.footerNewNav ul li:last-child {
    border: none;
}

.newSlider {
    margin-top: 25px;
    padding: 0 15px;
}

/* .social h4 {} */

.tabRight2 h3 {
    font-size: 20px;
    font-weight: 400;
    color: #474747 !important;
}

.tabRight2 p {
    font-size: 13px;
    line-height: 21px;
}

.newSlider2 .social:hover h6 {
    opacity: 0.6;
}

.newSlider2 .destinations-map .footer,
.social:hover h6 {
    visibility: visible;
}

.social a {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
}

.social a:hover {
    opacity: 0.8;
}

.tabRight2 a {
    padding: 4px 10px;
    letter-spacing: normal !important;
    font-size: 11px;
}

.journey2 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.journey2 ul li {
    float: left;
    position: relative;
    width: 32.33%;
    margin: 5px 0;
}

.journey2 .fullimg ul li {
    float: none;
    position: relative;
    width: 100%;
    margin: 5px 0;
}

/*.journey2 ul li .boxText p { margin-top:32%;  font-size:18px; line-height: 1.2; text-transform:uppercase; color:#fff; text-shadow:0 0 4px #474747;}*/
.journey2 ul li .boxText p {
    margin-top: 32%;
    font-size: 17px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 10px 11px;
}

.journey2 ul li .boxText {
    text-decoration: none;
}

.journey2 ul li .boxText span {
    font-size: 15px;
    color: #fff;
    text-shadow: 0 0 4px #474747;
    position: absolute;
    bottom: 15px;
    text-transform: uppercase;
}

.journey2 ul li .boxText {
    display: block;
    position: absolute;
    top: 0;
    z-index: 9;
    /*background:rgba(255, 255, 255, 0.4);*/
    width: 100%;
    height: 100%;
    text-align: center;
}

.journey3 ul li {
    float: none;
    position: relative;
    width: 93%;
    margin: 5px auto;
}

.journey3 ul li .boxText p {
    margin-top: 15%;
}

.boxText h5 {
    cursor: pointer;
    transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.boxText h5 p {
    display: none;
}

.boxText h5:hover span {
    display: none;
}

.boxText h5:hover p {
    display: block;
}

.boxText h5 p {
    margin-top: 0;
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
}

.boxText h5 p a {
    margin: 0 10px;
    font-size: 15px;
    color: #000;
    text-shadow: none;
    transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.boxText h5 p a:hover {
    opacity: 0.6;
}

.journey2 ul li img {
    width: 100%;
}

.journey2 ul li {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.journey2 ul li:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.journey2 ul li:hover .boxText {
    background: rgba(0, 0, 0, 0.4);
}


.experience .exrBlock {
    float: left;
    width: 33%;
    margin: 1px .1%;
    position: relative;
    overflow: hidden;
}

.experience .exrBlock img {
    width: 100%;
}

.experience .exrBlock .boxUp {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.experience .exrBlock .boxUp .boxUpBtm {
    position: absolute;
    bottom: 0px;
    padding: 10px;
    height: 45px;
    transition: all 0.5s ease 0s;
}

.experience .exrBlock .boxUp .boxUpBtm h4 {
    font-size: 22px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 600;
}

.experience .exrBlock .boxUp .boxUpBtm p {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 14px;
}

.experience .exrBlock:hover .boxUp .boxUpBtm {
    height: 170px;
    overflow: visible;
}

.experience .exrBlock .boxUp .boxUpTop {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9999;
}

.experience .exrBlock .boxUp .boxUpTop h5 {
    cursor: pointer;
    background: #333;
    padding: 4px 10px 5px 10px;
    border-radius: 3px;
    color: #fff;
    font-size: 17px;
}

.experience .exrBlock .boxUp .boxUpTop .newSocal a {
    color: #fff;
    padding: 0 7px;
    font-size: 16px;
}

.experience .exrBlock .boxUp .boxUpTop .newSocal {
    position: absolute;
    top: 10px;
    width: 100px;
}

.experience .exrBlock .boxUp .boxUpTop .newSocal {
    display: none;
}

.experience .exrBlock .boxUp .boxUpTop:hover .newSocal {
    display: block;
    right: 0;
}

.experience .exrBlock .boxUp .boxUpTop .newSocal a:hover {
    color: #000;
}

.experience .exrBlock .boxUp .boxUpTop:hover h5 {
    display: none;
}

.leftimg {
    float: left;
    width: 32%;
}

.leftimg-md {
    float: left;
    width: 49%;
    margin-right: 1%;
}

.middleimg,
.middleimg-sm {
    float: left;
    width: 32%;
    margin-left: 1.7%;
    margin-right: 1.7%;
}

.fullimg {
    float: none;
    width: 99.5%;
    margin: 0;
    overflow: hidden;
}

.journey2 .fullimg ul li .boxText p {
    margin-top: 13%;
}

.centerimg {
    width: 99%;
    margin: 0 auto;
    float: none
}

.rightimg {
    float: left;
    width: 32%;
}

.rightimg-md {
    float: left;
    width: 49%;
    margin-left: 0.5%;
}

.journey2 .leftimg ul li,
.journey2 .leftimg-md ul li {
    width: 100%;
}

.journey2 .middleimg ul li,
.journey2 .middleimg-sm ul li {
    width: 100%;
}

.journey2 .rightimg ul li,
.journey2 .rightimg-md ul li {
    width: 100%;
}

.journey2 .middleimg ul li p {
    margin-top: 32%;
}

.journey2 .middleimg-sm ul li p {
    margin-top: 32%;
}

.experience .exrBlock .boxUp:hover {
    background: rgba(0, 0, 0, 0.6);
}

.experience2 .exrBlock .boxUp {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
}

.experience2 .exrBlock .boxUp .boxUpBtm {
    bottom: auto;
    width: 100%;
    text-align: center;
    line-height: 150px;
    display: none;
    transition: all 1s ease 0s;
}

.experience2 .exrBlock .boxUp:hover .boxUpBtm {
    display: block;
    transition: all 1s ease 0s;
}

.experience2 .exrBlock .boxUp:hover .boxUpTop h5 {
    color: #333;
    background: #fff;
}

.experience .exrBlock .boxUp .boxUpBtm h4 a {
    font-size: 19px;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 400;
    display: block;
    padding: 85px 0;
    text-decoration: none;
}

.experience .exrBlock:hover .boxUp .boxUpBtm {
    height: auto;
    overflow: visible;
}

.exrBlock iframe {
    height: 216px;
}

.experience2 .videoexrBlock .boxUp {
    display: none;
}

.journey4 ul li .boxText span {
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px 10px;
    text-align: center;
    height: 0px;
    transition: all 1s ease 0s;
    overflow: hidden;
    visibility: hidden;
}

.journey4 ul li .boxText:hover span {
    height: 80%;
    visibility: visible;
}

.journey4 ul li .boxText:hover p {
    margin-top: 5%;
}

.journey4 ul li .boxText p {
    transition: all 1s ease 0s;
}

.journey4 .middleimg ul li .boxText:hover span {
    height: 91%;
}

.journey4 .rightimg ul li iframe {
    height: 231px;
}

.journey2 ul li .boxText em {
    font-family: “Trebuchet MSâ€\9d, sans-serif;
    color: #fff;
    font-size: 12px;
    letter-spacing: 3px;
    font-style: normal;
    font-weight: bold;
}


.myList li {
    display: none;
}

.loadMore {
    color: green;
    cursor: pointer;
}

.loadMore:hover {
    color: black;
}

.showLess {
    color: red;
    cursor: pointer;
}

.showLess:hover {
    color: black;
}

.myList2 li {
    display: none;
}

.loadMore2 {
    color: green;
    cursor: pointer;
}

.loadMore2:hover {
    color: black;
}

.showLess2 {
    color: red;
    cursor: pointer;
}

.showLess2:hover {
    color: black;
}

.myList3 li {
    display: none;
}

.myList4 ul {
    padding-left: 0;
}

.myList4 li {
    display: none;
}

.loadMore3 {
    color: green;
    cursor: pointer;
}

.loadMore3:hover {
    color: black;
}

.showLess3 {
    color: red;
    cursor: pointer;
}

.showLess3:hover {
    color: black;
}

ul.myList li {
    width: 100%;
}

.journeyNew ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.journeyNew ul ul {
    margin-left: 22px;
}

.journeyNew ul li:first-child {
    margin-left: 0;
}

.loadBtn {
    border: 1px solid #ebe3da;
    cursor: pointer;
    color: #514f45;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    outline: medium none;
    padding: 7px 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 230px;
    text-align: center;
    margin: 0 auto;
    margin-top: 6px;
    opacity: 1;
    border-radius: 3px;
}

.loadBtn i {
    font-size: 24px;
    top: 2px;
    position: relative;
    display: inline;
}

.loadBtn:hover {
    background: #ebe3da;
    color: #990000;
}

.journey5 ul li a.newMore {
    position: absolute;
    bottom: 10%;
    width: 100%;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
    transition: all 0.3s ease 0s;
    color: #fff;
    font-weight: 400;
    opacity: 1;
    background: none;
    z-index: 9991;
    text-shadow: 1px 1px 1px #333;
}

.journey5 ul li em {
    display: none;
    transition: all 0.3s ease 0s;
}

.journey5 ul li:hover em {
    display: block;
}

.journey5 ul li a.newMore {
    display: none;
}

.journey5 ul li:hover a.newMore {
    display: block;
}

.rightimg2 {
    margin-left: 1.7%;
    margin-right: 1.7%;
}

.rightimg2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* This creates the gaps between the boxes */
    list-style: none;
    /* Removes any bullet points */
    padding: 0;
    margin: 0;
}

.journey6 ul li em {
    display: block;
}

.journey6 ul li a.newMore {
    display: block;
    bottom: 15px;
}

.journey6 ul li span {
    visibility: hidden;
    position: absolute !important;
    margin-top: 20px;
    top: 35%;
    text-align: left;
    padding: 0 10%;
    left: 0;
    float: left;
    width: 100%;
    font-size: 13px !important;
    opacity: 0;
    transform: scale(1.1);
    transition: all 0.6s ease-in-out;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.journey6 ul li:hover span {
    display: block;
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}

.journey6 ul li p {
    transition: all 0.5s ease 0s;
}

.journey6 ul li:hover p,
.journey6 .fullimg ul li:hover p {
    margin-top: 5%;
}

.journey6 ul li .boxText {
    transform: scale(1);
    transition: all 0.6s ease 0s;
    padding-left: 15px;
    padding-right: 15px;
}

.journey6 ul li:hover .boxText {
    background: rgba(0, 0, 0, 0.6);
}

.journey6 ul li:hover .boxText p {
    background: transparent
}

.journey6 .middleimg ul li span {
    top: 40%;
}

.journey7 ul li .boxText p {
    margin-top: 5%;
}

.fancy ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.fancy ul li {
    margin-bottom: 11px;
    position: relative;
}

.fancy ul li img {
    max-width: 100%;
}

.fancy {
    margin: 20px 0 50px;
    float: left;
    width: 100%;
}

.fancy .middleimg {
    margin: 0 1.3%;
}

.fancy ul li a .galery {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    transform: scale(1);
    transition: all 0.6s ease 0s;
}

.fancy ul li a .galery p {
    color: #fff;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-top: 29%;
    text-shadow: 0 0 4px #474747;
    text-transform: uppercase;
    margin-bottom: 0;
}

.fancy ul li a .galery span {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 3px;
}

.fancy ul li a:hover .galery {
    background: rgba(0, 0, 0, 0.5);
}

.fancy .middleimg ul li a .galery p {
    margin-top: 60%;
}

.fancy ul li a img {
    width: 100%;
}

.fancy h2 {
    color: #474747;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 150%;
    margin: 0;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.headerFixed .headerLogo {
    text-align: center;
    padding: 12px 0;
}

.tabType6 ul li a {
    letter-spacing: 2px;
}

.hotelBlock2 p {
    font-size: 16.6px;
}

.headerFixed {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    /*background:rgba(0, 0, 0, 0.7);*/
    position: fixed;
    /*top:10px;*/
    max-width: 1024px;
    width: 100%;
    z-index: 9992;
    background: url(../images/header-shadow.png) repeat-x;
}

/*.headerFixed:hover {background:rgba(0, 0, 0, 0.9);}*/

#naoshima1 {
    padding-top: 110px;
}

.fancybox-overlay {
    z-index: 9999;
}

#tokyo2 {
    padding-top: 112px;
}

#tokyo3 {
    padding-top: 112px;
}

#kyoto2 {
    padding-top: 112px;
}

#kyoto3 {
    padding-top: 112px;
}

#kyoto4 {
    padding-top: 112px;
}

.nav ul.newWidth li ul li a:hover {
    background: #ebe3da !important;
    color: #888 !important;
}

/* .headerFixed:hover {} */

.sticky {
    top: 0;
}

.headerLogo {
    float: left;
    margin-left: 15px;
}

.container2 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.container2 .headerFixed {
    width: 100%;
    top: 0;
}

.container2 .journey4 .rightimg ul li iframe {
    height: 321px;
}

.container2 .innerArea {
    padding: 0 10px;
}

.container2 .tabType {
    text-align: center;
}

.container2 .tabType ul li {
    float: none;
    display: inline-block;
    margin-right: 2px;
}

.container2 .mainMenu .nav>li {
    position: relative;
}


.container3 {
    padding: 0;
    box-shadow: none;
}

.container4 {
    margin: 0 auto;
    width: 920px;
}

.container3 .headerFixed {
    top: 0;
    width: 100%;
}

.container3 .mainMenu {
    position: relative;
}

.container3 .mainMenu .nav>li {
    position: relative;
}

.container6 {
    margin: 0 auto;
    padding: 0;
    box-shadow: none;
}

.container6 .innerBanner img {
    height: auto;
}

.container6 .headerFixed {
    top: 0;
    width: 1024px;
}

.container6 .mainMenu {
    margin-left: 11%;
}

.container6 .journey4 .rightimg ul li iframe {
    height: 241px;
}


.bodyTopHeading5 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.itNewLeft p img {
    max-width: 100%;
}

.itNewLeft p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 17.5px;
    line-height: 26px;
    padding: 5px 0;
}

.itNewLeft p img {
    margin-bottom: 15px;
}

.itNewLeft p span {
    float: right;
}

.itNewLeft p span img {
    margin: 0 0 10px 15px;
}

.itRight {
    background: #f9f5f2;
    padding: 10px;
}

.itRight h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 0;
}

.itRight p {
    font-size: 16px;
    line-height: 24px;
    margin-left: 0;
    font-style: normal;
    color: #333;
    font-family: Roboto, sans-serif;
}

.itRight .topMap {
    margin: 0 0 20px 0;
}

.itRight .topMap img {
    max-width: 100%;
}

.inRightTop {
    margin-top: 20px;
}

.inRightTop p span {
    font-weight: 600;
    color: #333;
    margin-right: 7px;
}

.inRightTop ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.inRightTop ul li a {
    color: #830404;
    font-size: 16px;
    line-height: 24px;
    margin-left: 0;
    font-style: normal;
    font-family: Roboto, sans-serif;
}

.phone {
    margin: 11px 18px 0;
    float: right
}

.phone i {
    margin-right: 4px;
}

.phone p {
    font-size: 16px;
    margin: 0;
    font-family: 'Oswald', sans-serif;
}

.phone p a {
    color: #fff
}

.phone p a:hover {
    text-decoration: none;
    color: #ebe3da;
}

.footerNewNav4 ul li:last-child span {
    margin-top: 3px;
    float: right;
}

.submenu {
    position: fixed;
    top: 0;
    margin-top: 93px;
    max-width: 1024px;
    width: 100%;
    background: #ededed;
    padding: 10px;
    z-index: 91;
    text-align: center;
}

/* .tabType.submenu ul li a {
    background:#fff;
} */

/* .tabType.submenu ul li.activeBtm a {
    background: #ebe3da;
} */

.tabType.submenu ul li a:hover {
    /*background:#ebe3da;*/
    color: #990000;
}

.bannerTopSed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.sticky .navbar-inverse .navbar-nav>li>a {
    color: #777;
}

.sticky .navbar-inverse .navbar-nav>li>a:hover,
.sticky .navbar-inverse .navbar-nav>li>a:active,
.sticky .navbar-inverse .navbar-nav>li>a:focus {
    color: #ebe3da;
}

.sticky .phone p,
.sticky .phone i {
    color: #888 !important;
}

.sticky .toggle .headersearchArea .search p {
    color: #888;
}

.modal {
    z-index: 10000;
}

.tabType.submenu ul li {
    float: none;
    display: inline-block;
    margin-right: 0;
}

.sticky2 .scrollRight {
    position: fixed;
    top: 0;
    margin-top: 150px;
    z-index: -1;
    width: 35%;
}

.headerFixed .stickyLogo {
    display: none;
}

.headerFixed.sticky .stickyLogo {
    display: block;
}

.headerFixed.sticky .logo2 {
    display: none;
}

.logo2 {
    background-image: url(../images/itc-logo-7.png)
}

.stickyLogo {
    background-image: url(../images/itc-logo-7-gray.png);
}

#home-page .logo2,
#home-page .stickyLogo {
    background-image: none;
}

.logo2,
.stickyLogo {
    width: 170px;
    height: 60px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.bodyContent3 {
    border-bottom: 1px solid #ccc;
}

.exprince .toutDetails {
    margin: 0;
    padding: 40px 0;
}

.exprince .toutDetails.toutDetails6 .tourDetailsLeft {
    float: right;
}

.exprince .toutDetails.toutDetails6 .tourDetailsRight {
    float: left;
}

.exprince li:last-child .toutDetails {
    border: none;
}

.exprince li:nth-child(3) .toutDetails {
    border: none;
}

.exprince li:nth-child(6) .toutDetails {
    border: none;
}

.travelNote {
    padding: 0 30px;
}

.travelNote h2 {
    color: #990000;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
}

.travelNote p {
    color: #474747;
    display: block;
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.travelNote li {
    color: #474747;
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.travelNote h4 {
    color: #990000;
    font-size: 17px;
    font-weight: normal;
    line-height: 16px;
    text-transform: uppercase;
    margin-top: 20px;
}

.travelNote p img {
    display: block;
    margin: 15px auto;
    max-width: 100%;
}

.jtnRight {
    border: 1px solid #dadada;
    box-shadow: -1px 3px 4px #c1c1c1;
    padding: 10px;
    margin: 0 0 30px;
}

.jtnRight p,
.jtnFloatRight p {
    color: #474747;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

.jtnRight h5,
.jtnFloatRight h5 {
    color: #990000;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
}

.jtnFloatRight {
    float: right;
    border: 1px solid #dadada;
    box-shadow: -1px 3px 4px #c1c1c1;
    padding: 10px;
    margin: 0 0 30px 30px;
    width: 40%;
    max-width: 290px;
}

.jtnFloatRight .dropdown:hover .dropdown-menu {
    display: block;
    background: #fff;
    width: 100px;
    padding: 10px;
    border: 1px solid #dadada;
    box-shadow: -1px 3px 4px #c1c1c1;
    margin: -20px 0 0 100px;
}

.jtnFloatRight .dropdown .dropdown-menu img {
    max-width: 100%;
    margin-bottom: 6px;
}

.jtnFloatRight .dropdown {
    font-size: 17px;
}

.jtnFloatRight .dropdown .dropdown-menu small {
    color: #4c4c4c;
}

.jtnFloatRight .dropdown .dropdown-menu h5 {
    text-transform: none;
}

ul.bjqs {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none;
}

.quoteRight {
    padding: 20px 10px 0;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

.quoteRight p {
    color: #474747;
    font-size: 17px;
    font-weight: 400;
    font-family: Georgia, serif;
    font-style: italic;
}

li.bjqs-slide:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.2;
    background-color: #000;
}

li.bjqs-slide {
    position: absolute;
    display: none;
}

ul.bjqs-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9999;
}

ul.bjqs-controls.v-centered li a {
    position: absolute;
}

ul.bjqs-controls.v-centered li.bjqs-next a {
    right: 10px;
    background: url(../images/arrows.png) no-repeat;
    width: 30px;
    height: 30px;
    background-position: 100% 0;
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
    left: 10px;
    background: url(../images/arrows.png) no-repeat;
    width: 30px;
    height: 30px;
}

ol.bjqs-markers {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

ol.bjqs-markers.h-centered {
    text-align: center;
    display: none;
}

ol.bjqs-markers li {
    display: inline;
}

ol.bjqs-markers li a {
    display: inline-block;
}

p.bjqs-caption {
    display: block;
    width: 96%;
    margin: 0;
    padding: 2%;
    position: absolute;
    bottom: 0;
}

#banner-fade .bjqs-controls {
    opacity: 0;
    transition: all 1s ease 0s;
}

#banner-fade:hover .bjqs-controls {
    opacity: 1;
}

pre {
    font-family: "Source Code Pro", monospace;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: whiteSmoke;
    border: 1px solid #CCC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#banner-fade,
#banner-slide {
    margin-bottom: 60px;
}

ul.bjqs-controls.v-centered li a {
    display: block;
    padding: 10px;
    background: #fff;
    color: #000;
    text-decoration: none;
}

/*ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}*/

ol.bjqs-markers li a {
    padding: 5px 10px;
    background: #000;
    color: #fff;
    margin: 5px;
    text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover {
    background: #999;
}

p.bjqs-caption {
    background: rgba(255, 255, 255, 0.5);
}

.bjqs-prev a,
.bjqs-next a {
    z-index: 1000;
}

.exprince .tourDetailsRight p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.headerFixed2 {
    background: rgba(0, 0, 0, 0.6);
}

.headerFixed2 .nav a {
    color: #fff;
}

.headerFixed2 .headerRight p {
    color: #fff;
}

.headerFixed2 .toggle .headersearchArea .search p {
    color: #fff;
}

.invob ul li a {
    padding: 0;
}

.popall {
    width: 700px;
}

.popall .imagePop {
    text-align: center;
    margin-bottom: 20px;
}

.popall .imagePop img,
.popall .conPop img {
    max-width: 100%;
    height: auto;
}

.popup-sm {
    float: right;
    margin: 5px 0 0 15px;
}

.popall .conPop h2 {
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.popall .conPop h3 {
    font-size: 21px;
}

.popall.hotelPopup .conPop h2 {
    text-transform: uppercase;
}

.popall.hotelPopup .conPop h2 span {
    font-size: 22px;
    text-transform: capitalize;
}

.popall .conPop p,
.popall .conPop li {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    color: #444;
    font-size: 16px;
    clear: both;
}

/* caption inside pop-ups – different look */
.popall .conPop li {
    margin-bottom: 5px;
}

.popall.hotelPopup .conPop p {
    font-size: 16px;
    /*letter-spacing:1px;*/
    color: #444;
}

.popall .conPop p.img-caption {
    display: block;
    margin-top: 5px;
    text-align: right;
    color: #474747;
    font: italic 11px/1.4 'Open Sans', sans-serif;
    letter-spacing: 1px;
}

/* phone / small tablets: shrink, but stay above min-font */
@media (max-width:767px) {
    .popall .conPop p.img-caption {
        font: italic .75rem/1.4 'Open Sans', sans-serif;
        /* 0.75 × 16 = 12 px */
    }
}

.tabBlock .tabRight .col-sm-6 {
    padding: 0;
}

.tabBlock p img {
    float: right;
    margin: 18px 0 10px 20px;
}

.tabBlock .tabRight .col-sm-6 img {
    margin: 0;
    padding: 0 0 0 12px
}

.hotelTabNew .tabRight a {
    float: right;
}

.exp ul {
    padding-left: 0;
}

.exp li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.innerBanner .bannerTopText {
    position: absolute;
    top: 43%;
    z-index: 9;
    left: 16%;
}

.innerBanner .bannerTopText h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 46px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
}

.innerBanner .bannerTopText p {
    font-size: 18px;
    color: #fff;
}

.homeBtm {
    margin-top: 30px;
}

li.aro1 .homeImg {
    background: rgba(54, 67, 76, 0.7);
}

li.aro2 .homeImg {
    background: rgba(74, 109, 128, 0.7);
}

li.aro3 .homeImg {
    background: rgba(140, 120, 87, 0.7);
}

li.aro1:hover .homeImg {
    background: rgba(54, 67, 76, 1);
}

li.aro2:hover .homeImg {
    background: rgba(74, 109, 128, 1);
}

li.aro3:hover .homeImg {
    background: rgba(140, 120, 87, 1);
}

.bodyTopHeading7 h1 {
    text-align: left;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 28px;

    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.6em;
    color: #474747;
}

.bodyTopHeading7 p {
    text-align: left;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    color: #474747;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
}

.bodyTopHeading8 {
    margin-top: 25px;
}

.tabType ul li:last-child a {
    border: none;
}

.tours_map_nav {
    display: none;
}

.tabTypenew ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.tabTypenew ul li {
    display: inline-block;
}

.tabTypenew ul li a {
    border-right: 2px solid #514f45;
    color: #514f45;
    display: block;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 14px;
    outline: medium none;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.tabType8 {
    text-align: center;
    margin-top: 5px;
}

.tabType8 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.tabType8 ul li {
    display: inline-table;
}

.tabType8 ul li a {
    border-right: 2px solid #514f45;
    color: #514f45;
    display: block;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 14px;
    outline: medium none;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.tabType8 ul li:last-child a {
    border: none;
}

.bodyTopHeading4 h1 {
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 5px;
}

.bodyTopHeading4 {
    margin-top: 20px;
}

.destinationPage ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.destinationPage ul li {
    float: left;
    width: 32.33%;
    margin: 5px 0.5%;
    position: relative;
}

.destinationPage ul li .destiTop img {
    max-width: 100%;
}

.clearfix {
    clear: both;
}

.destinationPage ul li .destiBtm {
    background: #fff;
    width: 90%;
    margin: -50px 5% 0 5%;
    position: relative;
    text-align: center;
    padding: 25px 30px;
}

.destibackground-img {
    background: #fff;
    padding: 10px 0;
}

.destinationPage ul li .destiBtm h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.destinationPage ul li .destiBtm p {
    text-align: left;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 13px;
    line-height: 17px;
    min-height: 90px;
    margin-top: 10px;
    color: #474747;
    font-weight: 400;
}

.destinationPage ul li .destiBtm a {
    display: inline-block;
    padding: 5px 0;
    border: 1px solid #ccc;
    color: #474747;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    width: 90%;
    margin-top: 5px;
    text-decoration: none;
    background: #ededed;
}

.destinationPage ul li .destiBtm a:hover {
    border: 1px solid #333;
}

.destinationPage ul li.dpnogb .destiBtm {
    margin-top: 0;
    min-height: 425px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.destinationPage ul li.dpnogb .destiBtm h3 {
    margin-top: 45%;
}

.destinationPage ul li.dptwoThard {
    width: 65.6%;
}

.submenu2 {
    /*margin-top:0;*/
    margin-bottom: 15px;
}

.menexp h2 {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 24px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.6em;
    margin: 10px 0 0;
    text-align: center;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
}

.listview ul {
    float: left;
    width: 20%;
}

.listview ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.listview ul li {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 14px;
    color: #474747;
    float: left;
    width: 100%;
}

.listview ul li a {
    font-size: 15px;
    color: #474747;
    margin-bottom: 5px;
}

.listview h2 {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 20px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.6em;
    margin: 10px 0 0;
    text-transform: uppercase;
}

.listview {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.mappoint div.kyoto {
    position: absolute;
    cursor: pointer;
}

.mappoint div.kyoto img {
    width: auto;
    height: auto;
}

.mappoint div.kyoto .HoverPop {
    display: none;
    position: absolute;
}

.mappoint div.kyoto:hover .HoverPop {
    display: inline-block;
}

.mappoint div.kyoto .HoverPop .hovRight {
    background: rgba(0, 0, 0, 0.8);
    width: 160px;
    /*height:100px;*/
    text-align: left;
    padding: 10px;
    color: #FFF;
    margin-top: -40px;
    z-index: 1000;
    float: right;
    margin-left: 16px;
}

.mappoint div.kyoto .HoverPop .hovLeft {
    float: left;
}

.mappoint div.kyoto2 {
    left: 41.4%;
    top: 57%;
}

.mappoint div.tokyo {
    left: 65.4%;
    top: 52.6%;
}

.mappoint div.asaba {
    left: 60%;
    top: 64.8%;
}

.mappoint div.hakone {
    left: 55.7%;
    top: 58.3%;
}

.mappoint div.amanemu {
    left: 46.8%;
    top: 67%;
}

.mappoint div.naoshima {
    left: 30.5%;
    top: 66%;
}

.mappoint div.sslt {
    left: 17.5%;
    top: 82%;
}


#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3 {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 99999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.nbs-flexisel-inner {
    overflow: hidden;
    float: left;
    width: 100%;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.nbs-flexisel-item img {
    width: 98%;
    cursor: pointer;
    position: relative;
    height: 270px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left:hover {
    opacity: 1;
}

.nbs-flexisel-nav-right:hover {
    opacity: 1;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/prev.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 15px;
    background: url(../images/next.png) no-repeat;
}

.homeImg {
    position: absolute;
    bottom: 0;
    height: 65px;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    z-index: 9;
    width: 98%;
    text-align: left;
    padding: 0 10px;
}

.homeImg h4 {
    margin: 5px 0 0 0;
    color: #fff;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 18px;
    font-style: italic;
}

.homeImg p {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    color: #dcd9b8;
    font-size: 15px;
    line-height: 14px;
    margin-top: 3px;
}

.homeImg p a {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 15px;
    color: #fff;
}

.japanHeading h1 {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
}

/* .headingOver {
    border-top:1px solid #ccc;
} */

.newBack ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.newBack ul li {
    float: left;
    width: 33.33%;
    padding: 10px 1%;
}

.newBack ul li h3 {
    color: #222 !important;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 7px;
    margin-top: 0;
    text-transform: uppercase;
    margin-top: 15px;
}

.newBack ul li p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #777;
    line-height: 24px;
    margin-top: 5px;
    font-weight: 400;
}

.newBack ul li a {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    padding: 0;
    font-size: 15px;
    color: #f89f65;
    text-decoration: none;
}

.newBack ul li a:hover {
    color: #f89f65;
}

.newBack ul li a:hover {
    color: #111;
}

.newBack ul li img {
    max-width: 100%;
}

.newBack ul li:hover {
    background: #333;
}

.newBack ul li:hover h3 {
    color: #fff !important;
}

.newBack ul li:hover p {
    color: #ccc;
}

.newBack ul li:hover a {
    color: #fff;
}

.clearfix {
    clear: both;
}

.viewAll {
    margin-top: 15px;
    margin-right: 15px;
}

.viewAll a {
    float: right;
    font-family: oswald, Oswald, sans-serif;
    font-size: 15px;
    color: #f45900;
    text-transform: uppercase;
}

.viewAll a i {
    font-size: 12px;
}

.newTrip {
    position: absolute;
    right: 40px;
    bottom: 0;
}

.newTrip a {
    padding: 10px 15px;
    background: #ff3334;
    display: inline-block;
    color: #FFF;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 20px;
    z-index: 9;
    text-transform: uppercase;
    text-align: center;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
}

.newTrip a i {
    font-size: 13px;
    line-height: 12px;
    display: block;
    margin-top: 0;
}

.tripPlaning {
    background: #e9e9e9;
    padding: 22px 8px;
    margin-top: 20px;
}

.tripPlaning h2 {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    color: #474747;
}

.planBlock h4 {
    font-size: 17px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    margin: 0 0 5px 0;
}

.planBlock p {
    color: #474747;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 5px;
}

.planBlock {
    margin-top: 8px;
}

.planBlock h4 span {
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: normal;
}

.planBlock .planImg {
    margin-bottom: 10px;
}

.planBlock .planImg img {
    max-width: 100%;
}

.planBlock p img {
    float: right;
    max-width: 100%;
}

footer {
    font-weight: 400;
}

footer .fa {
    margin-right: 4px;
}

footer .fa-3x {
    margin: 6px 12px 0 0;
}

footer .icon-right {
    float: right !important;
    width: 40px;
}

.footerNav2 {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.footerNav2 h4,
.newFooter h4 {
    font-size: 18px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 14px;
}

.footerNav2 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footerNav2 ul li {
    color: #c0c0c0;
    display: block;
    margin: 2px 0;
    text-align: left;
    padding-bottom: 6px;
}

.footerNav2 .underline ul li {
    border-bottom: 1px solid #565353;
}

.footerNav2 .underline ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.footerNav2 span {
    font-size: 10px;
    margin-top: -1px;
    display: block;
    color: #8a8686;
}

.footerNav2 ul li,
.footerNav2 ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    text-decoration: none;
}

.footerNav2 p {
    text-align: left;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px
}

.footerNav2 h5 {
    font-size: 16px;
    color: #ccc;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    text-transform: uppercase;
    text-align: left;
    font-style: italic;
}

.footerNav2 ul li a:hover {
    color: #f1f1f1;
}

.footermenu ul {
    float: left;
    margin-right: 20px;
    margin-bottom: 40px;
}

.contactinfo img {
    float: left;
    width: 30%;
    margin: 10px 14px 10px 0;
    filter: grayscale(100%);
}

.copyright p {
    font-size: 12px;
    margin-top: 4px;
    color: #c0c0c0;
}

.copyright a {
    color: #c0c0c0;
    text-decoration: none;
}

.footerBtmArea {
    padding: 15px 0;
}

footer .footerBtmArea .left img {
    max-width: 136px;
    float: left;
}

footer .footerBtmArea .right img {
    max-width: 136px;
    float: right;
}

/* .mapTabArea {
    border-top:1px solid #ddd;
} */

#mappoly area {
    cursor: pointer;
}

.journey11 .boxText {
    text-align: center;
}

.journey11 ul li span {
    opacity: 1;
    visibility: visible;
    text-align: center;
}

.journey11 .boxText {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
}

.journey11 .boxText:hover {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.journey11 ul li a.newMore {
    opacity: 0 !important;
}

.journey11 ul li:hover a.newMore {
    opacity: 1 !important;
}

.journey11 ul li:hover a.boxText {
    background: none;
}

.journey11 ul li:hover {
    background: rgba(0, 0, 0, 0.6) !important;
    z-index: 9999;
}

.journey12 ul li .boxText p {
    opacity: 0;
}

.journey12 ul li:hover .boxText p {
    opacity: 1;
}

.journey12 ul li .boxText em {
    opacity: 0;
}

.journey12 ul li:hover .boxText em {
    opacity: 1;
}

.journey12 ul li a.newMore {
    opacity: 0;
}

.journey12 ul li:hover a.newMore {
    opacity: 1;
}

.journey2 ul li .boxText span {
    text-align: center;
}

.exprince.tourExp .toutDetails {
    border: none;
}

.menMap {
    position: relative;
}

.nav ul.newWidth .col-sm-12 {
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 5px;
}

img.over2Img {
    display: none;
}

.nav li ul.newWidth {
    padding-left: 0 !important;
}

.headerRight p a {
    color: #fff;
}

.footerNav2 p a {
    color: 999;
}

.exprince .tourDetailsRight a {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #f45900;
    text-decoration: none;
}

.exprince .tourDetailsRight a:hover {
    color: #333;
}

.exprince .tourDetailsRight a.secondary {
    letter-spacing: 1px;
    color: #f45900;
    font-weight: 600;
}

.noteLogo {
    text-align: center;
}

.noteLogo h3 {
    color: #58585a;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 35px;
    padding-bottom: 5px;
}

.notTopcon p {
    color: #474747;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.4em;
}

.noteHeading {
    margin: 25px 0;
}

.noteHeading h1 {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-style: normal;
    font-weight: 400;
    margin-top: 5px;
    text-align: center;
    font-size: 28px;
    letter-spacing: normal;
    line-height: 1.6em;
}

.noteCont h3 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-top: 5px;
    text-align: left;
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.6em;
    padding-left: 35px;
    margin-bottom: 5px;
    background: url(../images/airline-icon.html) no-repeat;
}

.noteCont p {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 24px;
    color: #474747;
}

.noteCont p a {
    color: #f45900;
    text-decoration: none;
}

.noteCont h5 {
    margin: 0 0 5px 0;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-style: normal;
    font-weight: 400;
    text-align: left;
    font-size: 18px;
    letter-spacing: normal;
    margin-top: 20px;
}

.noteCont h2 {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.6em;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
}

.noteCont samp {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 17px;
    margin-bottom: 5px;
    line-height: normal;
    color: #474747;
    cursor: pointer;
    text-decoration: underline;
}

.heding4 {
    border-bottom: 1px solid #474747;
    padding-bottom: 10px;
}

.noteCont img {
    float: right;
    margin-right: 15px;
    margin-bottom: 15px;
}

.noteCont p em {
    font-style: normal;
    color: #3366ff;
}

.greenHealth h4 {
    margin: 0 0 5px 0;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-style: normal;
    font-weight: 400;
    text-align: left;
    font-size: 20px;
    letter-spacing: normal;
    margin-top: 20px;
}

.greenHealth p {
    font-size: 18px;
    color: #333;
}

.noteCont h6 {
    margin: 0 0 5px 0;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-style: normal;
    font-weight: 400;
    text-align: left;
    font-size: 18px;
    letter-spacing: normal;
    margin-top: 20px;
}

.noteCont h6 img {
    float: left;
    margin-right: 10px;
}

.imagesNots {
    text-align: center;
}

.noteCont .imagesNots img {
    float: none;
}

.noteCont .imagesNots em {
    float: none;
}

.notRight {
    border: 1px solid #474747;
    padding: 15px;
    margin-top: 80px;
}

.noteCont h2 img {
    float: left;
    margin-top: 7px;
}

.noteCont span.riBox {
    border: 1px solid #474747;
    padding: 10px;
    width: 200px;
    float: right;
    margin-right: 10px;
    margin-bottom: 15px;
}

.bottole img {
    float: none;
}

.back {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 25px;
}

.back a {
    display: inline-block;
    padding: 8px 30px;
    border: 1px solid #474747;
    color: #ff0000;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
}

.back a:hover {
    background: #474747;
    color: #fff;
}

.noteCont a img {
    float: left;
    margin-right: 10px;
}

.noteCont h5 img {
    float: left;
    margin-right: 10px;
}

.ironForm h2 {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-style: normal;
    font-weight: 400;
    margin-top: 5px;
    text-align: left;
}

.ironForm label {
    width: 100%;
    float: left;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 16px;
    letter-spacing: 1px;
}

.ironForm input {
    width: 100%;
    height: 36px;
    border: 1px solid #ccc;
    padding-left: 1%;
    font-size: 16px;
}

.ironForm .ironCheckArea input {
    width: auto;
    height: auto;
    float: left;
}

.ironForm .ironCheckArea span {
    font-size: 15px;
    margin-left: 7px;
    margin-top: 1px;
    float: left;
}

.ironForm .ironCheckArea fieldset {
    float: left;
    width: 100%;
    margin-top: 8px;
}

.ironForm .ironCheckArea h4 {
    margin: 20px 0 0 0;
    font-weight: 400;
}

.ironForm textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #ccc;
    padding-left: 1%;
    font-size: 16px;
    margin-bottom: 10px;
}

.ironForm .ironCheckArea {
    margin-bottom: 20px;
}

.ironForm input.ironSend {
    background: #ff3334;
    text-transform: uppercase;
    font-size: 15px;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    color: #fff;
    font-weight: 400;
    width: auto;
    padding: 0 30px;
    border: none;
    margin-top: 27px;
}

.ironForm input.ironSend:hover {
    background: #333;
}

.ironForm em {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333;
}

.bannerTopText img {
    width: auto;
    height: auto;
}

.bannerTopText a {
    margin-top: 155px;
    display: block;
}

.bannerTopText2 {
    left: 16% !important;
}

.ironForm label.error {
    font-size: 12px !important;
    color: #ff0000 !important;
}

#message {
    background: #fc3939;
    color: #fff !important;
    font-size: 20px;
    text-align: center;
    width: 100%;
    float: left;
    padding: 10px 0;
}

#captcha_message {
    background: #fc3939;
    color: #fff !important;
    font-size: 16px;
    text-align: left;
    width: 100%;
    float: left;
    padding: 10px 0 10px 10px;
}

.leftimg.leftimg2 {
    width: 100%;
}

.leftimg2 ul li {
    float: left;
    width: 32% !important;
}

.mag {
    margin: 0 1.3%;
}

.bdLogo {
    text-align: center;
    margin-top: 15px;
}

.blogDetails {
    margin-top: 40px;
}

.blogDetails p {
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 16px;
    color: #4c4c4c;
    margin: 10px 0;
    text-align: left;
}

.blogDetails img {
    max-width: 100%;
}

.blogDetails h2 {
    text-align: left;
    margin-top: 25px;
}

.bradcrane ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.bradcrane ul li {
    display: inline-block;
    margin: 0 5px;
    font-family: Oswald, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 14px;
}

.bradcrane ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #888;
}

.bradcrane ul li.bradActive a {
    color: #111;
}

.bradcrane ul li a:hover {
    color: #333;
}

.bradcrane {
    margin-top: 25px;
    float: left;
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
}

.bjqs img {
    position: relative;
}

#contact fieldset {
    border: none;
    padding: 0;
}

#contact td {
    font-size: 17px;
    color: #635e62;
}

#contact input,
#contact textarea,
#contact select {
    background: #fff;
    color: #999;
    font: inherit;
    margin: 5px 0;
    padding: 5px 5px 6px 6px;
    width: 100%;
}

#contact textarea {
    height: 80px;
}

.boxForm #send {
    background: url(../images/begin_journey.jpg);
    width: 100%;
    border: none;
    background-size: cover;
    max-width: 106px;
    min-height: 40px;
    background-position: center;
    margin: 20px 0 !important;
}

.boxForm td:first-child {
    padding-right: 15px;
}

.small,
small {
    font-size: 90%;
    display: block;
    line-height: 1.6;
    color: #777;
}

.sitemap h3 {
    font-size: 18px;
    margin-top: 10px;

}

.sitemap h2 {
    font-size: 22px;
    margin-top: 10px;

}

.sitemap p,
.sitemap li {
    font-size: 15px;

}

.modal-body {
    margin-top: 20px;
}

.alert {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
    clear: both;
    max-width: 490px;
    margin: 0 auto 20px;
}

.alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
    font-size: 16px;
}

.error {
    text-align: left;
    color: #a94442;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 6px;
}

.p-l-42 {
    padding-left: 42px;
}

.fl-left {
    float: left;
}

.fl-right {
    float: right !important;
}

.image-right {
    float: right;
}

.text-white {
    color: #fff;
}

.img-m-20 img {
    margin-bottom: 30px;
}

.m-l-none h3,
.m-l-none p {
    margin-left: 0 !important;
}

.destinations {
    background: #fff;
    width: 90%;
    margin: -50px 5% 20px 5%;
    position: relative;
    padding: 5px 20px 20px;
}

.destinations h3 {
    text-transform: uppercase;
    text-align: center;
}

.italic {
    font-style: italic;
}

.overflow-vis {
    overflow: visible;
}

.padding-none {
    padding: 0 !important;
    ;
}

/****************************
BLOG
****************************/
#blog h2 {
    margin: 30px 0 1px;
}

.pager li>a,
.pager li>span {
    border-radius: 3px;
}

#blog .well li {
    font-size: 15px;
    margin: 0 0 15px;
}

#blog .btn-primary {
    margin-left: 0;
}

#blog img {
    margin-bottom: 20px;
}

/****************************
TESTIMONIALS
****************************/
.testimonials {
    padding: 36px 0;
    background: rgba(233, 233, 233, 0.54);
    min-height: 260px;
    margin: 40px 0;
}

.testimonials p {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 20px;
}

.testimonials small {
    color: inherit;
}

.testimonials img {
    border-radius: 50%;
    width: 160px;
}

#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -30px;
    margin-right: -19px;
}

#quote-carousel .carousel-indicators li {
    background: #c0c0c0;
}

#quote-carousel .carousel-indicators .active {
    background: #c66051;
}

.carousel-indicators .active {
    margin: 4px;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 4px;
    border: none;
}

.p-r-none {
    padding-right: 0;
}

.p-l-none {
    padding-left: 0;
}

.clear {
    clear: both;
}

.day-container h3,
.day-container p {
    margin-left: 67px;
}

.day-container div {
    float: left;
}

.day-container span.day {
    text-transform: uppercase;
    font-size: 14px;
    color: #999;
    display: block;
    text-align: center;
    width: 45px;
    letter-spacing: 0.5px;
}

.day-container span.num {
    font-size: 40px;
    font-weight: 600;
    width: 45px;
    text-align: center;
    display: block;
    line-height: 1;
}

.hr1 {
    background-color: #ddd;
    color: #ddd;
    border-top: 1px solid #ddd;
    height: 0;
    margin-left: 15px;
    margin-right: 15px;
}

.gallery {
    padding: 0 15px;
}

map {
    margin-bottom: 30px;
    display: inline-block;
}

.table-default {
    width: 100%;
    border: 0;
    margin-bottom: 30px;
}

.table-default td {
    border-bottom: 1px solid #dddddd;
    font-size: 15px;
    margin: 0;
    padding: 10px;
}

.row-860 {
    max-width: 860px;
    margin: 0 auto;
}

.travel-info .fa {
    float: left;
    display: block;
    color: #f45900;
    margin-right: 20px;
}

.travel-info hr {
    margin-top: 7px;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #adadad;
}

/****************************
TOOLTIP
****************************/
.tooltip {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300 !important;
}

.tooltip.in {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.tooltip.top .tooltip-arrow {
    border-top: 5px solid #333 !important;
}

.tooltip.left .tooltip-arrow {
    border-left: 5px solid #333 !important;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom: 5px solid #333 !important;
}

.tooltip.right .tooltip-arrow {
    border-right: 5px solid #333 !important;
}

.tooltip-inner {
    background-color: #333 !important;
}

/****************************
NO MORE TABLES
****************************/
#no-more-tables table {
    width: 100%;
    border-spacing: 0;
}

#no-more-tables th:first-child {
    padding-left: 8px;
}

#no-more-tables td:first-child {
    font-size: 12px;
    line-height: 2;
    width: 18%;
    padding-left: 6px;
}

#no-more-tables td {
    padding: 4px 2px 5px 2px;
    width: 6%;
}

#no-more-tables td div.color-1 {
    background: #fff;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

#no-more-tables td div.color-2 {
    background: #FFFF99;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

#no-more-tables td div.color-3 {
    background: #8CA0FF;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

#no-more-tables td div.color-4 {
    background: #3333CC;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

#no-more-tables td div.color-5 {
    background: #FFA500;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

#no-more-tables tr.background-img-colored {
    background: #efefef;
}

#no-more-tables td.td-padding {
    height: 5px;
}

#no-more-tables th {
    text-align: left;
    background: #474747;
    padding: 5px 0 5px 3px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}

@media (min-width: 768px) {
    .navbar-default {
        float: none;
        vertical-align: top;
    }
}

/****************************
HOME PAGE
****************************/
#home-page a {
    text-decoration: none;
}

#home-page .banner-form {
    padding-left: 0;
    max-width: 1024px;
    margin: 0 auto;
    list-style-type: none;
}

#home-page .banner-logo {
    margin: 0 auto;
    width: 60px;
    padding-top: 80px;
}

#home-page .home-top-nav {
    right: 55px;
    position: absolute;
}

#home-page #banner-fades {
    height: 500px;
    max-width: 100% !important;
    /* background-Image: url(../images/cherry_blossoms_japan.jpg); */
    background-Image: url("https://indochinatravel.com/images/hero-hirosaki-castle-monochrome-clip.webp");
    background-size: cover;
    background-position: center center;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    float: left;
    width: 100%;
}

#home-page .container-full {
    width: 100%;
    max-width: 100%;
}

#home-page .headerFixed {
    margin-left: -10px;
}

#home-page .navbar-inverse::before {
    left: 0;
}

#home-page .navbar-inverse::after {
    right: 0;
}

#home-page .navbar-inverse::before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 0px;
    border-bottom: 1px solid #bbb;
    width: calc(50% - 50px);
}

#home-page .navbar-inverse::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 0px;
    border-bottom: 1px solid #bbb;
    width: calc(50% - 70px);
}

#home-page .navbar-inverse {
    background-color: transparent;
    /*border-color: #bbb;*/
    border-color: transparent;
    z-index: 1;
}

#home-page .navbar-inverse .navbar-nav>li {
    border-left: 1px solid #bbb;
    height: 60px;
    padding: 8px 15px;
}

#home-page .navbar-inverse .navbar-nav>li .fa-search {
    font-size: 20px;
}

#home-page .navbar-nav>li {
    font-family: 'Oswald', sans-serif;
}

#home-page .navbar-inverse .navbar-nav {
    margin: 0;
}

#home-page .headerLogo {
    float: none;
    margin: 10px auto 0;
}

#home-page .sticky .headerLogo {
    float: none;
    margin: 10px 0 -25px;
}

#home-page .navbar-default .navbar-nav>li>a {
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    letter-spacing: 2px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.31);
}

#home-page .sticky .navbar-default .navbar-nav>li>a {
    text-shadow: none;
}

#home-page .bannerTopText form select {
    background: url(../images/angle-down.png) no-repeat right #fff;
    -webkit-appearance: none;
    appearance: none;
    background-position: bottom 15px right 15px;
}

#home-page .slick-dots {
    display: none !important;
}

#home-page .tours-container .btn-light:hover {
    text-decoration: none;
    cursor: pointer;
    color: #fff !important;
    background: #c66051 !important;
}

/*#home-page .slick-list {
    margin: 40px 0;}*/

#home-page .bannerTopText {
    left: 0;
    width: 100%;
    padding: 0 30px;
}

#home-page .bannerTopText form {
    padding: 25px 15px;
    background: rgba(0, 0, 0, .4);
    overflow: auto;
    margin-top: 22vh;
}

#home-page .bannerTopText form .btn-primary {
    margin: 0;
}

#home-page .bannerTopText form select {
    display: inline-block;
    padding: 8px 15px;
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    border-radius: 1px;
}

#home-page .bannerTopText form .form-control {
    border: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
}

#home-page .bodyTopHeading3 a,
.btn-primary {
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 1px;
}

#home-page .main-trip {
    height: 370px;
    max-height: 370px;
    overflow: hidden;
}

#home-page .main-trip .copy-wrapper {
    position: relative;
    width: 300px;
    padding: 25px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
}

#home-page .main-trip a {
    color: #333;
}

#home-page .main-trip .copy-wrapper,
.main-trip .img-internal {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    height: 100%;
}

#home-page .btn-light,
.tours-container .btn-light {
    display: inline-block;
    padding: 8px 28px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    color: #c66051 !important;
}

#home-page .btn-light:hover {
    background-color: #c66051;
    color: #fff !important;
    text-decoration: none;
}

#home-page .main-trip .img-internal {
    width: calc(100% - 300px);
    overflow: hidden;
}

#home-page .trip-description p {
    font-size: 15px;
    margin: 10px 0 20px;
}

#home-page .main-trip:nth-child(odd) .img-internal {
    float: right;
}

#home-page .trip-title {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.4em;
    color: #333;
    font-weight: 600;
}

#home-page .trip-block .price-copy {
    font-size: 15px;
    font-weight: 500;
    color: #474747;
    margin: 0 4px 0 0;
}

#home-page .trip-block .trip-price {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: normal;
    color: #c66051;
    letter-spacing: .5px;
    font-weight: 600;
}

#home-page .main-trip:nth-child(even) .copy-wrapper {
    float: right;
    border-right: 1px solid #F4F4F4;
    border-left: 0px solid transparent;
}

#home-page .pull-right {
    float: right !important;
}

#home-page .adventure-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 759px;
    line-height: 759px;
    padding: 0 40px;
    overflow: hidden;
}

#home-page .adventure-wrapper .background-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #F7F4F2;
}

#home-page .full-pic-bg {
    width: auto;
    height: 100%;
}

#home-page .adventure-wrapper .copy-wrapper {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    line-height: 1.1em;
    text-align: center;
    margin-bottom: 50px;
}

#home-page .main-trip {
    margin-bottom: 20px;
}

#home-page .adventure-wrapper .title-sm {
    font-size: 21px;
    color: #fff;
    line-height: 1.2em;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

#home-page .adventure-wrapper .title-main {
    color: #fff;
    line-height: 1.1em;
}

#home-page .title-main {
    font-size: 28px;
    font-weight: normal;
    line-height: 1.1em;
    color: #505050;
}

#home-page .adventure-wrapper .tel {
    font-size: 32px;
    color: #fff;
    line-height: 1.2em;
    letter-spacing: 1px;
    margin-top: 25px;
}

#home-page .adventure-wrapper .border-wrapper+.btn-main {
    margin-top: 40px;
}

#home-page .btn-main.white {
    background: #fff;
    color: #333;
}

#home-page .btn-main.border-radius {
    border-radius: 2px;
}

#home-page .btn-main {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    background: #c66051;
    padding: 0 40px;
    font-weight: bold;
    color: #fff;
    letter-spacing: .5px;
    border: 0px solid transparent;
    cursor: pointer;
    -webkit-transition: all 175ms ease;
    transition: all 175ms ease;
    font-size: 13px;
    font-weight: bold;
}

#home-page .btn-main:hover {
    background: #9d4f43;
    color: #fff;
    text-decoration: none;
}

#home-page .adventure-wrapper .border-wrapper {
    padding: 30px 30px;
    border: 1px solid #ccc;
}

#home-page .full-width-wrapper {
    margin: 40px 0;
}

#home-page .full-width-wrapper .copy-wrapper {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    line-height: 1.1em;
    text-align: center;
}

#home-page .full-width-wrapper .title-main {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    line-height: 47px;
    color: #fff;
}

#home-page .copy-block-sm {
    height: 370px;
    max-height: 370px;
}

#home-page .trip-block {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #fff;
    font-size: 0;
    margin-bottom: 20px;
}

#home-page .trip-block .type-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 5px 0 10px 0;
}

#home-page .trip-block .type-wrapper:before {
    content: '';
    display: block;
    height: 2px;
    width: 110px;
    background: #FF5B4A;
    margin: 0 0 20px 0;
}

#home-page .trip-block .type-wrapper .type-title {
    font-size: 16px;
    font-weight: 400;
    color: #FF5B4A;
    margin: 0 0 10px 0;
}

#home-page .copy-block-sm:nth-child(odd) .img-internal {
    float: right;
}

#home-page .trip-block .date-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 95px;
    line-height: 95px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 50%;
    margin-top: -47.5px;
    left: 50%;
    margin-left: -25%;
    padding: 0 10px;
}

#home-page .copy-block-sm .copy-wrapper {
    position: relative;
    width: 260px;
    padding: 30px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
}

#home-page .copy-block-sm .copy-wrapper,
.copy-block-sm .img-internal {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    height: 100%;
}

#home-page .trip-block .date-wrapper .inner-date {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    line-height: 1.8em;
    color: #fff;
}

#home-page .trip-block .date-wrapper .main-date {
    font-family: "proxima-nova", Arial, sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: normal;
}

#home-page .trip-block .date-wrapper .main-date,
.trip-block .date-wrapper .sub-date {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

#home-page .copy-block-sm .img-internal .image-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#home-page .copy-block-sm:nth-child(odd) .img-internal {
    float: right;
}

#home-page .copy-block-sm .img-internal {
    position: relative;
    width: calc(100% - 260px);
    background-color: #EBEBEB;
}

#home-page .copy-block-sm .copy-wrapper,
.copy-block-sm .img-internal {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    height: 100%;
}

#home-page .home-middle-column .copy-block-sm {
    margin-bottom: 20px;
}

#home-page .trip-block .trip-title {
    margin: 0 0 15px 0;
    color: #c66051;
}

#home-page .copy-block-sm:nth-child(even) .copy-wrapper {
    float: right;
    border-right: 1px solid #e4e4e4;
    border-left: 0px solid transparent;
}

#home-page .trip-description {
    font-size: 15px;
    color: #383838;
    line-height: 1.4em;
}

#home-page .bottom-wrap .copy-wrapper {
    padding: 20px 0 0;
}

#home-page .bottom-wrap .copy-wrapper .trip-description {
    text-align: left;
    min-height: 180px;
    max-height: 180px;
}

#home-page .bottom-wrap .img-internal .image-background {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: none;
    background-position: center center;
}

#home-page .bottom-wrap .img-internal {
    height: 220px;
    width: 100%;
}

/*-- 3 reasons to choose */
#home-page .title-red {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.1em;
    color: #FF5B4A;
    letter-spacing: 0.5px;
}

#home-page .reasons-block .block-el .ratio-content img {
    width: 100%;
    height: auto;
}

#home-page .reasons-block .block-line {
    position: absolute;
    top: 50%;
    margin-top: -46px;
    right: 20px;
    left: 20px;
    height: 2px;
    background: #FF5B4A;
}

#home-page .reasons-block .block-el {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    width: 100%;
    font-size: 1rem;
    background: url(../../www.maisondelachine.fr/skin/frontend/mdv/mdc/images/clrz/background-reasons.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#home-page .reasons-block .blocks-wrapper {
    position: relative;
    top: 10px;
    width: calc(100% - 440px);
    font-size: 0;
}

#home-page .reasons-block .title-wrapper,
.reasons-block .blocks-wrapper {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1em;
    font-size: 1rem;
}

#home-page .reasons-block .block-text {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 50px;
    margin: 35px 0 0 0;
    font-weight: lighter;
    line-height: 1.4em;
    text-align: center;
}

#home-page .reasons-block .block-el .ratio-content {
    top: 20px;
    right: 15px;
    bottom: 20px;
    left: 20px;
    text-align: center;
    overflow: hidden;
}

#home-page .reasons-block .block-el .ratio-content {
    position: absolute;
}

#home-page .reasons-block .block-el:before {
    content: '';
    display: block;
    padding-top: 106.60793%;
}

#home-page .reasons-block .title-wrapper {
    position: relative;
    top: -20px;
    width: 440px;
    text-align: right;
    padding: 0 50px 0 0;
}

#home-page .reasons-block .copy-wrapper {
    position: relative;
    z-index: 0;
    line-height: 340px;
    font-size: 0;
}

#home-page .reasons-block .map-image-background {
    position: absolute;
    z-index: 0;
    top: 0;
    left: -190px;
    height: 100%;
}

#home-page .reasons-block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 400px;
    background: #fff;
}

#home-page .container-push-home {
    overflow: hidden;
    margin: 0 0 20px;
}

#home-page .reasons-block .block-el-wrapper+.block-el-wrapper {
    margin-left: 45px;
}

#home-page .reasons-block .block-el-wrapper {
    display: inline-block;
    vertical-align: top;
    width: calc(33% - 30px);
}

#home-page .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#home-page .sticky .navbar-default .navbar-collapse {
    margin-top: -6px;
}

#home-page .sticky .navbar-brand>img {
    margin-top: -17px;
}

#home-page .sticky .text-white {
    color: #888;
}

#home-page .navbar-brand {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    margin: 0 auto;
}

#home-page .navbar-toggle {
    z-index: 3;
}

#home-page .caret {
    width: 10px;
    height: 10px;
    border: none;
    font: normal normal normal 14px/1 FontAwesome;
    margin-top: -12px;
    font-size: 18px;
}

#home-page .caret:before {
    content: "\f107";
}

#home-page .brand {
    position: absolute;
    left: 50%;
    margin-left: -50px !important;
    /* 50% of your logo width */
    display: block;
}

#home-page .navbar {
    position: relative;
}

#home-page .navbar-default .navbar-collapse {
    margin-top: -25px;
    max-width: 1430px;
    margin-left: auto;
    margin-right: auto;
}

#home-page .navbar-left {
    padding-left: 0;
    width: calc(50% - 98px);
}

#home-page .navbar-right {
    padding-right: 0;
    width: calc(50% - 100px);
}

#home-page .nav>li>a {
    padding: 10px 20px;
}

#home-page .navbar-brand>img {
    margin: 0 auto;
}

#home-page .navbar-default .navbar-nav>li>a {
    font-size: 20px;
    text-shadow: none;
}

#home-page .phone {
    margin: 4px 14px 0;
    float: right;
    font-size: 20px;
    letter-spacing: 2px;
}

/* Tableless grid */
#tablegrid {
    width: 470px;
    border-top: 4px solid #e3e7e7;
}

/* Rows
	For table rows reset your paragraph margins to 0, clear each paragraph so that any cells from the previous row - which will be floated next - do not spill over, and finally set your width to 100% so that rows expand the entire width of your table container.*/

#tablegrid p {
    clear: both;
    width: 100%;
    margin: 0;
}

/* Columns
	Create your columns by floating spans to the left, this way they can sit side by side on a single row. The majority of table borders are defined here gloabally. Define only the right and bottom borders. Each border will become the left and bottom border respectively of the adjacent cell. I give each span some padding to keep the contents off of the borders. */

#tablegrid span {
    float: left;
    padding: 0 10px;
    border-left: 1px solid #e3e7e7;
    border-bottom: 1px solid #e3e7e7;
}

/* Finally, specify a width for each column, and in your last column add the right border. */


#tablegrid span.col1 {
    width: 110px;
}

#tablegrid span.col2 {
    width: 186px;
}

#tablegrid span.col3 {
    width: 110px;
    border-right: 1px solid #e3e7e7;
}

/* end Tableless Grid */

/* Timeline */
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
    margin: 0 20px;
}

.timeline:before {
    top: 60px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}

.timeline>li {
    margin-bottom: 20px;
    position: relative;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #f1f2f3;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    background-color: #f1f2f3;
    color: #4c4c4c;
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #f1f2f3;
    border-right: 0 solid #f1f2f3;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #f1f2f3;
    border-right: 0 solid #f1f2f3;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 31px;
    left: 50%;
    margin-left: -10px;
    background-color: #eee;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
    font-size: 24px;
    font-weight: bold;
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
}

.timeline-body img {
    width: 110px;
    float: left;
    margin: 6px 15px 0 0;
}

.timeline-body>p+p {
    margin-top: 5px;
}

/* Map */
img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    display: block;
}

#answer2,
#answer3,
#answer4,
#answer5,
#answer6,
#answer7,
#answer8,
#answer9,
#answer10,
#answer11,
#answer12,
#answer13,
#answer14,
#answer15 {
    display: none;
}

area:focus {
    outline: 0;
}

.main-map {
    margin-bottom: 30px;
}

.main-map h3 {
    color: #474747;
}

.main-map p {
    font-size: 14px;
}

/* Modal Contact Us */
.boxForm table {
    width: 100%
}

.boxForm table td .td-sm {
    width: 25%
}

.boxForm table td .td-xl {
    width: 75%
}


ul.new_banner {
    display: block;
}

.new_banner li::before {
    background-color: #000;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

._lead-italic {
    color: #999966;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    line-height: 30px;
}

._h2greyBIG-Serifb {
    color: #474747;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 3px;
    margin: 0;
    padding: 0;
}

.bd_con_new p {
    font-size: 18px;
    margin-bottom: 20px !important;
}

.bd_con_new p._italic-georgia {
    color: #474747;
    font-family: Georgia, serif;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
}

.bd_con_new em {
    font-style: italic;
}

.bd_con_new p a {
    color: #f45900;
    text-decoration: none;
}

._h2greyBIG-Serif {
    color: #474747;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
}

._italic-georgia {
    color: #474747;
    font-family: Georgia, serif;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
}

._h2GreySmall {
    color: #474747;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.bd_con_new h4 {
    color: #990000;
    display: block;
    font-family: "Open Sans", Arial, Helvetica, Helvetica Neue, sans-serif;
    font-size: 150%;
    font-weight: 500;
    line-height: 20px;
    padding: 0;
    text-rendering: optimizelegibility;
}

.bd_con_new blockquote {
    background: none;
    border: 0;
    padding: 0;
    font-style: normal;
}

._imgRight300 {
    float: right;
    margin-left: 10px;
}

._h2GreySmall {
    color: #474747;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

._georgia-body-italic-note {
    color: #474747;
    font-family: Georgia, serif;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.5em;
}

.bd_con_new p._lead-italic {
    color: #474747;
    font-family: Georgia, serif;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
}

._georgia-body-italic {
    color: #474747;
    font-family: Georgia, serif;
    font-size: 17px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.5em;
}

._lead-italic-black {
    color: #474747;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    line-height: 24px;
}

._text-greyIB {
    background: #fff;
    color: #474747;
    font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 9px;
    padding: 5px 0 0;
}

._tours {
    color: #514f45;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 28px;
    font-style: italic;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0;
}

._georgia-body {
    color: #474747;
    font-family: Cambria, serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.7em;
}

._lead {
    color: #999966;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
}

.custom_pg_hdr {
    background: rgba(0, 0, 0, 0) url("images/custom_hdr.html") no-repeat scroll 0 0;
}

._h2Big {
    color: #474747;
    font-size: 18px;
    line-height: 1.5em;
    font-family: Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

._yinyang {
    color: #474747;
    font: italic 13px/140% Arial, san-serif;
    text-align: left;
}

._imgRight {
    float: right !important;
    margin: 5px 0 15px 20px !important;
}

._imgRight250 {
    float: right;
    margin-left: 10px;
}

.bodyContent ._georgia-body-italic_new {
    font-size: 20px;
}

._imgRight200 {
    float: right;
    margin-left: 10px;
}

.cfi {
    background: rgba(0, 0, 0, 0) url("../images/cf_banner.png") no-repeat scroll 0 0;
    height: 40px;
    left: 695px;
    top: 15px;
    width: 195px;
}

#inline {
    display: none;
    width: 600px;
}

.newbdcon {
    padding: 15px;
}

.bannerTopText a.find {
    background: #e23405 repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    margin-top: 7px;
    padding: 4px 0 6px;
    text-align: center;
    width: 125px;
}

.newbdcon div.day {
    border-bottom: 1px solid #ebe3da;
    float: left;
    margin-bottom: 10px;
    padding: 10px 0;
    width: 100%;
}

.newbdcon .tabdiv {
    background: #fff;
    margin-top: 9px;
    padding: 15px 0 0;
}

._italic {
    color: #474747;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif serif;
    font-size: 16px;
    font-style: italic;
    margin: 0;
    padding: 0;
}

.newbdcon .day h2 {
    color: #990000;
}

.cunvibdnew_con p._lead {
    color: #999966;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
}

.cunvibdnew_con h2 {
    margin: 0 0 8px 0;
}

.quote.fright {
    margin-left: 15px;
}

.quote {
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #191919;
    color: #474747;
    font-size: 15px;
    font-style: italic;
    margin: 0 0 15px;
    padding: 12px 0;
    width: 190px;
}

.fright {
    float: right;
}

._h2-headline {
    color: #555555;
    font-family: Gill Sans, Verdana;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.5px;
    line-height: 14px;
    text-transform: uppercase;
}

.cunvibdnew_con ._italic-big-georgia {
    color: #474747;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    /*font-style: italic;*/
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.6em;
}

._open-sans18 {
    color: #474747;
    font-size: 20px;
}

.cunvibdnew_con .intro-Georgia {
    color: #474747;
    font-size: 20px;
}

.cunvibdnew_con .header-Georgia {
    font-size: 23px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.6em;
}

.cunvibdnew_con ._textgreyHEADER {
    color: #555555;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 21px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
}

._text-blue {
    color: #0066ff;
    font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.5em;
}

.cunvibdnew_con .vit-wather {
    /*background: rgba(0, 0, 0, 0) url("images/vietnam-travel-map-weather.jpg") no-repeat scroll center center !important;*/
    background: url(images/vietnam-travel-map-weather.html) no-repeat center center;
    height: 1149px !important;
    position: relative !important;
    width: 880px !important;
    margin: 0 auto;
}

.cunvibdnew_con ._georgia-bodyB {
    color: #474747;
    font-family: Georgia, serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.7em;
}

._yinyang-big {
    color: #474747;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed";
    font-style: italic;
    line-height: 140%;
    text-align: left;
}

.delenew {
    color: #514f45;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.bdtopnew ._italic-big-georgia {
    color: #474747;
    font-family: Georgia, serif;
    font-size: 24px;
    /*font-style: italic;*/
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.6em;
}

.clear {
    clear: both;
}

.packing-list ul {
    list-style-type: none;
}

.packing-list ul li {
    margin-bottom: 6px;
}

/* Tours Pages */
.tours-container {
    display: flex;
    flex-flow: row wrap;
}

.tours-container:before {
    display: block;
}

.tours-container:nth-child(1) {
    margin-top: -40px;
}

.tours-container .col-xs-12 {
    padding-top: 15px;
    padding-bottom: 15px;
    transition: all 0.3s ease-out;
}

.tours-container .col-xs-12:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.tours-container .btn-light {
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 133px;
}

.tours-container p span {
    font-size: 14px;
    color: #c66051;
    font-weight: bold;
    letter-spacing: 1px;
}

.tours-wrap {
    height: unset;
    width: 100%;
    margin-bottom: 20px;
}

/*.country-tours {height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;  position: relative; z-index: 1;}*/

.tours-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.icon-sm {
    vertical-align: sub;
}

.fix-3-text {
    float: right;
    display: block;
    clear: both;
    font-size: 12px;
}

/* Vietnam Itinerary Page */
.ins p {
    font-size: 15px;
    line-height: 1.5;
    color: #777;
}

.ins {
    padding: 10px 15px;
}

.ins h3 {
    text-align: center;
    text-transform: uppercase;
    line-height: 1.4;
}

.ins small {
    display: block;
    margin: 10px 0 40px;
}

.vietnam-itinerary-bg1 {
    background-image: url(../country/vietnam/images/itinerary-dummy.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .ins {
        position: relative;
        padding: 10px 0 30px;
    }

    .square-div {
        margin-top: auto;
    }

    .vietnam-itinerary-bg1 {
        height: 30vh;
    }
}

@media (min-width: 1020px) {
    #home-page .one-trip {
        height: 680px;
        min-height: 680px;
        max-height: 680px;
        margin-top: 40px;
    }

    #home-page .one-trip .copy-wrapper .copy-aligned {
        position: absolute;
        bottom: 30px;
        left: 30px;
        width: calc(100% - 60px);
    }
}

@media (max-width: 991px) {
    #home-page .headerFixed .headerLogo {
        width: 90px;
        padding-top: 10px;
    }

    #home-page .main-trip {
        margin-top: 20px;
    }

    #home-page .reasons-block .title-wrapper {
        width: 100%;
        text-align: center;
        padding: 0;
    }

    #home-page .reasons-block .copy-wrapper {
        line-height: 0;
    }

    #home-page .reasons-block .blocks-wrapper {
        width: 100%;
    }

    #home-page .adventure-wrapper {
        height: 387px;
        line-height: 387px;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 40px;
    }

    #home-page .bottom-wrap .copy-wrapper .trip-description {
        min-height: 100px;
        max-height: 100px;
    }

    #home-page .bottom-wrap .copy-wrapper a {
        margin: 40px 0;
    }
}

@media (max-width: 941px) {
    #home-page .navbar-static-top {
        z-index: 0;
        min-height: 60px;
        border-bottom: 1px solid #bbb;
    }
}

@media (max-width: 940px) {
    #home-page .navbar-default .navbar-nav>li>a {
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 1px;
        text-shadow: none;
    }

    #home-page .navbar-toggle {
        margin-top: 10px;
    }

    #home-page .navbar-header {
        margin-top: -112px;
    }

    #home-page .phone p {
        margin: 0px 0 0;
    }

    #home-page .toggle .headersearchArea .search p {
        margin: 13px 18px 0 0;
    }

    #home-page .headerFixed {
        background-color: rgb(64, 64, 64);
    }

    #home-page .bannerTopText form {
        margin-top: 22vh;
    }
}

@media (min-width: 941px) {
    #home-page .navbar-default {
        min-height: 94px;
        display: inline-block;
    }
}

@media (max-width: 922px) {
    #home-page .phone {
        margin: 10px 15px 0 10px;
    }
}

@media (max-width: 767px) {
    .m-t-40-mob {
        margin-top: 10px;
    }

    .tours-container .col-xs-12 {
        padding-top: 0px;
        padding-bottom: 20px;
        transition: all 0.3s ease-out;
    }

    .in:not(.collapse) {
        padding: 10px 0 10px;
    }

    .in small {
        margin: 10px 0 20px;
    }

    .in h3 {
        margin-top: 10px;
    }

    #home-page #banner-fades {
        height: 540px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #home-page #banner-fades {
        margin-top: -60px;
    }

    #home-page .navbar-inverse {
        position: relative;
    }

    #home-page .top-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    #home-page .headerFixed {
        margin-left: 0;
    }

    #home-page .bannerTopText form {
        margin-top: 10vh;
    }

    #home-page .bannerTopText form .form-control {
        margin-bottom: 15px;
    }

    #home-page .innerBanner .bannerTopText {
        top: 19%;
    }

    #home-page .innerBanner .bannerTopText form .form-control,
    #home-page .innerBanner .bannerTopText form .btn-primary {
        margin: 10px 0;
    }

    #home-page .copy-block-sm .img-internal.img-internal {
        display: block;
        float: none;
        width: 100%;
    }

    #home-page .copy-block-sm .copy-wrapper.copy-wrapper {
        width: auto;
        height: auto;
        border: 1px solid #e4e4e4;
        border-top: 0;
    }

    #home-page .copy-block-sm {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    #home-page .copy-block-sm .img-internal .image-background {
        position: relative;
    }

    #home-page .btn-light {
        width: 100%;
        text-align: center;
    }

    #home-page .container {
        width: 100%;
        max-width: 728px;
    }

    #home-page .bottom-wrap .copy-wrapper .trip-description {
        min-height: auto;
        max-height: auto;
    }

    #home-page .lmdv-home-slider-cards {
        padding-bottom: 20px;
    }

    #home-page .main-trip {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    #home-page .main-trip .img-internal.img-internal {
        display: block;
        float: none;
        width: 100%;
    }

    #home-page .main-trip .copy-wrapper.copy-wrapper {
        width: auto;
        height: auto;
        border: 1px solid #F4F4F4;
        border-top: 0;
    }
}

@media (max-width: 640px) {
    #home-page .container {
        overflow: visible;
    }

    #home-page .reasons-block .block-text p {
        font-size: 14px;
    }
}

@media (max-width: 510px) {
    #home-page .phone p {
        font-size: 14px;
    }
}

.img-left {
    float: left;
    margin-right: 20px;
}

.img-right {
    float: right !important;
    margin-left: 20px;
    margin-bottom: 10px;
    /* optional for spacing */
}

/* ===== Fancybox float grid (global) ===== */
/* Phones (<768px): force 1-up */
@media (max-width: 767px) {

    .journey2 .leftimg,
    .journey2 .leftimg-md,
    .journey2 .middleimg,
    .journey2 .middleimg-sm,
    .journey2 .rightimg,
    .journey2 .rightimg-md,
    .journey2 .fullimg {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px 0 !important;
    }
}

/* Tablets (768–991px): keep 1-up for safety.
   If you prefer 2-up here, delete this block and we’ll add a 48% rule instead. */
@media (min-width: 768px) and (max-width: 991px) {

    .journey2 .leftimg,
    .journey2 .leftimg-md,
    .journey2 .middleimg,
    .journey2 .middleimg-sm,
    .journey2 .rightimg,
    .journey2 .rightimg-md,
    .journey2 .fullimg {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px 0 !important;
    }
}

/* Desktop (≥992px): three across */
@media (min-width: 992px) {

    .journey2 .leftimg,
    .journey2 .leftimg-md,
    .journey2 .middleimg,
    .journey2 .middleimg-sm,
    .journey2 .rightimg,
    .journey2 .rightimg-md,
    .journey2 .fullimg {
        width: 31.3% !important;
        float: left !important;
        margin: 0 1% 20px 1% !important;
    }

    /* Optional: add a clear for uneven heights.
     Use ONE of these depending on your markup: */
    /* If the grid items are direct children of .journey2: */
    /* .journey2 > *:nth-child(3n+1) { clear: left; } */

    /* If the grid is a UL/OL and LIs are children: */
    /* .journey2 li:nth-child(3n+1) { clear: left; } */
}

/* Existing helpers */
.rightimg2 ul {
    overflow: hidden;
}

.rightimg2 ul li {
    text-align: center;
}

/* Mobile fixes for japan-luxury-hotels.html card overlays */
@media (max-width: 767px) {

    /* Hide "More" buttons on mobile */
    .journey2 ul li a.newMore,
    .journey5 ul li a.newMore,
    .journey6 ul li a.newMore {
        display: none !important;
    }

    /* Reduce hotel title padding and line-height on mobile */
    .journey2 ul li .boxText p,
    .journey5 ul li .boxText p,
    .journey6 ul li .boxText p {
        /* Font size removed - using natural/inherited size which is smaller */
        padding: 6px 6px 7px !important;
        line-height: 1.1 !important;
    }

    /* Reduce location text on mobile */
    .journey2 ul li .boxText em,
    .journey5 ul li .boxText em,
    .journey6 ul li .boxText em {
        font-size: 9px !important;
        letter-spacing: 1px !important;
    }

    /* Reduce description text on mobile */
    .journey2 ul li span,
    .journey5 ul li span,
    .journey6 ul li span {
        font-size: 11px !important;
        padding: 0 6% !important;
    }
}

/* Extra small mobile devices - more aggressive sizing */
@media (max-width: 540px) {

    .journey2 ul li .boxText p,
    .journey5 ul li .boxText p,
    .journey6 ul li .boxText p {
        font-size: 11px !important;
        padding: 5px 5px 6px !important;
    }

    .journey2 ul li .boxText em,
    .journey5 ul li .boxText em,
    .journey6 ul li .boxText em {
        font-size: 8px !important;
    }
}

/* FAQ Accordion Styles */
.faq-section {
    margin: 40px 0;
    font-family: 'Open Sans', Arial, sans-serif;
}

.faq-title {
    font-family: Oswald, sans-serif;
    font-size: 28px;
    margin-bottom: 25px;
    color: #333;
    text-transform: uppercase;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

.faq-accordion .accordion-item {
    background-color: #fff;
    border: 1px solid #eee;
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
}

.faq-accordion .accordion-header {
    margin: 0;
    padding: 0;
}

.faq-accordion .accordion-button {
    width: 100%;
    padding: 18px 20px;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    text-align: left;
    background: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s;
}

.faq-accordion .accordion-button:hover {
    color: #B00000;
}

.faq-accordion .accordion-button:not(.collapsed) {
    color: #B00000;
    background: #fcfcfc;
    border-bottom: 1px solid #eee;
}

.faq-accordion .accordion-button::after {
    content: '\002B';
    font-size: 22px;
    font-weight: 300;
    margin-left: 10px;
    transition: transform 0.2s;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
    content: '\2212';
}

.faq-accordion .accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-out;
    background: #fff;
}

.faq-accordion .accordion-body.show {
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
}

.faq-accordion .accordion-inner {
    padding: 20px 25px;
    font-size: 16px;
    line-height: 1.7;
    color: #444;
}

.faq-accordion .accordion-inner p {
    margin-bottom: 15px;
}

.faq-accordion .accordion-inner p:last-child {
    margin-bottom: 0;
}

.faq-accordion .accordion-inner strong {
    color: #222;
    font-weight: 700;
}