/*

Theme Name: Soho Hotel
Theme URI: http://themes.quitenicestuff.com/sohohotel
Description: A Premium HTML Template for Hotels, Hostels, Service Apartments and any other forms of accommodation
Version: 1.0
Author: quitenicestuff
Author URI: http://themeforest.net/user/quitenicestuff
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, one-column, two-columns, left-sidebar, right-sidebar, custom-colors

*/


/* Style Index * /

1.0 - Global
2.0 - Header
	2.1 - Top Bar
		2.1.1 - Contact
		2.1.2 - Language Selection
		2.1.3 - Google Map
		2.1.4 - Button
3.0 - Navigation
	3.1 - Mobile Menu
4.0 - Slideshows
	4.1 - Text Slideshow
	4.2 - Accommodation Slideshow
5.0 - Typography
	5.1 - Lists
	5.2 - Forms
	5.3 - Buttons
	5.4 - Tables
	5.5 - Alerts & Messages
	5.6 - Other
6.0 - JS Elements
	6.1 - Accordion
	6.2 - Toggle
	6.3 - Tabs
7.0 - Content
	7.1 - Blog / Events
		7.1.1 - Comments
	7.2 - Booking
		7.2.1 - Home / Slider Booking Form
		7.2.2 - Booking Calendar
		7.2.3 - Open Booking Calendar
		7.2.4 - Booking Widget
		7.2.5 - Booking Contact Info
		7.2.6 - Booking Steps
		7.2.7 - Lightbox
	7.3 - Accommodation
		7.3.1 - Accommodation Price Widget
	7.4 - Testimonials
	7.5 - Pagination
8.0 - Columns 
	8.1 - One Half
	8.2 - One Third
	8.3 - One Fourth
9.0 - Widgets
	9.1 - Social Widget
	9.2 - Flickr
	9.3 - Tags
	9.4 - Latest Posts Widget
10.0 - Footer
	10.1 - Footer Bottom
11.0 - IE Fixes





/* 0.0 - Reset by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-spacing: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix,
.tagcloud {
    zoom: 1;
}

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

.clearfix:after,
.tagcloud:after {
    clear: both;
}

.clearboth {
    clear: both;
}


/* 1.0 - Global */

body {
    color: #1c1c1c;
}

body,
.title-style2,
#navigation li li,
.blog-entry-inner h4 span,
.event-entry-inner h4 span,
.widget .latest-posts-list li .lpl-content h6 span,
textarea,
.datepicker-key {
    font-family: 'Open Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
#navigation li,
.slider-caption p,
.room-price-widget .from,
.room-price-widget .price,
.room-price-widget .price-detail,
.step-icon,
.step-title,
.room-price .price span,
.price-details .deposit,
.price-details .total,
.lightbox-title,
table th,
.mobile-menu-title {
    font-family: 'Merriweather', serif;
}

#background-wrapper {
    background: url(../images/text_bg.png) no-repeat fixed center 120px;
}

#wrapper {
    width: 1160px;
    background: #fff;
    margin: 0 auto;
    -moz-box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.2);
}

#topbar {
    padding: 10px 0;
}


/* 2.0 - Header */

#logo {
    float: left;
    /*margin: 35px 0;*/
}

#logo h1 {
    font-size: 32px;
}

#logo h1 a {
    color: #1c1c1c;
    text-decoration: none;
}

#logo h1 span {
    font-size: 10px;
    color: #a09d9d;
    text-transform: uppercase;
    display: block;
    border-top: #e8e8e8 1px solid;
    /*width: 180px;*/
    letter-spacing: 4px;
    margin: 7px 0 0 0;
    padding: 10px 0 0 0;
    text-align: center;
}

.content-wrapper {
    width: 960px;
    margin: 0 auto;
}


/* 2.1 - Top Bar */

#topbar {
    color: #fff;
    font-size: 12px;
}

#topbar a {
    color: #fff;
    text-decoration: none;
}

#topbar-wrapper {
    width: 960px;
    margin: 0 auto;
}

#topbar li {
    float: left;
    margin: 0 15px 0 0;
    min-height: 14px;
}

.topbar-left {
    width: 180px;
    position: relative;
}


/* 2.1.1 - Contact */

.topbar-right .header-contact {
    float: right;
    margin: 3px 0 0 0;
}

.phone_icon {
    background: url(../images/phone_icon.png) left center no-repeat;
    padding: 0 0 0 17px;
}

.email_icon {
    background: url(../images/email_icon.png) left center no-repeat;
    padding: 0 0 0 20px;
}

.topbar-right {
    float: right;
    width: 50%;
}


/* 2.1.2 - Language Selection */

#language-selection {
    float: right;
    margin: 3px 0 0 0 !important;
}

#language-selection li li a {
    border-bottom: 1px solid;
    padding: 10px;
    display: block;
}

#language-selection li a.sf-with-ul {
    padding-right: 12px;
}

#language-selection li a.sf-with-ul:after {
    content: '';
    position: absolute;
    top: 33%;
    right: 0em;
    height: 5px;
    width: 20px;
    background: url(../images/arrows1.png) no-repeat 10px -2px;
}

#language-selection li li a.sf-with-ul:after {
    top: 29%;
    background: url(../images/arrows1.png) no-repeat -86px 2px;
    height: 10px;
}


/* 2.1.3 - Google Map */

#header-gmap {
    display: none;
}

#map-canvas {
    width: 100%;
    height: 400px;
    background: #fff;
}

.gmap-button {
    width: 55px;
    height: 55px;
    background-image: url(../images/map_icon.png);
    background-repeat: no-repeat;
    background-position: -6px -3px;
    -webkit-border-radius: 99%;
    -moz-border-radius: 99%;
    -o-border-radius: 99%;
    border-radius: 99%;
    position: absolute;
    top: -10px;
    left: 420px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    outline: none;
}

.gmap-button:hover,
.gmap-button-hover {
    background-image: url(../images/map_icon.png);
    background-repeat: no-repeat;
    background-position: -6px -47px;
}


/* 2.1.4 - Button */

.topbar-right .button0 {
    float: right;
}

a.button0 {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    padding: 3px 8px;
    line-height: 1.1;
}

a.button0:hover {
    background: #fff;
    color: #1c1c1c !important;
}


/* 3.0 - Navigation */

.main-navigation select {
    display: none;
    float: right;
    margin: 50px 0 0 0;
}

#navigation {
    float: right;
}

#navigation li {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: block;
}

#navigation li strong {
    font-weight: 400;
    border-right: #e8e8e8 1px solid;
    display: block;
    padding: 10px 20px;
}

#navigation li a {
    padding: 40px 0;
    color: #1c1c1c;
    text-decoration: none;
    display: block;
}

#navigation li:last-child strong {
    border-right: none;
}

