g/*
* Theme: Cabana - Responsive HTML5/CSS3 Template
* Author: GuuThemes
* Author URL: www.guuthemes.com
* Version: 1.1
*/


/* Table of Contents
==================================================

1	- Reset
2	- Grid
3	- General
4	- Header
5	- Footer
6	- Navigation (Main)
7	- Homepage (Default) 1389
8	- Homepage (Alternative) 1728
9	- Homepage (Corporate) 2208
10	- Homepage (One Page) 2703
11	- Homepage (Full Screen/Portfolio Showcase) 3073
12	- Homepage (Blog Style)
13	- Homepage Sections
14	- Buttons
15	- Social Icons (Body)
16	- Isotope (Portfolio Filtering)
17	- Portfolio Index (Standard/Full Width)
18	- Single Project
19	- Post Index / Single Post
20	- Portfolio Navigation
21	- Portfolio Items
22	- Team Members
23	- Services
24	- Comments (Including Comment Form)
25	- Google Map
26	- Widgets
27	- Contact Form (One Page Version)
28	- Contact Form (Multi Page Version)
29	- Contact Details
30	- Section Dividers
31	- Homepage Quotes
32	- Homepage Latest Tweet
33	- Pricing Tables
34	- Skill Bars
35	- Media Queries

================================================== */


/*----------------------------------------------*/
/*	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 {
  	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: 140px; }
.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: #f4f4f4;
	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 0 0;
	z-index: 300;
	position: relative;
}

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


.content-general-info{
	background-color: #f4f4f4;
	padding: 10px 0 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/okavango-delta-botswana.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: 'museo-slab', 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: 13px;
    font-weight: 900;
    letter-spacing: .04rem;
    display: block;
    text-transform: uppercase;
    height: 100%;
    position: relative;
    margin-top: 35px;
    margin-bottom: 30px;
    margin-left: 65px;
	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: 16px;
}

.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.
*/

/*----------------------------------------------*/
/*	7 - Homepage (Default)
/*----------------------------------------------*/

/*----------------------------------------------*/
/*	10 - Homepage (One Page)
/*----------------------------------------------*/

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

.one-page #header-global[role="banner"] .social-icons {
	margin-top: 120px;
}

.one-page .uber-statement h2 {
	font-family: 'filosofia', bold, serif;
    letter-spacing: -.03rem;
    color: #fff;
    font-size: 6.4375rem;
    font-weight: 700;
    line-height: 5rem;
    border-bottom: none;
	width: 70%;
	margin: 0;
	padding: 0;
}

.one-page .header-top {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	padding-top: 17px;
	padding-bottom: 15px;
	position: relative;
	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;
}

.one-page .header-top .logo,
.one-page .header-top-light .logo {
	text-align: left;
	margin-top: 16px;
}

.one-page .header-top .logo h1,
.one-page .header-top-light .logo h1 {
	font-size: 25px;
}

.one-page .header-top .logo h1 a {
	color: #333;
}

.one-page #homepage-portfolio,
.one-page #homepage-news,
.one-page #homepage-team,
.one-page #homepage-services {
	text-align: center;
}

.one-page .homepage-section-header {
	max-width: 960px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 20px;
}

.one-page .homepage-section-header h1 {
	font-weight: 700;
	font-size: 60px;
	line-height: 80px;
	width: 80%;
	margin: 0 auto;
	border-bottom: none;
}

.one-page #homepage-about .homepage-section-header h1 {
	color: #fff;
}

.one-page #homepage-contact .homepage-section-header h1 {
	color: #fff;
}

.one-page #homepage-profile .homepage-section-intro p {
	text-align: left;
}

.one-page .homepage-section-intro p {
	font-size: 18px;
	line-height: 28px;
}

.one-page .homepage-section-intro p:first-of-type {
	color: #666;
	font-family: 'museo-slab', serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 37px;
	margin-bottom: 30px;
}

.one-page .homepage-section-intro p:first-of-type:first-line {
	font-weight: bold;
	letter-spacing: .1em;
}

.one-page #homepage-about .homepage-section-intro p {
	color: #999;
}

.one-page #homepage-about .homepage-section-intro p:first-of-type {
	color: #fff;
}

.one-page #homepage-about .homepage-section-header h2 {
	color: #fff;
}

.one-page #homepage-contact .homepage-section-intro p {
	color: #999;
}

.one-page #homepage-contact .homepage-section-intro p:first-of-type {
	color: #fff;
}

.one-page #homepage-contact .homepage-section-header h2 {
	color: #fff;
}

.one-page .homepage-tweet {
	text-align: center;
}

.one-page .homepage-tweet .fa {
	color: #fff;
	font-size: 30px;
}

