/*
 * style-accommodation.css
 * Stripped from style.css (Cabana 1.1) for accommodation pages.
 *
 * Sections dropped:
 * 7-13 (Homepage variants — Default, Alternative, Corporate, One Page, Full Screen, Blog, Sections)
 * 16   (Isotope — portfolio filtering)
 * 17   (Portfolio Index)
 * 19   (Post Index / Single Post)
 * 20-21 (Portfolio Navigation, Portfolio Items)
 * 22   (Team Members)
 * 23   (Services)
 * 24   (Comments)
 * 25   (Google Map)
 * 27-28 (Contact Form variants — accommodation pages remove footer form, widget handles enquiry)
 * 31   (Homepage Quotes)
 * 32   (Homepage Latest Tweet)
 * 33   (Pricing Tables)
 * 34   (Skill Bars)
 */

/*----------------------------------------------*/
/*	1 - Reset
/*----------------------------------------------*/

/* normalize.css v2.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Standard Reset.
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 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;
  	vertical-align: baseline;
}

/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
	display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  	display: none;
  	height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  	background: #fff;
  /* 1 */
  	color: #000;
  /* 2 */
  	font-family: sans-serif;
  /* 3 */
  	-ms-text-size-adjust: 100%;
  /* 4 */
  	-webkit-text-size-adjust: 100%;
  /* 4 */
}

/**
 * Remove default margin.
 */
body {
  	margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  	outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  	font-size: 2em;
  	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  	font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  	font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
  	height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  	background: #ff0;
  	color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  	font-family: monospace, serif;
  	font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  	white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  	quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
	font-size: 75%;
  	line-height: 0;
  	position: relative;
  	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
  	bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  	border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  	border: 1px solid #c0c0c0;
  	margin: 0 2px;
  	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  	border: 0;
  /* 1 */
  	padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  	font-family: inherit;
  /* 1 */
  	font-size: 100%;
  /* 2 */
  	margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  	line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  	-webkit-appearance: button;
  /* 2 */
  	cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  	cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  	box-sizing: border-box;
  /* 1 */
  	padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  	-webkit-appearance: textfield;
  /* 1 */
  	-moz-box-sizing: content-box;
  	-webkit-box-sizing: content-box;
  /* 2 */
  	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  	-webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  	border: 0;
  	padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  	overflow: auto;
  /* 1 */
  	vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */
table th td{
  	border-collapse: collapse;
  	border-spacing: 0;
}


/*----------------------------------------------*/
/*	2 - Grid
/*----------------------------------------------*/

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
#Base 960 Grid
#Tablet (Portrait)
#Mobile (Portrait)
#Mobile (Landscape)
#Clearing */



/* #Base 960 Grid
================================================== */

.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

/* Base Grid */
.container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 100px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 800px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }

.container .one-third.column                { width: 300px; }
.container .two-thirds.column               { width: 620px; }

/* Offsets */
.container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }

/* #Full screen width (100%) - add .fullwidth to your container's parent for support
================================================== */
@media only screen and (min-width:767px){
	.fullwidth .container                                  { position: relative; width: 100%; margin: 0 auto; padding: 0; }
	.fullwidth .container .column,
	.fullwidth .container .columns                         { float: left; display: inline; margin-left: 0; margin-right: 0; }
	.fullwidth .row                                        { margin-bottom: 20px; }

	/* Nested Column Classes */
	.column.alpha, .columns.alpha               { margin-left: 0; }
	.column.omega, .columns.omega               { margin-right: 0; }

	/* Base Grid */
	.fullwidth .container .one.column,
	.fullwidth .container .one.columns                     { width: 4.25%;  }
	.fullwidth .container .two.columns                     { width: 10.5%; }
	.fullwidth .container .three.columns                   { width: 16.75%; }
	.fullwidth .container .four.columns                    { width: 23%; }
	.fullwidth .container .five.columns                    { width: 29.25%; }
	.fullwidth .container .six.columns                     { width: 35.5%; }
	.fullwidth .container .seven.columns                   { width: 41.75%; }
	.fullwidth .container .eight.columns                   { width: 50%; }
	.fullwidth .container .nine.columns                    { width: 54.25%; }
	.fullwidth .container .ten.columns                     { width: 60.5%; }
	.fullwidth .container .eleven.columns                  { width: 66.75%; }
	.fullwidth .container .twelve.columns                  { width: 73%; }
	.fullwidth .container .thirteen.columns                { width: 79.25%; }
	.fullwidth .container .fourteen.columns                { width: 85.5%; }
	.fullwidth .container .fifteen.columns                 { width: 91.75%; }
	.fullwidth .container .sixteen.columns                 { width: 100%; }

	.fullwidth .container .one-third.column                { width: 31%; }
	.fullwidth .container .two-thirds.column               { width: 64%; }

	/* Offsets */
	.fullwidth .container .offset-by-one                   { padding-left: 6.25%;  }
	.fullwidth .container .offset-by-two                   { padding-left: 12.5%; }
	.fullwidth .container .offset-by-three                 { padding-left: 18.75%; }
	.fullwidth .container .offset-by-four                  { padding-left: 25%; }
	.fullwidth .container .offset-by-five                  { padding-left: 31.25%; }
	.fullwidth .container .offset-by-six                   { padding-left: 37.5%; }
	.fullwidth .container .offset-by-seven                 { padding-left: 43.75%; }
	.fullwidth .container .offset-by-eight                 { padding-left: 50%; }
	.fullwidth .container .offset-by-nine                  { padding-left: 56.25%; }
	.fullwidth .container .offset-by-ten                   { padding-left: 62.5%; }
	.fullwidth .container .offset-by-eleven                { padding-left: 68.75%; }
	.fullwidth .container .offset-by-twelve                { padding-left: 75%; }
	.fullwidth .container .offset-by-thirteen              { padding-left: 81.25%; }
	.fullwidth .container .offset-by-fourteen              { padding-left: 87.5%; }
	.fullwidth .container .offset-by-fifteen               { padding-left: 93.75%; }
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container                                  { width: 768px; }
    .container .column,
    .container .columns                         { margin-left: 10px; margin-right: 10px;  }
    .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
    .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
    .alpha.omega                                { margin-left: 0; margin-right: 0; }

    .container .one.column,
    .container .one.columns                     { width: 28px; }
    .container .two.columns                     { width: 76px; }
    .container .three.columns                   { width: 124px; }
    .container .four.columns                    { width: 172px; }
    .container .five.columns                    { width: 220px; }
    .container .six.columns                     { width: 268px; }
    .container .seven.columns                   { width: 316px; }
    .container .eight.columns                   { width: 364px; }
    .container .nine.columns                    { width: 412px; }
    .container .ten.columns                     { width: 460px; }
    .container .eleven.columns                  { width: 508px; }
    .container .twelve.columns                  { width: 556px; }
    .container .thirteen.columns                { width: 604px; }
    .container .fourteen.columns                { width: 652px; }
    .container .fifteen.columns                 { width: 700px; }
    .container .sixteen.columns                 { width: 748px; }

    .container .one-third.column                { width: 236px; }
    .container .two-thirds.column               { width: 492px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 48px; }
    .container .offset-by-two                   { padding-left: 96px; }
    .container .offset-by-three                 { padding-left: 144px; }
    .container .offset-by-four                  { padding-left: 192px; }
    .container .offset-by-five                  { padding-left: 240px; }
    .container .offset-by-six                   { padding-left: 288px; }
    .container .offset-by-seven                 { padding-left: 336px; }
    .container .offset-by-eight                 { padding-left: 384px; }
    .container .offset-by-nine                  { padding-left: 432px; }
    .container .offset-by-ten                   { padding-left: 480px; }
    .container .offset-by-eleven                { padding-left: 528px; }
    .container .offset-by-twelve                { padding-left: 576px; }
    .container .offset-by-thirteen              { padding-left: 624px; }
    .container .offset-by-fourteen              { padding-left: 672px; }
    .container .offset-by-fifteen               { padding-left: 720px; }
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .container { width: 300px; }
    .container .columns,
    .container .column { margin: 0; }

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column  { width: 300px; }

    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen { padding-left: 0; }

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container { width: 420px; }
    .container .columns,
    .container .column { margin: 0; }

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column { width: 420px; }
}


