/*   
Theme Name: Self Titled
Theme URI: http://denoizzed.com
Description: Creative WordPress Theme with unique fullscreen slider. Good for handling both portrait and landscape images.  
Author: Denoizzed
Author URI: http://themeforest.net/user/denoizzed?ref=denoizzed
Version: 1.2.0
*/




/* reset
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}
/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: bold;
	vertical-align: bottom;
}
td {
	font-weight: normal;
	vertical-align: top;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
	vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}
select, input, textarea {
	font: 99% sans-serif;
}
table {
	font-size: inherit;
	font: 100%;
}
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
	outline: none;
}
small {
	font-size: 85%;
}
strong, th {
	font-weight: bold;
}
td, td img {
	vertical-align: top;
}
/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* standardize any monospaced elements */
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}
/* make buttons play nice in IE */
button {
	width: auto;
	overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}
/* prevent BG image flicker upon hover */
.ie6 html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/* let's clear some floats */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
/* GENERAL
-------------------------------------------------------------------------------*/

html, body {
	font: 13px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	/*background: black;*/
	color: white;
}
p {
	margin: 0 0 20px 0;
}
h1, h2, h3, h4, h5 {
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}
h2 {
	font-size: 30px;
	line-height: 35px;
	margin: 35px 0 20px 0;
}

body.page-id-1760 div.one_half_last h2:first-of-type {
	margin: 10px 0 20px 0;
}
h3 {
	font-size: 22px;
	margin: 0 0 16px 0;
	line-height: 30px;
}
a {
	color: #ffffff;
	-webkit-transition: color 0.3s ease-in;
	-moz-transition: color 0.3ss ease-in;
	-o-transition: color 0.3ss ease-in;
	transition: color 0.3ss ease-in;
}
span.color {
	color: #ffffff;
}
/* NAVIGATION
-------------------------------------------------------------------------------*/


#navigation {
	width: 220px;
	position: fixed;
	top: 0px;
	left: 0px;
}
/*#navigation.vertical_nav {
	padding: 15px 40px 0 40px;
	z-index: 300;
	height: 100%; position:relative;
	zoom: 1;
}*/
.home #navigation.vertical_nav {
	min-height: 550px;
	padding: 15px 40px 0;
	position: fixed;
	z-index: 9999;
}
#navigation.vertical_nav {
	max-height: 550px;
	min-height: 130px;
	padding: 15px 40px 0;
	position: fixed;
	z-index: 9999;
}
#logo {
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
}
#logo h1 a {
	font-size: 24px;
	color: #ff6c00;
	margin: 0;
	font-weight: normal;
}
a.img_logo {
	margin: 0 0 15px 0;
	display: block;
}
a.img_logo img {
	height: auto;
	width: 100%;
}
/*a.img_logo img {
	/*width: 90%;
	height: auto;
}*/
#logo h2 {
	font-size: 48px;
	line-height: 40px;
	padding: 0 0 0 6px;
	border-left: 2px solid #ff6c00;
	color: white;
	margin: 0 0 60px 0;
	font-weight: normal;
}
#logo h2 a {
	color: white;
}
#navigation .menu {
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
	padding: 0;
}
#navigation .menu {
	position: relative;
}
#navigation .menu a {
	display: block;
	font-size: 35px;
	line-height: 40px;
	color: white;
	opacity: .98;
	filter: alpha(opacity=70);
	zoom: 1;
}
#navigation .menu a span {
	filter: alpha(opacity=70);
	zoom: 1;
	cursor: pointer;
}
#navigation .menu a:hover, #navigation .menu a:hover span {
	opacity: 1;
	filter: alpha(opacity=100);
}
/* --- Subnav --- */

