/* Minification failed. Returning unminified contents.
(1108,21): run-time error CSS1036: Expected expression, found '#'
 */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
/*overflow-x: hidden;*/}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* #Basic Styles
================================================== */
body {
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #151820;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
html {
	background:#fff;
/*overflow-x: hidden;*/ }
/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
	letter-spacing:0.04em;
	font-family: 'Ubuntu', sans-serif;
	text-transform:uppercase;
	color:#FFF;
	/*text-shadow: 0px 1px 1px white;*/
	-webkit-text-stroke: 1px transparent;
	webkit-font-smoothing: antialiased;
}

.history h2, .home-welcome h4 {color:#2e0908;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
	color:#5d2331;
}
h1 {
	font-size: 2.6em;
	line-height:2em;
	font-weight:bold;
}
h2 {
	font-size: 2.6em;
	margin-bottom:10px;
	line-height:1.8em;
	font-weight:bold;
	letter-spacing:0.3em;
}
h3 {
	font-size: 1.8em;
	margin-bottom: 10px;
	line-height:1.8em;
}
h4 {
	font-size: 1.4em;
	line-height:1.4em;
	margin-bottom: 10px;
}
h5 {
	font-size: 1.3em;
	line-height:1.0em;
	margin-bottom: 10px;
}
h6 {
	font-size: 1.2em;
	text-transform:capitalize;
}
.subheader {
	color: #424b5f;
}
p {
	color: #FFF;
	line-height:1.6em;
	font-size:1.3em;
	margin: 0 0 15px 0;
	font-family: 'Open Sans', sans-serif;
}
.history p, .historytwo p {color: #050101;}
p.special {
    color: #868080;
	font-weight:bold;
	line-height:1.6em;
	font-size:1.5em;
	margin: 0 0 15px 0;
	font-family: 'Lora', serif;
}
.history p.special, .news-container p, .news-container h4.date {color: #5d2331;}

p.last {
	margin-bottom:0;
}
p img {
	margin: 0;
}
img.left {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}
img.right {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
small {
	font-size: 80%;
}
hr {
	border: solid #efefef;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0;
}
/* Text Selection */
::selection {
background: #fff;
color: #151820; /* Safari */
}
::-moz-selection {
background: #fff;
color: #151820; /* Firefox */
}
/* #Links
================================================== */
a, a:visited {
	color:#5d2331;
	text-decoration: none;
	outline: 0;
}
p a, p a:visited {
	line-height: inherit;
}
/* #Images
================================================== */
img.scale-with-grid {
	max-width: 100%;
	height: auto;
}
/* #Forms
================================================== */
/* General Forms */
form {
	margin-bottom: 0px;
}
fieldset {
	margin-bottom: 20px;
}
label, legend {
	display: block;
	font-size: 14px;
}
input[type="checkbox"] {
	display: inline;
}
label span, legend span {
	font-weight: normal;
	font-size: 13px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
	padding: 10px 10px;
	outline: none;
	overflow: hidden;
	font: 14px;
	margin: 0;
	width: 198px;
	max-width: 100%;
	display: block;
	margin-bottom: 10px;
}
select {
	padding: 0;
}
textarea {
	min-height: 100px;
}
select {
	width: 220px;
}
/* Header Responsive Menu Form Style */
.header select {
	-webkit-appearance: none;
	padding: 5px;
	outline: none;
	border: 1px solid #000;
	overflow: hidden;
	font: 1.1em 'Ubuntu', sans-serif;
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: #5d2331 url(../MedolagoAlbani/images/navselect.gif) no-repeat right center;
	color: #fff;
	margin-bottom: 5px;
}
.header option {
	outline: none;
	border: 0;
	overflow: hidden;
	font: 1.1em 'Ubuntu', sans-serif;
	max-width: 100%;
	display: block;
	padding-left: 15px;
}
/* #Misc
================================================== */
.remove-bottom {
	margin-bottom: 0 !important;
}
.half-bottom {
	margin-bottom: 10px !important;
}
.add-bottom {
	margin-bottom: 20px !important;
}
.left {
	float: left;
}
.right {
	float: right;
}

.h3 {
    text-transform: inherit;
    letter-spacing: 1px;
    font-size: 2em;
}

.box-title {
    text-align: center;
    margin-bottom: 20px;
}

    .box-title h4 {
        color: #96824e;
    }

.txt-center {
    text-align:center;
}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


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



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

    .container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.column, .columns {
	float: left;
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
}
.row {
	margin-bottom: 20px;
}
/* Nested Column Classes */
    .column.alpha, .columns.alpha {
	margin-left: 0;
}
.column.omega, .columns.omega {
	margin-right: 0;
}
/* Base Grid */
    .container .one.column {
	width: 20px;
}
.container .two.columns {
	width: 80px;
}
.container .three.columns {
	width: 140px;
}
.container .four.columns {
	width: 200px;
}
.container .five.columns {
	width: 260px;
}
.container .six.columns {
	width: 320px;
}
.container .seven.columns {
	width: 380px;
}
.container .eight.columns {
	width: 440px;
}
.container .nine.columns {
	width: 500px;
}
.container .ten.columns {
	width: 560px;
}
.container .eleven.columns {
	width: 620px;
}
.container .twelve.columns {
	width: 680px;
}
.container .thirteen.columns {
	width: 740px;
}
.container .fourteen.columns {
	width: 800px;
}
.container .fifteen.columns {
	width: 860px;
}
.container .sixteen.columns {
	width: 920px;
}
.container .one-third.column {
	width: 280px;
}
.container .two-thirds.column {
	width: 600px;
}
/* Offsets */
    .container .offset-by-one {
	padding-left: 40px;
}
.container .offset-by-two {
	padding-left: 100px;
}
.container .offset-by-three {
	padding-left: 160px;
}
.container .offset-by-four {
	padding-left: 220px;
}
.container .offset-by-five {
	padding-left: 280px;
}
.container .offset-by-six {
	padding-left: 340px;
}
.container .offset-by-seven {
	padding-left: 400px;
}
.container .offset-by-eight {
	padding-left: 460px;
}
.container .offset-by-nine {
	padding-left: 520px;
}
.container .offset-by-ten {
	padding-left: 580px;
}
.container .offset-by-eleven {
	padding-left: 640px;
}
.container .offset-by-twelve {
	padding-left: 700px;
}
.container .offset-by-thirteen {
	padding-left: 760px;
}
.container .offset-by-fourteen {
	padding-left: 820px;
}
.container .offset-by-fifteen {
	padding-left: 880px;
}



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

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
 .container {
width: 768px;
}
 .container .column, .container .columns {
margin-left: 10px;
margin-right: 10px;
}
 .column.alpha, .columns.alpha {
margin-left: 0;
margin-right: 10px;
}
 .column.omega, .columns.omega {
margin-right: 0;
margin-left: 10px;
}
 .container .one.column {
width: 28px;
}
 .container .two.columns {
width: 76px;
}
 .container .three.columns {
width: 124px;
}
 .container .four.columns {
width: 172px;
}
 .container .five.columns {
width: 220px;
}
 .container .six.columns {
width: 268px;
}
 .container .seven.columns {
width: 316px;
}
 .container .eight.columns {
width: 364px;
}
 .container .nine.columns {
width: 412px;
}
 .container .ten.columns {
width: 460px;
}
 .container .eleven.columns {
width: 508px;
}
 .container .twelve.columns {
width: 556px;
}
 .container .thirteen.columns {
width: 604px;
}
 .container .fourteen.columns {
width: 652px;
}
 .container .fifteen.columns {
width: 700px;
}
 .container .sixteen.columns {
width: 748px;
}
 .container .one-third.column {
width: 236px;
}
 .container .two-thirds.column {
width: 492px;
}

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


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

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

    @media only screen and (max-width: 767px) {
 .container {
width: 300px;
}
 .column, .columns {
float: left;
display: inline;
margin-left: 10px;
margin-right: 10px;
}
 .row {
margin-bottom: 20px;
}

		/* Nested Column Classes */
		.column.alpha, .columns.alpha {
margin: 0;
}
 .column.omega, .columns.omega {
margin: 0;
}
 .container .one-third.column {
margin: 10px 0;
}
 .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns {
width: 280px;
}
 .container .one-third.column, .container .two-thirds.column {
width: 280px;
}

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

        h1,h2 {
            font-size: 1.6em;
        }
}


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

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

    @media only screen and (min-width: 480px) and (max-width: 767px) {
 .container {
width: 420px;
}
 .column, .columns {
float: left;
display: inline;
margin-left: 10px;
margin-right: 10px;
}
 .row {
margin-bottom: 20px;
}

		/* Nested Column Classes */
		.column.alpha, .columns.alpha {
margin: 0;
}
 .column.omega, .columns.omega {
margin: 0;
}
 .container .one-third.column {
margin: 10px 0;
}
 .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns {
width: 400px;
}
 .container .one-third.column, .container .two-thirds.column {
width: 400px;
}
}
/* #Additional - Large Screens beyond 1280px
================================================== */
    /* Note: Design for a width of 1280px */
    @media only screen and (min-width: 1280px) {
 .container {
width: 1280px;
}
 .container .column, .container .columns {
margin-left: 10px;
margin-right: 10px;
}
 .column.alpha, .columns.alpha {
margin-left: 0;
margin-right: 10px;
}
 .column.omega, .columns.omega {
margin-right: 0;
margin-left: 10px;
}
 .alpha.omega {
margin-left: 0;
margin-right: 0;
}
 .container .one.column, .container .one.columns {
width: 60px;
}
 .container .two.columns {
width: 140px;
}
 .container .three.columns {
width: 220px;
}
 .container .four.columns {
width: 300px;
}
 .container .five.columns {
width: 380px;
}
 .container .six.columns {
width: 460px;
}
 .container .seven.columns {
width: 540px;
}
 .container .eight.columns {
width: 620px;
}
 .container .nine.columns {
width: 700px;
}
 .container .ten.columns {
width: 780px;
}
 .container .eleven.columns {
width: 860px;
}
 .container .twelve.columns {
width: 940px;
}
 .container .thirteen.columns {
width: 1020px;
}
 .container .fourteen.columns {
width: 1100px;
}
 .container .fifteen.columns {
width: 1180px;
}
 .container .sixteen.columns {
width: 1260px;
}
 .container .one-third.column {
width: 406px;
}
 .container .two-thirds.column {
width: 822px;
}
        /* Offsets */
        .container .offset-by-one {
padding-left: 80px;
}
 .container .offset-by-two {
padding-left: 160px;
}
 .container .offset-by-three {
padding-left: 240px;
}
 .container .offset-by-four {
padding-left: 320px;
}
 .container .offset-by-five {
padding-left: 400px;
}
 .container .offset-by-six {
padding-left: 480px;
}
 .container .offset-by-seven {
padding-left: 560px;
}
 .container .offset-by-eight {
padding-left: 640px;
}
 .container .offset-by-nine {
padding-left: 720px;
}
 .container .offset-by-ten {
padding-left: 800px;
}
 .container .offset-by-eleven {
padding-left: 880px;
}
 .container .offset-by-twelve {
padding-left: 960px;
}
 .container .offset-by-thirteen {
padding-left: 1040px;
}
 .container .offset-by-fourteen {
padding-left: 1120px;
}
 .container .offset-by-fifteen {
padding-left: 1200px;
}
}
/* #Clearing
================================================== */

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

/****************************** MAIN STYLES - backgorund,deviders ******************************/
/* Main Container */
img, embed, object, video { max-width: 100%; }
/* Deviders */
hr.separator { height: 1px; margin: 40px 0; border-top: 1px solid #929393; }
/****************************** Navigation ******************************/
.header { background: #000; z-index: 100; position: relative; }
.logo { float: left; /*background: #FFF;*/ padding: 5px 20px; margin-bottom: 0px; position: relative; z-index: 10000; display: inline-block; }
    .logo h1 { color: #faf5d9; font-family: 'Great Vibes', cursive; text-transform: none; letter-spacing: .1em; }
    .logo h4 { color: #fff; text-shadow: none; letter-spacing: .75em; font-size: .8em; padding: 10px 0 10px 0; border-bottom: 1px dashed #451924; border-top: 1px dashed #451924; }
nav { float: right; margin-top: 50px; }
#nav, #nav ul { margin: 0; padding: 0; list-style: none; }
    #nav:before, #nav:after { content: ""; display: table; }
    #nav:after { clear: both; }
#nav { zoom: 1; }
    #nav li { float: left; border-right: 1px dashed #363636; position: relative; }
    #nav a { float: left; padding: 2px 10px; font-size: 1.1em; color: #faf5d9; text-transform: uppercase; text-decoration: none; font-weight: bold; }
    #nav li:hover > a { color: #fff; }
    #nav ul { visibility: hidden; position: absolute; top: 28px; left: 0; z-index: 10; background: #000; border: 4px solid #2f2f2f; transition: all .2s ease-in-out; }
    #nav li:hover > ul { opacity: 1; visibility: visible; margin: 0; }
    #nav ul ul { top: 0; left: 220px; margin: 0 0 0 20px; }
    #nav ul li { float: none; display: block; border: 0; }
    #nav ul a { font-size: .9em; padding: 10px; min-width: 200px; display: block; float: none; font-weight: 600; }
        #nav ul a:hover { background-color: #2f2f2f; }
    #nav ul li:first-child > a:after { content: ''; position: absolute; left: 40px; top: -10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #2f2f2f; }
    #nav ul ul li:first-child a:after { left: -6px; top: 50%; margin-top: -10px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #2f2f2f; }
/****************************** FlexSlider ******************************/
/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a, .flexslider a, .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles
*********************************/
.flexslider { background: #fff; margin-bottom: 60px; }
    .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img { display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; }
    .flexslider .slides { zoom: 1; }
        .flexslider .slides > li { position: relative; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container { zoom: 1; position: relative; }
/* Caption style */
/* IE rgba() hack */
.caption { zoom: 1; width: 23%; margin: 0; position: absolute; text-align: center; background-color: #fff; background: rgba(253, 245, 196, 0.9); bottom: 0; right: 20%; color: #faf5d9; }
    .caption img { margin-top: -80px; padding: 2%; }
    .caption p { margin-top: 15px; background: #5d2331; color: #faf5d9; padding: 10px; margin-bottom: 0; }
/* Direction Nav */
.flex-direction-nav { height: 0; }
    .flex-direction-nav a { width: 52px; height: 52px; margin: -15px 0 0; display: block; background: url(../MedolagoAlbani/images/flexslider/bg_direction_nav.png) no-repeat; position: absolute; top: 5%; cursor: pointer; text-indent: -999em; }
    .flex-direction-nav .flex-next { background-position: -52px 0; right: 0px; }
    .flex-direction-nav .flex-prev { left: 0px; }
    .flex-direction-nav .flex-disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; }
/****************************** Home Content- About Us ******************************/
.cbp-so-scroller { overflow: hidden; }
/* Clear floats of children */
.cbp-so-section:before, .cbp-so-section:after { content: " "; display: table; }
.cbp-so-section:after { clear: both; }
/* Text styling */
.cbp-so-section h2 { font-weight: 600; line-height: 1; margin-bottom: 50px; }
.cbp-so-section { margin-bottom: 40px; }
/* Sides */
.cbp-so-side { margin: 0; overflow: hidden; min-height: 12em; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; -moz-transition: -moz-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; }
    /* Clear floats of children */
    .cbp-so-side:before, .cbp-so-side:after { content: " "; display: table; }
    .cbp-so-side:after { clear: both; }
/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side { opacity: 0; }
.cbp-so-init .cbp-so-side-left { -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px); transform: translateX(-80px); }
.cbp-so-init .cbp-so-side-right { -webkit-transform: translateX(80px); -moz-transform: translateX(80px); transform: translateX(80px); }
/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbp-so-section.cbp-so-animate .cbp-so-side-left, .cbp-so-section.cbp-so-animate .cbp-so-side-right { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
/****************************** Home Content - History ******************************/
.bg { background: url(images/bg2.jpg), #f1ece9; background-position: top left, top right; background-repeat: no-repeat; background-size: 50%, 50%; padding: 50px 0 5px 0; margin-bottom: 60px; }
.bg-right { background-position: top right, top right; }
h2.transparent { word-break: break-all; color: #fff; font-size: 5em; letter-spacing: .5em; opacity: 0.3; font-weight: bold; text-shadow: none; }
h4.date { background: #e9e4e1; padding: 5px; display: inline-block; font-size: .9em; letter-spacing: .5em; }
a.morebutton { text-transform: uppercase; }
a.homebutton { display: inline-block; margin-top: 20px; font-size: 1.2em; padding: 5px 16px; color: #5d2331; border: 2px solid #f1eedf; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #fff; background: -moz-linear-gradient(top, #fff 0, #fdfcf6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fdfcf6)); background: -webkit-linear-gradient(top, #fff 0, #fdfcf6 100%); background: -o-linear-gradient(top, #fff 0, #fdfcf6 100%); background: -ms-linear-gradient(top, #fff 0, #fdfcf6 100%); background: linear-gradient(top, #fff 0, #fdfcf6 100%); zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fdfcf6'); outline: none; cursor: pointer; }
/****************************** Home Content - News ******************************/
.bg1 { background: #f1ece9; padding: 0; }
    .bg1 .cbp-so-section .home-welcome { padding: 0 20px; }
.home-welcome h3 { font-size: 2.2em; font-style: italic; text-transform: none; color: #5d2331; font-weight: bold; font-family: 'Lora', serif; margin: 40px 0 20px 0; }
.home-welcome h4 { letter-spacing: .2em; font-size: 1.2em; line-height: 1.8em; }
.home-event-date h3 { font-weight: bold; font-size: 1.8em; font-family: 'Lora', serif; font-style: italic; text-transform: none; color: #5d2331; }
.home-event-date h4 { font-weight: bold; font-size: 1.5em; font-family: 'Lora', serif; font-style: italic; text-transform: none; margin-bottom: 40px; }
.bg1 .cbp-so-section .home-banner-event { border-right: 1px solid #f6f3f1; border-left: 1px solid #f6f3f1; background: #e9e4e1; padding: 40px 20px 50px 20px; }
.bg1 .cbp-so-section .home-event-one { padding: 40px 20px 50px 20px; }
.home-event-description { font-family: 'Lora', serif; font-size: 1.1em; }
.home-event-one h3 { font-size: 2.2em; font-style: italic; text-transform: none; color: #5d2331; font-weight: bold; font-family: 'Lora', serif; }
input#mce-EMAIL.email { float: left; padding: 10px 10px; outline: none; overflow: hidden; font: 12px; margin: 20px 0 0 0; width: 68%; max-width: 100%; display: block; margin-bottom: 10px; background: #fff; border: none; }
input#mc-embedded-subscribe.button { float: right; clear: both; color: #5d2331; background: #ded8d4; border: none; font-weight: normal; cursor: pointer; display: inline-block; font-size: 12px; height: 32px; line-height: 32px; margin: -45px 5px 0px 0; padding: 0 10px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; }
.bg1 .cbp-so-section .one_third { margin-bottom: 0; }
/****************************** Home Content- Wines ******************************/
.wines { margin-top: 60px; margin-bottom: -70px; }
.main { margin-top: 60px; }
.wines .title { text-align: center; margin-bottom: 10px; }
.wines h4 { padding: 20px 0 10px 0; border-top: 8px solid #ded8d4; display: inline-block; font-weight: 300; letter-spacing: .4em; font-size: 1em; }
/* General grid styles */
.cbp-ig-grid { list-style: none; padding: 0 0 50px 0; margin: 0; }
    /* Clear floats */
    .cbp-ig-grid:before, .cbp-ig-grid:after { content: " "; display: table; }
    .cbp-ig-grid:after { clear: both; }
    /* grid item */
    .cbp-ig-grid li { width: 25%; float: left; height: 420px; text-align: center; /*border-bottom: 1px solid #ded8d4;*/ }

        /* we are using a combination of borders and box shadows to control the grid lines */
        /*.cbp-ig-grid li:nth-child(3n-1), .cbp-ig-grid li:nth-child(3n-2) { box-shadow: 1px 0 0 #ded8d4; }*/
        /* anchor style */
        .cbp-ig-grid li > a { display: block; height: 100%; color: #e9e4e1; position: relative; /*-webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; background-color: #FFF; border-right: 1px solid #000;*/ }
.alternate-image { left: 0; position: absolute; top: 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; }
/* the icon with pseudo class for icon font */
.cbp-ig-icon { padding: 30px 0 0 0; display: block; -webkit-transition: -webkit-transform 0.2s; transition: -moz-transform 0.2s; transition: transform 0.2s; }
    .cbp-ig-icon:before { font-size: 14em; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.cbp-ig-grid li.listspecial > a { background: #f5f0ec; }
/* title element */
.cbp-ig-grid .cbp-ig-title { margin: 20px 0 10px 0; padding: 20px 0 0 0; font-size: 1.4em; text-transform: none; /*color: #5d2331;*/ color: #fff; font-weight: bold; font-family: 'Lora', serif; position: relative; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; }
    .cbp-ig-grid .cbp-ig-title:before { content: ''; position: absolute; background: #5d2331; width: 160px; height: 6px; top: 0px; left: 50%; margin: -10px 0 0 -80px; -webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */ -moz-transition: margin-top 0.2s; transition: margin-top 0.2s; }
.cbp-ig-grid .cbp-ig-category { text-transform: uppercase; display: block; font-size: 1em; letter-spacing: 1px; color: #5d2331; -webkit-transform: translateY(10px); -moz-transform: -moz-translateY(10px); -ms-transform: -ms-translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; -webkit-transition: transform 0.3s, opacity 0.2s; }
.cbp-ig-grid li:hover .cbp-ig-category, .touch .cbp-ig-grid li .cbp-ig-category { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
/* Hover styles */

/*.cbp-ig-grid li > a:hover { background: #e9e4e1; }*/
.cbp-ig-grid li > a:hover .cbp-ig-icon { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }
/*.cbp-ig-grid li > a:hover .cbp-ig-icon:before, .cbp-ig-grid li > a:hover .cbp-ig-title { color: #5d2331; }*/
.cbp-ig-grid li > a:hover .cbp-ig-title { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
    .cbp-ig-grid li > a:hover .cbp-ig-title:before { background: #fff; margin-top: 80px; }
.cbp-ig-grid li > a:hover .alternate-image { opacity: 1; }

.product-detail { overflow: auto; }
    .product-detail .tab { background-color: #f1ece9; color: #5d2331; padding: 5px 15px; display: block; width: 38%; float: left; border-right: 1px solid #FFF; cursor: pointer; font-family: "Ubuntu",sans-serif; }
        .product-detail .tab.selected { background-color: #5d2331; color: #FFF; }
div[name="descrizione"] { display: none; }


@media screen and (max-width: 62.75em) {
    .cbp-ig-grid li { width: 100%; }
        .cbp-ig-grid li:nth-child(3n-1), .cbp-ig-grid li:nth-child(3n-2) { box-shadow: none; }
        .cbp-ig-grid li:nth-child(-n+2) { border-top: none; }

    /*.cbp-so-section { padding: 0 30px; }*/
    .cbp-ig-grid.home li a img { height: 320px !important; }
    #bg1 { display: none; }

    .cbp-ig-grid.wine li a img { height: 240px !important; }
    .two_third.newsarticles { padding-left: 30px !important; width: 61.33% !important; }
    .newsarticles p.meta { font-size: 12px !important; }
    .product-detail .tab { font-size: 0.8em; width: 36%; }

    .instafeed a { height: 42px!important; }
}

@media screen and (max-width: 41.6em) {
    .cbp-ig-grid li { width: 100%; }
        .cbp-ig-grid li:nth-child(2n-1) { box-shadow: none; }
        .cbp-ig-grid li:first-child { border-top: none; }
    .cbp-ig-grid.home li a img { height: 318px !important; }
}

@media screen and (max-width: 25em) {
    .cbp-ig-grid { font-size: 80%; }
        .cbp-ig-grid .cbp-ig-category { margin-top: 20px; }
}
/****************************** Home Two ******************************/
#bg { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; background: #fff url(../images/bg4.jpg) no-repeat; height: 700px; background-size: cover; }
#wrapper { position: absolute; top: 700px; left: 0; width: 100%; z-index: 3; }
#wrapper-inner { float: left; width: 100%; height: 100%; background: #fff; }
.hometwosep { margin-top: 60px; }
/****************************** Story ******************************/
#bg1 { width: 100%; background: #fff url(../images/bg5.jpg) no-repeat; height: 366px; background-size: 100%; }
#wrapper1 { position: absolute; /*top: 500px;*/ left: 0; width: 100%; z-index: 3; }
#wrapper-inner { float: left; width: 100%; height: 100%; background: #161616; }
.hometwosep { margin-top: 60px; }
.history { background: #f1ece9; padding: 30px; margin-top: 60px; }
.timeline { margin: 20px 0 40px 0; }
.historyone { background: #000; padding: 20px; }
    .historyone p { color: #fff; }
    .historyone h2 { color: #363636; font-size: 3em; font-family: 'Lora', serif; font-style: italic; text-shadow: none; }
/*.historytwo { background: #e9e4e1; padding: 20px; }*/
.historytwo p { color: #FFF; padding-top: 15px; }
.historythree { background: #f1ece9; margin: 0 0 6px 0; padding: 20px; }
    .historythree h2 { color: #fff; font-size: 3em; font-family: 'Lora', serif; font-style: italic; text-shadow: none; }
    .historythree p { border-left: 10px solid #fff; padding: 0 0 0 30px; }
.timeline img { margin-bottom: -10px; }
.historytwo h2 { font-size: 3em; font-family: 'Lora', serif; font-style: italic; color: #fff; text-shadow: none; }
p.quote { font-size: 1em; font-style: italic; }
.socials { margin-top: 20px; }
ul.socials li { display: inline-block; padding: 5px; }
/****************************** Visit Us ******************************/
#bg2 { width: 100%; background: #fff url(images/visitus.jpg) no-repeat; height: 500px; background-size: cover; }
.visitus { margin-top: 60px; }
    .visitus .title { margin-bottom: 100px; }
    .visitus .home-welcome h3 { margin-top: 0; }
.room-item { position: relative; display: table; vertical-align: top; height: 290px; width: 100%; margin: 0 -4px 15px 0; font-size: 13px; letter-spacing: .05em; background: #f1ece9; text-transform: uppercase; }
.room-date { width: 15%; text-align: center; background-color: #000; font-family: 'Lora', serif; padding: 0 10px; }
.room-date, .room-details, .room-item-img-area, .room-item img { display: table-cell; vertical-align: middle; height: 290px; }
.room-date-room { font-size: 1.6em; color: #525151; font-weight: bold; text-transform: none; }
.room-date-number { margin: 10px 0; font-size: 5em; line-height: 1; color: #f1ece9; font-weight: bold; }
.room-details { padding: 0 40px; color: #261c16; }
h4.room-location { text-transform: none; font-family: 'Lora', serif; font-style: italic; margin-top: 15px; }
h4.room-category { font-weight: 700; letter-spacing: .3em; }
.openhours { background: #f1ece9; padding: 20px; text-align: center; }
/****************************** Wines ******************************/
#bg3 { width: 100%; background: #fff url(images/wines.jpg) no-repeat; height: 500px; background-size: cover; }
span.price { position: relative; clear: both; float: right; margin-right: 20px; background: #5d2331; padding: 8px; color: #fff; font-size: 1.6em; font-family: 'Lora', serif; font-weight: 800; text-shadow: none; }
.bg1 .two_third { margin-bottom: 0; }
.room-item img { width: 100%; height: auto; }
.room-details ul { margin: 20px 0 0 20px; }
    .room-details ul li { font-size: 1.1em; font-family: 'Lora', serif; list-style: decimal; padding: 5px 0; font-style: italic; text-transform: none; }
.two_third_wines h4 { font-size: 1.6em; margin-bottom: 15px; }
.two_third_wines p.special { text-transform: none; font-size: 1.2em; }
.two_third_wines .room-location.events { font-size: 1.2em; margin-top: 25px; background: #ded8d4; padding: 5px 10px; text-shadow: none; }
/*************************************** Blog ****************************************/
.blog { padding-top: 50px; margin-bottom: -80px; }
a.button { display: inline-block; margin-top: 20px; font-size: 1.2em; padding: 5px 16px; color: #5d2331; border: 2px solid #f1eedf; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #fff; background: -moz-linear-gradient(top, #fff 0, #fdfcf6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fdfcf6)); background: -webkit-linear-gradient(top, #fff 0, #fdfcf6 100%); background: -o-linear-gradient(top, #fff 0, #fdfcf6 100%); background: -ms-linear-gradient(top, #fff 0, #fdfcf6 100%); background: linear-gradient(top, #fff 0, #fdfcf6 100%); zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fdfcf6'); outline: none; cursor: pointer; }
.newsarticles article { margin-bottom: 120px; }
.newsarticles .newstitle { position: relative; float: left; }
.newsarticles p.meta { float: right; margin-left: 10px; background: #000; padding: 5px; color: #fff; font-weight: bold; font-size: 16px; text-align: center; text-transform: uppercase; }
span.numb { border-top: 2px solid #626262; }
.newsarticles h3 a { font-family: 'Lora', serif; text-transform: none; color: #5d2331; font-weight: 800; }
.newsbody, .newsbody p { color: #000; }
.newsarticles h4 { margin: 10px 0 15px 0; border-left: 4px solid #000; padding: 0 0 0 10px; font-size: 0.9em; letter-spacing: .2em; font-weight: 100; color: #868080; }
    .newsarticles h4 a { text-transform: none; font-size: 0.9em; letter-spacing: .2em; font-weight: 500; color: #868080; }
.video-holder { float: left; width: 100%; height: 100%; margin-bottom: 15px; }
.video-container { position: relative; padding-bottom: 50%; height: 0; overflow: hidden; margin-bottom: 5px; }
    .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.newssidebar { background: #f1ece9; padding: 20px 0 40px 0; margin-top: -100px; border-top: 50px solid #000; }
.inner { padding: 0 20px; }
.newssidebar h3 { font-size: 1.4em; margin-top: 20px; font-style: italic; text-transform: none; color: #5d2331; font-weight: bold; font-family: 'Lora', serif; }
.newssidebar .intro { text-align: left; }
.newssidebar ul.sidebarlist { margin-left: 20px; }
    .newssidebar ul.sidebarlist li { font-size: 1.1em; font-family: 'Lora', serif; list-style: decimal; padding: 5px 0; font-style: italic; text-transform: none; }
.newssidebar .home-welcome h4 { font-size: 1em; }
.newssidebar p { font-size: 1.1em; }
.newssidebar a.morebutton { font-size: .8em; font-weight: 800; }
.newssidebar .flexslider { margin-bottom: 10px; }
.blog p.quote { border-left: 10px solid #f1ece9; padding: 0 0 0 30px; font-size: 1.2em; }
div[name='scheda-tecnica'], div[name='scheda-tecnica'] p,
div[name='descrizione'], div[name='descrizione'] p { color: #000 !important; font-family: 'Open Sans',sans-serif; }
/******************************* Single Blog / Comments  *******************************/
#commentsbox { background: #f1ece9; padding: 30px 0 60px 0; margin-bottom: -60px; }
    #commentsbox h2 { text-align: right; margin-bottom: 30px; font-size: 1.6em; }
div#comments { margin-bottom: -10px; }
ul#articleCommentList li { overflow: hidden; }
    ul#articleCommentList li ul { margin-left: 50px; }
div.commentMeta { width: 100px; margin-right: 40px; float: left; text-align: right; overflow: hidden; }
    div.commentMeta p { float: right; margin-top: 0px; padding: 0 10px 0 0; font-size: 1.2em; font-weight: 800; color: #5d2331; }
img.user { background: #fff; }
div.commentBody { background-color: white; padding: 30px 15px 20px 15px; margin: 0px 0 20px 140px; }
    div.commentBody h3 { background-color: #000; padding: 5px 10px; font-size: 14px; margin-top: -10px; margin-bottom: 10px; display: inline-block; }
        div.commentBody h3 a { color: #fff; }
span.adminIcon { font-size: .8em; background-color: #000; padding: 6px 10px; width: 60px; text-align: center; margin-top: -10px; color: #fff; font-weight: 800; }
h2#commentFormHeading { margin: 0px 0 30px 0; }
div#comments a.buttonLink { margin-left: -30px; }
/****************************** Contact ******************************/
#bg4 { width: 100%; background: #fff url(images/contactpage.jpg) no-repeat; height: 500px; background-size: cover; }
.contactpage { padding-top: 50px; }
    .contactpage .contact_form { background-color: #f1ece9; }
        .contactpage .contact_form input[type="text"] { border: 1px solid #fff; background-color: #fff !important; }
        .contactpage .contact_form input#email { border: 1px solid #fff; background-color: #fff !important; }
        .contactpage .contact_form textarea { border: 1px solid #fff; background-color: #fff !important; }
/******************************* CONTACT FORM -  for blog and contact page  *******************************/
#contactForm { margin-bottom: -40px; }
.contact_form { background-color: #fff; }
    .contact_form .name { padding: 30px 0px 0 20px; }
    .contact_form .email { padding-left: 20px; padding-top: 10px; }
    .contact_form p { margin-bottom: 10px; padding-top: 5px; font-style: italic; font-size: 1em; color: #000; }
    .contact_form .message { padding-left: 20px; padding-top: 10px; }

#mc_embed_signup .contact_form p { color: #000 !important; }
#mc_embed_signup .contact_form { background-color: transparent; }
    #mc_embed_signup .contact_form .name { padding: 0; overflow: hidden; }
    #mc_embed_signup .contact_form input[type='text'],
    #mc_embed_signup .contact_form textarea { background-color: #FFF; width: 100%; font-family: "Ubuntu",sans-serif !important; font-size: 1em !important; }

div#loader { margin-left: 20px; margin-bottom: 30px; }
.contact_form input[type="text"] { border: 1px solid #f1ece9; background-color: #f1ece9; height: 30px; padding: 0 10px; width: 60%; margin-bottom: 20px; }
.contact_form input#email { border: 1px solid #f1ece9; background-color: #f1ece9; height: 30px; padding: 0 10px; width: 60%; margin-bottom: 20px; }
.contact_form textarea { border: 1px solid #f1ece9; background-color: #f1ece9; width: 90%; margin-bottom: 20px; }
.contact_form label { margin-right: 20px; font-size: 12px; font-weight: bold; color: #5d2331; text-transform: uppercase; letter-spacing: .2em; }
    .contact_form label span { color: #514050; }
.contact_form input[type="text"]:focus, .contact_form input[type="text"]:hover, .contact_form textarea:focus, .contact_form textarea:hover, .contact_form input[type="text"]:focus, .contact_form input[type="text"]:hover, .contact_form textarea:focus, .contact_form textarea:hover { background-color: #efede9; }
.contact_form input[type="submit"] { display: inline-block; margin: 20px 0; font-size: 1em; padding: 5px 16px; color: #5d2331; border: 2px solid #f1eedf; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #fff; background: -moz-linear-gradient(top, #fff 0, #fdfcf6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fdfcf6)); background: -webkit-linear-gradient(top, #fff 0, #fdfcf6 100%); background: -o-linear-gradient(top, #fff 0, #fdfcf6 100%); background: -ms-linear-gradient(top, #fff 0, #fdfcf6 100%); background: linear-gradient(top, #fff 0, #fdfcf6 100%); zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fdfcf6'); outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
ul.list li { padding: 10px 0; font-size: 1.2em; font-family: 'Lora', serif; }
a.location { margin-top: 20px; background: #e9e4e1; padding: 10px; text-align: center; font-size: 1.2em; text-transform: uppercase; letter-spacing: .5em; display: block; }
/****************************** Footer ******************************/
#footerblock { background: #161616; margin-top: 60px; border-top: 4px solid #faf5d9; padding: 30px 15px 15px; }
.footer { padding: 40px 0; }
    .footer img { margin-bottom: 15px; }
    .footer p { color: #fff; }
    .footer h3 { color: #f1ece9; font-size: 1.3em; text-shadow: none; }
    .footer ul li { font-family: 'Lora', serif; font-size: 1.1em; }
    .footer h3.footerspecial { font-size: 1.6em; font-style: italic; text-transform: none; font-weight: bold; font-family: 'Lora', serif; margin-bottom: 30px; }
    .footer h4 { letter-spacing: .3em; font-size: 1em; line-height: 1.8em; color: #fff; }
    .footer ul.blogroll li { padding: 20px 0; border-bottom: 1px dashed #363636; }
        .footer ul.blogroll li a { color: #fff; }
.latestevent ul { margin-bottom: 10px; }
    .latestevent ul li { padding: 10px 0; color: #fff; }
span.color { color: ##f1ece9; }
.latestevent ul li.highlight { background: #5d2331; padding: 5px; text-align: center; }
    .latestevent ul li.highlight a { color: #fff; }
p.copyright { font-size: 1em; text-align: center; color: #a7a4a1; }
.footer a.homebutton { display: inline-block; margin-top: 20px; font-size: 1.2em; padding: 5px 16px; color: #fff; border: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #5d2331; outline: none; cursor: pointer; }
.footer .contact p { font-size: 1.1em; }
/****************************** Shortcodes ******************************/
/* Content Shortcodes */
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.one_fifth { width: 16.8%; }
.one_sixth { width: 15%; }
/*.one_half, .one_third, .two_third, .one_fourth, .one_fifth { margin-right: 4%; margin-bottom: 10px; float: left; } [JD] questa era la regola originale*/
.one_half, .one_third, .two_third, .one_fourth, .one_fifth { margin-right: 20px; margin-bottom: 20px; float: left; }
.one_half1 { margin-right: 1%; margin-bottom: 10px; float: left; }
.one_half1 { width: 49.5%; }
.one_sixth { margin-right: 2%; margin-bottom: 20px; float: left; }
.lastcolumn { margin-right: 0 !important; clear: right; }
.one_third_wines { width: 34.66%; }
.two_third_wines { width: 65.33%; }
.one_third_wines, .two_third_wines { margin-right: 0; margin-bottom: 10px; float: left; }
/* #Page Styles
================================================== */
.content { padding-top: 20px; }
    .content.right { float: right; }


/* #Custom Ribo
================================================== */
.parallax { text-align: center; background: url("/Content/MedolagoAlbani/images/wine-bottle-sizes-4.jpg") 50% 0 repeat fixed; padding: 60px 0; }
    .parallax h2, .parallax h4 { color: #FFF; }

.news-container { padding-top: 100px; }
    .news-container h2, .news-container h4 { text-align: center; }
    .news-container h4 { margin-bottom: 60px; }

.cbp-ig-grid.home li a img { height: 400px; }

.instafeed { padding: 0 45px; overflow: auto; padding-bottom: 45px; }
.instafeed a { float: left; width: 33.333%; height: 100px; overflow: hidden; }
    .instafeed img { width: 100%; height: auto; transform: scale(1.8) translate(0%,22%); }


/* #Media Queries
================================================== */
/* Smaller than standard 1600 (devices and browsers) */
@media only screen and (max-width: 1599px) {
    .caption { width: 30%; }
        .caption p { font-size: 1.2em; }
    #bg { height: 500px; }
    #wrapper { top: 500px; }
}
/* Smaller than standard 1200 (devices and browsers) */
@media only screen and (max-width: 1199px) {
    .caption { width: 30%; }
        .caption p { font-size: 1.1em; }
    #bg { height: 500px; }
    #wrapper { top: 500px; }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1024px) {
    .instafeed a { height: 70px; }
}

@media only screen and (max-width: 375px) {
    .instafeed a { height: 73px!important; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .caption { display: none; }
    .logo { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
    nav { float: left; margin-top: 40px; }
    .header { padding: 0 0 30px 0; }
    .bg1 .cbp-so-section .home-banner-event { padding: 40px 20px 120px 20px; }
    #bg { height: 0; }
    #wrapper { top: 0; }
    .newsarticles .newstitle { width: 80%; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth, .one_half1, .one_third_wines, .two_third_wines { width: 100%; }
        .one_half a,
        .one_third a,
        .two_third a,
        .one_fourth a,
        .one_fifth a,
        .one_sixth a,
        .one_half1 a,
        .one_third_wines a,
        .two_third_wines a { float: none !important; }
    #navigation { float: left; width: 100%; margin-top: -45px; }
    .logo { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
    .caption { display: none; }
    .bg { background: #f1ece9; background-position: none; background-repeat: no-repeat; background-size: none; padding: 50px 0 5px 0; margin-bottom: 60px; background-image: none !important; }
    h2.transparent { color: #000; font-size: 4em; margin-bottom: 0; }
    #bg { height: 0; }
    #wrapper { top: 0; }
    .newsarticles .newstitle { width: 80%; }
    .blog { margin-bottom: 0; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #navigation { float: left; width: 100%; margin-top: -45px; }
    .logo { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
    .logo { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
    .caption { display: none; }
    .intro h1 { line-height: 1.4em; }
    h3 { line-height: 1.4em; }
    .bg1 { padding: 0 0 20px 0; }
    #bg { height: 0; }
    #wrapper { top: 0; }
    .newsarticles .newstitle { width: 80%; }
    #contactForm { margin-bottom: 150px; }
    .cbp-so-side { min-height: 8em; }
    #bg1, #bg2, #bg3, #bg4 { height: 300px; }
    #wrapper1 { top: 300px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #navigation { float: right; width: 100%; margin-top: -45px; }
    .logo { display: block; margin-left: auto; margin-right: auto; float: none; text-align: center; }
    .caption { display: none; }
    .intro h1 { line-height: 1.4em; }
    h3 { line-height: 1.4em; }
    .bg1 { padding: 0 0 20px 0; }
    .newsarticles .newstitle { width: 60%; }
    .newsarticles h3 a { font-size: .9em; }
    #contactForm { margin-bottom: 150px; }
    h2.transparent { font-size: 3em; display: none; }
    .cbp-so-side { min-height: 5em; }
    #bg1, #bg2, #bg3, #bg4 { /*height: 300px;*/ display: none; }
    /*#wrapper1 { top: 300px; }*/
    .flex-direction-nav a { display: none; }
    .contact_form textarea { width: 85%; }
    .g-recaptcha iframe { transform: scale(0.7); margin-left: -40px; }
    .cbp-ig-grid.wine li { width: 100% !important; }
        .cbp-ig-grid.wine li a img { height: auto !important; }
    .alternate-image { display: none !important; }
    .two_third.newsarticles { padding-left: 0px !important; width: 100% !important; }
    .product-detail .tab { float: left !important; }
}
/* Responsive Menu
================================================== */

ul#nav { visibility: visible; }
#responsive-menu { display: none; }

@media only screen and (max-width: 767px) {
    ul#nav { visibility: hidden; height: 0; }
    #responsive-menu { display: inline-block; width: 100%; margin-top: 20px; }
}


#intro-text h1 {
    font-size: 1.6em;
    line-height: 1.4em;
}

@media only screen and (min-width: 1025px) {
    .news-container .one_half.lastcolumn {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 1199px) {
    #wrapper {
        top: 390px;
    }
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    #wrapper {
        top: 0;
    }
}

@media only screen and (max-width: 767px) {
    #wrapper {
        top: 0;
    }
}