/* ==========================================================================
   Helixconcept styles
   ========================================================================== */

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }


img,
object,
embed {
	max-width: 100%;
	height: auto; }

object,
embed {
	height: 100%; }

html,
button,
input,
select,
textarea {
	color: #222;
}
.placeholder {
	color: #aaa !important;
}

body {
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0 0 4.625em 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


/* ==========================================================================
   Custom styles
   ========================================================================== */


body {
	background: #000;
	margin:0;
	padding:0;
	color: #282525;
}
.masthead-text {
	-webkit-animation: fadeintext 2s;
	-moz-animation: fadeintext 2s;
}


/* ===== Animations
============================================================================ */
/*
	Fade in animation
*/

@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeintext {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeintext {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;

}


#content {
	-webkit-animation-name: fade-in;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 0.5s;
	-moz-animation-name: fadeIn;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 0.5s;

}
.columns ul{
	padding-left: 40px;
}
.columns .pagination ul {
	padding-left: 0;
}


header {

	background-color: #fff;
	padding: 5px 0 0 0;
	/*	height: 180px;*/
	position: relative;

}

#site-logo {
	text-indent: -9999px;
	display: block;
	background: url(../images/css/logo-helix.png);
	width: 179px;
	height: 129px;
	margin-top: 5px;
	margin-left: 0.9375em;
	position: absolute;
	z-index: 1;
}


h1, h2, h3, h4, h5, h6{
	margin:0;
}


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



.is-inverted {
	color: #fff;
}

/* Language selector */

.languages {
	float: right;
	list-style: none;

	margin: 0.25em 0.25em 0.5em;
	padding: 0;
}
.languages li {
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 0.75em;
	/*margin-left: 5px;
	float: left;*/
	z-index: 10;
	display: inline-block;
	position: relative;
}
.languages li a {
	padding: 7px 10px;
	font-size:0.7rem;
	text-transform: uppercase;
	-webkit-transition: color .3s ease, background .3s ease;
	-moz-transition: color .3s ease, background .3s ease;
	-o-transition: color .3s ease, background .3s ease;
	transition: color .3s ease, background .3s ease;
}
.languages li a:hover {
	color: #fff;
	background-color: #000;
}
.languages li a.active {
	background-color: #000;
	color: #fff;
}

/* Icomoon icon font */
@font-face {
	font-family: 'helix';
	src:url('fonts/helix.eot');
	src:url('fonts/helix.eot?#iefix') format('embedded-opentype'),
	url('fonts/helix.woff') format('woff'),
	url('fonts/helix.ttf') format('truetype'),
	url('fonts/helix.svg#helix') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'helix';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-menu,
.icon-mail,
.icon-home,
.icon-arrow-right,
.icon-faq,
.icon-download,
.icon-arrow-down,
.icon-plus,
.icon-minus  {
	font-family: 'helix';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin-right: 10px;
}
.icon-menu:before {
	content: "\e000";
}
.icon-home:before {
	content: "\e001";
}
.icon-arrow-right:before {
	content: "\e002";
}
.icon-faq:before {
	content: "\e003";
}
.icon-mail:before {
	content: "\e004";
}
.icon-arrow-down {
	margin-right: 0;
}
.icon-arrow-down:before {
	content: "\e005";
}
.icon-download:before {
	content: "\e006";
}
.icon-plus:before {
	content: "\e007";
}
.icon-minus:before {
	content: "\e008";
}
.icon-plus.active:before {
	content: "\e008";
}

@font-face {
	font-family: 'helix_update';
	src:url('fonts/helix_update.eot?-u1vqzc');
	src:url('fonts/helix_update.eot?#iefix-u1vqzc') format('embedded-opentype'),
	url('fonts/helix_update.ttf?-u1vqzc') format('truetype'),
	url('fonts/helix_update.woff?-u1vqzc') format('woff'),
	url('fonts/helix_update.svg?-u1vqzc#helix_update') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-bottles, .icon-press, .icon-camera, .icon-Award, .icon-home2 {
	font-family: 'helix_update';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 10px;
}

.icon-menu:before ,
.icon-mail:before ,
.icon-home:before ,
.icon-arrow-right:before ,
.icon-faq:before ,
.icon-download:before ,
.icon-arrow-down:before ,
.icon-plus:before ,
.icon-minus:before,
.icon-home2:before,
.icon-bottles:before,
.icon-press:before,
.icon-camera:before,
.icon-Award:before {
	-moz-transition: all 250ms cubic-bezier(.42,0,.58,1);
	-ms-transition: all 250ms cubic-bezier(.42,0,.58,1);
	-o-transition: all 250ms cubic-bezier(.42,0,.58,1);
	-webkit-transition: all 250ms cubic-bezier(.42,0,.58,1);
	transition: all 250ms cubic-bezier(.42,0,.58,1);
}

.icon-home2:before {
	content: "\e604";
}

.icon-bottles:before {
	content: "\e600";
}
.icon-press:before {
	content: "\e601";
}
.icon-camera:before {
	content: "\e602";
}
.icon-Award:before {
	content: "\e603";
}

/*
nav #nav-menu a:hover > .icon-menu:before,
nav #nav-menu a:hover > .icon-mail:before,
nav #nav-menu a:hover > .icon-home:before,
nav #nav-menu a:hover > .icon-arrow-right:before,
nav #nav-menu a:hover > .icon-faq:before,
nav #nav-menu a:hover > .icon-download:before,
nav #nav-menu a:hover > .icon-arrow-down:before,
nav #nav-menu a:hover > .icon-plus:before,
nav #nav-menu a:hover > .icon-minus:before,
nav #nav-menu a:hover > .icon-bottles:before,
nav #nav-menu a:hover > .icon-press:before,
nav #nav-menu a:hover > .icon-camera:before,
nav #nav-menu a:hover > .icon-Award:before{
	color:#a3a3a3;

}*/


/* ==============
    MOBILE: Menu
   ============== */
nav {
	/*height: 40px;*/

	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
	clear: both;
	-webkit-transform: translate3d(0, 0, 0);
}
nav[role="navigation"] {
	padding: 70px 0 0 0;
}

nav a {
	font-family: "ff-din-round-web", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
}


#nav-control a {
	display: inline-block;
	float: right;
	padding: 10px;
	width: 48px;
	height: 48px;
	margin-right: 0.9375em;
	/*background: #fff url(../images/css/nav-collapsed.png) no-repeat 10px 12px;
	text-indent: 9999px;*/
	overflow: hidden;
	border: none;
	color: #282525;
}

nav.expanded {
	/* 	height: auto !important;
			-webkit-transition: height 0.35s ease;
			-moz-transition: height 0.35s ease;
			-o-transition: height 0.35s ease;
			transition: height 0.35s ease;*/
}
nav.expanded #nav-control a {
	background-color: #242423;
	color: #fff;
	line-height: 1;
}