.one-page .homepage-tweet ul {
  	list-style: none;
}

.one-page #twitter-fetcher-tweet {
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    margin: 0 auto;
    width: 70%;
}

.one-page #twitter-fetcher-tweet .tweet {
	margin: 20px 0 10px 0;
	padding: 0 0 25px 0;
	border-bottom: 2px solid #fff;
}

.one-page #twitter-fetcher-tweet a {
  	color: #fff;
}

.one-page #twitter-fetcher-tweet a:hover {
  	color: #666;
}

.one-page #twitter-fetcher-tweet .timePosted {
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	margin-top: 10px;
	color: #fff;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.one-page #twitter-fetcher-tweet .interact {
	font-family: 'filosofia', serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

.one-page #twitter-fetcher-tweet .interact a {
	margin-left: 8px;
	padding: 0;
}

.one-page #twitter-fetcher-tweet .interact a:first-child {
	margin-left: 0;
}

.one-page #twitter-fetcher-tweet .interact a:not(:last-of-type):after {
	content: "/";
	color: #333;
	margin-left: 8px;
}

.one-page .homepage-quotes {
	text-align: center;
}

.one-page .homepage-quotes .fa {
	color: #fff;
	font-size: 30px;
}

.one-page .homepage-quotes .quotes blockquote {
  	width: 70%;
  	margin: 0 auto;
  	padding: 0;
  	border: none;
}

.one-page .homepage-quotes .quotes li {
	font-family: 'filosofia', serif;
	list-style: none;
	padding: 0 0 20px 0;
	color: #FFF;
}

.one-page .homepage-quotes .quotes blockquote p {
  	color: #fff;
  	font-size: 30px;
  	line-height: 40px;
  	font-weight: normal;
  	font-style: italic;
  	width: 100%;
  	padding: 0 0 25px 0;
  	border-bottom: 2px solid #fff;
}

.one-page .homepage-quotes .quotes cite {
	display: inline-block;
	width: 70%;
	margin: 0 auto;
	color: #fff;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
}

.one-page .portfolio-filter {
	margin-top: 0;
}

.one-page #footer-global[role="contentinfo"] {
	text-align: center;
}

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

.one-page .homepage-team-member {
	margin-bottom: 40px;
}

.one-page .homepage-team-member:hover img {
	-moz-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
}

.one-page .homepage-team-member .team-member-thumbnail {
	margin-bottom: 30px;
}

.one-page .homepage-team-member h2 {
	font-size: 25px;
	line-height: 1.3;
	border-bottom: 1px solid #333;
}

.one-page .homepage-team-member .member-role {
	font-size: 12px;
	font-family: 'filosofia', serif;
	font-style: italic;
	font-weight: normal;
	color: #999;
	text-transform: lowercase;
}

.one-page .homepage-team-member .member-role span {
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 2px;
}

.one-page .homepage-team-member .social-icons {
	margin-top: 10px;
}

.one-page .homepage-team-member .social-icons li .fa {
	color: #333;
}

.one-page .news-item .date-stamp {
	font-family: 'Montserrat', sans-serif;
	width: 60px;
	height: 70px;
	background: #333;
	color: #fff;
	border-radius: 3px;
	font-weight: 700;
	display: table;
	margin: 0 auto 20px auto;
}

.one-page .news-item .date-stamp .month {
	width: 100%;
	text-align: center;
	position: relative;
	top: 9px;
	text-transform: uppercase;
}

.one-page .news-item .date-stamp .day {
	width: 100%;
	text-align: center;
	position: relative;
	top: 9px;
	font-size: 28px;
}

.one-page .news-item .news-thumbnail {
	margin-bottom: 30px;
}

.one-page .news-item h2 {
	font-size: 25px;
	line-height: 1.3;
	border-bottom: 1px solid #333;
}

.one-page .news-item .post-cat {
	font-size: 12px;
	font-family: 'filosofia', serif;
	font-style: italic;
	font-weight: normal;
	color: #999;
	text-transform: lowercase;
}

.one-page .news-item .post-cat span a {
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 2px;
}

.one-page .news-item .post-cat span a:hover {
	color: #666;
}

.one-page .news-item .meta-details a {
	color: #333;
}

.one-page .news-item .meta-details a:hover {
	color: #666;
}

/*---------------------------------------------------------*/
/*	11 - Homepage (Full Screen Image/ Portfolio Showcase)
/*---------------------------------------------------------*/

/*----------------------------------------------*/
/*	13 - Homepage Sections
/*----------------------------------------------*/

#homepage-about {
	background: #333;
	padding: 90px 0;
}

#homepage-portfolio {
	background: #f4f4f4;
	padding: 90px 0;
}