/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


/*----------------------------------------------*/
/*	3 - General
/*----------------------------------------------*/

body {
	background-color: #fff;
	font-family: 'museo-sans', sans-serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: #444;
	-webkit-text-size-adjust: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

body:before {
	content: ""; 
	position: fixed; 
	top: -10px; 
	left: 0; 
	width: 100%;
	height: 10px; 
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8); 
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8); 
	box-shadow: 0 0 20px rgba(0, 0, 0, .8); 
	z-index: 1000;
}

.content {
	background-color: #f4f4f4;
	padding: 90px 0;
	z-index: 300;
	position: relative;
}

.contact .content {
	padding: 30px 0 90px 0;
}

main {
	position: relative;
	clear: both;
}

.title-container {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 10%;
}

.title-container h1 {
	display: inline-block;
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 2px solid #333;
}

.title-container p {
	color: #999;
	font-size: 14px;
	font-family: 'filosofia', serif;
	font-style: italic;
	text-transform: lowercase;
	margin-top: 2px;
}

.title-container .fa {
	font-size: 20px;
}

img {
	max-width: 100%;
	height: auto;
}
.inline-image {
  	padding: 20px 0 10px 0;
}

.video-frame {
  	margin-top: 30px;
  	margin-bottom: 40px;
}

.audio-frame {
	margin-top: 30px;
	margin-bottom: 30px;
}

p {
	color: #646464;
}

.first-paragraph {
	color: #666;
	font-family: 'museo-slab', serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 35px;
	margin-bottom: 30px;
}

.tagline {
	font-family: 'museo-slab', serif;
	color: #666;
	font-size: 20px;
	font-weight: 400;
	line-height: 35px;
	margin-bottom: 30px;
}

.page-nav {
    display: block;
    float: left;  
    margin: 0 0 20px 0;
    list-style: none;
}

.page-nav li {
	font-size: 25px;
    float: left;
    -moz-transition: color .4s;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    -ms-transition: color .4s;
    transition: color .4s;
}

.page-nav li.back {
	font-size: 20px;
}

.page-nav li a {
	text-decoration: none;
	display: block;
}

.page-nav .next a:hover,
.page-nav .prev a:hover {
	color: #666;
}

.page-nav .back a:hover {
	color: #666;
}

.page-nav .prev, 
.page-nav .next, 
.page-nav .back {
    margin-right: 10px;
}

.page-nav .back a {}

.page-nav .next a {
    color: #333;
}

.page-nav .prev a {
    color: #333;
}

