/**General**/

@font-face {
  font-family: Didot;
  font-style: normal;
  font-weight: 500;
  src: url('Fonts/didot.eot');
  src: url('Fonts/didot.ttf') format('ttf');
  src: url('Fonts/didot.svg') format('svg');
  src: url('Fonts/didot.woff') format('woff');
}

html, body{height:100%;}
html { color: #222; font-size: 1em; line-height: 1.4; }

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}

body { font: 16px/26px Helvetica, Helvetica Neue, Arial; padding:0; margin:0; -webkit-text-size-adjust:none;}

h1,h2,h3,h4,p,a,dd,dl,dt,li,ul, i {margin:0; padding:0;font-weight: normal;}
h1, h2, h3 {color:#333;}
h1, h3 {text-transform:capitalize;}
h2 {text-transform:uppercase;}
p, p.italic {color:#666; }
p.light, a.light {color:#5a2a82; }
h1 {font-family: 'Vollkorn', serif; font-size:1.125em;}
h2, h3{font-family:'Lato', sans-serif; font-weight:400;}
p, p.italic, p.light, a.light {font-family: 'Lato Light', sans-serif; font-weight:600;}
h2 {font-size:1.625em; }
p,p.italic,p.light {font-size:0.75em;}
p.italic{font-style: italic;}
.zh-hk {font-family: "Microsoft Jhenghei";}
.hover:hover{color:#5a2a82;}

.left {float:left;}
.right {float:right;}
.overflow {overflow:auto;}

a {text-decoration:none;}

.fluid-img {width:100%;}

.clearfix {clear:both;}

.btn {cursor:pointer;}

.display{display:block;}

.ipad {display:none;}

input, textarea {-webkit-appearance: none; -webkit-border-radius:0;  border-radius:0;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/**Effects**/

.transition-1-5s {transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.transition-1-5s.hover:hover {transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}

.transform-1 {transform:translateY(0px) translateZ(0);-webkit-transform:translateY(0px) translateZ(0);-ms-transform:translateY(0px) translateZ(0);}


.textAreaWrapper{padding:2px; border:1px solid #cccccc; background:#eeeeee;}

/***Start***/
.error {color:#ef4a4a; font-family: 'Lato Light', sans-serif; font-weight:600; font-size:0.75em; /* display:block; */ }
#message-error {max-width:300px;}
#email-error, #name-error, #enquiry-error {/* left:170px; */ position:relative; }
#phonenum-error { left:-56px;  position:relative; }
#message-error {display:block; top:28px; position:relative;}

* {}

.banner .desktop {display:block;}
.banner .mobile {display:none;}

/***Header**/
.header .lang .langMenu a p {color:#999;}
.header .lang .langMenu a p:hover {color:#5a2a82;}
.header {width:100%; background:url('/img/home-bg.jpg') top left no-repeat #fff;}
.header .wrapper {max-width:1024px; margin:0 auto;}
.header .menu{padding:0 10px; padding-top:35px; position:relative;}
.header .icon {/* display:block;  */ width:225px; height:85px; background:url('/img/logo.png') no-repeat; position:absolute; left:10px; top:35px;}
.header .lang {padding-bottom:35px;}
.header .lang .sepLine {background:url('/img/heaer-line.png') no-repeat; width:1px; height:8px; padding:0 10px; background-position:center center; margin-top:9px;}
.header .lang .reservation {width:141px; height:30px; background:url('/img/reservations_btn.png') top left no-repeat; margin-left:20px;}
.header .lang .reservation p{color:#999;}
.header .lang .reservation:hover p {color:#5a2a82;}
.header .lang .reservation:hover {background-position:bottom left;}
.header .lang .reservation p{text-transform:uppercase; font-size:.85em; text-align:center; margin-top:1px;}
.header .lang .langMenu {margin-top:4px;}
.header .lang .langMenu a {font-size:0.9em;}
.header .ipadHeader {height:70px; overflow:hidden; background:#fff;}
.header .mainManu a{float:left; display:block; text-transform:uppercase; padding-left:25px;}
.header .mainManu a.active p {color:#5a5a82;}
.header .mainManu {padding-bottom:15px;}

/**Footer**/
.footer {width:100%; padding-bottom:155px;   }
.footer p , .footer a{font-weight:600; display:block;}
.footer .wrapper {max-width:1004px; margin:0 auto; padding:0 10px;}
.footer .footerBk {position:relative; }
.footer .socialMenu {position:absolute; top:10px; left:10px;}
.footer .socialMenu p{text-transform:uppercase; padding-right:10px;}
.footer .socialMenu a {width:20px; height:20px; padding-right:10px;}
.footer .socialMenu .fb {background:url('/img/facebook-icon.png') top left no-repeat;}
.footer .socialMenu .fb:hover {background-position:bottom left;}
.footer .socialMenu .twitter {background:url('/img/twitter-icon.png') top left no-repeat;}
.footer .socialMenu .twitter:hover {background-position:bottom left;}
.footer .socialMenu .weibo {background:url('/img/weibo-icon.png') top left no-repeat;}
.footer .socialMenu .weibo:hover {background-position:bottom left;}
.footer .footerTxt {text-align:right;}
.footer .footerTxt .footerMenu p{color:#999; line-height:16px;}
.footer .footerTxt .footerMenu p.hover:hover {color:#5a2a82;}
.footer .footerTxt .footerMenu .sepLine {background:url('/img/heaer-line.png') no-repeat; width:1px; height:8px; padding:0 10px; background-position:center center; margin-top:4px;}
.copyright {clear:both;}
.slick-track {width:914px;}

.banner .bannerSldier {background-position:top center;}
/***Homepage**/
#homepage {overflow-y:scroll; background-color:#DAD9DD; background:url('/img/home-bg.jpg');}
.homepage .footer {width:100%; padding-bottom:0; min-height:150px; padding-top:20px;/*  background:url('/img/home-bg.jpg') left -850px; */}
.homepage .header {/* background:url('/img/home-bg.jpg') top left no-repeat; */ }
.homepage .content{position:relative;}
.homepage .slider {overflow: hidden; }
.homepage .slider,
.homepage .slider .bannerSlide {max-height:590px; height:590px; background-position:center bottom; position:relative;   background-size:1920px 100%;}
.homepage .slider .bannerSlide img{display:none;}
.homepage .slider .bannerSlide1 {background-image:url('/img/banner01.jpg');}
.homepage .slider .bannerSlide2 {background-image:url('/img/banner02.jpg');}
.homepage .slider .bannerSlide3 {background-image:url('/img/banner03.jpg');}
.homepage .slider .bannerSlide4 {background-image:url('/img/banner04.jpg');}
.homepage .slider .bannerSlide5 {background-image:url('/img/banner05.jpg');}
.homepage .sliderBox{position:absolute; background:url('/img/tagline-bg2.png'); right:0; z-index:900; width:435px; /* top:442px; */}
.homepage .sliderBox .wrapper-1 {padding:20px 15px 0px 20px; overflow:auto;}
.homepage .sliderBox .wrapper-1 a.link {width:auto; height:auto;}
.homepage .content .wrapper {max-width:1004px; margin:0 auto; position:relative;}
.homepage .sliderBox h2{color:#fff; font-weight:300; padding-top:10px; font-size:1.25em; text-transform: none; min-height:62px;}
.homepage .sliderBox p {color:#fff; padding-bottom:10px;}
.homepage .sliderBox .col-right {width:189px;}
.homepage .sliderBox a {display:block; clear:both; height:36px; line-height: 23px;}
.homepage .sliderBox .icon {background:transparent url('/img/learnmore-icon.png'); width:9px; height:9px; margin-left: 5px; margin-top: 8px;
background-position:top left; background-repeat:no-repeat;}
.homepage  .bannerSlide:hover .sliderBox i.icon, .homepage .sliderBox a.learnMore:hover i.icon {background-position:bottom left;}
.homepage .numericControls li.current span, .homepage .numericControls li:hover span {background-position:bottom left;}
.homepage .numericControls li a span{text-indent:-9999px; color:transparent; background:transparent url('/img/banner-pager.png');width:8px; height:8px; padding:0; background-position:top left; background-repeat:no-repeat; display:block;}
.homepage .controls {max-width: 1004px;margin: 0 auto;position: relative; /* height:30px;  */display:block;}
.homepage .numericControls {padding:0; margin:0; position:absolute; list-style:none; right:151px;/*  top:-128px; */ z-index:900;}
.homepage .numericControls li {float:left; padding-right:2px;}
.homepage .prevBtn, .homepage .nextBtn {display:none;}
.homepage a.link {width:100%; height:100%; display:block; position:absolute;}
/*homepage smallfix*/
.homepage .sliderBox {top:439px;}
.homepage .numericControls {top:-130px;}

.homepage .title h1.left{text-transform:lowercase; top:50px; left:85px; font-size:1.6em; color:#fff; position:absolute;} 
.homepage i.letter{width:72px; height:65px; display:block; background:url('/img/w-letter.png'); position:absolute; top:20px; left:25px;} 
.homepage .title i.tagline{background-image:url('/img/tagline-line.png'); width:50px; height:85px; position:absolute; top:20px; right:214px; display:block;}
/**inner general**/
.inner-bk .banner { /* height:205px; */ display:block; /* padding-bottom:30px; */ background-repeat:no-repeat;}
.inner-bk {margin-top:42px;  min-height:100px; background:#fff; padding-bottom:40px; }
.inner-bk .title {width:40%; /* height:155px;  *//* background:blue; */ display:block; position:relative;}
.inner-bk .wrapper-1{padding:0px 35px 0 35px;}
.inner-bk .wrapper-1 .slider-wrapper{padding:0px 35px 0 35px;}
.inner-bk .wrapper-1 .slider{width:100%; }
.inner-bk .titleBk {display:block; padding-bottom:33px;}
.inner-bk .description {width:60%;}
.inner-bk .description h2 {padding-left:30px; line-height:32px;}
.inner-bk .description p {padding-left:30px; height: 155px; display: table-cell; vertical-align: middle; line-height:18px; text-align: justify;}
.inner-bk .slider-img {padding-bottom:20px;}
.titleBk .title i.tagline{background-image:url('/img/inner-content-line.png'); width:90px; height:157px; position:absolute; top:0; right:0; display:block;}
.titleBk .title h1.left{text-transform:none; margin-top:38px; font-size:3.6em; font-family:Didot,   'Times New Roman', serif;} 
.titleBk .title h1 {padding-top:7px;}
.title h1 .first-letter {font-size:1.5em;}
.banner {margin-bottom:30px;}
.banner img{width:100%;}
.padding-top-20 {padding-top:17px;}

/**facilities**/
.facilities .title h1 .first-letter, .tbc .title h1 .first-letter  {letter-spacing:-10px;}
#facilities { background:url('/img/facilities-bg.jpg') center center no-repeat; background-color:#B39D86; }
#facilities .footer {padding-bottom:25px; }
#facilities .footer .wrapper {max-width:984px; margin:0 auto; padding:0 20px;}
#facilities .footer .footerBk {background:#fff; padding-bottom:25px;}
#facilities .footer .socialMenu {left:35px;}
#facilities .footer .footerTxt {padding-right:35px;}
.facilities .wrapper {max-width:984px; margin:0 auto; padding:0 20px;}
.facilities .inner-bk {display:none;}
.facilities .inner-bk.display {display:block;}
.facilities .banner.slick-slider{margin-bottom:30px;}
.facilities .banner {display:none; height:205px; background-position:center center;} 
.facilities .inner-bk.display .banner {display:block;}
.facilities .inner-bk.first .banner {background-image:url('/timthumb/timthumb.php?src=/img/Access/1.jpg&w=984&h=205&zc=1');}
.facilities .inner-bk.second .banner {background-image:url('/timthumb/timthumb.php?src=/img/Assembly/1.jpg&w=984&h=205&zc=1');}
.facilities .inner-bk.third .banner {background-image:url('/timthumb/timthumb.php?src=/img/Caliente/1.jpg&w=984&h=205&zc=1');}
.facilities .inner-bk.forth .banner {background-image:url('/timthumb/timthumb.php?src=/img/Hanabi/1.jpg&w=984&h=205&zc=1');}  
.facilities .slick-slider {margin-bottom:0;}
.facilities .inner-bk .slider {position:relative;}
.facilities .inner-bk .slider .caption {min-height:95px; position:absolute; top:initial; left:50%; width:336px;  margin-left:-168px; z-index:999; background:#fff; }
.facilities .inner-bk .slider .caption h2 {/* padding-top:18px; */ text-align:center; display: table-cell;text-align: center;margin: 0 auto;width: 370px;vertical-align: middle; height: 95px;}
.facilities .inner-bk .slider .caption img{height:95px;}
.facilities .inner-bk .slider .caption .num p.light{padding-right:2px;}
.facilities .inner-bk .slider .caption .num{width:49px; margin:0 auto; padding:7px 0; display:none;}
.facilities .inner-bk .slider .caption i {width:15px; height:23px; background:url('/img/pager-line.png');}
.facilities .inner-bk .slider-img {min-height:84px; display:none;}
.facilities .inner-bk.display .slider-img {display:block;}
.facilities .inner-bk .slider-img img { height:auto; }
.facilities .inner-bk .slider-img .banner {width:914px; height:455px; background-position:center center; background-repeat:no-repeat; display:block;}
.facilities .inner-bk .slider-img .banner1 {background:url('/img/facilities/1.jpg');}
.facilities .inner-bk .thumbnail { margin:0 auto; padding-bottom:6px; border-bottom:1px solid #E2E2E2;}
.facilities .inner-bk .thumbnail .thumbnailBk {float:left; padding:5px; cursor:pointer; text-align: center;}
.facilities .inner-bk .thumbnail .thumbnailBk p {line-height:10px;}
.facilities .inner-bk .thumbnail .thumbnailBk.current p, .facilities .inner-bk .thumbnail .thumbnailBk.hover:hover p {color:#5a2a82;}
.facilities .inner-bk .thumbnail .thumbnailBk img{border:2px solid #fff;}
.facilities .inner-bk .thumbnail .thumbnailBk.current img,.facilities .inner-bk .thumbnail .thumbnailBk.hover:hover img {border:2px solid #5a2a82;}
.facilities .inner-bk .thumbnail .btn {width:196px; line-height: 19px; margin-top: 33px;}
.facilities .inner-bk .thumbnail  .next {text-align:right;}
.facilities .inner-bk .thumbnail i{width:12px; height:18px; display:block;}
.facilities .inner-bk .thumbnail .previous i {background:url('/img/arrow-left.png'); margin-right:10px;}
.facilities .inner-bk .thumbnail .next i {background:url('/img/arrow-right.png'); margin-left:10px;}
.facilities .inner-bk .info.wrapper-2 {padding:0 10px;}
.facilities .inner-bk .info p.image-description{line-height: 20px; padding-top:20px; padding-bottom:20px; text-align:justify;}
.facilities .inner-bk .info .contact h2{padding-bottom:20px;}
.facilities .inner-bk .info .contact .wrapper-3 {padding:0 15px; }
.facilities .inner-bk .info .contact p{font-weight:600;}
.facilities .inner-bk .info .contact .contactBk {min-height:50px; border-top:1px solid #E2E2E2;position:relative;}
.facilities .inner-bk .info .contact .contactBk .wrapper-4 {padding:0 25px; }
.facilities .inner-bk .info .contact .contactBk p {padding-bottom:30px;}
.facilities .inner-bk .info .contact .contactBk p.italic {font-size:1.2em; padding-top:15px; padding-bottom:10px;   font-family: 'Lato', sans-serif; font-weight: 400;}
.facilities .inner-bk .info .contact .contactBk i {width:6px; height:6px; background:url('/img/bullet-point.png'); margin-top: 11px; margin-right:15px;}
.facilities .inner-bk .info .contact .contactBk .contentLine {width:50px; height:60px; position:absolute; top:-2px; right:0; background:url('/img/content-line-left.png'); display:block;}
.facilities  .titleBk .title i.letter{width:64px; height:80px; display:block; background:url('/img/letter-F.png');}
.facilities .titleBk .title h1.left {position:relative; /* right:15px; */}
/**rooms**/
#rooms { background:url('/img/rooms-bg.jpg') center center no-repeat; background-color:#D3B591; }
#rooms .footer {padding-bottom:25px; }
#rooms .footer .wrapper {max-width:984px; margin:0 auto; padding:0 20px;}
#rooms .footer .footerBk {background:#fff; padding-bottom:25px;}
#rooms .footer .socialMenu {left:35px;}
#rooms .footer .footerTxt {padding-right:35px;}
.rooms .inner-bk .description p {display:block; height:auto;}
.rooms .inner-bk .description p:first-child{margin-bottom:18px;}
.rooms .wrapper {max-width:984px; margin:0 auto; padding:0 20px;}
.rooms .inner-bk {display:none;}
.rooms .inner-bk.display {display:block;}
.rooms .banner.slick-slider{margin-bottom:30px;}
.rooms .banner {display:none;}
.rooms .inner-bk.display .banner {display:block; height:205px; background-position:center center;}
/* .rooms .inner-bk.first .banner {background-image:url('/timthumb/timthumb.php?src=/img/StandardRoom/1.jpg&w=984&h=205&zc=1');}
.rooms .inner-bk.second .banner {background-image:url('/timthumb/timthumb.php?src=/img/SuperiorRoom/1.jpg&w=984&h=205&zc=1');}
.rooms .inner-bk.third .banner {background-image:url('/timthumb/timthumb.php?src=/img/DeluxeRoom/1.jpg&w=984&h=205&zc=1');}
.rooms .inner-bk.forth .banner {background-image:url('/timthumb/timthumb.php?src=/img/TerraceSuite/1.jpg&w=984&h=205&zc=1');} 
.rooms .inner-bk.fifth .banner {background-image:url('/timthumb/timthumb.php?src=/img/ExecutiveStudio/1.jpg&w=984&h=205&zc=1');} */
.rooms .slick-slider {margin-bottom:0;}
.rooms .inner-bk .slider {position:relative;}
.rooms .inner-bk .slider .caption {position:absolute; top:auto; left:50%; width:336px;  margin-left:-168px; z-index:999; background:#fff; text-align:center;}
.rooms .inner-bk .slider .caption h2 {padding-top:18px;}
.rooms .inner-bk .slider .caption .num p.light{padding-right:2px;}
.rooms .inner-bk .slider .caption .num{width:49px; margin:0 auto; padding:7px 0;}
.rooms .inner-bk .slider .caption i {width:15px; height:23px; background:url('/img/pager-line.png');}
.rooms .inner-bk .slider-img { display:none; min-height:84px;}
.rooms .inner-bk.display .slider-img {display:block;}
.rooms .inner-bk .slider-img img {}
.rooms .inner-bk .slider-img .banner {width:914px; height:455px; background-position:center center; background-repeat:no-repeat; display:block;}
.rooms .inner-bk .slider-img .banner1 {background:url('/img/facilities/1.jpg');}
.rooms .inner-bk .thumbnail { margin:0 auto; padding-bottom:6px; border-bottom:1px solid #E2E2E2;}
.rooms .inner-bk .thumbnail .thumbnailBk {float:left; padding:5px; cursor:pointer; text-align: center;}
.rooms .inner-bk .thumbnail .thumbnailBk p {line-height:10px;}
.rooms .inner-bk .thumbnail .thumbnailBk.current p, .rooms .inner-bk .thumbnail .thumbnailBk.hover:hover p {color:#5a2a82;}
.rooms .inner-bk .thumbnail .thumbnailBk img{border:2px solid #fff;}
.rooms .inner-bk .thumbnail .thumbnailBk.current img,.rooms .inner-bk .thumbnail .thumbnailBk.hover:hover img {border:2px solid #5a2a82;}
.rooms .inner-bk .thumbnail .btn {width:130px; line-height: 19px; margin-top: 33px;}
.rooms .inner-bk .thumbnail  .next {text-align:right;}
.rooms .inner-bk .thumbnail i{width:12px; height:18px; display:block;}
.rooms .inner-bk .thumbnail .previous i {background:url('/img/arrow-left.png'); margin-right:10px;}
.rooms .inner-bk .thumbnail .next i {background:url('/img/arrow-right.png'); margin-left:10px;}
.rooms .inner-bk .info .wrapper-2 {padding:0 10px;}
.rooms .inner-bk .info p.image-description{line-height: 20px; padding-top:20px; padding-bottom:15px; text-align:justify;}
.rooms .inner-bk .info .contact h2{padding-bottom:20px; padding-top:20px;}
.rooms .inner-bk .info .contact .wrapper-3 {padding:0 15px; }
.rooms .inner-bk .info .contact p{font-weight:600; width: 90%;}
.rooms .inner-bk .info .contact .contactBk {min-height:50px; border-top:1px solid #E2E2E2;position:relative;padding-bottom:30px; cursor:pointer;}
.rooms .inner-bk .info .contact .contactBk.active {border-top:1px solid #5a2a82;}
.rooms .inner-bk .info .contact .contactBk.active .contentLine {background:url('/img/content-line-left2.png');}
.rooms .inner-bk .info .contact .contactBk .wrapper-4 {padding:0 25px; }
.rooms .inner-bk .info .contact .contactBk p {}
.rooms .inner-bk .info .contact .contactBk p.italic {font-size:1.2em; padding-top:15px; padding-bottom:10px;  font-family: 'Lato', sans-serif; font-weight: 400;}
.rooms .inner-bk .info .contact .contactBk i {width:6px; height:6px; background:url('/img/bullet-point.png'); margin-top: 11px; margin-right:15px;}
.rooms .inner-bk .info .contact .contactBk .contentLine {width:50px; height:60px; position:absolute; top:-2px; right:0; background:url('/img/content-line-left.png'); display:block;}
.rooms .extra-info {padding-bottom:5px;border-bottom:1px solid #E2E2E2;}
.rooms .extra-info p.light {padding-left:10px}
.rooms .extra-info .sepLine {background:url('/img/heaer-line.png') no-repeat; width:1px; height:8px; padding:0 10px; background-position:center center; margin-top:9px;}
.rooms .col {width:50%;}
.rooms .inner-bk .info .contact .contactBk i.icon {width:15px; height:15px; background:url('/img/close-icon.png');top: 9px; left:0px; position:absolute;}
.rooms .inner-bk .info .contact .contactBk.active i.icon {background:url('/img/open-icon.png'); background-position:bottom left}
.rooms .inner-bk .info .contact .contactBk:hover i.icon {background-position:bottom left;}
.rooms .inner-bk .info .contact .contactBk:hover p.italic,  .rooms .inner-bk .info .contact .contactBk.active p.italic{color:#5a2a82;}
.room-services-spec {float:left; width:50%;}
/* .rooms .inner-bk .info .contact .contactBk .row {display:none;}
.rooms .inner-bk .info .contact .contactBk.active .row {display:block;} */
.rooms .titleBk .title i.letter{width:64px; height:80px; display:block; background:url('/img/letter-R.png');}

/*about us*/
#about-us { background:url('/img/aboutus-bg.jpg') center center no-repeat; background-color:#C1A482; }
#about-us .footer {padding-bottom:25px; }
#about-us .footer .wrapper {max-width:984px; margin:0 auto; padding:0 20px;}
#about-us .footer .footerBk {background:#fff; padding-bottom:25px;}
#about-us .footer .socialMenu {left:35px;}
#about-us .footer .footerTxt {padding-right:35px;}
#about-us .banner {background-image:url('/timthumb/timthumb.php?src=/img/inner-banner-aboutus.jpg&w=984&h=205&zc=1'); background-position:center center; height:205px;}
.about-us .wrapper {max-width:984px; margin:0 auto; padding:0 20px;}
/* .about-us  .banner {background-image:url('/img/inner-banner-aboutus.jpg');} */
.about-us  .inner-bk .description p {height:auto; display:block; padding-top:15px;}
.about-us .inner-bk {padding-bottom:40px;}
.about-us  .titleBk .title i.letter{width:64px; height:80px; display:block; background:url('/img/letter-A.png') no-repeat;}

/*contact us*/
#contact-us { background:url('/img/contactus-bg.jpg') center center no-repeat; background-color:#C1A482; }
#contact-us .footer {padding-bottom:25px; }
#contact-us .footer .wrapper {max-width:984px; margin:0 auto; padding:0 20px;}
#contact-us .footer .footerBk {background:#fff; padding-bottom:25px;}
#contact-us .footer .socialMenu {left:35px;}
#contact-us .footer .footerTxt {padding-right:35px;}
#contact-us .banner {background-image:url('/timthumb/timthumb.php?src=/img/inner-banner-contactus.jpg&w=984&h=205&zc=1'); background-position:center center; height:205px;}
.contact-us .wrapper {max-width:984px; margin:0 auto; padding:0 20px;}
/* .contact-us  .banner {background-image:url('/img/inner-banner-contactus.jpg');} */
.contact-us  .inner-bk .description h2 {padding-bottom:15px; padding-top:10px;}
.contact-us  .inner-bk .description >div{clear:both;}
.contact-us  .inner-bk .description p {font-family:'Lato', sans-serif; height:auto; display:block; padding-top: 0; line-height: 24px; float:left; width:90px;}
.contact-us  .inner-bk .description p.left { width:inherit;font-family:'Lato Light', sans-serif; }
.contact-us  .inner-bk .description a p{color:#5a2a82;}
.contact-us  .inner-bk .description a p.hover:hover {color:#847391;}
.contact-us .inner-bk .info {padding-bottom:15px;font-family:'Lato', sans-serif;}
.contact-us .inner-bk .left-col {width:442px;}
.contact-us .inner-bk .left-col .field p{font-family:'Lato', sans-serif;}
.contact-us .inner-bk .right-col .field p {width:440px;float:none; margin-bottom:12px; font-family:'Lato', sans-serif;}
.contact-us .inner-bk .field {padding-bottom:23px;}
.contact-us .inner-bk .field p {width:170px;float:left;line-height:22px;}
.contact-us .inner-bk .field input {float:left; width:265px; background:#EEEEEE; outline:none; box-shadow:none; border:1px solid #ccc; height:22px; font-size:0.875em; padding:2px; margin:0; color:#666;}
.contact-us .inner-bk .field input.country{width:40px; margin-right:10px;}
.contact-us .inner-bk .field input.phonenum{width:210px;}
.contact-us .inner-bk .field textarea{outline:none; box-shadow:none;color:#666; background:#eeeeee; padding:0; border:none; width:100%; font-size:0.875em; margin:0; height:140px; overflow:hidden; resize: none;}
.contact-us .inner-bk .submit {display:block; margin-top:10px; float:left; clear:both; width:141px; height:30px; background: url('/img/reservations_btn.png') top left no-repeat; border:none; color:#666;  font-family:'Lato', sans-serif; text-transform:uppercase; cursor:pointer; font-weight:600; transition:.5s color; -moz-transition:.5s color; -webkit-transition:.5s color;}
.contact-us .inner-bk .submit:hover {background-position:bottom left; color:#5a2a82; transition:.5s color; -moz-transition:.5s color; -webkit-transition:.5s color;}
.contact-us  .titleBk .title i.letter{width:64px; height:80px; display:block; background:url('/img/letter-C.png');}
.contact-us  .titleBk .title h1.left {/* margin-left:10px; */}
.contact-us  .titleBk .title h1.right{margin-top:10px; margin-left: 0px; margin-right: 114px;}
/*city hotspots*/
#city-hotspots { background:url('/img/hotspots-bg.jpg') center center no-repeat; background-color:#394251; }
#city-hotspots .footer {padding-bottom:25px; }
#city-hotspots .footer .wrapper {max-width:984px; margin:0 auto; padding:0 20px;}
#city-hotspots .footer .footerBk {background:#fff; padding-bottom:25px;}
#city-hotspots .footer .socialMenu {left:35px;}
#city-hotspots .footer .footerTxt {padding-right:35px;}
.city-hotspots .inner-bk .titleBk { padding-bottom:0px;}
.city-hotspots .wrapper {max-width:984px; margin:0 auto; padding:0 20px;}
#city-hotspots .banner {background-image:url('/timthumb/timthumb.php?src=/img/inner-banner-hotspots.jpg&w=984&h=205&zc=1'); background-position:center center; height:205px;}
.city-hotspots  .inner-bk .description p {height:auto; display:block;  padding-left: 30px;
  height: 157px;
  display: table-cell;
  vertical-align: middle;
  line-height: 18px;}
.city-hotspots  .inner-bk .description p:first-child {padding-top:0;}
.city-hotspots .inner-bk {padding-bottom:40px;}
.city-hotspots .introductionBk {/* background:#f8f8f8; */ min-height:50px; padding-top:30px;}

.city-hotspots .introductionBk.museum {  overflow: auto;overflow: hidden;}
.city-hotspots .introductionBk.museum .navBk {float:right;}
.city-hotspots .introductionBk.attraction,
.city-hotspots .introductionBk.shopping {padding-right:35px;}
.city-hotspots .introductionBk .navBk{width:340px; background:#f8f8f8; position:relative; }
.city-hotspots .introductionBk .navBk .wrapper-2 {padding:35px 35px 60px 60px;}
.city-hotspots .introductionBk.museum .navBk .wrapper-2 {padding:35px 35px 60px 35px;}
.city-hotspots .introductionBk .navBk h1 {line-height:12px;}
.city-hotspots .introductionBk .navBk h2 {text-transform:capitalize; font-size:1.325em; font-style: italic;}
.city-hotspots .introductionBk .navBk li {list-style: none; padding:6px 0; border-bottom:1px solid #e8e8e8; cursor:pointer; } 
.city-hotspots .introductionBk .navBk li .wrap {position:relative;}
.city-hotspots .introductionBk.museum .navBk li p{text-align:right; padding-left:20px;}
.city-hotspots .introductionBk .navBk li i{display:none;width:12px; height:18px; position:absolute; top:4px; right:0; }
.city-hotspots .introductionBk.attraction i, 
.city-hotspots .introductionBk.shopping i {background:url('/img/arrow-right.png');}
.city-hotspots .introductionBk.museum i {background:url('/img/arrow-left.png'); left:0;right:auto;}
/* .city-hotspots .introductionBk .navBk li:hover i,  */
.city-hotspots .introductionBk .navBk li.active i {display:block;}
.city-hotspots .introductionBk .navBk li.active p{color:#5a2a82;}
.city-hotspots .introductionBk .navBk ul {padding-top:29px;}
.city-hotspots .introductionBk .imageBk  {position:absolute; top:0; /* opacity:0; filter: alpha(opacity=0); transition:.5s; -webkit-transition:.5s; -moz-transition:.5s;  */display:none;}
.city-hotspots .introductionBk .imageBk {/* opacity:1; filter: alpha(opacity=100); transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; */}

.city-hotspots .introductionBk.attraction .imageBk, 
.city-hotspots .introductionBk.shopping .imageBk {left:340px;}
.city-hotspots .introductionBk.museum .imageBk {right:340px;}
.city-hotspots .introductionBk .imageBk .details {position:absolute; top:15px; left:15px; width:350px; background:url('/img/detail-bg.png');}
.city-hotspots .introductionBk .imageBk .details .wrapper-3 {padding:20px 15px 0 15px;}
.city-hotspots .introductionBk .imageBk .details h2 {text-transform:uppercase; font-style:normal; font-size:1.1em;}
.city-hotspots .introductionBk.museum .navBk .imageBk .details p,
.city-hotspots .introductionBk.museum .navBk .imageBk .details h2 {text-align:left; width:250px;text-align:justify;}
.city-hotspots .introductionBk .navBk .imageBk .details p {color:#666; line-height:18px; padding:10px 0 15px 0; text-align:justify;}
.city-hotspots .introductionBk .navBk .imageBk .details .timeBk {background:#fff;}
.city-hotspots .introductionBk .navBk .imageBk .details .timeBk p{padding:5px 15px 5px 0; text-align:right; display:inline-block; float:right;} 
.city-hotspots .introductionBk .navBk .imageBk .details .timeBk i {position:relative; float:left; top:0; background:url('/img/walking-icon.png'); width:14px; height:17px; margin-right:5px;}
.city-hotspots .introductionBk.museum .navBk .imageBk .details .timeBk p{width:auto;}
.city-hotspots  .titleBk .title i.letter{width:64px; height:80px; display:block; background:url('/img/letter-C.png');}
.city-hotspots .padding-top-20 {padding-top:0;}
.city-hotspots  .titleBk .title h1.left {/* margin-left:10px; */ }
.city-hotspots  .titleBk .title h1.left.clearfix {margin-top: 15px;}
/* .city-hotspots .titleBk .description{min-height:157px;} */
/*tbc*/
.tbc  .inner-bk .description p {padding-top:0px;}
.inner-content p{padding-left:0; font-style:normal; font-family:'Arial'; font-weight:400;}
.tbc .titleBk .title h1.left {margin-top:10px; font-size:3.7em;}
.tbc h3{padding:10px 0 0 0; font-size:1em; text-transform:initial;}
.tbc .inner-content li p {padding-top:5px;}
.tbc .inner-content ul{list-style:inherit; list-style-type:disc; padding-left:20px; }
.inner-content {padding-top:20px;}
a.hover:hover {color:#847391;}

.bannerSlider {top:0; left:0; max-height:205px;}

.contact-us .transition-1-5s {transition:.5s color; -moz-transition:.5s color; -webkit-transition:.5s color;}
.contact-us .transition-1-5s.hover:hover {transition:.5s color; -moz-transition:.5s color; -webkit-transition:.5s color;}

.locationInner.left {width:35%;}
.locationInner.right {width:60%;}
.locationInner li{margin-left: 15px;}  
.locationMap {padding-bottom:20px; border-bottom:1px solid #E2E2E2; }
.transport {padding-bottom:10px;}
.transport h2 {padding-bottom:20px;}
.travel {font-family: 'Lato', sans-serif; padding-bottom:10px;}
.no-padding{padding:0;}