#homepage-news {
	background: #fff;
	padding: 90px 0;
}

#homepage-team,
#homepage-profile {
	background: #f4f4f4;
	padding: 90px 0;
}

#homepage-services {
	background: #fff;
	padding: 90px 0;
}

#homepage-contact {
	background: #333;
	padding: 90px 0;
}

/*----------------------------------------------*/
/*	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: 'museo-sans', 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;
}

/*----------------------------------------------*/
/*	16 - Isotope (Portfolio Filtering)
/*----------------------------------------------*/

.isotope-item {
  	z-index: 2;
}

.isotope-hidden.isotope-item {
  	pointer-events: none;
  	z-index: 1;
}

.isotope, .isotope .isotope-item {
  /* change duration value to whatever you like */
  	-webkit-transition-duration: 0.8s;
  	-moz-transition-duration: 0.8s;
  	transition-duration: 0.8s;
}

.isotope {
  	-webkit-transition-property: height, width;
  	-moz-transition-property: height, width;
  	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
  	-moz-transition-property: -moz-transform, opacity;
  	-ms-transition-property: -ms-transform, opacity;
  	-o-transition-property: top, left, opacity;
  	transition-property: transform, opacity;
}

/*----------------------------------------------*/
/*	17 - Portfolio Index (Standard / Full Width)
/*----------------------------------------------*/

.portfolio-items.full-width .project-item {
	width: 33.333%;
	overflow: hidden;
	position: relative;
	margin-bottom: 0;
}

.portfolio-items.standard {
	margin-left: -10px;
}

.project-item {
  	margin-bottom: 20px;
}