a {
	color: #999;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

a:hover {
  	color: #333;
}

ol, 
ul {
	list-style-position: inside;
	margin: 20px 0;
}

ul.alt {
	list-style: none;
}

ul.alt li:before {
	float: left; 
	font-family: 'FontAwesome'; 
	content: "\f192";
	color: #999;
	padding-right: 10px; 
	font-size: 15px;
}

::-moz-selection {
	background: #333;
	color: #fff;
	text-shadow: none
}

::selection {
	background: #333;
	color: #fff;
	text-shadow: none
}

blockquote,
blockquote p {
	font-family: 'filosofia', serif !important;
	font-size: 25px;
	line-height: 35px;
	color: #999;
	font-style: italic;
}

blockquote {
	margin: 20px 0;
	padding: 9px 20px 0 20px;
	border-left: 3px solid #333;
}

blockquote cite {
	font-family: 'museo-sans', sans-serif;
	display: block;
	margin-top: 10px;
	color: #333;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
}

cite {
	text-align: right;
	margin-top: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'filosofia', sans-serif;
	font-weight: 700;
	text-transform: none;
}

h1 {
	font-size: 50px;
	line-height: 45px;
	font-weight: 700;
	border-bottom: 2px solid #333;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

h2 {
	font-weight: 700;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

h3 {
	font-weight: 700;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

h3.widget-header {
	font-family: 'museo-sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
	margin-top: 2px; !important 
	margin-bottom: 0px;
	padding-bottom: 0px;
}


h4 {
	font-family: 'museo-sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

h5 {
	font-family: 'museo-sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

h6 
{
font-weight: 700;
    font-family: 'museo-sans', sans-serif;
text-transform: uppercase;
margin-bottom: 10px;
padding-bottom: 10px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  	color: #333;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  	color: #666;
}

.dropcap {
	font-family: 'Montserrat', sans-serif;
	color: #333;
	font-size: 55px;
	font-weight: 700;
	padding: 0 7px 5px 0;
	line-height: 1em;
	float: left;
}


/*----------------------------------------------*/
/*	4 - Header
/*----------------------------------------------*/

#header-image-slideshow {
	width: 100%;
	height: 800px;
	margin: 0 auto;
	position: absolute;
	background-size: cover!important;
	-webkit-background-size: cover!important;
}

.header-background-image {
	background: url(../img/timbavati-game-reserve.jpg) top center no-repeat;
	width: 100%;
	height: 800px;
	margin: 0 auto;
	position: absolute;
	background-size: cover!important;
	-webkit-background-size: cover!important;
}

#header-global[role="banner"] {
	color: #fff;
	width: 100%;
	height: 700px;
	padding-bottom: 60px;
	z-index: 1000;
}

#header-global-inner[role="banner"] {
	color: #fff;
	width: 100%;
	height: 110px;
	padding-bottom: 10px;
	z-index: 1000;
}

.header-top {
	padding-top: 50px;
	position: relative;
	z-index: 500;
	width: 100%;
	-moz-transition: all .7s;
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	-ms-transition: all .7s;
	transition: all .7s;
}

.header-top-light {
	background-color: #fff;
	position: relative;
	padding-top: 17px;
	padding-bottom: 15px;
	z-index: 500;
	width: 100%;
	text-align: left;
	-webkit-box-shadow: 0px 0px 8px 0px #999;
	-moz-box-shadow: 0px 0px 8px 0px #999;
	box-shadow: 0px 0px 8px 0px #999;
	-moz-transition: all .7s;
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	-ms-transition: all .7s;
	transition: all .7s;
}

.header-top-inner {
	background-color: #fff;
	padding-top: 17px;
	padding-bottom: 15px;
	position: fixed;
	z-index: 500;
	width: 100%;
	-webkit-box-shadow: 0px 0px 8px 0px #999;
	-moz-box-shadow: 0px 0px 8px 0px #999;
	box-shadow: 0px 0px 8px 0px #999;	
}

.logo.three.columns {
	margin-left: 0;
}

.logo h1 {
	font-family: 'Montserrat', sans-serif;
	color: #333;
	display: inline-block;
	border-bottom: none;
	text-transform: uppercase;
}

.logo h1 a {
	color: #333;
}

.logo h1 a:hover {
	color: #666;
}

.logo img {
	max-width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	max-width: 200px;
}

.header-top-inner .logo {
	text-align: left;
	margin-top: 16px;
}

.header-top-inner .logo h1 {
	font-size: 25px;
}

/* Uber Statement
------------------------------------------------*/

.uber-statement {
	margin-top: 10px;
	padding: 10px 0;
}

.uber-statement h2 {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 5px;
	color: #fff;
	font-size: 70px;
	font-weight: 700;
	line-height: 70px;
	border-bottom: none;
	width: 70%;
	margin: 0;
	padding: 0;
}

/* Social Links (Header)
------------------------------------------------*/

#header-global[role="banner"] .social-links-container {
	margin: 20px 0 0 0; 
}

#header-global[role="banner"] .social-links {
	overflow: hidden;
	margin: 0 0 20px 0;
	text-transform: lowercase;
  	list-style: none;
  	text-align: center;
}
  
#header-global[role="banner"] .social-links li {
	font-family: 'filosofia', serif;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 5px;
	margin-left: 8px;
	float: left;
	display: inline-block;
}

#header-global[role="banner"] .social-links li:first-child {
	margin-left: 0;
}

#header-global[role="banner"] .social-links li:not(:last-of-type):after { 
	content: "/";
	color: #fff;
	margin-left: 8px;
}

#header-global[role="banner"] .social-links li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	line-height: 1em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
}

#header-global[role="banner"] .social-links li a:hover {
	color: #ddd;
}


/*----------------------------------------------*/
/*	5 - Footer
/*----------------------------------------------*/

#footer-global[role="contentinfo"] {
	background-color: #333;
	border-top: 10px solid #eee;
	padding: 30px 0 30px 0;
	position: relative;
	z-index: 300;
	font-size: 40px;
	color: #eee;
}

#footer-global[role="contentinfo"] h4 {
	font-size: 15px;
	color: #fff;
	margin-bottom: 30px;
}

#footer-global[role="contentinfo"] a {
	color: #fff;
}

#footer-global[role="contentinfo"] a:hover {
  	color: #ddd;
}

#footer-global[role="contentinfo"] .company-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	color: #333;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#footer-global[role="contentinfo"] .message p{
	color: #fff;
	font-size: 18px;
	line-height: 28px;
}

#footer-global[role="contentinfo"] .message p:first-of-type {
	color: #fff;
	font-family: 'museo-slab', serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 30px;
}

#footer-global[role="contentinfo"] .message p:first-of-type:first-line {
	font-weight: bold;
	letter-spacing: .1em;
}

	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	color: #333;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#footer-global[role="contentinfo"] .contact-btn,
#footer-global[role="contentinfo"] .back-top-btn {
	margin-top: 10px;
	background: #fff;
	color: #333;
}

#footer-global[role="contentinfo"] .contact-btn:hover,
#footer-global[role="contentinfo"] .back-top-btn:hover {
	background: #953e08;
  	color: #fff;
}

#copyright-details {
	color: #999;
	font-family: 'museo-sans', sans-serif;
	text-transform: uppercase;
	width: 100%;
  	font-size: 10px;
  	line-height: 18px;
  	margin-top: 30px;
}

/* Social Links (Footer)
------------------------------------------------*/

#footer-global[role="contentinfo"] .social-links-container {
	margin: 40px 0 0 0;
}

#footer-global[role="contentinfo"] .social-links {
	overflow: hidden;
	margin: 0 auto;
	text-transform: lowercase;
  	list-style: none;
  	display: inline-block;
}
  
#footer-global[role="contentinfo"] .social-links li {
	font-family: 'filosofia', serif;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 5px;
	margin-left: 8px;
	float: left;
	display: inline-block;
}

#footer-global[role="contentinfo"] .social-links li:first-child {
	margin-left: 0;
}

#footer-global[role="contentinfo"] .social-links li:not(:last-of-type):after { 
	content: "/";
	color: #ddd;
	margin-left: 8px;
	font-size: 14px;
}

#footer-global[role="contentinfo"] .social-links li a {
	font-size: 14px;
	color: #eee;
	text-decoration: none;
	line-height: 1em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
}

#footer-global[role="contentinfo"] .social-links li a:hover {
	color: #ddd;
}


/*------------------------------------------------------------------*/
/*	6 - Navigation (Main) *Used in conjunction with superfish.css
/*------------------------------------------------------------------*/

