/*
Theme Name: Rando
Theme URI: http://demo.swebdesignstudio.com/themes/rando/
Author: pebas
Author URI: http://themeforest.net/user/pebas/
License: GPL 2.0
License URI: license.txt
Description:  One Page Ajax Based Creative WP Theme
Version: 1.3
Tags: light, white, black, red,one-column, two-columns, three-columns, four-columns, right-sidebar, fluid-layout, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready, post-formats
*/

/* =========================================================================================== 
OVERALL SETTINGS -----------------------------------------------------------------------------
============================================================================================== */
html,
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
a { transition: all 0.1s ease-in-out; }
a:hover {
	transition: all 0.1s ease-in-out;
	color: #999999;
}
iframe { border: none; }
/* =========================================================================================== 
BOOTSTRAP 3 MODALS MODIFIED ------------------------------------------------------------------
============================================================================================== */
.modal {
	overflow-y: auto;
	padding: 0px;
	overflow-x: hidden;
}
.modal-content {
	position: relative;
	background-color: #fff;
	border: 0px solid #999;
	border: 0px solid rgba(0,0,0,.2);
	border-radius: 0px;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.1);
	box-shadow: 0 3px 9px rgba(0,0,0,.1);
	background-clip: padding-box;
	outline: 0;
}
.modal-footer {
	margin-top: 0px;
	padding: 0px;
	border-top: none;
	background: #212121;
}
ul.modal-tags,
ul.modal-links {
	list-style: none;
	padding: 0px;
}
ul.modal-links li a:hover { color: #ffffff; }
ul.modal-tags li {
	color: #a0a0a0;
	display: inline-block;
}
ul.modal-tags li a { color: #212121; }
ul.modal-tags li a:hover { color: #cccccc; }
.modal-header {
	border-bottom: none;
	min-height: 16.42857143px;
	background: #212121;
	color: #ffffff;
	padding: 35px;
}
.modal-body {
	position: relative;
	padding: 0px;
}
.modal-header .close {
	float: right;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: #ffffff;
	text-shadow: none;
	opacity: 1;
	filter: alpha(opacity=100);
}
.modal-header .close:hover { color: rgb(176, 59, 14); }
.modal-open {
	overflow: auto;
	margin-right: 0px;
}
.modal-backdrop { background-color: #000000; }

/* =========================================================================================== 
MODAL RESPONSIVENESS -------------------------------------------------------------------------
============================================================================================== */

@media (min-width: 768px) {
.modal-dialog {
	width: 600px;
	margin: 30px auto;
}
#teamModal .modal-dialog {
	width: 500px;
	margin: 30px auto;
}
}
/* =========================================================================================== 
FLEX VIDEO SETTINGS FOR MODAL ----------------------------------------------------------------
============================================================================================== */
.flex-video {
	position: relative;
	padding-top: 25px;
	padding-bottom: 67.5%;
	height: 0;
	margin-bottom: 16px;
	overflow: hidden;
}
.flex-video.widescreen {
	padding-bottom: 57.25%;
	margin: 0px;
}
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}
/* =========================================================================================== 
BOOTSTRAP 3 IMAGE THUMB MODIFIED -------------------------------------------------------------
============================================================================================== */

.img-thumbnail {
	padding: 0px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 0px solid #ddd;
	border-radius: 0px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
	width: 100%;
}
/* =========================================================================================== 
OVERALL TYPOGRAPHY ---------------------------------------------------------------------------
============================================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Fjalla One", sans-serif;
	font-weight: normal;
}
body {
	font-weight: normal;
	font-size: 13px;
	font-family: "PT Sans", sans-serif;
}
html>body { font-size: 13px; }
p {
	margin: 15px 0px;
	font-size: 13px;
	line-height: 23px;
}
h1 {
	margin: 15px 0px;
	font-size: 42px;
	line-height: 52px;
}
h2 {
	margin: 15px 0px;
	font-size: 32px;
	line-height: 42px;
}
h3 {
	margin: 15px 0px;
	font-size: 26px;
	line-height: 36px;
}
h4 {
	margin: 15px 0px;
	font-size: 22px;
	line-height: 32px;
}
h5 {
	margin: 15px 0px;
	font-size: 18px;
	line-height: 28px;
}
h6 {
	margin: 15px 0px;
	font-size: 16px;
	line-height: 26px;
}
a {
	text-decoration: none;
	color: rgb(176, 59, 14);
}
a:hover { text-decoration: none; }
blockquote p {
	font-size: 24px;
	line-height: 34px;
	font-style: italic;
}
span.theme-color { color: rgb(176, 59, 14); }
span.white-color { color: #ffffff; }
/* =========================================================================================== 
BOOTSRAP 3 BUTTON DEFAULT MODIFIED -----------------------------------------------------------
============================================================================================== */

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: none;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 0px;
}
a.btn-default,
.blog a.btn-default {
	color: #ffffff;
	background-color: rgb(176, 59, 14);
	border-color: #cccccc;
	text-transform: uppercase;
}
a.btn-default:hover,
.blog a.btn-default:hover {
	color: #333333;
	background: #cccccc;
}
.sidebar .widget a.btn-default:hover {
	color: #1b1b1b;
	background-color: #ffffff;
}
/* =========================================================================================== 
SECTIONS SETTINGS ----------------------------------------------------------------------------
============================================================================================== */

section {
	padding: 0px 0px;
	background-color: #ffffff;
	z-index: 1;
}
.overall {
	z-index: 8;
	position: relative;
	overflow: hidden;
	padding: 60px 0px;
}
section.grey {
	background-color: #f7f7f7;
	padding: 120px 0px;
}
section.white { background-color: #ffffff; }
section.header {
	background-color: rgba(255,255,255, 0.6);
	z-index: 12;
	padding: 0px;
	webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
section.header.shrink {
	background-color: rgba(255,255,255, 1);
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
section.slider { padding: 0px; }
/* =========================================================================================== 
DARK SECTION TYPOGRAPHY ----------------------------------------------------------------------
============================================================================================== */

/* =========================================================================================== 
LIGHT SECTION TYPOGRAPHY ----------------------------------------------------------------------
============================================================================================== */

/* =========================================================================================== 
GREY SECTION TYPOGRAPHY ----------------------------------------------------------------------
============================================================================================== */

/* =========================================================================================== 
SECTION DIRECTION ARROWS ---------------------------------------------------------------------
============================================================================================== */
.direction-arrows {
	position: absolute;
	top: -60px;
	right: 15px;
	font-size: 18px;
}
.direction-arrows a {
	padding: 8px 8px;
	display: block;
	float: left;
}
.direction-arrows a.down {
	background: rgb(176, 59, 14);
	color: #ffffff;
}
.direction-arrows a.down:hover {
	background: #363636;
	color: #ffffff;
}
.direction-arrows a.up {
	background: #363636;
	color: #ffffff;
}
.direction-arrows a.up:hover {
	background: rgb(176, 59, 14);
	color: #ffffff;
}
 @media screen and (min-width: 767px) and (max-width: 769px) and (orientation:portrait) {
.direction-arrows {
	position: absolute;
	top: -75px;
	right: 15px;
	font-size: 18px;
}
}
 @media screen and (min-width: 599px) and (max-width: 601px) and (orientation:landscape) {
.direction-arrows {
	position: absolute;
	top: -75px;
	right: 15px;
	font-size: 18px;
}
}
 @media screen and (min-width: 383px) and (max-width: 385px) and (orientation:portrait) {
.direction-arrows {
	position: absolute;
	top: -75px;
	right: 15px;
	font-size: 18px;
}
}
 @media screen and (min-width: 319px) and (max-width: 321px) and (orientation:portrait) {
.direction-arrows {
	position: absolute;
	top: -75px;
	right: 15px;
	font-size: 18px;
}
}
/* =========================================================================================== 
FILTERS DROPDOWN -----------------------------------------------------------------------------
============================================================================================== */
.work-filter {
	margin-bottom: 40px;
	margin-top: 0px;
}
.work-filter i {
	font-size: 24px;
	margin-right: 5px;
}
.work-filter a {
	color: #212121;
	font-size: 22px;
	font-family: "Fjalla One", sans-serif;
	text-decoration: none;
	outline: none;
}
.work-filter a:hover { color: rgb(176, 59, 14); }
.work-filter .dropdown-menu li a {
	font-size: 13px;
	font-family: "PT Sans", sans-serif;
}
.work-filter .dropdown-menu:before {
	position: absolute;
	top: -7px;
	left: 3px;
	display: inline-block;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #ccc;
	border-left: 16px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0);
	content: '';
}
.work-filter .dropdown-menu:after {
	position: absolute;
	top: -6px;
	left: 3px;
	display: inline-block;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #ffffff;
	border-left: 16px solid transparent;
	content: '';
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 10px 0px;
	margin: 10px 0 0;
	list-style: none;
	font-size: 14px;
	background-color: #fff;
	border: 0px solid #ccc;
	border: 0px solid rgba(0,0,0,.15);
	border-radius: 0px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	background-clip: padding-box;
}
.dropdown-menu>li { border-bottom: 1px dashed #e7e7e7; }
.dropdown-menu>li>a {
	display: block;
	padding: 8px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #212121;
	white-space: nowrap;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #212121;
}
.open > .dropdown-menu {
	animation-name: slidenavAnimation;
	animation-duration: .4s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	-webkit-animation-name: slidenavAnimation;
	-webkit-animation-duration: .4s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: slidenavAnimation;
	-moz-animation-duration: .4s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation { from {
 opacity: 0;
}
to { opacity: 1; }
}
@-webkit-keyframes slidenavAnimation { from {
 opacity: 0;
}
to { opacity: 1; }
}
/* =========================================================================================== 
BOXED SERVICES -------------------------------------------------------------------------------
============================================================================================== */

.services-box { margin-bottom: 80px; }
ul.iconic {
	list-style: none;
	padding-left: 0px;
}
ul.iconic li:before {
	content: "";
	padding-right: 10px;
	font-family: "FontAwesome";
}
ul.iconic li { margin-bottom: 5px; }
.services-iconic ul {
	list-style: none;
	padding-left: 0px;
	margin: 30px 0px;
}
.services-iconic ul li {
	display: block;
	float: left;
	width: 33.33333%
}
.services-iconic ul li img {
	display: block;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 769px) {
.services-iconic ul li {
	display: block;
	float: left;
	width: 49.9999%
}
}
@media screen and (max-width: 321px) {
.services-iconic ul li {
	display: block;
	float: left;
	width: 99.9999%
}
}
.services-iconic ul li a {
	display: block;
	text-align: center;
	padding: 10px 10px;
	font-family: "Fjalla One", sans-serif;
	font-size: 18px;
	color: #212121;
	background: #ffffff;
	min-height: 140px;
	width: 100%;
}
.services-iconic ul li a h5 { color: #212121; }
.services-iconic.gallery ul li a,
.services-iconic.gallery ul li a h5 {
	display: block;
	text-align: center;
	font-family: "Fjalla One", sans-serif;
	font-size: 18px;
	color: #212121;
	background: #ffffff;
	width: 100%;
	padding: 0px;
	min-height: 100%;
}
.services-iconic ul li:nth-child(2n+2) a {
	color: #ffffff;
	background: #212121;
}
.services-iconic ul li:nth-child(2n+2) a h5 {
	background: none;
	color: #ffffff;
}
.services-iconic ul li:nth-child(2n+2) a:hover,
.services-iconic ul li:nth-child(2n+2) a:hover h5 { color: #ffffff; }
.services-iconic ul li a:hover,
.services-iconic ul li a:hover h5 { color: #ffffff; }
.services-iconic ul li a:hover h5,
.services-iconic ul li:nth-child(2n+2) a:hover h5 { background: none; }
.services-iconic ul li a i {
	padding-top: 10px;
	font-size: 52px;
}
.services-iconic ul li.logo-item a {
	background: rgb(176, 59, 14);
	color: #ffffff;
}
.services-iconic ul li.logo-item a:hover {
	background: #212121;
	color: #ffffff;
}
.services-iconic ul li.logo-item a h2 {
	padding-top: 25px;
	color: #ffffff;
}
/* TESTIMONIAL BOX */
.testimonial_box {
	border-bottom: 1px solid #f7f7f7;
	padding: 35px 0px;
}
/* =========================================================================================== 
SIDEBAR NAVIGATION  --------------------------------------------------------------------------
============================================================================================== */

.sidebar {
	position: fixed;
	height: auto;
	background: #1b1b1b;
	z-index: 3;
	max-width: 260px;
	width: 260px;
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-ms-backface-visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.sidebar.scroll {
	position: absolute;
	height: 100%;
	background: #1b1b1b;
	z-index: 3;
	max-width: 260px;
	width: 260px;
	overflow: auto;
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-ms-backface-visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.main-nav {
	height: 100%;
	max-width: 260px;
	width: 260px;
	margin-left: -260px;
	background: #1b1b1b;
}
/* =========================================================================================== 
LOGO -----------------------------------------------------------------------------------------
============================================================================================== */

.logo { margin-top: 35px; }
/* =========================================================================================== 
NAVIGATION SIDEBAR OPENER --------------------------------------------------------------------
============================================================================================== */
a.nav-trigger {
	color: #ffffff;
	font-size: 23px;
}
a.nav-trigger:hover {
	color: #a0a0a0;
	font-size: 23px;
}
/* =========================================================================================== 
SIDEBAR WIDGETS ------------------------------------------------------------------------------
============================================================================================== */

.sidebar .widget {
	width: 100%;
	padding: 0px 25px 25px 25px;
}
.sidebar .widget p,
.sidebar .widget h1,
.sidebar .widget h2,
.sidebar .widget h3,
.sidebar .widget h4,
.sidebar .widget h5,
.sidebar .widget h6 { color: #a0a0a0; }
.sidebar .widget a { color: #ffffff; }
.sidebar .widget a:hover { color: #a0a0a0; }
.social-widget ul li a { font-size: 17px; }
/* =========================================================================================== 
FOOTER WIDGETS -------------------------------------------------------------------------------
============================================================================================== */

.widget { padding: 0px 0px 15px 0px; }
.widget h3 { margin-bottom: 35px; }
/* =========================================================================================== 
MAIN HEADER ----------------------------------------------------------------------------------
============================================================================================== */

section.header { padding: 33px 0px; }
.header .slogan h2 {
	margin: 0px;
	line-height: 33px;
}
.header .slogan a.nav-trigger {
	color: #212121;
	margin-left: 20px;
}
.header .slogan a.nav-trigger:hover { color: rgb(176, 59, 14); }
.header .header-direction-arrow a {
	background: rgb(176, 59, 14);
	color: #ffffff;
	position: absolute;
	font-size: 23px;
	right: 13px;
	top: 66px;
	padding: 6px 15px;
}
.header .header-direction-arrow a:hover { background: #212121; }
/* =========================================================================================== 
TO TOP ARROW ---------------------------------------------------------------------------------
============================================================================================== */
.footer-direction-arrow {
	right: 20px;
	bottom: 20px;
	position: fixed;
	z-index: 15;
	display: none;
}
.footer-direction-arrow a {
	background: #212121;
	color: #ffffff;
	font-size: 23px;
	padding: 6px 15px;
}
.footer-direction-arrow a:hover {
	background: rgb(176, 59, 14);
	color: #ffffff;
	font-size: 23px;
	padding: 6px 15px;
}
/* =========================================================================================== 
MAIN MENU ------------------------------------------------------------------------------------
============================================================================================== */

.nav { margin: 35px 0px 35px 0px; }
.main-menu {
	clear: both;
	display: block;
	width: 100%;
}
.main-menu ul {
	list-style: none;
	margin: 0px;
	padding-left: 0px;
}
.main-menu li { width: 100%; }
.main-menu a {
	color: #a0a0a0;
	width: 100%;
	display: block;
	padding: 10px 25px;
	text-transform: uppercase;
}
.main-menu ul ul { display: none; }
.main-menu ul ul ul { display: none; }
.main-menu ul ul a { }
.main-menu ul ul li { }
.main-menu li:hover > a,
.main-menu li.active > a,
.main-menu li > a.active {
	color: #ffffff;
}
.main-menu li.current_page_item ul.sub-menu li a {
	color: #ffffff;
}
.main-menu ul ul :hover > a { }Fmain
.main-menu ul ul a:hover { }
.main-menu ul li:hover > ul { }
.main-menu ul li > ul li a.active {  }
.main-menu li.current_page_item a,
.main-menu li.current-menu-item a .main-menu li.current-menu-item {
	background: rgb(176, 59, 14);
	color: #ffffff;
}
.menu-toggle { cursor: pointer; }
.main-small-navigation .menu { display: none; }
/* =========================================================================================== 
MAIN TOP SLIDER ------------------------------------------------------------------------------
============================================================================================== */

.slider h1,
.slider h3 { color: #000000; }
.slider h1.caption.inline {
	display: inline-block;
	margin-bottom: 0px;
}
.change-text { display: inline-block; }
.slider h1 { font-size: 52px; }
.slider h3 { font-size: 21px; }
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 0;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 0; }
.carousel .item {
	left: 0 !important;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.carousel-inner { }
span.blah {
	opacity: 0;
	position: absolute;
}
.carousel-control { background-image: none !important; }
.next.left,
.prev.right {
	opacity: 1;
	z-index: 1;
}
.active.left,
.active.right {
	opacity: 0;
	z-index: 2;
}
.carousel-caption {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 120px;
	z-index: 5;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: left;
	text-shadow: none;
	background: rgba(255,255,255, 0.6);
}
.carousel-indicators {
	position: relative;
	width: 100%;
	list-style: none;
	text-align: left;
	left: 0%;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	bottom: -42px;
}
.carousel-indicators li {
	display: inline-block;
	width: 17px;
	height: 17px;
	margin: 0px;
	margin-right: 4px;
	text-indent: -999px;
	border: none;
	border-radius: 0px;
	cursor: pointer;
	background-color: #000000;
}
.carousel-indicators .active {
	width: 17px;
	height: 17px;
	border: none;
	background-color: rgb(176, 59, 14);
	margin: 0px;
	margin-right: 4px;
}

/* =========================================================================================== 
MAIN TOP SLIDER RESPONSIVENESS ---------------------------------------------------------------
============================================================================================== */

/* iPad Landscape */
@media screen and (min-width: 1023px) and (max-width: 1025px) and (orientation:landscape) {
.slider h1 {
	font-size: 32px;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 32px;
}
.slider h3 {
	font-size: 16px;
	margin: 0px;
	line-height: 16px;
}
.carousel-caption {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	z-index: 5;
	padding-top: 25px;
	padding-bottom: 10px;
	color: #fff;
	text-align: left;
	text-shadow: none;
	background: rgba(255,255,255, 0.6);
}
.carousel-indicators {
	position: relative;
	width: 100%;
	list-style: none;
	text-align: left;
	left: 0%;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	bottom: -32px;
}
}

/* iPad Portrait */
 @media screen and (min-width: 767px) and (max-width: 769px) and (orientation:portrait) {
.slider h1 {
	font-size: 32px;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 32px;
}
.slider h3 {
	font-size: 16px;
	margin: 0px;
	line-height: 16px;
}
.carousel-caption {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 120px;
	z-index: 5;
	padding-top: 25px;
	padding-bottom: 10px;
	color: #fff;
	text-align: left;
	text-shadow: none;
	background: rgba(255,255,255, 0.6);
}
.carousel-indicators {
	position: relative;
	width: 100%;
	list-style: none;
	text-align: left;
	left: 0%;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	bottom: -32px;
}
}

/* Android Nexus */
 @media screen and (min-width: 599px) and (max-width: 601px) and (orientation:portrait) {
.overall { padding: 45px 0px; }
.slider h1 {
	font-size: 28px;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 32px;
}
.slider h3 {
	font-size: 12px;
	margin: 0px;
	line-height: 16px;
}
.carousel-caption {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	z-index: 5;
	padding-top: 25px;
	padding-bottom: 10px;
	color: #fff;
	text-align: left;
	text-shadow: none;
	background: rgba(255,255,255, 0.6);
}
.carousel-indicators {
	position: relative;
	width: 100%;
	list-style: none;
	text-align: left;
	left: 0%;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	bottom: -32px;
}
}

/* Android Nexus Landscape */
 @media screen and (min-width: 599px) and (max-width: 601px) and (orientation:landscape) {
.slider h1 {
	font-size: 24px;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 32px;
}
.slider h3 {
	font-size: 12px;
	margin: 0px;
	line-height: 16px;
}
.carousel-caption {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	z-index: 5;
	padding-top: 25px;
	padding-bottom: 10px;
	color: #fff;
	text-align: left;
	text-shadow: none;
	background: rgba(255,255,255, 0.6);
}
.carousel-indicators {
	position: relative;
	width: 100%;
	list-style: none;
	text-align: left;
	left: 0%;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	bottom: -32px;
}
}

/* Android Nexus Portrait */
 @media screen and (min-width: 383px) and (max-width: 385px) and (orientation:portrait) {
.slider h1 {
	font-size: 24px;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 32px;
}
.slider h3 {
	font-size: 12px;
	margin: 0px;
	line-height: 16px;
}
.carousel-caption {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	z-index: 5;
	padding-top: 25px;
	padding-bottom: 10px;
	color: #fff;
	text-align: left;
	text-shadow: none;
	background: rgba(255,255,255, 0.6);
}
.carousel-indicators {
	position: relative;
	width: 100%;
	list-style: none;
	text-align: left;
	left: 0%;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	bottom: -32px;
}
.slogan-right { display: none; }
}

/*  iPhone 5 Landscape */
 @media screen and (min-width: 567px) and (max-width: 569px) and (orientation:landscape) {
.overall { padding: 45px 0px; }
.slider h1 {
	font-size: 24px;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 24px;
}
.slider h3 {
	font-size: 12px;
	margin: 0px;
	line-height: 12px;
}
.carousel-caption {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 45px;
	z-index: 5;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #fff;
	text-align: left;
	text-shadow: none;
	background: rgba(255,255,255, 0.6);
}
.carousel-indicators {
	position: relative;
	width: 100%;
	list-style: none;
	text-align: left;
	left: 0%;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	bottom: -26px;
}
.slogan-right { display: none; }
.header .header-direction-arrow a {
	color: #ffffff;
	position: absolute;
	font-size: 23px;
	right: 13px;
	top: 62px;
	padding: 6px 15px;
}
}

/*  iPhone 4 Landscape */
 @media screen and (min-width: 479px) and (max-width: 481px) and (orientation:landscape) {
.overall { padding: 45px 0px; }
.slider h1 {
	font-size: 24px;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 24px;
}
.slider h3 {
	font-size: 12px;
	margin: 0px;
	line-height: 12px;
}
.carousel-caption {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 45px;
	z-index: 5;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #fff;
	text-align: left;
	text-shadow: none;
	background: rgba(255,255,255, 0.6);
}
.carousel-indicators {
	position: relative;
	width: 100%;
	list-style: none;
	text-align: left;
	left: 0%;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	bottom: -26px;
}
.slogan-right { display: none; }
.header .header-direction-arrow a { top: 62px; }
}

/* iPhone 4 & 5 Portrait */
 @media screen and (min-width: 319px) and (max-width: 321px) and (orientation:portrait) {
.slider h1 {
	font-size: 24px;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 28px;
}
.slider h3 {
	font-size: 12px;
	margin: 0px;
	line-height: 16px;
}
.carousel-caption {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	z-index: 5;
	padding-top: 25px;
	padding-bottom: 10px;
	color: #fff;
	text-align: left;
	text-shadow: none;
	background: rgba(255,255,255, 0.6);
}
.carousel-indicators {
	position: relative;
	width: 100%;
	list-style: none;
	text-align: left;
	left: 0%;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	bottom: -32px;
}
.slogan-right { display: none; }
.header .header-direction-arrow a { top: 62px; }
}
/* =========================================================================================== 
SOCIAL ICONS ---------------------------------------------------------------------------------
============================================================================================== */
.btn.btn-social-icon { color: #ffffff; }
.btn-bitbucket:hover { background-color: #183c60; }
.btn-dropbox:hover { background-color: #0d70b7; }
.btn-facebook:hover { background-color: #30487b; }
.btn-flickr:hover { background-color: #d6006f; }
.btn-foursquare:hover { background-color: #005888; }
.btn-github:hover { background-color: #303030; }
.btn-google-plus:hover { background-color: #ca3523; }
.btn-instagram:hover { background-color: #335d7e; }
.btn-linkedin:hover { background-color: #005f8d; }
.btn-tumblr:hover { background-color: #1f3346; }
.btn-twitter:hover { background-color: #309aea; }
.btn-vk:hover { background-color: #4a6a89; }
/* =========================================================================================== 
PORTFOLIO ISOTOPE ----------------------------------------------------------------------------
============================================================================================== */

.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-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: -o-transform, opacity;
	transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
.portfolio {
	margin-bottom: 40px;
	margin-top: 40px;
}
.portfolio-item {
	margin-bottom: 40px;
	background: #ffffff;
}
.portfolio-content-wrap {
	display: table;
	width: 100%;
	padding: 0px 35px;
	overflow: hidden;
	height: 220px;
}
.portfolio-content {
	position: relative;
	width: 50%;
}
.portfolio-content-center {
	display: table-cell;
	vertical-align: middle;
}
section.dark .portfolio-content-center p,
section.light .portfolio-content-center p,
section.grey .portfolio-content-center p { color: #333333; }
.portfolio-content-center h4 a { color: #333333; }
.portfolio-content-center h4 a:hover { color: rgb(176, 59, 14); }
.portfolio-content-center.page { padding: 40px 0px; }
a.more-plus {
	position: absolute;
	top: 15px;
	right: 15px;
}
.portfolio-image { width: 50%; }
.more-masterpieces { margin-top: 40px; }

/* iPad Landscape */
@media screen and (min-width: 1023px) and (max-width: 1025px) and (orientation:landscape) {
.portfolio-content-wrap { height: 185px; }
.portfolio-content-center p { display: none; }
}

/* iPad Portrait */
 @media screen and (min-width: 767px) and (max-width: 769px) and (orientation:portrait) {
.portfolio-content-wrap { height: 295px; }
}

/* iPhone 3+4 Landscape */
 @media screen and (min-width: 479px) and (max-width: 481px) and (orientation:landscape) {
.portfolio-content-center p { display: none; }
.portfolio-content-wrap { height: 175px; }
}

/* iPhone 5 Landscape */
 @media screen and (min-width: 567px) and (max-width: 569px) and (orientation:landscape) {
.portfolio-content-wrap { height: 215px; }
}

/*  Full Width Image & Content */
@media screen and (max-width: 425px) {
.portfolio-image {
	width: 100%;
	float: none;
}
.portfolio-content {
	position: relative;
	width: 100%;
	float: none;
}
}
/* =========================================================================================== 
RANDO BLOG ITEMS -----------------------------------------------------------------------------
============================================================================================== */

.blog-wrapper {
	margin-bottom: 40px;
	margin-top: 40px;
}
.portfolio-content-wrap.blog { height: 290px; }
.blog a { color: #333333; }
.blog a:hover { color: rgb(176, 59, 14); }
.blog i {
	color: #999999;
	margin-right: 8px;
}
.post-content {
	background: #ffffff;
	padding: 25px;
}

/* =========================================================================================== 
RANDO BLOG ITEMS RESPONSIVENESS --------------------------------------------------------------
============================================================================================== */

/* All Under 1024 */
@media screen and (max-width: 1025px) {
#blog-items .portfolio-image {
	width: 100%;
	float: none;
}
#blog-items .portfolio-image img {
	width: 100%;
	float: none;
	height: auto;
	display: block;
}
#blog-items .portfolio-content {
	position: relative;
	width: 100%;
	float: none;
}
#blog-items .portfolio-content p { display: block; }
}
/* =========================================================================================== 
DROP CAP -------------------------------------------------------------------------------------
============================================================================================== */
.drop-cap { margin: 60px 0px; }
.drop-cap .drop-icon i {
	font-size: 42px;
	color: #ffffff;
	background: rgb(176, 59, 14);
	padding: 12px 15px;
}
.drop-cap h3 { margin-top: 0px; }
/* =========================================================================================== 
TEAM -----------------------------------------------------------------------------------------
============================================================================================== */
.team-wrapper {
	background: #f7f7f7;
	padding: 20px;
	position: relative;
	margin: 60px 0px;
	transition: all 0.2s linear;
}
.team-wrapper:hover { background: #212121; }
.team-wrapper:hover p { color: #ffffff; }
.team-wrapper:hover h4 { color: #ffffff; }
.team-wrapper h4 {
	margin: 0px;
	line-height: 22px;
}
.team-wrapper p {
	color: #a0a0a0;
	margin-top: 5px;
	margin-bottom: 5px;
}
.team-wrapper ul li { }
.team-wrapper ul li a {
	font-size: 18px;
	padding: 5px 5px;
	color: #212121;
}
/* =========================================================================================== 
BODY VIDEO -----------------------------------------------------------------------------------
============================================================================================== */
#video {
	position: relative;
	height: auto;
	width: 100%;
	text-align: center;
	height: 560px;
	display: block;
}
#bgndVideo {
	width: 100%;
	height: 560px;
}
.caption-wrap {
	padding: 25px 0px;
	background: rgba(255,255,255, 0.7);
	position: absolute;
	width: 100%;
	text-align: left;
	bottom: 40px;
}
/* =========================================================================================== 
ELEMENT WITH BACKGROUND ----------------------------------------------------------------------
============================================================================================== */
.theme-color-background {
	background-color: rgb(176, 59, 14);
	color: #ffffff;
	padding: 3px 0px 0px 10px;
}
.theme-color-background:hover { background: #212121; }
a.theme-color-background:hover { color: #ffffff; }
/* =========================================================================================== 
OWL SLIDER -----------------------------------------------------------------------------------
============================================================================================== */
#owl-demo .item {
	background: #ffffff;
	padding: 0px;
	margin: 0px;
	color: #FFF;
	padding: 40px 0px;
	border: 1px solid #e7e7e7;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
	z-index: 1;
}
#owl-demo .item:hover { cursor: url(images/grabbing.png) 8 8, move; }
#owl-portfolio .item {
	background: #ffffff;
	padding: 0px;
	margin: 0px;
	color: #FFF;
	padding: 0px 0px;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
	z-index: 1;
	width: 100%;
	display: block;
}
.owl-buttons {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 100%;
	z-index: 9999;
	font-family: 'FontAwesome';
}
.owl-next {
	float: right;
	background: #1b1b1b;
	color: #ffffff;
	padding: 30px 15px;
}
.owl-prev {
	float: left;
	background: #1b1b1b;
	color: #ffffff;
	padding: 30px 15px;
}
.owl-next:hover { background: rgb(176, 59, 14); }
.owl-prev:hover { background: rgb(176, 59, 14); }
#owl-portfolio .item:hover { cursor: url(images/grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
	background: #ffffff;
	height: 100%;
	z-index: 1;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing { cursor: url(images/grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
/* =========================================================================================== 
PAGE LOADER ----------------------------------------------------------------------------------
============================================================================================== */
#pagepreloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 99;
}

/* =========================================================================================== 
MORE PLUS ICON -------------------------------------------------------------------------------
============================================================================================== */
a.more-plus {
	font-size: 18px;
	color: #a0a0a0;
}
a.more-plus:hover {
	font-size: 18px;
	color: rgb(176, 59, 14);
}
/* =========================================================================================== 
WORDPRESS REQUIRED ---------------------------------------------------------------------------
============================================================================================== */
.sticky { }
.stick {
	background: #e2380f;
	padding: 10px;
	position: absolute;
	top: -20px;
}
.stick p {
	color: #ffffff;
	margin: 0px;
}
.stick i { color: #ffffff; }
section.grey .portfolio-content-center .stick p { color: #ffffff; }
.gallery-caption {
	text-align: left;
	margin-top: 8px;
}
img.attachment-thumbnail { border: none !important; }
.gallery .gallery-item a img {
	display: block;
	width: 100%;
	height: auto;
	border: none !important;
}
.bypostauthor { }
.alignright {
	float: right;
	margin: 0 0 30px 30px;
}
.alignleft {
	float: left;
	margin: 0 30px 30px 0;
}
.aligncenter {
	display: block;
	margin: auto;
}
.alignnone { margin: 0 0 30px; }
.wp-caption {
	max-width: 100%;
	margin-bottom: 30px;
}
.wp-caption-text {
	font-family: 'Source Sans Pro', sans-serif;
	color: #999;
	font-style: italic;
	padding: 3px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* PAGE CONTENT */
.page_content { padding: 35px 35px; }
.page_content img {
	max-width: 100%;
	height: auto;
	display: block;
}
/* =========================================================================================== 
MODAL LOADER ---------------------------------------------------------------------------------
============================================================================================== */

.modal-loader-wrap {
	width: 100%;
	height: 100%;
	top: 0;
	background: none repeat scroll 0 0 rgba(244, 241, 232, 0.8);
	position: fixed;
	display: none;
	z-index: 999999;
}
.modal-loader {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
}
.modal-loader .loader-wrap {
	display: block;
    height: 120px;
    left: 50%;
    margin-left: -150px;
    margin-top: -60px;
    position: absolute;
    top: 50%;
    width: 300px;
    background: url("../creation/img/dog2.gif") no-repeat scroll center 10px, url("../creation/img/creation-wines-logo-med.png") no-repeat scroll center 66px transparent;
    background-color: transparent;
}
.modal-loader .loader-wrap i {
	background: #e2380f;
	color: #ffffff;
	font-size: 25px;
	padding: 15px;
	width: 60px;
	height: 60px;
	text-align: center;
	display: none;
}
/* =========================================================================================== 
GMAP -----------------------------------------------------------------------------------------
============================================================================================== */
#map {
	width: 100%;
	height: 500px;
	display: block;
}
/* =========================================================================================== 
COMMENTS -------------------------------------------------------------------------------------
============================================================================================== */

.commentform { margin: 40px 0px; }
.commentform a.btn-default { color: #ffffff; }
.commentform a.btn-default:hover { color: #212121; }
.commentform label {
	font-size: 13px;
	font-weight: 700;
}
input.form-control { margin-bottom: 20px; }
#submit_single {
	display: block;
	width: 100%;
	color: #ffffff;
	background: rgb(176, 59, 14);
	border: none;
	padding: 3px 0px;
	cursor: pointer;
}
#submit_single:hover { background: #212121; }
a.reply,
a.reply i { color: rgb(176, 59, 14); }
a.reply:hover,
a.reply:hover i { color: #212121; }
a.author { color: rgb(176, 59, 14); }
a.author:hover { color: #212121; }
.error_comment p { color: rgb(176, 59, 14); }
ol.comment_list,
ul.comment_list,
ol.comment_list ul,
ul.comment_list ul,
ol.comment_list ol { list-style: none; }
/* =========================================================================================== 
BLOG SIDEBAR ---------------------------------------------------------------------------------
============================================================================================== */

.blog-sidebar {
	background: #ffffff;
	margin-top: 40px;
	padding: 25px;
}
.blog-sidebar .widget ul {
	list-style: none;
	padding: 0px;
}
.blog-sidebar .widget ul li {
	border-bottom: 1px solid #f7f7f7;
	padding: 10px 0px;
}
.blog-sidebar .widget ul li a { color: #999999; }
.blog-sidebar .widget ul li a:hover { color: #212121; }
.blog-sidebar .widget p { color: #999999; }
.blog-sidebar .tagcloud a {
	color: #999999;
	font-size: 11px;
}
.blog-sidebar .tagcloud a:hover { color: #212121; }
.widget_calendar { float: none; }
#wp-calendar { width: 100%; }
#wp-calendar caption {
	text-align: left;
	color: #333;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: 700;
}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	text-align: center;
	padding: 8px;
}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next {
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
}
#wp-calendar tfoot #prev {
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 10px;
}
.blog-sidebar .widget .search-form input[type="search"] {
	border: none;
	border: 1px solid #f7f7f7;
	padding: 5px;
	font-style: normal;
	font-weight: 400;
	width: 100%;
	margin-bottom: 10px;
}
.blog-sidebar .widget .search-form input[type="submit"] {
	border: none;
	border: 1px solid #f7f7f7;
	padding: 5px;
	font-style: normal;
	font-weight: 400;
	padding: 8px 20px;
	margin-bottom: 10px;
	background: rgb(176, 59, 14);
	color: #ffffff;
}
.blog-sidebar .widget .search-form input[type="submit"]:hover { background: #212121; }
.portfolio-content.wp-default,
.portfolio-image.wp-default {
	width: 100%;
	float: none;
}
.portfolio-image.wp-default img {
	width: 100%;
	float: none;
	height: auto;
	display: block;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 0px;
}
.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #999999;
	background-color: #fff;
	border: 1px solid #f7f7f7;
	margin-left: -1px;
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	color: #ffffff;
	background-color: rgb(176, 59, 14);
	border-color: transparent;
}
.pagination>li>a:hover,
.pagination>li>a.active {
	color: #ffffff;
	background-color: rgb(176, 59, 14);
	border-color: transparent;
}
.pager li>a,
.pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 0px solid #ddd;
	border-radius: 0px;
	color: #999999;
}
.pager li>a:hover,
.pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: rgb(176, 59, 14);
	border: 0px solid #ddd;
	border-radius: 0px;
	color: #ffffff;
}
.post-content img,
.post-content p img {
	max-width: 100%;
	height: auto;
	display: block;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
p.help-block code {
	white-space: normal;
	font-size: 11px;
	background: none;
	color: #CCC;
}
/* =========================================================================================== 
TABLES ---------------------------------------------------------------------------------------
============================================================================================== */
 
.post-content table, .page_content table, table {
	width: 100%;
	margin-bottom: 20px;
}

.post-content table > thead > tr > th,
.post-content table > tbody > tr > th,
.post-content table > tfoot > tr > th,
.post-content table > thead > tr > td,
.post-content table > tbody > tr > td,
.post-content table > tfoot > tr > td,
.page_content table > thead > tr > th,
.page_content table > tbody > tr > th,
.page_content table > tfoot > tr > th,
.page_content table > thead > tr > td,
.page_content table > tbody > tr > td,
.page_content table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.post-content .table > thead > tr > th,
.page_content .table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}
.post-content table > caption + thead > tr:first-child > th,
.post-content table > colgroup + thead > tr:first-child > th,
.post-content table > thead:first-child > tr:first-child > th,
.post-content table > caption + thead > tr:first-child > td,
.post-content table > colgroup + thead > tr:first-child > td,
.post-content table > thead:first-child > tr:first-child > td,
.page_content table > caption + thead > tr:first-child > th,
.page_content table > colgroup + thead > tr:first-child > th,
.page_content table > thead:first-child > tr:first-child > th,
.page_content table > caption + thead > tr:first-child > td,
.page_content table > colgroup + thead > tr:first-child > td,
.page_content table > thead:first-child > tr:first-child > td { border-top: 0; }
.post-content table > tbody + tbody,
.page_content table > tbody + tbody { border-top: 2px solid #ddd; }
.post-content table .table,
.page_content table .table { background-color: #fff; }
.post-content ul li,
.page_content ul li { padding-bottom: 5px; }
/* =========================================================================================== 
VC STYLES ------------------------------------------------------------------------------------
============================================================================================== */

/* FLICKR WIDGET */
.rando .flickr_badge_image {
	margin: 0px;
	width: 33%;
	height: auto;
	float: left;
	display: block;
	background: none;
	padding: 0;
}
/* INFO BOXES */
.rando .messagebox_text p { margin: 0px; }
/* PROGRESS BARS */
.vc_progress_bar.rando .vc_single_bar .vc_bar {
	display: block;
	position: absolute;
	height: 100%;
	background-color: rgb(176, 59, 14);
	width: 0%;
	top: 0;
	left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: width 1s linear;
	-moz-transition: width 1s linear;
	-webkit-transition: width 1s linear;
	-o-transition: width 1s linear;
}
.vc_progress_bar.rando .vc_single_bar .vc_label {
	display: block;
	padding: 10px 10px;
	position: relative;
	z-index: 1;
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
}
/* TABS */
body .wpb_content_element .ui-tabs .ui-tabs-nav li,
body .wpb_content_element .ui-accordion .ui-accordion-header {
	background: #212121;
	color: #ffffff;
}
body .wpb_content_element .ui-tabs .ui-tabs-nav li.ui-state-active,
body .wpb_content_element .ui-accordion .ui-accordion-header.ui-state-active,
body .wpb_tabs .ui-tabs .ui-tabs-panel {
	background: rgb(176, 59, 14);
	color: #ffffff;
}
body .wpb_content_element .ui-tabs .ui-tabs-nav li:hover,
body .wpb_content_element .ui-accordion .ui-accordion-header:hover {
	background: #212121;
	color: #ffffff;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
	cursor: default;
	color: #ffffff;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
	padding-left: 1em;
	color: #ffffff;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.wpb_content_element .wpb_accordion_header a { color: #ffffff; }
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
	background-color: #f7f7f7;
	color: #333333;
}
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { background: #f7f7f7; }
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { background: #f7f7f7; }
.wpb_tour_next_prev_nav a,
.wpb_tour_next_prev_nav a {
	border-bottom: none !important;
	text-decoration: none !important;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding: 40px !important; }
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { padding: 40px !important; }
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { padding: 40px !important; }
/* VC SIDEBAR WITH WIDGETS */
.wpb_widgetised_column.rando .widget ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.wpb_widgetised_column.rando .widget ul li {
	border-bottom: 1px solid #f7f7f7;
	padding: 10px 0px;
}
.wpb_widgetised_column.rando .widget ul li a { color: #999999; }
.wpb_widgetised_column.rando .widget ul li a:hover { color: #212121; }
.wpb_widgetised_column.rando .widget input[type="submit"] {
	display: block;
	width: 50%;
	color: #ffffff;
	background: rgb(176, 59, 14);
	border: none;
	padding: 3px 0px;
	cursor: pointer;
	font-weight: 400;
}
.wpb_widgetised_column.rando .widget input[type="search"] {
	background-color: #f7f7f7;
	color: #212121;
	width: 100%;
	border: none;
	padding: 4px 5px;
	font-weight: 400;
	text-transform: none;
}
/* CALL TO ACTION */
.wpb_call_to_action.rando {
	position: relative;
	background-color: rgb(176, 59, 14);
	padding: 20px;
	padding: 35px;
	border: 1px solid #f0f0f0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #ffffff;
}
.wpb_call_to_action.rando h2,
.wpb_call_to_action.rando p,
.wpb_call_to_action.rando h4 { color: #ffffff; }
.vc_call_to_action.rando {
	background-color: rgb(176, 59, 14);
	border: 2px solid #ebebeb;
	padding: 2em;
	border-radius: 5px;
	color: #ffffff;
}
.vc_call_to_action.rando h2,
.vc_call_to_action.rando p,
.vc_call_to_action.rando h4 { color: #ffffff; }
/* =========================================================================================== 
CF7 STYLES -----------------------------------------------------------------------------------
============================================================================================== */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7-select,
.wpcf7 textarea {
	background-color: #f7f7f7;
	color: #212121;
	width: 100%;
	border: none;
	padding: 4px 5px;
	font-weight: 400;
	text-transform: none;
}
.wpcf7 p {
	font-weight: 400;
	text-transform: uppercase;
}
.wpcf7 input[type="submit"] {
	display: block;
	width: 50%;
	color: #ffffff;
	background: rgb(176, 59, 14);
	border: none;
	padding: 3px 0px;
	cursor: pointer;
	font-weight: 400;
}
.wpcf7 input[type="submit"]:hover { background: #212121; }
/* =========================================================================================== 
HTML 5  --------------------------------------------------------------------------------------
============================================================================================== */
.bobo_bg_video,
.rando_bg_video,
.rando_video { width: 100%; }
/* =========================================================================================== 
WPML LANGUAGE SWITCHER -----------------------------------------------------------------------
============================================================================================== */

#lang_sel_click {
	height: 32px;
	position: relative;
	z-index: 99;
	font-size: 13px;
	font-family: "PT Sans", sans-serif;
}
#lang_sel_click ul,
#lang_sel li {
	padding: 0 !important;
	margin: 0 !important;
	list-style-type: none !important;
	width: 100%;
	display: block;
}
#lang_sel_click li {
	float: left;
	width: 100%;
	position: relative;
	display: block;
}
#lang_sel_click a.lang_sel_sel {
	background: #212121 right no-repeat;
	color: #a0a0a0;
}
#lang_sel_click a,
#lang_sel_click a:visited {
	display: block;
	font-size: 11px;
	text-decoration: none !important;
	color: #212121;
	border: 1px solid #000000;
	background: #212121;
	padding-left: 10px;
	line-height: 24px;
	padding: 3px 10px;
}
#lang_sel_click a.lang_sel_sel:hover {
	text-decoration: none;
	color: #ffffff;
}
#lang_sel_click ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 31px;
	left: 0;
	width: 100%;
	border-top: 1px solid #000000;
}
#lang_sel_click ul ul a,
#lang_sel_click ul ul a:visited {
	background: #212121;
	color: #a0a0a0;
	height: auto;
	line-height: 1em;
	padding: 8px 10px;
	border-width: 0 1px 1px 1px;
}
#lang_sel_click ul ul a:hover {
	background: #212121;
	color: #ffffff;
}
/* =========================================================================================== 
CLASSIC NAV ----------------------------------------------------------------------------------
============================================================================================== */
ul.main-navigation { float: right; }
ul.main-navigation li {
	display: block;
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}
ul.main-navigation li a {
	font-size: 18px;
	font-family: "Fjalla One", sans-serif;
	color: #212121;
	padding: 10px;
}
ul.main-navigation li a.active,
ul.main-navigation li a:hover { color: rgb(176, 59, 14); }
ul.main-navigation li ul { padding-left: 0px; }
ul.main-navigation li > ul.sub-menu {
	display: none;
	text-align: left;
	position: absolute;
	width: 160px;
	margin: 0px 0px 0px 0px;
	z-index: 10000;
	padding-top: 43px;
}
ul.main-navigation li > ul.sub-menu li > ul.sub-menu { border-top: none; }
ul.main-navigation li > ul.sub-menu > ul.sub-menu { margin: 0px 0px 0px 0px; }
ul.main-navigation li > ul.sub-menu li {
	background: #ffffff;
	display: block;
	float: none;
	margin: 0px;
	position: relative;
	border-top: none;
	padding: 0px 0px 0px 0px;
	border-left: none;
	border-bottom: 1px dashed #e7e7e7;
}
ul.sub-menu li:first-child {
	margin-top: 0px;
	border-top: none;
}
ul.main-navigation li > ul.sub-menu li:last-child {
	border-bottom: none;
	border-right: none;
}
ul.main-navigation li > ul.sub-menu li a {
	color: #212121;
	font-size: 18px;
	border: none;
	background: rgba(255,255,255, 0.6);
	padding: 0px 0px;
}
ul.main-navigation li > ul.sub-menu li a:hover {
	background: #212121;
	color: #ffffff;
}
ul.main-navigation li > ul.sub-menu li a.active {
	background: #212121;
	color: #ffffff;
}
ul.main-navigation li > ul.sub-menu li > ul.sub-menu {
	text-align: left;
	position: absolute;
	width: 160px;
	background: rgba(255,255,255, 0.6);
	margin: 0px;
	top: 0px;
	left: 160px;
	z-index: 100;
	padding-top: 0px;
}
ul.main-navigation li > ul.sub-menu li > ul.sub-menu li {
	background: #ffffff;
	margin: 0px;
	display: block;
	position: relative;
}
ul.main-navigation li > ul.sub-menu li a,
ul.main-navigation li > ul.sub-menu li > ul.sub-menu li > ul.sub-menu li a {
	display: block;
	padding: 13px 13px 13px 13px;
	margin: 0px;
	line-height: 24px;
}
ul.main-navigation li > ul.sub-menu li > ul.sub-menu li > ul.sub-menu li:first-child { border-top: none; }
ul.main-navigation li > ul.sub-menu li> ul.sub-menu li > ul.sub-menu li:last-child { border-bottom: none; }
select#select_navigation { display: none; }

/* SHOW SELECT NAV ON SMALLER SCREENS */
@media screen and (max-width: 1030px) {
ul.main-navigation { display: none; }
select#select_navigation {
	display: inline-block;
 *display: inline;
	padding: 4px 12px;
	margin: 0px 0px 3px 0px;
	cursor: pointer;
	font-family: "PT Sans", sans-serif;
	border: 1px solid #000000;
	position: relative;
	font-weight: 700;
	background-image: none;
	-webkit-appearance: none;
	color: #ffffff;
	outline: none;
	background: #212121;
	zoom: 1;
}
}