.project-item .project-image {
	list-style: none;
	overflow: hidden;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

.project-item .details h2 {
	font-family: 'filosofia', sans-serif;
  	border: none;
  	display: block;
}

.project-item .details p {
	font-size: 12px;
	font-family: 'filosofia', serif;
	font-style: italic;
	font-weight: normal;
	color: #999;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	text-transform: lowercase;
}

.project-item .details p span {
	font-family: 'museo-sans', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 2px;
}

/*----------------------------------------------*/
/*	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: 1px;
	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: 16px;
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;
}

/*----------------------------------------------*/
/*	19 - Post Index / Single Post
/*----------------------------------------------*/

.post-excerpt,
.post-single {
    padding: 30px 0 60px 0;
}

.post-excerpt:last-of-type {
	border-bottom: none!important;
}

.post-excerpt.stripe {
	background-color: #eee;
}

.post-excerpt .date-stamp,
.post-single .date-stamp {
	font-family: 'Montserrat', sans-serif;
	width: 60px;
	height: 70px;
	background: #333;
	color: #fff;
	border-radius: 3px;
	font-weight: 700;
	display: table;
	margin: 0 0 20px 0;
}

.post-excerpt .date-stamp .month,
.post-single .date-stamp .month {
	width: 100%;
	text-align: center;
	position: relative;
	top: 9px;
	text-transform: uppercase;
}

.post-excerpt .date-stamp .day,
.post-single .date-stamp .day {
	width: 100%;
	text-align: center;
	position: relative;
	top: 9px;
	font-size: 28px;
}

.post-excerpt h2,
.post-single h2 {
	font-size: 30px;
	line-height: 1.5;
	border-bottom: 1px solid #333;
}

.post-excerpt .meta-details p,
.post-single .meta-details p {
	font-size: 12px;
	font-family: 'filosofia', serif;
	font-style: italic;
	font-weight: normal;
	color: #999;
	padding-right: 5px;
	text-transform: lowercase;
}

.post-excerpt .meta-details p span,
.post-single .meta-details p span {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 2px;
}

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

.post-excerpt .post-cat span a,
.post-single .post-cat span a {
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 2px;
}

.post-excerpt .post-cat span a:hover,
.post-single .post-cat span a:hover {
	color: #666;
}

.post-excerpt .meta-details a,
.post-single .meta-details a {
	color: #333;
}

.post-excerpt .meta-details a:hover,
.post-single .meta-details a:hover {
	color: #666;
}

.post-excerpt .post-thumbnail,
.post-single .post-thumbnail {
	list-style: none;
	overflow: hidden;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

.post-tags li {
  	float: left;
  	list-style: none;
  	margin-right: 10px;
}

.post-tags li a {
	font-family: 'Montserrat', sans-serif;
	position: relative;
	display: inline-block;
	background: #ddd;
	border-radius: 30px;
	color: #fff;
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	padding: 7px 17px;
	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;
}

.post-tags li a:hover {
	background: #333;
	color: #fff;
  	position: relative;
}

.author-bio {
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	color: #333;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 40px 0 20px 0;
    padding: 40px 40px 60px 0;
}

.author-bio p {
	margin-top: 20px;
}

.author-bio img {
	float: left;
	border-radius: 100px;
	border: 3px solid #ddd;
	max-width: 100%;
	height: auto;
	margin-top: 25px;
	margin-right: 25px;
}

.author-website {
	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;
}

.author-website:hover {
	background: #953e08;
  	color: #fff;
  	position: relative;
}

.author-bio .author-social-icons {
	margin-top: 15px;
	display: inline-block;
}

.author-bio .author-social-icons li {
	list-style: none;
	float: left;
	margin-right: 20px;
}

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

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

.article-author {
	font-size: 14px;
	font-family: 'filosofia', serif;
	font-style: italic;
	font-weight: normal;
	color: #999;
	text-transform: lowercase;
}

.article-author span {
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 3px;
}

/* Articles Pagination
--------------------------------------------------*/

.pagination {
	float: right;
  	margin-bottom: 30px;
}

.pagination li {
  	display: inline-block;
  	list-style: none;
  	margin: 0;
}

.pagination li a {
  	-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;
}
.pagination li a:hover {
  	color: #333;
}

.pagination li:last-child {
  	margin-right: 0;
}

.pagination li {
  	padding: 5px;
}

.pagination .current {
  	font-weight: 600;
}

.pagination a,
.pagination .current {
  	display: inline-block;
}

.pagination li a.read-more-btn:hover {
	color: #fff;
}

/*----------------------------------------------*/
/*	20 - Portfolio Navigation
/*----------------------------------------------*/

.portfolio-filter {
  	margin-bottom: 40px;
}

.portfolio-filter .filter {
  	display: inline-block;
  	margin: 0;
  	padding: 0;
}

.filter li {
  	float: left;
  	list-style: none;
  	margin-right: 10px;
}

.filter li a {
	font-family: 'museo-sans', sans-serif;
	position: relative;
	display: inline-block;
	background: #ddd;
	border-radius: 30px;
	color: #fff;
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	padding: 7px 17px;
	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;
}

.filter li a:hover {
  	position: relative;
}

.filter li a:hover,
.filter li .current {
	background: #333;
  	color: #fff;
}

/*----------------------------------------------*/
/*	21 - Portfolio Items
/*----------------------------------------------*/

.homepage-project-item {
  	margin-bottom: 20px;
}

.homepage-project-item .homepage-project-image {
	list-style: none;
	overflow: hidden;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

.homepage-project-item .details h2 {
	font-family: 'Montserrat', sans-serif;
  	border: none;
  	display: block;
}

.homepage-project-item .details p {
	font-size: 12px;
	font-family: 'filosofia', serif;
	font-style: italic;
	font-weight: normal;
	color: #999;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	text-transform: lowercase;
}

.homepage-project-item .details p span {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 2px;
}

.four.columns .homepage-project-item .details h2 {
  	font-size: 20px;
}

/* Portfolio Items Overlay
------------------------------------------------*/

.project-image .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
	padding: 20px;
	opacity: 0;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.project-image:hover .overlay,
.project-image-always-show-overlay .overlay {
	background-color: rgba(0, 0, 0, .85);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-backface-visibility: hidden;
}

.project-image-always-show-overlay .overlay {
	background-color: rgba(0, 0, 0, .5) !important;
}

.project-item .overlay h2 {
	padding: 0;
	line-height: 1.3;
	font-size: 25px;
	font-weight: 700;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

.project-item .overlay > h2 a {
	opacity: 1;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

.project-item .overlay:hover > h2 a {
  	opacity: 1;
}

.project-item .overlay h2 {
	color: #fff;
}

.project-item .overlay a {
  	color: #fff;
  	text-decoration: none;
}

.project-item .overlay em {
  	color: #fff;
}

.project-item img {
  	display: block;
  	position: relative;
  	max-width: 100%;
  	height: auto;
}

.project-item img {
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

.project-item:hover img {
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/*----------------------------------------------*/
/*	22 - Team Members
/*----------------------------------------------*/

#inner .team-member {
	margin-bottom: 70px;
}

.team-member:hover img {
	-moz-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
}

.team-member .team-member-thumbnail {
	margin-bottom: 30px;
}

.team-member h2 {
	font-size: 30px;
	line-height: 1.3;
	border-bottom: 1px solid #333;
	text-align:center;
}

.team-member p {
	text-align:center;
}

.team-member .member-role {
	font-size: 12px;
	font-family: 'filosofia', serif;
	font-style: italic;
	font-weight: normal;
	color: #999;
	text-transform: lowercase;
	text-align:center;
}

.team-member .member-role span {
	color: #333;
	font-family: 'museo-sans', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 2px;
	text-align:center;
}

.team-member .social-icons {
	margin-top: 10px;
}

.team-member .social-icons li {
	list-style: none;
	float: left;
}

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

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

.team-members .one-third.column.clearcol {
	clear: both;
}

.about-profile {
	margin: 60px 0;
}

.one-page .about-profile {
	margin: 30px 0;
}

.about-profile .about-profile-list {
	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;
}

.about-profile .about-profile-list li {
	margin: 5px 0;
}

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

/*----------------------------------------------*/
/*	23 - Services
/*----------------------------------------------*/

.service {
	color: #fff;
  	margin-bottom: 50px;
}

.service h2 {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	display: block;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}

.service p,
.service h2 a {
	color: #fff;
}

.service [class^="icon-"] {
	display: block;
	color: #fff;
	margin-bottom: 20px;
	font-size: 70px;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
}

.service:hover > [class^="icon-"] {
  	color: #333;
}

.service-icon-large [class^="icon-"] {
  	font-size: 200px;
  	margin: 50px 0;
}

.service a.read-more-btn {
	background: none;
	border: 1px solid #fff;
	color: #fff;
}

.service a.read-more-btn:hover {
  	border: 1px solid #333;
  	color: #333;
}

.service.clearcol {
	clear: both;
}

#inner .service-items,
.one-page .service-items,
.alternative .service-items,
#inner .team-members,
.one-page .team-members,
.alternative .team-members,
#inner .news-items,
.one-page .news-items,
.alternative .news-items {
	margin: 40px 0;
}

.service-item,
.news-item,
.team-member {
  	margin-bottom: 40px;
}

.service-item .details .fa {
	font-size: 50px;
	line-height: 60px;
	color: #ddd;
	margin-bottom: 30px;
}

.service-item .details h2 {
	font-family: 'filosofia', sans-serif;
	letter-spacing: 1px;
	display: block;
	border-bottom: 1px solid #333;
	line-height: 1.3;
	font-size: 25px;
	font-weight: 700;
}

.service-items .one-third.column.clearcol {
	clear: both;
}

/* Icon Holders
------------------------------------------------*/

.icon-holder {
	width: 70px;
	height: 70px;
	background: none;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
}

.icon-holder.portfolio,
.icon-holder.services,
.icon-holder.team,
.icon-holder.news,
.icon-holder.contact {
	display: inline-block;
}

.icon-holder.portfolio {
	width: 137px;
	height: 100px;
	background: none;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
}

.icon-holder .fa {
	font-size: 50px;
	line-height: 60px;
	color: #ddd;
}

#homepage-about .icon-holder .fa {
	font-size: 50px;
	line-height: 60px;
	color: #fff;
}

/*----------------------------------------------*/
/*	24 - Comments (Including Comment Form)
/*----------------------------------------------*/

/*----------------------------------------------*/
/*	25 - Google Map
/*----------------------------------------------*/

#map {
	width: 100%;
	height: 400px;
	position: relative;
}

.contact #map {
	margin-bottom: 60px;
}

.map-overlay {
	width: 100%;
	display: block;
	text-align: center;
	background-color: #333;
	background-color: none;
	color: #fff;
	padding: 10px 15px;
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 8px 1px #666;
	-webkit-box-shadow: 1px 1px 8px 1px #666;
	box-shadow: 1px 1px 8px 1px #666;
}

.map-overlay_arrow {
	left: 50%;
	width: 0;
	height: 0;
	position: absolute;
}

.map-overlay_arrow.above {
	bottom: -16px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #333;
}

.map-overlay_arrow.below {
	top: -16px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #333;
}

#map .fa {
	font-size: 100px;
	color: #333;
	margin-top: 50px;
	margin-left: 30px;
}

/*----------------------------------------------*/
/*	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;
}

/*----------------------------------------------*/
/*	27 - Contact Form (One Page Version)
/*----------------------------------------------*/

form {
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
}

fieldset {
  	margin-bottom: 20px;
}

.contact-form input[type="text"],
.contact-form input[type="password"],
.contact-form input[type="email"],
.contact-form textarea,
.contact-form select {
	font-family: 'museo-sans', sans-serif;
	border-top: none;
	border-right: none;
	border-bottom: 3px solid #fff;
	border-left: none;
	padding: 8px 8px 8px 8px;
	outline: none;
	font-size: 15px;
	color: #333;
	margin: 0;
	width: 100%;
	display: block;
	line-height: 1.5;
	margin-bottom: 20px;
	background: fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: none;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #333;
}

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

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;
}

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

select {
  	padding: 0;
}

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

textarea {
  	min-height: 150px;
}

label,
legend {
  	display: block;
  	font-weight: bold;
  	font-size: 12px;
}

select {
  	width: 220px;
  	padding: 6px;
}

input[type="checkbox"] {
  	display: inline;
}

label span,
legend span {
  	font-weight: normal;
  	font-size: 12px;
  	color: #444;
}

input.error,
textarea.error {
  	margin-bottom: 6px;
}

.error {
  	color: #cc3333;
  	margin-bottom: 10px;
}

#submit {
	font-family: 'museo-sans', sans-serif;
	position: relative;
	display: inline-block;
	background-color: #fff;
	border: none;
	border-radius: 30px;
	color: #333;
	font-size: 17px;
	text-decoration: none;
	text-transform: uppercase;
	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;
}

