/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

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

/* ==========================================================================
   Allen Lee's custom styles
   Powereded by Bigazines Consulting Limited - www.bigazines.com
   ========================================================================== */
.gutter-left5{margin-left:5px;}
.gutter-bottom5{margin-bottom:5px;}
.gutter-left5{margin-left:5px;}
.gutter-right5{margin-right:5px;}
.gutter-top10{margin-top:10px;}
.gutter-left10{margin-left:10px;}
.gutter-right10{margin-right:10px;}
.gutter-bottom10{margin-bottom:10px;}
.gutter-top15{margin-top:15px;}
.gutter-left15{margin-left:15px;}
.gutter-right15{margin-right:15px;}
.gutter-bottom15{margin-bottom:15px;}
.gutter-top20{margin-top:20px;}
.gutter-left20{margin-left:20px;}
.gutter-right20{margin-right:20px;}
.gutter-bottom20{margin-bottom:20px;}
.gutter-top25{margin-top:25px;}
.gutter-left25{margin-left:25px;}
.gutter-right25{margin-right:25px;}
.gutter-bottom25{margin-bottom:25px;}
.gutter-top30{margin-top:30px;}
.gutter-left30{margin-left:30px;}
.gutter-right30{margin-right:30px;}
.gutter-bottom30{margin-bottom:30px;}
.gutter-top40{margin-top:40px;}
.gutter-bottom40{margin-bottom:40px;}
.gutter-left40{margin-left:40px;}
.gutter-right40{margin-right:40px;}
.gutter-top50{margin-top:50px;}
.gutter-bottom50{margin-bottom:50px;}
.gutter-left50{margin-left:50px;}
.gutter-right50{margin-right:50px;}
.gutter-right80{margin-right:80px;}
.gutter-bottom80{margin-bottom:80px;}


html{ padding:0; margin:0; overflow:hidden; overflow-y:scroll;}

body{
	font-size:16px;
	line-height:1.625;
	font-family: Arial, Helvetica, sans-serif;
}
.justify{text-align:justify; text-justify:inter-ideograph;}

.about-intro h1, .about-intro h3, .hero-title, .footer-social-title, .location-controls h1, .hotel-room-intro h1, .hotel-offers .pagetitle2, .pagetitle, .pagetitle2, .hotel-banner .caption h1, .city-title{ font-family:Times, "Times New Roman", serif;}
.location-controls h1, .pagetitle1, .pagetitle2{ text-transform:uppercase;}


.sprite, .contact-block dd .info-list li:before, .footer-col li a:before, .room-facilities-block dd:before, .room-btn-back:before, #photo-details-slider.owl-theme .owl-controls .owl-buttons div, #photo-details-carousel.owl-theme .owl-controls .owl-buttons div, #banner .prevBtn, #banner .nextBtn{ text-indent:-999em; display:block; background:url(/img/sprite.png) no-repeat;}
.fluid-img{ width:100%; height:auto;}

.links, .links:link, .links:visited{ text-decoration:underline; color:#666;}
.links:hover { color:#551a8b;}


/*Header*/
.header-container{ background:#f1efec; width:100%; position:relative; z-index:10;}
.header-container header{ width:1025px; position:relative;}

#logo{ padding:0; margin:0;}
#logo, #logo a{ width:170px; height:176px;}
#logo a{ background-position:0 0;}

#navi-top{ text-align:right; margin:0 0 1em; padding:0 0 0 191px; font-size:.875em;}
#navi-top .btn-booknow{ display:block; text-align:center; background:#812990; padding:.8em 60px; line-height:1; border-bottom:4px solid #d2d0ce; clear:both; cursor:pointer; text-transform:uppercase;}
#navi-top .btn-booknow span{  display:block; font-size:.875em; color:#c9a3cf; padding:.3em 0 0;}
#navi-top .btn-booknow, #navi-top .btn-booknow:link, #navi-top .btn-booknow:visited{ color:#fff; text-decoration:none;}

#lang-nav{ float:right; position:relative; line-height:40px; height:40px; margin:0 20px; cursor:pointer;}
#lang-nav .selected{ padding:0 25px 0 40px;}
#lang-nav .icn-global{ background-position:-200px 0; width:20px; height:20px; position:absolute; left:10px; top:10px;}
#lang-nav .icn-arrow{ background-position:-250px 0; width:8px; height:6px; position:absolute; right:0; top:17px;}

#lang-nav .subnav{ position:absolute; left:0; top:40px; width:100%; background:#f5f5f5; display:none; z-index:10;}
#lang-nav .subnav a{ display:block; text-align:center;}
#lang-nav .subnav a:hover{ background:#f9f9f9;}

#navi-top .navi-top-links{ float:right; display:block; padding:0 20px; line-height:40px; position:relative; text-transform:uppercase;}
#navi-top .navi-top-links, #navi-top .navi-top-links:link, #navi-top .navi-top-links:visited{ text-decoration:none; color:#222;}
#navi-top .navi-top-links:hover{ text-decoration:underline;}
#navi-top .navi-top-links:before{ content:""; background:#3c3c3c; width:1px; height:12px; position:absolute; right:0; top:14px;}

#navi-top .free-wifi{ float:right; display:block; padding:0 20px; line-height:1.25; position:relative; text-transform:uppercase; cursor:pointer; top: -19px;}
#navi-top .free-wifi:before{ content:""; background:url(/img/free-wifi.png) no-repeat; width:16px; height:14px; position:absolute; left:0; top: 1px;}
#navi-top .mobile{ float:right; display:block; padding:0 20px; line-height:1.25; position:relative; text-transform:uppercase; cursor:pointer;}
#navi-top .mobile:before{ content:""; background:url(/img/mobile.png) no-repeat; width:11px; height:17px; position:absolute; left:0; top:1px;}

#navi-top .book_button{
  float: left;
}
#navi-top .dropdown_section{
  float: left;
}
#navi-top .dropdown_section .bottom_line{
  padding: 10px 0 0;
}
#navi-top .dropdown_section .bottom_line .mobile{}
.free-wifi .txt{ position:absolute; left:0; top:20px; background-image:none; background-color:#74746c; color:#fff; padding:5px; width:190px; display:none; font-size:0.75em; line-height:1.3; z-index:99!important;}
.free-wifi:hover .txt{ display:block;}
#navi ul{ padding:0; margin:0; list-style:none; text-align:center;}
#navi li{ display:block; position:relative;}
#navi li:hover{ color:#812990;}
#navi li a{ display:block; font-size:1em; line-height:2.8; text-transform:uppercase;}
#navi li a, #navi li a:link, #navi li a:visited{ text-decoration:none; color:#666;}

#navi li .subnav{ display:none; padding:1em 0; background:#f9f8f6;}
#navi li .subnav h3{ font-size:1.125em; font-weight:normal; padding:0 25px; margin:0; text-align:center;}
#navi li .subnav ul{ padding:0; margin:1em 0;}
#navi li .subnav ul li{ display:block; padding:0 25px; margin:0;}
#navi li .subnav ul li:hover { background:#e3e3e3;}
#navi li .subnav ul li a{ display:block; font-size:1em; line-height:1; text-transform:none; padding:1em 2em; border-bottom:1px dashed #dbdad8; position:relative; cursor:pointer;}
#navi li .subnav ul li a, #navi li .subnav ul li a:link, #navi li .subnav ul li a:visited { color:#812990; text-decoration:none;}
#navi li .subnav ul li a:before{ content:""; width:5px; height:13px; background:#812990; position:absolute; left:1em; top:1em;}


/*Instagram*/
#ig-section{ padding:4em 0; background:#f1efec; position:relative; z-index:10;}
#ig-section p{ margin:0 0 2em; padding:0;}
#instafeed a { background:rgb(129,41,144); width:10%; padding:0; margin:0; border:none; display:inline-block; position:relative;}

#instafeed a img{ width:100%; height:auto;}
#instafeed .likes {
  background:rgba(129,41,144,0.8); font-family:sans-serif;
  width:100%; height:100%; font-size:1em;
  position:absolute; color:#fff;
  right:0; top:0; left:0; opacity:0; text-align:center;
}
#instafeed a:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5;}
#instafeed a:hover .likes { opacity:0;}
#instafeed .likes .cell{ position:absolute; left:0; top:50%; width:100%; margin-top:-.5em;}