#navigation li span {
    display: block;
    color: #a09d9d;
    text-transform: lowercase;
    letter-spacing: 0.01em;
    margin: 5px 0 0 0;
}

#navigation li a:hover span,
#navigation li:hover span,
#navigation li.current-menu-item a span {
    color: #1c1c1c;
}

#navigation li li.current-menu-item,
#navigation li li.current_page_item,
#navigation li li:hover {
    border-bottom: none;
}

#navigation li li,
#navigation li li:hover {
    text-transform: none;
    letter-spacing: 0;
    border-bottom: #e8e8e8 1px solid;
}

#navigation li li a.sf-with-ul:after {
    background: url(../images/arrows2.png) no-repeat;
    width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    top: 36%;
    right: 1em;
}

#navigation li li a {
    padding: 15px 20px;
    background: #fff;
    font-size: 13px;
}

#navigation li li a:hover {
    background: #fafafa;
}

#navigation .current-menu-item,
#navigation .current_page_item,
#navigation li:hover {
    border-bottom: 4px solid;
}

#navigation li ul {
    box-shadow: 0 0 4px rgba(136, 136, 136, 0.6);
}


/* 3.1 - Mobile Menu */

.mobile-menu-wrapper {
    float: right;
    margin: 38px 0 0 0;
    position: relative;
    display: none;
}

.mobile-menu-button {
    background-image: url(../images/mobile-menu.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 55px;
    height: 55px;
    float: left;
    margin: 0 1px 0 0;
}

.mobile-menu-title {
    color: #fff;
    width: 200px;
    height: 34px;
    padding: 21px 0 0 0;
    float: left;
    font-size: 14px;
    text-indent: 20px;
}

.mobile-menu-button:hover {
    cursor: pointer;
}

.mobile-menu-inner {
    width: 256px;
    height: 300px;
    overflow: scroll;
    position: absolute;
    top: 55px;
    z-index: 99;
    display: none;
    padding: 0 0 30px 0;
    margin: 1px 0 0 0;
}

#mobile-menu {
    width: 82%;
    padding: 2px 15px 10px 15px !important;
}

#mobile-menu li {
    border-top: #313335 1px solid;
    font-size: 14px;
}

#mobile-menu li li {
    margin: 0 0 0 10px;
}

#mobile-menu li li li {
    margin: 0 0 0 20px;
}

#mobile-menu li a {
    color: #9da0a4;
    line-height: 2.5em;
    text-decoration: none;
    display: block;
}

#mobile-menu li a:hover {
    color: #fff;
}

#mobile-menu li.current_page_item a {
    color: #fff;
}

#mobile-menu li.current_page_item ul li a {
    color: #9da0a4;
}

#mobile-menu li.current_page_item ul li a:hover {
    color: #fff;
}


/* 4.0 - Slideshows */

#slider {
    margin: 0 0 85px 0;
    position: relative;
}

#slider-full {
    position: relative;
}

.loading .slider {
    background: url(../images/loader_01.gif) center no-repeat #fbfbfb !important;
}

.slider {
    position: relative;
    min-height: 400px;
}

.slider-caption-wrapper {
    position: absolute;
    top: 36%;
    width: 1160px;
}

.slider-caption p {
    margin: 0 auto 4px auto;
    text-align: center;
    padding: 6px 15px;
}

.slider-caption p.colour-caption {
    color: #fff;
    display: table;
}

.slider-caption p.dark-caption {
    color: #fff;
    display: table;
}

.slider .flex-direction-nav .flex-prev,
.slider .flex-direction-nav .flex-next {
    position: absolute;
    top: 39%;
    text-indent: -9999px;
}

.slider .flex-direction-nav .flex-prev {
    left: 30px;
    width: 55px;
    height: 55px;
    background: url(../images/left-arrow.png) center no-repeat;
    -webkit-border-radius: 99%;
    -moz-border-radius: 99%;
    -o-border-radius: 99%;
    border-radius: 99%;
}

.slider .flex-direction-nav .flex-next {
    right: 30px;
    width: 55px;
    height: 55px;
    background: url(../images/right-arrow.png) center no-repeat;
    -webkit-border-radius: 99%;
    -moz-border-radius: 99%;
    -o-border-radius: 99%;
    border-radius: 99%;
}

.medium-caption {
    font-size: 22px;
}

.large-caption {
    font-size: 26px;
}


/* 4.1 - Text Slideshow */

.text-slider {
    position: relative;
}

.text-slider .flex-direction-nav .flex-prev,
.text-slider .flex-direction-nav .flex-next {
    position: absolute;
    top: -68px;
    right: 0px;
    text-indent: -9999px;
}

.text-slider .flex-direction-nav .flex-prev {
    right: 34px;
    width: 27px;
    height: 27px;
    background: url(../images/left-arrow2.png) center no-repeat;
    -webkit-border-radius: 99%;
    -moz-border-radius: 99%;
    -o-border-radius: 99%;
    border-radius: 99%;
    border: #e3e3e3 1px solid;
}

.text-slider .flex-direction-nav .flex-next {
    right: 0px;
    width: 27px;
    height: 27px;
    background: url(../images/right-arrow2.png) center no-repeat;
    -webkit-border-radius: 99%;
    -moz-border-radius: 99%;
    -o-border-radius: 99%;
    border-radius: 99%;
    border: #e3e3e3 1px solid;
}

.dark-wrapper .text-slider .flex-direction-nav .flex-prev {
    background: url(../images/left-arrow3.png) #fff center no-repeat;
    border: none;
}

.dark-wrapper .text-slider .flex-direction-nav .flex-next {
    background: url(../images/right-arrow3.png) #fff center no-repeat;
    border: none;
}

.text-slider ul li {
    background: #fff;
}

.loading .text-slider ul li {
    display: none;
}

.loading .text-slider {
    background: url(../images/loader_02.gif) center no-repeat #fff;
    min-height: 100px;
}

.loading .dark-wrapper .text-slider {
    background: url(../images/loader_03.gif) center no-repeat #1c1c1c;
    min-height: 100px;
}


/* 4.2 - Accommodation Slideshow */

.accommodation-slider {
    margin: 0 0 30px 0;
    min-height: 200px
}

.accommodation-slider .flex-direction-nav .flex-prev,
.accommodation-slider .flex-direction-nav .flex-next {
    top: 44%;
}


/* 5.0 - Typography */

.page-content h1 {
    font-size: 30px;
    margin: 0 0 20px 0;
}

.page-content h2 {
    font-size: 24px;
    margin: 0 0 15px 0;
}

.page-content h3 {
    font-size: 18px;
    margin: 0 0 20px 0;
}

.page-content h4 {
    font-size: 16px;
    margin: 0 0 15px 0;
}

.page-content h5 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}