#submit:hover {
	background-color: #953e08;
  	color: #fff;
  	position: relative;
}

#response {
  	margin-top: 20px;
  	margin-bottom: 20px;
}

#response .success {
  	color: #afdd58;
}

#response .failure {
  	color: #cc3333;
}

.contact-form #user {
  	display: none;
}

.nogo {
  	color: #cc3333;
}

/*----------------------------------------------*/
/*	28 - Contact Form (Multi Page Version)
/*----------------------------------------------*/

.contact-form-standard {
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: left;
}

.contact-form-standard input,
.contact-form-standard textarea {
  	border: 1px solid #333;
}

.contact-form-standard fieldset {
    margin-bottom: 20px;
}

.contact-form-standard input[type=text],
.contact-form-standard input[type=password],
.contact-form-standard input[type=email],
.contact-form-standard textarea, select {
    padding: 8px 8px 10px 0;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #333;
	border-left: none;
	outline: none;
	font-size: 16px;
	font-style: italic;
	color: #333;
	margin: 0;
	width: 90%;
	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;
}

.contact-form-standard select {
    padding: 0;
}

.contact-form-standard input[type=text]:focus,
.contact-form-standard input[type=password]:focus,
.contact-form-standard input[type=email]:focus,
.contact-form-standard textarea:focus {
    color: #333;
}