.main-navigation {
	font-family: 'museo-sans', bold, sans-serif;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .03rem;
    display: block;
    text-transform: uppercase;
	height: 100%;
	position: relative;
	margin-top: 35px;
	margin-bottom: 30px;
	margin-left: 0;
	z-index: 9999;
}

.main-navigation ul {
	margin: 0 auto;
	margin-top: 0px;
	list-style-type: none;
	padding: 0;
}

.main-navigation ul ul {
	margin-top: -3px;
}

.main-navigation ul > li {
  	cursor: pointer;
  	margin-right: 10px;
}

.main-navigation ul > li a {
  	color: #333;
  	margin-right: 0;
  	padding: 10px;
}

.main-navigation ul > li a:hover {
	color: #666;
}

.main-navigation ul > li:hover {
	background-color: none;
}

.main-navigation li.current a {
  	color: #999;
}

.main-navigation ul ul li a {
	color: #999;
}

.main-navigation ul ul li:hover {}

.main-navigation ul li ul li a:hover {
	color: #fff;
}

.selectnav {
  	display: none;
}

.js-clingify-placeholder {
	height: 120px!important;
}

.js-clingify-wrapper {
  	width: 100%;
  	height: 120px!important;
}

.js-clingify-locked {
  	left: 0;
  	position: fixed;
  	top: 0;
  	z-index: 1000;
}

/* 	
Below are the different CSS stylings for the various homepage versions.
Please note the different classes which are attached to the Body tag on the
relevant template files.
*/


/*----------------------------------------------*/
/*	14 - Buttons
/*----------------------------------------------*/

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	position: relative;
	background: none;
	border: 1px solid #333;
	border-radius: 2px;
	color: #333;
	display: inline-block;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	margin-left: 0;
	margin-top: 5px;
	padding: 5px 10px;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	border: 1px solid #6699A6;
	color: #6699A6;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	border: 1px solid #6699A6;
	color: #6699A6;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* Read More Button
--------------------------------------------------*/

a.read-more-btn {
	font-family: 'museo-sans', sans-serif;
	position: relative;
	display: inline-block;
	background: #333;
	border-radius: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	padding: 10px 20px;
	text-align: center; 
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a.read-more-btn:hover {
	background: #953e08;
  	color: #fff;
  	position: relative;
}

/* Read More Button (Uber Statement)
--------------------------------------------------*/

a.read-more-btn-uber {
	font-family: 'Montserrat', sans-serif;
	position: relative;
	display: inline-block;
	background: #333;
	border-radius: 30px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 20px;
	padding: 12px 25px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a.read-more-btn-uber:hover {
	background: #953e08;
  	color: #fff;
  	position: relative;
}

/* Contact Button
--------------------------------------------------*/

.contact-btn {
	font-family: 'Montserrat', sans-serif;
	position: relative;
	display: inline-block;
	background: #333;
	border-radius: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.contact-btn:hover {
	background: #953e08;
  	color: #fff;
  	position: relative;
}

/* Back to Top Button
--------------------------------------------------*/

.back-top-btn {
	font-family: 'museo-sans', sans-serif;
	position: relative;
	display: inline-block;
	background: #fff;
	border-radius: 30px;
	color: #333 !important;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.back-top-btn:hover {
	background: #953e08;
  	color: #fff;
  	position: relative;
}

/* Portfolio Navigation Buttons
--------------------------------------------------*/

a.back-btn,
a.previous-btn,
a.next-btn {
	font-family: 'museo-sans', sans-serif;
	position: relative;
	display: inline-block;
	background: #333;
	border-radius: 30px;
	color: #fff;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	margin-right: 10px;
	padding: 5px 15px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a.back-btn:hover,
a.previous-btn:hover,
a.next-btn:hover {
	background: #953e08;
  	color: #fff;
  	position: relative;
}

a.back-btn {
	background: #953e08;
}

a.back-btn:hover {
	background: #333;
}


/*----------------------------------------------*/
/*	15 - Social Icons (Body)
/*----------------------------------------------*/

.social-icons {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	*zoom: 1;
	display: inline-block;
}

.social-icons > li {
	list-style-image: none;
	list-style-type: none;
	white-space: nowrap;
	margin-right: 20px;
	margin-left: 0;
	display: inline-block;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	padding: 10px;
}

.social-icons > li:first-child, .social-icons > li.first {
  	padding-left: 0;
}

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

.social-icons > li.last {
  	padding-right: 0;
}

.social-icons li .fa {
	color: #fff;
	font-size: 20px;
}

#homepage-contact .fa {
	color: #fff;
	font-size: 30px;
	margin-bottom: 30px;
}

#homepage-contact .social-icons {
	margin-top: 20px;
}

#homepage-contact .social-icons li {
	list-style: none;
	float: left;
	margin-right: 10px;
}

#homepage-contact .social-icons li .fa {
	font-size: 20px;
}


/*----------------------------------------------*/
/*	18 - Single Project
/*----------------------------------------------*/

.single-project {
	margin-top: 20px;
}

.single-project .project-description p {
	font-size: 16px;
	line-height: 30px;
}

.single-project .project-description p:first-of-type {
	font-family: 'museo-slab', serif;
	color: #666;
	font-size: 20px;
	font-weight: 400;
	line-height: 35px;
	margin-bottom: 30px;
}

.single-project p:last-of-type {
	margin-bottom: 8px;
}

.single-project h1 {
	display: block;
	font-size: 40px;
	line-height: 45px;
	border-bottom: 4px solid #333;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.single-project img {
  	max-width: 100%;
  	height: auto;
}

.single-project .client-name {
	font-size: 12px;
	font-family: 'filosofia', serif;
	font-style: italic;
	font-weight: normal;
	color: #999;
	text-transform: lowercase;
}

.single-project .widget-details {
	font-size: 15px;
	font-family: 'filosofia', serif;
	font-style: italic;
	font-weight: normal;
	color: #999;
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: medium double #999;
}

.single-project .client-name span {
	color: #333;
	font-family: 'museo-sans', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-right: 2px;
}

.single-project .project-details {
	font-family: 'filosofia', serif;
	font-style: italic;
	text-transform: lowercase;
	color: #999;
	border-top: #ddd 2px solid;
	font-size: 14px;
	margin-top: 40px;
	margin-bottom: 25px;
	padding-top: 20px;
	padding-bottom: 10px;
	list-style: none;
}

.single-project .project-details li {
	margin: 5px 0;
}