.page-content h6 {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

p {
    font-size: 14px;
    line-height: 160%;
    margin: 0 0 20px 0;
}

blockquote {
    color: #aeaeae;
    font-size: 15px;
    font-style: italic;
    border-left: 5px solid;
    padding: 20px;
    margin: 0 0 20px 20px;
}

blockquote p {
    margin: 0;
}

.dropcap {
    font-size: 30px;
    line-height: 1.2;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.title-style1 {
    border-bottom: #e8e8e8 1px solid;
    position: relative;
    padding: 0 0 12px 0;
    margin: 0 0 30px 0;
}

.title-style1 a {
    color: #1c1c1c;
    text-decoration: none;
}

.dark-wrapper .title-style1 {
    border-bottom: 1px solid;
    color: #fff;
}

.title-style2 {
    position: relative;
    padding: 0 0 12px 0;
    margin: 0 0 30px 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.title-style3 {
    position: relative;
    padding: 0 0 12px 0;
    margin: 0 0 40px 0 !important;
    font-size: 14px !important;
    text-transform: uppercase;
}

.title-style4 {
    position: relative;
    padding: 0 0 12px 0;
    margin: 0 0 30px 0;
    font-size: 14px;
    color: #fff;
}

#footer .title-style2 {
    color: #fff;
}

.title-block {
    width: 48px;
    height: 3px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
}


/* 5.1 - Lists */

.sidebar ul {
    font-size: 14px;
    margin: 0 0 0 16px;
}

.page-content ul,
.list-style1,
.list-style2,
.list-style3,
.list-style4 {
    margin: 0 0 30px 16px;
    font-size: 14px;
}

.page-content li,
.sidebar li,
.list-style1 li,
.list-style2 li,
.list-style3 li,
.list-style4 li {
    margin: 0 0 12px 0;
    line-height: 130%;
}

.list-style1 li {
    list-style-image: url(../images/list1.png);
    list-style-position: outside;
}

.list-style2 li,
.sidebar li,
.page-content li {
    list-style-image: url(../images/list2.png);
    list-style-position: outside;
}

.list-style3 li {
    list-style-image: url(../images/list3.png);
    list-style-position: outside;
}

.list-style4 li {
    list-style-image: url(../images/list4.png);
    list-style-position: outside;
}

.sidebar li a {
    color: #1c1c1c;
    text-decoration: none;
}

.sidebar li a:hover {
    text-decoration: underline;
}

.page-content ol li {
    list-style: decimal;
    font-size: 14px;
    line-height: 160%;
    margin: 0 0 10px 0;
}

.page-content ol {
    margin: 0 0 0 24px;
}

.page-content ol ol {
    margin: 10px 0 0 15px;
}

.page-content ol ol li {
    list-style: lower-latin;
}

.line-list li {
    border-bottom: #e8e8e8 1px solid;
}

.line-list li a {
    text-decoration: none;
}

.line-list li:last-child {
    border-bottom: none;
}

.no-style-list li strong {
    font-weight: normal;
    color: #a09d9d;
}


/* 5.2 - Forms */

.page-content input[type="text"],
.page-content input[type="email"],
.page-content input[type="url"],
.page-content input[type="number"],
.page-content input[type="tel"],
.page-content input[type="date"],
.page-content input[type="file"] {
    width: 50%;
    margin: 0 0 20px 0;
    border: #e8e8e8 1px solid;
}

.page-content textarea {
    width: 95%;
    margin: 0 0 20px 0;
    border: #e8e8e8 1px solid;
    padding: 10px 9px;
    font-size: 12px;
}

.page-content label,
.booking-side label,
.booking-main label,
.datepicker-key {
    color: #1c1c1c;
    font-size: 12px;
    font-weight: 600;
    display: block;
    margin: 0 0 10px 0;
}

.page-content label span {
    color: #c3512f;
}

input[type="text"] {
    padding: 10px 9px;
    width: 94%;
    border: none;
    margin: 0 0 15px 0;
    -webkit-appearance: none;
}

input[type="submit"] {
    font-weight: 400;
    padding: 9px 10px;
    -webkit-appearance: none;
}


/* 5.3 - Buttons */

.button1 {
    background: transparent;
    border: #e3e3e3 1px solid;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 600;
    display: block;
    float: left;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.page-content a.button1,
a.button1 {
    color: #1c1c1c;
}

.page-content a.button1:hover,
.page-content a.button4:hover,
.page-content a.button5:hover,
a.button1:hover,
a.button4:hover,
a.button5:hover {
    border: 1px solid;
    color: #fff;
}

.button2 {
    border: 1px solid;
    padding: 10px 15px;
    font-size: 12px !important;
    font-weight: 600;
    display: block;
    float: left;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.page-content a.button2,
a.button2,
.button2 {
    color: #fff;
}

.button3 {
    border: 1px solid;
    color: #fff;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 400;
    display: block;
    float: left;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.button4 {
    border: #e8e8e8 1px solid;
    color: #1c1c1c;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 400;
    display: block;
    float: left;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.button5 {
    border: #e8e8e8 1px solid;
    color: #1c1c1c;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 18px;
    display: block;
    float: left;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.button6 {
    border: 1px solid;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 18px;
    display: block;
    float: left;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.rounded-button {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

#footer .button1 {
    border: 1px solid;
    color: #fff;
}

#footer .button1:hover {
    background: #fff;
    border: #fff 1px solid;
    color: #1c1c1c;
}


/* 5.4 - Tables */

.page-content table {
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 14px;
    color: #1c1c1c;
}

.page-content table strong {
    color: #a09d9d;
    font-weight: normal;
}

.page-content table th {
    color: #fff;
    border-bottom: #e9e9e9 1px solid;
    text-align: left;
    vertical-align: top;
}

.page-content table td {
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
    text-align: left;
    vertical-align: top;
}

.page-content table tr td:last-child {
    border-right: none;
}

.page-content table th {
    padding: 14px 20px 14px 20px;
    font-size: 14px;
    font-weight: 400;
}

.page-content table td {
    padding: 9px 20px;
    line-height: 160%;
}

.page-content table tr {
    background: #fff;
}

.page-content table tr:nth-child(2n) {
    background: #f8f8f8;
}


/* 5.5 - Alerts & Messages */

.msg {
    padding: 9px 10px 9px 20px;
    margin: 0 0 15px 0;
}

.msg p,
.blog-content .msg p {
    margin: 0 !important;
}

.default {
    background: #fff;
    color: #1c1c1c;
    border: #dee0e0 1px solid;
}

.default a {
    color: #1c1c1c;
    text-decoration: underline;
}

.notice {
    background: #fff5af;
    color: #b3a437;
}

.notice a {
    color: #b3a437;
    text-decoration: underline;
}

.success {
    background: #dff7ca;
    color: #64ae23;
}

.success a {
    color: #64ae23;
    text-decoration: underline;
}

.fail {
    background: #ffe2e1;
    color: #c83f39;
}

.fail a {
    color: #c83f39;
    text-decoration: underline;
}


/* 5.6 - Other */

.space1 {
    border: none;
    margin: 40px 0 0 0;
    display: block;
}

.space2 {
    border-top: #e8e8e8 1px solid;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 0 0 40px 0;
    display: block;
}

.space3 {
    border-top: #e8e8e8 1px solid;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 10px 0 60px 0;
    display: block;
}

.space4 {
    border: none;
    margin: 50px 0 0 0;
    display: block;
}

.space5 {
    border: none;
    margin: 50px 0 0 0;
    display: block;
}

.space6 {
    border-top: #e8e8e8 1px solid;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 0 0 40px 0;
    clear: both;
    display: block;
}

.space7 {
    border-top: 1px solid;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 0 0 20px 0;
    clear: both;
    display: block;
}

.space8 {
    border-top: 1px solid;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 20px 0 20px 0;
    clear: both;
    display: block;
}

.space9 {
    border: none;
    margin: 0 0 30px 0;
    clear: both;
    display: block;
}

.space10 {
    border: none;
    clear: both;
    display: block;
    height: 10px;
}

.respond-img {
    max-width: 100%;
}

.image-style1 {
    margin: 0 0 15px 0;
}


/* 6.0 - JS Elements */


/* 6.1 - Accordion */

.accordion h4 {
    font-size: 14px !important;
    font-weight: 400;
    border-top: #e5e5e5 1px solid;
    border-left: none;
    border-right: none;
    margin: 0 0 0 0 !important;
    padding: 30px 0 30px 55px;
    cursor: pointer;
    line-height: 160%;
    outline: none;
}

.accordion {
    border-bottom: #e5e5e5 1px solid;
    margin: 0 0 30px 0;
    line-height: 160%;
    display: block;
    font-size: 14px;
}

.accordion .ui-widget-content {
    border: none;
}

.accordion .ui-accordion-content {
    padding: 0 0 20px 55px;
}

.accordion h4,
.toggle .title {
    background: url(../images/toggle_plus.png) no-repeat 20px center !important;
}

.accordion h4:hover {
    background: url(../images/toggle_plus.png) #fff no-repeat 20px center !important;
}

.accordion h4.ui-state-active,
.toggle .active {
    background: url(../images/toggle_minus.png) no-repeat 20px center !important;
}


/* 6.2 - Toggle */

.toggle {
    border: #e5e5e5 1px solid;
    margin: 0 0 20px 0;
    background: #fff;
    font-size: 14px;
}

.toggle h4 {
    margin: 0 0 0 0 !important;
    line-height: 160%;
    font-size: 14px !important;
    font-weight: 400;
}

.toggle .title {
    margin: 0 0 0 0;
    padding: 20px 0 20px 55px;
    cursor: pointer;
}

.toggle .inner {
    margin: 0 20px 30px 55px !important;
    line-height: 160%;
}


/* 6.3 - Tabs */

#tabs .nav {
    margin: 0;
}

#tabs .nav li {
    list-style: none;
    padding: 0;
}

#tabs .nav li a {
    color: #1c1c1c;
    outline: none;
}

#tabs .nav li a:hover {
    text-decoration: none;
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
    margin: 0 0 30px 0;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    position: relative;
    top: 0px;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    border-bottom: #e5e5e5 1px solid;
    padding: 0;
    white-space: nowrap;
    font-size: 14px;
}

.ui-tabs .ui-tabs-nav li:first-child a {
    border-left: #e8e8e8 1px solid;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 12px 20px 12px 20px;
    text-decoration: none;
    border-right: #e8e8e8 1px solid;
}

.ui-tabs .ui-tabs-nav li {
    border-top: #e8e8e8 4px solid;
    border-bottom: #e8e8e8 1px solid;
    background: #fff;
    margin: 0 !important;
}

.ui-tabs .ui-tabs-nav li:last-child {
    background: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
    border-top: 4px solid;
    margin-bottom: 0;
    border-bottom: #fff 1px solid !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-top: #e8e8e8 1px solid;
    padding: 20px 20px 20px 20px;
    background: #fff;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}


/* 7.0 - Content */

#page-header {
    padding: 85px 0 0 0;
    height: 85px;
    margin: 0 0 40px 0;
}

#page-header h2 {
    font-size: 20px;
    width: 960px;
    margin: 0 auto;
    display: block;
}

.main-content {
    width: 64%;
    float: left;
}

.full-width {
    float: none;
    width: 100%;
}

.sidebar {
    width: 30%;
    float: right;
    border-left: #e8e8e8 1px solid;
    padding: 0 0 0 3%;
}

.left-sidebar {
    float: left;
    border-right: #e8e8e8 1px solid;
    border-left: none;
    padding: 0 3% 0 0;
}

.widget-reservation-box {
    border-bottom: 5px solid;
    padding: 30px;
}

.widget {
    border-bottom: #e8e8e8 1px solid;
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
}

.dark-wrapper {
    padding: 40px 0;
}

.gallery-preview {
    margin: 0 2px 5px 0;
}


/* 7.1 - Blog / Events */

.blog-preview p,
.event-preview p {
    margin: 0;
}

.blog-image-thumb {
    width: 22%;
    max-width: 99px;
    float: left;
}

.blog-entry-inner {
    width: 74%;
    float: right;
}

.event-entry-inner {
    width: 85%;
    float: right;
}

.blog-entry-inner h4,
.event-entry-inner h4 {
    font-size: 14px;
}

.dark-wrapper .blog-entry-inner h4 a,
.dark-wrapper .event-entry-inner h4 a {
    color: #fff;
}

.blog-entry-inner h4 a,
.event-entry-inner h4 a {
    color: #1c1c1c;
    text-decoration: none;
}

.blog-entry-inner h4 span,
.event-entry-inner h4 span {
    color: #a09d9d;
    display: block;
    font-size: 13px;
    border-top: #e8e8e8 1px solid;
    border-bottom: #e8e8e8 1px solid;
    margin: 15px 0;
    padding: 10px 0;
    line-height: 130%;
}

.dark-wrapper .blog-entry-inner h4 span,
.dark-wrapper .event-entry-inner h4 span {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.event-entry-inner h4 span i {
    color: #1c1c1c;
}

.blog-entry-inner h4 span a,
.event-entry-inner h4 span a {
    color: #1c1c1c;
}

.dark-wrapper .event-entry-inner h4 span i {
    color: #fff;
}

.dark-wrapper .blog-entry-inner h4 span a,
.dark-wrapper .event-entry-inner h4 span a {
    color: #fff;
}

.dark-wrapper .blog-preview p,
.dark-wrapper .event-preview p {
    color: #fff;
}

.blog-entry-inner h4 span a:hover,
.event-entry-inner h4 span a:hover {
    text-decoration: underline;
}

.event-date-wrapper {
    width: 11%;
    float: left;
}

.event-month {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 0;
}

.event-day {
    background: #fff;
    border-left: #e8e8e8 1px solid;
    border-right: #e8e8e8 1px solid;
    border-bottom: #e8e8e8 1px solid;
    font-size: 24px;
    text-align: center;
    padding: 5px 0;
}

.blog-image,
.event-image {
    margin: 0 0 25px 0;
}

.blog-title,
.event-title {
    margin: 0 0 25px 0;
    font-size: 18px;
}

.blog-title a,
.event-title a {
    color: #1c1c1c;
    text-decoration: none;
}

.blog-title a:hover,
.event-title a:hover {
    text-decoration: underline;
}

.blog-image,
.event-image {
    max-width: 100%;
}

.blog-meta,
.event-meta {
    border-top: #e8e8e8 1px solid;
    border-bottom: #e8e8e8 1px solid;
    padding: 12px 0;
    margin: 0 0 25px 0;
    font-size: 13px;
    color: #a09d9d;
}

.blog-meta a,
.event-meta a {
    color: #1c1c1c;
    text-decoration: none;
}

.event-meta i {
    color: #1c1c1c;
}

.blog-meta a:hover,
.event-meta a:hover {
    text-decoration: underline;
}

.blog-entry,
.event-entry {
    margin: 0 0 60px 0;
}

.event-inner-wrapper {
    float: right;
    width: 87%;
}

.event-entry .event-date-wrapper {
    width: 9%;
}


/* 7.1.1 - Comments */

.comment-image {
    width: 65px;
    height: 65px;
    background: #f2f2f2;
}

.comment-info {
    color: #1c1c1c;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.comment-text {
    line-height: 160%;
    margin: 0 0 10px 0;
}

.comment-info span {
    font-weight: 400;
}

.comment-info span,
.comment-info span a {
    color: #989898;
}

.comment-left {
    float: left;
}

.comment-right {
    float: right;
    width: 85%;
    padding: 0 0 5px 0;
    margin: 0 0 25px 0;
    border-bottom: #e8e8e8 1px solid;
}

.comment-entry {
    clear: both;
}

.comments {
    margin: 0 0 40px 0 !important;
}

.comments ul {
    margin: 0 !important;
}

.comments li {
    list-style: none !important;
    border-bottom: none;
    margin: 0 !important;
}

.comments li li {
    margin: 0 0 0 40px !important;
}

.comments li:last-child .comment-right {
    background: none;
}

.comments li li:last-child .comment-right {
    background: url(images/dot_border_h.png) repeat-x bottom left;
}

.comments li li {
    margin: 0 0 0 40px;
}

.reply a {
    color: #1c1c1c !important;
    text-decoration: underline;
}


/* 7.2 - Booking */

.booking-side-wrapper {
    width: 35%;
    float: left;
    color: #fff;
}

.booking-side {
    border-bottom: 5px solid;
    padding: 30px;
}

.booking-main-wrapper {
    width: 63%;
    float: right;
}

.booking-main {
    border-bottom: 5px solid;
    padding: 30px;
}

.booking-side-wrapper label {
    color: #fff;
}

.datepicker-key {
    color: #fff;
    font-size: 12px;
    margin: 30px 0 0 0;
}

.key-unavailable-icon {
    width: 10px;
    height: 10px;
    float: left;
}

.key-unavailable-text,
.key-available-text,
.key-selected-text {
    float: left;
    margin: 0 15px 0 5px;
}

.key-unavailable-icon,
.key-available-icon,
.key-selected-icon {
    width: 10px;
    height: 10px;
    float: left;
    margin: 2px 0 0 0;
}

.booking-side .select-wrapper {
    width: 276px;
}

.booking-side .one-third-form .select-wrapper {
    width: 100%;
}

.booking-side .one-third-form .select-wrapper select {
    width: 135%;
    background-position: 62% center;
}

.key-unavailable-wrapper,
.key-available-wrapper,
.key-selected-wrapper {
    float: left;
}

.right-main-content {
    float: right;
}

.dark-notice {
    color: #fff;
    padding: 10px 15px;
    margin: 0 0 30px 0;
    text-align: center;
}

.dark-notice p {
    margin: 0;
}

.calendar-notice {
    display: none;
}

.label {
    float: left;
    font-size: 12px;
    font-weight: 600;
    padding: 30px 25px 0 0;
    margin: 0;
}

.booking-side ul li {
    border-bottom: 1px solid;
    font-size: 14px;
    padding: 0 0 14px 0;
    margin: 0 0 14px 0;
    line-height: 130%;
}

.booking-side ul {
    margin: 0 0 25px 0;
}

.room-list-wrapper .room-item {
    margin: 0 0 20px 0;
    padding: 20px 0 0 0;
    border-top: 1px solid;
}

.room-list-wrapper .room-item:last-child {
    margin: 0;
}

.room-list-wrapper h5 {
    color: #fff;
    font-size: 14px;
    margin: 0 0 20px 0;
}

.room-list-left {
    float: left;
    width: 24%;
}

.room-list-left img {
    width: 100%;
}

.room-list-right {
    float: right;
    width: 72%;
}

.room-list-right .room-meta li {
    color: #fff;
    font-size: 14px;
    margin: 0 0 8px 0;
}

.room-list-right .room-meta {
    float: left;
}

.room-price {
    float: right;
}

.room-price {
    color: #fff;
}

.room-price .price {
    margin: 0 0 5px 0;
}

.room-price .price span {
    color: #fff;
}

.room-list-right .button2 {
    margin: 0 10px 0 0;
}

.room-meta ul {
    margin: 0 0 20px 0;
}

.room-list-right .price-breakdown {
    text-align: right;
}

.price-breakdown {
    font-size: 12px;
}

.price-breakdown a {
    color: #fff;
    text-decoration: none;
    background: url(../images/arrows4.png) no-repeat right center;
    padding: 0 10px 0 0;
}

.price-details {
    border: 1px solid;
    margin: 40px 0 0 0;
}

.price-details .price,
.price-details .total-price {
    font-size: 36px;
    width: 100%;
    text-align: center;
}

.price-details .price {
    margin: 20px 0 30px 0;
}

.price-details .total-price {
    margin: 20px 0 10px 0;
}

.price-details .deposit {
    width: 170px;
    margin: -13px auto 0 auto;
    text-align: center;
}

.price-details .total {
    width: 100px;
    margin: -19px auto 0 auto;
    text-align: center;
}

.price-details .total-line {
    border: none;
    height: 1px;
}

.price-details .price-breakdown {
    text-align: center;
    border-top: 1px solid;
    width: 140px;
    margin: 0 auto 10px auto;
    padding: 6px 0;
}

.input-left {
    float: left;
    width: 48%;
}

.input-right {
    float: right;
    width: 48%;
}

.booking-main label {
    color: #fff;
}

.booking-main input[type="text"] {
    margin: 0 0 20px 0;
    color: #d3d3d3;
    font-size: 12px;
}

.booking-main textarea {
    width: 97%;
    padding: 10px 9px;
    margin: 0 0 30px 0;
    font-size: 12px;
    color: #d3d3d3;
    border: none;
    font-size: 12px;
}

.booking-main {
    color: #fff;
}

.booking-main .terms {
    font-size: 12px;
}

.booking-main .terms a {
    color: #fff;
}

.booking-main .payment-image {
    margin: 10px 0 10px 0;
}

.booking-main input[type="submit"] {
    color: #fff;
    font-size: 14px;
    border: none;
    text-align: center;
    cursor: pointer;
}

.book-deposit {
    width: 199px;
}

.price-breakdown-display {
    font-size: 12px;
    text-align: center;
    line-height: 2em;
}

.price-breakdown-display {
    display: none;
}

.price-breakdown-display-open {
    display: block;
}

.price-breakdown-open {
    border-bottom: 1px solid;
}

.price-breakdown a {
    outline: none;
}

.hide {
    display: none;
}


/* 7.2.1 - Home / Slider Booking Form */

#slider .home-reservation-box {
    width: 900px;
    padding: 30px;
    margin: 0 auto;
    position: absolute;
    bottom: -45px;
    left: 100px;
    border-bottom: 5px solid;
}

#slider-full .home-reservation-box {
    width: 900px;
    padding: 30px;
    margin: 0 auto;
    position: absolute;
    bottom: 40px;
    left: 100px;
    border-bottom: 5px solid;
}

.home-reservation-box input[type="text"],
.widget-reservation-box input[type="text"] {
    width: 169px;
}

.home-reservation-box input[type="text"],
.booking-side input[type="text"] {
    margin: 0 10px 0 0;
    float: left;
    font-size: 14px;
    color: #d3d3d3;
}

.widget-reservation-box input[type="text"] {
    width: 210px;
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #d3d3d3;
}

.home-reservation-box input[type="submit"],
.widget-reservation-box input[type="submit"],
.booking-side input[type="submit"] {
    color: #fff;
    border: none;
    font-size: 14px;
    cursor: pointer;
}

.widget-reservation-box input[type="submit"] {
    width: 150px;
    margin: 30px auto 0 auto;
    display: block;
}

.home-reservation-box input[type="submit"]:hover {
    background: #fff;
    color: #1c1c1c;
}

.one-half-form {
    width: 132px;
    margin: 0 12px 0 0;
    float: left;
}

.booking-side input[type="text"] {
    width: 112px;
}

.one-third-form {
    width: 85px;
    margin: 0 12px 0 0;
    float: left;
}


/* 7.2.2 - Booking Calendar */

#ui-datepicker-div {
    padding: 20px;
    color: #fff;
    border-bottom: 5px solid;
    font-size: 13px;
    -moz-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2);
}