nav ul {
	margin: 0;
	padding: 0;
}

nav #nav-menu {
	background-color: #242423;
	clear: both;
	overflow: hidden;
	height: 0;
	-moz-transition: all 250ms cubic-bezier(.42,0,.58,1);
	-ms-transition: all 250ms cubic-bezier(.42,0,.58,1);
	-o-transition: all 250ms cubic-bezier(.42,0,.58,1);
	-webkit-transition: all 250ms cubic-bezier(.42,0,.58,1);
	transition: all 250ms cubic-bezier(.42,0,.58,1);
}

nav #nav-menu ul ul {
	margin-left: 0;
}

nav #nav-menu a {
	/*line-height: 44px;*/
	background-color: #242423;
}
nav #nav-menu a:hover {
	/*line-height: 44px;*/
	background-color: #000;
}
nav a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 10px 0.9375em 10px  0.9375em ;
	/*padding: 10px 0.5em 10px  0.5em ;*/
	border-bottom: 1px solid #000;
	font-size: 24px;
	font-size: 1.5em ;
}
nav a.home {

}
nav a.active {

}
nav a:visited {
	color: #fff;

}
nav a:hover {
	text-decoration: none;
	color: #fff;
}

.nav-submenu {
	margin: 0;
	list-style: none;
}

.nav-submenu a,
.nav-submenu a:visited  {
	color: #929291;
	font-weight: 300;
}

.nav-submenu a:hover {
	color: #fff;
}
.nav-submenu a.here {
	color: #fff;
}
.submenu {
	display: none;
}

.nav-submenu.level2 {
	background-color: #242423;
}


#scroll-down-arrow {
	display: block;
	width: 84px;
	height: 84px;
	background-color: #fff;
	position: absolute;
	z-index: 2;
	bottom: -42px;
	left: 50%;
	margin-left: -42px; /* Half the width */
	color: #424143;
	font-size: 36px;
	line-height: 84px;
	text-align: center;
	border-radius: 50%;

}

/* ===== Video Homepage
============================================================================ */
#play-btn {

	width: 88px;
	height: 90px;
	position: absolute;
	right: 0;
	z-index: 3;
	left: 50%;
	margin-left: -44px; /* Half the width */
	text-align: center;
	background: url(../images/css/playbtn.png) no-repeat;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	padding-top: 90px;
	display: none;


}

#play-btn:visisted,
#play-btn:hover {
	color: #fff;
}
.close-btn {
	width: 29px;
	height: 28px;
	background: url(../images/css/closebtn.png) no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
	#play-btn {
		background: url(../images/css/playbtn@2x.png) no-repeat;
		background-size: 87px 87px;

	}

	.close-btn {
		background: url(../images/css/closebtn@2x.png) no-repeat;
		background-size: 29px 28px;
	}

	#site-logo {
		background: url(../images/css/logo-helix@2x.png) no-repeat;
		background-size: 179px 129px;
	}


}

.video-bg {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 190;
	width: 100%;
	background-color: #000;
}

.video-holder {
	position: absolute;
	top: -580px;
	left: 50%;
	margin-left: -440px;
	width: 880px;
	height: 495px;
	z-index: 200;
}

a.close-btn {
	display: block;
	position: absolute;
	width: 38px;
	height: 38px;
	right: -50px;
	/*background: url() no-repeat -550px -10px;*/
}


/* ===== masthead
============================================================================ */
.masthead {
	background-color: #000;
}
.home .masthead {
	padding-bottom: 0;
	padding-top: 74px;
}
.home .masthead .columns {
	overflow: hidden;
}

.helix-undescore {
	display: block;
	margin-top: -20px;
	margin-bottom: 60px;
	line-height: 10px;
}
#bottle-wrap {
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	background-image: url(../images/layout/bottle-home.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left top;
}

#bottle-wrap img {
	width: auto;
	/*max-height: 100%;*/
	height: 100%;
	max-width: 100% !important;


}
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
	/* Styles */
	#bottle-wrap {
		background-position: 80px top;
	}
}

/* Styles for screens that smaller than 740; */
@media only screen and (min-height: 740px) {
	.helix-undescore {

		margin-top: 0;
		margin-bottom: 100px;

	}

}

section {
	padding: 4.625em 0;
	background-color: #fff;
}

section.video-wrap {
	padding: 0;
}
div.video-wrap {
	margin-bottom: 1.25em;
}

iframe {
	border: none;
}


/* Footer */

footer {
	padding: 4.625em 0;
	font-size: 14px;
	font-size: 0.875rem;
}
.about a,
footer a,
footer a:visited {
	text-decoration: none;
	border-bottom: 1px solid #4d4d4d;
	color: #fff;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in
}
.about a:hover,
footer a:hover,
footer a:active, a:focus {
	border-color: #fff
}


.contact-form-wrap {
	background-color: #111111;
	padding: 2em;
	margin-bottom: 2em;
}

.amorim-logo, .o-i-logo {
	width: auto;
	height: 66px;
	text-indent: -9999px;
	text-align: center;
	margin-bottom: 30px;
}
.amorim-logo {
	background: url(../images/css/amorim-logo.gif) no-repeat left center;
}

.o-i-logo {
	background: url(../images/css/o-i-logo.gif) no-repeat left center;
}

#copyright {
	clear: both;
	padding-top: 4.625em;
	font-size: 12px;
	color: #838383;
}

/* ===== Press Page
============================================================================ */
.press-image {
	max-height: 200px;
}

/* ===== Awards Page
============================================================================ */
.page-title-less-margin h1 {
	margin-bottom: 0.25em;
}
.awards-box {
	margin-top: 40px;
	padding-bottom: 25px !important;
}
.awards-pic-box {
	padding-left:0 !important;
}
.awards-box h2 {
	font-size:1.7em;
	margin-top:0;
}
.award-year {
	 border-bottom: 2px solid #000;
	 margin-bottom: 25px;
	 padding-left: 0 !important;
 }

.award-year h1 {
	background: #000;
	color: #fff;
	margin-bottom:0;
	font-size: 2.5rem !important;
	display: inline-block;
	padding: 10px 10px 3px 10px;
}