.single-project .project-details li span {
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.single-project img,
.single-project .video-frame {
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	overflow: hidden;
}

.single-project img {
	margin-top: 0px;
  	margin-bottom: 0px;
	padding-top: -5px;!important
	padding-bottom: 0px;!important
}

.single-project .video-frame {
  	margin-bottom: 25px;
}

.single-project .slides li {
  	margin-bottom: 0;
}

.single-project .project-icons {
	margin-top: 12px;
	margin-bottom: 30px;
}

.single-project .project-icons .fa {
	color: #ddd;
	font-size: 40px;
	margin-right: 10px;
}

.single-project.slider h1,
.single-project.video h1,
.single-project.audio h1 {
	display: block;
	font-size: 40px;
	line-height: 45px;
	border-bottom: 4px solid #333;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.single-project.slider .project-icons,
.single-project.video .project-icons,
.single-project.audio .project-icons {
	margin-top: 35px;
	margin-bottom: 10px;
}

.single-project.slider .project-details,
.single-project.video .project-details,
.single-project.audio .project-details {
	border-top: #ddd 2px solid;
	margin-top: 20px;
	margin-bottom: 25px;
}

/* Project Navigation
--------------------------------------------------*/

.project-nav {
    display: block;
    float: left;  
    margin: 0 0 60px 0;
    list-style: none;
}

.project-nav li {
	font-size: 25px;
    float: left;
    -moz-transition: color .4s;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    -ms-transition: color .4s;
    transition: color .4s;
}

.project-nav li.back {
	font-size: 20px;
}

.project-nav li a {
	text-decoration: none;
	display: block;
}

.project-nav .next a:hover,
.project-nav .prev a:hover {
	color: #666;
}

.project-nav .back a:hover {
	color: #666;
}

.project-nav .prev, 
.project-nav .next, 
.project-nav .back {
    margin-right: 10px;
}

.project-nav .back a {}

.project-nav .next a {
    color: #333;
}

.project-nav .prev a {
    color: #333;
}

/* On page links
------------------------------------------------*/

.on-page-links-container {
	margin: 20px 0 0 0; 
}

.on-page-links {
	overflow: hidden;
	margin: 0 0 20px 0;
	text-transform: lowercase;
  	list-style: none;
  	text-align: center;
}
  
.on-page-links li {
	font-family: 'filosofia', serif;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 2px;
	margin-left: 8px;
	float: center;
	display: inline-block;
}

.on-page-links li:first-child {
	margin-left: 0;
}

.on-page-links li:not(:last-of-type):after { 
	content: "/";
	color: #444;
	margin-left: 8px;
}

.on-page-links li a {
	font-size: 14px;
	color: #444;
	text-decoration: none;
	line-height: 1em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
}

.on-page-links li a:hover {
	color: #ddd;
}



/*----------------------------------------------*/
/*	26 - Widgets
/*----------------------------------------------*/

.widget {
  	font-size: 14px;
  	text-align: left;
  	margin-bottom: 30px;
}

.widget ul {
  	list-style: none;
}

.widget [class^="icon-"] {
	margin-right: 5px;
}

.widget-thumb {
	float: left;
	margin-right: 20px;
}

.widget-thumb img {
	border: 1px solid #fff;
	border-radius: 1px;
	vertical-align: bottom;
}

.post-widget {
	margin-bottom: 20px;
}

.post-date {
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	color: #999;
	font-style: normal;
	font-weight: 700;
	display: block;
	text-transform: uppercase;
	margin: 2px 0 5px 0;
}

.widget-excerpt a {
	font-size: 13px;
	text-transform: uppercase;
}

.sidebar .widget .fa {
	margin-right: 7px;
}

.sidebar .widget ul li:before {
	float: left; 
	font-family: 'FontAwesome'; 
	content:;
	color: #999;
	padding-right: 10px; 
	font-size: 15px;
}

.widget #twitter-feed .timePosted {
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}

.widget #twitter-feed .interact a {
	font-family: 'filosofia', serif;
	font-style: italic;
	margin-right: 5px;
	text-transform: lowercase;
}

.searchbar {
	float: left;
}

.searchbar input[type="text"],
.searchbar input[type="password"],
.searchbar input[type="email"],
.searchbar textarea,
.searchbar select {
	float: left;
	padding: 8px 8px 10px 0;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #333;
	border-left: none;
	outline: none;
	font-size: 14px;
	font-style: italic;
	color: #333;
	margin: 0;
	width: 80%;
	display: block;
	line-height: 1.3;
	margin-bottom: 20px;
	background: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.searchbar input[type="text"]:focus,
.searchbar input[type="password"]:focus,
.searchbar input[type="email"]:focus,
.searchbar textarea:focus {
  	border-top: none;
  	border-right: none;
  	border-bottom: 2px solid #333;
  	border-left: none;
  	color: #333;
}

.searchbar ::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}

.searchbar :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.searchbar ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

.searchbar :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

.searchbar .fa {
	color: #ddd;
	font-size: 20px;
}

/* Tabbed Content Widget
--------------------------------------------------*/

ul.tabs {
  	margin: 10px 0 0 0;
  	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	width: 100%;
	list-style: none;
}

ul.tabs li {
	font-family: 'museo-sans', sans-serif;
	float: left;
	text-transform: uppercase;
	margin: 0 10px 0 0;
	background: #ddd;
	cursor: pointer;
	border-radius: 2px;
	padding: 15px;
	font-size: 13px;
	font-weight: 400;
	overflow: hidden;
	position: relative;
}

ul.tabs li:hover {
	color: #fff;
  	background: #333;
}

ul.tabs li.active {
	color: #fff;
  	background: #333;
  	border-bottom: 1px solid #ddd;
}

.tab-container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	min-height: 200px;
	height: auto;
}

.tab-content {
  	padding: 30px 20px 20px 0;
  	display: none;
}

.posts {
  	list-style: none;
}

.posts li {
  	float: left;
}

.posts img {
  	float: left;
  	display: block;
  	margin-right: 10px;
}

.posts .entry {
  	display: block;
  	margin-bottom: 20px;
}

/* Accordion Widget
--------------------------------------------------*/

.accordion-container {
	font-size: 14px;
	margin: 20px 0;
}

.accordion-header {
	font-family: 'museo-sans', sans-serif;
    background: #333;
	display: block;
	font-size: 13px;
	font-weight: 400;
	margin: 0 0 0 0;
	padding: 15px;
	border-radius: 2px;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
}

.active-header {
	color: #fff;
}

.inactive-header {
	color: #333;
	background: #ddd;
	margin-bottom: 10px;
}

.inactive-header:hover {
	color: #fff;
	background: #333;
}