#navigation .menu a.has_ul {
	padding-right: 20px;
}
span.expand {
	position: relative;
	top: -2px;
	margin: 0 0 0 5px;
}
#navigation .menu a.active {
	background: url('images/navigation_close.png') no-repeat right 4px;
}
#navigation .menu li {
	float: left;
	width: 100%;
}
#navigation .menu li ul {
	list-style: none;
	border-left: 2px solid #e4e4e4;
	display: none;
	text-transform: uppercase;
}
#navigation .menu li ul a {
	color: white;
	opacity: .7;
	font-size: 23px;
	line-height: 23px;
	padding: 2px 0 2px 10px;
	zoom: 1;
}
#navigation .menu ul ul {
	margin: 0 0 0 10px;
	padding: 0;
}
#navigation .menu ul ul a {
	font-size: 18px;
}
.plus {
	position: relative;
	top: -1px;
	margin: 0px 0 0 3px;
	zoom: 1;
}
#navigation .menu .current-menu-item>a, #navigation .menu .current-menu-ancestor>a, #navigation .menu .current-page-item>a, #navigation .menu .current-menu-item>a span, #navigation .menu .current-menu-ancestor>a span, #navigation .menu .current-page-item>a span {
	opacity: 1;
	filter: alpha(opacity=100);
}
/* WP Styles
-------------------------------------------------------------------------------*/

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 0 20px 20px 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 0 0 20px 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.post a img {
	padding: 3px;
	border: 1px solid #515151;
	-webkit-transition: border-color 0.5s ease-out;
	-moz-transition: border-color 0.5s ease-out;
	-o-transition: border-color 0.5s ease-out;
	transition: border-color 0.5s ease-out;
	display: block;
}
.post .portfolio_list a img {
	padding: 0;
	border: none;
	margin: 0;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text, .gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
.sticky {
}
.gallery {
	clear: both;
}
/* HOME PAGE
-------------------------------------------------------------------------------*/
img#home_bottles {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
/* GALLERY PAGE
-------------------------------------------------------------------------------*/

.page_title {
	position: absolute;
	z-index: 100;
	bottom: 80px;
	right: 50px;
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
}
/* PAGE
-------------------------------------------------------------------------------*/


#wrapper {
	width: 760px;
	position: absolute;
	left: 260px;
	top: 0px;
	padding: 0 30px;
	background-color: rgba(0, 0, 0, 0.8);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
	zoom: 1;
	z-index: 3000;
	min-height: 100%;
}
body.home #wrapper {
	display: none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
#main {
	overflow: hidden;
}
#wrapper h1 {
	font-size: 60px;
	line-height: 60px;
	padding: 0 0 5px 0;
	margin: 0 0 30px 0;
}
#wrapper h1.big_title {
	font-size: 160px;
	opacity: .3;
	padding: 33px 0 0 0;
	margin: 34px 0 -10px;
	filter: alpha(opacity=30);
	zoom: 1;
}
.page .post, .single .post {
	float: left;
}
.post {
	width: 500px;
	padding: 0 0 70px 0;
	background-color: transparent;
}
.post ul, .post ol {
	margin: 20px 0 20px 30px;
}
.post.no-sidebar {
	width: 100%;
}
h2.post_head {
	font-size: 40px;
	margin: 35px 0 50px 0;
	width: 100%;
}
.blog_list h2.blog_title {
	margin-bottom: 10px;
	line-height: 30px;
}
.post .blog_title a, .page .blog_title a, .portfolio .blog_title a {
	color: white;
	text-decoration: none;
}
.post .blog_title a:hover, .page .blog_title a:hover, .portfolio .blog_title a:hover {
	text-decoration: underline;
}
.meta {
	margin: 0 0 20px 0;
	color: #ff6c00;
}
.meta span {
	margin: 0 5px 0 5px;
	padding: 0 10px;
	display: inline-block;
	color: white;
}
.meta div {
	display: inline-block;
}
.meta a.comments-link {
	background: url('images/comments.png') no-repeat 10px top;
	margin: 0 0 0 5px;
	padding: 0 10px 5px 32px;
	text-decoration: none;
	color: white;
}
.meta a.comments-link:hover {
	background: url('images/comments_hover.png') no-repeat 10px top;
}

/* MENU PAGE
-------------------------------------------------------------------------------*/
#menu .colLeft {
	float:left;
	width:48%;
}
#menu .colRight {
	float:right;
	width:48%;
}

#menu h2 {
	margin:0 0 8px 0;
}

#menu h3 {
	background:#9FD034;
	padding:10px;
	font:18px/20px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	text-transform:uppercase;
}

#menu h3.oils {
	background:transparent;
	padding:0;
	color:#9FD034;
	text-transform:none;
	margin:0;
}

#menu ul {
	margin:0 0 30px 0;
}

#menu ul.greenBG {
	background:#9FD034;
	padding:10px;
}

#menu ul.greenBG li {
	color:white;
}

#menu ul li {
	font-size:18px;
	color:#9FD034;
	line-height:20px;
	margin:0 0 14px 0;
}

#menu ul li span {
	color:white;
	font-style:italic;
	display:block;
}