.ui-datepicker {
    display: none;
}

#ui-datepicker-div a {
    color: #fff;
    text-decoration: none;
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td a {
    width: 30px;
}

.ui-datepicker-calendar tbody tr td a {
    height: 23px;
    padding: 7px 0 0 0;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    display: block;
}

.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable {
    background: transparent;
}

.datepicker,
.datepicker2 {
    background: url(../images/date_icon.png) #fff no-repeat right center;
}

.ui-datepicker-title {
    text-align: center;
    padding: 0 0 5px 0;
}

.ui-datepicker-header {
    padding: 0 0 10px 0;
    position: relative;
}

.ui-datepicker-prev {
    position: absolute;
    top: 0;
    left: 0;
}

.ui-datepicker-next {
    position: absolute;
    top: 0;
    right: 0;
}

.ui-datepicker-calendar thead tr th {
    padding: 10px 0;
    margin: 0 0 10px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker-prev {
    background: url(../images/date_arrows.png) no-repeat -10px 2px #fff;
    display: block;
    -webkit-border-radius: 99%;
    -moz-border-radius: 99%;
    -o-border-radius: 99%;
    border-radius: 99%;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
}

.ui-datepicker-next {
    background: url(../images/date_arrows.png) no-repeat -88px 2px #fff;
    display: block;
    -webkit-border-radius: 99%;
    -moz-border-radius: 99%;
    -o-border-radius: 99%;
    border-radius: 99%;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
}


/* 7.2.3 - Open Booking Calendar */

#open_datepicker {
    color: #fff;
}