/* ===== BOTTLES PAGE
============================================================================ */
.helix-bottles, .helix-cork {
	margin-bottom: 70px !important;
	margin-top: 40px !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

.helix-bottle {
	text-align: center;
}

.middle-bottle {
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;

}

.bottles-masthead h1 {
	margin-bottom:0.2em;
	margin-top: 0.3em;
}

.helix-bottle h2, .helix-cork h2 {
	margin: 0;
	font-weight: 400;
	font-size: 2em;
}

.helix-bottle-text {
	width: 60%;
	margin: 20px auto;
}

.helix-links-p {
	margin-bottom: 10px;
	font-size: 0.9em;
	padding-top: 0 !important;
}

.helix-link {
	text-decoration: none;
	border-bottom: 1px solid #e2e3e3;
	color: #282525;
	margin-bottom: 10px;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}

.helix-link:hover {
	border-bottom: 1px solid #000;
}
.cork-2 h2 {
	padding-top: 0;
}


/* ===== FAQ
============================================================================ */

.faq-post {
	padding-bottom: 40px;
	margin-bottom: 30px;
	border-bottom: 1px solid #c6c7c8;
	position: relative
}
.faq-post ul {
	padding-left: 40px;
}
.faq-post h3 {
	margin-bottom: 5px;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 18px;
	font-size: 1.125rem;
}

.faq-list dt {
	padding: 5px;
	position: relative;
}
.faq-list dt a{
	/*color: #424143;*/
	display: block;
	height: auto;
	-webkit-transition: color .3s ease, background .3s ease;
	-moz-transition: color .3s ease, background .3s ease;
	-o-transition: color .3s ease, background .3s ease;
	transition: color .3s ease, background .3s ease;
}

.faq-list dd {
	padding-left: 30px;
	border-bottom: 1px dotted #c6c7c8;
}

.faq-title {
	padding-left: 30px;
}
.faq-list dt.active a {
	background: #f0f0f0;
}
.faq-list dt a:hover {
	background: #f0f0f0;
}
.faq-list .icon-plus {
	position: absolute;
	z-index: 2;
	padding: 10px 6px;
	font-size: 12px;
	width: 20px;
}


#bottle.fixed {
	position: fixed;
	top: 0;
	/*left: 66.66667%;*/

}
#bottle.bottom {
	position: absolute;
	top: auto;
	bottom: 0;
}


/* ===== Media Center Elements
============================================================================ */
article > h2 {
	margin-top: 0;
}

.post-date {
	font-size: 11px;
	letter-spacing: .3px;
	color: #999;
	text-transform: uppercase;
	line-height: 100%;
	margin-bottom: 1.5rem;
}


.article-source {

	letter-spacing: .3px;
	color: #999;
	line-height: 100%;
	margin-bottom: 1.5rem;
	margin-top: 20px;
}