.contact-form-standard textarea {
    min-height: 150px;
}

.contact-form-standard label,
.contact-form-standard legend {
    display: block;
    font-weight: 700;
    font-size: 12px;
}

.contact-form-standard select {
    width: 220px;
    padding: 6px;
}

.contact-form-standard input[type=checkbox] {
    display: inline;
}

.contact-form-standard label span,
.contact-form-standard legend span {
    font-weight: 400;
    font-size: 12px;
    color: #444;
}

.contact-form-standard input.error,
.contact-form-standard textarea.error {
    margin-bottom: 6px;
}

.contact-form-standard #submit {
	font-family: 'Montserrat', sans-serif;
	position: relative;
	display: inline-block;
	background: #333;
	border: none;
	border-radius: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 15px;
	padding: 15px 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;
}

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

.contact-form-standard ::-webkit-input-placeholder { /* WebKit browsers */
    color: #666;
}

.contact-form-standard :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666;
}

.contact-form-standard ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;
}

.contact-form-standard :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #666;
}

.contact-form-standard #user {
  	display: none;
}

.contact-form-standard .nogo {
  	color: #cc3333;
}

/*----------------------------------------------*/
/*	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,
.section-divider-4 {
	width: 100%;
	height: 600px;
	position: relative;
}

.section-divider-1 .text-container,
.section-divider-2 .text-container,
.section-divider-3 .text-container,
.section-divider-4 .text-container {
	height: 600px;
	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/winelands-south-africa.jpg) top center no-repeat;
	background-position: fixed;
}

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

.bg2 {
	background: url(../img/cape-town-winelands.jpg) top center no-repeat;
  	background-position: fixed;
}

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

.bg3 {
	background: url(../img/wine-tasting-south-africa.jpg) top center no-repeat;
  	background-position: fixed;
}

/* Divider Background Four
------------------------------------------------*/

.bg4 {
	background: url(../img/cape-winelands-south-africa.jpg) top center no-repeat;
  	background-position: fixed;
}

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

/*----------------------------------------------*/
/*	31 - Homepage Quotes
/*----------------------------------------------*/

.homepage-quotes .fa {
	color: #333;
	font-size: 50px;
}

.homepage-quotes .quotes blockquote {
  	margin: 0;
  	padding: 0;
  	border: none;
}

.homepage-quotes .quotes li {
	font-family: 'Montserrat', sans-serif;
  	list-style: none;
  	padding: 0 0 20px 0;
}