#open_datepicker .ui-datepicker-calendar {
    width: 50%;
    font-size: 13px;
}

#open_datepicker .ui-datepicker-calendar a {
    color: #fff;
    text-decoration: none;
}

#open_datepicker .ui-datepicker-title {
    font-size: 13px;
    padding: 5px 0 5px 0;
}

#open_datepicker .ui-datepicker-header {
    padding: 0 0 20px 0;
}

#open_datepicker .ui-datepicker-calendar tbody {
    margin: 20px 0 0 0;
}

#open_datepicker .ui-datepicker-group {
    width: 250px;
    float: left;
}

#open_datepicker .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default {
    border-right: 1px solid;
    border-bottom: 1px solid;
    display: block;
    text-align: center;
}

#open_datepicker .ui-state-default {
    width: 35px;
    height: 25px;
    padding: 10px 0 0;
}

#open_datepicker .ui-datepicker-calendar {
    width: 100% !important;
}

#open_datepicker .ui-datepicker-group-first {
    float: left;
    border-right: 1px solid;
    padding: 0 20px 0 0;
}

#open_datepicker .ui-datepicker-group-last {
    float: right;
}

#open_datepicker .ui-datepicker-prev,
#open_datepicker .ui-datepicker-next {
    width: 25px;
    height: 25px;
}

