@import url(http://fonts.googleapis.com/css?family=Lora:400,400italic);
@font-face { font-family: 'ProximaNova'; src: url('http://fonts.orcas.co.nz/Content/Fonts/ProximaNova-Regular/ProximaNova-Regular.eot'); src: url('http://fonts.orcas.co.nz/Content/Fonts/ProximaNova-Regular/ProximaNova-Regular.ttf') format('truetype'),url('http://fonts.orcas.co.nz/Content/Fonts/ProximaNova-Regular/ProximaNova-Regular.woff') format('woff'),url('http://fonts.orcas.co.nz/Content/Fonts/ProximaNova-Regular/ProximaNova-Regular.otf') format('opentype'), local('ProximaNova-Regular'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNova'; src: url('http://fonts.orcas.co.nz/Content/Fonts/ProximaNova-Bold/ProximaNova-Bold.eot'); src: url('http://fonts.orcas.co.nz/Content/Fonts/ProximaNova-Bold/ProximaNova-Bold.ttf') format('truetype'),url('http://fonts.orcas.co.nz/Content/Fonts/ProximaNova-Bold/ProximaNova-Bold.woff') format('woff'),url('http://fonts.orcas.co.nz/Content/Fonts/ProximaNova-Bold/ProximaNova-Bold.otf') format('opentype'), local('ProximaNova-Bold'); font-weight: 700; font-style: normal; }

/*
.stay { color: #80cdc5; }
.do { color: #746b81; }
.eat { color: #f47c54; }
*/

body, html { color: #3c4650; margin: 0; padding: 0; position: relative; height: 100%; -webkit-font-smoothing: antialiased; font-family: Arial, Helvetica, sans-serif; }
body * { font-size: 13px; }

html.authed body { position: relative; }
html.authed .admin-bar { position: fixed; top: 0; left: 0; right: 0; height: 40px; box-sizing: border-box; background-color: #333; color: #fff; border-bottom: solid 1px #fff; z-index: 100; }
html.authed .admin-bar ul { margin: 0; padding: 5px 0; list-style: none; height: 30px; }
html.authed .admin-bar ul li { float: left; width: 30px; height: 30px; }
html.authed .admin-bar ul li a { display: block; height: 30px; box-sizing: padding-box; background-color: #e2e2e2; background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2); text-decoration: none; text-align: center; }
html.authed .admin-bar ul li a .fa { font-size: 22px; line-height: 30px; color: #333; }
html.authed .admin-bar ul li a:hover { background-color: #fff; background-image: none; }
html.authed .admin-bar ul li a:hover .fa { color: #000; }

html.authed body { padding-top: 40px; }

p { margin: 10px 0; padding-bottom: 1px; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.btn { border-radius: 0; text-transform: uppercase; letter-spacing: 1px; }
.btn.disabled { background-color: #ccc !important; color: #333 !important; border: solid 1px #888 !important; outline: none !important; }
.btn.btn-primary.spinner { padding-left: 32px; background-image: url('./images/btn-primary-spinner.gif'); background-repeat: no-repeat; background-position: 6px 6px; }
.btn.disabled.spinner { padding-left: 32px; background-image: url('./images/btn-disabled-spinner.gif'); background-repeat: no-repeat; background-position: 6px 6px; }
.btn span.fa { margin-right: 5px; }
.btn span.fa-on-right { margin-right: 0; margin-left: 5px; }

.cover { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

div.form .field .input input[type=text],
div.form .field .input input[type=password] { width: 100%; height: 30px; padding: 0 4px; line-height: 30px; font-size: 16px; border: solid 1px #ccc; }
div.form .field .input textarea { width: 100%; padding: 4px 4px; line-height: 22px; font-size: 16px; border: solid 1px #ccc; }

div.form .field .input .input-validation-error { border: solid 1px #f00 !important; background-color: #fcc !important; }
div.form .field .input .field-validation-error { color: #f00; }

div.form.errors-on-right .field .input { position: relative; }
div.form.errors-on-right .field .input .field-validation-error { position: absolute; right: -375px; top: 0; width: 365px; line-height: 22px; padding: 3px 5px; border: solid 1px #f00; }

div.form.errors-on-bottom .field { position: relative; padding-bottom: 22px; margin-bottom: 5px; }
div.form.errors-on-bottom .field .field-validation-error { position: absolute; width: 100%; left: 0; bottom: 0; line-height: 22px; padding-top: 0; }

div.form.form-vertical { }
div.form.form-vertical .field { margin-bottom: 10px; }
div.form.form-vertical .field .title label { margin-bottom: 0; text-transform: uppercase; }

div.form.form-horizontal { }
div.form.form-horizontal .heading { margin: 10px 0 5px 0; font-weight: 700; font-size: 16px; }
div.form.form-horizontal .field { margin-bottom: 10px; }
div.form.form-horizontal .field .title { float: left; width: 100px; line-height: 30px; }
div.form.form-horizontal .field .title label { margin-bottom: 0; line-height: 30px; }
div.form.form-horizontal .field .input { padding-left: 100px; }

.alert h4 { font-weight: bold; font-size: 16px; margin-bottom: 0; line-height: 24px; }
.alert p a { font-weight: bold; }
.alert.alert-danger p a { color: #b94a48; }

.sliding-gallery { width: 100%; overflow: hidden; position: relative; }
.sliding-gallery .navigation { height: 0px; position: absolute; left: 0; right: 0; top: 50%; z-index: 10; }
.sliding-gallery .navigation a { cursor: pointer; position: absolute; width: 40px; height: 50px; margin-top: -25px; display: block; color: #fff; opacity: 0.75; transition: opacity .3s ease-out; }
.sliding-gallery .navigation a.prev { left: 0; }
.sliding-gallery .navigation a.next { right: 0; }
.sliding-gallery .navigation a span { line-height: 50px; display: block; text-align: center; color: #fff; font-size: 40px; }
.sliding-gallery .navigation a.prev:hover,
.sliding-gallery .navigation a.next:hover { opacity: 1; }
.sliding-gallery .items { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.sliding-gallery .items .image { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; background: url('') no-repeat center center; background-size: cover; }


.all { min-height: 100%; height: auto; box-sizing: border-box; -moz-box-sizing: border-box; }

a { text-decoration: none; }
a:hover { text-decoration: none; }
a img { border: none; }
a:focus { outline: none !important; text-decoration: none; }

header { position: fixed; height: 80px; top: 0; left: 0; right: 0; background-image: url('./images/header-bg.png'); background-repeat: repeat; z-index: 99; background-color: transparent; transition: background .5s ease-out; }
header .container { position: relative; }
header.solid { background-color: #454647; }
html.authed header { top: 40px; }

.logo { margin-top: 5px; height: 70px; float: left; width: 275px; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-upper { text-transform: uppercase; letter-spacing: 1px; }
.relative { position: relative; }
.text-large { font-size: 16px; }

.pop-up { background-color: #fff; border: solid 2px #86DEEF; padding: 13px 38px 13px 13px; z-index: 90; color: #3a87ad; font-size: 16px; position: absolute; margin-top: 5px; }
.pop-up .up-arrow { position: absolute; top: -7px; height: 5px; width: 9px; left: 50%; margin-left: -5px; background-image: url('./images/up-arrow.png'); }
.pop-up .close-pop-up { position: absolute; right: 7px; top: 5px; cursor: pointer; font-size: 18px; }
.pop-up .close-pop-up:hover { opacity: 0.5; }

.alert-pop-up { background-color: #fff; border: solid 2px #86DEEF; margin-bottom: 15px; position: relative; display: inline-block; padding: 13px 38px 13px 13px; color: #3a87ad; font-size: 16px; }
.alert-pop-up .close-pop-up { position: absolute; right: 7px; top: 5px; cursor: pointer; font-size: 18px; }
.alert-pop-up .close-pop-up:hover { opacity: 0.5; }

#pop-up-browse-listings { margin-left: -10px; }
#pop-up-wishlist { margin-left: -71px; }
#pop-up-view-map { width: 260px; margin-left: -80px; }
#pop-up-view-map .up-arrow { left: auto; right: 82px; margin-left: 0; }
#pop-up-delete-items { margin-top: -2px; }
#pop-up-delete-items .up-arrow { left: 6px; margin-left: 0; }
#pop-up-create-share { width: 320px; margin-left: -70px; }
#alert-more-info,
#alert-add-to-wishlist { margin-top: 15px; margin-bottom: -15px; }

header ul#main-menu { position: absolute; height: 30px; top: 43px; right: 210px; margin: 0; padding: 0; list-style: none; }
header ul#main-menu li { float: left; margin-right: 20px; }
header ul#main-menu li:last-child { margin-right: 0; }
header ul#main-menu li a { height: 30px; position: relative; display: block; color: #fff; transition: color 0.3s ease-in-out; }
header ul#main-menu li a .name { font-size: 18px; font-family: 'ProximaNova', sans-serif; text-transform: uppercase; font-weight: 400; line-height: 30px; letter-spacing: 2px; }
header ul#main-menu li.stay a:hover { color: #80cdc5; }
header ul#main-menu li.stay a:hover .number { border-color: #80cdc5; }
header ul#main-menu li.do a:hover { color: #7f78bf; }
header ul#main-menu li.do a:hover .number { border-color: #7f78bf; }
header ul#main-menu li.eat a:hover { color: #f47c54; }
header ul#main-menu li.eat a:hover .number { border-color: #f47c54; }

header #header-wishlist { position: absolute; height: 66px; top: 7px; right: 0; margin: 0; padding: 0; }
header #header-wishlist .primary-link { font-size: 22px; font-family: 'ProximaNova', sans-serif; text-transform: uppercase; font-weight: 400; line-height: 30px; letter-spacing: 2px; color: #fff; transition: opacity 0.3s ease-in-out; }
header #header-wishlist .primary-link:hover { opacity: 0.8; }
header #header-wishlist .counters { position: relative; height: 36px; }
header #header-wishlist .counters .counter { display: block; width: 22px; height: 22px; position: absolute; top: 10px; left: 0; background-color: #ccc; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: opacity 0.3s ease-in-out; }
header #header-wishlist .counters .counter:hover { opacity: 0.8; }
header #header-wishlist .counters .counter span { display: block; width: 22px; height: 22px; line-height: 22px; font-family: "Lora", sans-serif; color: #fff; font-size: 14px; text-align: center; font-weight: 400; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
header #header-wishlist .counters .counter.stay { left: 4px; background-color: #80cdc5; }
header #header-wishlist .counters .counter.do { left: 42px; background-color: #746b81; }
header #header-wishlist .counters .counter.eat { left: 80px; background-color: #f47c54; }
header #header-wishlist .counters .counter.inactive { opacity: 0.3; }

header #header-login { position: absolute; top: 43px; right: 0; transition: opacity 0.3s ease-in-out; }
header #header-login span.text { font-size: 18px; font-family: 'ProximaNova', sans-serif; text-transform: uppercase; font-weight: 400; line-height: 30px; letter-spacing: 2px; color: #fff; }
header #header-login:hover { opacity: 0.8; }

header #header-profile { position: absolute; top: 10px; right: 10px; }
header #header-profile a.button { display: block; width: 30px; height: 30px; text-align: center; background-color: #e2e2e2; background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2); }
header #header-profile a.button .fa { line-height: 30px; color: #454647; font-size: 21px; }
header #header-profile a.button img { width: 30px; height: 30px; }
header #header-profile ul.menu { display: none; opacity: 0; position: absolute; top: 30px; right: -12px; background-color: #e2e2e2; background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2); padding: 0; margin: 0; list-style: none; transition: opacity 0.3s ease-in-out; }
header #header-profile:hover ul.menu { display: block; opacity: 1; }
header #header-profile.active ul.menu { display: block; opacity: 1; }
header #header-profile ul.menu li { padding: 5px 10px; text-align: right; }
header #header-profile ul.menu li:hover { background-color: #f7f7f7; background-image: linear-gradient(to bottom, #ffffff, #f7f7f7); }
header #header-profile ul.menu li a { color: #454647; display: block; white-space: nowrap; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; font-family: 'ProximaNova', sans-serif; }
header #header-profile ul.menu li a:hover { color: #222; }



footer { position: fixed; left: 0; bottom: 0; right: 0; z-index: 100; }
footer .top { padding: 10px 0; height: 50px; background-color: #454647; }
footer .top:hover { cursor: pointer; }
footer .top a.top-link { display: block; font-family: 'ProximaNova', sans-serif; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; color: #888; cursor: pointer; transition: color 0.3s; font-size: 12px; line-height: 30px; }
footer .top:hover a.top-link { color: #fff; }
/*footer .top a.top-link:hover { color: #fff; }*/
footer .top .icons a.icon { display: inline-block; width: 30px; height: 30px; margin-right: 10px; opacity: 0.6; cursor: pointer; transition: opacity 0.3s; }
footer .top .icons a.icon img { width: 30px; height: 30px; }
footer .top .icons a.icon:hover { opacity: 1; }

footer .bottom { background-image: url('./images/header-bg.png'); background-repeat: repeat; }
footer .bottom ul { margin: 0; padding: 15px 0 10px 0; list-style: none; }
footer .bottom ul li { padding-bottom: 4px; }
footer .bottom ul li a { color: #fff; }
footer .bottom ul li.first a { font-size: 16px; }
footer .bottom ul li.first span { font-size: 16px; color: #fff; }
footer .bottom .form-frame { margin-top: 15px; width: 240px; height: 110px; }
footer .bottom .copyright { clear: left; padding: 5px 0; text-align: right; }


h1 { font-family: 'ProximaNova', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 24px; line-height: 25px; color: #3c4650; margin: 0; }
h2 { font-family: 'ProximaNova', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 24px; line-height: 25px; color: #3c4650; margin: 0; }

.row.bottom-border { border-bottom: solid 1px #333; }

.all { padding-bottom: 130px; }
.banner-area { min-height: 80px; }
.banner-area .container { position: relative; }
.banner-area .container .overlay { display: none; width: 320px; background-image: url('./images/banner-overlay-bg.png'); position: absolute; right: 30px; top: 75px; z-index: 80; padding: 15px 25px 25px 25px; }
.banner-area .container .overlay h1 { font-family: "Lora", serif; font-style: italic; font-size: 35px; text-transform: none; text-align: center; line-height: 40px; }
.banner-area .container .overlay a.button { display: block; margin: 15px auto 0 auto; border: solid 1px #333; color: #333; padding: 10px; font-size: 18px; text-align: center; text-transform: uppercase; font-family: 'ProximaNova', sans-serif; transition: all linear 0.2s; }
.banner-area .container .overlay a.button:hover { background-color: #80cdc5; color: #222; }
.banner-area #banner { height: 250px; position: relative; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.page-home .banner-area .container .overlay { display: block; }
.page-home .banner-area #banner { height: 450px; position: relative; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.page-home .banner-area #slider { max-height: 450px; }
.page-home #pop-up-browse-listings { display: none; }

.seperator-line { height: 1px; border-top: solid 1px #333; margin: 15px 0; }

.squares { padding: 20px 0; }
.squares .item { margin-bottom: 80px; }
.squares .item a { display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 0 !important; position: relative; z-index: 1; }
.squares .item a.image { border: solid 1px #ccc; height: 200px; }
.squares .item .overlay { position: absolute; left: 0; bottom: 0; right: 0; height: 50px; background-color: #fff; opacity: 0.8; transition: opacity 0.3s; }
.squares .item .overlay.stay { background-color: #9bbec3; }
.squares .item .overlay.do { background-color: #a7afa4; }
.squares .item .overlay.eat { background-color: #a49baa; }

.squares .item .overlay.stay-02 { background-color: #4bbfa3; }
.squares .item .overlay.do-02 { background-color: #625cc4; }
.squares .item .overlay.eat-02 { background-color: #ff3700; }

.squares .item .overlay.stay-03 { background-color: #80cdc5; }
.squares .item .overlay.do-03 { background-color: #7f78bf; }
.squares .item .overlay.eat-03 { background-color: #f47c54; }

.squares .item .title { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 25px; text-transform: uppercase; }
.squares .item:hover .overlay { opacity: 1; }
.squares .item .description { padding: 40px 20px 80px 20px; font-family: 'Lora', serif; color: #444; text-align: justify; border: solid 1px #ccc; border-top: none; }
.squares .item .diamond { background-color: #fff; margin: -60px auto 0 auto; width: 160px; height: 120px; padding: 0 20px; }
.squares .item .diamond a.bottom { width: 120px; height: 120px; display: block; position: relative; }
.squares .item .diamond a.bottom .icon img,
.squares .item .diamond a.bottom .hover img { width: 100%; }

.squares .item .diamond a.bottom .icon { opacity: 1; transition: opacity 0.3s; position: absolute; left: 0; right: 0; }
.squares .item .diamond a.bottom .hover { opacity: 0; transition: opacity 0.3s; position: absolute; left: 0; right: 0; }

.squares .item .diamond a.bottom:hover .icon { opacity: 0; }
.squares .item .diamond a.bottom:hover .hover { opacity: 1; }

.interactive { width: 80px; height: 80px; margin: 40px auto; }
.interactive a.button { display: block; width: 60px; height: 60px; border: solid 1px #9bbec3; background-color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); color: #9bbec3; transition: color 0.3s, background-color 0.3s, border 0.3s, transform 0.3s; -webkit-transition: color 0.3s, background-color 0.3s, border 0.3s, transform 0.3s; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.interactive a.button .span { width: 60px; height: 60px; font-size: 50px; line-height: 60px; text-align: center; font-weight: 400; color: #9bbec3; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.interactive a.button:hover { background-color: #9bbec3; color: #fff; border: solid 1px #9bbec3; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.interactive a.button:hover .span { color: #fff; }

.bookit { font-style: italic; font-weight: bold; }
.bookit .book { color: #f5962c; }
.bookit .it { color: #004f60; }


.dialog { padding: 20px 80px; max-width: 960px; width: 100%; margin: 0 auto; }
.dialog .dialog-content { background-color: #fff; position: relative; padding: 40px 0 54px 0; height: 100%; }
.dialog .dialog-content .dialog-header { position: absolute; top: 0; left: 0; right: 0; height: 40px; padding-right: 4px; border-bottom: solid 1px #ccc; }
.dialog .dialog-content .dialog-header h4 { margin: 0; padding: 10px 0 0 10px; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-family: 'ProximaNova', sans-serif; line-height: 20px; }
.dialog .dialog-content .dialog-header .close { display: block; width: 20px; height: 20px; border: solid 1px #888; line-height: 20px; position: absolute; top: 10px; right: 10px; float: none; }
.dialog .dialog-content .dialog-body { padding: 10px; }
.dialog .dialog-content .dialog-footer { position: absolute; left: 0; bottom: 0; right: 0; height: 54px; padding: 10px; border-top: solid 1px #ccc; }

.dialog.dialog-full-height { position: relative; height: 100%; }
.dialog.dialog-full-height .dialog-content .dialog-body { padding: 0; overflow-y: scroll; position: relative; height: 100%; }


/* Section Headers */
#section-headers { padding-top: 40px; height: 80px; }
#section-headers .section-header { transition: width 0.3s ease-out; -webkit-transition: width 0.3s ease-out; -moz-transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; }
#section-headers .section-header a { display: block; border-top: solid 1px #000; height: 40px; position: relative; }
#section-headers .section-header a .title { position: absolute; top: 5px; left: 5px; font-size: 18px; font-family: 'ProximaNova', sans-serif; text-transform: uppercase; font-weight: 400; float: left; line-height: 30px; }
#section-headers .section-header a .icon { position: absolute; top: 5px; right: 0; width: 30px; height: 30px; background-repeat: no-repeat; }
#section-headers .section-header.stay a { border-color: #80cdc5; color: #80cdc5; }
#section-headers .section-header.do a { border-color: #746b81; color: #746b81; }
#section-headers .section-header.eat a { border-color: #f47c54; color: #f47c54; }
#section-headers .section-header.stay a .icon { background-image: url('./images/section-icon-stay.png'); width: 37px; }
#section-headers .section-header.do a .icon { background-image: url('./images/section-icon-do.png'); }
#section-headers .section-header.eat a .icon { background-image: url('./images/section-icon-eat.png'); }
/* End Section Headers */


/* Home */
#home h1 { font-family: 'ProximaNova', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 35px; line-height: 40px; color: #3c4650; }
#home h2 { font-family: 'Lora', serif; font-weight: 400; font-style: italic; letter-spacing: 1px; font-size: 22px; line-height: 25px; padding-bottom: 20px; color: #3c4650; text-transform: none; }
#home p { font-family: 'Lora', serif; color: #3c4650; text-align: justify; line-height: 22px; }

#location-selector { padding: 30px 0; text-align: center; }
#location-selector .title { font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 15px 0; }
#location-selector .input { padding: 5px 0 10px 0; }
#location-selector .input select { width: 200px; padding: 5px; }

img[usemap], map area { outline: none !important; }
/* End Home */


/* Availability Table */
table.table-availability { width: 200%; border-collapse: collapse; border: solid 1px #888; }
table.table-availability tr th { padding: 5px 8px; background-color: #686b74; font-weight: normal; color: #fff; border: solid 1px #aaa; }
table.table-availability tr th select { padding: 4px; }
table.table-availability tr th .month { display: block; font-size: 14px; color: #ddd; }
table.table-availability tr th .day { text-transform: uppercase; font-size: 16px; }
table.table-availability tr th .date { font-size: 16px; }
table.table-availability tr td { background-color: #e2e1e2; border: solid 1px #aaa; font-family: "Lora", serif; }
table.table-availability tr:nth-child(2n+1) td { background-color: #c7c6ca; }
table.table-availability tr td .title { font-size: 16px; padding: 8px; }
table.table-availability tr td .price { font-size: 16px; color: #333; display: block; padding: 8px; letter-spacing: 1px; line-height: 23px; }
table.table-availability tr td .no-price { height: 39px; display: block; }
table.table-availability tr td a.price:hover { background-color: #f4f3f4; }
table.table-availability tr th.col-prev a { float: right; color: #fff; font-size: 20px; padding: 0 5px 0 0; }
table.table-availability tr th.col-next { width: 1%; padding: 0 8px; }
table.table-availability tr th.col-next a { color: #fff; font-size: 20px; }

#availability-container { position: relative; }
#availability-container.loading table.table-availability { opacity: 1; transition: opacity 0.2s ease-in-out; }
#availability-container.loading table.table-availability { opacity: 0.6; }
#availability-container.loading table.table-availability a { cursor: default; }
#availability-container .spinner { position: absolute; display: none; top: 64px; width: 32px; height: 32px; left: 50%; margin-left: -16px; background-image: url('./images/loading-large.gif'); background-repeat: no-repeat; }
#availability-container.loading .spinner { display: block; z-index: 10; }
/* End Availability Table */

/* Search */
.page-search .listing-filter-container { position: relative; height: 220px; margin-top: 40px; }
.page-search .listing-filters { position: absolute; top: 0; left: 0; right: 0; }
.page-search .listing-filters .title { text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-family: 'ProximaNova', sans-serif; margin-top: 10px; }
.page-search .listing-filters select { width: 100%; }

.page-search #listing-container { min-height: 500px; position: relative; }
.page-search #listing-container .spinner { position: absolute; display: none; top: 0px; width: 32px; height: 32px; left: 50%; margin-left: -16px; background-image: url('./images/loading-large.gif'); background-repeat: no-repeat; }
.page-search #listing-container.loading .spinner { display: block; z-index: 10; }


.page-search .listings .listing { margin-bottom: 30px; position: relative; }
.page-search .listings .listing a.primary { display: block; border: solid 1px #ccc; text-decoration: none; color: #3c4650; }
.page-search .listings .listing a.primary .image { height: 250px; background-color: #000; position: relative; z-index: 1; }
.page-search .listings .listing a.primary:hover .image { opacity: 0.8; }
.page-search .listings .listing a.primary .all-details { background-repeat: no-repeat; background-position: right 10px; min-height: 50px; }
.page-search .listings .listing a.primary .all-details .title { text-transform: uppercase; letter-spacing: 1px; padding: 5px 50px 5px 10px; line-height: 20px; height: 50px; overflow: hidden; }
.page-search .listings .listing a.primary .all-details .meta { padding: 0 10px 5px 10px; height: 25px; line-height: 15px; }
.page-search .listings .listing a.primary .all-details .meta .people { float: left; padding-left: 22px; background-image: url('./images/listing-icon-people.png'); background-position: left top; background-repeat: no-repeat; }
.page-search .listings .listing a.primary .all-details .meta .beds { float: left; padding-left: 25px; margin-left: 20px; background-image: url('./images/listing-icon-beds.png'); background-position: left top; background-repeat: no-repeat; }
.page-search .listings .listing a.primary .all-details .meta .baths { float: left; padding-left: 25px; margin-left: 20px; background-image: url('./images/listing-icon-baths.png'); background-position: left top; background-repeat: no-repeat; }

.page-search .listings .listings-stay .listing a .all-details { background-image: url('./images/listing-icon-stay.png'); }
.page-search .listings .listings-do .listing a .all-details { background-image: url('./images/listing-icon-do.png'); }
.page-search .listings .listings-eat .listing a .all-details { background-image: url('./images/listing-icon-eat.png'); }

.page-search .listings .listing a.add-remove { position: absolute; top: 10px; right: 10px; width: 42px; height: 42px; z-index: 2; }
.page-search .listings .listing a.add-remove .icon { width: 30px; height: 30px; position: absolute; top: 6px; left: 6px; border: solid 1px #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 0.3s ease-in-out; background-image: url('./images/black_64.png'); }
.page-search .listings .listing a.add-remove .icon .plus { width: 27px; height: 29px; font-size: 35px; line-height: 29px; text-align: center; font-weight: 400; color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.page-search .listings .listing a.add-remove.remove .icon { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.page-search .listings .listing a.add-remove:hover .icon { background-image: url('./images/black_128.png'); }
/* End Search */

/* Hint Icons */
#hint-icon { width: 30px; height: 30px; position: absolute; top: 5px; left: 0; z-index: 1000; border: solid 1px #3c4650; background-color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#hint-icon .plus { display: block; width: 27px; height: 29px; font-size: 35px; line-height: 29px; text-align: center; font-weight: 400; color: #3c4650; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
/*  End Hint Icons */

/* Listing */
.listing-view { padding-top: 40px; }
.listing-view .breadcrumb { padding: 0; font-family: 'ProximaNova', sans-serif; background-color: #fff; border-radius: 0; margin-bottom: 10px; }
.listing-view .breadcrumb a { text-transform: uppercase; letter-spacing: 1px; color: #888; font-size: 16px; }
.listing-view .breadcrumb .seperator { color: #3c4650; font-size: 16px; margin: 0 3px; }

.listing-view .sliding-gallery { margin-bottom: 20px; height: 288px; }
.listing-view .sliding-gallery .items {  }
.listing-view .sliding-gallery .items .image { }
.listing-view .small-images { }
.listing-view .small-images a.image { float: left; display: block; width: 33.33%; height: 90px; background-color: #ccc; border: solid 4px #fff; border-left: none; border-bottom: none; opacity: 1; transition: opacity .3s ease-out; cursor: pointer; }
.listing-view .small-images a.image:hover { opacity: 0.85; }
.listing-view .small-images a.image.active { opacity: 0.7; cursor: default; }


.listing-view h1 { font-size: 22px; }

.listing-view #wishlist a { text-transform: uppercase; color: #3c4650; display: block; position: relative; width: 160px; height: 40px; line-height: 20px; }
.listing-view #wishlist a .title { display: block; padding-left: 50px; }
.listing-view #wishlist a .icon { display: block; width: 30px; height: 30px; position: absolute; top: 5px; left: 0; border: solid 1px #3c4650; background-color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 0.3s ease-in-out; }
.listing-view #wishlist a .icon .plus { display: block; width: 27px; height: 29px; font-size: 35px; line-height: 29px; text-align: center; font-weight: 400; color: #3c4650; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.listing-view #wishlist a.remove .icon { transform: rotate(90deg); -webkit-transform: rotate(90deg); }

.listing-view .description .title { text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-family: 'ProximaNova', sans-serif; padding-bottom: 10px; }

.listing-view .features .title { text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-family: 'ProximaNova', sans-serif; padding-bottom: 10px; }
.listing-view .features .value .feature { float: left; width: 76px; height: 80px; margin-bottom: 20px; }
.listing-view .features .value .feature .name { display: block; text-align: center; }
.listing-view .features .value .feature .icon { display: block; width: 60px; height: 60px; margin-left: 8px; background-color: #fff; background-image: url('./images/Icons/feature-icons-60.png'); }
.listing-view .features .value .feature .icon.icon-default { background-position: 0 0; }
.listing-view .features .value .feature .icon.icon-internet { background-position: -60px 0; }
.listing-view .features .value .feature .icon.icon-parking { background-position: -120px 0; }
.listing-view .features .value .feature .icon.icon-spa { background-position: -180px 0; }
.listing-view .features .value .feature .icon.icon-bbq { background-position: -240px 0; }
.listing-view .features .value .feature .icon.icon-fireplace { background-position: 0 -60px; }
.listing-view .features .value .feature .icon.icon-sauna { background-position: -60px -60px; }
.listing-view .features .value .feature .icon.icon-sky { background-position: -120px -60px; }

.listing-view .features .value .feature .icon.icon-air-con { background-image: url('./images/Icons/air-con.png');  }
.listing-view .features .value .feature .icon.icon-bar { background-image: url('./images/Icons/bar.png');  }
.listing-view .features .value .feature .icon.icon-bed { background-image: url('./images/Icons/bed.png');  }
.listing-view .features .value .feature .icon.icon-breakfast { background-image: url('./images/Icons/breakfast.png');  }
.listing-view .features .value .feature .icon.icon-cafe { background-image: url('./images/Icons/cafe.png');  }
.listing-view .features .value .feature .icon.icon-catering { background-image: url('./images/Icons/catering.png');  }
.listing-view .features .value .feature .icon.icon-conference-room { background-image: url('./images/Icons/conference-room.png');  }
.listing-view .features .value .feature .icon.icon-dining-room { background-image: url('./images/Icons/dining-room.png');  }
.listing-view .features .value .feature .icon.icon-dry-cleaning { background-image: url('./images/Icons/dry-cleaning.png');  }
.listing-view .features .value .feature .icon.icon-eftpos { background-image: url('./images/Icons/eftpos.png');  }
.listing-view .features .value .feature .icon.icon-freeview { background-image: url('./images/Icons/free-view.png');  }
.listing-view .features .value .feature .icon.icon-gym { background-image: url('./images/Icons/gym.png');  }
.listing-view .features .value .feature .icon.icon-laundry-facilities { background-image: url('./images/Icons/laundry-facilities.png');  }
.listing-view .features .value .feature .icon.icon-laundry-service { background-image: url('./images/Icons/laundry-service.png');  }
.listing-view .features .value .feature .icon.icon-non-smoking { background-image: url('./images/Icons/non-smoking.png');  }
.listing-view .features .value .feature .icon.icon-room-service { background-image: url('./images/Icons/room-service.png');  }
.listing-view .features .value .feature .icon.icon-wheelchair-access { background-image: url('./images/Icons/wheelchair-access.png');  }

.listing-view .sidebar .item { border-bottom: solid 1px #333; padding: 10px 0; text-transform: uppercase; padding-left: 30px; position: relative; line-height: 22px; letter-spacing: 1px; }
.listing-view .sidebar .item a { color: #3c4650; }
.listing-view .sidebar .item .icon { position: absolute; top: 10px; left: 0; width: 25px; height: 22px; background-color: #ccc; background-image: url('./images/listing-detail-icons.png'); }
.listing-view .sidebar .item-rating { height: 43px; }
.listing-view .sidebar .item-rating .rating { display: block; float: left; height: 22px; line-height: 22px; margin-right: 4px; }
.listing-view .sidebar .item-rating .star { display: block; float: left; width: 22px; height: 22px; margin-right: 1px; background-image: url('./images/rating-stars.png'); }
.listing-view .sidebar .item-rating .star.active { background-position: 0 0; }
.listing-view .sidebar .item-rating .star.inactive { background-position: -44px 0; }

.listing-view .sidebar .item.item-feedback .feedback .quote { text-transform: none; font-style: italic; font-size: 14px; }
.listing-view .sidebar .item.item-feedback .feedback .author { font-size: 12px; }
.listing-view .sidebar .item.item-feedback .more-feedback { text-align: right; padding-top: 10px; }
.listing-view .sidebar .item.item-feedback .more-feedback a { color: #3c4650; }

.listing-view .sidebar .item.item-price .icon { background-position: 0 0; }
.listing-view .sidebar .item.item-contact .icon { background-position: -25px 0; }
.listing-view .sidebar .item.item-website .icon { background-position: -50px 0; }
.listing-view .sidebar .item.item-rating .icon { background-position: -75px 0; }
.listing-view .sidebar .item.item-feedback .icon { background-position: -100px 0; }
.listing-view .sidebar .item.item-meta .icon { background-position: -125px 0; }

.listing-view .sidebar .item.item-meta .values { height: 22px; }
.listing-view .sidebar .item.item-meta .values > span { display: inline-block; height: 22px; background-image: url('./images/listing-meta-icons.png'); background-repeat: no-repeat; }
.listing-view .sidebar .item.item-meta .values .people { padding: 0 10px 0 20px; background-position: 0 0; }
.listing-view .sidebar .item.item-meta .values .beds { padding: 0 10px 0 26px; background-position: 0 -22px; }
.listing-view .sidebar .item.item-meta .values .baths { padding: 0 0 0 26px; background-position: 0 -44px; }

.listing-view .sidebar .item.item-map { padding-left: 0; }

/*.listing-view #availability-table { margin-top: 40px; }*/

#feedback-dialog .feedback { padding: 10px; border-bottom: solid 1px #ccc; }
#feedback-dialog .feedback:last-child { margin-bottom: 0; border-bottom: none; }
#feedback-dialog .feedback .quote { font-style: italic; font-size: 14px; }
#feedback-dialog .feedback .author { text-transform: uppercase; font-size: 12px; padding: 5px 0; }
#feedback-dialog .feedback .created { font-size: 10px; font-style: italic; color: #888; }
/* End Listing */


/* Wishlist */
.page-wishlist .page-heading { position: relative; margin-top: 40px; }
.page-wishlist .page-heading a.view-map { position: absolute; right: 0; top: 0; display: inline-block; height: 29px; line-height: 29px; color: #fff; background-color: #3c4650; width: 180px; text-align: center; text-transform: uppercase; color: #fff; font-family: "ProximaNova", sans-serif; font-size: 12px; letter-spacing: 1px; transition: opacity 0.3s ease-in-out; }
.page-wishlist .page-heading a.view-map:hover { opacity: 0.8; }

.page-wishlist .listing-count { position: relative; height: 60px; margin-bottom: 40px; }
.page-wishlist .listing-count .counter { display: block; width: 30px; height: 30px; position: absolute; top: 17px; left: 0; background-color: #ccc; transform: rotate(45deg); -webkit-transform: rotate(45deg); cursor: default; }
.page-wishlist .listing-count .counter span { display: block; width: 30px; height: 30px; line-height: 30px; font-family: "Lora", sans-serif; color: #fff; font-size: 16px; text-align: center; font-weight: 400; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.page-wishlist .listing-count .counter.stay { left: 7px; background-color: #80cdc5; }
.page-wishlist .listing-count .counter.do { left: 57px; background-color: #746b81; }
.page-wishlist .listing-count .counter.eat { left: 107px; background-color: #f47c54; }

.page-wishlist .wishlist-row { margin-bottom: 60px; }
.page-wishlist .wishlist-row .heading { position: relative; height: 50px; border-top: solid 2px #ccc; }
.page-wishlist .wishlist-row .heading .name { position: absolute; top: 7px; left: 5px; font-size: 20px; font-family: 'ProximaNova', sans-serif; text-transform: uppercase; font-weight: 400; float: left; line-height: 30px; }
.page-wishlist .wishlist-row .heading .icon { position: absolute; top: 5px; width: 30px; height: 30px; }

.page-wishlist .wishlist-row.stay .heading .icon { background-image: url('./images/section-icon-stay.png'); width: 37px; left: 87px; }
.page-wishlist .wishlist-row.do .heading .icon { background-image: url('./images/section-icon-do.png'); left: 75px; }
.page-wishlist .wishlist-row.eat .heading .icon { background-image: url('./images/section-icon-eat.png'); left: 80px; }

.page-wishlist .wishlist-row .listings { border-top: solid 1px #ccc; }
.page-wishlist .wishlist-row .listings .listing { border-bottom: solid 1px #ccc; position: relative; padding: 5px 0; line-height: 19px; padding-left: 30px; }
.page-wishlist .wishlist-row .listings .listing a.add-remove { position: absolute; left: 5px; top: 8px; display: block; width: 13px; height: 13px; background-color: #ccc; transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: all 0.3s ease-in-out; }
.page-wishlist .wishlist-row .listings .listing a.add-remove:hover { opacity: 0.8; }
.page-wishlist .wishlist-row .listings .listing a.add-remove .plus { display: block; width: 13px; height: 13px; line-height: 13px; font-size: 15px; text-align: center; font-weight: 400; color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.page-wishlist .wishlist-row .listings .listing a.name { display: block; color: #3c4650; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-family: "ProximaNova", sans-serif; line-height: 19px; padding-right: 190px; }
.page-wishlist .wishlist-row .listings .listing a.name:hover { text-decoration: underline; }
.page-wishlist .wishlist-row .listings .listing a.book-now { position: absolute; top: 0; right: 0; height: 29px; line-height: 29px; background-color: #ccc; width: 180px; text-align: center; text-transform: uppercase; color: #fff; font-family: "ProximaNova", sans-serif; font-size: 12px; letter-spacing: 1px; transition: opacity 0.3s ease-in-out; }
.page-wishlist .wishlist-row .listings .listing a.book-now:hover { opacity: 0.8; }
.page-wishlist .wishlist-row .listings .listing .bookings .booking { color: #666; }

.page-wishlist .wishlist-row .listings .listing.removed { opacity: 0.6; }
.page-wishlist .wishlist-row .listings .listing.removed a.add-remove { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.page-wishlist .wishlist-row .listings .listing.removed a.book-now { opacity: 0; cursor: default; }

.page-wishlist .wishlist-row .listings .listing.booked a.add-remove { opacity: 0.6; cursor: default; }
.page-wishlist .wishlist-row .listings .listing.booked a.add-remove .plus { display: none; }

.page-wishlist .wishlist-row.stay .heading { color: #80cdc5; border-top-color: #80cdc5; }
.page-wishlist .wishlist-row.stay .heading .number { border-bottom-color: #80cdc5; }
.page-wishlist .wishlist-row.stay .listings .listing a.book-now { background-color: #80cdc5; }
.page-wishlist .wishlist-row.stay .listings .listing a.add-remove { background-color: #80cdc5; }

.page-wishlist .wishlist-row.do .heading { color: #746b81; border-top-color: #746b81; }
.page-wishlist .wishlist-row.do .heading .number { border-bottom-color: #746b81; }
.page-wishlist .wishlist-row.do .listings .listing a.book-now { background-color: #746b81; }
.page-wishlist .wishlist-row.do .listings .listing a.add-remove { background-color: #746b81; }

.page-wishlist .wishlist-row.eat .heading { color: #f47c54; border-top-color: #f47c54; }
.page-wishlist .wishlist-row.eat .heading .number { border-bottom-color: #f47c54; }
.page-wishlist .wishlist-row.eat .listings .listing a.book-now { background-color: #f47c54; }
.page-wishlist .wishlist-row.eat .listings .listing a.add-remove { background-color: #f47c54; }
/* End Wishlist */


/* Create Booking */
.page-create-booking { padding-bottom: 100px; }

.page-create-booking .seperator-line { margin: 20px 0; }

.page-create-booking .back-to-wishlist { padding-top: 20px; }
.page-create-booking .back-to-wishlist a { display: inline-block; height: 20px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; color: #3c4650; font-size: 16px; }

.page-create-booking h1 { margin-bottom: 20px; }
.page-create-booking h2 { margin-bottom: 10px; font-size: 20px; }

.page-create-booking .sliding-gallery { height: 350px; margin-bottom: 20px; }

.page-create-booking .contact-details { margin-bottom: 40px; }

.page-create-booking .add-to-itinerary .form-horizontal .heading { margin-top: 0; }
.page-create-booking .add-to-itinerary .form-horizontal .field .title { width: 60px; }
.page-create-booking .add-to-itinerary .form-horizontal .field .input { padding-left: 60px; }
.page-create-booking .add-to-itinerary .form-horizontal .field .input textarea { height: 100px; }
/* End Create Booking */


/* Itinerary */
.page-itinerary .page-heading { position: relative; margin-top: 40px; margin-bottom: 40px; }
.page-itinerary .page-heading .date { font-style: italic; }

.page-itinerary .itinerary-row { margin-bottom: 60px; }
.page-itinerary .itinerary-row .heading { position: relative; height: 50px; border-top: solid 2px #ccc; }
.page-itinerary .itinerary-row .heading .number { position: absolute; top: 10px; left: 0; font-size: 11px; border-bottom: solid 1px #333; line-height: 16px; font-family: 'Lora', serif; letter-spacing: 1px; }
.page-itinerary .itinerary-row .heading .name { position: absolute; top: 5px; left: 20px; font-size: 18px; font-family: 'ProximaNova', sans-serif; text-transform: uppercase; font-weight: 400; float: left; line-height: 30px; }
.page-itinerary .itinerary-row .heading .icon { position: absolute; top: 5px; left: 80px; width: 30px; height: 30px; background-color: #ccc; }

.page-itinerary .itinerary-row.stay .heading .icon { background-image: url('./images/section-icon-stay.png'); width: 37px; left: 87px; }
.page-itinerary .itinerary-row.do .heading .icon { background-image: url('./images/section-icon-do.png'); left: 75px; }
.page-itinerary .itinerary-row.eat .heading .icon { background-image: url('./images/section-icon-eat.png'); left: 80px; }

.page-itinerary .itinerary-row .heading { font-size: 18px; text-transform: uppercase; line-height: 25px; margin-top: 20px; padding: 20px 0 10px 0; }

.page-itinerary .itinerary-row { page-break-inside: avoid; }
.page-itinerary .itinerary-row .listings .listing { border: solid 2px #000; background-repeat: no-repeat !important; background-position: 10px 6px !important; margin-bottom: 10px; padding: 10px; }
.page-itinerary .itinerary-row .listings .listing .details { }
.page-itinerary .itinerary-row .listings .listing .details .name { font-size: 18px; line-height: 25px; display: inline; margin-right: 40px; padding-left: 50px; }
.page-itinerary .itinerary-row .listings .listing .details .datetime { line-height: 25px; display: inline; }
.page-itinerary .itinerary-row .listings .listing .contact { padding-top: 5px; }
.page-itinerary .itinerary-row .listings .listing .contact .method { margin: 0; line-height: 25px; float: left; margin-right: 40px; }
.page-itinerary .itinerary-row .listings .listing .contact .method .type { color: #666; }
.page-itinerary .itinerary-row .listings .listing .notes { padding-top: 10px; }

.page-itinerary .itinerary-row .listings .listing.stay { border-color: #80cdc5; background-image: url('./images/section-icon-stay.png') !important; }
.page-itinerary .itinerary-row .listings .listing.do { border-color: #746b81; background-image: url('./images/section-icon-do.png') !important; }
.page-itinerary .itinerary-row .listings .listing.eat { border-color: #f47c54; background-image: url('./images/section-icon-eat.png') !important; }


.page-itinerary .action-buttons a { display: inline-block; margin: 0 0 10px 20px; }
/* End Itinerary */

/* Wishlist Map */
.map-wrapper { position: relative; height: 100%; }

.map-wrapper #map { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.map-wrapper .infoWindow { width: 240px; }
.map-wrapper .infoWindow img { display: block; }
.map-wrapper .infoWindow .title { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-family: "ProximaNova", Arial, Helvetica, sans-serif; padding-top: 5px; }

/*.map-wrapper #map-overlay { position: absolute; left: 0; top: 0; bottom: 0; }*/

.map-wrapper #map-overlay .listing-panel { position: absolute; left: 10px; top: 54px; bottom: 10px; width: 250px; background-color: #fff; padding: 10px; overflow-y: scroll; border: solid 1px #ddd; }
.map-wrapper #map-overlay .listing-panel .wishlist-row { padding-bottom: 20px; }
.map-wrapper #map-overlay .listing-panel .wishlist-row .heading { position: relative; height: 35px; border-top: solid 1px #ccc; }
.map-wrapper #map-overlay .listing-panel .wishlist-row:first-child .heading { border-top: none; }
.map-wrapper #map-overlay .listing-panel .wishlist-row .heading .name { position: absolute; top: 0; left: 5px; font-size: 20px; font-family: 'ProximaNova', sans-serif; text-transform: uppercase; font-weight: 400; float: left; line-height: 30px; }
.map-wrapper #map-overlay .listing-panel .wishlist-row .heading .icon { position: absolute; top: 5px; width: 20px; height: 20px; }

.map-wrapper #map-overlay .listing-panel .wishlist-row.stay .heading .icon { background-image: url('./images/section-icon-stay-small.png'); width: 25px; left: 87px; top: 4px; }
.map-wrapper #map-overlay .listing-panel .wishlist-row.do .heading .icon { background-image: url('./images/section-icon-do-small.png'); left: 75px; }
.map-wrapper #map-overlay .listing-panel .wishlist-row.eat .heading .icon { background-image: url('./images/section-icon-eat-small.png'); left: 80px; }

.map-wrapper #map-overlay .listing-panel .wishlist-row .listings { border-top: solid 1px #ccc; }
.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing { border-bottom: solid 1px #ccc; position: relative; padding: 5px 0; line-height: 19px; padding-left: 30px; }
.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing:last-child { border-bottom: none; }
.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing a.add-remove { position: absolute; left: 5px; top: 8px; display: block; width: 13px; height: 13px; background-color: #ccc; transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: all 0.3s ease-in-out; }
.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing a.add-remove:hover { opacity: 0.8; }
.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing a.add-remove .plus { display: block; width: 13px; height: 13px; line-height: 13px; font-size: 15px; text-align: center; font-weight: 400; color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing a.name { display: block; color: #3c4650; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-family: "ProximaNova", sans-serif; line-height: 17px; }
.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing a.name:hover { text-decoration: underline; }

.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing.active { background-color: #ccc; }
.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing.inactive a.name { color: #888; }
.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing.inactive a.name:hover { text-decoration: none; cursor: default;  }

.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing.removed { opacity: 0.6; }
.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing.removed a.add-remove { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing.removed a.name { text-decoration: none; cursor: default; }

.map-wrapper #map-overlay .listing-panel .wishlist-row.stay .heading { color: #80cdc5; border-top-color: #80cdc5; }
.map-wrapper #map-overlay .listing-panel .wishlist-row.stay .heading .number { border-bottom-color: #80cdc5; }
.map-wrapper #map-overlay .listing-panel .wishlist-row.stay .listings .listing a.book-now { background-color: #80cdc5; }
.map-wrapper #map-overlay .listing-panel .wishlist-row.stay .listings .listing a.add-remove { background-color: #80cdc5; }

.map-wrapper #map-overlay .listing-panel .wishlist-row.do .heading { color: #746b81; border-top-color: #746b81; }
.map-wrapper #map-overlay .listing-panel .wishlist-row.do .heading .number { border-bottom-color: #746b81; }
.map-wrapper #map-overlay .listing-panel .wishlist-row.do .listings .listing a.book-now { background-color: #746b81; }
.map-wrapper #map-overlay .listing-panel .wishlist-row.do .listings .listing a.add-remove { background-color: #746b81; }

.map-wrapper #map-overlay .listing-panel .wishlist-row.eat .heading { color: #f47c54; border-top-color: #f47c54; }
.map-wrapper #map-overlay .listing-panel .wishlist-row.eat .heading .number { border-bottom-color: #f47c54; }
.map-wrapper #map-overlay .listing-panel .wishlist-row.eat .listings .listing a.book-now { background-color: #f47c54; }
.map-wrapper #map-overlay .listing-panel .wishlist-row.eat .listings .listing a.add-remove { background-color: #f47c54; }

.map-wrapper #map-overlay #open-bar { display: none; width: 40px; font-size: 14px; position: absolute; top: 54px; left: 0; bottom: 10px; background-color: #fff; border-radius: 0 10px 10px 0; border: solid 1px #ddd; border-left: none; }
.map-wrapper #map-overlay #open-bar .icon { width: 40px; height: 40px; line-height: 40px; position: absolute; top: 50%; margin-top: -20px; left: 0; font-size: 30px; text-align: center; color: #888; }
.map-wrapper #map-overlay #open-bar .icon.icon-collapse { display: none; }
.map-wrapper #map-overlay .listing-panel { display: block; }


.page-wishlist-map .all { height: 100%; }
.page-wishlist-map .all > .container { height: 100%; width: 100%; max-width: 100%; padding: 0; }
.page-wishlist-map .map-wrapper #map-overlay .back-to-wishlist { position: absolute; top: 10px; left: 10px; width: 250px; }
.page-wishlist-map .map-wrapper #map-overlay .back-to-wishlist a { display: block; text-align: left; }


.page-share-itinerary .all { height: 100%; }
.page-share-itinerary .all > .container { height: 100%; width: 100%; max-width: 100%; padding: 0; }
.page-share-itinerary .map-wrapper #map-overlay .page-heading { position: absolute; top: 10px; left: 10px; background-color: #fff; border: solid 1px #adadad; color: #333333; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.43; margin-bottom: 0px; padding: 6px 12px; white-space: nowrap; text-transform: uppercase; letter-spacing: 1px; }
.page-share-itinerary .map-wrapper #map-overlay .page-heading .name { }
.page-share-itinerary .map-wrapper #map-overlay .page-heading .date { font-size: 12px; color: #888; text-transform: none; }
.page-share-itinerary .map-wrapper #map-overlay .listing-panel { top: 70px; }
.page-share-itinerary .map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing { padding-left: 0px; }
.page-share-itinerary .map-wrapper #map-overlay #open-bar { top: 70px; }
/* End Wishlist Map */

/* Member Page - Common */
.member-page h1 { margin-bottom: 20px; font-size: 20px; }
.member-page h2 { margin-bottom: 10px; }
.member-page .nav-tabs { margin-bottom: 20px; }
/* End Member Page - Common */

/* Member Itineraries */
.member-page .itineraries { }
.member-page .itinerary { padding: 10px 0; border-bottom: solid 1px #ccc; margin-bottom: 10px; }
.member-page .itinerary .details .created { font-weight: bold; font-size: 18px; }
.member-page .itinerary table { margin-bottom: 0px; }
.member-page .itinerary table tr td .name { font-weight: bold; font-size: 14px; }
.member-page .itinerary .table-itinerary-items .actions { position: relative; height: 19px; }
.member-page .itinerary .table-itinerary-items .actions a { display: inline-block; position: absolute; border: solid 1px #ddd; box-sizing: border-box; text-align: center; text-transform: uppercase; font-size: 12px; height: 19px; }
.member-page .itinerary .table-itinerary-items .actions a.edit { left: 0; top: 0; right: 50%; }
.member-page .itinerary .table-itinerary-items .actions a.delete { left: 50%; top: 0; right: 0; }
.member-page .itinerary .download { padding-top: 5px; text-align: right; }
/* End Member Itineraries */

#dialog-modal.modal { overflow: hidden; overflow-y: hidden; position: fixed; left: 50%; top: 100px; bottom: auto; right: auto; }
#dialog-modal.modal.loading { background-image: url('./images/loader-ind-big-fff-000.gif'); background-position: center center; background-repeat: no-repeat; min-height: 100px; }
#dialog-modal.modal iframe { width: 100%; }

/* Login Page */
.page-login div.form .field { padding-bottom: 0; padding-top: 15px; }
.page-login div.form .field .title label { font-weight: normal; font-size: 15px; letter-spacing: 1px; }
.page-login div.form .field .input input { font-size: 16px; padding: 8px; height: 36px; }
.page-login div.form .remember-me { line-height: 30px; font-size: 15px; padding: 3px 0 6px 0; }
.page-login div.form .remember-me label { line-height: 30px; font-size: 15px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }
.page-login div.form .submit button { width: 100%; text-align: center; background-color: #81cdc5; border: solid 1px #81cdc5; color: #444; height: 44px; }
.page-login div.form .submit button:hover { background-color: #a0e5dd; }
.page-login div.form .forgot-password a { color: #81cdc5; font-size: 12px; }

.facebook { padding-top: 30px; }
.facebook button { width: 100%; text-align: center; background-color: #7583a6; border: solid 1px #7583a6; color: #fff; height: 44px; }
.facebook button .fa { display: none; }

.no-account { padding-top: 30px; }
.no-account a.btn { width: 100%; text-align: center; background-color: #fff; border: solid 1px #444; color: #444; height: 44px; line-height: 30px; }
.no-account a.btn:hover { background-color: #e0e0e0; }
/* End Login Page */

.fb-like-box,
.fb-like-box > span,
.fb-like-box > span iframe { width: 100% !important; }



.page-how-it-works .how-it-works { padding-top: 80px; }
.page-how-it-works .how-it-works .item { border: solid 1px #ccc; position: relative; margin-bottom: 90px; }
.page-how-it-works .how-it-works .item .number { position: absolute; width: 170px; height: 121px; margin-left: -85px; top: -60px; left: 50%; background-image: url('./images/how-it-works-diamond.png'); }
.page-how-it-works .how-it-works .item .number span { width: 170px; height: 121px; display: block; line-height: 121px; text-align: center; font-size: 40px; color: #7ecdc5; font-family: "Lora", sans-serif; }
.page-how-it-works .how-it-works .item .image { margin-top: 61px; padding: 0 30px 15px 30px; }
.page-how-it-works .how-it-works .item .image img { width: 100%; }
.page-how-it-works .how-it-works .item table.title { width: 100%; height: 132px; background-color: #7ecdc5; border-collapse: collapse; border: none; }
.page-how-it-works .how-it-works .item table.title tr { padding: 0; border: none; }
.page-how-it-works .how-it-works .item table.title tr td { padding: 4px 30px; border: none; text-align: center; vertical-align: middle; color: #fff; line-height: 31px; font-size: 30px; text-transform: uppercase; font-family: "ProximaNova", sans-serif; }


#availability-wishlist .add-to-wishlist { text-transform: uppercase; color: #3c4650; display: inline-block; position: relative; height: 20px; line-height: 20px; margin-left: 15px; }
#availability-wishlist .add-to-wishlist .title { display: block; padding-left: 25px; white-space: nowrap; }
#availability-wishlist .add-to-wishlist .icon { display: block; width: 15px; height: 15px; position: absolute; top: 2px; left: 0; border: solid 1px #3c4650; background-color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 0.3s ease-in-out; }
#availability-wishlist .add-to-wishlist .icon .plus { display: block; width: 11px; height: 14px; font-size: 18px; line-height: 12px; text-align: center; font-weight: 400; color: #3c4650; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#availability-wishlist .add-to-wishlist .remove .icon { transform: rotate(90deg); -webkit-transform: rotate(90deg); }


/* sm */
@media (max-width: 400px) {
	.page-create-booking .sliding-gallery { height: 290px; }

	.page-wishlist .wishlist-row .listings .listing a.book-now { height: 29px; width: 29px; text-indent: -9999px; }

	#nz-map { width: 100%; height: auto; }

}

@media (min-width: 400px) and (max-width: 767px) {
}

/* xs */
@media (max-width: 767px) {
	header { background-color: #454647; }

	.banner-area .container .overlay { display: none !important; }

	.all { padding: 80px 0; }

	#pop-up-browse-listings { display: none; }
	#pop-up-view-map { width: 260px; margin-left: 0px; }
	#pop-up-view-map .up-arrow { left: 85px; right: auto; }
	#pop-up-delete-items .up-arrow { left: 8px; }

	.col-xs-text-left { text-align: left; }
	.col-xs-text-center { text-align: center; }
	.col-xs-text-right { text-align: right; }

	.col-sm-6 div.form.errors-on-right .field { padding-bottom: 22px; margin-bottom: 5px; }
	.col-sm-6 div.form.errors-on-right .field .field-validation-error { width: 100%; right: auto; left: 0; bottom: 0; line-height: 22px; padding: 0; border: none;}

	.logo { margin-top: 5px; height: 70px; float: left; width: 50%; max-width: 275px; }

	.squares.container .item { margin-bottom: 80px; }

	.dialog { padding: 10px; }

	header #header-wishlist { right: 60px; }
	header #header-wishlist .primary-link { font-size: 14px; }

	header #header-wishlist .counters .counter { width: 16px; height: 16px; top: 10px; left: 0; }
	header #header-wishlist .counters .counter span { width: 16px; height: 16px; line-height: 16px; font-size: 12px; }
	header #header-wishlist .counters .counter.stay { left: 2px; }
	header #header-wishlist .counters .counter.do { left: 30px; }
	header #header-wishlist .counters .counter.eat { left: 58px; }

	header a#header-login { width: 30px; height: 30px; text-align: center; position: absolute; top: 10px; right: 10px; background-color: #e2e2e2; background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2); }
	header a#header-login .fa { line-height: 30px; color: #454647; font-size: 21px; }

	#section-headers .section-header a .icon { display: none; }

	#location-selector { position: static; top: 0; left: 0; padding: 30px 0; }
	#location-selector .title { font-size: 16px; }
	#location-selector .input { position: relative; height: 40px; padding: 0 100px 0 0; }
	#location-selector .input select { width: 100%; float: left; }
	#location-selector .input input { position: absolute; right: 0; top: 0; width: 90px; }

	.page-search .listing-filter-container { margin-top: 0px; }

	.page-wishlist .wishlist-row .listings .listing { padding-left: 34px; }
	.page-wishlist .wishlist-row .listings .listing a.add-remove { left: 4px; top: 4px; width: 21px; height: 21px; }
	.page-wishlist .wishlist-row .listings .listing a.add-remove .plus { line-height: 21px; width: 21px; height: 21px; font-size: 18px; }
	.page-wishlist .wishlist-row .listings .listing.removed a.add-remove { transform: rotate(0deg);}
	.page-wishlist .wishlist-row .listings .listing.removed a.add-remove .plus { transform: rotate(45deg);}

	.page-wishlist .page-heading .listing-count { margin-bottom: 0; }
	.page-wishlist .page-heading a.view-map { position: static; margin-bottom: 20px; }
	.page-wishlist .page-heading a.view-map:hover { opacity: 0.8; }

	.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing a.add-remove { left: 4px; top: 4px; width: 21px; height: 21px; }
	.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing a.add-remove .plus { line-height: 21px; width: 21px; height: 21px; font-size: 18px; }
	.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing.removed a.add-remove { transform: rotate(0deg);}
	.map-wrapper #map-overlay .listing-panel .wishlist-row .listings .listing.removed a.add-remove .plus { transform: rotate(45deg);}

	.map-wrapper #map-overlay #open-bar { display: block; }
	.map-wrapper #map-overlay .listing-panel { display: none; left: 0; }
	.map-wrapper #map-overlay.active #open-bar { left: 250px; }
	.map-wrapper #map-overlay.active #open-bar .icon.icon-expand { display: none; }
	.map-wrapper #map-overlay.active #open-bar .icon.icon-collapse { display: block; }
	.map-wrapper #map-overlay.active .listing-panel { display: block !important; }

	.listing-view #wishlist { padding-top: 10px; }
	.listing-view .features .value .primary-features { margin-left: -17px; }
	.listing-view .features .value .primary-features .feature { margin-left: 17px; }
	.listing-view .small-images { margin-bottom: 20px; }

	.page-itinerary .itinerary-row .listings .listing .details .datetime { display: block; }

	table.table-availability tr th { padding: 2px 4px; }
	table.table-availability tr th select { padding: 2px; }
	table.table-availability tr th .month { font-size: 12px; }
	table.table-availability tr th .day { font-size: 14px; }
	table.table-availability tr th .date { font-size: 14px; }
	table.table-availability tr td .title { font-size: 14px; padding: 4px; }
	table.table-availability tr td .price { font-size: 14px; padding: 4px; line-height: 19px; }
	table.table-availability tr td .no-price { height: 27px; }
	table.table-availability tr th.col-prev a { font-size: 18px; padding: 0 2px 0 0; }
	table.table-availability tr th.col-next { padding: 0 2px; }
	table.table-availability tr th.col-next a { font-size: 18px; }

	#dialog-modal.modal { overflow: hidden; overflow-y: hidden; left: 10px; right: 10px; width: auto !important; top: 10px; margin: 0 !important; }
}

@media (min-width: 768px) {
	.col-sm-text-left { text-align: left; }
	.col-sm-text-center { text-align: center; }
	.col-sm-text-right { text-align: right; }

	.page-search .listing-filter-container { height: 120px; }
	.page-search .listings .listing a.primary .image { height: 180px; }

	.listing-view .sliding-gallery { height: 376px; }
	.listing-view .small-images { margin-bottom: 40px; }
	.listing-view .small-images a.image { width: 240px; height: 95px; }
	.listing-view .features .value .primary-features { margin-left: -15px; }
	.listing-view .features .value .primary-features .feature { margin-left: 15px; }

	header #header-wishlist { right: 90px; }
	header #header-wishlist .primary-link { font-size: 18px; letter-spacing: 2px; }

	header #header-wishlist .counters .counter { width: 18px; height: 18px; top: 10px; left: 0; }
	header #header-wishlist .counters .counter span { width: 18px; height: 18px; line-height: 18px; font-size: 12px; }
	header #header-wishlist .counters .counter.stay { left: 2px; }
	header #header-wishlist .counters .counter.do { left: 35px; }
	header #header-wishlist .counters .counter.eat { left: 66px; }

	.dialog { padding: 40px 20px; }
}

@media only screen and (max-width: 991px) {
	footer { position: static; }
	footer .bottom .container { display: block !important; height: auto !important; }
	footer .menu-col-footer-menu-3 { clear: left; }

	.member-page .itinerary .table-itinerary-items .actions a { }
	.member-page .itinerary .table-itinerary-items .actions a.edit { left: 0; top: 0; right: auto; width: 80px; }
	.member-page .itinerary .table-itinerary-items .actions a.delete { left: 84px; top: 0; right: auto; width: 80px; }
}

/* md */
@media (min-width: 992px) {
	footer .menu-col-footer-menu-1 { width: 120px; }
	footer .menu-col-footer-menu-2 { width: 280px; }
	footer .menu-col-footer-menu-3 { width: 110px; }

	#pop-up-browse-listings { margin-left: 20px; }

	.col-md-text-left { text-align: left; }
	.col-md-text-center { text-align: center; }
	.col-md-text-right { text-align: right; }

	.page-search .listing-filter-container { height: 60px; }

	.squares.container .item { margin-bottom: 0; }
	.squares.container .item a.image { height: 250px; }

	.listing-view .small-images a.image { width: 156px; height: 61px; }
	.listing-view .features .value .primary-features { margin-left: -15px; }
	.listing-view .features .value .primary-features .feature { margin-left: 15px; }

	.page-search .listings .listing a.primary .image { height: 160px; }

	header ul#main-menu { right: 270px; }
	header ul#main-menu li { margin-right: 40px; }
	header ul#main-menu li:last-child { margin-right: 0; }
	header ul#main-menu li a .name { font-size: 22px; }
	header #header-login .text { letter-spacing: 2px !important; font-size: 22px !important; }

	header #header-wishlist { right: 120px; }
	header #header-wishlist .primary-link { font-size: 22px; }

	header #header-wishlist .counters .counter { width: 22px; height: 22px; top: 10px; left: 0; }
	header #header-wishlist .counters .counter span { width: 22px; height: 22px; line-height: 22px; font-size: 14px; }
	header #header-wishlist .counters .counter.stay { left: 4px; }
	header #header-wishlist .counters .counter.do { left: 42px; }
	header #header-wishlist .counters .counter.eat { left: 80px; }

	header #header-login { font-size: 22px; right: 15px; }
	header #header-profile { font-size: 22px; right: 7px; }

	.page-create-booking .gallery { margin-bottom: 0; }
}

/* lg */
@media (min-width: 1200px) {
	.col-lg-text-left { text-align: left; }
	.col-lg-text-center { text-align: center; }
	.col-lg-text-right { text-align: right; }

	.squares.container { width: 100%; }

	.listing-view .sliding-gallery { height: 456px; }
	.listing-view .small-images a.image { width: 190px; height: 74px; }
	.listing-view .features .value .primary-features { margin-left: -6px; }
	.listing-view .features .value .primary-features .feature { margin-left: 6px; }
}