.accordion-content {
	display: none;
	padding: 5px 0 10px 0;
	border-top: 0;
}

/* Twitter Feed Widget
--------------------------------------------------*/

#twitter-feed ul {
  	list-style: none;
}

#twitter-feed .tweet {
  	margin: 5px 0;
}

#twitter-feed .timePosted {
  	color: #999;
  	font-size: 10px;
  	font-style: italic;
  	margin-top: 0;
}


/*----------------------------------------------*/
/*	29 - Contact Details
/*----------------------------------------------*/

.contact-info {
	margin-top: 30px;
}

.contact-info h2 {
	border-bottom: 2px solid #ddd;
	padding-bottom: 20px;
}

.contact-details {
	font-family: 'museo-sans', sans-serif;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	font-weight: normal;
	text-align: left;
	margin-top: 20px;
	padding-top: 5px;
	text-transform: uppercase;
}

.contact-details li {
  	margin-bottom: 20px;
  	list-style: none;
  	font-style: normal;
}

.contact-details li .fa {
  	margin-right: 10px;
}

.contact-details li a:hover {
	color: #fff;
}

.contact-details-standard {
	font-family: 'filosofia', serif;
	font-size: 15px;
	font-style: italic;
	text-transform: lowercase;
	margin-top: 20px;
}

.contact-details-standard li {
	list-style: none;
	margin-bottom: 10px;
}

.contact-details-standard li:before {
	float: left; 
	font-family: 'FontAwesome'; 
	content: "\f192";
	color: #999;
	padding-right: 10px; 
	font-size: 15px;
	font-style: normal;
}


/*----------------------------------------------*/
/*	30 - Section Dividers
/*----------------------------------------------*/

.section-divider-1,
.section-divider-2,
.section-divider-3 {
	width: 100%;
	height: 750px;
	position: relative;
}