.homepage-quotes .quotes blockquote p {
  	color: #333;
  	font-size: 40px;
  	line-height: 50px;
  	font-weight: 700;
  	font-style: normal;
  	width: 70%;
}

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

/*----------------------------------------------*/
/*	32 - Homepage Latest Tweet
/*----------------------------------------------*/

/*----------------------------------------------*/
/*	33 - Pricing Tables
/*----------------------------------------------*/

.plan-features:nth-child(odd) {
	font-size: 14px;
	padding: 10px 5px;
	text-transform: lowercase;
}

.plan-features:nth-child(even) {
	font-size: 14px;
	padding: 10px 5px;
	text-transform: lowercase;
}

.plan-price {
	font-family: 'Montserrat', sans-serif;
	color: #333;
	font-size: 40px;
	font-weight: 400;
	padding: 40px 30px 30px 30px;
	text-align: center;
}

.plan-price span {
	color: #999;
	font-size: 15px;
	font-family: 'filosofia', serif;
	font-style: italic;
	font-weight: 400;
	display: block;
	margin-top: 15px;
}

#pricing-plan-1,
#pricing-plan-2,
#pricing-plan-3,
#pricing-plan-4 {
	background: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px 0;
	border: 1px solid #ddd;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#pricing-plan-1 .plan-price {
  	border-top: 1px solid #ddd;
}

#pricing-plan-2 .plan-price {
  	border-top: 1px solid #ddd;
}

#pricing-plan-3 .plan-price {
  	border-top: 1px solid #ddd;
}

#pricing-plan-4 .plan-price {
  	border-top: 1px solid #ddd;
}

.plan-title {
  	font-family: 'Montserrat', sans-serif;
  	color: #333;
  	font-size: 20px;
  	font-weight: 700;
  	padding: 20px 20px 30px 20px;
  	text-align: center;
  	text-transform: uppercase;
}

.plan-title .fa {
  	display: inline-block;
  	margin-bottom: 20px;
}

.plan-sign-up {
  	padding: 20px;
}

.sign-up-btn {
	font-family: 'Montserrat', sans-serif;
	position: relative;
	display: 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;
}

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

.feature-desc {
  	color: #666;
  	text-align: center;
}

/*----------------------------------------------*/
/*	34 - Skill Bars
/*----------------------------------------------*/

.skill-bars {
	width: 100%;
	position: relative;
	float: left;
	line-height: 2em;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 0;
	text-align: left;
}

.col {
  	width: 100%;
}

#skill {
  	color: #333;
  	list-style: none;
  	padding-top: 30px;
}

#skill li {
  	margin-bottom: 60px;
  	background: #ddd;
  	height: 40px;
  	border-radius: 2px;
}

#skill li.last {
  	margin-bottom: 0;
}

#skill li em {
	font-size: 14px;
	font-family: 'filosofia', serif;
	font-style: italic;
	font-weight: normal;
	color: #999;
	text-transform: lowercase;
	position: relative;
	top: -35px;
}

#skill li em span {
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 3px;
}

.expand {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
  	height: 40px;
  	margin: 0;
  	background: #333;
  	position: absolute;
}