/* PORTFOLIO 
-------------------------------------------------------------------------------*/
.loading {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: black url(images/ajax-loader.gif) no-repeat center center;
	display: none;
}
#mediaspace {
	z-index: 1000000;
	position: fixed!important;
	top: 0;
	left: 0;
	visibility: hidden;
}
#mediaspace_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100000;
}
#backgroundvimeo iframe {
	z-index: 100001;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.single-portfolio #sidebar {
	margin-top: 102px;
}
.portfolio_list {
	width: 570px;
	float: left;
	padding: 0 30px 20px 0;
}
.portfolio_list.full {
	width: 100%;
	padding: 0 0 20px 0;
}
.portfolio_list ul {
	margin: 0;
}
.portfolio_list ul li {
	position: relative;
	margin: 0 0 30px 0;
}
.portfolio_list ul li span.title {
	display: block;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.8);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE6–IE9 */
	zoom: 1;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 5px 15px;
	z-index: 15;
}
.portfolio_list ul li a {
	text-decoration: none;
}
.portfolio_list ul li span.zoom {
	display: block;
	width: 100%;
	height: 100%;
	background: black url(images/zoom.png) no-repeat center center;
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.portfolio_list ul li span.zoom:hover {
	opacity: .6;
	filter: alpha(opacity=60);
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.portfolio_list img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 8;
}
#jw_space {
	width: 100%;
	height: 400px;
}
.project_meta {
	margin: -25px 0 30px 0;
}
.project_meta a {
	text-decoration: none;
	margin: 0 20px 0 0;
	text-transform: uppercase;
	font-size: 11px;
}
.project_meta a:hover {
	text-decoration: underline;
}
.post-content {
	width: 150px;
	float: left;
	margin: 0px 0 25px 0;
}
.post .post-content ul {
	margin: 0;
}
.post .post-content .project_details {
	margin: 0 0 25px 0;
}
span.separator {
	display: block;
	width: 60px;
	border-bottom: 1px solid #ff6c00;
	margin: 0 0 25px 0;
}
.testimonail_wrap {
	margin: 0 0 25px;
	padding: 0 0 10px 0;
}
.testimonail_wrap blockquote {
	font-style: italic;
}
.quote_mark {
	float: left;
	padding: 0 5px 0px 0;
	display: block;
	width: 24px;
	height: 24px;
	position: relative;
	font: 48px Georgia, sans-serif;
	line-height: 48px;
	position: relative;
	top: 6px;
}
.testimonial-author {
	text-align: right;
	font-weight: bold;
	margin: -15px 0 0 0;
}
.testimonial-author span {
	display: block;
	font-weight: normal;
}
/* BLOG 
-------------------------------------------------------------------------------*/

.blog_list.with_sidebar {
	margin: -2px 0 0 0;
}
.blog_list.with_sidebar, .blog_list.with_sidebar .post {
	float: left;
	width: 500px;
}
.blog_list.no_sidebar .post {
	float: none;
}
.blog_list.no_sidebar, .blog_list.no_sidebar .post, .single #wrapper .post.no_sidebar, .page #wrapper .post.no_sidebar {
	width: 100%;
}
.blog_list img.attachment-blog-thumb {
	border: none;
	padding: 0 0 5px 0;
	border-bottom: 2px solid transparent;
	-webkit-transition: border-color 0.5s ease-out;
	-moz-transition: border-color 0.5s ease-out;
	-o-transition: border-color 0.5s ease-out;
	transition: border-color 0.5s ease-out;
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}
.blog_list img.attachment-blog-thumb:hover {
	border-color: #ff6c00;
}
.blog_list {
	position: relative;
}
h2.blog_title {
	margin-top: 0;
}
a.more-link {
	text-decoration: none;
	margin: -5px 0 0 0;
	display: block;
}
a.more-link:hover {
	text-decoration: none;
}
/* --- pagination --- */

#pagination {
	position: relative;
	padding: 0 0 30px 0;
	clear: left;
}
#pagination span.bullet {
	position: relative;
	top: -2px;
	margin: 0 15px 0 0;
}
#pagination div.prev-posts {
	display: inline-block;
	margin: 0 15px 0 0;
}
#pagination div.next-posts {
	display: inline-block;
}
.page_amount {
	position: absolute;
	top: 0px;
	right: 0px;
}
#pagination a, .page_amount {
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
}
.pagination a, .pagination span {
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	text-decoration: none;
	font-size: 24px;
	color: #acacac;
	margin: 0 5px 0 0;
}
.pagination a:hover {
	text-decoration: underline;
}
.pagination {
	padding: 0 0 30px 0;
}
.pagination span.bullet {
	font-size: 12px;
	position: relative;
	top: -3px;
	color: #757575;
}
.pagination span {
	color: white;
}
/* ---- Sidebar ---- */