.section-divider-1 .text-container,
.section-divider-2 .text-container,
.section-divider-3 .text-container {
	height: 750px;
	width: 960px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.text-container {
  	display: table-cell;
  	vertical-align: middle;
}

/* Divider Background One
------------------------------------------------*/

.bg1 {
	background: url(../img/safari-sabi-sands-game-reserve.jpg) top center no-repeat;
	background-position: fixed;
}

/* Divider Background Two
------------------------------------------------*/

.bg2 {
	background: url(../img/safari-south-africa-sabi-sands.jpg) top center no-repeat;
  	background-position: fixed;
}

/* Divider Background Three
------------------------------------------------*/

.bg3 {
	background: url(../img/best-place-see-leopard-sabi-sand.jpg) top center no-repeat;
  	background-position: fixed;
}

.bg1,
.bg2,
.bg3 {
	width: 100%;
	height: 750px;
	margin: 0 auto;
	position: absolute;
	background-size: 120%;
	background-size: cover!important;
	-webkit-background-size: cover!important;
}


/*----------------------------------------------*/
/*	35 - Media Queries
/*----------------------------------------------*/

/* Slight fix for IOS devices */
@media only screen and (min-width: 1200px) {
  
	.header-background-image,
	.one-page .bg1,
	.default .bg1,
	.one-page .bg2,
	.default .bg2,
	.one-page .bg3,
	.default .bg3 {
	  background-attachment: fixed!important;
	}

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 960px) {

	.title-container {
		display: block;
		width: 100%;
		height: 100%;
		margin-top: 5%;
	}
	
	.title-container h1 {
		display: inline-block;
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 10px;
		padding-bottom: 6px;
		border-bottom: 2px solid #333;
	}

	.section-divider-1,
	.section-divider-2,
	.section-divider-3 {
		height: 550px;
	}
	
	.section-divider-1 .text-container,
	.section-divider-2 .text-container,
	.section-divider-3 .text-container {
		height: 550px;
	}
	
	.bg1,
	.bg2,
	.bg3 {
		height: 550px;
	}
	
	.full-image .portfolio-filter {
		margin-top: 40px;
		margin-bottom: 30px;
	}
	
	ul.tabs li {
		margin: 2px;
	}
	
	.plan-price {
		font-size: 30px;
	}
	
	.sign-up-btn {
		font-size: 10px;
		padding: 5px 10px;
	}
	
	.alternative .uber-statement h2,
	.corporate .uber-statement h2 {
		font-size: 70px;
		line-height: 80px;
	}
	
	.blog-style .uber-statement h2,
	.one-page .uber-statement h2 {
		font-size: 50px;
		line-height: 60px;
	}
  
	nav select {
		display: inline-block;
		position: relative;
		color: #000;
		font-style: normal;
	}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	.content {
		padding: 130px 0;
	}
	
	.corporate .content {
		padding: 90px 0;
	}

	#header-global[role="banner"],
	.blog-style #header-global[role="banner"] {
		height: 400px;
	}
	
	.header-top-inner,
	.header-top-light,
	.one-page .header-top-light {
		position: relative;
	}
	
	.alternative #header-global[role="banner"],
	.one-page #header-global[role="banner"] {
		text-align: left;
	}
	
	.alternative .header-top,
	.one-page .header-top-light {
		background-color: rgba(255, 255, 255, .5) ;
	}
	
	.alternative #homepage-portfolio,
	.alternative #homepage-news,
	.alternative #homepage-team,
	.alternative #homepage-services,
	.alternative .homepage-section-header,
	
	.one-page #homepage-portfolio,
	.one-page #homepage-news,
	.one-page #homepage-team,
	.one-page #homepage-services,
	.one-page .homepage-section-header {
		text-align: left;
	}
	
	.alternative .homepage-section-header h1,
	.one-page .homepage-section-header h1 {
		width: 100%;
		margin: 0;
	}
	
	.alternative .homepage-quotes,
	.alternative .homepage-tweet,
	
	.one-page .homepage-quotes,
	.one-page .homepage-tweet {
		text-align: left!important;
	}
	
	.alternative .homepage-quotes .quotes blockquote,
	.alternative .homepage-quotes .quotes cite,
	.alternative #twitter-fetcher-tweet,
	
	.one-page .homepage-quotes .quotes blockquote,
	.one-page .homepage-quotes .quotes cite,
	.one-page #twitter-fetcher-tweet {
		width: 100%;
		margin: 0;
		text-align: left;
	}
	
	.alternative .news-item .date-stamp,
	.one-page .news-item .date-stamp {
		margin: 0 0 20px 0;
	}
	
	.alternative #footer-global[role="contentinfo"],
	.one-page #footer-global[role="contentinfo"] {
		text-align: left;
	}
	
	.icon-holder {
		padding: 0;
		text-align: left;
	}

	.header-top {
		padding-top: 20px;
	}

	.logo h1 {
		margin: 10px 0 0 0;
	}
  
	h1 {
		font-size: 40px;
		line-height: 1;
	}
  
	.uber-statement {
		margin-top: 20px;
		padding: 0 0 10px 0;
	}
	
	.uber-statement h2 {
		font-size: 30px;
		font-weight: 700;
		line-height: 1.2;
		padding-bottom: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
	
	.alternative .uber-statement h2,
	.one-page .uber-statement h2,
	.blog-style .uber-statement h2,
	.corporate .uber-statement h2 {
		font-size: 45px;
        letter-spacing: -.03rem;
		font-weight: 700;
		line-height: 1.2;
		padding-bottom: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
	
	.default .homepage-section-header h1,
	.alternative .homepage-section-header h1,
	.one-page .homepage-section-header h1,
	.corporate .homepage-section-header h1 {
		font-size: 40px;
		line-height: 50px;
	}
	
	#homepage-about,
	#homepage-portfolio {
		padding: 60px 0;
	}
	
	#homepage-news,
	#homepage-services,
	#homepage-team {
		padding: 20px 0;
	}
	
	.alternative #homepage-news,
	.alternative #homepage-services,
	.alternative #homepage-team,
	
	.one-page #homepage-news,
	.one-page #homepage-services,
	.one-page #homepage-team {
		padding: 50px 0;
	}
	
	.one-page #homepage-profile,
	.one-page #homepage-portfolio {
		padding: 40px 0;
	}
	
	.full-image .portfolio-filter {
		margin-top: 0;
		margin-bottom: 30px;
	}
	
	.portfolio-filter {
		margin-bottom: 0;
	}
	
	.filter li {
		float: none;
		margin-bottom: 10px;
	}
	
	.default .portfolio-items,
	.alternative .portfolio-items,
	.corporate .portfolio-items,
	#inner .portfolio-items,
	.default .service-items,
	.default .team-members,
	.default .news-items,
	.corporate .service-items,
	.corporate .team-members,
	.corporate .news-items {
		margin-left: 0;
	}
	
	.title-container {
		margin-top: 0;
		margin-bottom: 60px;
	}
	
	.project-item .client-name,
	.project-item .details p,
	.default #homepage-team .team-member .details p,
	.default #homepage-news .news-item .details p,
	.alternative #homepage-team .team-member .details p {
		color: #fff;
	}
	  
	.project-image .overlay,
	.default #homepage-team .team-image .overlay,
	.default #homepage-news .news-image .overlay,
	.alternative #homepage-team .team-image .overlay {
		background-color: rgba(0, 0, 0, .5);
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	.section-divider-1,
	.section-divider-2,
	.section-divider-3 {
		height: 550px;
	}
	
	.section-divider-1 .text-container,
	.section-divider-2 .text-container,
	.section-divider-3 .text-container {
		height: 550px;
	}
	
	.bg1,
	.bg2,
	.bg3 {
		height: 550px;
	}
	
	.social-icons li {
		margin-right: 5px;
	}
	
	.contact-form {
		margin-bottom: 70px;
	}
	
	.contact-form input[type="text"],
	.contact-form input[type="password"],
	.contact-form input[type="email"],
	.contact-form textarea,
	.contact-form select,
	.one-page #submit {
		font-size: 20px;
	}
	
	.contact-details {
		font-size: 20px;
		line-height: 30px;
	}
  
    .one-page #header-global[role="banner"] .social-icons {
    	margin-top: 170px;
    }
    
    .pagination {
    	float: left;
    }
    
    .single-project img {
    	margin-top: 5px;
    	margin-bottom: 5px;
    }
    
    .single-project .project-icons {
    	margin-top: 40px;
    }
    
    .sign-up-btn {
    	font-size: 12px;
    	padding: 10px 20px;
    	width: 40%;
    	margin: 0 auto;
    }
    
    .plan-price {
    	font-size: 40px;
    }
    
    .blog-style .news-item:first-of-type {
    	padding: 0 0 60px 0;
    }
    
    .main-navigation[role="navigation"] {
    	margin-bottom: 0;
    }
    
    .main-navigation[role="navigation"] #sf {
        display: none;
      }
    
	.selectnav {
		background: #fff url(../img/nav_arrow.png) no-repeat;
		background-position: center right;
		border: 1px solid #999;
		border-radius: 2px;
		color: #666;
		display: inline-block;
		font-size: 12px;
		font-style: normal;
		margin: 0 0 30px 0;
		padding: 8px 10px;
		cursor: pointer;
		text-transform: uppercase;
		-webkit-appearance: none;
		width: 100%;
	}
  
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	uber-statement {
		margin-top: 20px;
		padding: 0 0 10px 0;
	}
	
	.uber-statement h2 {
		font-size: 25px;
		font-weight: 700;
		line-height: 1.3;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.full-image .portfolio-filter {
		margin-top: 60px;
		margin-bottom: 30px;
	}
	
	.author-bio img {
		float: none;
	}

}

/* Mobile Portrait Size Only (devices and browsers) */
@media only screen and (max-width: 320px) {}

/* Weather widget CSS

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, 
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;
}

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

ol,  ul {
    list-style: none;
}
blockquote,  q {
    quotes: none;
}
blockquote:before,  blockquote:after,
q:before,  q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* CSS resets */


.jbmww_wrapper {
    width:280px; /* Resize the main container - min width suggested 280px */
    overflow:hidden;
    background-color:#FFF;
    border-radius:3px;
    box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.2);
    position: relative;
}

/* Header */

.jbww_head {
    width:280px;  /* Resize the head container - min width suggested 280px */
    height:258px;
    float:left;
    background-color:#f5f5f5; 
    border-radius: 3px 3px 0px 0px;
}

.jbww_head_top {
    width:280px; /* Resize the Location & Search container - min width suggested 280px */
    float:left;
}

.jbww_head_location {
    float:left;
    width:230px;

}

.jbww_head_location p {
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#000;
    margin-left:7px; 
    margin-top:5px; 
    line-height:20px;
}

.jbww_head_location span {
    font-family:'Montserrat', sans-serif;
    font-size:10px;
    text-transform:uppercase;
    color:#000;
    margin-left:7px; 
}

.jbww_head_search {
    float:right;
}