.post-date a,
.article-source a,
.post-date a:visited,
.article-source a:visited {
	color: #999;
}
.post-date a:hover,
.article-source a:hover{
	color: #000;
}
.article-source a {
	border-bottom: 1px solid #e2e3e3;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}
.article-source a:active,
.article-source a:hover,
.article-source a:focus {
	border-color: #000;
}

.pagination-note {
	font-size: 11px;
	letter-spacing: .3px;
	color: #999;
	line-height: 100%;
	margin-bottom: 1.5rem;
}

.entry-post {
	padding-bottom: 40px;
	margin-bottom: 30px;
	border-bottom: 1px solid #c6c7c8;
	position: relative;
}

.entry-post h2 {
	margin-bottom: 5px;
}
.entry-post ul {
	padding-left: 40px;
}

.entry-post h3 {
	margin-bottom: 5px;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-style: bold;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.125rem;
}
.entry-post h2 + h3 {
	margin-top: 1.5em;
}

.latest-entries {
	list-style: none;
}
.latest-entries {
	font-size: 14px;
	font-size: 0.875rem;
}
.latest-entries a {
	display: block;
	padding: 10px 5px;
	border-bottom: 1px solid #c6c7c8;
	-webkit-transition: color .3s ease, background .3s ease;
	-moz-transition: color .3s ease, background .3s ease;
	-o-transition: color .3s ease, background .3s ease;
	transition: color .3s ease, background .3s ease;
}
/*.latest-entries span.post-date {
	float: left;
	width: 25%;
	line-height: 1.6rem;
	margin-bottom: 0;


}*/

.latest-entries li {
	clear: both;

}

.latest-entries p {
	margin-bottom: 0;
}

/*.latest-entries p {
	float: right;
	width: 75%;
	margin-bottom: 0;
}*/
.latest-entries a:hover {
	background: #f0f0f0;
}


article a,
article a:visited {
	text-decoration: none;
	border-bottom: 1px solid #e2e3e3;
	color: #282525;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in
}

article a:active,
article a:hover,
article a:focus {
	border-color: #000;
}
article h2 a,
article a.iconlink,
a.iconlink {
	border:none;
}

/* ===== Pagination
============================================================================ */
.pagination {
	margin: 20px 0;
}

.pagination ul {
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	margin-left: 0;

	*zoom: 1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
	display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
	float: left;
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
	color: #999999;
	cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #999999;
	cursor: default;
	background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
}





/* ===== Grid HTML Classes
============================================================================ */
.row {
	width: 100%;
	/*min-width: 480px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 1200px;
	position: relative;
	*zoom: 1; }
.row:before, .row:after {
	content: " ";
	display: table; }
.row:after {
	clear: both; }
.row.collapse .column,
.row.collapse .columns {
	position: relative;
	padding-left: 0;
	padding-right: 0;
	float: left; }
.row .row {
	width: auto;
	margin-left: -0.9375em;
	margin-right: -0.9375em;
	margin-top: 0;
	margin-bottom: 0;
	max-width: none;
	*zoom: 1; }
.row .row:before, .row .row:after {
	content: " ";
	display: table; }
.row .row:after {
	clear: both; }
.row .row.collapse {
	width: auto;
	margin: 0;
	max-width: none;
	*zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after {
	content: " ";
	display: table; }
.row .row.collapse:after {
	clear: both; }

.column,
.columns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	width: 100%;
	float: left; }

@media only screen {
	.column,
	.columns {
		position: relative;
		padding-left: 0.9375em;
		padding-right: 0.9375em;
		float: left; }

	.small-1 {
		position: relative;
		width: 8.33333%; }

	.small-2 {
		position: relative;
		width: 16.66667%; }

	.small-3 {
		position: relative;
		width: 25%; }

	.small-4 {
		position: relative;
		width: 33.33333%; }

	.small-5 {
		position: relative;
		width: 41.66667%; }

	.small-6 {
		position: relative;
		width: 50%; }

	.small-7 {
		position: relative;
		width: 58.33333%; }

	.small-8 {
		position: relative;
		width: 66.66667%; }

	.small-9 {
		position: relative;
		width: 75%; }

	.small-10 {
		position: relative;
		width: 83.33333%; }

	.small-11 {
		position: relative;
		width: 91.66667%; }

	.small-12 {
		position: relative;
		width: 100%; }

	.small-offset-1 {
		position: relative;
		margin-left: 8.33333%; }

	.small-offset-2 {
		position: relative;
		margin-left: 16.66667%; }

	.small-offset-3 {
		position: relative;
		margin-left: 25%; }

	.small-offset-4 {
		position: relative;
		margin-left: 33.33333%; }

	.small-offset-5 {
		position: relative;
		margin-left: 41.66667%; }

	.small-offset-6 {
		position: relative;
		margin-left: 50%; }

	.small-offset-7 {
		position: relative;
		margin-left: 58.33333%; }

	.small-offset-8 {
		position: relative;
		margin-left: 66.66667%; }

	.small-offset-9 {
		position: relative;
		margin-left: 75%; }

	.small-offset-10 {
		position: relative;
		margin-left: 83.33333%; }

	[class*="column"] + [class*="column"]:last-child {
		float: right; }

	[class*="column"] + [class*="column"].end {
		float: left; }

	.column.small-centered,
	.columns.small-centered {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		float: none !important; }
}
/* Styles for screens that are wider than 768px (49em = 784px); */
@media only screen and (min-width: 49em) {
	.large-1 {
		position: relative;
		width: 8.33333%; }

	.large-2 {
		position: relative;
		width: 16.66667%; }

	.large-3 {
		position: relative;
		width: 25%; }

	.large-4 {
		position: relative;
		width: 33.33333%; }

	.large-5 {
		position: relative;
		width: 41.66667%; }

	.large-6 {
		position: relative;
		width: 50%; }

	.large-7 {
		position: relative;
		width: 58.33333%; }

	.large-8 {
		position: relative;
		width: 66.66667%; }

	.large-9 {
		position: relative;
		width: 75%; }

	.large-10 {
		position: relative;
		width: 83.33333%; }

	.large-11 {
		position: relative;
		width: 91.66667%; }

	.large-12 {
		position: relative;
		width: 100%; }

	.row .large-offset-1 {
		position: relative;
		margin-left: 8.33333%; }

	.row .large-offset-2 {
		position: relative;
		margin-left: 16.66667%; }

	.row .large-offset-3 {
		position: relative;
		margin-left: 25%; }

	.row .large-offset-4 {
		position: relative;
		margin-left: 33.33333%; }

	.row .large-offset-5 {
		position: relative;
		margin-left: 41.66667%; }

	.row .large-offset-6 {
		position: relative;
		margin-left: 50%; }

	.row .large-offset-7 {
		position: relative;
		margin-left: 58.33333%; }

	.row .large-offset-8 {
		position: relative;
		margin-left: 66.66667%; }

	.row .large-offset-9 {
		position: relative;
		margin-left: 75%; }

	.row .large-offset-10 {
		position: relative;
		margin-left: 83.33333%; }

	.row .large-offset-11 {
		position: relative;
		margin-left: 91.66667%; }

	.push-1 {
		position: relative;
		left: 8.33333%;
		right: auto; }

	.pull-1 {
		position: relative;
		right: 8.33333%;
		left: auto; }

	.push-2 {
		position: relative;
		left: 16.66667%;
		right: auto; }

	.pull-2 {
		position: relative;
		right: 16.66667%;
		left: auto; }

	.push-3 {
		position: relative;
		left: 25%;
		right: auto; }

	.pull-3 {
		position: relative;
		right: 25%;
		left: auto; }

	.push-4 {
		position: relative;
		left: 33.33333%;
		right: auto; }

	.pull-4 {
		position: relative;
		right: 33.33333%;
		left: auto; }

	.push-5 {
		position: relative;
		left: 41.66667%;
		right: auto; }

	.pull-5 {
		position: relative;
		right: 41.66667%;
		left: auto; }

	.push-6 {
		position: relative;
		left: 50%;
		right: auto; }

	.pull-6 {
		position: relative;
		right: 50%;
		left: auto; }

	.push-7 {
		position: relative;
		left: 58.33333%;
		right: auto; }

	.pull-7 {
		position: relative;
		right: 58.33333%;
		left: auto; }

	.push-8 {
		position: relative;
		left: 66.66667%;
		right: auto; }

	.pull-8 {
		position: relative;
		right: 66.66667%;
		left: auto; }

	.push-9 {
		position: relative;
		left: 75%;
		right: auto; }

	.pull-9 {
		position: relative;
		right: 75%;
		left: auto; }

	.push-10 {
		position: relative;
		left: 83.33333%;
		right: auto; }

	.pull-10 {
		position: relative;
		right: 83.33333%;
		left: auto; }

	.push-11 {
		position: relative;
		left: 91.66667%;
		right: auto; }

	.pull-11 {
		position: relative;
		right: 91.66667%;
		left: auto; }

	.small-push-1 {
		left: inherit; }

	.small-pull-1 {
		right: inherit; }

	.small-push-2 {
		left: inherit; }

	.small-pull-2 {
		right: inherit; }

	.small-push-3 {
		left: inherit; }

	.small-pull-3 {
		right: inherit; }

	.small-push-4 {
		left: inherit; }

	.small-pull-4 {
		right: inherit; }

	.small-push-5 {
		left: inherit; }

	.small-pull-5 {
		right: inherit; }

	.small-push-6 {
		left: inherit; }

	.small-pull-6 {
		right: inherit; }

	.small-push-7 {
		left: inherit; }

	.small-pull-7 {
		right: inherit; }

	.small-push-8 {
		left: inherit; }

	.small-pull-8 {
		right: inherit; }

	.small-push-9 {
		left: inherit; }

	.small-pull-9 {
		right: inherit; }

	.small-push-10 {
		left: inherit; }

	.small-pull-10 {
		right: inherit; }

	.small-push-11 {
		left: inherit; }

	.small-pull-11 {
		right: inherit; }

	.column.large-centered,
	.columns.large-centered {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		float: none !important; }

	.column.large-uncentered,
	.columns.large-uncentered {
		margin-left: 0;
		margin-right: 0;
		float: none; }
	.cork-2 h2 {
		padding-top: 1em;
	}
}

/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
	display: inherit !important; }

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
	display: none !important; }

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
	display: inherit !important; }

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
	display: none !important; }

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
	display: table; }

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
	display: table-header-group !important; }

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
	display: table-row-group !important; }

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
	display: table-row !important; }

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
	display: table-cell !important; }