.page-template-blog-template-php #sidebar {
	margin-top: 2px;
}
#sidebar {
	width: 200px;
	float: left;
	margin: 0 0 0 30px;
	padding: 0 0 50px 30px;
}
#sidebar div {
	margin: 0 0 35px 0;
}
#sidebar ul {
	list-style: none;
}
#sidebar ul li {
}
#sidebar ul li a {
	color: #979797;
	text-decoration: none;
	width: 100%;
	display: block;
}
#sidebar ul li a:hover {
	text-decoration: underline;
}
#sidebar h2 {
	font-size: 20px;
	display: inline-block;
	line-height: 24px;
	color: white;
	font-weight: normal;
	margin: 0 0 13px 0;
}
/* --- Widgets --- */

/* Twitter */

.twitter_widget ul li {
	padding: 20px 0 0 20px;
	margin: -20px 0 20px -20px;
	background: url('images/twitter.png') no-repeat 3px 10px;
	width: 180px;
}
#sidebar .twitter_widget ul li a {
	display: inline;
}
#sidebar .twitter_widget ul span.at {
	color: grey;
}
.twitter_widget ul li span.tweet_time {
	font-size: 11px;
	display: block;
}
/* Recent posts */

.recent_posts_widget ul.with_thumbs li img {
	padding: 3px;
	border: 1px solid #3c3c3c;
	margin: 0 15px 0 0;
	float: left;
	position: relative;
	top: 2px;
	width: 50px;
	height: 50px;
}
.recent_posts_widget ul li {
	padding: 10px 0;
	overflow: hidden;
}
.recent_posts_widget ul.with_thumbs li:hover img {
	-webkit-transition: border-color 0.3s ease-out;
	-moz-transition: border-color 0.3s ease-out;
	-o-transition: border-color 0.3s ease-out;
	transition: border-color 0.3s ease-out;
	border-color: #ff6c00;
}
span.rp_title {
	text-transform: uppercase;
	display: block;
	font-size: 11px;
	line-height: 16px;
	color: white;
}
.widget_date {
	font-size: 11px;
	color: #858585;
}
#sidebar .recent_posts_widget ul.with_thumbs a:hover {
	text-decoration: none;
}
/* Contact */

.contact_details_widget img {
	position: relative;
	top: 4px;
	margin: 0 5px 0 0;
	float: left;
}
.contact_details_widget .e_mail img {
	top: 5px;
}
.contact_details_widget .address img {
	top: 3px;
}
.contact_details_widget li {
	margin: 0 0 3px 0;
}
.contact_details_widget li.map {
	margin: 15px 0 0 0;
}
#sidebar #map {
	width: 100%;
	height: 200px;
	margin: 0;
}
li.map a {
	margin: 15px 0 0 0;
}
/* CONTACT PAGE 
-------------------------------------------------------------------------------*/

#map_big {
	width: 100%;
	height: 200px;
	margin: 0 0 50px 0;
}
#contactform {
	position: relative;
}
#contactform label {
	font: bold 12px 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
#loader {
	display: none;
	height: 24px;
	width: 24px;
	background: url('images/ajax-loader.gif') no-repeat left top;
	text-indent: -9999px;
	position: relative;
	top: 4px;
}
.error_input {
	border-color: red;
}
.error {
	color: red;
}
.success {
	color: green;
	position: absolute;
	bottom: 15px;
	left: 120px;
}
#contactform p {
	position: relative;
}
#contactform .error {
	position: absolute;
	top: 4px;
}
/* SLIDER 
-------------------------------------------------------------------------------*/