#open_datepicker .ui-datepicker-prev {
    background: url(../images/date_arrows.png) no-repeat -8px 4px #fff;
}

#open_datepicker .ui-datepicker-next {
    background: url(../images/date_arrows.png) no-repeat -86px 4px #fff;
}


/* 7.2.4 - Booking Widget */

.widget-reservation-box .select-wrapper {
    width: 228px;
    margin: 0 0 10px 0;
}

.home-reservation-box .select-wrapper {
    float: left;
}

.select-wrapper {
    width: 170px;
    overflow: hidden;
    margin: 0 10px 0 0;
}

.select-wrapper select {
    width: 117%;
    background-image: url(../images/arrows3.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 80% center;
    color: #d3d3d3;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 9px 10px;
    outline: none;
    font-size: 14px;
}


/* 7.2.5 - Booking Contact Info */

.contact_details_list {
    padding: 10px 0 0 0;
    margin: 0 !important;
}

.contact_details_list li {
    font-size: 14px;
    list-style: none;
    display: block;
    min-height: 36px;
    border-bottom: #e8e8e8 1px solid;
    position: relative;
    padding: 0 0 0 45px;
    margin: 0 0 20px 0;
}

.contact_details_list_dark li {
    border-bottom: 1px solid;
}

.contact_details_list li:last-child {
    border-bottom: none;
}

.contact_details_list .phone_list:before,
.contact_details_list .fax_list:before,
.contact_details_list .email_list:before,
.contact_details_list .address_list:before {
    content: '';
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 99%;
    position: absolute;
    top: -10px;
    left: 0;
}

.contact_details_list .phone_list:before {
    background-image: url(../images/list_phone.png);
    background-repeat: no-repeat;
    background-position: center;
}

.contact_details_list .fax_list:before {
    background-image: url(../images/list_fax.png);
    background-repeat: no-repeat;
    background-position: center;
}

.contact_details_list .email_list:before {
    background-image: url(../images/list_email.png);
    background-repeat: no-repeat;
    background-position: center;
}

.contact_details_list .address_list:before {
    background-image: url(../images/list_map.png);
    background-repeat: no-repeat;
    background-position: center;
}

.contact_details_list_dark .phone_list:before {
    background-image: url(../images/list_phone_dark.png);
    background-repeat: no-repeat;
    background-position: center;
}

.contact_details_list_dark .fax_list:before {
    background: url(../images/list_fax_dark.png);
    background-repeat: no-repeat;
    background-position: center;
}

.contact_details_list_dark .email_list:before {
    background: url(../images/list_email_dark.png);
    background-repeat: no-repeat;
    background-position: center;
}

.contact_details_list_dark li strong {
    font-weight: normal;
}


/* 7.2.6 - Booking Steps */

.step-wrapper {
    width: 200px;
    float: left;
    margin: 0 50px 0 0;
}

.step-icon {
    color: #fff;
    font-size: 18px;
    width: 35px;
    height: 30px;
    text-align: center;
    padding: 10px 0 0 5px;
    border-radius: 99%;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

.step-icon-wrapper {
    background: #fff;
    width: 80px;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

.step-title {
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin: 14px 0 0 0;
    line-height: 130%;
}

.booking-step-wrapper {
    position: relative;
    margin: 0 0 40px 0;
}

.step-line {
    background: #e8e8e8;
    height: 1px;
    width: 85%;
    margin: 0 auto;
    position: relative;
    top: 19px;
    z-index: 1;
}


/* 7.2.7 - Lightbox */

.pp_content {
    box-shadow: 0 0 4px rgba(136, 136, 136, 0.6);
}

.pp_content .page-content {
    padding: 20px;
}

.lightbox-title {
    color: #fff;
    font-size: 14px;
    padding: 20px 20px;
}

.pp_details {
    position: absolute;
    top: 0;
}

.pp_close {
    background: url(../images/close.png) no-repeat center;
    width: 10px;
    height: 11px;
    position: absolute;
    right: 20px;
    top: 27px;
    display: block;
    line-height: 22px;
    text-indent: -10000px
}

.lightbox-title .title-style4 {
    margin: 0;
}


/* 7.3 - Accommodation */

.accommodation-thumb {
    margin: 0 0 20px 0;
    width: 100%;
}

.button-space1 {
    margin: 0 0 0 10px;
}

.accommodation-listing {
    margin: 0 !important;
}

.accommodation-listing .col {
    float: left;
    margin: 0 3% 40px 0;
    width: 31.3%;
    list-style: none;
}

.accommodation-listing .col:nth-child(3n) {
    margin: 0;
}


/* 7.3.1 - Accommodation Price Widget */

.room-price-widget {
    border: 1px solid;
    margin: 10px 0 40px 0;
}

.room-price-widget .from,
.room-price-widget .price-detail {
    font-size: 14px;
}

.room-price-widget .from,
.room-price-widget .price,
.room-price-widget .price-detail {
    text-align: center;
}

.room-price-widget .from {
    margin: -10px auto 0 auto;
    width: 100px;
}

.room-price-widget .price {
    color: #fff;
    font-size: 36px;
    width: 100%;
    margin: 15px 0 15px 0;
}

.room-price-widget .price-detail {
    margin: 0 auto -12px auto;
    width: 100px;
}


/* 7.4 - Testimonials */

.testimonial-wrapper {
    border: #e8e8e8 1px solid;
    padding: 20px;
    position: relative;
}

.dark-wrapper .testimonial-wrapper {
    border: 1px solid;
    color: #fff;
}

.testimonial-image {
    float: left;
    width: 18%;
    max-width: 70px;
    margin: 0 20px 0 0;
}

.testimonial-image img {
    width: 100%;
}

.testimonial-text {
    float: left;
    width: 75%;
    margin: 0;
}

.testimonial-speech {
    background: url(../images/testimonial-speech.png) no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: -22px;
    left: 20px;
}

.testimonial-single .testimonial-speech {
    background: url(../images/testimonial-speech-single.png) no-repeat;
    top: -22px;
}

.dark-wrapper .testimonial-speech {
    background: url(../images/testimonial-speech-dark.png) no-repeat;
}

.testimonial-author {
    color: #a09d9d;
    margin: 24px 0 0 21px;
}

.testimonial-author span {
    color: #1c1c1c;
}

.dark-wrapper .testimonial-author span {
    color: #fff;
}


/* 7.5 - Pagination */

.pagination-wrapper,
.wp-pagenavi {
    float: right;
    margin: 10px 0 10px 0;
}

.pagination-wrapper .selected,
.pagination-wrapper a:hover,
.wp-pagenavi .current,
.wp-pagenavi a:hover {
    border: 1px solid;
    color: #fff;
}

.pagination-wrapper a,
.wp-pagenavi a,
.wp-pagenavi span {
    border: #e8e8e8 1px solid;
    font-size: 14px;
    padding: 5px 10px;
    margin: 0 0 0 2px;
    text-decoration: none;
    color: #1c1c1c;
}

.dotted-pagination {
    background: url(images/dot_border_h.png) top left repeat-x;
    width: 100%;
    text-align: right;
    padding: 40px 0 30px 0;
}

.next-pagination {
    margin: 0 0 0 8px;
}


/* 8.0 - Columns */


/* 8.1 - One Half */

.one-half {
    float: left;
    width: 48.5%;
    margin: 0 3% 0 0;
}


/* 8.2 - One Third */

.one-third {
    float: left;
    width: 31.3%;
    margin: 0 3% 0 0;
}


/* 8.3 - One Fourth */

.one-fourth {
    float: left;
    width: 22.7%;
    margin: 0 3% 0 0;
}

.last-col {
    margin: 0 !important;
}


/* 9.0 - Widgets */


/* 9.1 - Social Widget */

.social-icons li {
    float: left;
    margin: 0 6px 6px 0;
}

.social-icons li:last-child {
    margin: 0;
}

.facebook-icon,
.twitter-icon,
.pinterest-icon,
.gplus-icon,
.linkedin-icon {
    background-image: url(../images/social_icons.png);
    width: 36px;
    height: 36px;
    -webkit-border-radius: 99%;
    -moz-border-radius: 99%;
    -o-border-radius: 99%;
    border-radius: 99%;
    display: block;
    background-repeat: no-repeat;
    background-color: #fff;
}

.youtube-icon {
    background-image: url(../images/youtube.png);
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    /*
    -webkit-border-radius: 99%;
    -moz-border-radius: 99%;
    -o-border-radius: 99%;
    border-radius: 99%;
    */
    display: block;
    background-repeat: no-repeat;
    /*background-color: #fff;*/
}

.tripadvisor-icon {
    background-image: url(../images/tripadvisor.png);
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    /*
    -webkit-border-radius: 99%;
    -moz-border-radius: 99%;
    -o-border-radius: 99%;
    border-radius: 99%;
    */
    display: block;
    background-repeat: no-repeat;
    /*background-color: #fff;*/
}

.facebook-icon {
    background-position: -11px -9px;
}

.facebook-icon:hover {
    background-position: -11px -50px;
}

.twitter-icon {
    background-position: -55px -9px;
}

.twitter-icon:hover {
    background-position: -55px -50px;
}

.pinterest-icon {
    background-position: -99px -9px;
}

.pinterest-icon:hover {
    background-position: -99px -50px;
}

.gplus-icon {
    background-position: -142px -9px;
}

.gplus-icon:hover {
    background-position: -142px -50px;
}

.linkedin-icon {
    background-position: -186px -9px;
}

.linkedin-icon:hover {
    background-position: -186px -50px;
}


/* 9.2 - Flickr */

.flickr_badge_wrapper .flickr_badge_image {
    float: left;
    margin: 0 4px 4px 0;
    height: 66px;
}

.flickr_badge_wrapper .flickr_badge_image:nth-child(3n+1) {
    margin: 0 4px 4px 0;
}

.flickr_badge_wrapper .flickr_badge_image img {
    width: 66px;
    height: 66px;
}


/* 9.3 - Tags */

.tagcloud {
    margin: 0 !important;
}

.tagcloud a {
    float: left;
    line-height: 100%;
    list-style: none !important;
    margin: 0 9px 9px 0 !important;
    padding: 10px;
    font-size: 14px !important;
    border: #e8e8e8 1px solid;
    color: #1c1c1c;
    text-decoration: none;
}

.tagcloud a:hover {
    border: 1px solid;
    color: #fff;
}


/* 9.4 - Latest Posts Widget */

.latest-posts-list {
    margin: 0 !important;
}

.widget .latest-posts-list li {
    list-style: none;
    margin: 0 0 14px 0;
    padding: 0 0 13px 0 !important;
    list-style: none !important;
}

.widget .latest-posts-list li a {
    color: #1c1c1c;
}

.widget .latest-posts-list li:last-child {
    background: none;
    padding: 0 !important;
    margin: 0 !important;
}

.widget .latest-posts-list li .lpl-img {
    float: left;
    margin: 0 12px 0 0;
}

#footer .widget .latest-posts-list li .lpl-img {
    width: 20%;
}

#footer .widget .latest-posts-list li .lpl-img img {
    width: 100%;
}

.widget .latest-posts-list li .lpl-content {
    float: left;
    width: 72%;
    margin: 0;
}

.widget .latest-posts-list li .lpl-content h6 {
    line-height: 1.2;
    text-transform: none;
    font-size: 14px !important;
    font-weight: 400;
    margin: 0 !important;
}

.widget .latest-posts-list li .lpl-content h6 a {
    text-decoration: none;
}

.widget .latest-posts-list li .lpl-content h6 a:hover {
    text-decoration: underline;
}

.widget .latest-posts-list li .lpl-content h6 span {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    display: block;
    margin: 5px 0 0 0;
}

#footer .widget .latest-posts-list li {
    list-style: none;
    margin: 0 0 7px 0;
    padding: 4px 0 4px 0;
}