/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 48em) {


	.show-for-medium,
	.show-for-medium-up {
		display: inherit !important; }

	.show-for-small {
		display: none !important; }

	.hide-for-small {
		display: inherit !important; }

	.hide-for-medium,
	.hide-for-medium-up {
		display: none !important; }

	/* Specific visilbity for tables */
	table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
		display: table; }

	thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
		display: table-header-group !important; }

	tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
		display: table-row-group !important; }

	tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
		display: table-row !important; }

	td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
	th.show-for-medium,
	th.show-for-medium-up,
	th.hide-for-small {
		display: table-cell !important; }

	.languages li a{
		font-size:0.875rem;}}
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 80em) {
	.show-for-large,
	.show-for-large-up {
		display: inherit !important; }

	.show-for-medium,
	.show-for-medium-down {
		display: none !important; }

	.hide-for-medium,
	.hide-for-medium-down {
		display: inherit !important; }

	.hide-for-large,
	.hide-for-large-up {
		display: none !important; }

	/* Specific visilbity for tables */
	table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
		display: table; }

	thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
		display: table-header-group !important; }

	tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
		display: table-row-group !important; }

	tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
		display: table-row !important; }

	td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
	th.show-for-large,
	th.show-for-large-up,
	th.hide-for-medium,
	th.hide-for-medium-down {
		display: table-cell !important; } }
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 90em) {
	.show-for-xlarge {
		display: inherit !important; }

	.show-for-large,
	.show-for-large-down {
		display: none !important; }

	.hide-for-large,
	.hide-for-large-down {
		display: inherit !important; }

	.hide-for-xlarge {
		display: none !important; }

	/* Specific visilbity for tables */
	table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
		display: table; }

	thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
		display: table-header-group !important; }

	tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
		display: table-row-group !important; }

	tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
		display: table-row !important; }

	td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
	th.show-for-xlarge,
	th.hide-for-large,
	th.hide-for-large-down {
		display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
	display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
	display: none !important; }

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
	display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
	display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
	display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
	display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
	display: table-cell !important; }

@media only screen and (orientation: landscape) {
	.show-for-landscape,
	.hide-for-portrait {
		display: inherit !important; }

	.hide-for-landscape,
	.show-for-portrait {
		display: none !important; }

	/* Specific visilbity for tables */
	table.show-for-landscape, table.hide-for-portrait {
		display: table; }

	thead.show-for-landscape, thead.hide-for-portrait {
		display: table-header-group !important; }

	tbody.show-for-landscape, tbody.hide-for-portrait {
		display: table-row-group !important; }

	tr.show-for-landscape, tr.hide-for-portrait {
		display: table-row !important; }

	td.show-for-landscape, td.hide-for-portrait,
	th.show-for-landscape,
	th.hide-for-portrait {
		display: table-cell !important; } }