.ketslider {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	background: #222;
}
.ketslider .slides {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.ketslider .slides li {
	width: 100%;
	display: block;
	visibility: hidden;
	position: relative;
	-webkit-backface-visibility: hidden;
	float: left;
	zoom: 1;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.ketslider .slides li span {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity=60);
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
}
.ketslider .slides li.active span {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
}
.ketslider .slides img {
	display: block;
	height: 100% !important;
	position: fixed;
}
/*.ketslider .slides img {
	display: block; height:100%!important;
	width: 100%!important;
}*/
.ketslider .ketslider-nav {
}
.ketslider .ketslider-nav a {
	position: absolute;
	top: 40px;
	display: block;
	width: 30px;
	height: 48px;
	text-indent: -9999px;
	outline: none;
	margin: -24px 0 0 0;
	z-index: 999;
}
.ketslider .ketslider-nav .disabled {
	display: none;
}
.ketslider .ketslider-nav .prev {
	background: url("images/slider-arrows.png") left bottom no-repeat;
	right: 60px;
}
.ketslider .ketslider-nav .prev:hover {
	background-position: left top;
}
.ketslider .ketslider-nav .next {
	background: url("images/slider-arrows.png") right bottom no-repeat;
	right: 30px;
}
.ketslider .ketslider-nav .next:hover {
	background-position: right top;
}
.ketslider .ketslider-label {
	position: absolute;
	z-index: 100;
	bottom: 80px;
	right: 50px;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
}
.ketslider .ketslider-number {
	position: absolute;
	z-index: 100;
	bottom: 35px;
	right: 50px;
	color: #fff;
	font-size: 48px;
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	padding: 16px 0 0 0;
	border-top: 2px solid #ff6c00;
}
.ketslider .slides li span.play_video {
	width: 100px;
	height: 100px;
	opacity: .5;
	position: absolute;
	background: url('images/play_icon.png') no-repeat left top;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	z-index: 1000;
	text-indent: -9999px;
	display: none;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.ketslider .slides li.active span.play_video {
	display: block;
	opacity: .5;
	filter: alpha(opacity=50);
}
.ketslider li.active:hover span.play_video {
	opacity: .8;
	filter: alpha(opacity=80);
}
/* Clearfix for the .slides element */
.ketslider .slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .ketslider .slides {
	display: block;
}
* html .ketslider .slides {
	height: 1%;
}
h2.page_title {
	display: none;
}
a.close_video {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background: url('images/close_big.png') no-repeat left top;
	position: absolute;
	right: 70px;
	top: 10px;
	z-index: 10000001;
	display: none;
	zoom: 1;
}
a.nojs {
	display: none;
}

.ls-inner {
	z-index:auto !important;
}
a.ls-l {
	z-index:1000 !important;
}
/* SEARCH PAGE 
-------------------------------------------------------------------------------*/
.big_title_search {
	font-size: 48px;
	display: block;
	position: relative;
	top: -24px;
	left: 5px;
}
.search #wrapper h1.big_title {
	margin-top: 15px;
}
.search article {
	margin: 0 0 70px 0;
}
.search .post {
	padding: 0;
}
/* 404  
-------------------------------------------------------------------------------*/
#wrapper.not_found_page h1.custom_error {
	text-indent: -9999px;
	background: url('images/404.png') no-repeat left top;
	width: 300px;
	height: 380px;
	margin: 35px 0 0 0;
}
.not_found_page #s {
	width: 300px;
}
/** lightbox **/
#lightbox {
	position: fixed; /* keeps the lightbox window in the current viewport */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(overlay.png) repeat;
	text-align: center;
}
#lightbox p {
	text-align: right;
	color: #fff;
	margin-right: 20px;
	font-size: 12px;
}
/* FOOTER 
-------------------------------------------------------------------------------*/
/*.home footer {
	clear: both;
	float: left;
	margin-top: 30px;
	position: relative !important; padding:0px 40px;
}*/
.home footer {
	bottom: 20px;
	clear: both;
	float: left;
	margin-top: 30px;
	padding: 0 0px;
	position: fixed !important;
}
/*footer {
   /*border-top: 1px dashed #333;
    clear: both;
    display: block;
    font-size: 12px;
    left: 0;
    margin: 40px 0 0;
    padding: 20px 0px 0;
    position: relative;
    text-align: center;
    width: 100%;
}*/
footer {
	bottom: 20px;
	clear: both;
	display: block;
	font-size: 12px;
	left: 40px;
	margin: 40px 0 0;
	padding: 20px 0 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 200;
}
footer p {
	text-align: left!important;
}
#social_footer {
	margin: -10px 0 0 0;
	padding: 0;
}
#social_footer li {
	display: inline;
}
#social_footer a {
	margin: 0 5px 0 0;
	text-align: center;
	/*	display: block;*/
	float: left;
}
/* ELEMENTS 
-------------------------------------------------------------------------------*/

/* --- comments --- */