#footer .one-fourth .widget .latest-posts-list li .lpl-img img {
    width: 50px;
    height: 50px;
}

#footer .one-fourth .widget .latest-posts-list li .lpl-content {
    width: 145px;
}

#footer .lpl-content h6 {
    text-transform: capitalize;
}

.sidebar .widget:last-child {
    border-bottom: none;
    padding: 0;
    margin: 0;
}


/* 10.0 - Footer */

#footer ul li {
    color: #fff;
    font-size: 14px;
    line-height: 160%;
}

#footer .twitter-feed li {
    font-style: italic;
    margin: 0 0 12px 0;
    padding: 0 0 0 25px;
    background: url(../images/twitter_icon.png) no-repeat 0 6px;
}

#footer .twitter-feed li span {
    font-size: 12px;
    font-style: normal;
    display: block;
    margin: 2px 0 0 0;
}

#footer .twitter-feed li a {
    text-decoration: none;
}

#footer .twitter-feed li a:hover {
    text-decoration: underline;
}

.footer-full {
    margin: 0 !important;
}

#google-map {
    margin: 0 0 25px 0;
}

#footer {
    margin: 40px 0 0 0;
    padding: 40px 0 40px 0;
}

#footer p {
    color: #fff;
}


/* 10.1 - Footer Bottom */