@media only screen and (orientation: portrait) {
	.show-for-portrait,
	.hide-for-landscape {
		display: inherit !important; }

	.hide-for-portrait,
	.show-for-landscape {
		display: none !important; }

	/* Specific visilbity for tables */
	table.show-for-portrait, table.hide-for-landscape {
		display: table; }

	thead.show-for-portrait, thead.hide-for-landscape {
		display: table-header-group !important; }

	tbody.show-for-portrait, tbody.hide-for-landscape {
		display: table-row-group !important; }

	tr.show-for-portrait, tr.hide-for-landscape {
		display: table-row !important; }

	td.show-for-portrait, td.hide-for-landscape,
	th.show-for-portrait,
	th.hide-for-landscape {
		display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
	display: none !important; }

.hide-for-touch {
	display: inherit !important; }

.touch .show-for-touch {
	display: inherit !important; }

.touch .hide-for-touch {
	display: none !important; }

/* Specific visilbity for tables */
table.hide-for-touch {
	display: table; }

.touch table.show-for-touch {
	display: table; }

thead.hide-for-touch {
	display: table-header-group !important; }

.touch thead.show-for-touch {
	display: table-header-group !important; }

tbody.hide-for-touch {
	display: table-row-group !important; }

.touch tbody.show-for-touch {
	display: table-row-group !important; }

tr.hide-for-touch {
	display: table-row !important; }

.touch tr.show-for-touch {
	display: table-row !important; }

td.hide-for-touch {
	display: table-cell !important; }

.touch td.show-for-touch {
	display: table-cell !important; }

th.hide-for-touch {
	display: table-cell !important; }

.touch th.show-for-touch {
	display: table-cell !important; }

/* Foundation Block Grids for below small breakpoint */
@media only screen {
	[class*="block-grid-"] {
		display: block;
		padding: 0;
		margin: 0 -10px;
		*zoom: 1; }
	[class*="block-grid-"]:before, [class*="block-grid-"]:after {
		content: " ";
		display: table; }
	[class*="block-grid-"]:after {
		clear: both; }
	[class*="block-grid-"] > li {
		display: inline;
		height: auto;
		float: left;
		padding: 0 10px 10px; }

	.small-block-grid-1 > li {
		width: 100%;
		padding: 0 10px 10px; }
	.small-block-grid-1 > li:nth-of-type(n) {
		clear: none; }
	.small-block-grid-1 > li:nth-of-type(1n+1) {
		clear: both; }

	.small-block-grid-2 > li {
		width: 50%;
		padding: 0 10px 10px; }
	.small-block-grid-2 > li:nth-of-type(n) {
		clear: none; }
	.small-block-grid-2 > li:nth-of-type(2n+1) {
		clear: both; }

	.small-block-grid-3 > li {
		width: 33.33333%;
		padding: 0 10px 10px; }
	.small-block-grid-3 > li:nth-of-type(n) {
		clear: none; }
	.small-block-grid-3 > li:nth-of-type(3n+1) {
		clear: both; }

	.small-block-grid-4 > li {
		width: 25%;
		padding: 0 10px 10px; }
	.small-block-grid-4 > li:nth-of-type(n) {
		clear: none; }
	.small-block-grid-4 > li:nth-of-type(4n+1) {
		clear: both; }

	.small-block-grid-5 > li {
		width: 20%;
		padding: 0 10px 10px; }
	.small-block-grid-5 > li:nth-of-type(n) {
		clear: none; }
	.small-block-grid-5 > li:nth-of-type(5n+1) {
		clear: both; }

	.small-block-grid-6 > li {
		width: 16.66667%;
		padding: 0 10px 10px; }
	.small-block-grid-6 > li:nth-of-type(n) {
		clear: none; }
	.small-block-grid-6 > li:nth-of-type(6n+1) {
		clear: both; }

	.small-block-grid-7 > li {
		width: 14.28571%;
		padding: 0 10px 10px; }
	.small-block-grid-7 > li:nth-of-type(n) {
		clear: none; }
	.small-block-grid-7 > li:nth-of-type(7n+1) {
		clear: both; }

	.small-block-grid-8 > li {
		width: 12.5%;
		padding: 0 10px 10px; }
	.small-block-grid-8 > li:nth-of-type(n) {
		clear: none; }
	.small-block-grid-8 > li:nth-of-type(8n+1) {
		clear: both; }

	.small-block-grid-9 > li {
		width: 11.11111%;
		padding: 0 10px 10px; }
	.small-block-grid-9 > li:nth-of-type(n) {
		clear: none; }
	.small-block-grid-9 > li:nth-of-type(9n+1) {
		clear: both; }

	.small-block-grid-10 > li {
		width: 10%;
		padding: 0 10px 10px; }
	.small-block-grid-10 > li:nth-of-type(n) {
		clear: none; }
	.small-block-grid-10 > li:nth-of-type(10n+1) {
		clear: both; }

	.small-block-grid-11 > li {
		width: 9.09091%;
		padding: 0 10px 10px; }
	.small-block-grid-11 > li:nth-of-type(n) {
		clear: none; }
	.small-block-grid-11 > li:nth-of-type(11n+1) {
		clear: both; }

	.small-block-grid-12 > li {
		width: 8.33333%;
		padding: 0 10px 10px; }
	.small-block-grid-12 > li:nth-of-type(n) {
		clear: none; }
	.small-block-grid-12 > li:nth-of-type(12n+1) {
		clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 48em) {
	/* Remove small grid clearing */
	.small-block-grid-1 > li:nth-of-type(1n+1) {
		clear: none; }

	.small-block-grid-2 > li:nth-of-type(2n+1) {
		clear: none; }

	.small-block-grid-3 > li:nth-of-type(3n+1) {
		clear: none; }

	.small-block-grid-4 > li:nth-of-type(4n+1) {
		clear: none; }

	.small-block-grid-5 > li:nth-of-type(5n+1) {
		clear: none; }

	.small-block-grid-6 > li:nth-of-type(6n+1) {
		clear: none; }

	.small-block-grid-7 > li:nth-of-type(7n+1) {
		clear: none; }

	.small-block-grid-8 > li:nth-of-type(8n+1) {
		clear: none; }

	.small-block-grid-9 > li:nth-of-type(9n+1) {
		clear: none; }

	.small-block-grid-10 > li:nth-of-type(10n+1) {
		clear: none; }

	.small-block-grid-11 > li:nth-of-type(11n+1) {
		clear: none; }

	.small-block-grid-12 > li:nth-of-type(12n+1) {
		clear: none; }

	.large-block-grid-1 > li {
		width: 100%;
		padding: 0 10px 10px; }
	.large-block-grid-1 > li:nth-of-type(n) {
		clear: none; }
	.large-block-grid-1 > li:nth-of-type(1n+1) {
		clear: both; }

	.large-block-grid-2 > li {
		width: 50%;
		padding: 0 10px 10px; }
	.large-block-grid-2 > li:nth-of-type(n) {
		clear: none; }
	.large-block-grid-2 > li:nth-of-type(2n+1) {
		clear: both; }

	.large-block-grid-3 > li {
		width: 33.33333%;
		padding: 0 10px 10px; }
	.large-block-grid-3 > li:nth-of-type(n) {
		clear: none; }
	.large-block-grid-3 > li:nth-of-type(3n+1) {
		clear: both; }

	.large-block-grid-4 > li {
		width: 25%;
		padding: 0 10px 10px; }
	.large-block-grid-4 > li:nth-of-type(n) {
		clear: none; }
	.large-block-grid-4 > li:nth-of-type(4n+1) {
		clear: both; }

	.large-block-grid-5 > li {
		width: 20%;
		padding: 0 10px 10px; }
	.large-block-grid-5 > li:nth-of-type(n) {
		clear: none; }
	.large-block-grid-5 > li:nth-of-type(5n+1) {
		clear: both; }

	.large-block-grid-6 > li {
		width: 16.66667%;
		padding: 0 10px 10px; }
	.large-block-grid-6 > li:nth-of-type(n) {
		clear: none; }
	.large-block-grid-6 > li:nth-of-type(6n+1) {
		clear: both; }

	.large-block-grid-7 > li {
		width: 14.28571%;
		padding: 0 10px 10px; }
	.large-block-grid-7 > li:nth-of-type(n) {
		clear: none; }
	.large-block-grid-7 > li:nth-of-type(7n+1) {
		clear: both; }

	.large-block-grid-8 > li {
		width: 12.5%;
		padding: 0 10px 10px; }
	.large-block-grid-8 > li:nth-of-type(n) {
		clear: none; }
	.large-block-grid-8 > li:nth-of-type(8n+1) {
		clear: both; }

	.large-block-grid-9 > li {
		width: 11.11111%;
		padding: 0 10px 10px; }
	.large-block-grid-9 > li:nth-of-type(n) {
		clear: none; }
	.large-block-grid-9 > li:nth-of-type(9n+1) {
		clear: both; }

	.large-block-grid-10 > li {
		width: 10%;
		padding: 0 10px 10px; }
	.large-block-grid-10 > li:nth-of-type(n) {
		clear: none; }
	.large-block-grid-10 > li:nth-of-type(10n+1) {
		clear: both; }

	.large-block-grid-11 > li {
		width: 9.09091%;
		padding: 0 10px 10px; }
	.large-block-grid-11 > li:nth-of-type(n) {
		clear: none; }
	.large-block-grid-11 > li:nth-of-type(11n+1) {
		clear: both; }

	.large-block-grid-12 > li {
		width: 8.33333%;
		padding: 0 10px 10px; }
	.large-block-grid-12 > li:nth-of-type(n) {
		clear: none; }
	.large-block-grid-12 > li:nth-of-type(12n+1) {
		clear: both; }
}




/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
.block-grid.two-up { margin: 0 -15px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up { margin: 0 -12px; }
.block-grid.three-up > li { width: 33.33333%; padding: 0 12px 12px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up { margin: 0 -8px; }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.six-up { margin: 0 -8px; }
.block-grid.six-up > li { width: 16.66667%; padding: 0 8px 8px; }
.block-grid.six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.seven-up { margin: 0 -8px; }
.block-grid.seven-up > li { width: 14.28571%; padding: 0 8px 8px; }
.block-grid.seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.eight-up { margin: 0 -8px; }
.block-grid.eight-up > li { width: 12.5%; padding: 0 8px 8px; }
.block-grid.eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.nine-up { margin: 0 -8px; }
.block-grid.nine-up > li { width: 11.11111%; padding: 0 8px 8px; }
.block-grid.nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.ten-up { margin: 0 -8px; }
.block-grid.ten-up > li { width: 10%; padding: 0 8px 8px; }
.block-grid.ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.eleven-up { margin: 0 -8px; }
.block-grid.eleven-up > li { width: 9.09091%; padding: 0 8px 8px; }
.block-grid.eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.twelve-up { margin: 0 -8px; }
.block-grid.twelve-up > li { width: 8.33333%; padding: 0 8px 8px; }
.block-grid.twelve-up > li:nth-child(12n+1) { clear: both; }



/**** Isotope Filtering ****/

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

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

/**** Isotope CSS3 transitions ****/

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

/**** disabling Isotope CSS3 transitions ****/

.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;
}
#content .image-list {

	/* either of these will work for horizontal Isotope layouts */

	list-style-type: none;
	padding: 0;

}
.image-item {
	margin: 5px
}

div.lead p,
p.lead {
	font-size: 1.21875em;
	line-height: 1.6; }

.subheader {
	line-height: 1.4;
	color: #6f6f6f;
	font-weight: 300;
	margin-top: 0.2em;
	margin-bottom: 0.5em; }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	direction: ltr; }

/* Default Link Styles */
a {
	color: #282525;
	text-decoration: none;
	line-height: inherit; }
a:hover, a:focus {
	color: #000;

}
a img {
	border: none; }
.is-inverted a {
	color: #fff;
}
.is-inverted a:hover, .is-inverted a:focus {
	color: #fff; }
/* Default paragraph styles */
p {
	font-family: inherit;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.6;
	margin-bottom: 1.25em;
	text-rendering: optimizeLegibility; }
p aside {
	font-size: 0.875em;
	line-height: 1.35;
	font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
	font-family: "ff-din-round-web", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight:300;
	font-style: normal;
	color: #282525;
	text-rendering: optimizeLegibility;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	line-height: 1.2125em; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-size: 60%;
	color: #6f6f6f;
	line-height: 0; }
.is-inverted h1, .is-inverted h2, .is-inverted h3, .is-inverted h4, .is-inverted h5, .is-inverted h6 {
	color: #fff;
}

h1 {
	font-size: 3em;
	line-height: 1;
}


h2 {
	font-size: 1.6875em;
	font-weight: 300;
	line-height: 1.2;
}

h3 {
	font-size: 1.375em; }

h4 {
	font-size: 1.125em; }

h5 {
	font-size: 1.125em; }

h6 {
	font-size: 1em; }

hr {
	border: solid #dddddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.25em 0 1.1875em;
	height: 0; }

/* panels */
.panel {
	margin-top: 0;
	margin-bottom: 2.25em;
	padding: 1.25em;
	background: #d9dad4;
}
.is-inverted .panel,
.is-inverted .panel h3 {
	color: #282525;
}

.panel.link-panel {
	padding: 1.25em 0 ;
}
.link-panel h3,
.link-panel a {
	display: block;
	padding: 5px 20px;
}
.link-panel a {
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in
}

.link-panel a:hover {
	background-color: #c3c4bd;
}

/* Helpful Typography Defaults */
em,
i {
	font-style: italic;
	line-height: inherit; }

strong,
b {
	font-weight: bold;
	line-height: inherit; }

small {
	font-size: 60%;
	line-height: inherit; }

code {
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-weight: bold;
	color: #7f0a0c; }

/* Lists */
ul,
ol,
dl {
	font-size: 1em;
	line-height: 1.6;
	margin-bottom: 1.25em;
	list-style-position: outside;
	font-family: inherit; }

/* Unordered Lists */
ul li ul,
ul li ol {
	margin-left: 1.25em;
	margin-bottom: 0;
	font-size: 1em;
	/* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul {
	list-style: inherit; }
ul.square {
	list-style-type: square; }
ul.circle {
	list-style-type: circle; }
ul.disc {
	list-style-type: disc; }
ul.no-bullet {
	list-style: none; }

/* Ordered Lists */
ol li ul,
ol li ol {
	margin-left: 1.25em;
	margin-bottom: 0; }

/* Definition Lists */
dl dt {
	margin-bottom: 0.3em;
	font-weight: bold; }
dl dd {
	margin-bottom: 0.75em; }

/* Abbreviations */
abbr,
acronym {
	text-transform: uppercase;
	font-size: 90%;
	color: #222222;
	border-bottom: 1px dotted #dddddd;
	cursor: help; }

abbr {
	text-transform: none; }

/* Blockquotes */
blockquote {
	margin: 0 0 1.25em;
	padding: 0.5625em 1.25em 0 1.1875em;
	font-family: "ff-din-round-web", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;

}
blockquote cite {
	display: block;
	font-size: 36px;
	font-size: 2.25rem;
}
blockquote cite:before {
	content: "\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited {
	color: #555555; }

blockquote,
blockquote p {
	line-height: 1.2;
	font-size: 36px;
	font-size: 2.25rem;
}

/* Microformats */
.vcard {
	display: inline-block;
	margin: 0 0 1.25em 0;
	border: 1px solid #dddddd;
	padding: 0.625em 0.75em; }
.vcard li {
	margin: 0;
	display: block; }
.vcard .fn {
	font-weight: bold;
	font-size: 0.9375em; }

.vevent .summary {
	font-weight: bold; }
.vevent abbr {
	cursor: default;
	text-decoration: none;
	font-weight: bold;
	border: none;
	padding: 0 0.0625em; }

/* Form elements */


label,
input,
button,
select,
textarea {
	/*font-size: 12px;*/
	font-weight: normal;
	line-height: 20px;
}

label {
	display: block;
	margin-bottom: 10px;
	color: #fff;
}
label.error {
	color: #eb950e;
	font-style: italic;
	display: block;
	margin-top: -10px;
	margin-bottom: 10px;
}
footer label {
	margin-bottom: 5px;
	color: #7b7c7f;
}


input, textarea, select {
	display: block;
	margin-bottom: 9px;
	width: 100%;
}



select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	height: 36px;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 36px;
	color: #555555;
	vertical-align: middle;

}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
textarea {
	height: auto;
}

input[type="text"].error,
input[type="email"].error,
input[type="password"].error,
select.error,
textarea.error {
	border: 1px solid #eb950e !important;
}

.btn {
	display: inline-block;

	*display: inline;
	padding: 6px 24px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #7b7c7f;

	background-repeat: repeat-x;
	border: 1px solid #7b7c7f;

}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	color: #000;
	background-color: #8b8d90;

}


@media only screen and (min-width: 48em) {
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.4; }

	h1 {
		font-size: 2.75em;
		line-height: 1;  }

	h2 {
		font-size: 2.5125em; }

	h3 {
		font-size: 1.6875em; }

	h4 {
		font-size: 1.4375em; }
	.languages li a {
		padding: 7px 20px;
	}
	nav #nav-menu a {
		padding: 10px 0.1em 20px  0.1em;
	}

}
@media only screen and (min-width: 55em) {
	nav #nav-menu a {
		padding: 10px 0.2375em 20px 0.2375em;
	}
}