.post ol.commentlist {
	list-style: none;
	margin: 0;
}
ol.commentlist li {
}
ol.commentlist li.alt {
}
ol.commentlist li.bypostauthor {
}
ol.commentlist li.byuser {
}
ol.commentlist li.comment-author-admin {
}
ol.commentlist li.comment {
	padding: 20px 0 0px 0;
	margin: 0 0 10px 0;
	border-top: 1px dashed #333;
}
ol.commentlist li.comment div.comment-author {
}
ol.commentlist li.comment div.vcard {
}
ol.commentlist li.comment div.vcard cite.fn {
	font-style: normal;
	font-weight: bold;
	display: inline-block;
	margin: 2px 0 0 0;
}
ol.commentlist li.comment div.vcard cite.fn a.url {
}
ol.commentlist li.comment div.vcard img.avatar {
	float: left;
	margin: 0 15px 15px 0px;
	-webkit-transition: border-color .25s linear .1s;
}
ol.commentlist li.comment div.vcard img.avatar:hover {
}
ol.commentlist li.comment div.vcard img.avatar-32 {
}
ol.commentlist li.comment div.vcard img.photo {
	padding: 3px;
	border: 1px solid #e9e9e9;
}
ol.commentlist li.comment div.vcard span.says {
	display: none;
}
ol.commentlist li.comment div.commentmetadata {
}
ol.commentlist li.comment div.comment-meta {
	font-size: 11px;
	margin: -3px 0 10px 0;
}
ol.commentlist li.comment div.comment-meta a {
	color: #8c8c8c;
	text-decoration: none;
}
ol.commentlist li.comment div.comment-meta a:hover {
	text-decoration: underline;
}
ol.commentlist li.comment p {
	clear: left;
}
ol.commentlist li.comment ul {
}
ol.commentlist li.comment div.reply {
	font-size: 11px;
	padding: 0 0 10px 0;
}
ol.commentlist li.comment div.reply a {
	font-weight: bold;
	color: #959595;
	margin: 0;
}
ol.commentlist li.comment ul.children {
	list-style: none;
	margin-top: 20px;
}
ol.commentlist li.comment ul.children li {
}
ol.commentlist li.comment ul.children li.alt {
}
ol.commentlist li.comment ul.children li.bypostauthor {
}
ol.commentlist li.comment ul.children li.byuser {
}
ol.commentlist li.comment ul.children li.comment {
}
ol.commentlist li.comment ul.children li.comment-author-admin {
}
ol.commentlist li.comment ul.children li.depth-2 {
	margin: 0 0 0 25px;
}
ol.commentlist li.comment ul.children li.depth-3 {
	margin: 0 0 0 50px;
}
ol.commentlist li.comment ul.children li.depth-4 {
	margin: 0 0 0 75px;
}
ol.commentlist li.comment ul.children li.depth-5 {
	margin: 0 0 0 100px;
}
ol.commentlist li.comment ul.children li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li.odd {
}
ol.commentlist li.parent {
}
ol.commentlist li.thread-alt {
}
ol.commentlist li.thread-even {
}
ol.commentlist li.thread-odd {
}
#respond {
	position: relative;
}
#cancel-comment-reply-link {
	position: absolute;
	top: 0;
	right: 0;
	background: url('images/cross.png') no-repeat left top;
	padding: 0 0 0 20px;
}
#respond h3#reply-title {
	font-size: 18px;
	line-height: 18px;
	padding: 0 0 0 20px;
	margin: 40px 0 20px 0;
	background: url('images/reply.png') no-repeat left -1px;
}
h2#comments {
	margin-top: 40px;
}
p.no_comments {
	display: none;
}
/* ----- Forms ----- */

input, textarea {
	padding: 3px;
	margin: 0 0 10px 0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear;
	-moz-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
	border: none;
	font-size: 12px;
}
input:focus, textarea:focus {
	background-color: #d7d7d7;
}
/* --- Comment form --- */

#commentform #submit {
}
#commentform p.logged-in-as {
	margin: 0 0 20px 0;
}
#commentform input {
	width: 150px;
}
#commentform p {
	position: relative;
}
#commentform label {
	position: relative;
	top: -6px;
	margin: 0 0 0 7px;
}
#commentform .comment-form-url label {
	margin: 0 0 0 3px;
}
#commentform span.required {
	position: relative;
	top: -7px;
	left: -2px;
}
#commentform p {
	margin: 0;
}
#commentform input {
	margin: 0 0 15px 0;
}
#respond textarea {
	width: 90%;
}
/* Submit */
#commentform #submit, #contactform #form_submit {
	font-family: sans-serif;
	display: inline-block;
	line-height: 1em;
	padding: 6px 13px;
	margin: 0 .6em 1.5em 0;
	border: 1px solid #4081af;
	border-bottom-color: #20559a;
	color: white !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none !important;
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/*Background*/
	background-color: #237fd7; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #52a8e8), color-stop(1, #2e76cf) );
	background: -moz-linear-gradient( center top, #52a8e8 20%, #2e76cf 100% );
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}
#commentform #submit:hover, #contactform #form_submit:hover {
	text-decoration: none !important;
	/*Background*/
	background: #0073d2; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3e9ee5), color-stop(1, #1666ca) );
	background: -moz-linear-gradient( center top, #3e9ee5 20%, #1666ca 100% );
}
/* --- contact form --- */