#footer-bottom {
    border-top: 1px solid;
    margin: 40px 0 0 0;
    padding: 40px 0 0 0;
}

#footer-bottom p {
    font-size: 12px;
    margin: 0;
}

#footer-bottom ul li {
    float: left;
    font-size: 12px;
}

#footer-bottom ul li span {
    margin: 0 4px;
}

#footer-bottom ul li:last-child span {
    display: none;
}

#footer-bottom ul li a {
    color: #fff;
    text-decoration: none;
}

#footer-bottom ul li a:hover {
    text-decoration: underline !important;
}


/* DEMO ONLY */

#style_picker {
    position: fixed;
    top: 190px;
    left: -134px;
    background: #fff;
    padding: 15px;
    z-index: 9999;
}

#style_picker ul {
    margin: 15px 0 5px 0;
}

#style_picker ul li {
    line-height: 160%;
    font-size: 14px;
}

#style_picker a,
#style_picker a:hover,
#style_picker .picker_title {
    color: #424242 !important;
}

#style_picker a:hover {
    text-decoration: underline;
}

#style_picker .picker_title {
    margin: 0 0 5px 0 !important;
}

.style_picker_toggle_wrapper {
    background: #fff;
    display: block;
    position: absolute;
    top: 0px;
    right: -45px;
    width: 45px;
    height: 45px;
}

.style_picker_toggle {
    background: url(../images/style.png) #fff no-repeat top left;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 9px;
    right: 9px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.style_picker_toggle_open {
    background: url(../images/style.png) #fff bottom left;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}