@media only screen and (min-width: 60em) {
	nav #nav-menu a {
		padding: 10px 0.6375em 20px  0.6375em;
	}
}

@media only screen and (min-width: 64.063em) {
	nav #nav-menu a {
		padding: 10px 0.8375em 20px  0.8375em;
	}
}
@media only screen and (min-width: 90em) {
	nav #nav-menu a {
		padding: 10px 0.9375em 20px  0.9375em;
	}
}
/* ===== Sections
============================================================================ */

.an-unexpected-twist .masthead {
	background: #000 url(../images/css/unexpected-twist-bg.jpg) no-repeat center bottom;
}
.nature .masthead {
	background: #000 url(../images/css/nature-bg.jpg) no-repeat center top;
}
.bottles .masthead {
	background: #000 url(../images/css/bottles_bg.jpg) no-repeat center top;
}

.bottles #cork-bg {
	background: #000 url(../images/css/cork_bg2.jpg) no-repeat center center;
}

.media-center #video-bg {
	 background: #000 url(../images/css/media-center-bg.jpg) no-repeat center top;
 }

.media-center #awards-bg {
	 background: #000 url(../images/css/media-center-bg.jpg) no-repeat center top;
 }

.thank-you .masthead {
	background: #000 url(../images/css/design-bg.jpg) no-repeat center top;
	min-height: 400px;
}
#cork-forest {
	background: #000 url(../images/css/forest-mobile.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#bottles {
	padding: 1.5em 0 0 0;
}
#cork {
	padding: 2.625em 0 0 0;
}
#cork .cork-image {
	margin-bottom: -80px;
}
#glass {
	padding: 2.625em 0 0 0;
}