#contactform p {
	margin: 0 0 5px 0;
}
#contactform label {
	position: relative;
	top: -4px;
	margin: 0 0 0 6px;
}
#contactform #form_submit.not_active {
	color: #444 !important;
	text-shadow: 0 1px #fff;
	border-color: #bbb;
	border-bottom-color: #999;
	background-color: #d8d8d8;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #e9e9e9), color-stop(1, #ccc));
	background: -moz-linear-gradient(center top, #e9e9e9 20%, #ccc 100%);
	cursor: default;
}
#contactform #form_submit.not_active:hover {
	background: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #e0e0e0), color-stop(1, #bebebe));
	background: -moz-linear-gradient(center top, #e0e0e0 20%, #bebebe 100%);
}
.hide {
	display: none;
}
.success p {
	position: relative;
	left: 10px;
	top: -3px;
}
/* --- password protected --- */

.password_protect input[name=post_password] {
	position: relative;
	top: 4px;
	left: 5px;
}
.password_protect input[type="submit"] {
	position: relative;
	top: 8px;
	left: 7px;
}
/* --- Gallery --- */


.gallery img {
	border: none;
	padding: 3px;
	border: 1px solid grey !important;
	-webkit-transition: border-color 0.5s ease-out;
	-moz-transition: border-color 0.5s ease-out;
	-o-transition: border-color 0.5s ease-out;
	transition: border-color 0.5s ease-out;
}
.gallery img:hover {
	border-color: #ff6c00 !important;
}
/* --- Fancybox outer nav --- */ 

body .fancybox-nav {
	width: 60px;
}
body .fancybox-nav span {
	visibility: visible;
}
body .fancybox-next {
	right: -80px;
}
body .fancybox-prev {
	left: -90px;
}
/* --- Search form --- */

#searchsubmit {
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: url('images/search.png') no-repeat left top;
	border: none;
	text-indent: -9999px;
}
#s {
	font-size: 11px;
	width: 80%;
	color: #7b7b7b;
}
/* MOBILE STYLES 
-------------------------------------------------------------------------------*/

.mobile {
	display: none;
}
.select-menu {
	display: none;
}
.touch #sidebar .separator {
	display: none;
}
/* --- touch slider --- */

.touch .ketslider .slides li.active span {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 99;
}
.touch .ketslider .slides li span.touch_title {
	position: absolute;
	z-index: 999;
	background: none;
	color: white;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	bottom: 20px;
	top: auto;
	left: 0;
	width: 90%;
	padding: 0 5%;
	text-align: center;
	height: auto;
	font-family: GnuolaneFreeRegular, 'Helvetica Neue', Arial, sans-serif;
	font-size: 20px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.touch .ketslider .slides li span.play_video {
	display: block;
	width: 42px;
	height: 42px;
	background: url('images/play_icon_mobile.png') no-repeat left top;
	left: 10px;
	margin: 0;
	z-index: 99;
	position: absolute;
}
.touch .ketslider .slides li span.mobile_info {
	display: block;
	width: 42px;
	height: 42px;
	background: url('images/info_mobile.png') no-repeat left top;
	left: 10px;
}
.touch .ketslider .slides li span.mobile_info, .touch .ketslider .slides li span.play_video {
	top: auto;
	bottom: 14px;
}
.nav-toggle {
	display: none;
}
.menu2 {
	display: block;
}
.menu1 {
	display: block;
}
.wp-image-1132, .wp-image-1131 {
	width: auto!important;
}


div.mobileOnly {
	display:none;
}





/* --- ipad vertical styles ---*/



/* --- ipad horizontal styles --- */

@media screen and (max-width: 1024px) {
	
img#home_bottles {

	z-index: 0;
}

div.mobileOnly {
	display:block;
}
.home #navigation.vertical_nav {

	z-index: 1;
}
	
#layerslider_1 {
	position:relative;
	top:130px;
	z-index:50 !important;
}
	
.ubermenu-skin-grey-white.ubermenu-responsive-toggle {
    background: #9FD034 none repeat scroll 0 0 !important;
    color: white !important;
    font-size: 14px !important;
}	


.menu1 {
	display: block!important;
	position:absolute !important;
	top:50px !important;
	left:30px !important;
	width:90%;
}