.jbww_head_search a {
    float:right; 
    width:26px; 
	height:27px; 
    background-image:url(../../jbweather/img/search_button.png); 
	background-position:center; 
	background-repeat:no-repeat; 
	text-indent:-9999px; 
	margin-right:7px; 
	margin-top:8px; 
	border:1px solid #f5f5f5; 
	border-radius:3px; 
}

.jbww_head_search a:hover {
    border:1px solid #000; 
    border-radius:3px;
}

/* Header End */

/* Today Forecast */

.jbww_head_today_forecast_wrapper {
    width:100%; 
    float:left; 
	overflow:hidden;
	margin-top:10px; 
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jbww_head_today_forecast {
    width:235px;
    margin:0 auto; 
	overflow: hidden; 
}

.jbww_head_today_forecast_icon {
    float:left; 
}

.jbww_head_today_forecast_icon div {
    width:108px;
	height:108px; 
}

.jbww_head_today_forecast_icon div.n-a {
    background-image:url("../../jbweather/img/big_icons_black/no_info.png");
}
.jbww_head_today_forecast_icon div.sunny {
    background-image:url("../../jbweather/img/big_icons_black/sunny.png");
}
.jbww_head_today_forecast_icon div.cloudy {
    background-image:url("../../jbweather/img/big_icons_black/cloudy.png");
}
.jbww_head_today_forecast_icon div.fog {
    background-image:url("../../jbweather/img/big_icons_black/fog.png");
}
.jbww_head_today_forecast_icon div.partlycloudy {
    background-image:url("../../jbweather/img/big_icons_black/partlycloudy.png");
}
.jbww_head_today_forecast_icon div.rainy {
    background-image:url("../../jbweather/img/big_icons_black/rainy.png");
}
.jbww_head_today_forecast_icon div.sleet {
    background-image:url("../../jbweather/img/big_icons_black/sleet.png");
}
.jbww_head_today_forecast_icon div.snowly {
    background-image:url("../../jbweather/img/big_icons_black/snowly.png");
}
.jbww_head_today_forecast_icon div.thunder {
    background-image:url("../../jbweather/img/big_icons_black/thunder.png");
}

.jbww_head_today_forecast_digit {
    float:right; 
}

.jbww_head_today_forecast_digit p {
    font-family:'Montserrat', sans-serif;
    font-size:60px; !important
	color:#000;
    font-weight:bold; 
	margin: 0px; !important
    line-height:110px;
    width:122px; !important
    text-align:center; 
}

.jbww_head_today_wind_direction {
    float:left;
    margin-top:-10px;
    margin-left:15px;
}

.jbww_head_today_wind_direction p {
    background-image:url(../../jbweather/img/wind_pos.png);
    background-repeat:no-repeat;
    background-position:left;
    text-indent:30px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    text-transform:uppercase;
    color:#000;
    line-height:30px;
    width:120px;
}

.jbww_head_today_wind_speed {
    float:right;
    margin-top:-10px;
    margin-right:15px;
}

.jbww_head_today_wind_speed p {
    background-image:url(../../jbweather/img/wind_speed.png);
    background-repeat:no-repeat;
    background-position:left;
    text-indent:35px;
    font-family:'Montserrat', sans-serif;
    font-size:10px;
    text-transform:uppercase;
    color:#000;
    line-height:30px;

}

.jbww_weekly_forecast_wrapper {
    width:100%;
    float:left;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jbww_weekly_forecast_day.odd {
    width:100%;
    height:43px;
    background-color:#ebebeb;
    float:left;
    margin-top:1px;

}

.jbww_weekly_forecast_day.even {
    width:100%;
    height:43px;
    background-color:#f5f5f5;
    float:left;
    margin-top:1px;

}


.jbww_weekly_forecast_date {
    float:left;
    font-family:'Montserrat', sans-serif;
    font-size:12px;
    color:#818181;
    line-height:43px;
    text-indent:10px;
    width:120px;

}

.jbww_weekly_forecast_deg {
    font-family:'Montserrat', sans-serif;
    font-size:12px;
    color:#818181;
    line-height:43px;
    text-align:center;
    text-indent: 10px;
    direction: rtl;
    float:right;
}

.jbww_weekly_forecast_icon {
    width:30px;
    margin-top:6px;
    float:left;
}

.jbww_weekly_forecast_icon div {
    width:30px;
    height:30px;
}
.jbww_weekly_forecast_icon div.n-a {
    background-image:url("../../jbweather/img/small_icons/no_info.png");
}
.jbww_weekly_forecast_icon div.sunny {
    background-image:url("../../jbweather/img/small_icons/sunny.png");
}
.jbww_weekly_forecast_icon div.cloudy {
    background-image:url("../../jbweather/img/small_icons/cloudy.png");
}
.jbww_weekly_forecast_icon div.fog {
    background-image:url("../../jbweather/img/small_icons/fog.png");
}
.jbww_weekly_forecast_icon div.partlycloudy {
    background-image:url("../../jbweather/img/small_icons/partlycloudy.png");
}
.jbww_weekly_forecast_icon div.rainy {
    background-image:url("../../jbweather/img/small_icons/rainy.png");
}
.jbww_weekly_forecast_icon div.sleet {
    background-image:url("../../jbweather/img/small_icons/sleet.png");
}
.jbww_weekly_forecast_icon div.snowly {
    background-image:url("../../jbweather/img/small_icons/snowly.png");
}
.jbww_weekly_forecast_icon div.thunder {
    background-image:url("../../jbweather/img/small_icons/thunder.png");
}

/* Today Forecast End */

.jbww_forecast_source {
    float:right;
    height:15px;
}

.jbww_forecast_source p {
    font-family:'Montserrat', sans-serif;
    font-size:10px;
    color:#b1b1b1;
    line-height:15px;
    margin-right:5px;
}

.jbww_forecast_source a {
    text-decoration:none;
    color:#b1b1b1;
}

.jbww_forecast_source a:hover {
    color:#ec4444
}

/* Search Bar */

.jbww_search_bar {
    background-image: url("../../jbweather/img/search_bar.png");
    position: absolute;
    top:35px;
    right:15px;
    width:260px;
    height:52px;
    display: none;
}

.jbww_search_bar input {
    width:220px;
    height:30px;
    border:0;
    float:left;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top:14px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color:#969191;
}

.jbww_search_bar a.searchButton {
    width:24px;
    height:24px;
    border-radius: 2px;
    border: 1px solid #000;
    background-color:#fff;
    float:right;
    margin-top:16px;
    margin-right: 10px;
    background-image: url("../../jbweather/img/search_button.png");
    background-position: center;
    background-repeat: no-repeat;
}

.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}