.design .masthead {
	background: #000 url(../images/css/design-bg.jpg) no-repeat right top;
}

#design-cork {
	background: #f6f6f7 url(../images/css/design-cork-bg.jpg) no-repeat center bottom;
	min-height: 600px;
}
#design-bottle {
	margin-top: -120px;
}

#design-test {
	/*background: #fff url(../images/css/design-test-bg.jpg) no-repeat center top;*/
}

.convenience .masthead {
	background: #000 url(../images/css/convenience-bg.jpg) no-repeat right top;
}
/*#convenience-body {
	background: #fff url(../images/css/convenience-body-small-bg.jpg) no-repeat left top;
}*/
#convenience-body {
	padding-bottom: 0;
}
#best-of-both-worlds {
	background: #fff url(../images/css/best-of-both-worlds-bg.jpg) no-repeat center top;
	min-height: 500px;
}

#best-of-both-corks {
	background: #fff url(../images/css/bg_cork3.jpg) no-repeat center top;
	min-height: 400px;
}

.faq .masthead {
	background: #000 url(../images/css/faq-bg.jpg) 50% 0 no-repeat;
	padding: 1em 0;
}
.media-center .masthead {
	background: #000 url(../images/css/media-center-bg.jpg) 50% top no-repeat;
	padding: 2.925em 0 0 0;
}
.about {
	padding-top: 1.2em;
}

/* =============================================================================
   Editor button for logged in admins
   ========================================================================== */
.editor-button { position:absolute; top:-20px; left:0; z-index: 999!important;  }
.editor-button a { display:block; width:24px; height:24px; background:url(../images/css/icon_edit.png) no-repeat 0 0; opacity:1.0; text-indent:-9999em; overflow:hidden; }
.editor-button a:hover { opacity:1; }


/* Notification boxes
---------------------------- */

.msg {
	max-width: 630px;
	padding: 20px 20px 2px 20px;
	margin-bottom: 60px;

	background-color: #fdf6db;
	border: 1px solid #e8d9b2;
	color: #946201;
}
.msg a,
.msg a:hover,
.msg a:visited {
	color: #946201;
	text-decoration: underline;
}


.msg-info {
	background-color: #daeef4;
	border-color: #d2e3e9;
	color: #38606c;
}
/* =============================================================================
   Non-semantic helper classes
   ========================================================================== */
.inner {
	width: 960px;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

img.left {
	margin: 0 20px 20px 0;
}

img.right {
	margin: 0 0 20px 20px;
}
/* Remove padding */
.no-pad {
	padding: 0;
}
/* Avoid word wrapping. See O-I name in text */
.nowrap {
	white-space: nowrap;
}


/* For image replacement */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
.ir br {
	display: none;
}
/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.is-hidden {
	display: none;
	/*visibility: hidden;*/
}
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.is-visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.u--negative {
	display: block !important;
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
}


/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.is-visuallyhidden.focusable:active,
.is-visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* Hide only visually, but have it available for print */
.printable {
	display: none;
	visibility: hidden;
}
/* Hide visually and from screenreaders, but maintain layout */
.is-invisible {
	visibility: hidden;
}
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

/* Styles for screens that smaller than 740; */
@media only screen and (max-height: 740px) {
	.home .masthead {
		background-color: #000;
		padding: 20px 0;
	}

}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {

}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/


@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}