.ubermenu-main {
    background: black none repeat scroll 0 0 !important;
    max-width: 300px;
    padding: 10px !important;
}
.home_page {
	display: none;
}
.mobile_page {
	display: block;
}
.touch .ketslider .slides li span.mobile_info, .touch .ketslider .slides li span.play_video {
	bottom: auto;
	top: 5px;
}		/*a.img_logo img	{		width: auto;		height: 40px;	}*/
#navigation.vertical_nav {
	height: 100%;
	padding: 15px 10px 0;
	z-index: 300;
	width: 100%!important;
}
#navigation .menu li {
	width: 48%;
	float: left;
}
a.more-link {
	display: block;
	float: left;
	margin: -5px 0 0;
	text-decoration: none;
	width: 100%;
}
#navigation .menu li ul li {
	float: left;
	width: 100%;
}
.menu-menu-1-container {
	float: left;
	margin: 0;
	width: 100%;
}
#navigation .menu2 .vertical_nav {
	height: 100%;
	padding: 15px 10px 0;
	z-index: 300;
	width: 90%;
}
#navigation .menu2 .menu li {
	width: 100%;
	padding: 3%;
	float: left;
	background: #f2f2f2;
	margin: 0px;
	border-bottom: 1px solid #ccc;
	position: relative;
}
#navigation .menu2 .menu a {
	color: #333;
	display: block;
	font-size: 35px;
	line-height: 40px;
	opacity: 0.98;
}
#navigation .menu2 .menu li ul li {
	float: left;
	width: 100%;
}
#navigation .menu2 .menu a span.expand {
	margin: 0 0 0 5px;
	position: absolute;
	right: 10px;
	top: 14px;
}
#navigation .menu2 .menu li ul a {
	color: #333;
	font-size: 23px;
	line-height: 23px;
	opacity: 0.7;
	padding: 2px 0 2px 10px;
}
#navigation .menu2 .menu li ul li:last-child {
	border-bottom: none;
}
.home .ketslider .slides img {
	display: block;
	height: 600px !important;
	left: -258px;
	position: relative;
	width: auto !important;
}
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
	max-width: 100px !important;
}
body #wrapper {
	float: left;
	left: 0;
	margin-top: 30px;
	position: relative !important;
	width: 100%;
	padding-bottom: 20px;
}
body #wrapper p {
	float: left;
	margin: 0 0 20px;
	width: 100%;
}
#navigation.vertical_nav {
	float: left;
	position: relative!important;
	width: 620px;
}
body #logo {
	float: none;
	margin: 0 auto;
	width: 110px;
}
a.img_logo img {
	height: auto;
	width: 100%;
}
footer {
	position: relative !important;
	width: 90%;
}
social_footer_wrap .page_amount {
	float: left;
	margin-top: 20px !important;
	width: 100%;
}
.wp-image-455, .wp-image-611, .wp-image-453, .wp-image-371, .wp-image-724 {
	width: 97%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .one_seventh {
	float: left;
	margin-bottom: 18px;
	margin-right: 3%;
	position: relative;
	width: 155px!important;
}
.one_half_last_clear {
	width: 100%;
	float: left;
}
.one_fourth, .one_fourth_last {
	float: left;
	width: 155px !important;
}
.blog_list.no_sidebar, .blog_list.no_sidebar .post, .single #wrapper .post.no_sidebar, .page #wrapper .post.no_sidebar {
	width: 96%;
}
.alignleft {
	display: inline;
	float: left;
	margin: 0 20px 20px 0;
	width: 100%;
}
.nav-toggle {
	display: block!important;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .one_seventh {
	min-height: 180px!important;
}
footer {
	clear: both;
	display: block;
	font-size: 12px;
	left: 0;
	margin: 40px 0 0;
	padding: 20px 0 0;
	position: relative;
	text-align: center;
	width: 90%;
}
.home {
	background: #000;
}
#navigation .menu a {
	color: white;
	display: block;
	font-size: 24px;
	line-height: 36px;
	opacity: 0.98;
}
}
div.wpcf7-validation-errors {
	float: left;
	color: red;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
	float: left;
}
/* IE STYLES 
-------------------------------------------------------------------------------*/

.ie textarea {
	overflow: auto;
}
.ie .ketslider .ketslider-number {
	line-height: 36px;
	padding: 7px 0 0 0;
}
.ie .ketslider .ketslider-label {
	bottom: 85px;
}
.ie .portfolio_list ul li span.title {
	bottom: 0;
	text-decoration: none;
	cursor: pointer;
}
.ie7 #wrapper h1.big_title {
	line-height: 125px;
	margin: 10px 0 50px 0;
}
.ie7 .meta div {
	display: inline;
}
.ie7 #sidebar {
	margin-top: -15px;
}