/*Footer*/
.footer-container{ padding:1.625em 0 0; background:#222; position:relative; z-index:10;}
.footer-container div.tchFooterAboutButterfly,.footer-container div.schFooterAboutButterfly{width:15%;}
.footer-container div.tchFooterNewsEvent,.footer-container div.schFooterNewsEvent{width:13%;}
.footer-col{ margin:0 0 1.625em;}
.footer-col h3, .footer-col h4{ color:#f9f8f6; padding:0; margin:0; font-weight:normal;}
.footer-col h3{ font-size:1.125em; margin:0 0 1em;}
.footer-col h4{ font-size:1em; text-decoration:underline; text-transform:uppercase;}
.footer-col ul{ padding:0; margin:0 0 .7em; list-style:none;}
.footer-col li a{ display:block; padding:0 0 0 20px; position:relative; color:#999;}
.footer-col li a, .footer-col li a:link, .footer-col li a:visited{ color:#999; text-decoration:none;}
.footer-col li a:hover{ text-decoration:underline;}
.footer-col li a:before{ content:""; width:6px; height:10px; position:absolute; left:0; top:50%; margin-top:-5px; background-position:-300px 0;}

.footer-social-title{ font-size:1.875em; font-weight:normal; line-height:1; margin:0 0 .5em; padding:0; color:#c7c7c7;}

#footerFacebook{display:inline-block; vertical-align: middle;}
#footerFacebook img{width:24px;height:24px;}

.newsletter-block{ padding:0; margin:0 0 40px;}
.newsletter-block dt, .newsletter-block dd{ padding:0; margin:0;}
.newsletter-block dt, .newsletter-block dd{ display:block; float:left;}
.newsletter-block dt{ width:66%;}
.newsletter-block dd{ width:34%;}
.newsletter-block .textfield{ width:98%; height:42px; padding:0 0 0 2%; border:none;}
.btn-signup{ display:block; text-align:center; background:#812990; color:#fff; height:44px; line-height:44px; text-transform:uppercase; cursor:pointer;}

#social-nav { padding:40px 0 0; margin:0 0 1.625em; position:relative;}
#social-nav:before, #social-nav:after{ content:""; display:block; width:62px; height:2px; position:absolute; left:0;}
#social-nav:before{ top:0; background:#6b6b6b;}
#social-nav:after{ top:7px; background:#ccc;}

#social-nav a{ width:33px; height:33px; float:left; margin:0 30px 0 0; cursor:pointer; position:relative;}
#social-nav a span{ display:none; visibility:hidden;}
#social-nav .icn-tw{ background-position:0 -200px;}
#social-nav .icn-ig{ background-position:-50px -200px;}
#social-nav .icn-fb{ background-position:-100px -200px;}
#social-nav .icn-g{ background-position:-150px -200px;}
#social-nav .icn-more{ background-position:-200px -200px;}

.footer-txt{ background:#0b0b0b; color:#666; padding:.5em 0; display:block; width:100%;}
.footer-txt .footer-txt-right{float:right;}
.footer-txt .footer-txt-right a{color:#666; }
.footer-txt .privacy{margin-right:15px;}
.footer_right{float:right; padding-left: 30px;}
.footer_right a{color: #666; text-decoration: unset;}

/*Main*/
.main-container{ min-height:200px; position:relative;}
.container{ min-height:1000px; position:relative;}
/*Banner*/
#banner{ width:100%; position:relative;}
/*#banner .controls{ width:80%; position:absolute; left:10%; top:50%; margin-top:-35px;}*/
#banner .prevBtn, #banner .nextBtn{	width:69px; height:69px; position:absolute; top:50%; margin-top:-35px;}
#banner .prevBtn{ float:left; background-position:-450px -100px!important; left:10%;}
#banner .nextBtn{ float:right; background-position:-550px -100px!important; right:10%;}

#banner .numericControls{ width:80%; position:absolute; left:10%; bottom:100px; padding:0; margin:0; list-style:none; text-align:center;}
#banner .numericControls li{ display:inline-block;}
#banner .numericControls li a{
	display: block;	width: 12px; height: 12px; text-indent:-999em;
	margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}
#banner .numericControls li.current a, #banner .numericControls li:hover a{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

#home-slider{ position:relative; width:100%;}
#home-slider ul{ padding:0; margin:0; list-style:none; position:relative;}
#home-slider li{ padding:0; margin:0;}
#home-slider img{
    display: block;
    width: 100%;
    height: auto;
}


/*Booking*/
#booking-wrapper{
  position: relative;
  background:#fff;
  padding: 20px;
  width: auto;
  max-width: 1060px;
  margin: 20px auto;
}

.sprite_2, .s-btn-inner-booknow, .t-btn-inner-booknow, .s-btn-top, .t-btn-top, .s-btn-index-booknow, .t-btn-index-booknow {
  background-image: url('/img/sprite_2.png');
  background-repeat: no-repeat;
}

.btn-index-booknow, .btn-inner-booknow{ width:92px; height:96px; background-position:-300px -100px; z-index:99; cursor:pointer;}
.btn-inner-booknow{ float:right;}

.s-btn-index-booknow, .s-btn-inner-booknow{ width:92px; height:96px; background-position: 0 0; z-index:99; cursor:pointer;}
.s-btn-inner-booknow{ float:right;}

.t-btn-index-booknow, .t-btn-inner-booknow{ width:92px; height:96px; background-position: 0 -96px; z-index:99; cursor:pointer;}
.t-btn-inner-booknow{ float:right;}

.btn-index-booknow{ position:fixed; right:0; bottom:170px; z-index:99;}
.s-btn-index-booknow{ position:fixed; right:0; bottom:170px; z-index:99; background-position: 0 0}
.t-btn-index-booknow{ position:fixed; right:0; bottom:170px; z-index:99; background-position: 0 -96px}



#booking-section{
	background: rgba(129,41,144,.5);
	padding: 1em 0;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0;
	z-index:10;
}
.no-rgba #booking-section{}
.booking-block{ padding:0; margin:0;}
#booking-wrapper .booking-block{ padding:2em 0; margin:0;}
.booking-block dt, .booking-block dd{ padding:0; margin:0; display:block;}
.booking-block .selectbox, .booking-block .textfield{ width:98%; height:47px; line-height:1; padding:0 0 0 2%; margin:0; border:none;}
.booking-block .booknow-textfield{ background:url(/img/icn-calendar.png) no-repeat right center #fff;}
#booking-wrapper .booking-block .selectbox, #booking-wrapper .booking-block .textfield { background-color:#f4f3f1; border:none;}
#booking-wrapper .booking-block .booknow-textfield{ background:url(/img/icn-calendar.png) no-repeat right center #f4f3f1;}

.booking-block .textfield{ height:43px; }

.booking-block dt, .booking-block dd{ float:left; margin-right:1%;}
.booking-block dt{ width:31%;}
.booking-block dd{ width:24%;}
.booking-block dd.btn-booknow{ width:10%; float:right; margin:0;}
.booking-block dd.btn-booknow a{ background:#2e2e2e; cursor:pointer; color:#fff; text-align:center; width:100%; display:block; line-height:1; padding:1em 0;}


.overlay{ width:100%; height:100%; display:block; background:rgba(0,0,0,.8); position:fixed; left:0; top:0; z-index:1000; display:none;}
/*inner*/
.inner, .inner2{ padding:0; background:#f1efec;}


/*Home*/
#index-offers-section{ padding:4em 0;}
.index-offers-block{ padding:0; margin:0 0 2em;}
.index-offers-block dd{ padding:0;}
.index-offers-block dd a{ background:#fff; display:block; padding:20px;}
.index-offers-block dd a, .index-offers-block dd a:link, .index-offers-block dd a:visited { color:#222; text-decoration:none;}
.index-offers-block dd .thumbs{ margin:0 0 1em;height:231px;}
.index-offers-block dd h3{ font-weight:normal; padding:0; margin:0; line-height:1; height:3em; overflow:hidden;}

.index-offers-more{ width:100%; position:relative; margin:2em 0 0;}
.index-offers-more:before { content:""; background:#7a7a79; display:block; width:100%; height:1px; position:absolute; left:0; top:50%;  z-index:2;}
.index-offers-more a{ margin:0 auto; padding:.5em 0; width:170px; display:block; text-align:center; background:#f9f8f6; border:1px solid #7a7a79; position:relative; z-index:2; cursor:pointer;}
.index-offers-more a, .index-offers-more a:link, .index-offers-more a:visited{ color:#812990; text-decoration:none;}
.index-offers-more a:hover{ background:#812990; color:#f9f8f6;}

#index-awards-section { background:f6f5f4; padding:4em 0; margin:0;}
.index-awards-block{ padding:2em 0; margin:0;}

#index-award-slider{ width:50%; margin:0 auto; padding:2em 0;}
#index-award-slider .item{ margin:0 5px;}
#index-award-slider .item img{ display: block; width: 100%; height: auto;}

#index-award-slider .owl-controls{ margin-top:3em;}
.index-awards-more{ text-align:center; margin:0;}
.index-awards-more a, .index-awards-more a:link, .index-awards-more a:visited{ text-decoration:underline; color:#666;}
.index-awards-more a:hover { color:#812990;}

#index-city-guide{ padding:4em 0;}
#index-concierge-slider{ padding:3.5em 0 0;}
#index-concierge-slider .item{ margin:0;}
#index-concierge-slider .txt h3{ font-size:1.5em; padding:0; margin:0 0 1em; color:#222;}
#index-concierge-slider .txt p{ margin:0; padding:0; color:#666;}

#index-concierge-slider .owl-controls{ position:absolute; left:0; top:0; width:100%; }

/*Title*/
.pagetitle{ position:relative; width:100%; padding:.5em 0; margin:0; font-size:2.75em; font-weight:normal; color:#434343;}
.pagetitle2{ position:relative; width:100%; padding:.5em 0; margin:0 0 .5em; font-size:1.875em; font-weight:normal; color:#444; text-align:center; background:url(/img/dotted.gif) repeat-x left top;}
.pagetitle:before, .pagetitle2:before{ content:""; width:45px; height:2px; position:absolute; left:0; top:0; background:#812990;}
.pagetitle2:before{ left:50%; margin-left:-22px;}


/*The Group*/
.hero-banner{ width:100%; position:relative;}
.hero-title{ font-size:2.5em; line-height:1; position:absolute; left:0; top:35%; width:100%; padding:0; margin:0; text-align:center; color:#f9f8f6; font-weight:normal; text-transform:uppercase;}
.about-intro{ width:100%; background-color:#f1efec; padding:4em 0 3em;}
.about-intro h1{ text-align:center; font-size:2.5em; font-weight:normal; line-height:1; margin:0 0 .5em; padding:0; color:#444;}
.about-intro h3{ text-align:center; font-size:1.5em; font-weight:normal; line-height:1; margin:0 0 .5em; padding:0; color:#444;}

.about-intro p{ padding:0; margin:0 auto 1em; color:#24002d;}

.about-banner{ margin:0;}

.about-award-block{ padding:0 0 .875em; margin:0 0 1.875em; border-bottom:1px solid #cac9c7;}
.about-award-block dt, .about-award-block dd{ display:block; padding:0;}
.about-award-block dt{ margin:0 0 1.5em; padding:0 0 0 1em;}
.about-award-block dd{ margin:0 0 2em 0;}

.about-award-block dt h3{ font-size:1.5em; line-height:1; font-weight:normal; margin:0; padding:0;}
.about-award-block dd h4{ font-size:1.125em; line-height:1; padding:0; margin:0 0 .5em; color:#0a080a; font-weight:normal;}
.about-award-block dd p{ color:#24002d; padding:0 0 9px; margin:0; line-height:1;}

.about-award-block dd .award-logo{ width:68%; margin:0 auto; border:1px solid #d9d8d5; border-width:0 1px 1px 0;}
.about-award-block dd .thumbs, .about-award-block dd .txt{ display:block;}
.about-award-block dd .thumbs, .about-award-block dd .txt{ float:left;}
.about-award-block dd .thumbs{ width:31%;}
.about-award-block dd .txt{ width:66%;}

.about-award-block2{ padding:0 0 .875em; margin:0 0 1.875em; border-bottom:1px solid #cac9c7;}
.about-award-block2 dt, .about-award-block2 dd{ display:block; padding:0;}
.about-award-block2 dt{ margin:0 0 1.5em; padding:0 0 0 1em;}
.about-award-block2 dd{ margin:0 0 2em 0;}

.about-award-block2 dt h3{ font-size:1.5em; line-height:1; font-weight:normal; margin:0; padding:0;}
.about-award-block2 dd h4{ font-size:1.125em; line-height:1; padding:0; margin:0 0 .5em; color:#0a080a; font-weight:normal;}
.about-award-block2 dd p{ color:#24002d; padding:0 0 9px; margin:0; line-height:1;}

.about-award-block2 dd .award-logo{ width:68%; margin:0 auto; border:1px solid #d9d8d5; border-width:0 1px 1px 0;}
.about-award-block2 dd .thumbs, .about-award-block2 dd .txt{ display:block;}
.about-award-block2 dd .thumbs, .about-award-block2 dd .txt{ float:left;}
.about-award-block2 dd .thumbs{ width:31%;}
.about-award-block2 dd .txt{ width:75%;}
.about-award-block2 dd .thumbs {width: 25%;}

#OurAwards{display: block; position: relative; top: -129px; visibility: hidden;}

/*Our Hotels*/
.stick { position: fixed; top:0; z-index:99; animation:thedrop 1s 1; -moz-animation:thedrop 1s 1; -webkit-animation:thedrop 1s 1;}

#mainMenuBar{ width:100%; visibility:hidden; position:absolute; left:0; top:0;}
#mainMenuBar.stick{ width:150px; top:140px; left:100%; visibility:visible; position: fixed; margin-left:-150px;}

.btn-top{ width:40px; height:25px; background-position:-350px 0; float:right; cursor:pointer;}
.s-btn-top{ width:40px; height:25px; background-position: 0 -192px; float:right; cursor:pointer;}
.t-btn-top{ width:40px; height:25px; background-position: 0 -217px; float:right; cursor:pointer;}
#sidenav-col{ float:right;}
#sidenav{ background:#fff; border:1px solid #e5e5e5; font-size:.875em; padding:0 4em 0 1em; line-height:30px; height:30px; position:relative; cursor:pointer; z-index:99;}
#sidenav .selected:before{ content:""; display:block; width:30px; height:30px; position:absolute; right:0; top:0; background:#a1a1a1;}
#sidenav .selected:after{ content:""; display:block; width: 0; height: 0; position:absolute; right:9px; top:12px;  border-style: solid; border-width: 6px 6px 0 6px; border-color: #fff transparent transparent transparent;}


#sidenav .subnav{ position:absolute; left:0; top:30px; background:#fff; width:100%; display:none;}
#sidenav .subnav a{ display:block; padding:0 1em;}
#sidenav .subnav a, #sidenav .subnav a:link, #sidenav .subnav a:visited{ text-decoration:none;}
#sidenav .subnav a:hover{ background:#eee;}

.hotel-banner-wrapper{ background:#403342; width:100%; position:relative;}
.hotel-banner, .hotel-banner-txt, .hotel-banner-map{ display:block; width:100%;}
.hotel-banner{ position:relative;}
.hotel-banner .overlay{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(/img/our-hotel/caption-bg.png) repeat-x left bottom; z-index:5;}
.hotel-banner .caption{ width:70%; position:absolute; left:15%; bottom:18%; color:#fff; z-index:6;}
.hotel-banner .caption h1, .hotel-banner .caption h3{ margin:0; line-height:1; font-weight:normal;}
.hotel-banner .caption h1{ width:100%; padding:.5em 0 .1em; font-size:2.75em; position:relative;}
.hotel-banner .caption h3{ padding:0; font-size:1em;}
.hotel-banner .caption h1:before{ content:""; width:45px; height:2px; display:block; background:#fff; left:0; top:0; position:absolute;}

.hotel-banner-txt{ color:#fff;}
.hotel-banner-txt ul{ padding:3em 4em 2.5em; margin:0; list-style:none;}
.hotel-banner-txt li{ padding:0 0 0 20px; margin:0 0 1.5em; position:relative; font-size:1em; line-height:1.2;}
.hotel-banner-txt li:before{ content:""; width:6px; height:16px; background:#fff; display:block; position:absolute; left:0; top:4px;}
.hotel-banner-map{ height:150px; background-size:contain!important; cursor:pointer;}
.hotel-banner-map.morrison{ background:url(/img/our-hotel/morrison/map-lg.jpg) no-repeat center center;}
.hotel-banner-map.victoria{ background:url(/img/our-hotel/victoria/map-lg.jpg) no-repeat center center;}
.hotel-banner-map.wellington{ background:url(/img/our-hotel/wellington/map-lg.jpg) no-repeat center center;}
.hotel-banner-map.hollywood{ background:url(/img/our-hotel/hollywood/map-lg.jpg) no-repeat center center;}
.hotel-banner-map.prat{ background:url(/img/our-hotel/prat/map-lg.jpg) no-repeat center center;}
.hotel-banner-map.waterfront{ background:url(/img/our-hotel/waterfront/map-lg.jpg) no-repeat center center;}

.hotel-like{ background:#1b0000; width:30%; height:35px; padding:15px 0 0; position:absolute; top:50%; right:0; z-index:10; text-align:center;}

.hotel-nav{ background:#fff;}
.hotel-nav2{ border:1px solid #d9d9d9; border-width:1px 0; margin:0 0 1em;}
.hotel-nav ul{ padding:0; margin:0; list-style:none; text-align:center;}
.hotel-nav li{ display:inline-block;}
.hotel-nav li a { display:block; padding:1em 2em; cursor:pointer;}
.hotel-nav li a, .hotel-nav li a :link, .hotel-nav li a :visited{ color:#909090; text-decoration:none;}
.hotel-nav li a.bbq-current, .hotel-nav li a:hover{ background:#7e288c; color:#b4d439;}

/*Hotel-info*/
.hotel-info{ padding:3em 0; color:#676767;}
/*.hotel-info .intro{ font-size:1em; line-height:1.5; color:#494949;}*/
.hotel-info p{ margin:0 0 1em; clear:both;}
.hotel-info h3{ color:#8e6e93; font-weight:bold;}
.hotel-info ul{ padding:0 0 0 1em; margin:0; list-style:inside disc;}
.hotel-info li{ margin:0 0 .5em;}

.btn-download{ background:#fff; font-size:1.375em; line-height:1; font-weight:bold; color:#812990; padding:.5em 2em; float:left; display:block;}
.btn-download:hover{ background:#812990; color:#fff;}

.hotel-cm{ text-align:center; padding:0 0 2em;}
.hotel-cm ul{ padding:0; margin:0; list-style:none;}
.hotel-cm img{ width:auto;}
.hotel-cm p{ font-size:1em; line-height:1; color:#494949; padding:0; margin:0 0 .5em;}
.hotel-cm h3{ font-family:Times, "Times New Roman", serif; font-size:3em; font-style:italic; font-weight:normal; line-height:1; margin:0 0 .5em; padding:0; color:#42742b;}

.hotel-room-intro{ width:100%; height:100%; position:relative;}
.hotel-room-intro .txt{ padding:15% 0; text-align:center; color:#fff; position:relative; z-index:10;}
.hotel-room-intro .txt{ width:78%; max-width:780px; margin:0 auto; /*position:absolute; left:50%; top:0; margin-left:-390px;*/}

.hotel-room-intro h1{ padding:0; margin:0 0 .5em; font-size:2.5em; line-height:1; font-weight:normal; text-transform:uppercase;}
.hotel-room-intro p{ padding:0; margin:0 0 2em; clear:both;}
.hotel-room-intro .btn-explore{ background:#fff; padding:.3em 0; font-size:1.5em; text-align:center; display:block; width:200px; margin:0 auto; cursor:pointer;}
.hotel-room-intro .btn-explore, .hotel-room-intro .btn-explore:link, .hotel-room-intro .btn-explore:visited{ color:#812990; text-decoration:none;}

.hotel-room-list{ background:#fff; padding:4em 0;}
.hotel-room-list h1{ text-transform:uppercase; margin:0 0 1em;}
.hotel-room-list dl{ padding:0; margin:0;}
.hotel-room-list dd{ padding:0; margin-bottom:3%;}
.hotel-room-list dd a{ display:block; cursor:pointer;}
.hotel-room-list dd .img, .hotel-room-list dd .txt{ display:block;}
.hotel-room-list dd .txt{ padding:0 3%; }

.hotel-room-list dd .txt h3{ padding:.5em 0; margin:0; font-weight:normal; font-size:1.5em; line-height:1; color:#222; width:100%; position:relative;}
.hotel-room-list dd .txt h3:before{ content:""; width:25px; height:2px; background:#c9c9c9; display:block; position:absolute; left:0; top:0;}
.hotel-room-list dd .txt p{ padding:0; margin:0 0 .3em; font-size:.875em; color:#666;}

.hotel-room-details{ width:100%; position:relative;}
.hotel-room-details-txt{ background:rgba(0,0,0,.8);}
.hotel-room-details-txt{ width:360px; position:absolute; top:5%; right:10%;}
.hotel-room-details-txt .inner-txt{ padding:20px;}
.hotel-room-details-txt h3{ font-weight:normal; font-size:1.5em; line-height:1; padding:.5em 0 0; margin:0 0 1em; color:#fff; width:100%; position:relative;}
.hotel-room-details-txt h3:before{ content:""; width:25px; height:2px; background:#fff; display:block; position:absolute; left:0; top:0;}
.hotel-room-block{ padding:0; margin:0 0 .5em;}
.hotel-room-block dt, .hotel-room-block dd{ padding:0; margin:0; display:block; float:left; font-size:.875em;}
.hotel-room-block dt{ color:#b3d336;}
.hotel-room-block dd{ color:#b6b6b6;}
.hotel-room-block2 { margin:0 0 2em;}
.hotel-room-block2 dt, .hotel-room-block2 dd{ float:none;}

.room-btn{ background:#f1efec; font-size:1em; line-height:1; padding:12px; display:inline; float:left; margin:0 8px 0 0; text-transform:uppercase; cursor:pointer;}
.room-btn,.room-btn:link, .room-btn:visited { color:#812990;  text-decoration:none;}
.room-btn-booknow, .room-btn-back{ line-height:1; display:block; text-transform:uppercase; position:relative;}
.room-btn-booknow{ font-size:1.875em; padding:.5em 0; background:#812990; text-align:center;}
.room-btn-back{ font-size:1.5em; padding:.5em 0 .5em 60px; background:#fff; position:relative;}
.room-btn-back:before{ content:""; width:12px; height:24px; position:absolute; left:30px; top:50%; margin:-12px 0 0; background-position:-200px -100px;}
.room-btn-booknow, .room-btn-booknow:link, .room-btn-booknow:visited{ color:#fff; text-decoration:none;}
.room-btn-back, .room-btn-back:link, .room-btn-back:visited{ color:#787878; text-decoration:none;}

/*.popup{ display:none;  z-index:1001; position:absolute;}
.room-facilities{ background:rgba(0,0,0,.8); left:50%; top:50%; margin:-225px 0 0 -500px;}
.room-facilities{ width:1000px;}*/

.room-facilities {
  position: relative;
  background:rgba(0,0,0,.8);
  padding: 0;
  width: auto;
  max-width: 1000px;
  margin: 20px auto;
}

.room-facilities .btn-close{ color:#fff; cursor:pointer; display:block;}
.room-facilities h3{ color:#b5d438; padding:2em 4em 1em; margin:0; font-weight:normal;}
.room-facilities-block{ padding:1em 4em 2em; margin:0; color:#fff;}
.room-facilities-block dd{ padding:0; margin:1.5% 1%; display:block; line-height:1; min-height:64px; overflow:hidden; position:relative;}
.room-facilities-block dd:before{ content:""; width:48px; height:50px; position:absolute; left:0; top:0;}
.room-facilities-block dd.icn-shower:before{ background-position:0 -300px}
.room-facilities-block dd.icn-ink:before{ background-position:-50px -300px}
.room-facilities-block dd.icn-air:before{ background-position:-100px -300px}
.room-facilities-block dd.icn-harbour:before{ background-position:-150px -300px}
.room-facilities-block dd.icn-breakfast:before{ background-position:-200px -300px}
.room-facilities-block dd.icn-crib:before{ background-position:-250px -300px}
.room-facilities-block dd.icn-bathphone:before{ background-position:-300px -300px}
.room-facilities-block dd.icn-dock:before{ background-position:-350px -300px}
.room-facilities-block dd.icn-hifi:before{ background-position:-400px -300px}
.room-facilities-block dd.icn-tv:before{ background-position:-450px -300px}
.room-facilities-block dd.icn-sofa:before{ background-position:-500px -300px}
.room-facilities-block dd.icn-addbed:before{ background-position:-550px -300px}
.room-facilities-block dd.icn-desk:before{ background-position:-600px -300px}
.room-facilities-block dd.icn-play:before{ background-position:-650px -300px}
.room-facilities-block dd.icn-doors:before{ background-position:-700px -300px}
.room-facilities-block dd.icn-coffee:before{ background-position:-750px -300px}
.room-facilities-block dd.icn-freecall:before{ background-position:-800px -300px}
.room-facilities-block dd.icn-bed:before{ background-position:-850px -300px}
.room-facilities-block dd.icn-phone-wifi:before{ background-position:-900px -300px}
.room-facilities-block dd.icn-hair-drier:before{ background-position:-950px -300px}
.room-facilities-block dd.icn-safe:before{ background-position:-1000px -300px}
.room-facilities-block dd.icn-air-con:before{ background-position:-1050px -300px}
.room-facilities-block dd.icn-doorlock:before{ background-position:-1100px -300px}
.room-facilities-block dd.icn-tea:before{ background-position:-1150px -300px}
.room-facilities-block dd.icn-bathroom:before{ background-position:-1200px -300px}
.room-facilities-block dd.icn-bed2:before{ background-position:-1250px -300px}
.room-facilities-block dd.icn-idd:before{ background-position:-1300px -300px}
.room-facilities-block dd.icn-iphonealarm:before{ background-position:-1350px -300px}
.room-facilities-block dd.icn-iron:before{ background-position:-1400px -300px}
.room-facilities-block dd.icn-internet:before{ background-position:-1450px -300px}
.room-facilities-block dd.icn-wifi:before{ background-position:-1500px -300px}
.room-facilities-block dd.icn-nosmoke:before{ background-position:-1550px -300px}


.room-facilities-block dd div{ padding:0 0 0 60px; display:block;}

.hotel-offers{ padding:4em 0; position:relative; z-index:10; background:#f1efec;}
.hotel-offers .pagetitle2{ text-transform:uppercase; margin:0; padding:1em 0; font-size:2.5em; line-height:1;}
.hotel-offers-block{ padding:0; margin:0; margin-bottom:15px;}
.hotel-offers-block dt, .hotel-offers-block dd{ padding:0;}
.hotel-offers-block dd h3{ padding:0; margin:0 0 1em; font-size:1.375em; line-height:1; font-weight:bold; color:#8e6e93;}
.hotel-offers-block dd p{ padding:0; margin:0; font-size:1em; line-height:1.2; color:#666;}


/*Room - How to get there*/
#directions{ background:#fff; padding:3em 0;}
.btn-printable{ background:#812991; color:#fff; font-size:1em; padding:.5em 1em; margin:0 0 1em; text-decoration:none; float:right; cursor:pointer;}
.btn-printable:hover{ background:#fff; color:#812991;}

.map-directions{ padding:1em 0;}

.icon-transport{ width:50px; height:50px; position:absolute; left:0; top:0;}
.icon-transport.shuttle{ background-position:0 -350px;}
.icon-transport.express{ background-position:-50px -350px;}
.icon-transport.limousine{ background-position:-100px -350px;}
.icon-transport.airport{ background-position:-150px -350px;}
.icon-transport.taxi{ background-position:-200px -350px;}

.map-directions-col{ padding:0 0 2em 55px; margin:0; position:relative;}
.map-directions-col h3{ padding:0; margin:0; color:#8e6e93; font-size:1.25em; font-weight:bold;}
.map-directions-col p{ padding:0; margin:0 0 .3em; line-height:1.4;}


/*City-guide*/
.city-guide-wrapper{ width:100%; position:relative;}
/*.city-guide-banner{ width:100%; position:absolute; left:0; top:0; z-index:0;}*/

.full-bg{
  position:absolute; z-index:0;
  top: 0;
  left: 0;
  /* Preserve aspet ratio */
  min-width: 100%;
  /*min-height: 100%;*/
  /*height: 570px;*/
}

.full-bg.fixed{ position:fixed;}
.navi-bg{ z-index:99; display:none; top:129px;}




.city-guide-inner{ position:relative; z-index:20;}

.city-title{ text-align:center; position:relative; width:100%; padding:2em 0 .5em; margin:0 0 .5em; font-size:2.5em; font-weight:normal; color:#fff; text-align:center; background:url(/img/dotted.gif) repeat-x left bottom;}
.city-title:before{ content:""; width:45px; height:2px; position:absolute; left:50%; bottom:0; background:#fff; margin-left:-22px;}


.city-intro{ width:80%; margin:0 auto 2em; font-size:1em; color:#fff; text-align:center; }

.city-guide-filter-block { margin:0 0 2em;}
.city-guide-filter-block .col6{ margin:0 1% 3%;}
.city-guide-filter{ background:#812990; position:relative; width:100%; z-index:10;}
.city-guide-filter .selected{ color:#fff; font-size:2.1875em; line-height:1.6; height:1.6em; padding:0 60px 0 1em; position:relative; cursor:pointer;}
.city-guide-filter .selected:after{
	width: 0; height: 0;
	border-style: solid; border-width: 10px 13.5px 0 13.5px; border-color: #fff transparent transparent transparent;
	content:""; position:absolute; right:1em; top:50%; margin-top:-5px;
}
.city-guide-filter .subnav{ width:100%; position:absolute; left:0; top:56px; background:#81098f; display:none;}
.city-guide-filter .subnav a{ display:block; color:#fff; padding:.5em 2em; cursor:pointer; position:relative;}
.city-guide-filter .subnav a:hover{ background:#812990;}

.city-guide-filter .subnav a:after{
	content: ''; position: absolute; right:2em;	top: 50%;
	display: inline-block;
	width: 10px; height: 10px;
	margin: -6px 0 0; border: 1px solid #fff;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.city-guide-filter .subnav a.active{ color:#b5d438;}
.city-guide-filter .subnav a.active:hover{ background:#81098f;}
.city-guide-filter .subnav a.active:after{ background:#b5d438;}


.city-guide-block{ padding:0; margin:0; position:relative;}
.city-guide-block .mix{ opacity: 0;  display: none;}

.fail_element{
	position: absolute;
	opacity: 0;
	display:none;
	top: 100px;
	text-align: center;
	width: 50%;
	left: 25%;
	line-height: 1.4;
	font-size: 2em;
	color:#fff;
}

.fail .fail_element{
	opacity: 1;
	display:block;
}

.city-guide-block li{ margin:0 1% 3%; float:none; display:inline-block;}
.city-guide-block li a{ background:#fff; display:block; cursor:pointer;}
.city-guide-block li a, .city-guide-block li a:link, .city-guide-block li a:visited{ text-decoration:none;}
.city-guide-block li .thumbs{ margin:0 0 1em;}
.city-guide-block li .txt{ padding:1em 1em 2em; color:#666;}
.city-guide-block li h3{ font-weight:normal; color:#222; font-size:1.5em; padding:0; margin:0 0 .7em; line-height:1; height:1em; overflow:hidden;}
.city-guide-block li p{ padding:0; margin:0; font-size:.875em; line-height:1.2; height:5.7em; overflow:hidden;}

.city-guide-block li .details{ display:none;}
.details-inner-btn{ background:#812990; color:#fff; padding:1em 2em; margin:1em 0; line-height:1; text-align:center; float:right;}

.details-inner-wrapper{ background:#fff; overflow:hidden; width:100%; padding:2em 0; position:relative; z-index:1;}
.details-inner h3{ font-size:1.375em; line-height:1; padding:0; margin:0 0 1em; font-weight:bold; color:#812990;}
.details-inner p{ font-size:1em; line-height:1.5; padding:0; margin:0 0 .5em; color:#767676;}
.details-inner .note{ font-size:.875em; line-height:1.2; padding:1em 0; margin:0; border-top:1px solid #666; color:#666;}




/*Contact Us*/
.contact-block{ padding:0; margin:0;}
.contact-block dd{ margin-bottom:3%;}
.contact-block dd .thumbs{ margin:0 0 1em;}
.contact-block dd h3{ font-weight:normal; color:#222; font-size:1.5em; padding:0; margin:0 0 .7em; line-height:1; }
.contact-block dd .address{ margin:0 0 1em; line-height:1.1; height:2.2em}
.contact-block dd .info-list{ padding:0; margin:0; list-style:none; line-height:1;}
.contact-block dd .info-list li{ padding:0 0 0 25px; margin:0 0 .3em; position:relative; display:block;}
.contact-block dd .info-list li:before{
	content:"";	width: 18px; height: 14px; position:absolute; left:0; top:1px;
}
.contact-block dd .info-list .tel:before { background-position:-200px -50px;}
.contact-block dd .info-list .fax:before { background-position:-250px -50px;}
.contact-block dd .info-list .work:before { background-position:-300px -50px;}
.contact-block dd .info-list .email:before { background-position:-350px -50px;}

.contact-block dd .info-list .email a, .contact-block dd .info-list .email a:link, .contact-block dd .info-list .email a:visited{ text-decoration:none; color:#222;}
.contact-block dd .info-list .email a:hover{ text-decoration:underline;}


/*Location*/
#location-wrapper{ width:100%; position:relative;}
#map_canvas{ width:100%; height:960px;}
#map_canvas>div>div>div>div>div>div{height:initial!important;}

.location-controls{ position:absolute; left:0; top:0; width:100%; background:rgba(113,113,113,.5); padding:1em 0;}
.location-controls h1{ padding:0; margin:0; color:#fff; line-height:1; font-weight:normal;}

#map-controls{ background:#fff; position:relative; line-height:32px; height:32px; float:right; cursor:pointer}
#map-controls .selected{ display:block; padding:0 1em;}
#map-controls .selected:before{ content:""; width:25px; height:25px; display:block; background:#cccbca; position:absolute; right:3px; top:3px;}
#map-controls .selected:after{
	content:""; position:absolute; right:9px; top:11px;
	width: 0; height: 0; border-style: solid;
	border-width: 9px 6.5px 0 6.5px; border-color: #fff transparent transparent transparent;
}
#map-controls .map-controls-options{ width:100%; background:#f5f5f5; position:absolute; left:0; top:32px; display:none;}
#map-controls .map-controls-options a{ display:block; padding:0 1em;}
#map-controls .map-controls-options a, #map-controls .map-controls-options a:link, #map-controls .map-controls-options a:visited{ color:#222; text-decoration:none;}
#map-controls .map-controls-options a:hover{ background:#fff;}

#map-controls{ width:274px; padding:0;}

.location-block{ padding:0; margin:0; background:#fff; min-height:325px;}
.location-block dt, .location-block dd{ padding:0; margin:0; display:block;}

.location-block dd { color:#717171; font-size:16px;}
.location-block dd h3{ font-weight:normal; color:#812990; font-size:1.875em; text-transform:uppercase; padding:.7em 0; margin:0 0 .7em; line-height:1; position:relative; width:100%;}
.location-block dd h3:after{ content:""; width:35px; height:2px; display:block; position:absolute; left:0; bottom:0; background:#812990;}
.location-block p{ line-height:1.4; padding:0; margin:0 0 1em;}
.location-block dd .address{ margin:0 0 1em; line-height:1.4;}
.location-block dd .info-list{ padding:0; margin:0 0 1em; list-style:none; line-height:1;}
.location-block dd .info-list li{ padding:0; margin:0 0 .5em; position:relative; display:block;}

.location-block dd .info-list .email a, .location-block dd .info-list .email a:link, .location-block dd .info-list .email a:visited{ text-decoration:none; color:#717171;}
.location-block dd .info-list .email a:hover{ text-decoration:underline;}
.location-block dd .btn-more{ background:#812990; text-align:center; display:block; padding:.7em 0; text-transform:uppercase; width:170px; margin:0 auto;}
.location-block dd .btn-more, .location-block dd .btn-more:link, .location-block dd .btn-more:visited{ color:#fff; text-decoration:none;}



/*Photo Gallery*/
.photo-block{ padding:0; margin:0;}
.photo-block dd{ margin-bottom:3%;}
.photo-block dd .thumbs{ margin:0 0 1em;}
.photo-block dd a{ display:block;}
.photo-block dd a, .photo-block dd a:link, .photo-block dd a:visited{ text-decoration:none; color:#222;}
.photo-block dd h3{ font-weight:normal; color:#222; font-size:1.5em; padding:0; margin:0; line-height:1; }
/*Photo Gallery Details*/
.photo-details-wrapper{ width:100%; position:relative;}

#photo-details-slider .item{
    background: #fff; padding: 0; margin: 0;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    text-align: center;
	width: 50%;
	margin: 0 auto;
}

#photo-details-slider .owl-controls{ width:80%; position:absolute; left:10%; top:50%; margin-top:0;}
#photo-details-slider.owl-theme .owl-controls .owl-buttons div{
	width:69px; height:69px; margin: 0;	padding:0;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	background-color:transparent;
	filter: Alpha(Opacity=100);/*IE7 fix*/	opacity: 1;
}
#photo-details-slider .owl-controls .owl-prev{ float:left; background-position:-450px -100px!important;}
#photo-details-slider .owl-controls .owl-next{ float:right; background-position:-550px -100px!important;}


#photo-details-control{ background:rgba(255,255,255,.4); width:100%; padding:.5em 0; position:absolute; left:0; top:0; z-index:10;}
#photo-details-carousel .item{
    background: #ccc; padding: 0; margin: 5px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    text-align: center; cursor: pointer;
}

#photo-details-carousel .owl-controls{ width:80%; position:absolute; left:10%; top:50%; margin-top:0;}
#photo-details-carousel.owl-theme .owl-controls .owl-buttons div{
	width:12px; height:27px; margin: 0;	padding:0;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	background-color:transparent;
	filter: Alpha(Opacity=100);/*IE7 fix*/	opacity: 1;
}
#photo-details-carousel .owl-controls .owl-prev{ float:left; background-position:-650px -100px!important;}
#photo-details-carousel .owl-controls .owl-next{ float:right; background-position:-750px -100px!important;}

#photo-details-carousel .synced .item{ /*background: #0c83e7;*/ filter: Alpha(Opacity=50);/*IE7 fix*/	opacity: 0.5;}


/*Career*/
.career-block{ padding:0 0 1em; margin:0 0 1em; border-bottom:1px solid #c9c9c9;}
.career-block dt, .career-block dd{ display:block; padding:0 0 0 2%; margin:0;}
.career-block dt, .career-block dd{ float:left;}
.career-block dt{ width:33%;}
.career-block dd{ width:63%;}


/*News*/
.news-block{ padding:0; margin:0 0 2em;}
.news-block dd{ padding:0; margin:0; border-bottom:1px solid #c9c9c9;}
.news-block dd a{ padding:1.5em; display:block; }
.news-block dd .date{ font-size:.875em; margin:0 0 .5em;}
.news-block dd h3{ font-size:1.375em; line-height:1.2; padding:0; margin:0; font-weight:normal;}

.news-block dd a, .news-block dd a:link, .news-block dd a:visited{ text-decoration:none;}
.news-block dd a .date, .news-block dd a:link .date, .news-block dd a:visited .date{ color:#666; text-decoration:none;}
.news-block dd a h3, .news-block dd a:link h3, .news-block dd a:visited h3{ color:#222; text-decoration:none;}


/*Special Offers*/
.offers-filter-wrapper{ width:100%; margin:0 0 2em; position:relative; background:url(/img/dotted.gif) repeat-x left bottom;}
.offers-filter{ border:1px solid #c9c9c9; border-bottom-color:#f1efec; padding:3px; margin:0 10px; cursor:pointer; position:relative;
 width:220px; float:right;}
.offers-filter .selected{ background:#faf9f8; color:#000; padding:.5em 1.5em; position:relative;}

.offers-filter .selected:after{
	content:"";	width: 0; height: 0; position:absolute; right:1em; top:50%; margin:-3px 0 0;
	border-style: solid; border-width: 7px 7px 0 7px; border-color: #c9c9c9 transparent transparent transparent;
}

.offers-filter .subnav{ background:#faf9f8; position:absolute; left:3px; top:42px; width:220px; display:none;}
.offers-filter .subnav a{ display:block; padding:.5em 1.5em;}
.offers-filter .subnav a:hover{ background:#f0f0f0;}

.offers-block{ padding:0; margin:0 0 2em;}
.offers-block dd{ display:block; padding:0; margin-bottom:3%; height:335px;}
.offers-block dd a{ display:block; padding:20px; background:#fff;}
.offers-block dd a, .offers-block dd a:link, .offers-block dd a:visited{ text-decoration:none;}
.offers-block dd a .thumbs{ margin:0 0 1em;}
.offers-block dd a h3{ font-weight:normal; color:#222; font-size:1.5em; padding:0; margin:0; line-height:1; height:2em; overflow:hidden;}

.offers-details-block{ padding:0; margin:0 0 2em; background:#fff; position:relative;}
.offers-details-block dt, .offers-details-block dd{ display:block; padding:0; margin:0;}
.offers-details-block dd{ padding:1.5em 1.5em 6em;}
.offers-details-block dd .btn-booknow{ background:#812990; color:#fff; text-align:center; display:block; font-size:1.875em; line-height:1; padding:.5em 0; width:100%; position:absolute; right:0; bottom:0; cursor:pointer;}
.offers-details-block dd .btn-booknow, .offers-details-block dd .btn-booknow:link, .offers-details-block dd .btn-booknow:visited{ text-decoration:none; color:#fff;}

.social-icon { text-align:center;}
.social-icon a{ display:inline-block; width:33px!important; height:33px; margin:0 30px 0 0; cursor:pointer; float:none!important; position:relative;}
.social-icon a span{ display:none; visibility:hidden;}
.social-icon .icn-tw{ background-position:0 -250px;}
.social-icon .icn-ig{ background-position:-50px -250px;}
.social-icon .icn-fb{ background-position:-100px -250px;}
.social-icon .icn-g{ background-position:-150px -250px;}
.social-icon .icn-more{ background-position:-200px -250px;}

.offers-details-note{ font-size:.875em; color:#666;}
.offers-details-note h3{ font-weight:bold; color:#8e6e93; margin:0; padding:0;}
.offers-details-note p{ padding:0 1em; margin:0 0 2em;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

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

/*@media only screen and (min-width: 768px) {*/
	#navi-top{ text-align:right; margin:0 0 2em;float: right;box-sizing: border-box;}
	#navi-top .btn-booknow{ float:right; clear:none;}
	#navi { padding:120px 0 2em;}
	#navi ul{ text-align:right;}
	#navi li{ display:inline-block; margin:0 1.5em;}
	#navi ul.tchTitle li, #navi ul.schTitle li{margin:0 3em;}

	#navi li .subnav{ width:340px; position:absolute; left:-50px; top:44px;}
	#navi li .subnav h3, #navi li .subnav ul{ text-align:left;}


	#logo{ position:absolute; left:0; top:0; z-index:10;}
/*}

@media only screen and (min-width: 1000px) {*/
	.header-container{ position:fixed; left:0; top:0; z-index:100;}
	#navi { padding:0;}

	.main-container{ padding:120px 0 0;}

	/*Hotels*/
	.hotel-banner{ width:70%;}
	.hotel-banner-txt, .hotel-banner-map{ width:30%; height:50%; position:absolute; right:0;}
	.hotel-banner-txt{ top:0;}
	.hotel-banner-map{ bottom:0;}

	.hotel-room-list dd .img, .hotel-room-list dd .txt{ width:50%; float:left;}
	.hotel-room-list dd .txt{ width:44%;}

	.room-facilities-block dd{ width:31%; float:left;}

	/*inner*/
	.inner{ padding-top:100px;}

	/*About*/

	.about-award-block dd { width:50%; float:left;}
	.about-award-block2 dd { width:62%; float:left;}
	.offers-details-block dt, .offers-details-block dd{ float:left;}
	.offers-details-block dt{ width:56.5%; }
	.offers-details-block dd{ width:38.5%; padding:1.5em 2.5% 4.5em;}
	.offers-details-block dd .btn-booknow{width:34%;  bottom:1em;}

	/*Location*/
	.location-block{}
	.location-block dt, .location-block dd{ width:45%; float:left;}
	.location-block dd{ width:52%; padding:0 0 0 3%;}

/*
}
*/

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
dl.career-block ul {
    margin-top: 0px;
}
dl.career-block li {
    margin-left: -23px;
}

/*Privacy Statement */
.privacy-block{ padding:0; margin:0 0 2em;}
.privacy-block .sub-title{ text-decoration: underline; }


/*Terms & Conditions  */
.terms-block{ padding:0; margin:0 0 2em;}
.terms-block .sub-title{ text-decoration: underline; }
.new_logo {background:url(/img/Butterfly_Hotels_logo.jpg) no-repeat; text-indent: -999em; display: block; background-size: cover;}
.tripAdvisor2018 {text-align: center; background: #fff; margin-right: 5px;}


.cookies_agree {
	position: fixed;
    width: 100%;
    background-color: #c0afc3;
    z-index: 99;
    bottom: 0;
}
.cookies_agree_left {
	float: left;
    width: 65%;
    padding: 15px 2%;
}
.cookies_agree_right {
	float: right;
    max-width: 120px;
	width: 12%;
    padding: 5px 2%;
    background-color: #812990;
    color: #fff;
    text-align: center;
    margin: 10px 3%;
}
.bov_notice {
	width: 100%;
    background-color: #812990;
    position: fixed;
    top: 139px;
    z-index: 99;
}
.bov_notice_content {
	margin: 15px 30px 15px 34%;
    color: #fff;
}
.bov_notice_content a {
    color: #fff;
}
select#bookAHotel optgroup option[value='76671'] {
    display: none;
}
.inner2 #map_canvas .gm-style div div div div div, .inner #location-wrapper .gm-style div div div div div {
	opacity: unset !important;
}
.onerow .col4 .thumbs img.fluid-img {
	height: 237px;
    object-fit: cover;
}
.navi-enjoy {
	float: left;
    padding-left: 20px;
}
.navi-enjoy-2 {
    float: left;
    padding-left: 20px;
    color: #666;
}
.column-box {
	width: 28% !important;
    float: left;
	margin-right: 2% !important;
}
.column-box input {
    width: 100% !important;
    height: 47px !important;
	padding: 0 !important;
}
.column-submit {
	
}
.column-submit .btn-booknow {
	background: #2e2e2e;
    cursor: pointer;
    color: #fff;
    text-align: center;
    width: 10%;
    border: none;
    display: block;
    line-height: 1;
    padding: 1em 0;
}
.column-submit .btn-booknow2 {
	background: #2e2e2e;
    cursor: pointer;
    color: #fff;
    text-align: center;
    width: 10%;
    border: none;
    display: block;
    line-height: 1;
    padding: 1em 0;
}
#navi-top .btn-booknow2{ display:block; text-align:center; background:#812990; padding:.8em 60px; line-height:1; border-bottom:4px solid #d2d0ce; clear:both; cursor:pointer; text-transform:uppercase;}