body{font-family: 'Open Sans', sans-serif; font-size:14px; background-color:#fff; line-height:24px; color:#666}
a:hover, a:focus{transition:all 0.3s ease;}
.carousel-caption h1{
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.carousel-caption p{
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}
.carousel-caption p.btn-slide{
	animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar-inverse{border-radius:0}
#myCarousel{
  margin-top:115px;
}

/*MAIN MENU*/
.navbar-brand{height:70px;}
#navbar{float:right; padding-top:16px; padding-bottom:16px;}
nav.navbar-inverse{background-color:#fff; border:none; background-image:none; padding-top:15px; padding-bottom:15px; margin-bottom:0px;}
nav.navbar-inverse li{font-size:14px; background-color:#fff; font-weight:600;}
.navbar-nav > li > a{ padding:8px 0px; margin-left:12px; margin-right:12px; font-family: 'Open Sans', sans-serif; text-transform:uppercase}
.navbar-inverse .navbar-nav > li > a {color: #ae9673; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #ae9673; background:none; transition:all 0.3s ease; border-bottom:2px solid #ae9673;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #f97801; background:none; background-image:none; box-shadow:none; border-bottom:2px solid #f97801;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{background-color:#e0e0e0;}
ul.quickmenu span.caret{color:#231f58;}
ul.quickmenu li{background-color:#e0e0e0; font-size:14px; margin-right:0px; margin-left:0px;}
ul.quickmenu li > a{color:#666666 !important; padding: 8px 10px; font-family: 'Playfair Display', serif;}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;}
/*END QUICK MENU*/

/*SLIDESHOW*/
#myCarousel{background-color:#f58519;}
.carousel .carousel-inner img{margin:0 auto; text-align:center;}
.carousel-control:focus, .carousel-control:hover{color:#fff;}
.carousel-caption{top:30%; margin:0 auto; position:absolute}
.carousel-caption h1{font-family: 'Playfair Display', serif; font-size:46px; padding:30px 20px 10px 20px; margin:0; border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border: 0px solid #000000; font-weight:700;}
.carousel-caption p{font-family: 'Open Sans', sans-serif; font-size:16px; margin-bottom:0; padding: 0px 50px 20px 50px;}
.carousel-caption p.btn-slide{border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border: 0px solid #000000; padding: 0px 50px 30px 50px;}
.carousel-item {position: relative;display: none;width: 100%;}
.carousel-indicators {list-style: none;bottom:50px;}
.carousel-indicators li {position: relative;max-width: 30px;width:30px;height:3px;border:none;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: #fff;}
.carousel-indicators .active {background-color: #f58519;border:none;width:30px;height:3px;}

/*OVERLAY BLACK EFFECT*/
.overlay {position: relative;}
.overlay:after {position: absolute;content:"";top:0;left:0;width:100%;height:100%;opacity: 0.2;}
.overlay:hover:after {opacity: 0.6;transition:all 0.3s ease;}
.black:after {background-color: #000;transition:all 0.3s ease;}
/*END OVERLAY BLACK EFFECT*/

/*FADE-IN FADE-OUT EFFECT*/
.carousel-fade .carousel-inner .item {opacity: 0;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
} 
/*END FADE-IN FADE-OUT EFFECT*/
/*END SLIDESHOW*/

/*GIOI THIEU*/
.gioithieu{margin-top:20px; margin-bottom:0px; background-color:#fff; padding-left:100px; padding-right:100px; padding-top:50px; padding-bottom:50px;}
.gioithieu .col-md-12{text-align:center}
.gioithieu .col-md-12 h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801}
.gioithieu .col-md-12 h3{color: #999;font-size: 18px;text-transform: uppercase;text-align: center; line-height:24px;}
.gioithieu .col-md-12 h2 span.letter{font-size:60px; font-weight:400}
.gioithieu .col-md-12 hr {background-color: #959477;width: 35px;border: none;height: 1px;margin: 35px auto;}

.gioithieu .amenities .col-md-3{border: 1px solid #e7e7e7; background-color: #fff; margin: 0px; margin-bottom: 0px; padding: 20px 10px;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
height: 150px; text-align:center}
.gioithieu .amenities .col-md-3:hover{border: 1px solid #d7d7d7; background-color: #f3f3f3; margin: 0px; margin-bottom: 0px; padding: 20px 10px;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px; text-align:center}

.gioithieu .amenities .col-md-4{border: 1px solid #e7e7e7; background-color: #fff; margin: 0px; margin-bottom: 0px; padding: 20px 10px;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
height: 130px; text-align:center}
.gioithieu .amenities .col-md-4:hover{border: 1px solid #d7d7d7; background-color: #f3f3f3; margin: 0px; margin-bottom: 0px; padding: 20px 10px;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px; text-align:center}
/*END GIOI THIEU*/

/*PROMOTION*/
#promotions{width:100%; padding-top:0px; padding-bottom:50px;}
#promotions .col1{padding:0 40px;}
#promotions .col2{padding:0 40px;}
#promotions .col1 h3, 
#promotions .col2 h3{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 24px; text-transform:uppercase; margin-bottom:20px;}
#promotions .col1 p.title, 
#promotions .col2 p.title{font-family: 'Open Sans', sans-serif; font-size:14px; margin-bottom:0; padding: 15px 0px 2px 0px; text-transform:uppercase; color:#7e6648; font-weight:700;}
#promotions .col1 p.title a:link, #promotions .col1 p.title a:visited,
#promotions .col2 p.title a:link, #promotions .col2 p.title a:visited{color:#ae9673}
#promotions .col1 p.title a:hover, #promotions .col2 p.title a:hover {text-decoration:none; color:#725c43;}
#promotions .col1 p.details a:link, #promotions .col1 p.details a:visited,
#promotions .col2 p.details a:link, #promotions .col2 p.details a:visited{color:#999; font-style:italic; font-size:13px; padding:0; font-family: 'Playfair Display', serif;}
#promotions .col1 p.details a:hover, #promotions .col2 p.details a:hover{color:#666; cursor:pointer; text-decoration:none}
#promotions .glyphicon-arrow-right{padding-left:10px;}
#promotions .carousel-control{width:15%; height:75%;}
#promotions .carousel .carousel-inner{}
#promotions .carousel .carousel-inner item{text-align:center; margin:0 auto}
#promotions .carousel .carousel-inner div.thumnail{overflow:hidden; width:500px;}
#promotions .carousel .carousel-inner img{
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;}
#promotions .carousel .carousel-inner img:hover {
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
#promotions a.carousel-control{background:none;}
#promotions .carousel-control .glyphicon-chevron-left, 
#promotions .carousel-control .glyphicon-chevron-right, 
#promotions .carousel-control .icon-next, 
#promotions .carousel-control .icon-prev{top:49%}
/*END PROMOTION*/

/*EXPERIENCE*/
#experience{padding-top: 50px; padding-bottom: 50px; background-color:#fff}
#experience h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801}
#experience h3{color:#999; font-size: 18px; text-transform:uppercase; text-align:center;}
#experience hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;}

#tab1 div.thumnail,
#tab2 div.thumnail,
#tab3 div.thumnail,
#tab4 div.thumnail,
#tab5 div.thumnail{overflow:hidden; padding:0px 35px; width:100%; height:400px; text-align:center;}

#tab1 div.thumnail img,
#tab2 div.thumnail img,
#tab3 div.thumnail img,
#tab4 div.thumnail img,
#tab5 div.thumnail img{
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;}
#tab1 div.thumnail img:hover,
#tab2 div.thumnail img:hover,
#tab3 div.thumnail img:hover,
#tab4 div.thumnail img:hover,
#tab5 div.thumnail img:hover{
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
/*END EXPERIENCE*/
 
/*TAB*/
#fivetab{padding-top: 15px; padding-bottom: 50px; background-color:#ededed}
ul#myTab{margin:auto; border-bottom:none; padding-top:35px; max-width:900px;}
ul#myTab > li{margin-bottom:0; width:auto;}
ul#myTab > li > a {color: #ae9673; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; margin:8px 55px; text-align:center; width:auto; font-family: 'Playfair Display', serif; text-transform:uppercase; padding:3px 0px;}
ul#myTab > li > a h2 {color: #ae9673; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; margin:8px 0px; text-align:center; font-family: 'Playfair Display', serif; text-transform:uppercase}
ul#myTab > li.active > a, 
ul#myTab > li.active > a:focus, 
ul#myTab > li.active > a:hover {color: #725c43; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; transition:all 0.3s ease; font-family: 'Playfair Display', serif; background-color:#ededed; border-bottom:1px solid #725c43}
ul#myTab > li.active > a h2, 
ul#myTab > li.active > a:focus h2, 
ul#myTab > li.active > a:hover h2 {color: #725c43; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; transition:all 0.3s ease; font-family: 'Playfair Display', serif; background-color:#ededed;}

div#tab1{padding:40px 0px;}
div#tab1 .col1{padding:0;}
div#tab1 .col2{padding:110px 55px; background-color:#fff; height:400px; text-align:center}
div#tab1 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab1 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab2{padding:40px 0px;}
div#tab2 .col1{padding:0;}
div#tab2 .col2{padding:110px 55px; background-color:#fff; height:400px; text-align:center}
div#tab2 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab2 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab3{padding:40px 0px;}
div#tab3 .col1{padding:0;}
div#tab3 .col2{padding:110px 55px; background-color:#fff; height:400px; text-align:center}
div#tab3 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab3 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab4{padding:40px 0px;}
div#tab4 .col1{padding:0;}
div#tab4 .col2{padding:110px 55px; background-color:#fff; height:400px; text-align:center}
div#tab4 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab4 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab5{padding:40px 0px;}
div#tab5 .col1{padding:0;}
div#tab5 .col2{padding:110px 55px; background-color:#fff; height:400px; text-align:center}
div#tab5 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab5 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}
/*END TAB*/

/*GOOGLE MAP*/
#googlemap{padding-top: 50px; padding-bottom: 80px; background-color:#fff; background:url(../../images/bg-map-fix.jpg) 0 0 no-repeat; width:100%; background-attachment:fixed;}
#googlemap h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801;}
#googlemap h3{color:#999; font-size: 18px; text-transform:uppercase; text-align:center;}
#googlemap hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;}
#googlemap a:link, #googlemap a:visited{color:#666}
#googlemap a:hover{color:#333}

#googlemap .row .left{padding:0;}
#googlemap .row .left .wrapper{width:100%;height:400px;margin:0 auto;}
#googlemap .row .left .wrapper .h_iframe{position:relative;}
#googlemap .row .left .wrapper .h_iframe iframe{position:absolute;top:0;left:0;width:100%; height:400px;}

#googlemap .row .right{padding:85px 55px; text-align:center; background-color:#fff; height:400px;}
#googlemap .row .right h3{color:#999; font-size: 18px; text-align:center; font-weight:600; text-transform:none}
#googlemap .row .right hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}
#googlemap .row .right p{margin-bottom:6px;}
#googlemap .row .right span.break{display:inline-block}
#googlemap .row .right span.invisibletext{display:inline-block}
 /*END GOOGLE MAP*/

/*FORM DANG KY*/
div.background-dangkytuvan div.feature div.col-md-6{text-align:center}
div.background-dangkytuvan h3{font-size:30px; color:#f99d1c; margin-top:20px; margin-bottom:30px; font-weight:bold; line-height:36px; text-align:center}
div.background-dangkytuvan div#formdangky{padding:20px 40px; background-color:#fff; border:1px solid #c3c3c3; border-top:10px solid #f99d1c;}
div.background-dangkytuvan div#formdangky p{font-size:14px; padding-left:15px; padding-right:15px;}
.form-control{height:40px; color:#000; border-radius:0; border:1px solid #bbbbbb;}
#mc-form input:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
/*END FORM DANG KY*/

/*FOOTER*/
.background-footer{background-color:#ededed; padding-top: 15px; padding-bottom: 0px; font-size:11px; text-align:center; border-top:1px solid #fff}
.background-footer .row{color:#404040;}
.background-footer .row span.glyphicon-star{font-size:14px; padding-left:1px; padding-right:1px; color:#f97801}
/*END FOOTER*/

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000; font-family: 'Playfair Display', serif;}
.btn-custom{background:none; border:1px solid #fff; text-shadow:none; color:#fff; font-size:16px; padding:10px 30px; font-weight:bold;}
.btn-custom:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #fff; color:#f58519; border:1px solid #fff;}
.btn-reservation{background:none; border:0px solid #f97801; text-shadow:none; color:#fff; font-size:16px; padding:10px 15px; font-weight:600; background-color:#f97801; margin-top:15px; margin-bottom:15px;}
.btn-reservation:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #ae9673; color:#fff; border:0px solid #ae9673; background-color:#ae9673}

.callus{float:right; position: fixed; right:2%; bottom:30px; opacity:0.9; z-index:9999;}

/*BALLOON*/
.balloon {
		position: relative;
		right: 1%;
		top: 0px;
		cursor: pointer;
		z-index:99999;
		-webkit-animation: balloon 5s ease-in-out infinite;
		-moz-animation: balloon 5s ease-in-out infinite;
		-o-animation: balloon 5s ease-in-out infinite;
		animation: balloon 5s ease-in-out infinite;
	}
	
	
	@-webkit-keyframes balloon { 0%,100% { /*! -webkit-transform: translateY(0) rotate(-2deg); */ }
  50% { /*! -webkit-transform: translateY(-20px) rotate(2deg); */ } }
@-moz-keyframes balloon { 0%,100% { /*! -moz-transform: translateY(0) rotate(-2deg); */ }
  50% { /*! -moz-transform: translateY(-20px) rotate(2deg); */ } }
@-o-keyframes balloon { 0%,100% { -o-transform: translateY(0) rotate(-2deg); }
  50% { -o-transform: translateY(-20px) rotate(2deg); } }
@keyframes balloon { 0%,100% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-20px) rotate(2deg); } }
/*END BALLOON*/

/*END BUTTON STYLE*/

/*STYLE BLINK TEXT - EFFECT TEXT*/
.blink{
        -webkit-animation: color-change 1s infinite;
        -moz-animation: color-change 1s infinite;
        -o-animation: color-change 1s infinite;
        -ms-animation: color-change 1s infinite;
        animation: color-change 1s infinite;
    }

    @-webkit-keyframes color-change {
        0% { color: #f97801; }
        50% { color: #fb8e29; }
        100% { color: #de6c03; }
    }
    @-moz-keyframes color-change {
        0% { color: #f97801; }
        50% { color: #fb8e29; }
        100% { color: #de6c03; }
    }
    @-ms-keyframes color-change {
        0% { color: #f97801; }
        50% { color: #fb8e29; }
        100% { color: #de6c03; }
    }
    @-o-keyframes color-change {
        0% { color: #f97801; }
        50% { color: #fb8e29; }
        100% { color: #de6c03; }
    }
    @keyframes color-change {
        0% { color: #f97801; }
        50% { color: #fb8e29; }
        100% { color: #de6c03; }
    }
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/*STYLE BLINK TEXT - EFFECT TEXT*/

/*ON-OFF MODULE*/

/*END ON-OFF MODULE*/

@media screen and (min-width: 640px) {

#myCarousel{
  margin-top:80px;
}

/*MAIN MENU*/
.navbar-brand{height:70px; padding:0px 15px;}
.navbar-brand > img{width:107px; height:70px;}
#navbar{float:none; padding-top:16px; padding-bottom:16px;}
nav.navbar-inverse{background-color:#fff; border:none; background-image:none; padding-top:15px; padding-bottom:15px; margin-bottom:0px;}
nav.navbar-inverse li{font-size:13px; background-color:#fff; font-weight:600;}
.navbar-nav > li > a{ padding:8px 0px; margin-left:10px; margin-right:10px; font-family: 'Open Sans', sans-serif; text-transform:uppercase}
.navbar-inverse .navbar-nav > li > a {color: #ae9673; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #ae9673; background:none; transition:all 0.3s ease; border-bottom:2px solid #ae9673;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #f97801; background:none; background-image:none; box-shadow:none; border-bottom:2px solid #f97801;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{background-color:#e0e0e0;}
ul.quickmenu span.caret{color:#231f58;}
ul.quickmenu li{background-color:#e0e0e0; font-size:14px; margin-right:0px; margin-left:0px;}
ul.quickmenu li > a{color:#666666 !important; padding: 8px 10px; font-family: 'Playfair Display', serif;}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;}
/*END QUICK MENU*/

/*SLIDESHOW*/
#myCarousel{background-color:#f58519;}
.carousel .carousel-inner img{margin:0 auto; text-align:center;}
.carousel-control:focus, .carousel-control:hover{color:#fff;}
.carousel-caption{top:7%; margin:0 auto; position:absolute}
.carousel-caption h1{font-family: 'Playfair Display', serif; font-size:22px; padding:30px 20px 10px 20px; margin:0; border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border: 0px solid #000000; font-weight:700;}
.carousel-caption p{font-family: 'Open Sans', sans-serif; font-size:13px; margin-bottom:0; padding: 0px 0px 15px 0px;}
.carousel-caption p.btn-slide{border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border: 0px solid #000000; padding: 0px 50px 30px 50px;}
.carousel-item {position: relative;display: none;width: 100%;}
.carousel-indicators {list-style: none;bottom:5px;}
.carousel-indicators li {position: relative;max-width: 30px;width:20px;height:3px;border:none;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: #fff;}
.carousel-indicators .active {background-color: #f58519;border:none;width:20px;height:3px;}
/*END SLIDESHOW*/

/*GIOI THIEU*/
.gioithieu{margin-top:20px; margin-bottom:0px; background-color:#fff; padding-left:40px; padding-right:40px; padding-top:50px; padding-bottom:50px;}
.gioithieu .col-md-12{text-align:center}
.gioithieu .col-md-12 h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801}
.gioithieu .col-md-12 h3{color: #999;font-size: 18px;text-transform: uppercase;text-align: center; line-height:24px;}
.gioithieu .col-md-12 h2 span.letter{font-size:60px; font-weight:400}
.gioithieu .col-md-12 hr {background-color: #959477;width: 35px;border: none;height: 1px;margin: 35px auto;}
/*END GIOI THIEU*/

/*PROMOTION*/
#promotions{width:100%; padding-top:0px; padding-bottom:50px;}
#promotions .col1{padding:0 20px;}
#promotions .col2{padding:0 20px;}
#promotions .col1 h3, 
#promotions .col2 h3{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 24px; text-transform:uppercase; margin-bottom:20px;}
#promotions .col1 p.title, 
#promotions .col2 p.title{font-family: 'Open Sans', sans-serif; font-size:14px; margin-bottom:0; padding: 15px 0px 2px 0px; text-transform:uppercase; color:#7e6648; font-weight:700;}
#promotions .col1 p.title a:link, #promotions .col1 p.title a:visited,
#promotions .col2 p.title a:link, #promotions .col2 p.title a:visited{color:#ae9673}
#promotions .col1 p.title a:hover, #promotions .col2 p.title a:hover {text-decoration:none; color:#725c43;}
#promotions .col1 p.details a:link, #promotions .col1 p.details a:visited,
#promotions .col2 p.details a:link, #promotions .col2 p.details a:visited{color:#999; font-style:italic; font-size:13px; padding:0; font-family: 'Playfair Display', serif;}
#promotions .col1 p.details a:hover, #promotions .col2 p.details a:hover{color:#666; cursor:pointer; text-decoration:none}
#promotions .glyphicon-arrow-right{padding-left:10px;}
#promotions .carousel-control{width:15%; height:75%;}
#promotions .carousel .carousel-inner{}
#promotions .carousel .carousel-inner item{text-align:center; margin:0 auto}
#promotions .carousel .carousel-inner div.thumnail{overflow:hidden; width:500px;}
#promotions .carousel .carousel-inner img{
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;}
#promotions .carousel .carousel-inner img:hover {
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
#promotions a.carousel-control{background:none;}
#promotions .carousel-control .glyphicon-chevron-left, 
#promotions .carousel-control .glyphicon-chevron-right, 
#promotions .carousel-control .icon-next, 
#promotions .carousel-control .icon-prev{top:49%}
/*END PROMOTION*/

/*EXPERIENCE*/
#experience{padding-top: 50px; padding-bottom: 50px; background-color:#fff}
#experience h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801}
#experience h3{color:#999; font-size: 18px; text-transform:uppercase; text-align:center;}
#experience hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;}

#tab1 div.thumnail,
#tab2 div.thumnail,
#tab3 div.thumnail,
#tab4 div.thumnail,
#tab5 div.thumnail{overflow:hidden; padding:0px 0px; width:100%; height:400px; text-align:center;}

#tab1 div.thumnail img,
#tab2 div.thumnail img,
#tab3 div.thumnail img,
#tab4 div.thumnail img,
#tab5 div.thumnail img{
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;}
#tab1 div.thumnail img:hover,
#tab2 div.thumnail img:hover,
#tab3 div.thumnail img:hover,
#tab4 div.thumnail img:hover,
#tab5 div.thumnail img:hover{
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
/*END EXPERIENCE*/
 
/*TAB*/
#fivetab{padding-top: 15px; padding-bottom: 0px; background-color:#ededed}
ul#myTab{margin:auto; border-bottom:none; padding-top:35px; max-width:900px;}
ul#myTab > li{margin-bottom:0; width:auto;}
ul#myTab > li > a {color: #ae9673; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; margin:8px 28px; text-align:center; width:auto; font-family: 'Playfair Display', serif; text-transform:uppercase; padding:3px 0px;}
ul#myTab > li > a h2 {color: #ae9673; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; margin:8px 0px; text-align:center; font-family: 'Playfair Display', serif; text-transform:uppercase}
ul#myTab > li.active > a, 
ul#myTab > li.active > a:focus, 
ul#myTab > li.active > a:hover {color: #725c43; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; transition:all 0.3s ease; font-family: 'Playfair Display', serif; background-color:#ededed; border-bottom:1px solid #f97801}
ul#myTab > li.active > a h2, 
ul#myTab > li.active > a:focus h2, 
ul#myTab > li.active > a:hover h2 {color: #f97801; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; transition:all 0.3s ease; font-family: 'Playfair Display', serif; background-color:#ededed;}

div#tab1{padding:40px 0px 0px 0px;}
div#tab1 .col1{padding:0;}
div#tab1 .col2{padding:30px 55px; background-color:#fff; height:auto; text-align:center}
div#tab1 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab1 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab2{padding:40px 0px 0px 0px;}
div#tab2 .col1{padding:0;}
div#tab2 .col2{padding:80px 55px; background-color:#fff; height:400px; text-align:center}
div#tab2 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab2 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab3{padding:40px 0px 0px 0px;}
div#tab3 .col1{padding:0;}
div#tab3 .col2{padding:60px 55px; background-color:#fff; height:400px; text-align:center}
div#tab3 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab3 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab4{padding:40px 0px 0px 0px;}
div#tab4 .col1{padding:0;}
div#tab4 .col2{padding:90px 55px; background-color:#fff; height:400px; text-align:center}
div#tab4 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab4 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab5{padding:40px 0px 0px 0px;}
div#tab5 .col1{padding:0;}
div#tab5 .col2{padding:70px 55px; background-color:#fff; height:400px; text-align:center}
div#tab5 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab5 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}
/*END TAB*/

/*GOOGLE MAP*/
#googlemap{padding-top: 50px; padding-bottom: 0px; background-color:#fff; background:url(../../images/bg-map-fix.jpg) 0 0 no-repeat; width:100%; background-attachment:fixed;}
#googlemap h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801;}
#googlemap h3{color:#999; font-size: 18px; text-transform:uppercase; text-align:center;}
#googlemap hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;}
#googlemap a:link, #googlemap a:visited{color:#666}
#googlemap a:hover{color:#333}

#googlemap .row .left{padding:0;}
#googlemap .row .left .wrapper{width:100%;height:400px;margin:0 auto;}
#googlemap .row .left .wrapper .h_iframe{position:relative;}
#googlemap .row .left .wrapper .h_iframe iframe{position:absolute;top:0;left:0;width:100%; height:400px;}

#googlemap .row .right{padding:30px 55px; text-align:center; background-color:#fff; height:auto;}
#googlemap .row .right h3{color:#999; font-size: 18px; text-align:center; font-weight:600; text-transform:none}
#googlemap .row .right hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}
#googlemap .row .right p{margin-bottom:6px;}
#googlemap .row .right span.break{display:inline-block}
#googlemap .row .right span.invisibletext{display:inline-block}
 /*END GOOGLE MAP*/

/*FORM DANG KY*/
div.background-dangkytuvan div.feature div.col-md-6{text-align:center}
div.background-dangkytuvan h3{font-size:30px; color:#f99d1c; margin-top:20px; margin-bottom:30px; font-weight:bold; line-height:36px; text-align:center}
div.background-dangkytuvan div#formdangky{padding:20px 40px; background-color:#fff; border:1px solid #c3c3c3; border-top:10px solid #f99d1c;}
div.background-dangkytuvan div#formdangky p{font-size:14px; padding-left:15px; padding-right:15px;}
.form-control{height:40px; color:#000; border-radius:0; border:1px solid #bbbbbb;}
#mc-form input:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
/*END FORM DANG KY*/

/*FOOTER*/
.background-footer{background-color:#ededed; padding-top: 15px; padding-bottom: 0px; font-size:11px; text-align:center; border-top:1px solid #fff}
.background-footer .row{color:#404040;}
.background-footer .row span.glyphicon-star{font-size:14px; padding-left:1px; padding-right:1px; color:#f97801}
/*END FOOTER*/

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000; font-family: 'Playfair Display', serif;}
.btn-custom{background:none; border:1px solid #fff; text-shadow:none; color:#fff; font-size:16px; padding:10px 30px; font-weight:bold;}
.btn-custom:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #fff; color:#f58519; border:1px solid #fff;}
.btn-reservation{background:none; border:0px solid #f97801; text-shadow:none; color:#fff; font-size:16px; padding:10px 15px; font-weight:600; background-color:#f97801; margin-top:15px; margin-bottom:15px;}
.btn-reservation:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #ae9673; color:#fff; border:0px solid #ae9673; background-color:#ae9673}

.callus{float:right; position: fixed; right:2%; bottom:30px; opacity:0.9; z-index:9999;}
/*END BUTTON STYLE*/

/*PROMOTIONS*/
#packages_promotions{background:url(../../images/bg-fix.jpg) #d8d3cf 0 0 no-repeat; padding-bottom:20px; padding-top:60px; background-attachment:inherit; background-size: cover;}
.promotions{margin:15px 0px; padding:30px 0px; background-color:#fff; border:10px solid #fff; transition:all 0.3s ease; font-size:14px;}
.promotions:hover{border:10px solid #d8d3cf; transition:all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);}
.promotions h3{font-family: 'Playfair Display', serif; letter-spacing:-1px; color:#000; font-size:30px; font-weight:600; margin-top:0px; margin-bottom:0px; padding-bottom:0px;}
.promotions img{opacity:1; transition:all 0.3s ease}
.promotions img:hover{opacity:0.8; transition:all 0.3s ease}
.promotions ul{margin: 0; padding: 0; margin-left:20px;}
.promotions ul li{line-height: 22px; padding-bottom: 2px; background: url(../../images/bullet.png) 0 10px no-repeat; padding-left: 20px; list-style-type: none; font-size: 13px;}

#packages_promotions h2{color:#fff; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center;}
#packages_promotions h3 a:link, #packages_promotions h3 a:visited{color:#ae9673!important;}
#packages_promotions hr{background-color: #fff; width: 35px; border: none; height: 1px; margin: 35px auto;}

/*PROMOTIONS*/

}
@media screen and (min-width: 768px) {

#myCarousel{
  margin-top:80px;
}

/*MAIN MENU*/
.navbar-brand{height:70px; padding:0px 15px;}
.navbar-brand > img{width:107px; height:70px;}
#navbar{float:none; padding-top:16px; padding-bottom:16px;}
nav.navbar-inverse{background-color:#fff; border:none; background-image:none; padding-top:15px; padding-bottom:15px; margin-bottom:0px;}
nav.navbar-inverse li{font-size:12px; background-color:#fff; font-weight:600;}
.navbar-nav > li > a{ padding:20px 0px 8px 0px; margin-left:10px; margin-right:10px; font-family: 'Open Sans', sans-serif; text-transform:uppercase}
.navbar-inverse .navbar-nav > li > a {color: #ae9673; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #ae9673; background:none; transition:all 0.3s ease; border-bottom:2px solid #ae9673;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #f97801; background:none; background-image:none; box-shadow:none; border-bottom:2px solid #f97801;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{background-color:#e0e0e0;}
ul.quickmenu span.caret{color:#231f58;}
ul.quickmenu li{background-color:#e0e0e0; font-size:14px; margin-right:0px; margin-left:0px;}
ul.quickmenu li > a{color:#666666 !important; padding: 8px 10px; font-family: 'Playfair Display', serif;}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;}
/*END QUICK MENU*/

/*SLIDESHOW*/
#myCarousel{background-color:#f58519;}
.carousel .carousel-inner img{margin:0 auto; text-align:center;}
.carousel-control:focus, .carousel-control:hover{color:#fff;}
.carousel-caption{top:12%; margin:0 auto; position:absolute}
.carousel-caption h1{font-family: 'Playfair Display', serif; font-size:30px; padding:30px 20px 10px 20px; margin:0; border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border: 0px solid #000000; font-weight:700;}
.carousel-caption p{font-family: 'Open Sans', sans-serif; font-size:13px; margin-bottom:0; padding: 0px 50px 20px 50px;}
.carousel-caption p.btn-slide{border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border: 0px solid #000000; padding: 0px 50px 30px 50px;}
.carousel-item {position: relative;display: none;width: 100%;}
.carousel-indicators {list-style: none;bottom:20px;}
.carousel-indicators li {position: relative;max-width: 30px;width:30px;height:3px;border:none;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: #fff;}
.carousel-indicators .active {background-color: #f58519;border:none;width:30px;height:3px;}
/*END SLIDESHOW*/

/*GIOI THIEU*/
.gioithieu{margin-top:20px; margin-bottom:0px; background-color:#fff; padding-left:50px; padding-right:50px; padding-top:60px; padding-bottom:60px;}
.gioithieu .col-md-12{text-align:center}
.gioithieu .col-md-12 h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801}
.gioithieu .col-md-12 h3{color: #999;font-size: 18px;text-transform: uppercase;text-align: center; line-height:24px;}
.gioithieu .col-md-12 h2 span.letter{font-size:60px; font-weight:400}
.gioithieu .col-md-12 hr {background-color: #959477;width: 35px;border: none;height: 1px;margin: 35px auto;}
/*END GIOI THIEU*/

/*PROMOTION*/
#promotions{width:100%; padding-top:0px; padding-bottom:50px;}
#promotions .col1{padding:0 20px;}
#promotions .col2{padding:0 20px;}
#promotions .col1 h3, 
#promotions .col2 h3{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 24px; text-transform:uppercase; margin-bottom:20px;}
#promotions .col1 p.title, 
#promotions .col2 p.title{font-family: 'Open Sans', sans-serif; font-size:14px; margin-bottom:0; padding: 15px 0px 2px 0px; text-transform:uppercase; color:#7e6648; font-weight:700;}
#promotions .col1 p.title a:link, #promotions .col1 p.title a:visited,
#promotions .col2 p.title a:link, #promotions .col2 p.title a:visited{color:#ae9673}
#promotions .col1 p.title a:hover, #promotions .col2 p.title a:hover {text-decoration:none; color:#725c43;}
#promotions .col1 p.details a:link, #promotions .col1 p.details a:visited,
#promotions .col2 p.details a:link, #promotions .col2 p.details a:visited{color:#999; font-style:italic; font-size:13px; padding:0; font-family: 'Playfair Display', serif;}
#promotions .col1 p.details a:hover, #promotions .col2 p.details a:hover{color:#666; cursor:pointer; text-decoration:none}
#promotions .glyphicon-arrow-right{padding-left:10px;}
#promotions .carousel-control{width:15%; height:75%;}
#promotions .carousel .carousel-inner{}
#promotions .carousel .carousel-inner item{text-align:center; margin:0 auto}
#promotions .carousel .carousel-inner div.thumnail{overflow:hidden; width:500px;}
#promotions .carousel .carousel-inner img{
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;}
#promotions .carousel .carousel-inner img:hover {
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
#promotions a.carousel-control{background:none;}
#promotions .carousel-control .glyphicon-chevron-left, 
#promotions .carousel-control .glyphicon-chevron-right, 
#promotions .carousel-control .icon-next, 
#promotions .carousel-control .icon-prev{top:49%}
/*END PROMOTION*/

/*EXPERIENCE*/
#experience{padding-top: 50px; padding-bottom: 50px; background-color:#fff}
#experience h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801}
#experience h3{color:#999; font-size: 18px; text-transform:uppercase; text-align:center;}
#experience hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;}

#tab1 div.thumnail,
#tab2 div.thumnail,
#tab3 div.thumnail,
#tab4 div.thumnail,
#tab5 div.thumnail{overflow:hidden; padding:0px 0px; width:100%; height:400px; text-align:center;}

#tab1 div.thumnail img,
#tab2 div.thumnail img,
#tab3 div.thumnail img,
#tab4 div.thumnail img,
#tab5 div.thumnail img{
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;}
#tab1 div.thumnail img:hover,
#tab2 div.thumnail img:hover,
#tab3 div.thumnail img:hover,
#tab4 div.thumnail img:hover,
#tab5 div.thumnail img:hover{
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
/*END EXPERIENCE*/
 
/*TAB*/
#fivetab{padding-top: 15px; padding-bottom: 0px; background-color:#ededed}
ul#myTab{margin:auto; border-bottom:none; padding-top:35px; max-width:900px;}
ul#myTab > li{margin-bottom:0; width:auto;}
ul#myTab > li > a {color: #ae9673; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; margin:8px 38px; text-align:center; width:auto; font-family: 'Playfair Display', serif; text-transform:uppercase; padding:3px 0px;}
ul#myTab > li > a h2 {color: #ae9673; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; margin:8px 0px; text-align:center; font-family: 'Playfair Display', serif; text-transform:uppercase}
ul#myTab > li.active > a, 
ul#myTab > li.active > a:focus, 
ul#myTab > li.active > a:hover {color: #725c43; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; transition:all 0.3s ease; font-family: 'Playfair Display', serif; background-color:#ededed; border-bottom:1px solid #f97801}
ul#myTab > li.active > a h2, 
ul#myTab > li.active > a:focus h2, 
ul#myTab > li.active > a:hover h2 {color: #f97801; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; transition:all 0.3s ease; font-family: 'Playfair Display', serif; background-color:#ededed;}

div#tab1{padding:40px 0px 0px 0px;}
div#tab1 .col1{padding:0;}
div#tab1 .col2{padding:30px 55px; background-color:#fff; height:auto; text-align:center}
div#tab1 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab1 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab2{padding:40px 0px 0px 0px;}
div#tab2 .col1{padding:0;}
div#tab2 .col2{padding:110px 55px; background-color:#fff; height:400px; text-align:center}
div#tab2 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab2 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab3{padding:40px 0px 0px 0px;}
div#tab3 .col1{padding:0;}
div#tab3 .col2{padding:110px 55px; background-color:#fff; height:400px; text-align:center}
div#tab3 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab3 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab4{padding:40px 0px 0px 0px;}
div#tab4 .col1{padding:0;}
div#tab4 .col2{padding:110px 55px; background-color:#fff; height:400px; text-align:center}
div#tab4 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab4 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab5{padding:40px 0px 0px 0px;}
div#tab5 .col1{padding:0;}
div#tab5 .col2{padding:110px 55px; background-color:#fff; height:400px; text-align:center}
div#tab5 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab5 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}
/*END TAB*/

/*GOOGLE MAP*/
#googlemap{padding-top: 50px; padding-bottom: 0px; background-color:#fff; background:url(../../images/bg-map-fix.jpg) 0 0 no-repeat; width:100%; background-attachment:fixed;}
#googlemap h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801;}
#googlemap h3{color:#999; font-size: 18px; text-transform:uppercase; text-align:center;}
#googlemap hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;}
#googlemap a:link, #googlemap a:visited{color:#666}
#googlemap a:hover{color:#333}

#googlemap .row .left{padding:0;}
#googlemap .row .left .wrapper{width:100%;height:400px;margin:0 auto;}
#googlemap .row .left .wrapper .h_iframe{position:relative;}
#googlemap .row .left .wrapper .h_iframe iframe{position:absolute;top:0;left:0;width:100%; height:400px;}

#googlemap .row .right{padding:30px 55px; text-align:center; background-color:#fff; height:auto;}
#googlemap .row .right h3{color:#999; font-size: 18px; text-align:center; font-weight:600; text-transform:none}
#googlemap .row .right hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}
#googlemap .row .right p{margin-bottom:6px;}
#googlemap .row .right span.break{display:inline-block}
#googlemap .row .right span.invisibletext{display:inline-block}
 /*END GOOGLE MAP*/

/*FORM DANG KY*/
div.background-dangkytuvan div.feature div.col-md-6{text-align:center}
div.background-dangkytuvan h3{font-size:30px; color:#f99d1c; margin-top:20px; margin-bottom:30px; font-weight:bold; line-height:36px; text-align:center}
div.background-dangkytuvan div#formdangky{padding:20px 40px; background-color:#fff; border:1px solid #c3c3c3; border-top:10px solid #f99d1c;}
div.background-dangkytuvan div#formdangky p{font-size:14px; padding-left:15px; padding-right:15px;}
.form-control{height:40px; color:#000; border-radius:0; border:1px solid #bbbbbb;}
#mc-form input:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
/*END FORM DANG KY*/

/*FOOTER*/
.background-footer{background-color:#ededed; padding-top: 15px; padding-bottom: 0px; font-size:11px; text-align:center; border-top:1px solid #fff}
.background-footer .row{color:#404040;}
.background-footer .row span.glyphicon-star{font-size:14px; padding-left:1px; padding-right:1px; color:#f97801}
/*END FOOTER*/

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000; font-family: 'Playfair Display', serif;}
.btn-custom{background:none; border:1px solid #fff; text-shadow:none; color:#fff; font-size:16px; padding:10px 30px; font-weight:bold;}
.btn-custom:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #fff; color:#f58519; border:1px solid #fff;}
.btn-reservation{background:none; border:0px solid #f97801; text-shadow:none; color:#fff; font-size:16px; padding:10px 15px; font-weight:600; background-color:#f97801; margin-top:15px; margin-bottom:15px;}
.btn-reservation:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #ae9673; color:#fff; border:0px solid #ae9673; background-color:#ae9673}

.callus{float:right; position: fixed; right:2%; bottom:30px; opacity:0.9; z-index:9999;}
/*END BUTTON STYLE*/

/*PROMOTIONS*/
#packages_promotions{background:url(../../images/bg-fix.jpg) #d8d3cf 0 0 no-repeat; padding-bottom:20px; padding-top:60px; background-attachment:inherit; background-size: cover;}
.promotions{margin:15px 0px; padding:30px 0px; background-color:#fff; border:10px solid #fff; transition:all 0.3s ease; font-size:14px;}
.promotions:hover{border:10px solid #d8d3cf; transition:all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);}
.promotions h3{font-family: 'Playfair Display', serif; letter-spacing:-1px; color:#000; font-size:30px; font-weight:600; margin-top:0px; margin-bottom:0px; padding-bottom:0px;}
.promotions img{opacity:1; transition:all 0.3s ease}
.promotions img:hover{opacity:0.8; transition:all 0.3s ease}
.promotions ul{margin: 0; padding: 0; margin-left:20px;}
.promotions ul li{line-height: 22px; padding-bottom: 2px; background: url(../../images/bullet.png) 0 10px no-repeat; padding-left: 20px; list-style-type: none; font-size: 13px;}

#packages_promotions h2{color:#fff; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center;}
#packages_promotions h3 a:link, #packages_promotions h3 a:visited{color:#ae9673!important;}
#packages_promotions hr{background-color: #fff; width: 35px; border: none; height: 1px; margin: 35px auto;}

/*PROMOTIONS*/

}
@media screen and (min-width: 1024px) {

#myCarousel{
  margin-top:115px;
}

/*MAIN MENU*/
.navbar-brand{height:100px; padding:0px;}
.navbar-brand > img{width:153px; height:100px;}
#navbar{float:right; padding-top:16px; padding-bottom:16px;}
nav.navbar-inverse{background-color:#fff; border:none; background-image:none; padding-top:8px; padding-bottom:8px; margin-bottom:0px;}
nav.navbar-inverse li{font-size:14px; background-color:#fff; font-weight:600;}
.navbar-nav > li > a{ padding:20px 0px 8px 0px; margin-left:15px; margin-right:15px; font-family: 'Open Sans', sans-serif; text-transform:uppercase}
.navbar-inverse .navbar-nav > li > a {color: #ae9673; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #ae9673; background:none; transition:all 0.3s ease; border-bottom:2px solid #ae9673;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #f97801; background:none; background-image:none; box-shadow:none; border-bottom:2px solid #f97801;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{background-color:#e0e0e0;}
ul.quickmenu span.caret{color:#231f58;}
ul.quickmenu li{background-color:#e0e0e0; font-size:14px; margin-right:0px; margin-left:0px;}
ul.quickmenu li > a{color:#666666 !important; padding: 8px 10px; font-family: 'Playfair Display', serif;}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;}
/*END QUICK MENU*/

/*SLIDESHOW*/
#myCarousel{background-color:#f58519;}
.carousel .carousel-inner img{margin:0 auto; text-align:center;}
.carousel-control:focus, .carousel-control:hover{color:#fff;}
.carousel-caption{top:20%; margin:0 auto; position:absolute}
.carousel-caption h1{font-family: 'Playfair Display', serif; font-size:40px; padding:30px 20px 10px 20px; margin:0; border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border: 0px solid #000000; font-weight:700;}
.carousel-caption p{font-family: 'Open Sans', sans-serif; font-size:14px; margin-bottom:0; padding: 0px 50px 20px 50px;}
.carousel-caption p.btn-slide{border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border: 0px solid #000000; padding: 0px 50px 30px 50px;}
.carousel-item {position: relative;display: none;width: 100%;}
.carousel-indicators {list-style: none;bottom:50px;}
.carousel-indicators li {position: relative;max-width: 30px;width:30px;height:3px;border:none;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: #fff;}
.carousel-indicators .active {background-color: #f58519;border:none;width:30px;height:3px;}
/*END SLIDESHOW*/

/*GIOI THIEU*/
.gioithieu{margin-top:50px; margin-bottom:0px; background-color:#fff; padding-left:100px; padding-right:100px; padding-top:60px; padding-bottom:60px;}
.gioithieu .col-md-12{text-align:center}
.gioithieu .col-md-12 h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801}
.gioithieu .col-md-12 h3{color: #999;font-size: 18px;text-transform: uppercase;text-align: center; line-height:24px;}
.gioithieu .col-md-12 h2 span.letter{font-size:60px; font-weight:400}
.gioithieu .col-md-12 hr {background-color: #959477;width: 35px;border: none;height: 1px;margin: 35px auto;}
/*END GIOI THIEU*/

/*PROMOTION*/
#promotions{width:100%; padding-top:0px; padding-bottom:50px;}
#promotions .col1{padding:0 40px;}
#promotions .col2{padding:0 40px;}
#promotions .col1 h3, 
#promotions .col2 h3{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 24px; text-transform:uppercase; margin-bottom:20px;}
#promotions .col1 p.title, 
#promotions .col2 p.title{font-family: 'Open Sans', sans-serif; font-size:14px; margin-bottom:0; padding: 15px 0px 2px 0px; text-transform:uppercase; color:#7e6648; font-weight:700;}
#promotions .col1 p.title a:link, #promotions .col1 p.title a:visited,
#promotions .col2 p.title a:link, #promotions .col2 p.title a:visited{color:#ae9673}
#promotions .col1 p.title a:hover, #promotions .col2 p.title a:hover {text-decoration:none; color:#725c43;}
#promotions .col1 p.details a:link, #promotions .col1 p.details a:visited,
#promotions .col2 p.details a:link, #promotions .col2 p.details a:visited{color:#999; font-style:italic; font-size:13px; padding:0; font-family: 'Playfair Display', serif;}
#promotions .col1 p.details a:hover, #promotions .col2 p.details a:hover{color:#666; cursor:pointer; text-decoration:none}
#promotions .glyphicon-arrow-right{padding-left:10px;}
#promotions .carousel-control{width:15%; height:75%;}
#promotions .carousel .carousel-inner{}
#promotions .carousel .carousel-inner item{text-align:center; margin:0 auto}
#promotions .carousel .carousel-inner div.thumnail{overflow:hidden; width:500px;}
#promotions .carousel .carousel-inner img{
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;}
#promotions .carousel .carousel-inner img:hover {
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
#promotions a.carousel-control{background:none;}
#promotions .carousel-control .glyphicon-chevron-left, 
#promotions .carousel-control .glyphicon-chevron-right, 
#promotions .carousel-control .icon-next, 
#promotions .carousel-control .icon-prev{top:49%}
/*END PROMOTION*/

/*EXPERIENCE*/
#experience{padding-top: 50px; padding-bottom: 50px; background-color:#fff;}
#experience h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801}
#experience h3{color:#999; font-size: 18px; text-transform:uppercase; text-align:center;}
#experience hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;}

#tab1 div.thumnail,
#tab2 div.thumnail,
#tab3 div.thumnail,
#tab4 div.thumnail,
#tab5 div.thumnail{overflow:hidden; padding:0px 35px; width:100%; height:400px; text-align:center;}

#tab1 div.thumnail img,
#tab2 div.thumnail img,
#tab3 div.thumnail img,
#tab4 div.thumnail img,
#tab5 div.thumnail img{
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;}
#tab1 div.thumnail img:hover,
#tab2 div.thumnail img:hover,
#tab3 div.thumnail img:hover,
#tab4 div.thumnail img:hover,
#tab5 div.thumnail img:hover{
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
/*END EXPERIENCE*/
 
/*TAB*/
#fivetab{padding-top: 15px; padding-bottom: 50px; background-color:#ededed}
ul#myTab{margin:auto; border-bottom:none; padding-top:35px; max-width:900px;}
ul#myTab > li{margin-bottom:0; width:auto;}
ul#myTab > li > a {color: #ae9673; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; margin:8px 55px; text-align:center; width:auto; font-family: 'Playfair Display', serif; text-transform:uppercase; padding:3px 0px;}
ul#myTab > li > a h2 {color: #ae9673; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; margin:8px 0px; text-align:center; font-family: 'Playfair Display', serif; text-transform:uppercase}
ul#myTab > li.active > a, 
ul#myTab > li.active > a:focus, 
ul#myTab > li.active > a:hover {color: #725c43; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; transition:all 0.3s ease; font-family: 'Playfair Display', serif; background-color:#ededed; border-bottom:1px solid #f97801}
ul#myTab > li.active > a h2, 
ul#myTab > li.active > a:focus h2, 
ul#myTab > li.active > a:hover h2 {color: #f97801; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; transition:all 0.3s ease; font-family: 'Playfair Display', serif; background-color:#ededed;}

div#tab1{padding:40px 0px;}
div#tab1 .col1{padding:0;}
div#tab1 .col2{padding:5px 15px 0px 15px; background-color:#fff; height:400px; text-align:center}
div#tab1 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab1 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab2{padding:40px 0px;}
div#tab2 .col1{padding:0;}
div#tab2 .col2{padding:50px 55px 0px 55px; background-color:#fff; height:400px; text-align:center}
div#tab2 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab2 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab3{padding:40px 0px;}
div#tab3 .col1{padding:0;}
div#tab3 .col2{padding:30px 55px 0px 55px; background-color:#fff; height:400px; text-align:center}
div#tab3 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab3 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab4{padding:40px 0px;}
div#tab4 .col1{padding:0;}
div#tab4 .col2{padding:80px 55px 0px 55px; background-color:#fff; height:400px; text-align:center}
div#tab4 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab4 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab5{padding:40px 0px;}
div#tab5 .col1{padding:0;}
div#tab5 .col2{padding:50px 55px 0px 55px; background-color:#fff; height:400px; text-align:center}
div#tab5 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab5 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}
/*END TAB*/

/*GOOGLE MAP*/
#googlemap{padding-top: 50px; padding-bottom: 80px; background-color:#fff; background:url(../../images/bg-map-fix.jpg) 0 0 no-repeat; width:100%; background-attachment:fixed;}
#googlemap h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801;}
#googlemap h3{color:#999; font-size: 18px; text-transform:uppercase; text-align:center;}
#googlemap hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;}
#googlemap a:link, #googlemap a:visited{color:#666}
#googlemap a:hover{color:#333}

#googlemap .row .left{padding:0;}
#googlemap .row .left .wrapper{width:100%;height:400px;margin:0 auto;}
#googlemap .row .left .wrapper .h_iframe{position:relative;}
#googlemap .row .left .wrapper .h_iframe iframe{position:absolute;top:0;left:0;width:100%; height:400px;}

#googlemap .row .right{padding:85px 55px; text-align:center; background-color:#fff; height:400px;}
#googlemap .row .right h3{color:#999; font-size: 18px; text-align:center; font-weight:600; text-transform:none}
#googlemap .row .right hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}
#googlemap .row .right p{margin-bottom:6px;}
#googlemap .row .right span.break{display:inline-block}
#googlemap .row .right span.invisibletext{display:inline-block}
 /*END GOOGLE MAP*/

/*FORM DANG KY*/
div.background-dangkytuvan div.feature div.col-md-6{text-align:center}
div.background-dangkytuvan h3{font-size:30px; color:#f99d1c; margin-top:20px; margin-bottom:30px; font-weight:bold; line-height:36px; text-align:center}
div.background-dangkytuvan div#formdangky{padding:20px 40px; background-color:#fff; border:1px solid #c3c3c3; border-top:10px solid #f99d1c;}
div.background-dangkytuvan div#formdangky p{font-size:14px; padding-left:15px; padding-right:15px;}
.form-control{height:40px; color:#000; border-radius:0; border:1px solid #bbbbbb;}
#mc-form input:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
/*END FORM DANG KY*/

/*FOOTER*/
.background-footer{background-color:#ededed; padding-top: 15px; padding-bottom: 0px; font-size:11px; text-align:center; border-top:1px solid #fff}
.background-footer .row{color:#404040;}
.background-footer .row span.glyphicon-star{font-size:14px; padding-left:1px; padding-right:1px; color:#f97801}
/*END FOOTER*/

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000; font-family: 'Playfair Display', serif;}
.btn-custom{background:none; border:1px solid #fff; text-shadow:none; color:#fff; font-size:16px; padding:10px 30px; font-weight:bold;}
.btn-custom:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #fff; color:#f58519; border:1px solid #fff;}
.btn-reservation{background:none; border:0px solid #f97801; text-shadow:none; color:#fff; font-size:16px; padding:10px 15px; font-weight:600; background-color:#f97801; margin-top:15px; margin-bottom:15px;}
.btn-reservation:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #ae9673; color:#fff; border:0px solid #ae9673; background-color:#ae9673}

.callus{float:right; position: fixed; right:2%; bottom:30px; opacity:0.9; z-index:9999;}
/*END BUTTON STYLE*/

/*PROMOTIONS*/
#packages_promotions{background:url(../../images/bg-fix.jpg) #d8d3cf 0 0 no-repeat; padding-bottom:80px; padding-top:80px; background-attachment:fixed}
.promotions{margin:15px 0px; padding:30px 0px; background-color:#fff; border:10px solid #fff; transition:all 0.3s ease; font-size:14px;}
.promotions:hover{border:10px solid #d8d3cf; transition:all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);}
.promotions h3{font-family: 'Playfair Display', serif; letter-spacing:-1px; color:#000; font-size:30px; font-weight:600; margin-top:0px; margin-bottom:0px; padding-bottom:0px;}
.promotions img{opacity:1; transition:all 0.3s ease}
.promotions img:hover{opacity:0.8; transition:all 0.3s ease}
.promotions ul{margin: 0; padding: 0; margin-left:20px;}
.promotions ul li{line-height: 22px; padding-bottom: 2px; background: url(../../images/bullet.png) 0 10px no-repeat; padding-left: 20px; list-style-type: none; font-size: 13px;}

#packages_promotions h2{color:#fff; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center;}
#packages_promotions h3 a:link, #packages_promotions h3 a:visited{color:#ae9673!important;}
#packages_promotions hr{background-color: #fff; width: 35px; border: none; height: 1px; margin: 35px auto;}

/*PROMOTIONS*/

}
@media screen and (min-width: 1280px) {
/*MAIN MENU*/
.navbar-brand{height:100px; padding:0px;}
#navbar{float:right; padding-top:16px; padding-bottom:16px;}
nav.navbar-inverse{background-color:#fff; border:none; background-image:none; padding-top:8px; padding-bottom:8px; margin-bottom:0px;}
nav.navbar-inverse li{font-size:15px; background-color:#fff; font-weight:600;}
.navbar-nav > li > a{ padding:20px 0px 8px 0px; margin-left:15px; margin-right:15px; font-family: 'Open Sans', sans-serif; text-transform:uppercase}
.navbar-inverse .navbar-nav > li > a {color: #ae9673; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #ae9673; background:none; transition:all 0.3s ease; border-bottom:2px solid #ae9673;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #f97801; background:none; background-image:none; box-shadow:none; border-bottom:2px solid #f97801;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{background-color:#e0e0e0;}
ul.quickmenu span.caret{color:#231f58;}
ul.quickmenu li{background-color:#e0e0e0; font-size:14px; margin-right:0px; margin-left:0px;}
ul.quickmenu li > a{color:#666666 !important; padding: 8px 10px; font-family: 'Playfair Display', serif;}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;}
/*END QUICK MENU*/

/*SLIDESHOW*/
#myCarousel{background-color:#f58519;}
.carousel .carousel-inner img{margin:0 auto; text-align:center;}
.carousel-control:focus, .carousel-control:hover{color:#fff;}
.carousel-caption{top:30%; margin:0 auto; position:absolute}
.carousel-caption h1{font-family: 'Playfair Display', serif; font-size:46px; padding:30px 20px 10px 20px; margin:0; border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border: 0px solid #000000; font-weight:700;}
.carousel-caption p{font-family: 'Open Sans', sans-serif; font-size:16px; margin-bottom:0; padding: 0px 50px 20px 50px;}
.carousel-caption p.btn-slide{border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border: 0px solid #000000; padding: 0px 50px 30px 50px;}
.carousel-item {position: relative;display: none;width: 100%;}
.carousel-indicators {list-style: none;bottom:50px;}
.carousel-indicators li {position: relative;max-width: 30px;width:30px;height:3px;border:none;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: #fff;}
.carousel-indicators .active {background-color: #f58519;border:none;width:30px;height:3px;}
/*END SLIDESHOW*/

/*GIOI THIEU*/
.gioithieu{margin-top:50px; margin-bottom:0px; background-color:#fff; padding-left:100px; padding-right:100px; padding-top:60px; padding-bottom:60px;}
.gioithieu .col-md-12{text-align:center}
.gioithieu .col-md-12 h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801}
.gioithieu .col-md-12 h3{color: #999;font-size: 18px;text-transform: uppercase;text-align: center; line-height:24px;}
.gioithieu .col-md-12 h2 span.letter{font-size:60px; font-weight:400}
.gioithieu .col-md-12 hr {background-color: #959477;width: 35px;border: none;height: 1px;margin: 35px auto;}
/*END GIOI THIEU*/

/*PROMOTION*/
#promotions{width:100%; padding-top:0px; padding-bottom:50px;}
#promotions .col1{padding:0 40px;}
#promotions .col2{padding:0 40px;}
#promotions .col1 h3, 
#promotions .col2 h3{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 24px; text-transform:uppercase; margin-bottom:20px;}
#promotions .col1 p.title, 
#promotions .col2 p.title{font-family: 'Open Sans', sans-serif; font-size:14px; margin-bottom:0; padding: 15px 0px 2px 0px; text-transform:uppercase; color:#7e6648; font-weight:700;}
#promotions .col1 p.title a:link, #promotions .col1 p.title a:visited,
#promotions .col2 p.title a:link, #promotions .col2 p.title a:visited{color:#ae9673}
#promotions .col1 p.title a:hover, #promotions .col2 p.title a:hover {text-decoration:none; color:#725c43;}
#promotions .col1 p.details a:link, #promotions .col1 p.details a:visited,
#promotions .col2 p.details a:link, #promotions .col2 p.details a:visited{color:#999; font-style:italic; font-size:13px; padding:0; font-family: 'Playfair Display', serif;}
#promotions .col1 p.details a:hover, #promotions .col2 p.details a:hover{color:#666; cursor:pointer; text-decoration:none}
#promotions .glyphicon-arrow-right{padding-left:10px;}
#promotions .carousel-control{width:15%; height:75%;}
#promotions .carousel .carousel-inner{}
#promotions .carousel .carousel-inner item{text-align:center; margin:0 auto}
#promotions .carousel .carousel-inner div.thumnail{overflow:hidden; width:500px;}
#promotions .carousel .carousel-inner img{
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;}
#promotions .carousel .carousel-inner img:hover {
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
#promotions a.carousel-control{background:none;}
#promotions .carousel-control .glyphicon-chevron-left, 
#promotions .carousel-control .glyphicon-chevron-right, 
#promotions .carousel-control .icon-next, 
#promotions .carousel-control .icon-prev{top:49%}
/*END PROMOTION*/

/*EXPERIENCE*/
#experience{padding-top: 50px; padding-bottom: 50px; background-color:#fff}
#experience h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801}
#experience h3{color:#999; font-size: 18px; text-transform:uppercase; text-align:center;}
#experience hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;}

#tab1 div.thumnail,
#tab2 div.thumnail,
#tab3 div.thumnail,
#tab4 div.thumnail,
#tab5 div.thumnail{overflow:hidden; padding:0px 35px; width:100%; height:400px; text-align:center;}

#tab1 div.thumnail img,
#tab2 div.thumnail img,
#tab3 div.thumnail img,
#tab4 div.thumnail img,
#tab5 div.thumnail img{
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;}
#tab1 div.thumnail img:hover,
#tab2 div.thumnail img:hover,
#tab3 div.thumnail img:hover,
#tab4 div.thumnail img:hover,
#tab5 div.thumnail img:hover{
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
/*END EXPERIENCE*/
 
/*TAB*/
#fivetab{padding-top: 15px; padding-bottom: 50px; background-color:#ededed}
ul#myTab{margin:auto; border-bottom:none; padding-top:35px; max-width:900px;}
ul#myTab > li{margin-bottom:0; width:auto;}
ul#myTab > li > a {color: #ae9673; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; margin:8px 55px; text-align:center; width:auto; font-family: 'Playfair Display', serif; text-transform:uppercase; padding:3px 0px;}
ul#myTab > li > a h2 {color: #ae9673; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; margin:8px 0px; text-align:center; font-family: 'Playfair Display', serif; text-transform:uppercase}
ul#myTab > li.active > a, 
ul#myTab > li.active > a:focus, 
ul#myTab > li.active > a:hover {color: #725c43; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; transition:all 0.3s ease; font-family: 'Playfair Display', serif; background-color:#ededed; border-bottom:1px solid #f97801}
ul#myTab > li.active > a h2, 
ul#myTab > li.active > a:focus h2, 
ul#myTab > li.active > a:hover h2 {color: #f97801; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; transition:all 0.3s ease; font-family: 'Playfair Display', serif; background-color:#ededed;}

div#tab1{padding:40px 0px;}
div#tab1 .col1{padding:0;}
div#tab1 .col2{padding:5px 55px 0px 55px; background-color:#fff; height:400px; text-align:center}
div#tab1 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab1 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab2{padding:40px 0px;}
div#tab2 .col1{padding:0;}
div#tab2 .col2{padding:80px 55px 0px 55px; background-color:#fff; height:400px; text-align:center}
div#tab2 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab2 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab3{padding:40px 0px;}
div#tab3 .col1{padding:0;}
div#tab3 .col2{padding:50px 55px 0px 55px; background-color:#fff; height:400px; text-align:center}
div#tab3 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab3 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab4{padding:40px 0px;}
div#tab4 .col1{padding:0;}
div#tab4 .col2{padding:100px 55px 0px 55px; background-color:#fff; height:400px; text-align:center}
div#tab4 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab4 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab5{padding:40px 0px;}
div#tab5 .col1{padding:0;}
div#tab5 .col2{padding:80px 55px 0px 55px; background-color:#fff; height:400px; text-align:center}
div#tab5 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab5 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}
/*END TAB*/

/*GOOGLE MAP*/
#googlemap{padding-top: 50px; padding-bottom: 80px; background-color:#fff; background:url(../../images/bg-map-fix.jpg) 0 0 no-repeat; width:100%; background-attachment:fixed;}
#googlemap h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center; color:#f97801;}
#googlemap h3{color:#999; font-size: 18px; text-transform:uppercase; text-align:center;}
#googlemap hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;}
#googlemap a:link, #googlemap a:visited{color:#666}
#googlemap a:hover{color:#333}

#googlemap .row .left{padding:0;}
#googlemap .row .left .wrapper{width:100%;height:400px;margin:0 auto;}
#googlemap .row .left .wrapper .h_iframe{position:relative;}
#googlemap .row .left .wrapper .h_iframe iframe{position:absolute;top:0;left:0;width:100%; height:400px;}

#googlemap .row .right{padding:85px 55px; text-align:center; background-color:#fff; height:400px;}
#googlemap .row .right h3{color:#999; font-size: 18px; text-align:center; font-weight:600; text-transform:none}
#googlemap .row .right hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}
#googlemap .row .right p{margin-bottom:6px;}
#googlemap .row .right span.break{display:inline-block}
#googlemap .row .right span.invisibletext{display:inline-block}
 /*END GOOGLE MAP*/

/*FORM DANG KY*/
div.background-dangkytuvan div.feature div.col-md-6{text-align:center}
div.background-dangkytuvan h3{font-size:30px; color:#f99d1c; margin-top:20px; margin-bottom:30px; font-weight:bold; line-height:36px; text-align:center}
div.background-dangkytuvan div#formdangky{padding:20px 40px; background-color:#fff; border:1px solid #c3c3c3; border-top:10px solid #f99d1c;}
div.background-dangkytuvan div#formdangky p{font-size:14px; padding-left:15px; padding-right:15px;}
.form-control{height:40px; color:#000; border-radius:0; border:1px solid #bbbbbb;}
#mc-form input:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
/*END FORM DANG KY*/

/*FOOTER*/
.background-footer{background-color:#ededed; padding-top: 15px; padding-bottom: 0px; font-size:11px; text-align:center; border-top:1px solid #fff}
.background-footer .row{color:#404040;}
.background-footer .row span.glyphicon-star{font-size:14px; padding-left:1px; padding-right:1px; color:#f97801}
/*END FOOTER*/

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000; font-family: 'Playfair Display', serif;}
.btn-custom{background:none; border:1px solid #fff; text-shadow:none; color:#fff; font-size:16px; padding:10px 30px; font-weight:bold;}
.btn-custom:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #fff; color:#f58519; border:1px solid #fff;}
.btn-reservation{background:none; border:0px solid #f97801; text-shadow:none; color:#fff; font-size:16px; padding:10px 15px; font-weight:600; background-color:#f97801; margin-top:15px; margin-bottom:15px;}
.btn-reservation:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #ae9673; color:#fff; border:0px solid #ae9673; background-color:#ae9673}

.callus{float:right; position: fixed; right:2%; bottom:30px; opacity:0.9; z-index:9999;}
/*END BUTTON STYLE*/

/*PROMOTIONS*/
#packages_promotions{background:url(../../images/bg-fix.jpg) #d8d3cf 0 0 no-repeat; padding-bottom:80px; padding-top:80px; background-attachment:fixed}
.promotions{margin:15px 0px; padding:30px 0px; background-color:#fff; border:10px solid #fff; transition:all 0.3s ease; font-size:14px;}
.promotions:hover{border:10px solid #d8d3cf; transition:all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);}
.promotions h3{font-family: 'Playfair Display', serif; letter-spacing:-1px; color:#000; font-size:30px; font-weight:600; margin-top:0px; margin-bottom:0px; padding-bottom:0px;}
.promotions img{opacity:1; transition:all 0.3s ease}
.promotions img:hover{opacity:0.8; transition:all 0.3s ease}
.promotions ul{margin: 0; padding: 0; margin-left:20px;}
.promotions ul li{line-height: 22px; padding-bottom: 2px; background: url(../../images/bullet.png) 0 10px no-repeat; padding-left: 20px; list-style-type: none; font-size: 13px;}

#packages_promotions h2{color:#fff; font-family: 'Playfair Display', serif; font-size: 32px; text-transform:uppercase; text-align:center;}
#packages_promotions h3 a:link, #packages_promotions h3 a:visited{color:#ae9673!important;}
#packages_promotions hr{background-color: #fff; width: 35px; border: none; height: 1px; margin: 35px auto;}

/*PROMOTIONS*/

}

@media screen and (max-width: 480px){

#myCarousel{
  margin-top:80px;
}

/*MAIN MENU*/
nav.navbar-inverse{background-color:#fff; border:none; background-image:none; padding-top:5px; padding-bottom:5px; margin-bottom:0px;}
.navbar-inverse .navbar-toggle{background-color:#fff; border:1px solid #fff; margin-top: 17px; margin-right: 20px;}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#555555}
.navbar-inverse .navbar-toggle:hover{background-color:#fff; border:1px solid #555555}
#navbar{padding-top:0; float:none !important; text-align:center; margin:0 auto}
.navbar-brand{padding:0px 15px;}
.navbar-brand > img{width:99px; height:65px;}
/*END MAIN MENU*/

/*SLIDESHOW*/
#myCarousel{background-color:#f58519;}
.carousel .carousel-inner img{margin:0 auto; text-align:center;}
.carousel-control:focus, .carousel-control:hover{color:#fff;}
.carousel-caption{top:1%; margin:0 auto; position:relative; left:0; right:0}
.carousel-caption h1{font-family: 'Playfair Display', serif; font-size:15px; padding:30px 20px 10px 20px; margin:0; border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border: 0px solid #000000; font-weight:700;}
.carousel-caption p{font-family: 'Open Sans', sans-serif; font-size:13px; margin-bottom:10px; padding: 0px 10px 5px 10px; line-height:18px;}
.carousel-caption p.btn-slide{border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border: 0px solid #000000; padding: 0px 0px 0px 0px;}
.carousel-item {position: relative;display: none;width: 100%;}
.carousel-indicators {list-style: none;bottom:5px;}
.carousel-indicators li {position: relative;max-width: 30px;width:20px;height:3px;border:none;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: #fff;}
.carousel-indicators .active {background-color: #f58519;border:none;width:20px;height:3px;}
/*END SLIDESHOW*/

/*GIOI THIEU*/
.gioithieu{margin-top:20px; margin-bottom:0px; background-color:#fff; padding-left:20px; padding-right:20px; padding-top:30px; padding-bottom:30px;}
.gioithieu .col-md-12{text-align:center}
.gioithieu .col-md-12 h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 26px; text-transform:uppercase; text-align:center; color:#f97801; line-height:28px;}
.gioithieu .col-md-12 h3{color: #999;font-size: 14px;text-transform: uppercase;text-align: center; line-height:24px;}
.gioithieu .col-md-12 h2 span.letter{font-size:60px; font-weight:400}
.gioithieu .col-md-12 hr {background-color: #959477;width: 35px;border: none;height: 1px;margin: 35px auto;}
/*END GIOI THIEU*/

/*PROMOTION*/
#promotions{width:100%; padding-top:0px; padding-bottom:25px;}
#promotions .col1{padding:0 40px; width:100%}
#promotions .col2{padding:0 40px; width:100%;}
#promotions .col1 h3, 
#promotions .col2 h3{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 20px; text-transform:uppercase; margin-bottom:20px;}
#promotions .col1 p.title, 
#promotions .col2 p.title{font-family: 'Open Sans', sans-serif; font-size:14px; margin-bottom:0; padding: 15px 0px 2px 0px; text-transform:uppercase; color:#7e6648; font-weight:700;}
#promotions .col1 p.title a:link, #promotions .col1 p.title a:visited,
#promotions .col2 p.title a:link, #promotions .col2 p.title a:visited{color:#ae9673}
#promotions .col1 p.title a:hover, #promotions .col2 p.title a:hover {text-decoration:none; color:#725c43;}
#promotions .col1 p.details a:link, #promotions .col1 p.details a:visited,
#promotions .col2 p.details a:link, #promotions .col2 p.details a:visited{color:#999; font-style:italic; font-size:13px; padding:0; font-family: 'Playfair Display', serif;}
#promotions .col1 p.details a:hover, #promotions .col2 p.details a:hover{color:#666; cursor:pointer; text-decoration:none}
#promotions .glyphicon-arrow-right{padding-left:10px;}
#promotions .carousel-control{width:15%; height:75%;}
#promotions .carousel .carousel-inner{}
#promotions .carousel .carousel-inner item{text-align:center; margin:0 auto}
#promotions .carousel .carousel-inner div.thumnail{overflow:hidden; width:500px;}
#promotions .carousel .carousel-inner img{
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;}
#promotions .carousel .carousel-inner img:hover {
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
#promotions a.carousel-control{background:none;}
#promotions .carousel-control .glyphicon-chevron-left, 
#promotions .carousel-control .glyphicon-chevron-right, 
#promotions .carousel-control .icon-next, 
#promotions .carousel-control .icon-prev{top:49%}
/*END PROMOTION*/

/*EXPERIENCE*/
#experience{padding-top: 30px; padding-bottom: 30px; background-color:#fff}
#experience h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 26px; text-transform:uppercase; text-align:center; color:#f97801; line-height:28px;}
#experience h3{color:#999; font-size: 14px; text-transform:uppercase; text-align:center; line-height:24px;}
#experience hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;}

#tab1 div.thumnail,
#tab2 div.thumnail,
#tab3 div.thumnail,
#tab4 div.thumnail,
#tab5 div.thumnail{overflow:hidden; padding:0px 35px; width:100%; height:auto; text-align:center;}

#tab1 div.thumnail img,
#tab2 div.thumnail img,
#tab3 div.thumnail img,
#tab4 div.thumnail img,
#tab5 div.thumnail img{
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;}
#tab1 div.thumnail img:hover,
#tab2 div.thumnail img:hover,
#tab3 div.thumnail img:hover,
#tab4 div.thumnail img:hover,
#tab5 div.thumnail img:hover{
  transform: scale(1.08);
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
/*END EXPERIENCE*/

/*TAB*/
#fivetab{padding-top: 15px; padding-bottom: 0px; background-color:#ededed}
ul#myTab{margin:auto; border-bottom:none; padding-top:5px; max-width:100%;}
ul#myTab > li{margin-bottom:0; width:100%;}
ul#myTab > li > a {color: #ae9673; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; margin:8px 55px; text-align:center; width:auto; font-family: 'Playfair Display', serif; text-transform:uppercase; padding:3px 0px;}
ul#myTab > li > a h2 {color: #ae9673; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; margin:8px 0px; text-align:center; font-family: 'Playfair Display', serif; text-transform:uppercase}
ul#myTab > li.active > a, 
ul#myTab > li.active > a:focus, 
ul#myTab > li.active > a:hover {color: #725c43; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; transition:all 0.3s ease; font-family: 'Playfair Display', serif; background-color:#ededed; border-bottom:1px solid #f97801}
ul#myTab > li.active > a h2, 
ul#myTab > li.active > a:focus h2, 
ul#myTab > li.active > a:hover h2 {color: #f97801; font-size:14px; cursor: pointer; border: none; border-bottom-color: transparent; border-radius:0; transition:all 0.3s ease; font-family: 'Playfair Display', serif; background-color:#ededed;}
.tab-content{}

div#tab1{padding:20px 0px 0px 0px;}
div#tab1 .col1{padding:0 0px 35px 0px;}
div#tab1 .col2{padding:10px 30px 20px 30px; background-color:#fff; height:auto; text-align:center}
div#tab1 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab1 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab2{padding:20px 0px 0px 0px;}
div#tab2 .col1{padding:0 0px 35px 0px;}
div#tab2 .col2{padding:10px 30px 20px 30px; background-color:#fff; height:auto; text-align:center}
div#tab2 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab2 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab3{padding:20px 0px 0px 0px;}
div#tab3 .col1{padding:0 0px 35px 0px;}
div#tab3 .col2{padding:10px 30px 20px 30px; background-color:#fff; height:auto; text-align:center}
div#tab3 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab3 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab4{padding:20px 0px 0px 0px;}
div#tab4 .col1{padding:0 0px 35px 0px;}
div#tab4 .col2{padding:10px 30px 20px 30px; background-color:#fff; height:auto; text-align:center}
div#tab4 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab4 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab5{padding:20px 0px 0px 0px;}
div#tab5 .col1{padding:0 0px 35px 0px;}
div#tab5 .col2{padding:10px 30px 20px 30px; background-color:#fff; height:auto; text-align:center}
div#tab5 .col2 h3{color:#999; font-size: 18px; text-align:center; font-weight:600}
div#tab5 .col2 hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}

div#tab1 .col1 img,
div#tab2 .col1 img,
div#tab3 .col1 img,
div#tab4 .col1 img,
div#tab5 .col1 img{width:100%}
/*END TAB*/

/*GOOGLE MAP*/
#googlemap{padding-top: 30px; padding-bottom:0px; background-color:#fff; background:url(../../images/bg-map-fix.jpg) 0 0 no-repeat; width:100%; background-attachment:fixed;}
#googlemap h2{color:#ae9673; font-family: 'Playfair Display', serif; font-size: 26px; text-transform:uppercase; text-align:center; color:#f97801; line-height:28px}
#googlemap h3{color:#999; font-size: 14px; text-transform:uppercase; text-align:center; line-height:24px;}
#googlemap hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 35px auto;}
#googlemap a:link, #googlemap a:visited{color:#666}
#googlemap a:hover{color:#333}

#googlemap .row .left{padding:0;}
#googlemap .row .left .wrapper{width:100%;height:300px;margin:0 auto;}
#googlemap .row .left .wrapper .h_iframe{position:relative;}
#googlemap .row .left .wrapper .h_iframe iframe{position:absolute;top:0;left:0;width:100%; height:300px;}

#googlemap .row .right{padding:10px 30px 20px 30px; text-align:center; background-color:#fff; height:auto;}
#googlemap .row .right h3{color:#999; font-size: 18px; text-align:center; font-weight:600; text-transform:none}
#googlemap .row .right hr{background-color: #959477; width: 35px; border: none; height: 1px; margin: 25px auto;}
#googlemap .row .right p{margin-bottom:6px;}
#googlemap .row .right span.break{display:block}
#googlemap .row .right span.invisibletext{display:none}
 /*END GOOGLE MAP*/
 
 /*FOOTER*/
.background-footer{background-color:#ededed; padding-top: 15px; padding-bottom: 0px; font-size:11px; text-align:center; border-top:1px solid #fff}
.background-footer .row{color:#404040;}
.background-footer .row span.glyphicon-star{font-size:14px; padding-left:1px; padding-right:1px; color:#f97801}
.background-footer span.break{display:block}
.background-footer br{}
/*END FOOTER*/

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000; font-family: 'Playfair Display', serif;}
.btn-custom{background:none; border:1px solid #fff; text-shadow:none; color:#fff; font-size:12px; padding:5px 20px; font-weight:bold;}
.btn-custom:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #fff; color:#f58519; border:1px solid #fff;}
.btn-reservation{background:none; border:0px solid #f97801; text-shadow:none; color:#fff; font-size:16px; padding:10px 15px; font-weight:600; background-color:#f97801; margin-top:15px; margin-bottom:15px;}
.btn-reservation:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #ae9673; color:#fff; border:0px solid #ae9673; background-color:#ae9673}

.callus{float:right; position: fixed; right:2%; bottom:30px; opacity:0.9; z-index:9999;}
.callus img{width:40px; height:39px;}
/*END BUTTON STYLE*/

/*PROMOTIONS*/
#packages_promotions{background:url(../../images/bg-fix.jpg) #d8d3cf 0 0 no-repeat; padding-bottom:0px; padding-top:50px; background-attachment:inherit; background-size: cover;}
.promotions{margin:15px 0px; padding:30px 0px; background-color:#fff; border:10px solid #fff; transition:all 0.3s ease; font-size:14px;}
.promotions:hover{border:10px solid #d8d3cf; transition:all 0.3s ease; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);}
.promotions h3{font-family: 'Playfair Display', serif; letter-spacing:-1px; color:#000; font-size:30px; font-weight:600; margin-top:0px; margin-bottom:0px; padding-bottom:0px;}
.promotions img{opacity:1; transition:all 0.3s ease}
.promotions img:hover{opacity:0.8; transition:all 0.3s ease}
.promotions ul{margin: 0; padding: 0; margin-left:20px;}
.promotions ul li{line-height: 22px; padding-bottom: 2px; background: url(../../images/bullet.png) 0 10px no-repeat; padding-left: 20px; list-style-type: none; font-size: 13px;}

#packages_promotions h2{color:#fff; font-family: 'Playfair Display', serif; font-size: 26px; text-transform:uppercase; text-align:center;}
#packages_promotions h3 a:link, #packages_promotions h3 a:visited{color:#ae9673!important;}
#packages_promotions hr{background-color: #fff; width: 35px; border: none; height: 1px; margin: 35px auto;}

/*PROMOTIONS*/

}