html,body{height:100%;}
body{font-family: 'Josefin Sans', sans-serif; font-size:14px; background-color:#fff; line-height:26px; color:#666}
a{color:#fff; transition:all 0.3s ease}
a:hover, a:focus{transition:all 0.3s ease; color:#000324}
.form-control{border-radius:0; height:40px;}
hr.style1{overflow: visible;padding: 0;border: none;border-top-width: medium;border-top-style: none;border-top-color: currentcolor;border-top: thick double #dee0e4;color: #dee0e4;text-align: center;}
hr.style1:after {
content: '\00a7';
display: inline-block;
position: relative;
top: -1em;
font-size: 1.1em;
padding: 0 0.25em;
background: #fff;
}
.carousel-inner-gallery p.description_gallery{display:none !important;}
#btnsubmitsmall:hover{text-decoration:underline; color:#3A2418 !important}
.navbar-inverse-new .navbar-toggle:focus, .navbar-inverse-new .navbar-toggle:hover {
background:none !important;
border: 1px solid #8F7C65 !important;
}
.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 */
}
section {height:100%;}
/*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*/
/*BUTTON STYLE*/
.btn{border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 0px solid #000000;}
.btn-custom{background-color:#d3c48b; border:2px solid #d3c48b; text-shadow:none; color:#000; font-size:16px; padding:10px 30px; font-weight:600; margin-top:30px;}
.btn-custom:hover{transition:all 0.3s ease; color:#fff; border:2px solid #8F7C65; background-color:#8F7C65}
.callus{float:right; position: fixed; right:2%; bottom:30px; opacity:0.9; z-index:9999;}
/*STYLE BLINK TEXT - EFFECT TEXT*/
.blinktext{
-webkit-animation: color-change 0.8s infinite;
-moz-animation: color-change 0.8s infinite;
-o-animation: color-change 0.8s infinite;
-ms-animation: color-change 0.8s infinite;
animation: color-change 0.8s infinite;
}
@-webkit-keyframes color-change {
0% { color: #ffffff; }
50% { color: #a88647; }
100% { color: #ffffff; }
}
@-moz-keyframes color-change {
0% { color: #ffffff; }
50% { color: #a88647; }
100% { color: #ffffff; }
}
@-ms-keyframes color-change {
0% { color: #ffffff; }
50% { color: #a88647; }
100% { color: #ffffff; }
}
@-o-keyframes color-change {
0% { color: #ffffff; }
50% { color: #a88647; }
100% { color: #ffffff; }
}
@keyframes color-change {
0% { color: #ffffff; }
50% { color: #a88647; }
100% { color: #ffffff; }
}
@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*/
/*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*/
/*ON-OFF MODULE*/
/*END ON-OFF MODULE*/
@media screen and (min-width: 580px) {
#hotline_mobile{display:block}
/*BUTTON STYLE*/
.btn{border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 0px solid #000000;}
.btn-custom{background-color:#d3c48b; border:2px solid #d3c48b; text-shadow:none; color:#000; font-size:16px; padding:10px 30px; font-weight:600; margin-top:30px;}
.btn-custom:hover{transition:all 0.3s ease; color:#fff; border:2px solid #8F7C65; background-color:#8F7C65}
.btn-custom-2{background-color:#151515; border:1px solid #151515; text-shadow:none; color:#fff; font-size:11px; padding:12px 10px; font-weight:300;}
.btn-custom-2:hover{transition:all 0.3s ease; color:#fff; border:1px solid #8F7C65; background-color:#8F7C65}
.callus{float:right; position: fixed; right:2%; bottom:30px; opacity:0.9; z-index:9999;}
/*END BUTTON STYLE*/
/*QUICK MENU FLOAT*/
div#quickmenu_float {display:none}
/*END QUICK MENU FLOAT*/
/*MAIN MENU*/
.navbar-brand{margin:2px 0px 0px 10px !important; padding:0px; background: url(../../images/logo-small.png) 0 0 no-repeat; width:234px; height:42px;}
#navbar{float:none; padding-top:0px; padding-bottom:0px; border:none; background-color:#3A2418; width:100%; border-bottom:1px solid #8F7C65}
nav.navbar-inverse-new{border:none; background-image:none; padding-top:0px; padding-bottom:0px; margin-bottom:0px; border-radius:0; z-index:9999; background-color:#3A2418}
nav.navbar-inverse-new .container{padding-left:15px; padding-right:15px;}
nav.navbar-inverse-new li{font-size:14px; font-weight:700; margin-left:0px; margin-right:0px; background:none; text-align:center;}
nav.navbar-inverse-new li:hover{background-color:#8F7C65 !important;}
.navbar-nav > li > a{padding:7px 0px 7px 0px; margin-left:0px; margin-right:0px; font-weight:400}
.navbar-inverse-new .navbar-nav > li > a {color: #fff; text-shadow:none; text-align:center}
.navbar-inverse-new .navbar-nav > li > a:focus,
.navbar-inverse-new .navbar-nav > li > a:hover {color: #fff; background:none; transition:all 0.3s ease; background-color:#a88647;}
.navbar-inverse-new .navbar-nav > .active > a,
.navbar-inverse-new .navbar-nav > .active > a:focus,
.navbar-inverse-new .navbar-nav > .active > a:hover {color: #fff; background:none; background-image:none; box-shadow:none; font-weight:700; background-color:#a88647;}
.navbar-inverse-new .navbar-toggle .icon-bar {background-color: #8F7C65;}
.navbar-inverse-new .navbar-toggle:focus, .navbar-inverse-new .navbar-toggle:hover {background-color: #000; border:1px solid #000}
/*Animation border*/
.navbar-nav > li > a:before,
.navbar-nav > li > a:after{position: absolute; content: ''; transition: all 0.3s ease; border-bottom:1px solid #a88647; border-top:1px solid #a88647; width: 0;}
.navbar-nav > .active > a:before,
.navbar-nav > .active > a:after{border-bottom:1px solid #a88647; border-top:1px solid #a88647;}
.navbar-nav a::before {top: 0;left: 0;}
.navbar-nav a::after {bottom: 0;right: 0;}
.navbar-nav a:hover::before,
.navbar-nav .active a::before,
.navbar-nav a:hover::after,
.navbar-nav .active a::after {width: 100%;}
/*END Animation border*/
nav.navbar-inverse-new{position:fixed; top:0; right:0; left:0;}
/*END MAIN MENU*/
/*QUICK MENU*/
.dropdown-menu .divider {display:none}
.dropdown-menu li a:link, .dropdown-menu li a:visited{text-align:center; color: #fff; background:none}
.dropdown-menu li a:hover{text-decoration:underline; color: #ccc;}
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: 'PT Sans', sans-serif;}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;}
.navbar-inverse-new .navbar-nav > .open > a,
.navbar-inverse-new .navbar-nav > .open > a:focus,
.navbar-inverse-new .navbar-nav > .open > a:hover{background-color:#a88647 !important; color:#fff !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*/
@-webkit-keyframes scale{
0%
{
transform: scale(1) rotate(0deg);
opacity:0;
}
75%
{
transform: scale(1) rotate(0deg);
opacity:0.75;
}
100%
{
transform: scale(1) rotate(0deg);
opacity:1;
}
}
#myCarousel{
animation-name: scale;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-duration: 0.5s;
background-color:#3A2418;
margin-top:75px;
}
/*.carousel,.item,.active{height:100%;}*/
.carousel, .carousel-item, .carousel-item .active{height:100%;}
.carousel-inner{position: relative; width: 100%; overflow: visible; top:0px; background-color:#3A2418}
.fill{width:100%;height:auto;background-position:center; background-size:cover;}
.carousel .carousel-inner img{margin:0 auto; text-align:center;}
.carousel-control:focus, .carousel-control:hover{color:#fff;}
.carousel-caption{top:3%; margin:0 auto; position:absolute; right:0; left:0;}
.carousel-caption h1{font-size:18px; border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 0px solid #000000; font-weight:400; text-shadow: 2px 2px 2px rgba(1, 2, 33, 0.9); font-family: 'Josefin Sans', sans-serif; color:#d3c48b; text-align:center; line-height:30px; margin:0px 0px 5px 0px; padding:30px 0px 5px 0px;}
.carousel-caption h2{font-size:40px; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px}
div#caption_slide .description_caption_block{background:none; padding-right:45px; padding-left:45px; transition:all 0.3s ease; display:block;}
div#caption_slide .description_caption_block_detail{transition:all 0.3s ease;}
div#caption_slide .description_caption_block_detail:hover{transition:all 0.3s ease; color:#fff;}
div#caption_slide p.description_caption{text-align:center; font-size:14px; font-weight:300; text-shadow: 2px 2px 2px rgba(1, 2, 33, 0.9); line-height:20px; margin-bottom:0px; transition:all 0.3s ease;}
.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: #b48f44;border:none;width:30px;height:3px;}
.camera_next {background: url(../../images/camera_next_btn.png) right top no-repeat;width: 60px;height: 60px;position: absolute;z-index: 999;bottom: 43%;left: 50%;cursor: pointer;opacity: 1 !important;margin-left: 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.camera_next:hover {background-position: right bottom;}
.camera_prev {background: url(../../images/camera_prev_btn.png) left top no-repeat;width: 60px;height: 60px;position: absolute;z-index: 999;bottom: 43%;left: 50%;cursor: pointer;opacity: 1 !important;margin-left: -60px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.camera_prev:hover {background-position: 0 bottom;}
/*END SLIDESHOW*/
/*GIOI THIEU*/
#gioithieu{padding-top:50px; padding-bottom:50px; background:url(../../images/gioi-thieu-bg.jpg) #fff bottom center no-repeat; background-attachment:inherit; position:relative}
.gioithieu_inside{text-align:left; color:#666;}
.gioithieu_inside h2{color:#3A2418; font-size: 32px; text-transform:none; text-align:center; font-weight:600; margin-top:10px;}
.gioithieu_inside h3{color: #8F7C65;font-size: 16px;text-transform: none;text-align: center; line-height:24px; font-weight:400; margin-top:10px; padding-bottom:20px; margin-bottom:20px; font-style:normal}
.gioithieu_inside p{font-size:14px;}
#gioithieu .video{margin-top:20px}
#gioithieu .video iframe{border:0px; transition: all 0.3s ease;}
#gioithieu .video iframe:hover{border:10px solid #8F7C65; transition: all 0.3s ease;}
/*END GIOI THIEU*/
/*Rooms and Suites*/
div#rooms_suites{background-color:#fff; padding-top:50px; padding-bottom:50px;}
div#rooms_suites .rooms_suites_inside h2{color:#3A2418; font-size: 32px; text-transform:none; font-weight:600; margin-top:30px; margin-bottom:20px;}
div#rooms_suites .row{background-color:#fff; transition: all 0.3s ease;}
div#rooms_suites .row:hover{background-color:#eaeaea; transition: all 0.3s ease;}
div#rooms_suites .col-md-6{padding:0;}
div#rooms_suites .row .info{padding:10px 50px 30px 50px;}
div#rooms_suites .carousel img{transition: all 0.3s ease;}
div#rooms_suites .carousel img:hover{opacity:0.8; transition: all 0.3s ease;}
div#rooms_suites p{font-size:14px; line-height:26px;}
div#rooms_suites .btn-custom{margin-top:20px;}
/*END Rooms and Suites*/
/*SAN PHAM*/
#san-pham{background:url(../../images/gallery-bg.jpg) #fff 0 0 no-repeat; z-index:1000; position:relative; padding-top:30px; padding-bottom:30px; background-attachment:inherit}
#san-pham h2{font-size:45px; font-weight:400; font-family: "UVF Mussica Swash"; color:#d3c48b; text-align:left; line-height:normal; text-align:left; background: -webkit-linear-gradient(#d3c48b, #af894a);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#san-pham h2 span.line1{display:block}
#san-pham h2 span.line2{padding-left:40px; position:relative; top:-25px;}
/*TAB*/
ul#mysecondTab{margin:auto; max-width:100%; border-bottom:none;}
ul#mysecondTab > li{margin-bottom:0; width:33%; border:1px solid #fff}
ul#mysecondTab li a:link,
ul#mysecondTab li a:focus{color:#fff; font-size:15px; cursor: pointer; text-align:center; width:100%; height:auto; padding:12px 6px; margin:0px; border: none; border-bottom-color: transparent; border-radius:0; background-color: #0094d8;}
ul#mysecondTab li a h3{color:#fff; font-size:15px; text-align:center; line-height:20px; margin:8px 5px; border: none; border-bottom-color: transparent; border-radius:0; background-color: #0094d8; font-weight:normal}
ul#mysecondTab li a h3:hover{text-decoration:underline}
ul#mysecondTab li a h3 br{display:block}
ul#mysecondTab li.active a{background-color:#07133d !important}
ul#mysecondTab li.active a h3{background-color:#07133d !important}
ul#mysecondTab > li.active > a::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
border-top: 12px solid #07133d;
border-top-color: rgb(7, 19, 61);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
margin-left: -8px;
}
div.tab-content{background:url(../../images/bg-transparent.png) 0 0 repeat;}
div.tab-content p{font-size:16px;}
div.tab-content table{margin-top:20px; font-weight:600; font-size:14px; border:none}
div.tab-content table tr:nth-child(odd) {color:#333; transition: all 0.3s ease;}
div.tab-content table tr:nth-child(even) {color:#333; transition: all 0.3s ease}
div.tab-content table tr:nth-child(odd):hover{background-color:#e2d294; transition: all 0.3s ease}
div.tab-content table tr:nth-child(even):hover{background-color:#e2d294; transition: all 0.3s ease}
div.tab-content table tr td{border:0px solid #fff; border-bottom:1px solid #ccc; padding:8px 0px}
div#sanpham1{padding:35px 0px;}
div#sanpham2{padding:35px 0px;}
div#sanpham3{padding:35px 0px;}
div#sanpham1 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham1 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham1 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
div#sanpham2 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham2 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham2 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
div#sanpham3 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham3 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham3 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
/*END SAN PHAM*/
/*Enhance your experience in Sapa*/
#experience{background:url(../../images/bg-packages.jpg) #d8d3cf 0 0 no-repeat; padding-bottom:30px; padding-top:10px; background-attachment:inherit; -webkit-animation: backgroundScroll_contact 18s linear 1;
-webkit-animation-fill-mode: forwards;
animation: backgroundScroll_contact 18s linear 1;
animation-fill-mode: none;
animation-fill-mode: forwards;}
@-webkit-keyframes backgroundScroll_contact {
from {background-position: 0 0;}
to {background-position: -180px 0px;}
}
@keyframes backgroundScroll_contact {
from {background-position: 0 0;}
to {background-position: -180px 0px;}
}
#experience h2{color:#fff; font-size: 32px; text-transform:none; text-align:center; font-weight:500; margin-top:50px;}
#experience h3{color: #8F7C65;font-size: 14px;text-transform: none;text-align: center; line-height:24px; font-weight:400; margin-top:10px; padding-bottom:10px; margin-bottom:10px; font-style:normal; padding-left:30px; padding-right:30px;}
.experience{padding:20px 0px; transition:all 0.3s ease;}
.experience:hover{transition:all 0.3s ease; background-color:#fff; -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);}
.experience_detail{padding:0 20px;}
.experience_detail img{text-align:center; margin:0 auto}
.experience_detail h4{font-size:16px; font-weight:700; text-align:center; color:#000; margin-bottom:0px; margin-top:0px; background-color:#fff; padding:15px 0px;}
.experience_detail h4 a:link, .experience_detail h4 a:visited{font-size:16px; font-weight:700; text-align:center; color:#000;}
.experience_detail h4 a:hover{text-decoration:none; color:#c79630;}
/*END Enhance your experience in Sapa*/
/*GALLERY*/
#galleries{background:url(../../images/gallery-bg.jpg) #fff 0 0 no-repeat; z-index:1000; position:relative; padding-top:30px; padding-bottom:30px; background-attachment:inherit}
#galleries h2{font-size:32px; font-weight:400; color:#3A2418; line-height:normal; text-align:center; margin-bottom:30px;}
.carousel-inner-gallery p.description_gallery{color:#3A2418; font-size:16px; text-align:center; margin:0 auto; margin-bottom:20px; margin-top:5px;}
.carousel-inner-gallery img{transition: all 0.3s ease;}
.carousel-inner-gallery img:hover{transition: all 0.3s ease; opacity:0.9}
.carousel-inner-gallery {position: relative;width: 100%;overflow: hidden;}
.carousel-inner-gallery > .item {position: relative;display: none;}
.carousel-inner-gallery > .active {display: block;}
#myCarousel_thuvienanh .carousel-indicators {list-style: none;bottom: 0px; position:relative; margin-top:15px;}
#myCarousel_thuvienanh .carousel-indicators li {display: inline-block;width: 12px;height: 12px;margin: 1px;text-indent: -999px;cursor: pointer;background-color: #d3c48b;border-radius: 10px; margin: 0 8px; opacity:0.6; transition: all 0.3s ease}
#myCarousel_thuvienanh .carousel-indicators .active, #myCarousel_thuvienanh .carousel-indicators li:hover{background-color: #3A2418;border: none;width: 12px;height: 12px;margin: 0 8px; opacity:1; transition: all 0.3s ease}
.gallery{padding:30px 0px; transition:all 0.3s ease;}
.gallery:hover{transition:all 0.3s ease; background-color:#fff; -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);}
.album{padding:0 30px;}
.album img{text-align:center; margin:0 auto}
.album h3{font-size:18px; font-weight:700; text-align:center; color:#000; margin-bottom:0px; margin-top:25px; letter-spacing:-1px;}
.album h3 a:link, .room_type h3 a:visited{font-size:18px; font-weight:700; text-align:center; color:#000; letter-spacing:-1px;}
.album h3 a:hover{text-decoration:none; color:#c79630;}
/*END GALLERY*/
/*FOOTER*/
#footer{background:url(../../images/bg-footer.jpg) #000 0 0 repeat-x; text-align:left; padding-bottom:30px; padding-top:30px;}
#footer h3{color:#8F7C65; font-size:14px; font-weight:700; margin-top:20px; text-align:left;}
#footer ul{margin:0; padding:0;}
#footer ul li{list-style-type:none; text-align:left; color:#fff; transition: all 0.3s ease; font-size:13px; font-weight:300; line-height:22px; padding-bottom:6px;}
#footer ul li a:link, #footer ul li a:visited{color:#fff; transition: all 0.3s ease; font-size:13px; font-weight:300;}
#footer ul li a:hover{color:#8F7C65; transition: all 0.3s ease; padding-left:5px;}
#footer .row1{padding-bottom:10px; margin-bottom:10px;}
#footer .row1 p{text-align:left; color:#999999; font-size:11px; font-weight:300}
#footer hr{width:100%; height:1px; border-top: 1px solid #1f1f1f; margin-bottom:10px; margin-top:10px;}
#mc-form .form-row {padding:0;}
#footer .row2 .copyright1 p{text-align:center; color:#999999; font-size:12px; font-weight:400}
#footer .row2 .copyright2{text-align:center; color:#999999; font-size:12px; font-weight:400}
#footer .row2 .copyright2 img{padding-left:6px; padding-right:0px; transition:all 0.3s ease;}
#footer .row2 .copyright2 img:hover{transition:all 0.3s ease; opacity:1 !important}
/*END FOOTER*/
}
@media screen and (min-width: 768px) {
body.scrolled #main-menu {opacity: 0.9;transition: all 0.3s ease;background-color:#3A2418;}
body.scrolled #main-menu:hover {opacity: 1;transition: all 0.3s ease;}
#hotline_mobile{display:none}
/*BUTTON STYLE*/
.btn{border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 0px solid #000000;}
.btn-custom{background-color:#d3c48b; border:2px solid #d3c48b; text-shadow:none; color:#000; font-size:16px; padding:10px 30px; font-weight:600; margin-top:30px;}
.btn-custom:hover{transition:all 0.3s ease; color:#fff; border:2px solid #8F7C65; background-color:#8F7C65}
.btn-custom-2{background-color:#151515; border:1px solid #151515; text-shadow:none; color:#fff; font-size:11px; padding:12px 10px; font-weight:300;}
.btn-custom-2:hover{transition:all 0.3s ease; color:#fff; border:1px solid #8F7C65; background-color:#8F7C65}
.callus{float:right; position: fixed; right:2%; bottom:30px; opacity:0.9; z-index:9999;}
/*END BUTTON STYLE*/
/*QUICK MENU FLOAT*/
div#quickmenu_float {position: fixed;right: 0;top: 29%;padding: 0;text-align: left;z-index: 9999;font-size: 13px;color: #fff;background: none;width: 35px; display:block}
div#quickmenu_float ul {margin: 0;padding: 0;}
div#quickmenu_float ul li.brown{background-color:#3A2418;transition: all 0.3s ease;list-style-type:none;padding:4px 0px 2px 12px;}
div#quickmenu_float ul li.light_brown{background-color:#8F7C65;transition: all 0.3s ease;list-style-type:none;padding:4px 0px 2px 12px;}
div#quickmenu_float ul li.grey{background-color:#8E8B86;transition: all 0.3s ease;list-style-type:none;padding:4px 0px 2px 12px;text-shadow:1px 1px 1px #a09157;}
div#quickmenu_float ul li.brown:hover,
div#quickmenu_float ul li.light_brown:hover,
div#quickmenu_float ul li.grey:hover{margin-left:-5px;}
div#quickmenu_float ul li.brown a:link, div#quickmenu_float ul li.brown a:visited,
div#quickmenu_float ul li.light_brown a:link, div#quickmenu_float ul li.light_brown a:visited,
div#quickmenu_float ul li.grey a:link, div#quickmenu_float ul li.grey a:visited{color:#fff; transition:all 0.3s ease}
div#quickmenu_float ul li.brown a:hover,
div#quickmenu_float ul li.light_brown a:hover,
div#quickmenu_float ul li.grey a:hover{text-decoration:underline; color:#fff; transition:all 0.3s ease}
div#quickmenu_float ul li span.text{display:none}
/*END QUICK MENU FLOAT*/
/*MAIN MENU*/
.navbar-brand{margin:0px 20px 0px 40px !important; padding:0px; background: url(../../images/logo.png) 0 0 no-repeat; width:158px; height:140px;}
.navbar-nav{float:right;}
#navbar{float:right; padding-top:30px; padding-bottom:30px; width:60%; background:none; border-bottom:0px solid #8F7C65}
nav.navbar-inverse-new{border:none; background-image:none; padding-top:0px; padding-bottom:0px; margin-bottom:0px; border-radius:0; z-index:9999; background:none;}
nav.navbar-inverse-new .container{padding-left:0; padding-right:0;}
nav.navbar-inverse-new li{font-size:12px; font-weight:700; margin-left:0px; margin-right:0px; background:none;}
nav.navbar-inverse-new li:hover{background:none !important;}
.navbar-nav > li > a{padding:8px 0px 6px 0px; margin-left:10px; margin-right:10px; font-weight:400}
.navbar-inverse-new .navbar-nav > li > a {color: #fff; text-shadow:none; font-family: 'Josefin Sans', sans-serif; border-bottom:1px solid #a88647;}
.navbar-inverse-new .navbar-nav > li > a:focus,
.navbar-inverse-new .navbar-nav > li > a:hover {color: #fff; background:none; transition:all 0.3s ease; border-bottom:1px solid #fff}
.navbar-inverse-new .navbar-nav > .active > a,
.navbar-inverse-new .navbar-nav > .active > a:focus,
.navbar-inverse-new .navbar-nav > .active > a:hover {color: #fff; background:none; background-image:none; box-shadow:none; font-weight:700;border-bottom:1px solid #fff}
/*Animation border*/
.navbar-nav > li > a:before,
.navbar-nav > li > a:after{position: absolute; content: ''; transition: all 0.3s ease; border-bottom:0px solid #010220; border-top:0px solid #010220; width: 0;}
.navbar-nav > .active > a:before,
.navbar-nav > .active > a:after{border-bottom:0px solid #07103b; border-top:0px solid #07103b;}
.navbar-nav a::before {top: 0;left: 0;}
.navbar-nav a::after {bottom: 0;right: 0;}
.navbar-nav a:hover::before,
.navbar-nav .active a::before,
.navbar-nav a:hover::after,
.navbar-nav .active a::after {width: 100%;}
/*END Animation border*/
nav.navbar-inverse-new{position:relative;}
/*END MAIN MENU*/
/*QUICK MENU*/
.dropdown-menu .divider {display:block}
.dropdown-menu{left:9px; padding:10px 0; margin-top:-2px !important;}
.dropdown-menu > li > a{padding:8px 20px; color:#333 !important; text-align:left !important}
.dropdown-menu > li > a:hover{color:#8F7C65 !important; text-decoration:underline; background:none !important}
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: 'PT Sans', sans-serif;}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;}
.navbar-inverse-new .navbar-nav > .open > a,
.navbar-inverse-new .navbar-nav > .open > a:focus,
.navbar-inverse-new .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#fff !important; background:none; box-shadow: none; background:none!important;}
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*/
@-webkit-keyframes scale{
0%
{
transform: scale(1) rotate(0deg);
opacity:0;
}
75%
{
transform: scale(1) rotate(0deg);
opacity:0.75;
}
100%
{
transform: scale(1) rotate(0deg);
opacity:1;
}
}
#myCarousel{
animation-name: scale;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-duration: 0.5s;
background-color:#3A2418;
margin-top:0;
}
/*.carousel,.item,.active{height:100%;}*/
.carousel, .carousel-item, .carousel-item .active{height:100%;}
.carousel-inner{position: relative; width: 100%; overflow: visible; top:0px;}
.fill{width:100%;height:auto;background-position:center;background-size:cover;}
.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; right:0; left:0;}
.carousel-caption h1{font-size:20px; border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 0px solid #000000; font-weight:400; text-shadow: 2px 2px 2px rgba(1, 2, 33, 0.9); font-family: 'Josefin Sans', sans-serif; color:#d3c48b; text-align:center; line-height:30px; margin:0px 0px 5px 0px; padding:30px 0px 5px 0px;}
.carousel-caption h2{font-size:45px; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px}
div#caption_slide .description_caption_block{background:none; padding-right:80px; padding-left:80px; transition:all 0.3s ease; display:block;}
div#caption_slide .description_caption_block_detail{transition:all 0.3s ease;}
div#caption_slide .description_caption_block_detail:hover{transition:all 0.3s ease; color:#fff;}
div#caption_slide p.description_caption{text-align:center; font-size:15px; font-weight:300; text-shadow: 2px 2px 2px rgba(1, 2, 33, 0.9); line-height:20px; margin-bottom:0px; transition:all 0.3s ease;}
.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: #b48f44;border:none;width:30px;height:3px;}
.camera_next {background: url(../../images/camera_next_btn.png) right top no-repeat;width: 60px;height: 60px;position: absolute;z-index: 999;bottom: 43%;left: 50%;cursor: pointer;opacity: 1 !important;margin-left: 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.camera_next:hover {background-position: right bottom;}
.camera_prev {background: url(../../images/camera_prev_btn.png) left top no-repeat;width: 60px;height: 60px;position: absolute;z-index: 999;bottom: 43%;left: 50%;cursor: pointer;opacity: 1 !important;margin-left: -60px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.camera_prev:hover {background-position: 0 bottom;}
/*END SLIDESHOW*/
/*GIOI THIEU*/
#gioithieu{padding-top:50px; padding-bottom:50px; background:url(../../images/gioi-thieu-bg.jpg) #fff bottom center no-repeat; background-attachment:inherit; position:relative}
.gioithieu_inside{text-align:left; color:#666;}
.gioithieu_inside h2{color:#3A2418; font-size: 32px; text-transform:none; text-align:center; font-weight:600; margin-top:10px;}
.gioithieu_inside h3{color: #8F7C65;font-size: 16px;text-transform: none;text-align: center; line-height:24px; font-weight:400; margin-top:10px; padding-bottom:20px; margin-bottom:20px; font-style:normal}
.gioithieu_inside p{font-size:14px;}
#gioithieu .video{margin-top:20px}
#gioithieu .video iframe{border:0px; transition: all 0.3s ease;}
#gioithieu .video iframe:hover{border:10px solid #8F7C65; transition: all 0.3s ease;}
/*END GIOI THIEU*/
/*Rooms and Suites*/
div#rooms_suites{background-color:#fff; padding-top:50px; padding-bottom:50px;}
div#rooms_suites .rooms_suites_inside h2{color:#3A2418; font-size: 32px; text-transform:none; font-weight:600; margin-top:30px; margin-bottom:20px;}
div#rooms_suites .row{background-color:#fff; transition: all 0.3s ease;}
div#rooms_suites .row:hover{background-color:#eaeaea; transition: all 0.3s ease;}
div#rooms_suites .col-md-6{padding:0;}
div#rooms_suites .row .info{padding:10px 50px 30px 50px;}
div#rooms_suites .carousel img{transition: all 0.3s ease;}
div#rooms_suites .carousel img:hover{opacity:0.8; transition: all 0.3s ease;}
div#rooms_suites p{font-size:14px; line-height:26px;}
div#rooms_suites .btn-custom{margin-top:20px;}
/*END Rooms and Suites*/
/*SAN PHAM*/
#san-pham{background:url(../../images/gallery-bg.jpg) #fff 0 0 no-repeat; z-index:1000; position:relative; padding-top:30px; padding-bottom:10px; background-attachment:inherit}
#san-pham h2{font-size:45px; font-weight:400; font-family: "UVF Mussica Swash"; color:#d3c48b; text-align:left; line-height:normal; text-align:left; background: -webkit-linear-gradient(#d3c48b, #af894a);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#san-pham h2 span.line1{display:block}
#san-pham h2 span.line2{padding-left:40px; position:relative; top:-25px;}
/*TAB*/
ul#mysecondTab{margin:auto; max-width:100%; border-bottom:none;}
ul#mysecondTab > li{margin-bottom:0; width:33%; border:1px solid #fff}
ul#mysecondTab li a:link,
ul#mysecondTab li a:focus{color:#fff; font-size:15px; cursor: pointer; text-align:center; width:100%; height:auto; padding:12px 6px; margin:0px; border: none; border-bottom-color: transparent; border-radius:0; background-color: #0094d8;}
ul#mysecondTab li a h3{color:#fff; font-size:15px; text-align:center; line-height:20px; margin:8px 5px; border: none; border-bottom-color: transparent; border-radius:0; background-color: #0094d8; font-weight:normal}
ul#mysecondTab li a h3:hover{text-decoration:underline}
ul#mysecondTab li a h3 br{display:block}
ul#mysecondTab li.active a{background-color:#07133d !important}
ul#mysecondTab li.active a h3{background-color:#07133d !important}
ul#mysecondTab > li.active > a::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
border-top: 12px solid #07133d;
border-top-color: rgb(7, 19, 61);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
margin-left: -8px;
}
div.tab-content{background:url(../../images/bg-transparent.png) 0 0 repeat;}
div.tab-content p{font-size:16px;}
div.tab-content table{margin-top:20px; font-weight:600; font-size:14px; border:none}
div.tab-content table tr:nth-child(odd) {color:#333; transition: all 0.3s ease;}
div.tab-content table tr:nth-child(even) {color:#333; transition: all 0.3s ease}
div.tab-content table tr:nth-child(odd):hover{background-color:#e2d294; transition: all 0.3s ease}
div.tab-content table tr:nth-child(even):hover{background-color:#e2d294; transition: all 0.3s ease}
div.tab-content table tr td{border:0px solid #fff; border-bottom:1px solid #ccc; padding:8px 0px}
div#sanpham1{padding:35px 0px;}
div#sanpham2{padding:35px 0px;}
div#sanpham3{padding:35px 0px;}
div#sanpham1 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham1 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham1 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
div#sanpham2 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham2 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham2 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
div#sanpham3 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham3 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham3 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
/*END SAN PHAM*/
/*Enhance your experience in Sapa*/
#experience{background:url(../../images/bg-packages.jpg) #d8d3cf 0 0 no-repeat; padding-bottom:50px; padding-top:20px; background-attachment:inherit; -webkit-animation: backgroundScroll_contact 18s linear 1;
-webkit-animation-fill-mode: forwards;
animation: backgroundScroll_contact 18s linear 1;
animation-fill-mode: none;
animation-fill-mode: forwards;}
@-webkit-keyframes backgroundScroll_contact {
from {background-position: 0 0;}
to {background-position: -180px 0px;}
}
@keyframes backgroundScroll_contact {
from {background-position: 0 0;}
to {background-position: -180px 0px;}
}
#experience h2{color:#fff; font-size: 32px; text-transform:none; text-align:center; font-weight:500; margin-top:50px;}
#experience h3{color: #8F7C65;font-size: 16px;text-transform: none;text-align: center; line-height:24px; font-weight:400; margin-top:10px; padding-bottom:20px; margin-bottom:20px; font-style:normal; padding-left:60px; padding-right:60px;}
.experience{padding:20px 0px; transition:all 0.3s ease;}
.experience:hover{transition:all 0.3s ease; background-color:#fff; -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);}
.experience_detail{padding:0 20px;}
.experience_detail img{text-align:center; margin:0 auto}
.experience_detail h4{font-size:16px; font-weight:700; text-align:center; color:#000; margin-bottom:0px; margin-top:0px; background-color:#fff; padding:15px 0px;}
.experience_detail h4 a:link, .experience_detail h4 a:visited{font-size:16px; font-weight:700; text-align:center; color:#000;}
.experience_detail h4 a:hover{text-decoration:none; color:#c79630;}
/*END Enhance your experience in Sapa*/
/*GALLERY*/
#galleries{background:url(../../images/gallery-bg.jpg) #fff 0 0 no-repeat; z-index:1000; position:relative; padding-top:50px; padding-bottom:50px; background-attachment:inherit}
#galleries h2{font-size:32px; font-weight:400; color:#3A2418; text-align:center; line-height:normal; margin-bottom:50px;}
.carousel-inner-gallery p.description_gallery{color:#3A2418; font-size:16px; text-align:center; margin:0 auto; margin-bottom:20px; margin-top:5px;}
.carousel-inner-gallery img{transition: all 0.3s ease;}
.carousel-inner-gallery img:hover{transition: all 0.3s ease; opacity:0.9}
.carousel-inner-gallery {position: relative;width: 100%;overflow: hidden;}
.carousel-inner-gallery > .item {position: relative;display: none;}
.carousel-inner-gallery > .active {display: block;}
#myCarousel_thuvienanh .carousel-indicators {list-style: none;bottom: 0px; position:relative; margin-top:15px;}
#myCarousel_thuvienanh .carousel-indicators li {display: inline-block;width: 15px;height: 15px;margin: 1px;text-indent: -999px;cursor: pointer;background-color: #8F7C65;border-radius: 10px; margin: 0 8px; opacity:0.6; transition: all 0.3s ease}
#myCarousel_thuvienanh .carousel-indicators .active, #myCarousel_thuvienanh .carousel-indicators li:hover{background-color: #3A2418;border: none;width: 15px;height: 15px;margin: 0 8px; opacity:1; transition: all 0.3s ease}
.gallery{padding:30px 0px; transition:all 0.3s ease;}
.gallery:hover{transition:all 0.3s ease; background-color:#fff; -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);}
.album{padding:0 30px;}
.album img{text-align:center; margin:0 auto}
.album h3{font-size:18px; font-weight:700; text-align:center; color:#000; margin-bottom:0px; margin-top:25px; letter-spacing:-1px;}
.album h3 a:link, .room_type h3 a:visited{font-size:18px; font-weight:700; text-align:center; color:#000; letter-spacing:-1px;}
.album h3 a:hover{text-decoration:none; color:#c79630;}
/*END GALLERY*/
/*FOOTER*/
#footer{background:url(../../images/bg-footer.jpg) #000 0 0 repeat-x; text-align:left; padding-bottom:30px; padding-top:30px;}
#footer h3{color:#8F7C65; font-size:14px; font-weight:700; margin-top:20px; text-align:left;}
#footer ul{margin:0; padding:0;}
#footer ul li{list-style-type:none; text-align:left; color:#fff; transition: all 0.3s ease; font-size:13px; font-weight:300; line-height:22px; padding-bottom:6px;}
#footer ul li a:link, #footer ul li a:visited{color:#fff; transition: all 0.3s ease; font-size:13px; font-weight:300;}
#footer ul li a:hover{color:#8F7C65; transition: all 0.3s ease; padding-left:5px;}
#footer .row1{padding-bottom:10px; margin-bottom:10px;}
#footer .row1 p{text-align:left; color:#999999; font-size:11px; font-weight:300}
#footer hr{width:100%; height:1px; border-top: 1px solid #1f1f1f; margin-bottom:10px; margin-top:10px;}
#mc-form .form-row {padding:0;}
#footer .row2 .copyright1 p{text-align:center; color:#999999; font-size:12px; font-weight:400}
#footer .row2 .copyright2{text-align:center; color:#999999; font-size:12px; font-weight:400}
#footer .row2 .copyright2 img{padding-left:6px; padding-right:0px; transition:all 0.3s ease;}
#footer .row2 .copyright2 img:hover{transition:all 0.3s ease; opacity:1 !important}
/*END FOOTER*/
}
@media screen and (min-width: 1024px) {
body.scrolled #main-menu {opacity: 0.9;transition: all 0.3s ease;background-color:#3A2418;}
body.scrolled #main-menu:hover {opacity: 1;transition: all 0.3s ease;}
/*BUTTON STYLE*/
.btn{border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 0px solid #000000;}
.btn-custom{background-color:#d3c48b; border:2px solid #d3c48b; text-shadow:none; color:#000; font-size:16px; padding:10px 30px; font-weight:600; margin-top:30px;}
.btn-custom:hover{transition:all 0.3s ease; color:#fff; border:2px solid #8F7C65; background-color:#8F7C65}
.btn-custom-2{background-color:#151515; border:1px solid #151515; text-shadow:none; color:#fff; font-size:11px; padding:12px 10px; font-weight:300;}
.btn-custom-2:hover{transition:all 0.3s ease; color:#fff; border:1px solid #8F7C65; background-color:#8F7C65}
.callus{float:right; position: fixed; right:2%; bottom:30px; opacity:0.9; z-index:9999;}
/*END BUTTON STYLE*/
/*QUICK MENU FLOAT*/
div#quickmenu_float {position: fixed;right: 0;top: 25%;padding: 0;text-align: left;z-index: 9999;font-size: 13px;color: #fff;background: none;width: 100px; display:block}
div#quickmenu_float ul {margin: 0;padding: 0;}
div#quickmenu_float ul li.brown{background-color:#3A2418;transition: all 0.3s ease;list-style-type:none;padding:4px 0px 2px 12px;}
div#quickmenu_float ul li.light_brown{background-color:#8F7C65;transition: all 0.3s ease;list-style-type:none;padding:4px 0px 2px 12px;}
div#quickmenu_float ul li.grey{background-color:#8E8B86;transition: all 0.3s ease;list-style-type:none;padding:4px 0px 2px 12px;text-shadow:1px 1px 1px #a09157;}
div#quickmenu_float ul li.brown:hover,
div#quickmenu_float ul li.light_brown:hover,
div#quickmenu_float ul li.grey:hover{margin-left:-5px;}
div#quickmenu_float ul li.brown a:link, div#quickmenu_float ul li.brown a:visited,
div#quickmenu_float ul li.light_brown a:link, div#quickmenu_float ul li.light_brown a:visited,
div#quickmenu_float ul li.grey a:link, div#quickmenu_float ul li.grey a:visited{color:#fff; transition:all 0.3s ease}
div#quickmenu_float ul li.brown a:hover,
div#quickmenu_float ul li.light_brown a:hover,
div#quickmenu_float ul li.grey a:hover{text-decoration:underline; color:#fff; transition:all 0.3s ease}
div#quickmenu_float ul li span.text{display:inline-block !important}
/*END QUICK MENU FLOAT*/
/*MAIN MENU*/
.navbar-brand{margin:0px 20px 0px 40px !important; padding:0px; background: url(../../images/logo.png) 0 0 no-repeat; width:158px; height:140px;}
.navbar-nav{float:right;}
#navbar{float:right; padding-top:45px; padding-bottom:45px; width:78%; border-bottom:0px solid #8F7C65}
nav.navbar-inverse-new{border:none; background-image:none; padding-top:0px; padding-bottom:0px; margin-bottom:0px; border-radius:0; z-index:9999; background:none;}
nav.navbar-inverse-new .container{padding-left:0; padding-right:0;}
nav.navbar-inverse-new li{font-size:13px; font-weight:700; margin-left:0px; margin-right:0px; background:none; font-family: 'Josefin Sans', sans-serif;}
.navbar-nav > li > a{padding:8px 0px 6px 0px; margin-left:9px; margin-right:9px; font-weight:400;}
.navbar-inverse-new .navbar-nav > li > a {color: #fff; text-shadow:none; font-family: 'Josefin Sans', sans-serif; border-bottom:1px solid #a88647; text-align:left}
.navbar-inverse-new .navbar-nav > li > a:focus,
.navbar-inverse-new .navbar-nav > li > a:hover {color: #fff; background:none; transition:all 0.3s ease; border-bottom:1px solid #fff}
.navbar-inverse-new .navbar-nav > .active > a,
.navbar-inverse-new .navbar-nav > .active > a:focus,
.navbar-inverse-new .navbar-nav > .active > a:hover {color: #fff; background:none; background-image:none; box-shadow:none; font-weight:700;border-bottom:1px solid #fff}
/*Animation border*/
.navbar-nav > li > a:before,
.navbar-nav > li > a:after{position: absolute; content: ''; transition: all 0.3s ease; border-bottom:0px solid #010220; border-top:0px solid #010220; width: 0;}
.navbar-nav > .active > a:before,
.navbar-nav > .active > a:after{border-bottom:0px solid #07103b; border-top:0px solid #07103b;}
.navbar-nav a::before {top: 0;left: 0;}
.navbar-nav a::after {bottom: 0;right: 0;}
.navbar-nav a:hover::before,
.navbar-nav .active a::before,
.navbar-nav a:hover::after,
.navbar-nav .active a::after {width: 100%;}
/*END Animation border*/
/*END MAIN MENU*/
/*QUICK MENU*/
.dropdown-menu .divider {display:block}
.dropdown-menu{left:9px; padding:10px 0; margin-top:-2px !important;}
.dropdown-menu > li > a{padding:8px 20px; color:#333 !important; text-align:left !important}
.dropdown-menu > li > a:hover{color:#8F7C65 !important; text-decoration:underline; background:none !important}
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: 'PT Sans', sans-serif;}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;}
.navbar-inverse-new .navbar-nav > .open > a,
.navbar-inverse-new .navbar-nav > .open > a:focus,
.navbar-inverse-new .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#fff !important; background:none; box-shadow: none; background:none!important;}
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*/
@-webkit-keyframes scale{
0%
{
transform: scale(1) rotate(0deg);
opacity:0;
}
75%
{
transform: scale(1) rotate(0deg);
opacity:0.75;
}
100%
{
transform: scale(1) rotate(0deg);
opacity:1;
}
}
#myCarousel{
animation-name: scale;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-duration: 0.5s;
background-color:#3A2418;
margin-top:0;
}
/*.carousel,.item,.active{height:100%;}*/
.carousel, .carousel-item, .carousel-item .active{height:100%;}
.carousel-inner{height:100%; top:0px;}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}
.carousel .carousel-inner img{margin:0 auto; text-align:center;}
.carousel-control:focus, .carousel-control:hover{color:#fff;}
.carousel-caption{top:25%; margin:0 auto; position:absolute; right:5%; left:5%;}
.carousel-caption h1{font-size:25px; border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 0px solid #000000; font-weight:400; text-shadow: 2px 2px 2px rgba(1, 2, 33, 0.9); font-family: 'Josefin Sans', sans-serif; color:#d3c48b; text-align:center; line-height:30px; margin:0px 0px 5px 0px; padding:30px 0px 5px 0px;}
.carousel-caption h2{font-size:60px; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px}
div#caption_slide .description_caption_block{background:none; padding-right:100px; padding-left:100px; transition:all 0.3s ease; display:block;}
div#caption_slide .description_caption_block_detail{transition:all 0.3s ease;}
div#caption_slide .description_caption_block_detail:hover{transition:all 0.3s ease; color:#fff;}
div#caption_slide p.description_caption{text-align:center; font-size:16px; font-weight:300; text-shadow: 2px 2px 2px rgba(1, 2, 33, 0.9); line-height:20px; margin-bottom:0px; transition:all 0.3s ease;}
.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: #b48f44;border:none;width:30px;height:3px;}
.camera_next {background: url(../../images/camera_next_btn.png) right top no-repeat;width: 60px;height: 60px;position: absolute;z-index: 999;bottom: 43%;left: 50%;cursor: pointer;opacity: 1 !important;margin-left: 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.camera_next:hover {background-position: right bottom;}
.camera_prev {background: url(../../images/camera_prev_btn.png) left top no-repeat;width: 60px;height: 60px;position: absolute;z-index: 999;bottom: 43%;left: 50%;cursor: pointer;opacity: 1 !important;margin-left: -60px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.camera_prev:hover {background-position: 0 bottom;}
/*END SLIDESHOW*/
/*GIOI THIEU*/
#gioithieu{padding-top:50px; padding-bottom:50px; background:url(../../images/gioi-thieu-bg.jpg) #fff bottom center no-repeat; background-attachment:fixed; position:relative}
.gioithieu_inside{text-align:left; color:#666;}
.gioithieu_inside h2{color:#3A2418; font-size: 32px; text-transform:none; text-align:center; font-weight:600; margin-top:10px;}
.gioithieu_inside h3{color: #8F7C65;font-size: 16px;text-transform: none;text-align: center; line-height:24px; font-weight:400; margin-top:10px; padding-bottom:20px; margin-bottom:20px; font-style:normal}
.gioithieu_inside p{font-size:14px;}
#gioithieu .video{margin-top:0px}
#gioithieu .video iframe{border:0px; transition: all 0.3s ease;}
#gioithieu .video iframe:hover{border:10px solid #8F7C65; transition: all 0.3s ease;}
/*END GIOI THIEU*/
/*Rooms and Suites*/
div#rooms_suites{background-color:#fff; padding-top:50px; padding-bottom:50px;}
div#rooms_suites .rooms_suites_inside h2{color:#3A2418; font-size: 32px; text-transform:none; font-weight:600; margin-top:30px; margin-bottom:20px;}
div#rooms_suites .row{background-color:#fff; transition: all 0.3s ease;}
div#rooms_suites .row:hover{background-color:#eaeaea; transition: all 0.3s ease;}
div#rooms_suites .col-md-6{padding:0;}
div#rooms_suites .row .info{padding:10px 50px 0px 50px;}
div#rooms_suites .carousel img{transition: all 0.3s ease;}
div#rooms_suites .carousel img:hover{opacity:0.8; transition: all 0.3s ease;}
div#rooms_suites p{font-size:13px; line-height:24px;}
div#rooms_suites .btn-custom{margin-top:20px;}
/*END Rooms and Suites*/
/*SAN PHAM*/
#san-pham{background:url(../../images/gallery-bg.jpg) #fff 0 0 no-repeat; z-index:1000; position:relative; padding-top:30px; padding-bottom:30px; background-attachment:fixed}
#san-pham h2{font-size:45px; font-weight:400; font-family: "UVF Mussica Swash"; color:#d3c48b; text-align:left; line-height:normal; text-align:left; background: -webkit-linear-gradient(#d3c48b, #af894a);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#san-pham h2 span.line1{display:block}
#san-pham h2 span.line2{padding-left:40px; position:relative; top:-25px;}
/*TAB*/
ul#mysecondTab{margin:auto; max-width:100%; border-bottom:none;}
ul#mysecondTab > li{margin-bottom:0; width:33%; border:1px solid #fff}
ul#mysecondTab li a:link,
ul#mysecondTab li a:focus{color:#fff; font-size:15px; cursor: pointer; text-align:center; width:100%; height:auto; padding:12px 6px; margin:0px; border: none; border-bottom-color: transparent; border-radius:0; background-color: #0094d8;}
ul#mysecondTab li a h3{color:#fff; font-size:15px; text-align:center; line-height:20px; margin:8px 5px; border: none; border-bottom-color: transparent; border-radius:0; background-color: #0094d8; font-weight:normal}
ul#mysecondTab li a h3:hover{text-decoration:underline}
ul#mysecondTab li a h3 br{display:none}
ul#mysecondTab li.active a{background-color:#07133d !important}
ul#mysecondTab li.active a h3{background-color:#07133d !important}
ul#mysecondTab > li.active > a::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
border-top: 12px solid #07133d;
border-top-color: rgb(7, 19, 61);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
margin-left: -8px;
}
div.tab-content{background:url(../../images/bg-transparent.png) 0 0 repeat;}
div.tab-content p{font-size:16px;}
div.tab-content table{margin-top:20px; font-weight:600; font-size:14px; border:none}
div.tab-content table tr:nth-child(odd) {color:#333; transition: all 0.3s ease;}
div.tab-content table tr:nth-child(even) {color:#333; transition: all 0.3s ease}
div.tab-content table tr:nth-child(odd):hover{background-color:#e2d294; transition: all 0.3s ease}
div.tab-content table tr:nth-child(even):hover{background-color:#e2d294; transition: all 0.3s ease}
div.tab-content table tr td{border:0px solid #fff; border-bottom:1px solid #ccc; padding:8px 0px}
div#sanpham1{padding:35px 0px;}
div#sanpham2{padding:35px 0px;}
div#sanpham3{padding:35px 0px;}
div#sanpham1 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham1 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham1 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
div#sanpham2 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham2 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham2 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
div#sanpham3 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham3 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham3 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
/*END SAN PHAM*/
/*Enhance your experience in Sapa*/
#experience{background:url(../../images/bg-packages.jpg) #d8d3cf 0 0 no-repeat; padding-bottom:50px; padding-top:50px; background-attachment:fixed; -webkit-animation: backgroundScroll_contact 18s linear 1;
-webkit-animation-fill-mode: forwards;
animation: backgroundScroll_contact 18s linear 1;
animation-fill-mode: none;
animation-fill-mode: forwards;}
@-webkit-keyframes backgroundScroll_contact {
from {background-position: 0 0;}
to {background-position: -180px 0px;}
}
@keyframes backgroundScroll_contact {
from {background-position: 0 0;}
to {background-position: -180px 0px;}
}
#experience h2{color:#fff; font-size: 32px; text-transform:none; text-align:center; font-weight:500; margin-top:20px;}
#experience h3{color: #8F7C65;font-size: 16px;text-transform: none;text-align: center; line-height:24px; font-weight:400; margin-top:10px; padding-bottom:20px; margin-bottom:20px; font-style:normal; padding-left:100px; padding-right:100px;}
.experience{padding:20px 0px; transition:all 0.3s ease;}
.experience:hover{transition:all 0.3s ease; background-color:#fff; -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);}
.experience_detail{padding:0 20px;}
.experience_detail img{text-align:center; margin:0 auto}
.experience_detail h4{font-size:16px; font-weight:700; text-align:center; color:#000; margin-bottom:0px; margin-top:0px; background-color:#fff; padding:15px 0px;}
.experience_detail h4 a:link, .experience_detail h4 a:visited{font-size:16px; font-weight:700; text-align:center; color:#000;}
.experience_detail h4 a:hover{text-decoration:none; color:#c79630;}
/*END Enhance your experience in Sapa*/
/*GALLERY*/
#galleries{background:url(../../images/gallery-bg.jpg) #fff 0 0 no-repeat; z-index:1000; position:relative; padding-top:50px; padding-bottom:50px; background-attachment:fixed}
#galleries h2{font-size:32px; font-weight:400; color:#3A2418; line-height:normal; text-align:center; margin-bottom:50px;}
.carousel-inner-gallery p.description_gallery{color:#3A2418; font-size:16px; text-align:center; margin:0 auto; margin-bottom:20px; margin-top:5px;}
.carousel-inner-gallery img{transition: all 0.3s ease;}
.carousel-inner-gallery img:hover{transition: all 0.3s ease; opacity:0.9}
.carousel-inner-gallery {position: relative;width: 100%;overflow: hidden;}
.carousel-inner-gallery > .item {position: relative;display: none;}
.carousel-inner-gallery > .active {display: block;}
#myCarousel_thuvienanh .carousel-indicators {list-style: none;bottom: 0px; position:relative; margin-top:15px;}
#myCarousel_thuvienanh .carousel-indicators li {display: inline-block;width: 15px;height: 15px;margin: 1px;text-indent: -999px;cursor: pointer;background-color: #8F7C65;border-radius: 10px; margin: 0 8px; opacity:0.6; transition: all 0.3s ease}
#myCarousel_thuvienanh .carousel-indicators .active, #myCarousel_thuvienanh .carousel-indicators li:hover{background-color: #3A2418;border: none;width: 15px;height: 15px;margin: 0 8px; opacity:1; transition: all 0.3s ease}
.gallery{padding:30px 0px; transition:all 0.3s ease;}
.gallery:hover{transition:all 0.3s ease; background-color:#fff; -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);}
.album{padding:0 30px;}
.album img{text-align:center; margin:0 auto}
.album h3{font-size:18px; font-weight:700; text-align:center; color:#000; margin-bottom:0px; margin-top:25px; letter-spacing:-1px;}
.album h3 a:link, .room_type h3 a:visited{font-size:18px; font-weight:700; text-align:center; color:#000; letter-spacing:-1px;}
.album h3 a:hover{text-decoration:none; color:#c79630;}
/*END GALLERY*/
/*FOOTER*/
#footer{background:url(../../images/bg-footer.jpg) #000 0 0 repeat-x; text-align:left; padding-bottom:30px; padding-top:30px;}
#footer h3{color:#8F7C65; font-size:14px; font-weight:700; margin-top:20px; text-align:left;}
#footer ul{margin:0; padding:0;}
#footer ul li{list-style-type:none; text-align:left; color:#fff; transition: all 0.3s ease; font-size:13px; font-weight:300; line-height:22px; padding-bottom:6px;}
#footer ul li a:link, #footer ul li a:visited{color:#fff; transition: all 0.3s ease; font-size:13px; font-weight:300;}
#footer ul li a:hover{color:#8F7C65; transition: all 0.3s ease; padding-left:5px;}
#footer .row1{padding-bottom:10px; margin-bottom:10px;}
#footer .row1 p{text-align:left; color:#999999; font-size:11px; font-weight:300}
#footer hr{width:100%; height:1px; border-top: 1px solid #1f1f1f; margin-bottom:10px; margin-top:10px;}
#mc-form .form-row {padding:0;}
#footer .row2 .copyright1 p{text-align:left; color:#999999; font-size:12px; font-weight:400}
#footer .row2 .copyright2{text-align:right; color:#999999; font-size:12px; font-weight:400}
#footer .row2 .copyright2 img{padding-left:6px; padding-right:0px; transition:all 0.3s ease;}
#footer .row2 .copyright2 img:hover{transition:all 0.3s ease; opacity:1 !important}
/*END FOOTER*/
}
@media screen and (min-width: 1280px) {
body.scrolled #main-menu {opacity: 0.9;transition: all 0.3s ease;background-color:#3A2418;}
body.scrolled #main-menu:hover {opacity: 1;transition: all 0.3s ease;}
/*BUTTON STYLE*/
.btn{border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 0px solid #000000;}
.btn-custom{background-color:#d3c48b; border:2px solid #d3c48b; text-shadow:none; color:#000; font-size:16px; padding:10px 30px; font-weight:600; margin-top:30px;}
.btn-custom:hover{transition:all 0.3s ease; color:#fff; border:2px solid #8F7C65; background-color:#8F7C65}
.btn-custom-2{background-color:#151515; border:1px solid #151515; text-shadow:none; color:#fff; font-size:11px; padding:12px 10px; font-weight:300;}
.btn-custom-2:hover{transition:all 0.3s ease; color:#fff; border:1px solid #8F7C65; background-color:#8F7C65}
.callus{float:right; position: fixed; right:2%; bottom:30px; opacity:0.9; z-index:9999;}
/*END BUTTON STYLE*/
/*QUICK MENU FLOAT*/
div#quickmenu_float {position: fixed;right: 0;top: 20%;padding: 0;text-align: left;z-index: 9999;font-size: 13px;color: #fff;background: none;width: 100px; display:block}
div#quickmenu_float ul {margin: 0;padding: 0;}
div#quickmenu_float ul li.brown{background-color:#3A2418;transition: all 0.3s ease;list-style-type:none;padding:4px 0px 2px 12px;}
div#quickmenu_float ul li.light_brown{background-color:#8F7C65;transition: all 0.3s ease;list-style-type:none;padding:4px 0px 2px 12px;}
div#quickmenu_float ul li.grey{background-color:#8E8B86;transition: all 0.3s ease;list-style-type:none;padding:4px 0px 2px 12px;text-shadow:1px 1px 1px #a09157;}
div#quickmenu_float ul li.brown:hover,
div#quickmenu_float ul li.light_brown:hover,
div#quickmenu_float ul li.grey:hover{margin-left:-5px;}
div#quickmenu_float ul li.brown a:link, div#quickmenu_float ul li.brown a:visited,
div#quickmenu_float ul li.light_brown a:link, div#quickmenu_float ul li.light_brown a:visited,
div#quickmenu_float ul li.grey a:link, div#quickmenu_float ul li.grey a:visited{color:#fff; transition:all 0.3s ease}
div#quickmenu_float ul li.brown a:hover,
div#quickmenu_float ul li.light_brown a:hover,
div#quickmenu_float ul li.grey a:hover{text-decoration:underline; color:#fff; transition:all 0.3s ease}
div#quickmenu_float ul li span.text{display:inline-block !important}
/*END QUICK MENU FLOAT*/
/*MAIN MENU*/
.navbar-brand{margin:0px 20px 0px 60px !important; padding:0px; background: url(../../images/logo.png) 0 0 no-repeat; width:158px; height:140px;}
.navbar-nav{float:right;}
#navbar{float:right; padding-top:45px; padding-bottom:45px; width:81%; border-bottom:0px solid #8F7C65}
nav.navbar-inverse-new{border:none; background-image:none; padding-top:0px; padding-bottom:0px; margin-bottom:0px; border-radius:0; top:0px; z-index:9999; background:none;}
nav.navbar-inverse-new .container{padding-left:0; padding-right:0;}
nav.navbar-inverse-new li{font-size:13px; font-weight:700; margin-left:0px; margin-right:0px; background:none; font-family: 'Josefin Sans', sans-serif;}
.navbar-nav > li > a{padding:8px 0px 6px 0px; margin-left:10px; margin-right:10px; font-weight:400}
.navbar-inverse-new .navbar-nav > li > a {color: #fff; text-shadow:none; font-family: 'Josefin Sans', sans-serif; border-bottom:1px solid #a88647;}
.navbar-inverse-new .navbar-nav > li > a:focus,
.navbar-inverse-new .navbar-nav > li > a:hover {color: #fff; background:none; transition:all 0.3s ease; border-bottom:1px solid #fff}
.navbar-inverse-new .navbar-nav > .active > a,
.navbar-inverse-new .navbar-nav > .active > a:focus,
.navbar-inverse-new .navbar-nav > .active > a:hover {color: #fff; background:none; background-image:none; box-shadow:none; font-weight:700; border-bottom:1px solid #fff}
/*Animation border*/
.navbar-nav > li > a:before,
.navbar-nav > li > a:after{position: absolute; content: ''; transition: all 0.3s ease; border-bottom:0px solid #010220; border-top:0px solid #010220; width: 0;}
.navbar-nav > .active > a:before,
.navbar-nav > .active > a:after{border-bottom:0px solid #07103b; border-top:0px solid #07103b;}
.navbar-nav a::before {top: 0;left: 0;}
.navbar-nav a::after {bottom: 0;right: 0;}
.navbar-nav a:hover::before,
.navbar-nav .active a::before,
.navbar-nav a:hover::after,
.navbar-nav .active a::after {width: 100%;}
/*END Animation border*/
/*END MAIN MENU*/
/*QUICK MENU*/
.dropdown-menu .divider {display:block}
.dropdown-menu{left:9px; padding:10px 0; margin-top:-2px !important;}
.dropdown-menu > li > a{padding:8px 20px; color:#333 !important; text-align:left !important}
.dropdown-menu > li > a:hover{color:#8F7C65 !important; text-decoration:underline; background:none !important}
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: 'PT Sans', sans-serif;}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;}
.navbar-inverse-new .navbar-nav > .open > a,
.navbar-inverse-new .navbar-nav > .open > a:focus,
.navbar-inverse-new .navbar-nav > .open > a:hover{background-color:none !important; color:#fff !important; background:none; box-shadow: none; background:none!important;}
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*/
@-webkit-keyframes scale{
0%
{
transform: scale(1) rotate(0deg);
opacity:0;
}
75%
{
transform: scale(1) rotate(0deg);
opacity:0.75;
}
100%
{
transform: scale(1) rotate(0deg);
opacity:1;
}
}
#myCarousel{
animation-name: scale;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-duration: 0.5s;
background-color:#3A2418;
margin-top:0;
}
/*.carousel,.item,.active{height:100%;}*/
.carousel, .carousel-item, .carousel-item .active{height:100%;}
.carousel-inner{height:100%; top:0px;}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}
.carousel .carousel-inner img{margin:0 auto; text-align:center;}
.carousel-control:focus, .carousel-control:hover{color:#fff;}
.carousel-caption{top:25%; margin:0 auto; position:absolute; right:5%; left:5%;}
.carousel-caption h1{font-size:25px; border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 0px solid #000000; font-weight:400; text-shadow: 2px 2px 2px rgba(1, 2, 33, 0.9); font-family: 'Josefin Sans', sans-serif; color:#d3c48b; text-align:center; line-height:30px; margin:0px 0px 5px 0px; padding:30px 0px 5px 0px;}
.carousel-caption h2{font-size:60px; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px}
div#caption_slide .description_caption_block{background:none; padding-right:200px; padding-left:200px; transition:all 0.3s ease; display:block;}
div#caption_slide .description_caption_block_detail{transition:all 0.3s ease;}
div#caption_slide .description_caption_block_detail:hover{transition:all 0.3s ease; color:#fff;}
div#caption_slide p.description_caption{text-align:center; font-size:16px; font-weight:300; text-shadow: 2px 2px 2px rgba(1, 2, 33, 0.9); line-height:20px; margin-bottom:0px; transition:all 0.3s ease;}
.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: #b48f44;border:none;width:30px;height:3px;}
.camera_next {background: url(../../images/camera_next_btn.png) right top no-repeat;width: 60px;height: 60px;position: absolute;z-index: 999;bottom: 43%;left: 50%;cursor: pointer;opacity: 1 !important;margin-left: 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.camera_next:hover {background-position: right bottom;}
.camera_prev {background: url(../../images/camera_prev_btn.png) left top no-repeat;width: 60px;height: 60px;position: absolute;z-index: 999;bottom: 43%;left: 50%;cursor: pointer;opacity: 1 !important;margin-left: -60px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.camera_prev:hover {background-position: 0 bottom;}
/*END SLIDESHOW*/
/*GIOI THIEU*/
#gioithieu{padding-top:50px; padding-bottom:50px; background:url(../../images/gioi-thieu-bg.jpg) #fff bottom center no-repeat; background-attachment:fixed; position:relative}
.gioithieu_inside{text-align:left; color:#666;}
.gioithieu_inside h2{color:#3A2418; font-size: 32px; text-transform:none; text-align:center; font-weight:600; margin-top:10px;}
.gioithieu_inside h3{color: #8F7C65;font-size: 16px;text-transform: none;text-align: center; line-height:24px; font-weight:400; margin-top:10px; padding-bottom:20px; margin-bottom:20px; font-style:normal}
.gioithieu_inside p{font-size:14px;}
#gioithieu .video{margin-top:0px}
#gioithieu .video iframe{border:0px; transition: all 0.3s ease;}
#gioithieu .video iframe:hover{border:10px solid #8F7C65; transition: all 0.3s ease;}
/*END GIOI THIEU*/
/*Rooms and Suites*/
div#rooms_suites{background-color:#fff; padding-top:50px; padding-bottom:50px;}
div#rooms_suites .rooms_suites_inside h2{color:#3A2418; font-size: 32px; text-transform:none; font-weight:600; margin-top:30px; margin-bottom:20px;}
div#rooms_suites .row{background-color:#fff; transition: all 0.3s ease;}
div#rooms_suites .row:hover{background-color:#eaeaea; transition: all 0.3s ease;}
div#rooms_suites .col-md-6{padding:0;}
div#rooms_suites .row .info{padding:20px 50px 20px 50px;}
div#rooms_suites .carousel img{transition: all 0.3s ease;}
div#rooms_suites .carousel img:hover{opacity:0.8; transition: all 0.3s ease;}
div#rooms_suites p{font-size:14px; line-height:26px;}
div#rooms_suites .btn-custom{margin-top:20px;}
/*END Rooms and Suites*/
/*SAN PHAM*/
#san-pham{background:url(../../images/gallery-bg.jpg) #fff 0 0 no-repeat; z-index:1000; position:relative; padding-top:30px; padding-bottom:30px; background-attachment:fixed}
#san-pham h2{font-size:45px; font-weight:400; font-family: "UVF Mussica Swash"; color:#d3c48b; text-align:left; line-height:normal; text-align:left; background: -webkit-linear-gradient(#d3c48b, #af894a);-webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:0;}
#san-pham h2 span.line1{display:block}
#san-pham h2 span.line2{padding-left:40px; position:relative; top:-25px;}
/*TAB*/
ul#mysecondTab{margin:auto; max-width:100%; border-bottom:none;}
ul#mysecondTab > li{margin-bottom:0; width:33%; border:1px solid #fff}
ul#mysecondTab li a:link,
ul#mysecondTab li a:focus{color:#fff; font-size:15px; cursor: pointer; text-align:center; width:100%; height:60px; padding:12px 6px; margin:0px; border: none; border-bottom-color: transparent; border-radius:0; background-color: #0094d8;}
ul#mysecondTab li a h3{color:#fff; font-size:15px; text-align:center; line-height:20px; margin:8px 5px; border: none; border-bottom-color: transparent; border-radius:0; background-color: #0094d8; font-weight:normal}
ul#mysecondTab li a h3:hover{text-decoration:underline}
ul#mysecondTab li a h3 br{display:none}
ul#mysecondTab li.active a{background-color:#07133d !important}
ul#mysecondTab li.active a h3{background-color:#07133d !important}
ul#mysecondTab > li.active > a::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
border-top: 12px solid #07133d;
border-top-color: rgb(7, 19, 61);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
margin-left: -8px;
}
div.tab-content{background:url(../../images/bg-transparent.png) 0 0 repeat;}
div.tab-content p{font-size:16px;}
div.tab-content table{margin-top:20px; font-weight:600; font-size:14px; border:none}
div.tab-content table tr:nth-child(odd) {color:#333; transition: all 0.3s ease;}
div.tab-content table tr:nth-child(even) {color:#333; transition: all 0.3s ease}
div.tab-content table tr:nth-child(odd):hover{background-color:#e2d294; transition: all 0.3s ease}
div.tab-content table tr:nth-child(even):hover{background-color:#e2d294; transition: all 0.3s ease}
div.tab-content table tr td{border:0px solid #fff; border-bottom:1px solid #ccc; padding:8px 0px}
div#sanpham1{padding:35px 0px;}
div#sanpham2{padding:35px 0px;}
div#sanpham3{padding:35px 0px;}
div#sanpham1 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham1 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham1 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
div#sanpham2 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham2 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham2 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
div#sanpham3 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham3 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham3 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
/*END SAN PHAM*/
/*Enhance your experience in Sapa*/
#experience{background:url(../../images/bg-packages.jpg) #d8d3cf 0 0 no-repeat; padding-bottom:80px; padding-top:80px; background-attachment:fixed; -webkit-animation: backgroundScroll_contact 18s linear 1;
-webkit-animation-fill-mode: forwards;
animation: backgroundScroll_contact 18s linear 1;
animation-fill-mode: none;
animation-fill-mode: forwards; position:relative}
@-webkit-keyframes backgroundScroll_contact {
from {background-position: 0 0;}
to {background-position: -180px 0px;}
}
@keyframes backgroundScroll_contact {
from {background-position: 0 0;}
to {background-position: -180px 0px;}
}
#experience h2{color:#fff; font-size: 32px; text-transform:none; text-align:center; font-weight:500; margin-top:50px;}
#experience h3{color: #8F7C65;font-size: 16px;text-transform: none;text-align: center; line-height:24px; font-weight:400; margin-top:10px; padding-bottom:20px; margin-bottom:20px; font-style:normal; padding-left:100px; padding-right:100px;}
.experience{padding:20px 0px; transition:all 0.3s ease;}
.experience:hover{transition:all 0.3s ease; background-color:#fff; -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); margin-top:-10px;}
.experience_detail{padding:0 20px;}
.experience_detail img{text-align:center; margin:0 auto}
.experience_detail h4{font-size:16px; font-weight:700; text-align:center; color:#000; margin-bottom:0px; margin-top:0px; background-color:#fff; padding:15px 0px;}
.experience_detail h4 a:link, .experience_detail h4 a:visited{font-size:16px; font-weight:700; text-align:center; color:#000;}
.experience_detail h4 a:hover{text-decoration:none; color:#8F7C65;}
/*END Enhance your experience in Sapa*/
/*GALLERY*/
#galleries{background:url(../../images/gallery-bg.jpg) #fff 0 0 no-repeat; z-index:1000; position:relative; padding-top:80px; padding-bottom:80px; background-attachment:fixed}
#galleries h2{font-size:32px; font-weight:400; color:#3A2418; line-height:normal; text-align:center; margin-bottom:50px;}
.carousel-inner-gallery p.description_gallery{color:#3A2418; font-size:16px; text-align:center; margin:0 auto; margin-bottom:20px; margin-top:5px;}
.carousel-inner-gallery img{transition: all 0.3s ease;}
.carousel-inner-gallery img:hover{transition: all 0.3s ease; opacity:0.9}
.carousel-inner-gallery {position: relative;width: 100%;overflow: hidden;}
.carousel-inner-gallery > .item {position: relative;display: none;}
.carousel-inner-gallery > .active {display: block;}
#myCarousel_thuvienanh .carousel-indicators {list-style: none;bottom: 0px; position:relative; margin-top:15px;}
#myCarousel_thuvienanh .carousel-indicators li {display: inline-block;width: 15px;height: 15px;margin: 1px;text-indent: -999px;cursor: pointer;background-color: #8F7C65;border-radius: 10px; margin: 0 8px; opacity:0.6; transition: all 0.3s ease}
#myCarousel_thuvienanh .carousel-indicators .active, #myCarousel_thuvienanh .carousel-indicators li:hover{background-color: #3A2418;border: none;width: 15px;height: 15px;margin: 0 8px; opacity:1; transition: all 0.3s ease}
.gallery{padding:30px 0px; transition:all 0.3s ease;}
.gallery:hover{transition:all 0.3s ease; background-color:#fff; -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);}
.album{padding:0 30px;}
.album img{text-align:center; margin:0 auto}
.album h3{font-size:20px; font-weight:700; text-align:center; color:#000; margin-bottom:0px; margin-top:25px; letter-spacing:-1px;}
.album h3 a:link, .room_type h3 a:visited{font-size:20px; font-weight:700; text-align:center; color:#000; letter-spacing:-1px;}
.album h3 a:hover{text-decoration:none; color:#c79630;}
/*END GALLERY*/
/*FOOTER*/
#footer{background:url(../../images/bg-footer.jpg) #000 0 0 repeat-x; text-align:left; padding-bottom:30px; padding-top:30px;}
#footer h3{color:#8F7C65; font-size:15px; font-weight:700; margin-top:20px; text-align:left;}
#footer ul{margin:0; padding:0;}
#footer ul li{list-style-type:none; text-align:left; color:#fff; transition: all 0.3s ease; font-size:13px; font-weight:300; line-height:22px; padding-bottom:6px;}
#footer ul li a:link, #footer ul li a:visited{color:#fff; transition: all 0.3s ease; font-size:13px; font-weight:300;}
#footer ul li a:hover{color:#8F7C65; transition: all 0.3s ease; padding-left:5px;}
#footer .row1{padding-bottom:10px; margin-bottom:10px;}
#footer .row1 p{text-align:left; color:#999999; font-size:12px; font-weight:300}
#footer hr{width:100%; height:1px; border-top: 1px solid #1f1f1f; margin-bottom:10px; margin-top:10px;}
#mc-form .form-row {padding:0;}
#footer .row2 .copyright1 p{text-align:left; color:#999999; font-size:12px; font-weight:400}
#footer .row2 .copyright2{text-align:right; color:#999999; font-size:12px; font-weight:400}
#footer .row2 .copyright2 img{padding-left:6px; padding-right:0px; transition:all 0.3s ease;}
#footer .row2 .copyright2 img:hover{transition:all 0.3s ease; opacity:1 !important}
/*END FOOTER*/
}
@media screen and (min-width: 1360px) {
.navbar-brand{margin:0px 20px 0px 60px !important;}
.carousel-inner{height:100%; top:0px;}
.carousel-caption{top:23%; margin:0 auto; position:absolute; right:5%; left:5%;}
}
@media screen and (min-width: 1440px) {
.navbar-brand{margin:0px 20px 0px 60px !important;}
.carousel-inner{height:100%; top:0px;}
.carousel-caption{top:25%; margin:0 auto; position:absolute; right:5%; left:5%;}
}
@media screen and (min-width: 1600px) {
.navbar-brand{margin:0px 20px 0px 80px !important;}
.carousel-inner{height:100%; top:0px;}
.carousel-caption{top:25%; margin:0 auto; position:absolute; right:5%; left:5%;}
}
@media screen and (max-width: 575px){
#hotline_mobile{display:block}
/*BUTTON STYLE*/
.btn{border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 0px solid #000000;}
.btn-custom{background-color:#d3c48b; border:2px solid #d3c48b; text-shadow:none; color:#000; font-size:15px; padding:10px 30px; font-weight:600; margin-top:30px;}
.btn-custom:hover{transition:all 0.3s ease; color:#fff; border:2px solid #8F7C65; background-color:#8F7C65}
.btn-custom-2{background-color:#151515; border:1px solid #151515; text-shadow:none; color:#fff; font-size:11px; padding:12px 10px; font-weight:300;}
.btn-custom-2:hover{transition:all 0.3s ease; color:#fff; border:1px solid #8F7C65; background-color:#8F7C65}
.callus{float:right; position: fixed; right:2%; bottom:30px; opacity:0.9; z-index:9999;}
/*END BUTTON STYLE*/
/*QUICK MENU FLOAT*/
div#quickmenu_float {display:none}
/*END QUICK MENU FLOAT*/
/*MAIN MENU*/
.navbar-brand{margin:2px 0px 0px 10px !important; padding:0px; background: url(../../images/logo-small.png) 0 0 no-repeat; width:234px; height:42px;}
#navbar{float:none; padding-top:0px; padding-bottom:0px; border:none; background-color:#3A2418; width:100%; margin-top:0px; border-bottom:1px solid #8F7C65}
nav.navbar-inverse-new{border:none; background-image:none; padding-top:0px; padding-bottom:0px; margin-bottom:0px; border-radius:0; z-index:9999; background-color:#3A2418}
nav.navbar-inverse-new .container{padding-left:15px; padding-right:15px;}
nav.navbar-inverse-new li{font-size:14px; font-weight:700; margin-left:0px; margin-right:0px; background:none}
nav.navbar-inverse-new li:hover{background-color:#8F7C65 !important;}
.navbar-nav > li > a{padding:7px 0px 7px 0px; margin-left:0px; margin-right:0px; font-weight:400}
.navbar-inverse-new .navbar-nav > li > a {color: #fff; text-shadow:none; text-align:center}
.navbar-inverse-new .navbar-nav > li > a:focus,
.navbar-inverse-new .navbar-nav > li > a:hover {color: #fff; background:none; transition:all 0.3s ease; background-color:#a88647 !important;}
.navbar-inverse-new .navbar-nav > .active > a,
.navbar-inverse-new .navbar-nav > .active > a:focus,
.navbar-inverse-new .navbar-nav > .active > a:hover {color: #fff; background:none; background-image:none; box-shadow:none; font-weight:700; background-color:#a88647 !important;}
.navbar-inverse-new .navbar-toggle .icon-bar {background-color: #8F7C65;}
.navbar-inverse-new .navbar-toggle:focus, .navbar-inverse-new .navbar-toggle:hover {background-color: #000; border:1px solid #000}
/*Animation border*/
.navbar-nav > li > a:before,
.navbar-nav > li > a:after{position: absolute; content: ''; transition: all 0.3s ease; border-bottom:1px solid #a88647; border-top:1px solid #a88647; width: 0;}
.navbar-nav > .active > a:before,
.navbar-nav > .active > a:after{border-bottom:1px solid #a88647; border-top:1px solid #a88647;}
.navbar-nav a::before {top: 0;left: 0;}
.navbar-nav a::after {bottom: 0;right: 0;}
.navbar-nav a:hover::before,
.navbar-nav .active a::before,
.navbar-nav a:hover::after,
.navbar-nav .active a::after {width: 100%;}
/*END Animation border*/
nav.navbar-inverse-new{position:fixed; top:0; right:0; left:0;}
/*END MAIN MENU*/
/*QUICK MENU*/
.dropdown-menu .divider {display:none}
.dropdown-menu li a:link, .dropdown-menu li a:visited{text-align:center; color: #fff; background:none}
.dropdown-menu li a:hover{text-decoration:underline; color: #ccc;}
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: 'PT Sans', sans-serif;}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;}
.navbar-inverse-new .navbar-nav > .open > a,
.navbar-inverse-new .navbar-nav > .open > a:focus,
.navbar-inverse-new .navbar-nav > .open > a:hover{background-color:#a88647 !important; color:#fff !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*/
@-webkit-keyframes scale{
0%
{
transform: scale(1) rotate(0deg);
opacity:0;
}
75%
{
transform: scale(1) rotate(0deg);
opacity:0.75;
}
100%
{
transform: scale(1) rotate(0deg);
opacity:1;
}
}
#myCarousel{
animation-name: scale;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-duration: 0.5s;
background-color:#3A2418;
margin-top:75px;
}
/*.carousel,.item,.active{height:100%;}*/
.carousel, .carousel-item, .carousel-item .active{height:100%;}
.carousel-inner{position: relative; width: 100%; overflow: visible; top:0; background-color:#3A2418}
.fill{width:100%;height:auto;background-position:center; background-size:cover;}
.carousel .carousel-inner img{margin:0 auto; text-align:center;}
.carousel-control:focus, .carousel-control:hover{color:#fff;}
.carousel-caption{top:0%; margin:0 auto; position:relative; right:0; left:0;}
.carousel-caption h1{font-size:13px; border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 0px solid #000000; font-weight:400; text-shadow: 2px 2px 2px rgba(1, 2, 33, 0.9); font-family: 'Josefin Sans', sans-serif; color:#d3c48b; text-align:center; line-height:30px; margin:0px 0px 5px 0px; padding:30px 0px 5px 0px;}
.carousel-caption h2{font-size:25px; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px}
div#caption_slide .description_caption_block{background:none; padding-right:10px; padding-left:10px; transition:all 0.3s ease; display:block;}
div#caption_slide .description_caption_block_detail{transition:all 0.3s ease;}
div#caption_slide .description_caption_block_detail:hover{transition:all 0.3s ease; color:#fff;}
div#caption_slide p.description_caption{text-align:center; font-size:14px; font-weight:300; text-shadow: 2px 2px 2px rgba(1, 2, 33, 0.9); line-height:20px; margin-bottom:0px; transition:all 0.3s ease;}
.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: #b48f44;border:none;width:30px;height:3px;}
.camera_next {background: url(../../images/camera_next_btn.png) right top no-repeat;width: 60px;height: 60px;position: absolute;z-index: 999;bottom: 43%;left: 50%;cursor: pointer;opacity: 1 !important;margin-left: 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.camera_next:hover {background-position: right bottom;}
.camera_prev {background: url(../../images/camera_prev_btn.png) left top no-repeat;width: 60px;height: 60px;position: absolute;z-index: 999;bottom: 43%;left: 50%;cursor: pointer;opacity: 1 !important;margin-left: -60px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
.camera_prev:hover {background-position: 0 bottom;}
/*END SLIDESHOW*/
/*GIOI THIEU*/
#gioithieu{padding-top:50px; padding-bottom:50px; background:url(../../images/gioi-thieu-bg.jpg) #fff bottom center no-repeat; background-attachment:inherit; position:relative}
.gioithieu_inside{text-align:left; color:#666;}
.gioithieu_inside h2{color:#3A2418; font-size: 25px; text-transform:none; text-align:center; font-weight:600; margin-top:10px;}
.gioithieu_inside h3{color: #8F7C65;font-size: 15px;text-transform: none;text-align: center; line-height:24px; font-weight:400; margin-top:10px; padding-bottom:20px; margin-bottom:20px; font-style:normal}
.gioithieu_inside p{font-size:14px;}
#gioithieu .video{margin-top:20px}
#gioithieu .video iframe{border:0px; transition: all 0.3s ease;}
#gioithieu .video iframe:hover{border:10px solid #8F7C65; transition: all 0.3s ease;}
/*END GIOI THIEU*/
/*Rooms and Suites*/
div#rooms_suites{background-color:#fff; padding-top:50px; padding-bottom:50px;}
div#rooms_suites .rooms_suites_inside h2{color:#3A2418; font-size: 25px; text-transform:none; font-weight:600; margin-top:30px; margin-bottom:20px;}
div#rooms_suites .row{background-color:#fff; transition: all 0.3s ease;}
div#rooms_suites .row:hover{background-color:#eaeaea; transition: all 0.3s ease;}
div#rooms_suites .col-md-6{padding:0;}
div#rooms_suites .row .info{padding:5px 20px 20px 20px;}
div#rooms_suites .carousel img{transition: all 0.3s ease;}
div#rooms_suites .carousel img:hover{opacity:0.8; transition: all 0.3s ease;}
div#rooms_suites p{font-size:14px; line-height:26px;}
div#rooms_suites .btn-custom{margin-top:20px;}
.pull-xs-right{float:right}
.pull-xs-left{float:left}
/*END Rooms and Suites*/
/*SAN PHAM*/
#san-pham{background:url(../../images/gallery-bg.jpg) #fff 0 0 no-repeat; z-index:1000; position:relative; padding-top:0px; padding-bottom:0px; background-attachment:inherit}
#san-pham h2{font-size:25px; font-weight:400; font-family: "UVF Mussica Swash"; color:#d3c48b; text-align:left; line-height:normal; text-align:left; background: -webkit-linear-gradient(#d3c48b, #af894a);-webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:0;}
#san-pham h2 span.line1{display:block}
#san-pham h2 span.line2{padding-left:40px; position:relative; top:-25px;}
/*TAB*/
ul#mysecondTab{margin:auto; max-width:100%; border-bottom:none;}
ul#mysecondTab > li{margin-bottom:0; width:33%; border:1px solid #fff}
ul#mysecondTab li a:link,
ul#mysecondTab li a:focus{color:#fff; font-size:15px; cursor: pointer; text-align:center; width:100%; height:95px; padding:12px 6px; margin:0px; border: none; border-bottom-color: transparent; border-radius:0; background-color: #0094d8;}
ul#mysecondTab li a h3{color:#fff; font-size:13px; text-align:center; line-height:20px; margin:8px 5px; border: none; border-bottom-color: transparent; border-radius:0; background-color: #0094d8; font-weight:normal}
ul#mysecondTab li a h3:hover{text-decoration:underline}
ul#mysecondTab li a h3 br{display:block}
ul#mysecondTab li.active a{background-color:#07133d !important}
ul#mysecondTab li.active a h3{background-color:#07133d !important}
ul#mysecondTab > li.active > a::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
border-top: 12px solid #07133d;
border-top-color: rgb(7, 19, 61);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
margin-left: -8px;
}
div.tab-content{background:url(../../images/bg-transparent.png) 0 0 repeat;}
div.tab-content p{font-size:16px;}
div.tab-content table{margin-top:20px; font-weight:600; font-size:14px; border:none}
div.tab-content table tr:nth-child(odd) {color:#333; transition: all 0.3s ease;}
div.tab-content table tr:nth-child(even) {color:#333; transition: all 0.3s ease}
div.tab-content table tr:nth-child(odd):hover{background-color:#e2d294; transition: all 0.3s ease}
div.tab-content table tr:nth-child(even):hover{background-color:#e2d294; transition: all 0.3s ease}
div.tab-content table tr td{border:0px solid #fff; border-bottom:1px solid #ccc; padding:8px 0px}
div#sanpham1{padding:20px 0px;}
div#sanpham2{padding:20px 0px;}
div#sanpham3{padding:20px 0px;}
div#sanpham1 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham1 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham1 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
div#sanpham2 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham2 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham2 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
div#sanpham3 .hinh-anh img{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham3 .hinh-anh img:hover{transition: all 0.3s ease; border:0px solid #d3c48b;}
div#sanpham3 h3{background-color: #d3c48b; color: #fff; text-align: center; padding: 15px 10px 10px 10px; font-size: 16px; margin-top: 0; text-shadow: 1px 1px 1px #a09157; font-weight: 600;}
/*END SAN PHAM*/
/*Enhance your experience in Sapa*/
#experience{background:url(../../images/bg-packages.jpg) #d8d3cf 0 0 no-repeat; padding-bottom:30px; padding-top:0px; background-attachment:inherit; -webkit-animation: backgroundScroll_contact 18s linear 1;
-webkit-animation-fill-mode: forwards;
animation: backgroundScroll_contact 18s linear 1;
animation-fill-mode: none;
animation-fill-mode: forwards;}
@-webkit-keyframes backgroundScroll_contact {
from {background-position: 0 0;}
to {background-position: -180px 0px;}
}
@keyframes backgroundScroll_contact {
from {background-position: 0 0;}
to {background-position: -180px 0px;}
}
#experience h2{color:#fff; font-size: 25px; text-transform:none; text-align:center; font-weight:600; margin-top:50px;}
#experience h3{color: #8F7C65;font-size: 14px;text-transform: none;text-align: center; line-height:24px; margin-top:10px; padding-bottom:10px; margin-bottom:10px; font-weight:400; font-style:normal; padding-left:20px; padding-right:20px;}
.experience{padding:10px 0px; transition:all 0.3s ease;}
.experience:hover{transition:all 0.3s ease; background-color:#fff; -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);}
.experience_detail{padding:0 10px;}
.experience_detail img{text-align:center; margin:0 auto}
.experience_detail h4{font-size:14px; font-weight:700; text-align:center; color:#000; margin-bottom:0px; margin-top:0px; background-color:#fff; padding:15px 0px;}
.experience_detail h4 a:link, .experience_detail h4 a:visited{font-size:14px; font-weight:700; text-align:center; color:#000;}
.experience_detail h4 a:hover{text-decoration:none; color:#c79630;}
/*END Enhance your experience in Sapa*/
/*GALLERY*/
#galleries{background:url(../../images/gallery-bg.jpg) #fff 0 0 no-repeat; z-index:1000; position:relative; padding-top:30px; padding-bottom:30px; background-attachment:inherit;}
#galleries h2{font-size:25px; font-weight:400; color:#3A2418; line-height:normal; text-align:center; margin-bottom:20px;}
.carousel-inner-gallery p.description_gallery{color:#8F7C65; font-size:13px; text-align:center; margin:0 auto; margin-bottom:20px; margin-top:5px; line-height:16px;}
.carousel-inner-gallery img{transition: all 0.3s ease;}
.carousel-inner-gallery img:hover{transition: all 0.3s ease; opacity:0.9}
.carousel-inner-gallery {position: relative;width: 100%;overflow: hidden;}
.carousel-inner-gallery > .item {position: relative;display: none;}
.carousel-inner-gallery > .active {display: block;}
#myCarousel_thuvienanh .carousel-indicators {list-style: none;bottom: 0px; position:relative; margin-top:15px;}
#myCarousel_thuvienanh .carousel-indicators li {display: inline-block;width: 10px;height: 10px;text-indent: -999px;cursor: pointer;background-color: #8F7C65;border-radius: 10px; margin: 0 2px; opacity:0.6; transition: all 0.3s ease}
#myCarousel_thuvienanh .carousel-indicators .active, #myCarousel_thuvienanh .carousel-indicators li:hover{background-color: #3A2418;border: none; width:10px; height: 10px; margin: 0 2px; opacity:1; transition: all 0.3s ease}
#myCarousel_thuvienanh .col-xs-4{padding-left:7px; padding-right:7px;}
.gallery{padding:15px 0px; transition:all 0.3s ease;}
.gallery:hover{transition:all 0.3s ease; background-color:#fff; -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);}
.album{padding:0 15px;}
.album img{text-align:center; margin:0 auto}
.album h3{font-size:20px; font-weight:700; text-align:center; color:#000; margin-bottom:10px; margin-top:25px; letter-spacing:-1px;}
.album h3 a:link, .room_type h3 a:visited{font-size:20px; font-weight:700; text-align:center; color:#000; letter-spacing:-1px;}
.album h3 a:hover{text-decoration:none; color:#c79630;}
/*END GALLERY*/
/*FOOTER*/
#footer{background:url(../../images/bg-footer.jpg) #000 0 0 repeat-x; text-align:left; padding-bottom:30px; padding-top:30px;}
#footer h3{color:#8F7C65; font-size:14px; font-weight:700; margin-top:20px; text-align:left;}
#footer ul{margin:0; padding:0;}
#footer ul li{list-style-type:none; text-align:left; color:#fff; transition: all 0.3s ease; font-size:13px; font-weight:300; line-height:22px; padding-bottom:6px;}
#footer ul li a:link, #footer ul li a:visited{color:#fff; transition: all 0.3s ease; font-size:13px; font-weight:300;}
#footer ul li a:hover{color:#8F7C65; transition: all 0.3s ease; padding-left:5px;}
#footer .row1{padding-bottom:10px; margin-bottom:10px;}
#footer .row1 p{text-align:left; color:#999999; font-size:11px; font-weight:300}
#footer hr{width:100%; height:1px; border-top: 1px solid #1f1f1f; margin-bottom:10px; margin-top:10px;}
#mc-form .form-row {padding:0;}
#footer .row2 .copyright1 p{text-align:center; color:#999999; font-size:11px; font-weight:400}
#footer .row2 .copyright2{text-align:center; color:#999999; font-size:11px; font-weight:400}
#footer .row2 .copyright2 img{padding-left:6px; padding-right:0px; transition:all 0.3s ease;}
#footer .row2 .copyright2 img:hover{transition:all 0.3s ease; opacity:1 !important}
/*END FOOTER*/
}