.sites {
  	width: 70%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.temp29 {
  	width: 73%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.temp28 {
  	width: 70%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.temp27 {
  	width: 68%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.temp26 {
  	width: 65%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.temp16 {
  	width: 40%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.temp15 {
  	width: 38%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.temp14 {
  	width: 35%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.rainjan {
  	width: 44%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.rainfeb {
  	width: 56%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.rainmar {
  	width: 75%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.rainapr {
  	width: 89%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.rainmay {
  	width: 50%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.rainjun {
  	width: 19%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.rainjul {
  	width: 8%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.rainaug {
  	width: 17%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.rainsep {
  	width: 33%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.rainoct {
  	width: 39%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.rainnov {
  	width: 64%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

.raindec {
  	width: 58%;
  	-moz-animation: sites 2s ease-out;
  	-webkit-animation: sites 2s ease-out;
}

@-moz-keyframes sites {
  0% {
    width: 0px;
  }

  100% {
    width: 70%;
  }
}

@-moz-keyframes temp29 {
  0% {
    width: 0px;
  }

  100% {
    width: 73%;
  }
}

@-moz-keyframes temp28 {
  0% {
    width: 0px;
  }

  100% {
    width: 70%;
  }
}

@-moz-keyframes temp27 {
  0% {
    width: 0px;
  }

  100% {
    width: 68%;
  }
}

@-moz-keyframes temp26 {
  0% {
    width: 0px;
  }

  100% {
    width: 65%;
  }
}

@-moz-keyframes temp16 {
  0% {
    width: 0px;
  }

  100% {
    width: 40%;
  }
}

@-moz-keyframes temp15 {
  0% {
    width: 0px;
  }

  100% {
    width: 38%;
  }
}

@-moz-keyframes temp14 {
  0% {
    width: 0px;
  }

  100% {
    width: 35%;
  }
}

@-moz-keyframes rainjan {
  0% {
    width: 0px;
  }

  100% {
    width: 44%;
  }
}

@-moz-keyframes rainfeb {
  0% {
    width: 0px;
  }

  100% {
    width: 56%;
  }
}

@-moz-keyframes rainmar {
  0% {
    width: 0px;
  }

  100% {
    width: 75%;
  }
}

@-moz-keyframes rainapr {
  0% {
    width: 0px;
  }

  100% {
    width: 89%;
  }
}

@-moz-keyframes rainmay {
  0% {
    width: 0px;
  }

  100% {
    width: 50%;
  }
}

@-moz-keyframes rainjun {
  0% {
    width: 0px;
  }

  100% {
    width: 19%;
  }
}

@-moz-keyframes rainjul {
  0% {
    width: 0px;
  }

  100% {
    width: 8%;
  }
}

@-moz-keyframes rainaug {
  0% {
    width: 0px;
  }

  100% {
    width: 17%;
  }
}

@-moz-keyframes rainsep {
  0% {
    width: 0px;
  }

  100% {
    width: 33%;
  }
}

@-moz-keyframes rainoct {
  0% {
    width: 0px;
  }

  100% {
    width: 39%;
  }
}

@-moz-keyframes rainnov {
  0% {
    width: 0px;
  }

  100% {
    width: 64%;
  }
}

@-moz-keyframes raindec {
  0% {
    width: 0px;
  }

  100% {
    width: 58%;
  }
}

@-webkit-keyframes sites {
  0% {
    width: 0px;
  }

  100% {
    width: 70%;
  }
}

@-webkit-keyframes temp29 {
  0% {
    width: 0px;
  }

  100% {
    width: 73%;
  }
}

@-webkit-keyframes temp28 {
  0% {
    width: 0px;
  }

  100% {
    width: 70%;
  }
}

@-webkit-keyframes temp27 {
  0% {
    width: 0px;
  }

  100% {
    width: 68%;
  }
}

@-webkit-keyframes temp26 {
  0% {
    width: 0px;
  }

  100% {
    width: 65%;
  }
}

@-webkit-keyframes temp16 {
  0% {
    width: 0px;
  }

  100% {
    width: 40%;
  }
}

@-webkit-keyframes temp15 {
  0% {
    width: 0px;
  }

  100% {
    width: 38%;
  }
}

@-webkit-keyframes temp14 {
  0% {
    width: 0px;
  }

  100% {
    width: 35%;
  }
}

@-webkit-keyframes rainjan {
  0% {
    width: 0px;
  }

  100% {
    width: 44%;
  }
}

@-webkit-keyframes rainfeb {
  0% {
    width: 0px;
  }

  100% {
    width: 56%;
  }
}

@-webkit-keyframes rainmar {
  0% {
    width: 0px;
  }

  100% {
    width: 75%;
  }
}

@-webkit-keyframes rainapr {
  0% {
    width: 0px;
  }

  100% {
    width: 89%;
  }
}

@-webkit-keyframes rainmay {
  0% {
    width: 0px;
  }

  100% {
    width: 50%;
  }
}

@-webkit-keyframes rainjun {
  0% {
    width: 0px;
  }

  100% {
    width: 19%;
  }
}

@-webkit-keyframes rainjul {
  0% {
    width: 0px;
  }

  100% {
    width: 8%;
  }
}

@-webkit-keyframes rainaug {
  0% {
    width: 0px;
  }

  100% {
    width: 17%;
  }
}

@-webkit-keyframes rainsep {
  0% {
    width: 0px;
  }

  100% {
    width: 33%;
  }
}

@-webkit-keyframes rainoct {
  0% {
    width: 0px;
  }

  100% {
    width: 39%;
  }
}

@-webkit-keyframes rainnov {
  0% {
    width: 0px;
  }

  100% {
    width: 64%;
  }
}

@-webkit-keyframes raindec {
  0% {
    width: 0px;
  }

  100% {
    width: 58%;
  }
}

/*----------------------------------------------*/
/*	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,
	.one-page .bg4,
	.default .bg4 {
	  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: 10px 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,
	.section-divider-4 {
		height: 550px;
	}

	.section-divider-1 .text-container,
	.section-divider-2 .text-container,
    .section-divider-3 .text-container,
	.section-divider-4 .text-container {
		height: 550px;
	}

	.bg1,
	.bg2,
    .bg3,
	.bg4 {
		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%;}