/* HTML5 display definitions
--------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }

/* Font: Merriweather
--------------------------------------------------- */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/merriweather-v22-latin-300.eot');
  src: local(''),
       url('../fonts/merriweather-v22-latin-300.eot?#iefix') format('embedded-opentype'),
       url('../fonts/merriweather-v22-latin-300.woff2') format('woff2'),
       url('../fonts/merriweather-v22-latin-300.woff') format('woff'),
       url('../fonts/merriweather-v22-latin-300.ttf') format('truetype'),
       url('../fonts/merriweather-v22-latin-300.svg#Merriweather') format('svg');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-v22-latin-regular.eot');
  src: local(''),
       url('../fonts/merriweather-v22-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/merriweather-v22-latin-regular.woff2') format('woff2'),
       url('../fonts/merriweather-v22-latin-regular.woff') format('woff'),
       url('../fonts/merriweather-v22-latin-regular.ttf') format('truetype'),
       url('../fonts/merriweather-v22-latin-regular.svg#Merriweather') format('svg');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/merriweather-v22-latin-700.eot');
  src: local(''),
       url('../fonts/merriweather-v22-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/merriweather-v22-latin-700.woff2') format('woff2'),
       url('../fonts/merriweather-v22-latin-700.woff') format('woff'),
       url('../fonts/merriweather-v22-latin-700.ttf') format('truetype'),
       url('../fonts/merriweather-v22-latin-700.svg#Merriweather') format('svg');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/merriweather-v22-latin-900.eot');
  src: local(''),
       url('../fonts/merriweather-v22-latin-900.eot?#iefix') format('embedded-opentype'),
       url('../fonts/merriweather-v22-latin-900.woff2') format('woff2'),
       url('../fonts/merriweather-v22-latin-900.woff') format('woff'),
       url('../fonts/merriweather-v22-latin-900.ttf') format('truetype'),
       url('../fonts/merriweather-v22-latin-900.svg#Merriweather') format('svg');
}

/* Basics
--------------------------------------------------- */
html {
	font-size: 100%;
	font-family: 'Merriweather', serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
	background-color: #689e3c;
	color: #3d3d3b;
	font-family: 'Merriweather', serif;
	font-size: 1em;
	line-height: 1.5em;
}
body.processing {
	overflow: hidden;
}
a {
	background: transparent;
}
a:focus {
	outline: thin dotted;
}
a:active, a:hover {
	outline: 0;
}

/* Typography
--------------------------------------------------- */
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
hr {
	border: solid #ccc;
	border-width: 2px 0 0;
	clear: both;
	margin: 20px 0 20px 0;
	height: 0;
}
mark {
	background: #f25f20;
	color: #000;
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em;
}
pre {
	white-space: pre-wrap;
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}

/* Forms
--------------------------------------------------- */
fieldset {
	border: 1px solid #ccc;
	margin: 1em 0;
	padding: 0.5em 0.625em;
}
legend {
	border: 0;
	padding: 0;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}
button, input {
	line-height: normal;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
	min-height: 80px;
	resize:vertical
}
select {
	-webkit-appearance: none;
	background: #fff url(../images/icon-select.png) right center no-repeat;
	width: auto;
	min-width: 80px;
	outline: none;
	border-radius: 0;
}
input[type="file"] {
	display: block;
	font-size: 0.875em;
}
input[type="text"].filter-date {
	display: inline-block;
	width: 175px;
	text-align: center;
	background: rgb(255,255,255,0.5);
	border: 1px solid #7dbb4a;
	font-size: 0.75em;
	color: #7dbb4a;
	font-weight: 700;
}
.styledRadio, .styledCheckbox {
	display: inline-block;
}
.styledRadio-disabled, .styledCheckbox-disabled {
	opacity: 0.5;
	cursor:pointer !important
}
.styledCheckbox-disabled-checked {
	background-position: 0 -60px !important;
}

::-webkit-input-placeholder { color: #7dbb4a; font-size: 0.75em; }
::-moz-placeholder 			{ color: #7dbb4a; font-size: 0.75em; }
:-moz-placeholder 			{ color: #7dbb4a; font-size: 0.75em; }
:-ms-input-placeholder 		{ color: rgba(125, 187, 74, 0.5); }

.required {
	color: #ff0000;
	font-size: 0.75em;
	font-weight: normal;
}
.error {
	color: #ff0000;
}
.color-style-1 {
	color: #8a8a8a;
}
.readmore {
	padding-left: 4px;
}
.alert {
	padding: 0.875em;
	margin: 5px 0 20px 0;
}
.alert-small {
	padding: 0.25em 0.75em;
	margin: 10px 0 15px 0;
	font-size: 0.875em;
	line-height: 1.5em;
}
.modalbox {
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	display: none;
	padding: 0 10px;
}
.modalbox.fixed {
	position: fixed;
	top: 20%;
	left: 0;
	right: 0;
	padding: 0 20px;
	z-index: 100;
	display: none;
}
.modalbox.alert-follow {
	z-index: 1000;
}
.modal-close {
	cursor: pointer;
	float: right;
	padding:  0 0.5em;
	margin: -10px -10px 0 0;
}
a.modal-close {
	text-decoration: none !important;
}
.modalbox .alert {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	max-width: 20em;
	font-size: 1.125em;
	padding: 0.75em 0.75;
}
.alert.warning,
.alert-small.warning {
	border: 1px solid #e10000;
	background-color: rgba(225, 0, 0, 0.15);
	color: #e10000;
}
.alert.error {
	border: 1px solid #e10000;
	background-color: rgba(225, 0, 0, 0.85);
	color: #fff;
	font-weight: 700;
}
.alert.error a {
	color: #fff;
}
.alert.success {
	border: 1px solid #7dbb4a;
	background-color: #7dbb4a;
	color: #fff;
	font-weight: 700;
}
.alert.success a {
	color: #fff;
}
.alert.info {
	border: 1px solid #e39700;
	background-color: #f6bb42;
	color: #fff;
	font-weight: 700;
}

.alert.icon-check-square {
	padding-left: 45px;
	background-image: url(../images/icon-check-square.png);
	background-position: 15px 19px;
	background-repeat: no-repeat;
}
.alert .headline {
	margin: 0 0 0.5em 0;
	font-size: 1.25em;
	font-weight: 600;
}
.alert ul {
	list-style: none;
	margin: 0;
}
.alert ul li {
	font-size: 0.875em;
	line-height: 1.5em;
	margin: 0.25em 0;
}
.alert ul.dot-red li {
	background: url(../images/dot-red.png) left 0.375em no-repeat;
	padding-left: 0.9375em;
}


.alert.info-banner {
	border: 3px solid #e39700;
	background-color: #f6bb42;
	color: #fff;
	font-weight: 700;
	padding: 0.75em;
	padding-bottom: 0;
	font-size: 0.875em;
	line-height: 1.5em;
}
.alert.info-banner h1,
.alert.info-banner h2,
.alert.info-banner h3,
.alert.info-banner h4,
.alert.info-banner h5,
.alert.info-banner h6 {
	color: #fff;
	font-weight: 700;
	margin-top: 0;
}
.alert.info-banner p {
	font-weight: normal;
}
.alert.info-banner a {
	color: #fff;
}

.alert.info-banner.banner2 {
	border: 3px solid #689e3c;
	background-color: #fff;
	color: #689e3c;
}
.alert.info-banner.banner2 h1,
.alert.info-banner.banner2 h2,
.alert.info-banner.banner2 h3,
.alert.info-banner.banner2 h4,
.alert.info-banner.banner2 h5,
.alert.info-banner.banner2 h6 {
	color: #689e3c;
}
.alert.info-banner.banner2 a {
	color: #689e3c;
}

sup.badge {
	top: -0.75em;
}
.badge-help {
	top: -0.75em;
	display: inline-block;
	padding: 4px 3px 3px 3px;
	width: 14px;
	height: 14px;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
	background-color: #7dbb4a;
	border-radius: 8px;
}

/* Modal
--------------------------------------------------- */
.modal-dialog {
	position: relative;
	max-width: 600px;
	margin: 40px auto;
}
.modal-dialog.small {
	max-width: 350px;
}
.modal-content {
	position: relative;
	background-color: #f2f2e8;
}
.modal-header {
	padding: 1.25em;
	border-bottom: 1px solid #e5e5e5;
}
.modal-header.bg-style-1 {
	background-color: #27a283;
	border-bottom: none;
	color: #fff;
}
.modal-header.bg-style-2 {
	background-color: #cd4128;
	border-bottom: none;
	color: #fff;
}
.modal-header.bg-style-3 {
	background-color: #dca129;
	border-bottom: none;
	color: #fff;
}
.modal-header.bg-style-4 {
	background-color: #8cc153;
	border-bottom: none;
	color: #fff;
}
.modal-header a.close {
	float: right;
	color: rgba(0, 0, 0, 0.3);
	text-decoration: none;
	font-weight: 700;
}
.modal-header a.close:hover {
	color: rgba(0, 0, 0, 0.6);
}
.modal-title {
	margin: 0;
	font-size: 1.125em;
	line-height: 1.5em;
	font-weight: normal;
	color: #fff;
}
.modal-body {
	position: relative;
	padding: 1em;
	font-size: 1em;
	line-height: 1.5em;
}
.modal-body.more-padding {
	padding:  2em 1em;
}
.modal-footer {
	padding: 1em;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
	margin-left: 0.5em;
}
.modal-footer .btn-submit {
	padding: 0.75em 1em !important;
}

#debit .modal-content .close {
	z-index: 5;
	font-weight: bold;
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 20px;
}
.debit-content {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
.debit-content .modal-content {
	padding: 20px 20px 20px 20px;
}
.debit-content .modal-content .card {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}

/* Tables
--------------------------------------------------- */
table {
	width: 100%;
	margin-bottom: 1em;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
}
tr {
	display: block;
	overflow: auto;
}
th {
	text-align: left;
}
td {
    width: 100%;
    float: left;
    display: block;
    vertical-align: top;
    text-align: left;
}

/* Font, Color
--------------------------------------------------- */
.main {
	background: #f2f2e8 url(../images/main-bg.jpg) center bottom repeat-x;
}

.mainContent {
	color: #3d3d3b;
	font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
	color: #7dbb4a;
	font-weight: normal;
	line-height: 1.25em;
 	margin: 0.625em 0;
}
h1 {
	font-size: 2em;
	line-height: 1.25em;
	font-weight: 700;
}
h2 {
	font-size: 1.75em;
	font-weight: 700;
}
h3 {
	font-size: 1.3875em;
	line-height: 1.25em;
}
h4 {
	font-size: 1.250em;
}
h5 {
	font-size: 1.125em;
	font-weight: 700;
}
h6 {
	font-size: 1em;
	font-weight: 700;
}

h6.mb-cart {
	margin-bottom: 0.375em;
}

p {
	margin: 0 0 1em 0;
}

.small-text,
p.small-text {
	font-size: 0.875em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}
.smaller-text,
p.smaller-text {
	font-size: 0.75em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}

a:link, a:visited {
	color: #7dbb4a;
	text-decoration: underline;
}

a:hover, a:focus, a:active {
	text-decoration: none;
}

/* Styles, Basics
--------------------------------------------------- */

/* apply a natural box layout */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.print-only {
	display: none;
}
.wrapper {
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
	position: relative;
}

a.morelink {
	display: inline-block;
	margin-top: 0.75em;
	color: #555;
	font-size: 1em;
	line-height: 44px;
	text-decoration: none;
}
a.backlink {
	display: inline-block;
	margin-top: 2em;
	color: #555;
	font-size: 1em;
	line-height: 44px;
	text-decoration: none;
}
a.morelink:hover,
a.backlink:hover {
	color: #333;
}
.arrow-box {
	display: inline-block;
	width: 40px;
	height: 44px;
	background-color: #f0f0f0;
}
.arrow-box-left {
	float: left;
	margin-right: 14px;
}
.arrow-box-right {
	float: right;
	margin-left: 14px;
}
.arrow-box.arrow-left {
	background: #f0f0f0 url(../images/arrow-left.png) center center no-repeat;
}
.arrow-box.arrow-right {
	background: #f0f0f0 url(../images/arrow-right.png) center center no-repeat;
}
a.backlink:hover .arrow-left,
a.backlink:hover .arrow-right {
	background-color: #e3e3e3;
}

.bold {
	font-weight: 700;
}
.strong {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.uppercase {
	text-transform: uppercase;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.alignright-mobiletop {
	display: block;
	margin-bottom: 10px;
}
.ta-center {
	text-align: center;
}
.ta-right {
	text-align: right;
}
.ta-left {
	text-align: left;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.divider {
	height: 4.5em;
	margin: 0 0 5em 0;
	border-bottom: 1px solid #878787;
	text-indent: -999em;
}
.divider.small {
	height: 1.25em;
	margin-bottom: 2.25em;
}
.divider.dotted-gray {
	border-bottom: 2px dotted #878787;
}
.divider.dotted-green {
	border-bottom: 2px dotted #7dbb4a;
}
.red {
	color: #ff0000;
}
.black {
	color: #3d3d3b;
}
.red-orange,
a.red-orange {
	color: #ed8770;
}
.gray {
	color: #878787;
}
.orange {
	color: #ffa700;
}
.green {
	color: #7dbb4a;
}
.blue {
	color: #4da3c4;
}

a.profile {
	text-decoration: none;
}
a.profile span {
	font-size: 0.275em;
	font-weight: 700;
	color: #fff;
	background: #7dbb4a;
	padding: 0.375em 0.875em;
	white-space: nowrap;
	display: inline-block;
	line-height: 1.25em;
	vertical-align: top;
	margin-top: 3px;
}
a.profile:hover span {
	opacity: 0.7;
}

.divider.short-green {
	height: 0.25em;
	margin: 0 auto;
	margin-bottom: 1em;
	border-bottom: 4px solid #7dbb4a;
	width: 2.5em;
}

p.teasertext    {
	color: #888;
	font-size: 1.3em;
	line-height: 1.368em;
}
p.note {
	font-size: 0.75em;
	line-height: 1.5em;
}
a.note-info {
	background: color(srgb 1 1 0.017);
	border-radius: 50%;
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-weight: bold;
	border: 1px solid #000;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	padding: 0;
}
.mobile-only {}
.desktop-only {
	display: none;
}

.select-arrow {
	background: url(../images/icon-select-arrow.png) right center no-repeat;
	padding-right: 0.875em;
}
.select-arrow2 {
	background: url(../images/icon-select-arrow2.png) right center no-repeat;
	padding-right: 1em;
}
.two-columns {
	margin: 0.5em 0;
}
.two-columns .col {
	margin-bottom: 1em;
}
.three-columns {
	margin: 0.5em 0;
}
.three-columns .col {
	margin-bottom: 0.75em;
}

.clear {
	clear: both;
}
.clear-row {
	clear: both;
	line-height: 0.5em;
}
.hidden {
	position: absolute;
	clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
	clip: rect(1px, 1px, 1px, 1px);
}
.hide {
	display: none;
}
.mt0 {
	margin-top: 0;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt100 {
	margin-top: 100px;
}
.mb0 {
	margin-bottom: 0;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.no-padding-bottom {
	padding-bottom: 0 !important;
}

.anchor {
	visibility: hidden;
	display: block;
	height: 65px;
	margin-top: -65px;
}

.transition-all-02, #nav a, ul.subNav li a, .btn, ul.pages li a, a.btn, .btn-submit, .btn-search, .blog-btn-search, .arrow-left, .arrow-right, .rating a, a.button-more, #ads .article .column .name a span, .table-col .container h3 a span, a.show-profile, a.profile span, .tab button, #selection .location-info a.filter-value, ul.language-switch li a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.transition-all-03, a.social-icon, .search-form .search-input, ul.blog-tags li a, ul.product li .pig, ul.product li .beef, a.image-remove, #profile ul.gallery li a img, #info-header .wrapper h3 a, #footer .siteby a, a.print-order, a.select-date, .search-wrap a, ul.menu-gallery > li > a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.transition-all-04, .stories .fadeout, .story a .container {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.transition-none {
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

.mainContent {
	width: 100%;
	min-height: 13em;
	padding: 20px 20px 30px 20px;
	font-size: 1.125em;
	line-height: 1.5em;
}
.mainContent img {
	 max-width: 100%;
	 height: auto;
}
.mainContent.halfwidth {
	min-height: 5em;
}
.mainContent.minheight {
	min-height: 23em;
}
.mainContent.no-minheight {
	min-height: inherit;
}
aside {
	width: 100%;
	margin: 0;
	padding: 15px 20px;
}

h1 {
	margin-top: 0.25em;
}

h1.title-section,
h2.title-section,
h3.title-section {
	font-size: 2em;
	line-height: 1.25em;
	font-weight: 700;
 	margin: 0.25em 0 0.75em 0;
}
p.teasertext {
	margin: 0.8em 0;
}

ul, ol {
	padding: 0;
	margin: 0 0 0.625em 20px;
}
ol {
	margin: 0 0 20px 30px;
}
ul.list-style-text {
	list-style: none;
	margin: 0 1em 1em 0;
}
ul.list-style-text li {}
ul.list-style-text.text-small li {
	font-size: 0.875em;
	line-height: 1.5em;
}


ul.list-style-1 {
	list-style: none;
	margin: 0 0 1em 0;
}
ul.list-style-1 li {
	padding-left: 1.125em;
	margin-bottom: 0.25em;
	background: url(../images/li-style1.png) left 0.5em no-repeat;
}

/* Info-Header
--------------------------------------------------- */
#info-header {
	color: #fff;
}
#info-header.close {
	display: none;
}
#info-header .wrapper {
	padding: 10px 0;
}
#info-header .wrapper h3 {
	background: rgba(255, 255, 255, 0.3);
	margin: 0.5em 0 1em 0;
	padding: 0.5em 0.5em;
	color: #fff;
	line-height: 1.375em;
	display: inline-block;
}
#info-header .wrapper h3 a {
	color: #fff;
	text-decoration: none;
}
#info-header .wrapper h3 a:hover {
	color: rgba(255, 255, 255, 0.8);
}
#info-header .wrapper h5 {
	color: #fff;
	font-weight: 400;
	margin: 0.5em 0 1em 0;
}
#info-header .wrapper .three-columns .col {
	padding: 0 20px;
	margin-bottom: 2.5em;
}
#info-header .formset label {
	width: 100%;
	text-align: left;
	margin-bottom: 0.375em;
	padding-left: 1px;
}
#info-header .formset {
	margin: 0.5em 0 1.25em 0;
}
#info-header .formset textarea {
	height: auto;
	min-height: 30px;
	width: 100%;
	max-width: 100%;
	background: rgba(255, 255, 255, 0.7);
	border: none;
}
#info-header .formset input[type="text"] {
	width: 100%;
	max-width: 100%;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	background: rgba(255, 255, 255, 0.7);
	border: none;
}
#info-header .formset input[type="text"]:focus, #info-header .formset textarea:focus {
	background: rgba(255, 255, 255, 0.9);
	box-shadow: none;
}
#info-header .btn-submit {
	margin-top: 1em;
	float: right;
	background: rgba(255, 255, 255, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.8);
	padding: 0.75em 1.5em;
}
#info-header .btn-submit:hover {
	background: rgba(255, 255, 255, 0.25);
}

@media only screen and (min-width: 46.875em) {
	#info-header .wrapper .three-columns .col {
		padding: 0 20px;
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 60em) {
	#info-header .wrapper .three-columns .col {
		padding: 0 30px;
	}
	#info-header .wrapper .three-columns .col:first-child {
		padding-left: 20px;
	}
	#info-header .wrapper .three-columns .col:last-child {
		padding-right: 20px;
	}
}

/* Header
--------------------------------------------------- */
#header {
	padding: 7px 0 0 0;
	background: #fff;
}
#header .logo {
	margin: 0 0 0 20px;
	height: 59px;
	display: inline-block;
}
#header .logo a {
	display: block;
	margin: 0;
	width: 103px;
	height: 57px;
	background: url(../images/logo-nahgenuss.svg) 0 0 no-repeat;
	background-size: 100%;
	text-indent: -999em;
}
.no-svg #header .logo a {
	background: url(../images/logo-nahgenuss.png) 0 0 no-repeat;
	background-size: 100% !important;
}

.header-home {
	position: relative;
}

#header .beta-logo {
	display: inline-block;
	position: absolute;
	top: -4px;
	left: 86px;
	z-index: 10;
}
#header .beta-logo a {
	text-decoration: none;
	font-size: 0.75em;
	padding: 0.5em 0;
	font-weight: bold;
}

/* Navigation
--------------------------------------------------- */
#nav {
	font-size: 1em;
	line-height: 1.6875em;
}
#nav ul {
    margin: 0;
	list-style: none;
}
#nav ul > li {
    border-bottom: 1px solid #fff;
    display: block;
}
#nav ul > li > a {
	background-color: #7dbb4a;
	color: #fff;
    padding: 0.45em 20px;
    display: block;
}
#nav a {
    text-decoration: none;
}
#nav a:link, #nav a:hover {
	color: #fff;
}
#nav a:hover {
	background-color: #689e3c;
}
#nav ul a:link {
    text-decoration: none;
}
#nav a.selected {
 	background-color: #689e3c;
	color: #fff;
	font-weight: 700;
}
.submenu {
	margin: 0;
}
ul.subNav {
	list-style: none;
	margin: 0 0 2em 0;
}
ul.subNav li {
	margin-bottom: 1px;
}
ul.subNav li a {
	display: block;
	text-decoration: none;
	background-color: #7dbb4a;
	color: #fff;
	line-height: 1.25em;
	padding: 0.75em 1em;
}
ul.subNav li a:hover {
	background-color: #689e3c;
}
ul.subNav li a.selected {
	background-color: #689e3c;
	font-weight: 700;
}

ul.subNav li ul {
	list-style: none;
	margin: 0;
	background-color: #689e3c;
}
ul.subNav li ul li {
	background-color: #689e3c;
}
ul.subNav li ul li a {
	font-size: 0.875em;
	line-height: 1.25em;
	padding: 0.25em 1.25em 0.25em 2.5em;
	background: #689e3c;
}
ul.subNav li ul li a:hover {}
ul.subNav li ul li:last-child {
	padding-bottom: 1em;
}
ul.subNav li ul ul {
	margin-top: 0;
}
ul.subNav li ul ul li {
	padding-left: 1em;
}

/*
ul.language-switch {
	display: none;
}
*/
ul.language-switch {
	position: absolute;
	top: 4px;
	right: 80px;
}
ul.language-switch li {
	display: inline-block;
	margin: 0 12px 0 0;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #878787;
}
ul.language-switch li:first-child {
	display: block;
	margin: 0;
}
ul.language-switch li a {
	display: block;
	width: 22px;
	height: 16px;
	background: #ccc;
	text-indent: -999em;
	opacity: 0.6;
/* 	filter: grayscale(60%); */
}
ul.language-switch li a:hover {
	opacity: 0.85;
/* 	filter: grayscale(0%); */
}
ul.language-switch li a.selected {
	opacity: 1;
/* 	filter: grayscale(0%); */
}
ul.language-switch li a.at {
	background: url(../images/flag-at.png) center center no-repeat;
}
ul.language-switch li a.de {
	background: url(../images/flag-de.png) center center no-repeat;
}
@media only screen and (min-width: 46.875em) {
	ul.language-switch {
		top: 6px;
		right: 120px;
	}
}
@media only screen and (min-width: 60em) {
	ul.language-switch {
		top: -18px;
		right: 20px;
	}
	ul.language-switch li {
		margin: 0 0 0 9px;
	}
	ul.language-switch li:first-child {
		display: inline-block;
		margin: 0 0 0 9px;
	}
	.header-home ul.language-switch li {
		color: #fff;
	}
}

/* Header slider
--------------------------------------------------- */
.header-slider {
	margin: 0;
	background: #3d3b3b;
	position: relative;
}
.header-slider figure {
    width: 100%;
    height: auto;
}

.movie-wrap {
	position: relative;
}
.movie-wrap .movie-image {
	display: block;
	width: 100%;
	height: auto;
	min-height: 260px;
	max-height: 900px;
}
.movie-wrap .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 40;
	width: 100%;
	height: auto;
}
.movie-wrap .movie {
	display: none;
}
@media only screen and (min-width: 60em) {
	.header-slider .movie {
		display: block;
		width: 100%;
		height: auto;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
}

/* Tabs
--------------------------------------------------- */
.tab {
	overflow: hidden;
	margin: 0 0 1em 0;
}
.tab button {
	background: transparent;
	outline: none;
	cursor: pointer;
	margin: 2px;
	padding: 0.25em 0.5em;
	font-size: 1.25em;
	color: #999;
	font-weight: 600;
	border: 1px solid #ccc;
	border-radius: 0;
}
.tab button:hover {
	color: #fff;
	border-color: #7dbb4a;
	background: #7dbb4a
}
.tab button.active {
	color: #fff;
	border-color: #7dbb4a;
	background: #7dbb4a
}
.tabcontent {
	display: none;
}

/* Search
--------------------------------------------------- */
.search-wrap {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 10px;
	z-index: 50;
	min-width: 18.75em;
	color: #fff;
	text-align: center;
	text-shadow: 0px 0px 4px #000;
}
.search-wrap a {
	color: #fff;
	text-decoration: none;
}
.search-wrap a:hover {
	text-shadow: 0px 0px 18px #000;
}
.search-wrap h3 {
	color: #fff;
	font-size: 1.5em;
	line-height: 1.125em;
	font-weight: 700;
	margin: 0 0 0.25em 0;
}
.search-wrap p {
	font-size: 1em;
	line-height: 1.375em;
	font-weight: 700;
	margin: 0;
}
.search-wrap .search-info {
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 1em 0.75em 0 0.75em;
}
#search-form {
	max-width: 300px;
	margin: 0 auto;
}
.searchform {
	margin-top: 1.25em;
	overflow: hidden;
	position: relative;
}
.searchform .input-search {
	background: rgba(255, 255, 255, 0.85);
	border: none;
	border-radius: 0;
	outline: none;
	padding: 10px 45px 10px 8px;
/* 	line-height: 24px; */
	width: 100%;
	padding-right: 50px;
}
.searchform .input-search:focus {
	background: rgba(255, 255, 255, 0.98);
}
.searchform .info-search {
	background: rgba(255, 255, 255, 0.85);
	border: none;
	padding: 10px 45px 10px 8px;
	line-height: 24px;
	width: 100%;
	padding-right: 50px;
	font-size: 0.75em;
	color: #7dbb4a;
	text-shadow: none;
}

.searchform .btn-search {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 0;
	background: #7dbb4a url(../images/icon-search.png) center center no-repeat;
	text-indent: -999em;
	font-size: 1em;
}
.searchform .btn-search:hover {
	background-color: #8fcf5b;
}
ul.search-filter {
	margin: 0px 0 25px 0;
	list-style: none;
}
ul.search-filter li {
	margin: 0 1.25em 0.375em 0;
}
ul.search-filter li.sub {
	margin-left: 30px;
}
ul.search-filter li label {
	font-size: 0.875em;
}
ul.search-filter li label .flag {
	display: inline-block;
	width: 22px;
	height: 16px;
	text-indent: -999em;
	line-height: 1em;
	margin: 0 2px;
}
ul.search-filter li label .flag.flag1 {
	background: url(../images/flag-at.png) center center no-repeat;
}
ul.search-filter li label .flag.flag2 {
	background: url(../images/flag-de.png) center center no-repeat;
}

ul.search-filter li .checkbox {
	float: left;
	margin: 3px 10px 0 0;
}

@media only screen and (min-width: 40em) {
	.search-wrap {
		right: 40px;
		left: 20px;
		bottom: 20%;
		text-align: left;
		font-size: 1.125em;
	}
	.search-wrap h3 {
		font-size: 1.5em;
	}
	.search-wrap p {
		font-size: 1em;
	}
	.search-wrap .search-info {
		margin: 1em 0 0 0;
	}
	#search-form {
		max-width: 100%;
	}
}
@media only screen and (min-width: 46.875em) {
	.search-wrap {
		bottom: 18%;
		text-shadow: 0px 0px 8px #000;
		font-size: 1.25em;
	}
	.search-wrap h3 {
		font-size: 1.6875em;
	}
	.search-wrap p {
		font-size: 1.1em;
	}
	.searchform .input-search {
		padding: 16px 85px 16px 8px;
/* 		line-height: 40px; */
	}
	.searchform .info-search {
		line-height: 34px;
	}
	.searchform .btn-search {
		width: auto;
 		height: 60px;
 		line-height: 60px;
		padding: 0 14px;
		background: #7dbb4a;
		text-indent: inherit;
		color: #fff;
		font-weight: 700;
 		font-size: 16px;
	}
}
@media only screen and (min-width: 60em) {
	.search-wrap {
		max-width: 600px;
		left: 42%;
		bottom: 15%;
		font-size: 1.5em;
	}
	.search-wrap h3 {
		font-size: 1.75em;
	}
	.search-wrap p {
		font-size: 1.1em;
	}
	.searchform .input-search {
		max-width: 600px;
/* 		line-height: 50px; */
		padding: 18px 145px 18px 8px;
	}
	.searchform .info-search {
		line-height: 44px;
	}
	.searchform .btn-search {
		height: 70px;
		line-height: 70px;
		padding: 0 26px;
 		font-size: 26px;
	}
}
@media only screen and (min-width: 80em) {
	.search-wrap {
		max-width: 660px;
	}
	.search-wrap h3 {
		font-size: 2em;
	}
	.search-wrap p {
		font-size: 1.25em;
	}
}

.searchbox-page {
	margin: 1em 0 0 0;
}
.searchbox-page #search-form {
	max-width: 560px;
	padding: 0 20px;
}

@media only screen and (min-width: 30em) and (max-width: 60em) {
	.searchbox-page #search-form {
		max-width: 460px;
		padding: 0 20px;
	}
}

/* Autocomplete
--------------------------------------------------- */
.autocomplete-suggestions {
	width: auto !important;
	min-width: 220px;
	max-width: 300px;
	border-top: 1px dotted #878787;
	background: #f2f2e8;
	cursor: default;
	overflow: auto;
	box-shadow: 0px 10px 12px 0 rgba(0, 0, 0, .175);
}
@media only screen and (min-width: 30em) {
	.autocomplete-suggestions {
		max-width: 350px;
	}
}
@media only screen and (min-width: 46.875em) {
	.autocomplete-suggestions {
		max-width: 400px;
	}
}
@media only screen and (min-width: 60em) {
	.autocomplete-suggestions {
		max-width: 550px;
	}
	.filter-result .autocomplete-suggestions {
		left: 290px;
	}
}
.autocomplete-suggestion {
	padding: 6px 8px;
	color: #3d3d3b;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	text-shadow: none;
}
.autocomplete-selected {
	background: #7dbb4a;
	color: #fff;
}
.autocomplete-suggestions strong {
	font-weight: 700;
	color: #7dbb4a;
}
.autocomplete-suggestions .autocomplete-selected strong {
	color: #fff;
}

#ac_result {
	position: relative;
	margin: 0 auto;
}
.ac_result-home {
	width: 300px;
}
.ac_results {
	padding: 0px;
	border-top: 1px dotted #878787;
	background: #f2f2e8;
	text-align: left;
	overflow: hidden;
	z-index: 9999;
	top: 0px !important;
	left: 0px !important;
	width: auto !important;
	box-shadow: 0px 10px 12px 0 rgba(0, 0, 0, .175);
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 0.375em 0.5em;
	cursor: default;
	display: block;
	font-size: 0.875em;
	line-height: 1.25em;
	color: #3d3d3b;
	text-shadow: none;
}
.ac_results li strong {
	font-weight: 700;
	color: #7dbb4a;
}
.ac_results li .flag {
	float: left;
	width: 16px;
	height: 11px;
	margin: 3px 6px 0 0;
	text-indent: -999em;
}
.ac_results li .flag.at {
	background: url(../images/flag-at.png) center center no-repeat;
	background-size: cover;
}
.ac_results li .flag.de {
	background: url(../images/flag-de.png) center center no-repeat;
	background-size: cover;
}
.ac_results li .flag.lw {
	background: url(../images/flag-lw.png) center center no-repeat;
	background-size: cover;
}

.ac_odd {
/* 	background-color: #efefef; */
}
.ac_over {
	background-color: #7dbb4a;
	color: #fff !important;
}
.ac_over strong {
	color: #fff !important;
}
@media only screen and (min-width: 40em) {
	.ac_result-home {
		width: auto;
	}
	.ac_results li .flag {
		width: 22px;
		height: 16px;
		margin: 5px 8px 0 0;
	}
}

/* Voucher
--------------------------------------------------- */
.voucher-wrap {
	margin: 1.5em 0 0 0;
	padding-top: 1em;
	border-top: 1px solid #7dbb4a;
}
.voucher-wrap .voucher {
	border-bottom: 1px solid #7dbb4a;
	margin: 0 0 1.25em 0;
	padding-bottom: 1.5em;
}
.voucher-wrap .voucher .image {
	line-height: 0;
	margin: 0 0 1em 0;
	text-align: center;
}
.voucher-wrap .voucher .details .title {
	font-size: 1.125em;
	font-weight: 600;
	color: #7dbb4a;
	margin-bottom: 0.5em;
}
.voucher-wrap .voucher .details .order {
	margin: 1em 0 0 0;
	text-align: right;
}
.voucher-wrap .voucher .details .order .col {
	margin: 0 0 13px 0;
}

.loader {
	background: url(../images/loading-roller.gif) left center no-repeat;
	padding-left: 50px;
	font-weight: 700;
	color: #7dbb4a;
}
@media only screen and (min-width: 30em) {
	.voucher-wrap .voucher .image {
	 float: left;
	 width: 30%;
	 max-width: 250px;
	 margin-right: 1em;
	}
/*
	.voucher-wrap .voucher .details {
		margin-left: 30%;
	}
*/
	.voucher-wrap .voucher .details .title {
		font-size: 1.25em;
		padding-top: 0.5em;
	}
}

.table-voucher {}
.table-voucher thead {
	display: none;
}
.table-voucher td {
	border-bottom: 2px solid #7dbb4a;
	padding: 0.3em 0.25em;
}
.table-voucher td:first-child {
	border: none;
}
.table-voucher td:before {
    font-weight: 600;
    content: attr(data-header) ": ";
}
.table-voucher td.no-header:before {
    content: attr(data-header) "";
}
@media only screen and (min-width: 40em) {
	.table-voucher thead {
        display: table-header-group;
    }
    .table-voucher tr {
        display: table-row;
        padding-bottom: 0;
    }
    .table-voucher th, .table-voucher td {
        padding: 0.375em;
        float: none;
        display: table-cell;
        width: auto;
        border-right: 2px solid #7dbb4a;
    }
    .table-voucher th {
		font-size: 0.75em;
		background: #7dbb4a;
		color: #fff;
		padding: 0.25em 0.5em;
	}
	.table-voucher td:first-child {
        border-left: 2px solid #7dbb4a;
        border-right: 2px solid #7dbb4a;
        border-bottom: 2px solid #7dbb4a;
        max-width: 120px;
	}
    .table-voucher td:before {
        content: '';
    }
    .table-voucher .right {
	    text-align: right;
    }

}

/* Faq
--------------------------------------------------- */
ul.faq-menu {
	list-style: none;
	margin: 0;
}
ul.faq-menu li {
	padding: 0.25em 2em;
	margin-bottom: 0.25em;
	background: url(../images/icon-faq.png) left 0.125em no-repeat;
}
.faq {
	margin: 0.75em 0 0 0;
}
.faq .article {
	margin: 0 0 2em 0;
	padding-bottom: 0.75em;
	border-bottom: 1px dotted #878787;
}
.faq .article .ask {
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1.25em;
	margin-bottom: 0.375em;
	color: #7dbb4a;
}
.faq .article .answer {}
.faq .article .jump-to-menu {
	font-size: 0.75em;
	color: #7dbb4a;
	white-space: nowrap;
	margin: 0 0 1.5em 0;
}


/* Gallery
--------------------------------------------------- */
.gallery {
	overflow: hidden;
}
.gallery .imagebox {
	width: 100%;
	float: left;
	padding: 4px;
}
.gallery .imagebox .image {
	display: block;
	max-width: 100%;
	height: auto;
}
@media only screen and (min-width: 30em) {
	.gallery .imagebox {
		width: 50%;
	}
}
@media only screen and (min-width: 40.625em) {
	.gallery .imagebox {
		width: 33.333334%;
	}
}
@media only screen and (min-width: 60em) {
	.gallery .imagebox {
		width: 25%;
	}
}
@media only screen and (min-width: 70em) {
	.gallery.fullwidth .imagebox {
		width: 20%;
	}
}


/* Pagination
--------------------------------------------------- */
.pagination {
	padding: 10px 1em 40px 1em;
}
ul.pages {
	margin: 0;
	list-style: none;
	float: right;
}
ul.pages li {
	float: left;
	display: block;
	background-color: #878787;
	margin-left: 10px;
	font-size: 2em;
	line-height: 1.5em;
}
ul.pages li.alternative {
	display: none;
}
ul.pages li.dots {
	padding: 5px 10px;
}
ul.pages li.active {
	color: #fff;
	background-color: #7dbb4a;
	padding: 5px 10px;
}
ul.pages li a {
	display: block;
	padding: 4px 16px;
	color: #fff;
	text-decoration: none;
}
ul.pages li a:hover {
	background-color: #7dbb4a;
	color: #fff;
}

/* Button ontop
--------------------------------------------------- */
.ontop {
	position: fixed;
	bottom: 100px;
	right: 10px;
	display: inline-block;
	width: 40px;
	height: 40px;
	z-index: 200;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	text-indent: -999em;
	white-space: nowrap;
	background: #689e3c url(../images/arrow-top.png) center 50% no-repeat;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 2px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.ontop.is-visible, .ontop.fade-out, .no-touch .ontop:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.ontop.is-visible {
	visibility: visible;
	opacity: 1;
}
.ontop.fade-out {
	opacity: .9;
}
.no-touch .ontop:hover {
	opacity: 1;
}

@media only screen and (min-width: 42em) {
	.ontop {
/* 		bottom: 26px; */
		right: 20px;
	}
}

/* Images lists
--------------------------------------------------- */
ul.four-images {
	margin: 0 0 3em 0;
	list-style: none;
}
ul.four-images li {
	line-height: 0;
	margin: 0 0 1em 0;
}
ul.four-images li img {
	border: 2px solid #7dbb4a;
}

@media only screen and (min-width: 60em) {
	ul.four-images {
		margin: 0 0 1em 0;
	}
	ul.four-images li {
		width: 24%;
		display: inline-block;
		margin: 0;
	}
	ul.four-images li img {
		border: none;
	}
	ul.four-images li:last-child {
		margin: 0;
	}
}

/* Tables
--------------------------------------------------- */
.table-two-column-divider {
	max-width: 60em;
	margin: 0 auto;
}
.table-two-column-divider td {
	text-align: center;
	padding-bottom: 0.75em;
}
.table-two-column-divider td:first-of-type {
    border-bottom: 1px dotted #878787;
    margin-bottom: 1em;
}
.table-two-column {
	max-width: 60em;
	margin: 0 auto;
}
.table-two-column td {
	padding-bottom: 0.5em;
}
.table-two-column img {
	width: 100%;
}
.table-two-column blockquote {
	margin: 0.5em 0 0.5em 0;
	padding-right: 1em;
	border-right: 5px solid #7dbb4a;
}

@media only screen and (min-width: 30em) {
	.table-two-column-divider {
		margin-bottom: 0.5em;
	}
	.table-two-column-divider tr {
	    display: table-row;
	    padding-bottom: 0;
	}
	.table-two-column-divider th, .table-two-column-divider td {
	    float: none;
	    display: table-cell;
	    width: auto;
	}
	.table-two-column-divider td {
	    width: 50%;
	    padding: 0 0 0.25em 1em;
	    text-align: left;
	}
	.table-two-column-divider td:first-of-type {
	    padding: 0 1em 0.25em 0;
	    text-align: right;
	    border-bottom: none;
	    border-right: 1px dotted #878787;
	}

	.table-two-column h3,
	.table-two-column h2 {
		margin-top: 0;
	}
	.table-two-column tr {
        display: table-row;
        padding-bottom: 0;
    }
    .table-two-column th, .table-two-column td {
        float: none;
        display: table-cell;
        width: auto;
    }
    .table-two-column td {
	    width: 50%;
	    padding: 0 0 1.5em 0.75em;
	}
    .table-two-column td:first-of-type {
	    padding: 0 0.75em 1.5em 0;
	    text-align: right;
    }

}

@media only screen and (min-width: 60em) {
    .table-two-column img {
		width: auto;
	}
}

/* Box
--------------------------------------------------- */
.box-wrapper {
    overflow: hidden;
    margin-bottom: 1em;
}
.box {
	position: relative;
	overflow: hidden;
    width: 100%;
 	margin-bottom: 1em;
}
.box.spacer {
	display: none;
}

/* Teaser */
.box.teaser {
	text-align: center;
}
.box.teaser:last-of-type {
	margin-bottom: 0;
}
.teaser figure {
	padding: 0.5em 1.5em;
}
.teaser.four-columns figure {
	padding: 0 1.5em;
}
.teaser figure img {
	width: 100%;
	height: auto;
}
.teaser .container {
	border: 2px solid #7dbb4a;
	padding: 0.75em;
}
.teaser .container h3 {
	margin: 0.25em 0 0 0;
	font-size: 1.5em;
	font-weight: 700;
}
.teaser .container ul {
	list-style: none;
	margin: 0;
}
.teaser .container ul li {
	padding: 0.75em 0 1em 0;
	background: url(../images/li-teaser-bottom.png) center bottom no-repeat;
}
.teaser .container ul li:last-child {
	background: none;
}

/* Story */
.box.story {
	position: relative;
	text-align: center;
	margin-bottom: 1.5em;
}
.story a {
	color: #3d3d3b;
}
.story figure {
	line-height: 0;
}
.story figure img {
	width: 100%;
	height: auto;
}
.story .container {
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 50%;
	max-height: 90%;
	margin: 1em;
	padding: 1em;
	overflow: hidden;
}
.story a:hover .container {
	background: rgba(255, 255, 255, 0.9);
}
.story .container h3 {
	font-size: 1.5em;
	line-height: 1.125em;
	margin-top: 0.25em;
}
.story .container ul {
	list-style: none;
	margin: 0;
}
.story .container ul li {
	margin: 0 0 0.75em 0;
	line-height: 1.375em;
}

/* Table column */
.box.table-col {}
.box.table-col:last-of-type {
	margin-bottom: 0;
}
.table-col .container {
	border: 2px solid #7dbb4a;
	padding: 0.5em;
}
.table-col .container h3 {
	margin: 0.25em 0 0.5em 0;
	font-size: 1.25em;
	font-weight: 600;
}
.table-col .container h3 a {
	text-decoration: none;
}
.table-col .container h3 a span {
	font-size: 0.375em;
	font-weight: 700;
	color: #fff;
	background: #7dbb4a;
	padding: 0.375em 0.875em;
	white-space: nowrap;
	vertical-align: super;
}
.table-col .container h3 a:hover span {
	opacity: 0.7;
}
.table-col .container ul {
	list-style: none;
	margin: 0 0 0.5em 0;
}
.table-col .container ul li {
	font-size: 0.875em;
	line-height: 1.375em;
	margin: 0;
}
.table-col .container p {
	font-size: 0.875em;
	line-height: 1.375em;
}

.column-border {
	border: 2px solid #7dbb4a;
	padding: 0.5em;
}
.column-border h3 {
	margin: 0.25em 0 0.5em 0;
	font-size: 1.25em;
	font-weight: 600;
}

/* Table cart */
.table-cart {
	margin: 2em 0 0.75em 0;
	font-size: 0.875em;
	line-height: 1.5em;
}
.table-cart tr {
    display: table-row;
	border: 2px solid #7dbb4a;
}
.table-cart th {
	background: #7dbb4a;
    padding: 0.25em 0.5em;
    color: #fff;
    font-size: 0.875em;
    text-align: right;
    width: auto;
}
.table-cart th:first-child {
	text-align: left;
}
.table-cart td {
	width: auto;
    float: none;
    display: table-cell;
    padding: 0.6875em 0.5em;
	border: 2px solid #7dbb4a;
}
.table-cart tr.not-available td {
/* 	border-color: #e10000; */
	background-color: rgba(255, 0, 0, 0.12);
}
.table-cart td:first-child {
	width: 12%;
	min-width: 50px;
	max-width: 190px;
	text-align: center;
}
.table-cart td:nth-child(2) {
	width: 52%;
}
.table-cart td:nth-child(3) {
	text-align: right;
	width: 18%;
}
.table-cart td:last-child {
	text-align: right;
	width: 18%;
	font-weight: 600;
	white-space: nowrap;
}
.table-cart td .amount {
	white-space: nowrap;
}
.table-cart td .price {
	white-space: nowrap;
}
.table-cart tr.sum td {
	text-align: left;
	vertical-align: bottom;
	width: auto;
}
.table-cart tr.sum td:nth-child(2) {
	font-weight: 600;
	text-align: right;
}
.table-cart tr.sum td:last-child {
	font-size: 1.25em;
	text-align: right;
}
.table-cart td label {
	font-size: 0.875em;
}
.table-cart td .input-text {
	background: rgba(255, 255, 255, 0.7);
	border: none;
	margin: 0.25em 0;
	resize: none;
}


.table-cart .add-on {
	margin: 0.125em 0 0 0;
	font-size: 0.875em;
	line-height: 1.6875em;
	white-space: nowrap;
}
.table-cart .add-on a.selection {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -999em;
	margin: 0 4px 0 0;
	background: url(../images/input-checkbox-small.png) 0 0 no-repeat;
}
.table-cart .add-on a.selection.add {
	background-position: 0 0;
}
.table-cart .add-on a.selection.remove {
	background-position: 0 -20px;
}

.summary {
	border-top: 2px solid #7dbb4a;
	padding-top: 0.75em;
}
.summary .row {
	text-align: left;
	font-weight: normal;
	padding: 0 0 0.5em 0;
}
.summary .row span {
	float: right;
	font-weight: 600;
}
.summary .row.total {
	border-top: 3px solid #7dbb4a;
	font-weight: 600;
	padding-top: 0.375em;
	font-size: 1.25em;
}
.summary .row.total span {}

@media only screen and (max-width: 25em) {
	.table-cart {
		font-size: 0.6875em;
		line-height: 1.5em;
	}
	.table-cart th {
	    padding: 0.25em 0.25em;
	}
}
@media only screen and (max-width: 22em) {
	.table-cart th {
	    padding: 0.25em 0;
	}
	.table-cart td:first-child {
		min-width: 1px;
		padding: 0;
	}
	.table-cart td:first-child figure {
		display: none;
	}
}

@media only screen and (min-width: 36em) {
	@media only screen and (max-width: 56em) {
		.teaser figure {
			float: left;
			width: 40%;
			height: auto;
			padding: 1.5em 1.5em 0 0;
		}
		.teaser .container {
			margin-left: 40%;
		}
	}

	.box.story {
		float: left;
		width: 48.5%;
		margin-right: 3%;
		font-size: 0.9375em;
	}
    .box.story:nth-of-type(2n) {
		margin-right: 0;
    }
}

@media only screen and (min-width: 46.875em) {
	.box-wrapper.table-style-column {
		width: 100%;
		display: table;
		border-collapse: separate;
		border-spacing: 2px;
	}
	.table-col .container {
		border: none;
	}
	.box.table-col {
		display: table-cell;
		width: 32%;
		margin-bottom: 0;
		border: 2px solid #7dbb4a;
	}
	.box.table-col.two-col {
		width: 49%;
	}
	.box.table-col.spacer {
		display: table-cell;
		width: 2%;
		border: none;
		background: none;
	}
	.summary {
		width: 80%;
		float: right;
		margin: 1em 0 0 2em;
	}
}

@media only screen and (min-width: 56em) {
	.box-wrapper.table-style {
		width: 100%;
		display: table;
		border-collapse: separate;
		border-spacing: 2px;
	}
	.box.teaser {
		display: table-cell;
		width: 31.66667%;
		margin-bottom: 0;
		border: 2px solid #7dbb4a;
	}
	.box.teaser.four-columns {
		width: 24.25%;
	}
	.box.teaser.spacer {
		display: table-cell;
		width: 2.5%;
		border: none;
		background: none;
	}
	.box.teaser.spacer.four-columns {
		width: 1%;
	}
	.teaser figure {
		margin-top: 1.5em;
		padding: 0 3em;
	}
	.teaser.four-columns figure {
		margin-top: 0.75em;
		padding: 0 1em;
	}
	.teaser figure img {
		max-width: 250px;
		height: auto;
	}
	.teaser .container {
		margin-top: 0;
		padding-top: 0.5em;
		padding-bottom: 0;
		border: none;
	}

	.stories .fadeout {
		opacity: 1;
	}
	.stories:hover .fadeout {
		opacity: 0.5;
	}
	.stories .story a:hover .fadeout {
		opacity: 1;
	}

	.box.story {
		font-size: 0.75em;
		width: 23.875%;
		margin-right: 1.5%;
		margin-bottom: 0;
	}
    .box.story:nth-of-type(2n) {
		margin-right: 1.5%;
    }
    .box.story:last-of-type {
		margin-right: 0;
    }
}

/* Table orders */
.table-orders {
	font-size: 0.8em;
	line-height: 1.5em;
}
.table-orders thead {
	display: none;
}
.table-orders tbody {}
.table-orders td {
	border-bottom: 1px solid #7dbb4a;
	padding: 0.3em 0.25em;
}
.table-orders td:first-of-type {
    background: #7dbb4a;
    color: #fff;
}
.table-orders td:first-of-type a {
	color: #fff;
}
.table-orders td:before {
    font-weight: 600;
    content: attr(data-header) ": ";
}
.table-orders td:last-of-type {
	margin-bottom: 1.75em;
}
.table-orders td.no-data-header:before {
    content: "";
}
.table-orders td.order-info {
	margin-bottom: 0.5em;
	background: #e5e5db;
	color: #3d3d3b;
	border-bottom: none;
}
.table-orders td.order-info-default {
	margin-bottom: 0.5em;
	color: #3d3d3b;
	border-bottom: none;
}
.table-orders td.voucher-payment {
	background: #d8d8ce !important;
	border-top: 2px solid #666;
	color: #333;
	font-style: italic;
	font-size: 0.875em;
	line-height: 1.5em;
}
.table-orders td.more {
	padding-bottom: 2em;
}

.table-orders tr.canceled {
	font-style: italic;
}
a.btn.btn-details {
	font-size: 1em;
	line-height: 1.5em;
	padding: 0.5em 0.75em;
}

@media only screen and (min-width: 60em) {
	.table-orders thead {
        display: table-header-group;
    }
	.table-orders thead th {
	    background: #7dbb4a;
	    color: #fff;
	    padding: 0.375em;
	    font-weight: normal;
	}
    .table-orders tr {
        display: table-row;
        padding-bottom: 0;
    }
    .table-orders th, .table-orders td {
        padding: 0.5em;
        float: none;
        display: table-cell;
        width: auto;
    }
    .table-orders td {
	    padding: 0.5em 0.25em;
/*         border-bottom: 1px solid #7dbb4a; */
        border-bottom: 1px solid #e5e5db;
    }
    .table-orders td:first-of-type {
        background: none;
		/* font-weight: normal; */
		color: #3d3d3b;
		margin-bottom: 0;
    }
	.table-orders td:first-of-type a {
		color: #7dbb4a;
	}
    .table-orders td:before {
        content: '';
    }
	.table-orders td.order-info {
		background: none;
        border-bottom: 5px solid #7dbb4a;
        padding-bottom: 3em;
	}
	.table-orders td.order-info-default {
		background: none;
        border-bottom: 5px solid #7dbb4a;
        padding-bottom: 1em;
	}
	.table-orders td.more {
        border-bottom: 5px solid #7dbb4a;
    }
	.table-orders td.more .btn {
		display: none;
	}

	a.btn.btn-details {
		font-size: 1em;
		line-height: 1.5em;
		padding: 0.5em 0.75em;
		text-indent: -999em;
		display: block;
		width: 28px;
		height: 28px;
		background: #7dbb4a url(../images/arrow-right-white.png) center center no-repeat;
	}
}

.table-orders2 {
	font-size: 0.75em;
	line-height: 1.5em;
}
.table-orders2 tr {
    display: table-row;
    padding-bottom: 0;
}
.table-orders2 thead {
    display: table-header-group;
}
.table-orders2 thead th {
    background: #7dbb4a;
    color: #fff;
    padding: 0.375em;
    font-weight: normal;
}
.table-orders2 th, .table-orders2 td {
    padding: 0.5em;
    float: none;
    display: table-cell;
    width: auto;
    text-align: right;
}
.table-orders2 td {
    padding: 0.75em 0.25em;
    border-bottom: 1px solid #7dbb4a;
}
.table-orders2 th:first-of-type, .table-orders2 td:first-of-type {
	text-align: left;
}
.table-orders2 td:last-of-type {
	font-weight: 600;
}
.table-orders2 td .amount {
	white-space: nowrap;
}
.table-orders2 td .price {
	white-space: nowrap;
}

.table-orders2 tr.sum td {
	text-align: right;
	font-weight: bold;
	font-size: 1.125em;
    border-top: 4px solid #7dbb4a;
}
.table-orders2 tr.sum1 td {
	border-top: none;
}
.table-orders2 tr.sum2 td {
	border-top: 2px solid #7dbb4a;
}
.table-orders2.delivery-note th:last-of-type, .table-orders2.delivery-note td:last-of-type {
	display: none;
}

a.show-profile {
	font-size: 0.375em;
	font-weight: 700;
	color: #fff;
	background: #7dbb4a;
	padding: 0.375em 0.875em;
	white-space: nowrap;
	vertical-align: super;
	text-decoration: none;
}
a.show-profile:hover {
	opacity: 0.7;
}

a.print-order {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -999em;
	float: right;
	background: url(../images/icon-print.png) center center no-repeat;
}
a.print-order:hover {
	opacity: 0.7;
}
a.select-date {
	display: block;
	width: 140px;
	height: 30px;
	padding-top: 12px;
	font-size: 12px;
	line-height: 1em;
	font-weight: normal;
	float: right;
	margin-left: 15px;
	background: url(../images/icon-calendar.png) right center no-repeat;
	background-size: 24px 26px;
	text-decoration: none;
}
a.select-date:hover {
	opacity: 0.7;
}
@media only screen and (min-width: 24em) {
	.table-orders2 {
		font-size: 0.875em;
	}
}

.table-orders-sum {
	font-size: 0.8em;
	line-height: 1.25em;
}
.table-orders-sum tr {
    display: table-row;
    padding-bottom: 0;
}
.table-orders-sum td {
    padding: 0.5em 0;
    float: none;
    display: table-cell;
    width: auto;
    border-bottom: 1px solid #7dbb4a;
    text-align: right;
    vertical-align: bottom;
}
.table-orders-sum td:first-child {
	padding-right: 0.5em;
}
@media only screen and (min-width: 60em) {
	.table-orders-sum {
		font-size: 0.85em;
		line-height: 1.25em;
	}
	.table-orders-sum td {
	    padding: 0.5em 0.5em;
	}
	.table-orders-sum td:last-child {
		width: 120px;
	}
}

/* Order
--------------------------------------------------- */

.processing-order {
	display: none;
	position: fixed;
	z-index: 250;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(255,255,255,0.1);
}
.processing-order.active {
	display: block;
}


/* Payment saferpay
--------------------------------------------------- */
.sp_iframe {
	border: none;
	width: 100%;
	max-width: 800px;
	height: auto:
}
.sp_iframe.add-card {
	min-height: 500px
}
@media only screen and (min-width: 72.5em) {
	.sp_iframe.add-card {
		min-height: 400px
	}
}

.sp-card-wrap {
	margin: 0 0 10px 0;
}
.sp-card-wrap .card {
	width: 290px;
	border-radius: 15px;
	position: relative;
}
.sp-card-wrap .card.card-theme {
	background: #ddd;
	padding: 10px;
	font-family: arial, helvetica;
}
.sp-card-wrap .card .card-brand-logo {
	position: absolute;
	top: 10px;
	right: 10px;
}
.sp-card-wrap .card .card-brand {
	font-weight: 700;
	font-size: 0.875em;
	margin: 5px 80px 20px 0;
}
.sp-card-wrap .card .card-number {
	font-size: 0.75em;
	line-height: 1em;
	margin: 0 10px 8px 0;
}
.sp-card-wrap .card .card-validity {
	font-size: 0.75em;
	line-height: 1em;
	margin: 0 10px 8px 0;
}
.sp-card-wrap .card .card-holder {
	font-size: 0.75em;
	line-height: 1.25em;
	margin: 0 10px 12px 0;
}
.sp-card-wrap .card-toolbar {
	margin: 8px 0 0 15px;
	font-size: 0.75em;
	line-height: 1.5em;
}
.sp-card-wrap .card-toolbar a {}

/* Account
--------------------------------------------------- */
h2.login {
	margin-top: 10px;
	margin-bottom: 1em;
	font-size: 1.25em;
	line-height: 1.5em;
	color: #3d3d3b;
	padding-bottom: 0.25em;
	border-bottom: 2px dotted #878787;
}

ul.images {
	list-style: none;
	margin: 0 0 10px 0;
	overflow: hidden;
}
ul.images li {
	text-align: center;
	margin: 0 0 0.5em 0;
	line-height: 0;
	padding-bottom: 0.25em;
	background-color: #d8d8ce;
}
ul.images.gallery li {
	padding: 0;
	position: relative;
}
ul.images.gallery.remove li {
	margin: 0;
	padding: 3px;
	background: transparent;
}
ul.images li.empty {
 	background-color: transparent;
	margin: 0;
	padding: 0;
}
ul.images li .thumb {
	margin: 0 0 0.25em 0;
}
a.image-remove {
	display: block;
	width: 34px;
	height: 34px;
	text-indent: -999em;
	background: rgba(255, 255, 255, 0.55) url(../images/icon-remove.png) center center no-repeat;
	position: absolute;
	right: 3px;
	bottom: 3px;
}
a.image-remove:hover {
	background-color: rgba(255, 255, 255, 0.9);
}
a.remove-mode,
a.describe-mode {
	font-size: 0.75em;
	color: #878787;
	text-decoration: none;
}
a.remove-mode:hover,
a.describe-mode:hover {
	text-decoration: underline;
}
.image-loader {
	background-color: #d8d8ce !important;
	background: transparent url(../images/loading-small-circle.gif) center center no-repeat;
	min-height: 80px;
}
@media only screen and (min-width: 20em) and (max-width: 40em) {
	ul.images li {
		float: left;
		width: 49%;
		margin-right: 2%;
	}
	ul.images li:nth-child(even) {
		margin-right: 0;
	}

}
@media only screen and (min-width: 40em) {
	ul.images li {
		float: left;
		width: 24.25%;
		margin-right: 1%;
	}
	ul.images li:nth-child(4n+4) {
		margin-right: 0;
	}
}

/* dot
--------------------------------------------------- */
.rating-dot {
	border: 1px solid #666;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 3px;
}
.rating-dot.rating-dot2 {
	border-radius: 0%;
	width: 7px;
	height: 14px;
}
.rating-dot.red { background: #ff0000; }
.rating-dot.orange { background: #ffa700; }
.rating-dot.yellow { background: #fff700; }
.rating-dot.green { background: #008500; }

/* tooltip
--------------------------------------------------- */
.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 250px;
	background-color: rgba(84, 84, 84, 0.95);
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 150%;
	left: 50%;
	margin-left: -125px;
	font-size: 0.75em;
	line-height: 1.5em;
}
.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent rgba(84, 84, 84, 0.95) transparent;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
}

/* styles: ads, profile
--------------------------------------------------- */
a.btn.btn-offer {
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 0 0.375em 0.375em 0;
}
a.btn.animal-icon-1 {
	padding-left: 2.75em;
	background-image: url(../images/icon-animal-1.png);
	background-position: 3px center;
	background-repeat: no-repeat;
	background-size: 30px 15px;
}
a.btn.animal-icon-2 {
	padding-left: 2.75em;
	background-image: url(../images/icon-animal-2.png);
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 30px 21px;
}
a.btn.animal-icon-3 {
	padding-left: 2.25em;
	background-image: url(../images/icon-animal-3.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 22px 16px;
}
a.btn.animal-icon-4 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-4.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
a.btn.animal-icon-5 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-5.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
a.btn.animal-icon-6 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-6.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
a.btn.animal-icon-7 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-7.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
a.btn.animal-icon-7-1 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-7-1.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
a.btn.animal-icon-7-2 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-7-2.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
a.btn.animal-icon-7-3 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-7-3.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
a.btn.animal-icon-7-4 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-7-4.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
a.btn.animal-icon-7-5 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-7-5.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 16px;
}
a.btn.animal-icon-8 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-8.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
a.btn.animal-icon-9 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-9.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
a.btn.animal-icon-10 {
	padding-left: 2.125em;
	background-image: url(../images/icon-animal-10.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 20px 10px;
}
a.btn.animal-icon-11 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-11.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
a.btn.animal-icon-12 {
	padding-left: 4.25em;
	background-image: url(../images/icon-animal-12.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 46px 25px;
}
a.btn.animal-icon-13-1 {
	padding-left: 2.75em;
	background-image: url(../images/icon-animal-13-1.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 24px 22px;
}
a.btn.animal-icon-13-2 {
	padding-left: 2.75em;
	background-image: url(../images/icon-animal-13-2.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 24px 25px;
}
a.btn.animal-icon-13-3 {
	padding-left: 2.5em;
	background-image: url(../images/icon-animal-13-3.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 20px 21px;
}
a.btn.animal-icon-13-4 {
	padding-left: 2.75em;
	background-image: url(../images/icon-animal-13-4.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 24px 25px;
}
a.btn.animal-icon-13-5 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-13-5.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 14px 15px;
}
a.btn.animal-icon-13-6 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-13-6.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 14px 15px;
}
a.btn.animal-icon-13-7 {
	padding-left: 2.75em;
	background-image: url(../images/icon-animal-13-7.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 24px 16px;
}
a.btn.animal-icon-13-8 {
	padding-left: 2.25em;
	background-image: url(../images/icon-animal-13-8.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 19px 25px;
}
a.btn.animal-icon-13-9 {
	padding-left: 2.25em;
	background-image: url(../images/icon-animal-13-9.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 15px 22px;
}
a.btn.animal-icon-14 {
	padding-left: 2.5em;
	background-image: url(../images/icon-animal-14.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 24px 22px;
}
a.btn.animal-icon-15 {
	padding-left: 2.75em;
	background-image: url(../images/icon-animal-15.png);
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 30px 21px;
}
a.btn.animal-icon-16 {
	padding-left: 2em;
	background-image: url(../images/icon-animal-16.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
a.btn.animal-icon-50 {
	padding-left: 3.25em;
	background-image: url(../images/icon-animal-50.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 28px 28px;
}
.toolbar-shop-ads {
	float: right;
	margin-left: 1em;
}
.toolbar-shop-ads a {
	color: #fff;
	text-decoration: none;
	font-size: 0.75em;
}
.rating {
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: 700;
	color: #878787;
	display: inline-block;
}
.rating a {
	color: #878787;
	text-decoration: none;
}
.rating a:hover {
	color: #7dbb4a;
}
.rating .rate-stars {
	position: relative;
	width: 100px;
	height: 16px;
	z-index: 1;
	text-indent: -999em;
	background: url(../images/rating-stars.png) 0 0 no-repeat;
	float: left;
	margin-right: 0.75em;
}
.rating.big .rate-stars {
	width: 253px;
	height: 40px;
	background: url(../images/rating-stars-big.png) 0 0 no-repeat;
	margin-right: 0.75em;
}
.rating .rate-stars .stars {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 16px;
	background: url(../images/rating-stars.png) 0 -16px no-repeat;
	z-index: 2;
}
.rating.big .rate-stars .stars {
	height: 40px;
	background: url(../images/rating-stars-big.png) 0 -40px no-repeat;
}
.rate-stars .stars.stars-0_5 	{ width: 10%; }
.rate-stars .stars.stars-1 	{ width: 20%; }
.rate-stars .stars.stars-1_5 	{ width: 30%; }
.rate-stars .stars.stars-2 	{ width: 40%; }
.rate-stars .stars.stars-2_5 	{ width: 50%; }
.rate-stars .stars.stars-3 	{ width: 60%; }
.rate-stars .stars.stars-3_5 	{ width: 71%; }
.rate-stars .stars.stars-4 	{ width: 80%; }
.rate-stars .stars.stars-4_5 	{ width: 92%; }
.rate-stars .stars.stars-5 	{ width: 100%; }

.colored {
	color: #7dbb4a;
}
.colored.nowrap {
	white-space: nowrap;
}

ul.reviews {
	list-style: none;
	margin: 1.5em 0 2.5em 0;
}
ul.reviews li {
	margin: 0 0 0.75em 0;
}
h4.comment {
	margin: 0 0 0.25em 0;
	font-size: 1em;
	line-height: 1.5em;
}
ul.comments {
	list-style: none;
	margin: 1.5em 0 4em 0;
}
ul.comments li {
	text-align: center;
	margin: 0 0 2.25em 0;
}
ul.comments li .date {
	font-size: 0.875em;
	line-height: 1.5em;
	font-style: italic;
}
ul.comments li .date.selected {
	color: #ff0000;
}
ul.comments li .name {
	color: #7dbb4a;
	font-size: 1.25em !important;
	line-height: 1.25em;
}
ul.comments li .purchase {
	margin: 0.5em 0 0 0;
}
ul.comments li .comment {
	margin: 0.5em 0 0 0;
}

ul.comments li.reply {
	margin-top: -1.5em;
	padding: 1em;
	background: #e5e5db;
}
ul.comments li.reply .name {
	font-size: 1em !important;
	font-style: italic;
}
ul.comments li.reply .comment {
	font-style: italic;
	font-size: 0.875em;
	line-height: 1.5em;
}

ul.comments li .reply {
	margin: 0.5em 0 0 0;
	font-size: 0.6875em;
	line-height: 1.5em;
}
ul.comments li .reply a {
	text-decoration: none;
}
ul.comments li .remove {
	margin: 0.5em 0;
	font-size: 0.6875em;
	line-height: 1.5em;
}
ul.comments li .remove a {
	text-decoration: none;
}
ul.comments li .remove a.remove-item {
	color: #ff0000;
}
ul.comments li .remove a:hover {
	text-decoration: underline;
}
.add-rating {
	margin: 2.5em 0 0 0;
	height: 5em;
}
.star-rating {
	width: 100px;
	height: 16px;
	margin: 0;
	font-size: 0;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	background: url(../images/rating-stars.png) 0 0 no-repeat;
}
.star-rating i {
	position: absolute;
	left: 0;
	top: 0;
	height: 16px;
	width: 20%;
	background: url(../images/rating-stars.png) 0 -16px no-repeat;
	z-index: 1;
	opacity: 0;
}
.star-rating input {
	display: inline-block;
	width: 20%;
	height: 16px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
}
.star-rating input:hover + i,
.star-rating input:checked + i {
	opacity: 1;
}
.star-rating i ~ i { width: 40%; }
.star-rating i ~ i ~ i { width: 60%; }
.star-rating i ~ i ~ i ~ i { width: 80%; }
.star-rating i ~ i ~ i ~ i ~ i { width: 100%;}

@media only screen and (min-width: 46.875em) {
	ul.reviews li .label {
		display: inline-block;
		width: 48.5%;
		margin-right: 3%;
		text-align: right;
	}
	ul.reviews li .rating {
		width: 48.5%;
	}

}

.follow-profile {
	float: right;
	margin: -0.25em 0 0 0.75em;
}
.btn.btn-follow {
	font-size: 0.75em;
	line-height: 1.75em;
	padding: 0 1.875em 0 0.75em;
	background: #7dbb4a url(../images/icon-follow.png) 92% center no-repeat;
	background-size: 13px 13px;
}

/* Ads
--------------------------------------------------- */
#selection {}
#selection .wrapper {
	margin: 0;
	max-width: 1320px;
}
#selection .location-info {
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: 2px dotted #878787;
}

#selection a.filter-open {
	margin: 0 20px 0 0;
}
#selection .filter-quicksearch {
	margin-top: 8px;
}
@media only screen and (min-width: 30em) {
	#selection .filter-quicksearch {
		display: inline-block;
		margin-top: 0;
	}
}
#selection a.filter-close {
	float: right;
	text-decoration: none;
	font-size: 1.75em;
	padding: 0 0.25em;
}
#selection .selection-wrap {
	margin: 0 0 10px 0;
	font-size: 0.975em;
	line-height: 1.25em;
/* 	display: none; */
}

#selection  #search-form {
	margin: 0;
	max-width: none;
}
#selection .location-info .label {
	font-weight: 600;
	font-size: 0.875em;
	line-height: 1.25em;
	margin: 0 0 0.5em 0;
}
#selection .location-info .input-search {
	border: 1px solid #7dbb4a;
	background: rgba(243, 243, 232, 0.4);
	padding: 0.5em 1.5em 0.5em 0.5em;
	outline: none;
	width: 235px;
	max-width: 100%;
	margin-right: 4px;
	float: left;
}
#selection .location-info .clear-search-input {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 1.25em;
	padding: 0 0.125em;
	color: #7dbb4a;
	cursor: pointer;
	z-index: 10;
}
#selection .location-info .input-search:focus {
	border-color: #7dbb4a;
	box-shadow: 0px 0px 6px #e0e0e0;
	-moz-box-shadow: 0px 0px 6px #e0e0e0;
	-webkit-box-shadow: 0px 0px 6px #e0e0e0;
	background: rgba(243, 243, 232, 0.1);
}
#selection .location-info .offer-filter {
	clear: both;
	margin: 1em 0 0 0;
	font-size: 0.875em;
	line-height: 1.5em;
}
#selection .location-info .btn-search {
/* 	display: none; */
	display: block;
	width: 36px;
	height: 42px;
	border: none;
	border-radius: 0;
	font-size: 16px;
	line-height: 40px;
	background: #7dbb4a url(../images/icon-search.png) center center no-repeat;
	text-indent: -999em;
	color: #fff;
	font-weight: 700;
	padding: 0;
}

#selection a.btn-filter {
	border: 2px solid #7dbb4a;
	padding: 0.5em 1em;
	color: #7dbb4a;
	font-size: 1em;
	text-decoration: none;
	display: inline-block;
}
#selection a.btn-filter:hover {
	background: #7dbb4a;
	color: #fff;
}

#selection .location-info .filtered {
	margin: 0.75em 0 0.5em 0;
}
#selection .location-info .filter-value {
	display: inline-block;
	border-radius: 2px;
	padding: 4px 8px;
	background: #ccc;
	font-size: 0.75em;
	line-height: 1.25em;
	font-weight: 400;
	margin: 0 4px 3px 0;
}
#selection .location-info a.filter-value {
	background: #7dbb4a;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 14px;
}
#selection .location-info a.filter-value:hover {
	opacity: 0.7;
}

@media only screen and (min-width: 30em) {
	#selection .location-info .input-search {
		width: 380px;
	}
}
@media only screen and (min-width: 40em) {
	#selection .location-info .label {
		font-size: 1em;
	}
	#selection .location-info .input-search {
		width: 100%;
		max-width: 350px;
		display: inline-block;
		float: none;
		margin-right: 0;
	}
	#selection .location-info .clear-search-input {
		top: 0px;
	}
	#selection .location-info .btn-search {
		display: inline-block;
		width: auto;
		height: 44px;
		font-size: 16px;
		line-height: 44px;
		padding: 0 14px;
		text-indent: inherit;
		background-image: none;
	}
	#selection .location-info .btn-search:hover {
		opacity: 0.7;
	}
	#selection .selection-wrap .col-left {
		width: auto;
		float: left;
	}
	#selection .selection-wrap .col-right {
		width: auto;
		margin-left: 300px;
	}
}
@media only screen and (min-width: 60em) {
	#selection .location-info .input-search {
		max-width: 420px;
	}
	#selection .location-info .offer-filter {
		text-align: center;
		margin: 0.75em 0 0.75em 0;
		font-size: 0.875em;
		line-height: 1.5em;
	}
	#search-form {
		display: inline-block;
		overflow: hidden;
		width: 100%;
	}
}

#ads {
	margin-top: 0;
}
#ads .article {
	margin: 0 0 1.5em 0;
	padding: 0 0 1em 0;
	overflow: hidden;
	border-bottom: 2px dotted #878787;
	position: relative;
}
#ads .article .column {
	margin: 0 0 1.5em 0;
	position: relative;
}
#ads .article .column:first-of-type {
	line-height: 0;
	margin-bottom: 0.5em;
	position: relative;
}
#ads .article .column .shipping {
	background: #7dbb4a;
	color: #fff;
	line-height: 1;
	padding: 8px 8px;
	font-size: 0.75em;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
#ads .article .column img {
	width: 100%;
	height: auto;
}
#ads .article .column img.light {
	opacity: 0.5;
}
#ads .article .column .price {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #7dbb4a;
	color: #fff;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 700;
	white-space: nowrap;
	padding: 0.375em 1em;
}

#ads .article .column .name {
	margin: 0 0 0.25em 0;
}
#ads .article .column .name a {
	text-decoration: none;
	line-height: 1.25em;
}
#ads .article .column .name a span {
	font-size: 0.375em;
	font-weight: 700;
	color: #fff;
	background: #7dbb4a;
	padding: 0.375em 0.875em;
	white-space: nowrap;
	vertical-align: super;
}
#ads .article .column .name a:hover span {
	opacity: 0.7;
}
#ads .article .column .address {
	margin: 0.5em 0 0.5em 0;
	font-weight: 700;
}
#ads .article .column .next-date {}
#ads .article .column .next-date img {
	width: 40px;
	height: auto;
	padding-left: 7px;
}
#ads .article .column .next-date .animal-1 { width: 36px; }
#ads .article .column .next-date .animal-2 { width: 36px; }
#ads .article .column .next-date .animal-3 { width: 30px; }
#ads .article .column .next-date .animal-4 { width: 23px; }
#ads .article .column .next-date .animal-5 { width: 25px; }
#ads .article .column .next-date .animal-6 { width: 30px; }
#ads .article .column .next-date .animal-7 { width: 30px; }
#ads .article .column .next-date .animal-7-1 { width: 30px; }
#ads .article .column .next-date .animal-7-2 { width: 30px; }
#ads .article .column .next-date .animal-7-3 { width: 32px; }
#ads .article .column .next-date .animal-7-4 { width: 40px; }
#ads .article .column .next-date .animal-2 { width: 30px; }
#ads .article .column .next-date .animal-9 { width: 30px; }
#ads .article .column .next-date .animal-10 { width: 35px; }
#ads .article .column .next-date .animal-11 { width: 30px; }
#ads .article .column .next-date .animal-12 { width: 40px; }
#ads .article .column .next-date .animal-13 { width: 30px; }
#ads .article .column .next-date .animal-13-1 { width: 30px; }
#ads .article .column .next-date .animal-13-2 { width: 30px; }
#ads .article .column .next-date .animal-13-3 { width: 30px; }
#ads .article .column .next-date .animal-13-4 { width: 30px; }
#ads .article .column .next-date .animal-13-5 { width: 30px; }
#ads .article .column .next-date .animal-13-6 { width: 24px; }
#ads .article .column .next-date .animal-13-7 { width: 30px; }
#ads .article .column .next-date .animal-13-8 { width: 30px; }
#ads .article .column .next-date .animal-13-9 { width: 22px; }
#ads .article .column .next-date .animal-14 { width: 30px; }
#ads .article .column .next-date .animal-15 { width: 36px; }
#ads .article .column .next-date .animal-16 { width: 30px; }
#ads .article .column .next-date .animal-60 { width: 30px; }

#ads .article .column .payment-info {
	margin: 0.5em 0 0 0;
}
#ads .article .column .payment-info img {
	width: 120px;
	height: auto;
}

#ads .article .column .other-service {}
#ads .article .column .other-service .flag {
	display: inline-block;
	width: 22px;
	height: 16px;
	text-indent: -999em;
	line-height: 1em;
	margin: 0 2px;
}
#ads .article .column .other-service .flag.flag1 {
	background: url(../images/flag-at.png) center center no-repeat;
}
#ads .article .column .other-service .flag.flag2 {
	background: url(../images/flag-de.png) center center no-repeat;
}
#ads .article .column .profile-info {
	margin-top: 1em;
	font-size: 0.875em;
	line-height: 1.5em;
}

#ads .article .column .status-bar {
/* 	margin: 0 0 1em 0; */
	margin: 0;
	overflow: hidden;
}
.status-bar .info {
	color: #7dbb4a;
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: 700;
	margin: 0 0 0.6875em 0;
	text-align: right;
}
.status-bar .info.red { color: #ed8770; }
ul.bar {
	margin: 0;
	list-style: none;
}
ul.bar li {
	width: 23.875%;
	height: 12px;
	float: left;
	margin-right: 1.5%;
}
ul.bar li:last-child {
	margin-right: 0;
}
ul.bar li.green { background: #7dbb4a; }
ul.bar li.red { background: #ed8770; }


ol.ads {
	margin: 0 0 0.5em 0;
	list-style: none;
}
ol.ads li {}

ul.animals {
	margin: 0;
	list-style: none;
	text-align: center;
}
ul.animals li {
	display: inline-block;
	width: 90px;
	margin: 0 0 0.125em 0;
}
ul.animals li .pig-left {
	max-width: 49%;
	float: left;
	margin-right: 2%;
}
ul.animals li .pig-right {
	max-width: 49%;
}
ul.animals li.dist-left {
	margin-left: 5px;
}
ul.animals li.dist-right {
	margin-right: 5px;
}
ul.animals li.half {
	width: 60px;
	margin-right: 5px;
}
ul.animals li.half.animal-5 {
	width: 42px;
}
ul.animals li.half.animal-6 {
	width: 55px;
}
ul.animals li.full {
	width: 100px;
	position: relative;
}
ul.animals li.full.animal-4 {
	width: 30px;
}
ul.animals li.full.animal-7 {
	width: 60px;
}
ul.animals li.full.animal-9 {
	width: 30px;
}
ul.animals li.full.animal-10 {
	width: 45px;
}
ul.animals li.full.animal-11 {
	width: 45px;
}
ul.animals li.full.animal-12 {
	width: 90px;
}
ul.animals li.full.animal-13 {
	width: 90px;
}
ul.animals li.full.animal-13-1 {
	width: 80px;
}
ul.animals li.full.animal-13-2 {
	width: 90px;
}
ul.animals li.full.animal-13-3 {
	width: 70px;
}
ul.animals li.full.animal-13-4 {
	width: 90px;
}
ul.animals li.full.animal-13-5 {
	width: 60px;
}
ul.animals li.full.animal-13-6 {
	width: 35px;
}
ul.animals li.full.animal-13-7 {
	width: 70px;
}
ul.animals li.full.animal-13-8 {
	width: 65px;
}
ul.animals li.full.animal-13-9 {
	width: 35px;
}
ul.animals li.full.animal-14 {
	width: 60px;
}
ul.animals li.full.animal-16 {
	width: 40px;
}
ul.animals li.full.animal-50 {
	width: 90px;
}
ul.animals li.full .beef-order-img {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
ul.animals li.full .calf-order-img {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.btn.btn-show-profile {
	width: 100%;
	text-align: center;
	font-weight: 700;
	padding: 0.5em;
}
.btn-show-profile-light {
	text-align: center;
	font-weight: 700;
	padding: 0.5em;
	color: #fff;
	background: rgba(135, 135, 135, 0.5);
	border-radius: 2px;
	display: inline-block;
	width: 100%;
}

@media only screen and (min-width: 60em) {
/*
	#selection.fixed {
		position: fixed;
		top: 0;
		width: 100%;
		background: #f2f2e8;
		padding-top: 20px;
		padding-right: 40px;
		z-index: 1000;
	}
	#ads.selection-fixed {
		padding-top: 9em;
	}
*/
}

@media only screen and (min-width: 30em) and (max-width: 46.875em) {
	#ads .article .column {
		width: 60%;
		float: left;
	}
	#ads .article .column:first-of-type {
		width: 38%;
		margin-right: 2%;
	}
	#ads .article .column:last-of-type {
		width: 100%;
		margin: 0;
	}

	#ads .article .column .status-bar {
		width: 60%;
		float: right;
	}
	.btn.btn-show-profile,
	.btn-show-profile-light {
		width: 60%;
		float: right;
	}
	ul.animals {
		text-align: right;
	}

}
@media only screen and (min-width: 46.875em) {
	#ads .article .column {
		float: left;
		width: 43%;
		margin-right: 1%;
		margin-bottom: 0;
	}
	#ads .article .column:first-of-type {
		width: 33%;
	}
	#ads .article .column:last-of-type {
		width: 22%;
		margin-right: 0;
	}
	#ads .article .column.bottom {
		position: absolute;
		bottom: 1.5em;
		right: 0;
	}
	ul.animals {
		text-align: right;
	}
}


/* Profile
--------------------------------------------------- */
#profile .image-wrap {
	width: 100%;
	padding: 20px 0 0 0;
}
#profile .image-wrap .header-image {
	line-height: 0;
}
#profile .image-wrap .header-image img {
	width: 100%;
	height: auto;
}

#profile .profile-wrap {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 2px dotted #878787;
}
i.arrow {
	margin-left: 8px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 4px;
}
i.arrow.small {
	border-width: 0 2px 2px 0;
	padding: 3px;
}
i.arrow.green {
	border-color: #7dbb4a;
}
i.arrow.arrow-right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
i.arrow.arrow-left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
i.arrow.arrow-up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
i.arrow.arrow-down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#profile .name {
	margin: 0 0 0.25em 0;
	font-size: 1.875em;
	line-height: 1.25em;
}

#profile .profile-image {
	display: none;
}
#profile .services {
	display: none;
}
#profile .services-mobile-only,
#profile .services-mobile-only .services,
#profile .services-mobile-only .certificates {
	display: block;
}
#profile .services-mobile-only .services {
	margin-bottom: 1.5em;
}
#profile .services-mobile-only .certificates ul,
#profile .services-mobile-only .shipping-partner ul {
	list-style: none;
	margin: 0 0 2em 0;
}
#profile .services-mobile-only .certificates ul li,
#profile .services-mobile-only .shipping-partner ul li {
	display: inline-block;
	height: 50px;
	margin: 0 15px 15px 0;
}
#profile .services-mobile-only .shipping-partner ul li {
	height: 30px;
}
#profile .services-mobile-only .certificates ul li img,
#profile .services-mobile-only .shipping-partner ul li img {
	width: auto;
	height: 50px;
}
#profile .services-mobile-only .shipping-partner ul li img {
	height: 30px;
}

#profile .certificates,
#profile .shipping-info {
	display: none;
}

#profile .address {
	margin: 1.5em 0 0.5em 0;
	font-weight: 700;
}
#profile .next-date {
	font-weight: 700;
}
#profile .next-date-info {
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 0.75em 0 1.5em 0;
}
#profile .next-date .flag {
	display: inline-block;
	width: 22px;
	height: 16px;
	text-indent: -999em;
	line-height: 1em;
	margin: 0 2px;
}
#profile .next-date .flag.flag1 {
	background: url(../images/flag-at.png) center center no-repeat;
}
#profile .next-date .flag.flag2 {
	background: url(../images/flag-de.png) center center no-repeat;
}

#profile .more-dates {
	display: inline-block;
}
#profile .more-dates a.button-more {
	border: 2px solid #7dbb4a;
	display: inline-block;
	padding: 0.75em;
	font-size: 0.875em;
	line-height: 1em;
	font-weight: 700;
	text-decoration: none;
}
#profile .more-dates a.button-more:hover,
#profile .more-dates a.button-more.selected {
	background: #7dbb4a;
	color: #fff;
}
#profile .more-dates ul {
	list-style: none;
	margin: 0.25em 0 0 0;
	border: 2px solid #7dbb4a;
}
#profile .more-dates ul li {
	margin: 0.25em 0;
	padding: 0 0.75em;
	font-size: 0.875em;
	font-weight: 700;
	text-align: center;
}
#profile .more-dates ul li.selected {
	color: #7dbb4a;
 	background: url(../images/icon-date-checked.png) 0.75em 4px no-repeat;
}
#profile .more-dates ul li a {
	text-decoration: none;
	display: block;
	color: #878787;
 	background: url(../images/icon-date-checked.png) 0 -27px no-repeat;
}
#profile .payment-info {
	margin: -0.5em 0 0.75em 0;
}
#profile .payment-info img {
	width: 120px;
	height: auto;
}
#profile .offer-title {
	font-weight: 700;
	font-size: 0.875em;
	margin: 0 0 3px 0;
}
#profile .fridge-info {
	margin: 1.5em 0 0 0;
}
#profile .fridge-info .fridge-crowd {
	width: 100px;
	height: auto;
	margin: 2px 4px;
}
#profile .cart {
	border: 2px solid #7dbb4a;
	padding: 10px;
	margin-bottom: 0.75em;
}
#profile .cart .title {
	margin: 0.25em 0 0.75em 0;
	padding-bottom: 0.5em;
	border-bottom: 2px dotted #878787;
	text-align: center;
	font-weight: 700;
}
#profile .cart .empty {
	text-align: center;
	font-size: 0.875em;
	line-height: 1.5em;
}
#profile .cart ul {
	list-style: none;
	margin: 0;
}
#profile .cart ul li {
	font-size: 0.875em;
	line-height: 1.5em;
	margin-bottom: 1em;
	overflow: hidden;
}
#profile .cart ul li:last-child {
	border-top: 2px dotted #878787;
	border-bottom: 4px solid #7dbb4a;
	padding: 0.75em 0 0.5em 0;
	font-size: 1.125em;
}
#profile .cart ul li .article {
	float: left;
}
#profile .cart ul li .article span.desc {
	display: block;
	font-size: 0.75em;
	line-height: 1.5em;
}
#profile .cart ul li .price {
	font-weight: 600;
	white-space: nowrap;
	margin-left: 10px;
	float: right;
}
#profile .cart ul li .price span {
	display: block;
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: right;
	padding-bottom: 0.25em;
}
#profile .cart ul li .add-ons {
	margin: 0 0 0.125em 0;
	text-align: right
}
#profile .cart ul li .add-ons .type {
	font-size: 0.875em;
	line-height: 1.6875em;
	float: left;
	text-align: left;
}
#profile .cart ul li .add-ons .sum {
	font-size: 0.875em;
	line-height: 1.6875em;
	font-weight: 600;
}
#profile .cart ul li .add-ons .type a.selection {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -999em;
	margin: 0 4px 0 0;
	background: url(../images/input-checkbox-small.png) 0 0 no-repeat;
}
#profile .cart ul li .add-ons .type a.selection.add {
	background-position: 0 0;
}
#profile .cart ul li .add-ons .type a.selection.remove {
	background-position: 0 -20px;
}

#profile .btn-cart-empty {
	border-radius: 2px;
	border: none;
	padding: 0.6875em 1.5em;
	color: #fff;
	font-size: 1em;
	background-color: #7dbb4a;
	text-decoration: none;
	text-align: center;
	opacity: 0.5;
}
#profile .cart .order-details {
	margin: 0 0 0.25em 0;
	text-align: center;
	font-size: 0.6875em;
	line-height: 1.5em;
}

#profile .btn-cart {
	width: 100%;
	text-align: center;
	font-weight: 700;
}

#profile .article-wrap {}
#profile .article-wrap .article {
	text-align: center;
	margin-bottom: 2em;
}
#profile .article-wrap .article:last-of-type {
	margin-bottom: 0;
}
#profile .article-wrap .article h5 {
	margin-bottom: 1em;
}

#profile ul.product {
	list-style: none;
	margin: 0 0 1em 0;
	display: inline-block;
}
#profile ul.product li {
	display: inline-block;
	width: 49%;
	margin: 0 0 1em 0;
}
#profile ul.product.fullwidth li {
	display: block;
	width: 100%;
}
#profile ul.product li label {
	display: block;
}
#profile ul.product li .pig,
#profile ul.product li .lamb,
#profile ul.product li .beef,
#profile ul.product li .calf,
#profile ul.product li .chicken,
#profile ul.product li .turkey,
#profile ul.product li .turkey2,
#profile ul.product li .goat,
#profile ul.product li .goose,
#profile ul.product li .duck,
#profile ul.product li .fish,
#profile ul.product li .pagage {
	display: block;
	margin-bottom: 0.75em;
	position: relative;
}
/*
#profile ul.product li .lamb img {
	min-width: 120%;
	height: auto;
}
*/

#profile ul.product li .beef-order-img {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 10;
}
#profile ul.product li .calf-order-img {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 10;
}
#profile ul.product li .price {
	margin-bottom: 0.5em;
	font-weight: 600;
	font-size: 0.875em;
	white-space: nowrap;
}
#profile ul.product li .price.light {
	color: #878787;
}
#profile ul.product li .pig.available,
#profile ul.product li .lamb.available,
#profile ul.product li .beef.available,
#profile ul.product li .calf.available,
#profile ul.product li .chicken.available,
#profile ul.product li .turkey.available,
#profile ul.product li .turkey2.available,
#profile ul.product li .goat.available,
#profile ul.product li .goose.available,
#profile ul.product li .duck.available,
#profile ul.product li .fish.available,
#profile ul.product li .package.available,
#profile ul.product li .deer.available,
#profile ul.product li .wine.available {
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#profile ul.product li .pig.available:hover,
#profile ul.product li .lamb.available:hover,
#profile ul.product li .beef.available:hover,
#profile ul.product li .calf.available:hover,
#profile ul.product li .chicken.available:hover,
#profile ul.product li .turkey.available:hover,
#profile ul.product li .turkey2.available:hover,
#profile ul.product li .goat.available:hover,
#profile ul.product li .goose.available:hover,
#profile ul.product li .duck.available:hover,
#profile ul.product li .fisch.available:hover,
#profile ul.product li .package.available:hover,
#profile ul.product li .deer.available:hover,
#profile ul.product li .wine.available:hover {
	opacity: 0.7;
}

#profile ul.order-tour {
	margin: 1.5em 0 0 0;
}
#profile ul.order-tour > li {
	margin: 0 0 1em 0;
}
#profile ul.order-tour > li > .ticket {
	font-weight: 600;
	font-size: 0.875em;
	line-height: 1.375em;
	white-space: nowrap;
}
#profile ul.order-tour > li > .price {
	font-weight: normal;
	font-size: 0.75em;
	margin-bottom: 0.75em;
	white-space: nowrap;
}
#profile ul.order-tour > li > .number {
	width: 4em;
	text-align: center;
	border: 1px solid #4da3c4;
	background: rgba(243, 243, 232, 0.4);
	padding: 0.375em 0.25em;
	outline: none;
}
#profile ul.order-tour > li > .number:focus {
	border-color: #4da3c4;
	box-shadow: 0px 0px 6px #e0e0e0;
	-moz-box-shadow: 0px 0px 6px #e0e0e0;
	-webkit-box-shadow: 0px 0px 6px #e0e0e0;
	background: rgba(243, 243, 232, 0.1);
}

#profile .product-info {
	text-align: center;
	padding: 1em 0 0.5em 0;
}
#profile .product-description {
	padding: 0.5em 0;
/* 	display: none; */
}
#profile .product-description.border {
	border: 1px solid #7dbb4a;
}

#profile ul.legend {
	list-style: none;
	margin: 0;
}
#profile ul.legend li {
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: 700;
	margin: 0 0 0.25em 0;
}

#profile ul.legend li .dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0.25em 0.375em 0 0;
	float: left;
}
#profile ul.legend li.red 			{ color: #ed8770 }
#profile ul.legend li.red .dot 		{ background-color: #ed8770 }
#profile ul.legend li.gray 			{ color: #878787 }
#profile ul.legend li.gray .dot		{ background-color: #878787 }
#profile ul.legend li.green 		{ color: #7dbb4a }
#profile ul.legend li.green .dot	{ background-color: #7dbb4a }
#profile ul.legend li.blue 			{ color: #4da3c4 }
#profile ul.legend li.blue .dot	{ background-color: #4da3c4 }

#profile .movie {
	text-align: center;
	margin: -1em 0;
}

/* gallery */
#profile ul.gallery {
	overflow: hidden;
	margin: 0 0 1em 0;
	list-style: none;
}
#profile ul.gallery li {
	line-height: 0;
	margin: 0 0 0.75em 0;
	background: #d8d8ce;
}
#profile ul.gallery li a {
	display: block;
	position: relative;
}
#profile ul.gallery li a .more-pics {
	width: 100%;
	line-height: 1.5em;
 	font-weight: bold;
	text-align: center;
	position: absolute;
	bottom: 0.5em;
	right: 0;
	color: rgba(255, 255, 255, 0.8);
}
#profile ul.gallery li a img {
	width: 100%;
	height: auto;
}
#profile ul.gallery li a:hover img {
	opacity: 0.7;
}
@media only screen and (min-width: 22em) {
	#profile ul.gallery li {
		float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	#profile ul.gallery li:nth-child(even) {
		margin-right: 0;
	}
}
@media only screen and (min-width: 40.625em) {
	#profile ul.gallery li {
		width: 23.5%;
		margin-bottom: 0;
	}
	#profile ul.gallery li:nth-child(even) {
		margin-right: 2%;
	}
	#profile ul.gallery li:nth-child(4) {
		margin-right: 0%;
	}
}


/* menu */
ul.menu-gallery {
	margin: 0;
	list-style: none;
}
ul.menu-gallery > li {
	display: inline-block;
	margin: 0 5px 5px 0;
}
ul.menu-gallery > li > a {
	background-color: #d9d9d9;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #444;
	text-decoration: none;
	padding: 0.25em 0.75em;
	font-size: 0.6875em;
}
ul.menu-gallery > li > a:hover {
	background: #cfcfcf;
	border-color: #c5c5c5;
}
ul.menu-gallery > li > a.selected {
	background: #bdbdbd;
	border-color: #bcbcbc;
}

/* edit */
a.add-data {
	font-size: 0.75em;
	font-weight: 700;
}

@media only screen and (min-width: 46.875em) {
	#profile .image-wrap {
		padding: 20px 20px 10px 20px;
	}
	#profile .profile-image {
		display: block;
	}
	#profile .profile-image img {
		width: 100%;
		height: auto;
	}
	#profile .services {
		display: block;
		margin: 2em 0 1em 0;
	}
	#profile .services ul {
		list-style: none;
		margin: 0;
	}
	#profile .services ul li {
		margin: 0.75em 0;
		padding-left: 26px;
		color: #7dbb4a;
		font-weight: 300;
		line-height: 1.375em;
		background: url(../images/icon-checked.png) left 2px no-repeat;
	}
	#profile .services-mobile-only {
		display: none;
	}

	#profile .certificates {
		display: block;
		margin: 2em 0 1em 0;
	}
	#profile .certificates ul {
		list-style: none;
		margin: 0;
	}
	#profile .certificates ul li {
		margin: 0;
		padding: 0.25em 0;
	}
	#profile .certificates ul li img {
		width: 35%;
		height: auto;
	}

	#profile .shipping-info {
		display: block;
	}
	#profile .shipping-partner {
		margin: 0.75em 0 1em 0;
	}
	#profile .shipping-partner ul {
		list-style: none;
		margin: 0;
	}
	#profile .shipping-partner ul li {
		margin: 0;
		padding: 0.5em 0;
	}
	#profile .shipping-partner ul li img {
		width: 40%;
		height: auto;
	}

	#profile ul.product li {
		margin-bottom: 0.25em;
	}

	#profile ul.order-tour > li {
		display: inline-block !important;
		width: 32% !important;
		margin: 0;
	}

	#profile ul.legend li {
		text-align: right;
	}
	#profile ul.legend li .dot {
		float: right;
		margin: 0.25em 0 0 0.375em;
	}
}
@media only screen and (min-width: 53em) {
	#profile .profile-wrap {
		width: 63%;
		float: left;
		border-bottom: none;
		padding-bottom: 0;
	}
	#profile .profile-wrap.fullwidth {
		width: 100%;
	}
	#profile .cart-wrap {
		width: 35%;
		margin-left: 65%;
	}
	#profile .article-wrap .article {
		width: 49%;
		display: block;
		float: left;
		margin: 0 0.5% 0 0.5%;
	}
	#profile .article-wrap .article.half-left {
		width: 45%;
		text-align: right;
		margin-right: 4%;
	}
	#profile .article-wrap .article.half-right {
		width: 45%;
		text-align: left;
		margin-left: 4%
	}
	#profile .article-wrap .article.fullwidth {
		width: 100%;
		float: none;
	}
}

/* ads */
.advert {
	margin-bottom: 2em;
	padding: 0 0 0.5em 0;
	border-bottom: 2px dotted #878787;
}
.advert .ad-id {
	background: #7dbb4a;
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: 700;
	margin-bottom: 0.75em;
	padding: 0.5em 0.5em;
	color: #fff;
}
.advert .ad-id.offline {
	background: #ed8770;
}
.advert .ad-id.completed {
/* 	background: #f6bb42; */
}
.advert .ad-id .edit {
	float: right;
	margin-left: 1em;
	font-size: 0.875em;
}
.advert .ad-id .edit a {
	color: #fff;
}
.advert ul.facts {
	list-style: none;
	margin: 0;
}
.advert ul.facts li {
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 0 0 0.25em 0;
}
.advert ul.facts li.description {
	border: 1px solid #7dbb4a;
	padding: 0.5em 0.75em;
	margin-bottom: 1em;
	font-size: 0.6875em;
}

.advert .form-sum,
.form-sum {
	border: 1px solid #7dbb4a;
	background: rgba(217, 217, 206, 0.2);
	padding: 0.5em 0.75em;
	margin-bottom: 1em;
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: 600;
}

.responsive-table {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 0px solid #ddd;
}

.table-customer {
	margin: 1em 0 2em 0;
	font-size: 0.75em;
	line-height: 1.5em;
}
.table-customer.sold {
	background: rgba(125, 187, 74, 0.25);
}
.table-customer tr {
    display: table-row;
	border: 1px solid #7dbb4a;
}
.table-customer tr.hide {
	display: none;
}
.table-customer.offline tr {
	border-color: #ed8770;
}
.table-customer th {
	background: #7dbb4a;
    padding: 0.25em 0.5em;
    color: #fff;
}
.table-customer.offline th {
	background-color: #ed8770;
}
.table-customer th .sold {
	float: right;
	text-transform: uppercase;
	font-weight: 700;
}
.table-customer td {
    float: none;
    display: table-cell;
    width: 50%;
    padding: 0.5em;
	border: 1px solid #7dbb4a;
}
.table-customer.offline td {
	border-color: #ed8770;
}
.table-customer td:first-child {
	width: 115px;
}
.table-customer .pig,
.table-customer .lamb,
.table-customer .beef,
.table-customer .calf,
.table-customer .chicken,
.table-customer .turkey,
.table-customer .turkey2,
.table-customer .goat,
.table-customer .goose,
.table-customer .duck,
.table-customer .fisch,
.table-customer .package,
.table-customer .deer,
.table-customer .wine {
	width: 110px;
	float: left;
	text-align: center;
	font-size: 0.6875em;
	line-height: 1em;
	font-weight: 700;
}
.table-customer .pig img {
	width: 50px;
	height: auto;
	float: left;
	margin: 0 3px 6px 0;
}
.table-customer .beef img {
	width: 80px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}
.table-customer .calf img {
	width: 65px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}
.table-customer .lamb img {
	width: 70px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}
.table-customer .chicken img {
	width: 50px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}
.table-customer .turkey img {
	width: 60px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}
.table-customer .turkey2 img {
	width: 60px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}
.table-customer .goat img {
	width: 70px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}
.table-customer .goose img {
	width: 50px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}
.table-customer .duck img {
	width: 50px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}
.table-customer .fish img {
	width: 50px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}
.table-customer .package img {
	width: 50px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}
.table-customer .deer img {
	width: 60px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}
.table-customer .wine img {
	width: 60px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 3px;
}

.table-customer .title {
	font-size: 0.6875em;
	line-height: 1.5em;
	font-weight: 700;
	margin: 0 0 0.25em 0;
}

ul.product-list {
	list-style: none;
	margin: 0;
}
ul.product-list li {
	border-bottom: 1px solid #7dbb4a;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
}
#profile ul.product-list {
	margin: 2em 0;
}
#profile ul.product-list li:first-child {
	border-top: 1px solid #7dbb4a;
	padding: 1em 0 1em 0;
}
ul.product-list li .ad-id {
	background: #7dbb4a;
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: 700;
	margin-bottom: 0.75em;
	padding: 0.5em 0.5em;
	color: #fff;
}
ul.product-list li .ad-id.offline {
	background: #ed8770;
}

ul.product-list li .edit {
	float: right;
	margin-left: 1em;
	font-size: 0.875em;
}
ul.product-list li .ad-id .edit a {
	color: #fff;
}
ul.product-list li .image {
	background: #d8d8ce;
	float: left;
	width: 18%;
	line-height: 0;
}
ul.product-list li .details {
	width: 80%;
	margin-left: 20%;
}
ul.product-list li .details .title {
	font-weight: 600;
	color: #7dbb4a;
	margin-bottom: 0.25em;
}
ul.product-list li .details .description {
	font-size: 0.875em;
	line-height: 1.5em;
}
ul.product-list li .details .priceinfo {
	margin-top: 0.25em;
	text-align: right;
}
ul.product-list li .details .priceinfo .price {
	margin-left: 1em;
	font-weight: 600;
}
ul.product-list li .details .in-cart {
	text-align: right;
	margin-top: 0.625em;
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: 600;
	color: #7dbb4a;
}
ul.product-list li .details .buy {
	text-align: right;
	margin-top: 0.625em;
	white-space: nowrap;
}
ul.product-list li .details .buy .piece {
	margin-right: 0.5em;
}
ul.product-list li .details .buy .btn-submit {
	font-size: 0.9375em;
	padding: 0.625em 2.25em 0.625em 1em ;
	font-weight: 600;
	background-image: url(../images/icon-shoppingcart-white.png);
	background-repeat: no-repeat;
	background-position: 92% center;
	background-size: 18px 20px;
}
ul.product-list li .details .buy .btn-submit.add {
	background-image: url(../images/loading-add-cart.gif);
	background-size: 16px 16px;
}
ul.product-list li .details .buy .btn-cart-empty {
	border-radius: 2px;
	border: none;
	padding: 0.625em 1em;
	color: #fff;
	font-size: 0.9375em;
	line-height: 1.125em;
	background-color: #7dbb4a;
	text-decoration: none;
	text-align: center;
	opacity: 0.5;
	display: inline-block;
}

ul.product-list ul.subtitle {
	margin: 0 0 0.75em 1.25em;
	list-style-type: disc
}
ul.product-list ul.subtitle > li {
	border: none;
	padding: 0;
	margin: 0 0 0.125em 0;
	font-size: 0.875em;
	line-height: 1.5em;
}

#profile ul.product-list ul.subtitle {
	margin: 0 0 0.75em 1.25em;
	list-style-type: disc
}
#profile ul.product-list ul.subtitle > li {
	border: none;
	padding: 0;
	margin: 0 0 0.125em 0;
	font-size: 0.875em;
	line-height: 1.5em;
}

/* Profile
--------------------------------------------------- */
ul.delivery {
	margin: 0 0 1.25em 0;
	list-style: none;
}
ul.delivery li {
	margin: 0 0 0.5em 0;
	padding-left: 0.125em;
	line-height: 1.125em;
}
ul.delivery li label.date-info {
	margin-left: 0.25em;
	font-weight: 600;
}
ul.delivery li a.handing {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -999em;
	margin: 0 4px 0 0;
	background: url(../images/input-radio-small.png) 0 0 no-repeat;
}
ul.delivery li a.handing.checked {
	background-position: 0 -20px;
}
ul.delivery li label.date-info sup {
	font-size: 0.6em;
	top: -0.75em;
}
ul.user-data {
	list-style: none;
	margin: 0 0 0.5em 0;
}
ul.user-data li {
	font-size: 0.875em;
	line-height: 1.375em;
	margin: 0;
}


/* Blog
--------------------------------------------------- */
h1.blog-title {
	line-height: 2em;
	background: #7dbb4a;
	color: #fff;
	margin-top: 0;
	padding: 0 20px;
}
h1.blog-title a {
	color: #fff;
	text-decoration: none;
}
h1.blog-title a:hover {
	text-decoration: underline;
}
.article-wrapper {
    overflow: hidden;
    margin-bottom: 1em;
}
.blog-headline {
	position: relative;
	overflow: hidden;
    width: 100%;
 	margin-bottom: 1.5em;
 	background: #fff;
}
.blog-headline .content {
	padding: 16px 20px;
}
.blog-headline h3 {
	margin: 0;
	font-size: 1.25em;
	line-height: 1.25em;
}

.blog-article {
	position: relative;
	overflow: hidden;
    width: 100%;
 	margin-bottom: 2em;
 	background: #fff;
}
.blog-article figure {
	line-height: 0;
	background: #878787;
	margin-bottom: 0.25em;
}
.blog-article .content {
	padding: 20px 20px;
}
.blog-article .content h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.75em;
}
.blog-article .content h2 a {
	text-decoration: none;
}
.blog-article .content h2 a:hover {
	text-decoration: underline;
}
.blog-article .content .article-meta {
	font-size: 0.875em;
	color: #878787;
}
.blog-article .content .article-meta a {
	color: #878787;
	text-decoration: none;
}
.blog-article .content .article-meta a:hover {
	color: #7dbb4a;
}
.blog-article .content .read-more {
	margin: 0;
}

h3.comments-title {
	margin: 2em 0 1em 0;
}
.blog-comment {
	position: relative;
	overflow: hidden;
    width: 100%;
 	margin-bottom: 1.5em;
 	background: #fff;
}
.blog-comment .content {
	padding: 20px 20px;
}
.blog-comment .content h4 {
	margin: 0 0 0.25em 0;
	font-size: 1.25em;
}
.blog-comment .content .comment-meta {
	font-size: 0.875em;
	color: #666;
	margin: 0 0 0.75em 0;
}
.blog-comment .comment-form {
	padding: 20px 20px;
}

.blog-widget {
	background: #fff;
	margin-bottom: 1.75em;
	padding: 15px 15px;
}
.blog-widget h3 {
	margin-top: 0;
}
ul.blog-tags {
	list-style: none;
	margin: 0;
	overflow: hidden;
}
ul.blog-tags li {
	float: left;
	margin: 0 0.375em 0.375em 0;
}
ul.blog-tags li a {
	background: #f2f2f2;
	text-decoration: none;
	color: #878787;
	padding: 0.25em 0.75em;
	line-height: 1.5em;
	display: block;
}
ul.blog-tags li a:hover {
	background: #e6e6e6;
	color: #3d3d3b;
}
ul.blog-tags li a.selected {
	background: #e0e0e0;
	color: #3d3d3b;
}

.blog-search-form {
	overflow: hidden;
	position: relative;
}
.blog-input-search {
	background: #f2f2f2;
	border: none;
	outline: none;
	padding: 10px 52px 10px 8px;
	line-height: 26px;
	width: 100%;
}
.blog-input-search:focus {
	background: rgba(243, 243, 243, 0.85);
}
.blog-btn-search {
	color: #fff;
	border: none;
	background: #7dbb4a url(../images/icon-search.png) center center no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	text-indent: -999em;
	display: block;
	width: 48px;
	height: 48px;
	z-index: 2;
	position: absolute;
	right: 0;
	top: 0;
}
.blog-btn-search:hover {
	background-color: rgba(125, 186, 75, 0.7);
}
p.blog-search-error {
	margin: 0.5em 0 0 0;
}

a.btn.blog-sidebar {
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 1.25em;
}


/* Form
--------------------------------------------------- */
fieldset {
	border-color: #e7e7e7;
	padding: 1em 1em 2em 1em;
	background-color: #f9f9f9;
	margin-bottom: 1.5em;
}
.formset {
	margin: 1em 0;
}
.formset.more-margin-top {
	margin-top: 2em;
}
.formset.order {
	margin: 1em 0 0 0;
}
.formset label, ul.form-list, .formset input[type="text"], .formset input[type="password"], .formset textarea, .formset .input-text-only, .formset .input-wrap {
	display: inline-block;
}
.formset label,
.formset label.fullwidth {
	width: 100%;
	font-size: 0.875em;
	line-height: 1.25em;
	font-weight: 600;
	padding-left: 1%;
}
.formset label.label-input {
	font-size: 1em;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
}
.formset label.label-input input[type="text"] {
	max-width: 100%;
}
.formset label.label-radio {
	width: auto;
	line-height: 2.25em;
	margin-left: 2.5em;
	font-weight: normal;
}
.formset label.label-radio-small {
	width: auto;
	line-height: 2em;
	margin-left: 1.75em;
	font-weight: normal;
}
.formset label.label-checkbox-small {
	width: auto;
	line-height: 2em;
	margin-left: 1.75em;
	font-weight: normal;
}
.formset label.label-checkbox-small2 {
	width: auto;
	padding: 0.5em 0;
	line-height: 1.25em;
	margin-left: 1.75em;
	font-weight: normal;
	text-align: left;
}
.formset label.selection {
	width: 100%;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	padding-left: 0;
	padding-left: 1.5em;
}
.formset input[type="text"], .formset input[type="password"], .formset textarea, .formset select.maxwidth, .input-text {
	width: 100%;
	border-radius: 0;
	border: 1px solid #7dbb4a;
	background: rgba(243, 243, 232, 0.4);
	padding: 0.5em;
	outline: none;

}
.formset .input-text-only {
	width: 100%;
	font-size: 0.875em;
	line-height: 1.5em;
	padding: 0.5em;
}
.formset input[type="text"]:focus, .formset input[type="password"]:focus, .formset textarea:focus, .formset select:focus, .input-text:focus {
	border-color: #7dbb4a;
	box-shadow: 0px 0px 6px #e0e0e0;
	-moz-box-shadow: 0px 0px 6px #e0e0e0;
	-webkit-box-shadow: 0px 0px 6px #e0e0e0;
	background: rgba(243, 243, 232, 0.1);
}
.formset input[type="text"].smaller {
	width: 60%;
}
.formset input[type="text"].smaller-code {
	width: 5em;
}
.formset input[type="text"].modal-1 {
	border-color: #666;
}
.formset input[type="text"].datepicker {
	width: 7em;
}
.formset input[type="text"].w1, .input-text.w1 {
	width: 5em;
}
.formset input[type="text"].w2, .input-text.w2 {
	width: 7em;
}
.formset input[type="text"].w3, .input-text.w3 {
	width: 9em;
}
.formset input[type="text"].w4, .input-text.w4 {
	width: 12em;
}
.formset input[type="text"].w5, .input-text.w5 {
	width: 3em;
}
.formset input[type="text"].piece, .input-text.piece {
	width: 3em;
	text-align: center;
}
.formset input[type="text"].phone1 {
	width: 20%;
	float: left;
}
.formset input[type="text"].phone2 {
	width: 65%;
	margin-left: 1%;
}
.formset select {
	border: 1px solid #dbdbdb;
	padding: 0.375em 0.25em 0.375em 0.375em;
}
.formset textarea.small {
	min-height: 110px;
}
.formset textarea.big {
	min-height: 160px;
}
.formset textarea.bigger {
	min-height: 250px;
}
.formset textarea.required-field {
	border-color: #e10000;
}
.formset .btn-file {
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: 0.25em 0.75em;
	margin: 0 1em 1em 0;
	font-size: 0.75em;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
	color: #444;
	background-color: #d9d9d9;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.formset .file-selected  {
	padding-right: 28px;
	display: inline-block;
	color: #000;
	background: url(../images/icon-check.png) right center no-repeat;
}

.formset .btn-file input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: -999px;
	text-align: left;
	filter: alpha(opacity=0);
	opacity: 0;
	cursor: inherit;
	display: block;
}
.formset a.cancel {
	line-height: 2.75em;
	margin-right: 2em;
	font-size: 0.875em;
}
.formset .error-file {
	color: #ff0000;
	font-size: 0.875em;
	font-weight: normal;
	margin-top: 10px;
}
.formset .image-wrap {
	line-height: 0;
	margin: 0 1em 1em 0;
	float: left;
}
.formset .image-wrap img {
	width: 150px;
	max-width: 100%;
	height: auto;
}

.checkbox-accept {
	float: left;
	margin-right: 0.5em;
}
.checkbox-accept.checked {
	background-position: -20px -20px;
}
.lost-pass {
	font-size: 0.75em;
	line-height: 1.25em;
	margin-top: -5px;
	font-weight: 700;
}
.captcha {
	width: 100%;
	display: inline-block;
}
.captcha .number {
	font-size: 1.375em;
	margin-right: 0.25em;
}

p.confirm {
	margin-top: 40px;
}
ul.form-selection {
	margin: 0.5em 0 0 0;
	list-style: none;
	width: 100%;
}
ul.form-selection li {
	width: auto;
 	margin: 0 1em 0 0;
	position: relative;
	display: inline-block;
}
ul.form-selection li .border-bottom {
	border-bottom: 1px dotted #878787;
	padding-bottom: 1em;
}
ul.form-selection li .input,
ul.form-selection li .textarea {
	margin: 0 0 1em 1.75em;
}
ul.form-selection.block li {
	display: block;
}
ul.form-selection li .input-radio {
	position: absolute;
	top: 0;
	left: 0;
}
ul.form-selection li .input-radio-small {
	position: absolute;
	top: 5px;
	left: 0;
}
ul.form-selection li .input-checkbox-small {
	position: absolute;
	top: 4px;
	left: 0;
}

.required {
	color: #e10000;
}
.required.right {
	margin-left: 2px;
}

.btn-submit,
.btn,
a.btn {
	border-radius: 2px;
	border: none;
	padding: 0.6875em 1em;
	color: #fff;
	background-color: #7dbb4a;
	text-decoration: none;
	display: inline-block;
	outline: none;
}
.btn-submit:hover,
.btn:hover,
a.btn:hover {
	background-color: rgba(125, 186, 75, 0.7);
}
.btn-submit.btn-small,
a.btn.btn-small {
	font-size: 1em;
	line-height: 1.5em;
	padding: 0.5em 1.25em;
}
.btn-submit.btn-small.disabled,
.btn-submit.btn-small.disabled:hover {
	background-color: rgba(125, 186, 75, 0.6);
}
.btn-submit.btn-smaller,
a.btn.btn-smaller {
	font-size: 1em;
	line-height: 1.25em;
	padding: 0.5em 1em;
}
.btn-submit.right {
	float: right;
}
.btn-no-link {
	cursor: text;
}
.btn-filter-date {
	border: none;
	text-decoration: none;
	display: inline-block;
	outline: none;
	font-size: 0.6em;
	line-height: 1.5em;
	background: none;
	color: #7dbb4a;
}
.btn-filter-date:hover {
	background: none;
}
.btn-print-label {
	background-image: url(../images/icon-print2.png);
	background-position: 94% center;
	background-repeat: no-repeat;
	background-size:  20px 18px;
	padding-right: 36px !important;
}
.btn-order {
	background-image: url(../images/icon-shoppingcart-white.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 18px 20px;
	padding-right: 40px;
	font-size: 0.875em;
}
.btn-order.add {
	background-image: url(../images/loading-add-cart.gif);
	background-size: 16px 16px;
}
.btn-order.btn-style-3.add {
	background-image: url(../images/loading-add-cart2.gif);
}
a.btn.btn-pay {
	padding: 0.25em 0.75em;
	color: #fff !important;
	font-size: 0.75em;
	line-height: 1.5em;
}
.btn-light {
	border-radius: 2px;
	border: none;
	padding: 0.5em 1.5em;
	color: #fff;
	font-size: 1em;
	background-color: #7dbb4a;
	text-decoration: none;
	text-align: center;
	opacity: 0.5;
	display: inline-block;
}
.btn-light.blue {
	background-color: rgba(77, 163, 197, 0.7);
}
.btn-default,
a.btn-default {
	background-color: #ccc;
	color: #333;
}
a.btn.btn-status {
	font-size: 0.75em;
	line-height: 1em;
	padding: 0.5 0.75em;
	width: 80px;
	color: #333 !important;
	background-color: #ccc;
	text-align: center;
}
a.btn.btn-status:hover {
	background-color: #d5d5d5;
}
a.btn-status.done {
	color: #fff !important;
	background-color: #7dbb4a;
}
a.btn-status.done:hover {
	background-color: rgba(125, 186, 75, 0.7);
}
.btn-default:hover,
a.btn-default:hover {
	background-color: rgba(204, 204, 204, 0.7);
}
.btn-style-2,
a.btn-style-2 {
	background-color: #cd4128;
	color: #fff;
}
.btn-style-2:hover,
a.btn-style-2:hover {
	background-color: rgba(204, 66, 41, 0.7);
}
.btn-style-3,
a.btn-style-3 {
	background-color: #4da3c4;
	color: #fff;
}
.btn-style-3:hover,
a.btn-style-3:hover {
	background-color: rgba(77, 163, 197, 0.7);
}
.btn-style-4,
a.btn-style-4 {
	background-color: #cd4128;
	color: #fff;
}
.btn-style-4:hover,
a.btn-style-4:hover {
	background-color: rgba(204, 66, 41, 0.7);
}
.btn-style-5,
a.btn-style-5 {
	background-color: #ccc;
	color: #333;
}
.btn-style-5:hover,
a.btn-style-5:hover {
	background-color: #d5d5d5;
}
.btn-style-6,
a.btn-style-6 {
	background-color: #feb000;
	color: #333;
}
.btn-style-6:hover,
a.btn-style-6:hover {
	/*background-color: #f8c100;*/
	background-color: #feb000;
}

a.btn.btn-select {
	background-color: #ccc;
	color: #000;
	padding: 0.5em 1em;
	font-size: 0.5em;
	line-height: 1.5em;
}
a.btn.btn-select:hover {
	background-color: #ddd;
}
.form-style1 {
	width: 100%;
	max-width: 30em;
	margin-bottom: 2em;
}
.form-style2 {
	width: 100%;
	max-width: 18em;
	margin: 0 auto;
	text-align: center;
}
.form-style3 {
	width: 100%;
	max-width: 35em;
}

.form ::-webkit-input-placeholder 	{ color: #7dbb4a; font-size: 0.75em; line-height: 1.75em; text-align: right; }
.form ::-moz-placeholder 			{ color: #7dbb4a; font-size: 0.75em; line-height: 1.75em; text-align: right; }
.form :-moz-placeholder 			{ color: #7dbb4a; font-size: 0.75em; line-height: 1.75em; text-align: right; }
.form :-ms-input-placeholder 		{ color: rgba(125, 186, 75, 0.5); text-align: right; }

@media only screen and (min-width: 30em) {
	fieldset {
		padding: 1em 2em 2em 2em;
	}
	.formset label {
		width: 34%;
		padding-right: 2%;
		text-align: right;
	}
	.formset label.maxwidth {
		width: 100%;
		text-align: left;
	}
	.formset.formset-radio {
		padding: 0.25em 0;
	}
	.formset.formset-checkbox {
		padding: 0.25em 0;
	}
	.captcha {
		width: 64%;
		max-width: 30em;
	}
	.formset input[type="text"], .formset input[type="password"], .formset textarea, .formset .input-wrap {
		width: 64%;
		max-width: 30em;
	}
	.formset .input-text-only {
		width: 64%;
		max-width: 30em;
	}
	ul.form-selection {
		width: 64%;
		max-width: 30em;
		margin: -1.75em 0 1.25em 36%;
		margin: -1.75em 0 0 36%;
	}
	ul.form-selection.cookies {
		margin: 0;
		width: 100%;
		max-width: 100%;
	}
	ul.form-selection.left {
		width: 100%;
		margin: -0.75em 0 0 0;
	}
	.formset select.maxwidth {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.formset input[type="text"].smaller {
		width: 32%;
		max-width: 15em;
	}
	.lost-pass {
		margin-left: 34%;
	}
	.btn-submit {
		float: right;
	}
	.btn-submit.center {
		float: none;
	}
}
@media only screen and (min-width: 46.875em) {
	select {
		max-width: 100%;
	}
	.cookies-title {
		float: left;
		line-height: 1em;
	}
	.formset.formset-radio.cookies {
		text-align: right;
	}
}

/* Footer
--------------------------------------------------- */
#footer {
	margin-top: 4em;
 	background: rgba(97, 170, 37, 0.75);
	color: #fff;
	padding: 30px 0px 20px 0px;
}
#footer.hint {
	margin-bottom: 10em;
}
#footer.cookie-info {
	padding-bottom: 25em;
}

#footer .column-wrap {
	overflow: hidden;
	padding: 0 20px;
}
#footer .column-wrap .column {
	text-align: center;
	margin: 0 0 2em 0;
}
#footer .column-wrap h3 {
	color: #fff;
	margin: 0 0 0.75em 0;
	font-size: 1.125em;
}
#footer .column-wrap a {
	color: #fff;
	text-decoration: none;
}
#footer .column-wrap a:hover {
	text-decoration: underline;
}
ul.bottomNav {
	margin: 0 0 1em 0;
	list-style: none;
}
ul.bottomNav li {
	margin: 0 0 5px 0;
}

ul.social-icons {
	margin: 0;
	list-style: none;
}
ul.social-icons li {
	display: inline-block;
	margin: 5px 5px;
}
.social-icon {
	display: block;
	width: 34px;
	height: 34px;
	text-indent: -999em;
	font-size: 0;
 	background: url(../images/social-iconsprite3.png) 0 -34px no-repeat;
 	opacity: 0.8;
/*
	background: url(../images/social-iconsprite-share.png) 0 -34px no-repeat;
	opacity: 1;
*/
}
.social-icon.share {
	background: url(../images/social-iconsprite-share3.png) 0 -34px no-repeat;
	opacity: 1;
}
.social-icon:hover {
	opacity: 1;
}
.social-icon.share:hover {
	opacity: 0.75;
}
.social-icon.facebook	{ background-position: 0 0 }
.social-icon.twitter	{ background-position: -48px 0 }
.social-icon.email		{ background-position: -96px 0 }
.social-icon.whatsapp	{ background-position: -144px 0 }
.social-icon.pinterest	{ background-position: -96px 0 }
.social-icon.instagram	{ background-position: -144px 0 }
.social-icon.whatsapp2	{ background-position: -192px 0 }

/*
#footer .column-wrap .column .banner {
	margin-top: 1.5em;
}
#footer .column-wrap .column .banner img {
	max-width: 100%;
	height: auto;
}
*/
#footer .banner {
	text-align: center;
	margin: 1em 0 0 0;
	line-height: 0;
	padding: 0 1.5em;
}
#footer .banner img {
	max-width: 100%;
	height: auto;
}
#footer .copyright {
	margin: 1.5em 0 0 0;
	padding: 0 20px;
	text-align: center;
	color: #fff;
}
#footer .copyright p {
	margin-bottom: 0.25em;
	font-size: 0.875em;
	line-height: 1.5em;
}
#footer .siteby {
	text-align: center;
	padding: 1em 0 0 0;
}
#footer .siteby a {
	display: inline-block;
	text-indent: -999em;
	width: 110px;
	height: 20px;
	background: url(../images/siteby.png) center center no-repeat;
	opacity: 0.6;
}
#footer .siteby a:hover {
	opacity: 1;
}


.cookie-hint {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 20000;
	border-top: 2px solid #7dbb4a;
	background: rgba(255, 255, 255, 0.92);
	color: #333;
}
.cookie-hint .wrapper {
	padding: 1em 20px;
	font-size: 0.875em;
	line-height: 1.5em;
}
.cookie-hint a.cancel {
	float: right;
	text-decoration: none;
	color: #9c9c9c;
	font-size: 1.5em;
	margin: 0;
	padding: 0.125em;
	border: none;
}
.cookie-hint a.btn,
.btn.cookies {
	margin: 0 0.375em 1.25em 0;
	padding: 0.5em 1.25em;
	display: block;
	font-size: 0.925em;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.cookie-hint a.btn.settings,
.cookie-hint a.btn.essential,
.btn.cookies.save {
	background: #a7a7a7;
	color: rgba(255, 255, 255, 0.8);
}
.cookie-hint a.btn.settings:hover,
.cookie-hint a.btn.essential:hover,
.btn.cookies.save:hover {
	background: #c0c0c0;
}

@media only screen and (min-width: 30em) {
	.cookie-hint a.btn,
	.btn.cookies {
		display: inline-block;
	}
	.debit-content .modal-content .card {
		float: right;
		width: 200px;
		height: auto;
		margin-left: 30px;
	}
}
@media only screen and (min-width: 40em) {
	#footer.hint {
		margin-bottom: 8em;
	}
	#footer .column-wrap .column {
		float: left;
		width: 50%;
	}
}
@media only screen and (min-width: 46.875em) {
	#footer.hint {
		margin-bottom: 6em;
	}
	#footer.cookie-info {
		padding-bottom: 15em;
	}
	#footer .column-wrap .column {
		width: 33.33334%;
	}
	#footer .column-wrap .column:last-of-type {
		clear: none;
		float: left;
		width: 100%;
	}
}
@media only screen and (min-width: 60em) {
	#footer .column-wrap .column {
		width: 25%;
		text-align: left;
	}
	#footer .column-wrap .column:last-of-type {
		width: 25%;
	}
	#footer .column-wrap .column:last-of-type h3 {
		text-align: right;
	}
	ul.social-icons {
 		float: right;
	}
	ul.social-icons.share {
 		float: none;
	}

}


/* Media Queries
--------------------------------------------------- */

/* Tablet 750px / 46.875em */
@media only screen and (min-width: 46.875em) {

	.mobile-only {
		display: none;
	}
	.desktop-only {
		display: block;
	}

    .alternative {
	    display: block;
    }
	#header .logo {
		height: 70px;
	}
	#header .logo a {
		width: 123px;
		height: 68px;
	}

	#header .beta-logo {
		left: 100px;
	}

	.mainContent.mainRight {
		width: 70%;
		float: right;
		padding: 20px 20px 50px 20px;
	}
	.mainContent.mainRight.profile {
		width: 75%;
		padding-left: 10px;
	}
	.mainContent.mainLeft {
		width: 70%;
		float: left;
		padding: 20px 20px 50px 20px;
	}
	.mainContent.fullwidth {
		width: 100%;
		float: none;
	}
	.mainContent.fullwidth.blog {
		min-height: inherit;
	}
	.mainContent.halfwidth {
		width: 50%;
		float: left;
	}

	.sidebarLeft {
		width: 30%;
		margin-right: 70%;
		padding: 0.8em 20px;
	}
	.sidebarLeft.profile {
		width: 25%;
		margin-right: 75%;
		padding: 20px 10px 20px 20px;
	}
	.sidebarRight {
		width: 30%;
		margin-left: 70%;
		padding: 20px 20px 15px 20px;
	}

	.submenu {
		margin-top: 4.75em;
	}
	ul.subNav li {
		margin-bottom: 0.5em;
	}
	ul.subNav li a {
		display: inline-block;
		background: none;
		color: #3d3d3b;
		padding: 0;
	}
	ul.subNav li a:hover {
		background: none;
		color: #7dbb4a;
	}
	ul.subNav li a.selected {
		background: none;
		color: #7dbb4a;
	}
	ul.subNav li ul {
		list-style: none;
		margin: 0.25em 0 0 0;
		background: none;
	}
	ul.subNav li ul li {
		background: none;
		margin-bottom: 0;
	}
	ul.subNav li ul li a {
		padding: 0 0 0 1.5em;
		background: none;
	}

	ul.pages li.alternative {
		display: inherit;
		color: #fff;
	}
	ul.pages li {
		margin-left: 2px;
		font-size: 0.875em;
		line-height: 1.5em;
	}
	ul.pages li a {
		padding: 5px 10px;
	}

	h1.title-section,
	h2.title-section,
	h3.title-section {
		font-size: 2.5em;
	}

	.two-columns {
		overflow: hidden;
	}
	.two-columns .col {
		width: 50%;
		float: left;
		margin-bottom: 0;
	}
	.three-columns {
		overflow: hidden;
	}
	.three-columns .col {
		width: 33.33334%;
		float: left;
		margin-bottom: 0;
	}

	#ads .article .column .shipping {
		font-size: 0.875em;
	}
}

/* Desktops  960px / 60em */
@media only screen and (min-width: 60em) {
	#header {
		background: #f2f2e8 url(../images/header-bg.png) left -15px repeat-x;
		padding-top: 25px;
		padding-bottom: 10px;
	}
	#header .logo {
		height: auto;
		float: left;
	}
	#header .logo a {
		width: 160px;
		height: 85px;
	}
	#header .beta-logo {
		left: 105px;
		top: -15px;
	}

	#header.header-home {
		position: relative;
		height: auto;
		padding: 0;
		background: #878787;
	}
	#header.header-home .logo a {
		background-image: url(../images/logo-nahgenuss-white.svg);
	}
	.no-svg #header.header-home .logo a {
		background: url(../images/logo-nahgenuss-white.png) 0 0 no-repeat;
	}

	#header.header-home .menu-wrap {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 125px;
		padding-top: 25px;
		z-index: 100;
		background: url(../images/header-gradient-home.png) center top repeat-x;
	}

	#nav {
		float: right;
		margin: 23px 20px 0 0;
		overflow: hidden;
		font-size: 1em;
	}
	#nav .mobile-only {
		display: none;
	}
	#nav ul > li {
		display: inline-block;
		border: none;
		margin-left: 0.3125em;
	}
	#nav ul > li > a {
		background: none;
		color: #878787;
		font-size: 1em;
		font-weight: 700;
		padding: 0.25em 0.125em;
	}
	#nav ul > li.shopping-cart a {
		text-indent: -999em;
		background: url(../images/icon-shopping-cart.svg) center -35px no-repeat;
		display: block;
		width: 30px;
		height: 32px;
		line-height: 1em;
		-webkit-transition-property: none;
		-moz-transition-property: none;
		-o-transition-property: none;
		transition-property: none;
	}
	.no-svg #nav ul > li.shopping-cart a {
		background: url(../images/icon-shopping-cart.png) center -35px no-repeat;
	}
	#nav ul > li.shopping-cart a:hover {
		background-position: center -70px;
	}
	#nav ul > li.shopping-cart > a.selected {
		background-position: center -70px;
	}

	#header.header-home #nav ul > li.shopping-cart a {
		background-position: center 0;
	}
	#header.header-home #nav ul > li.shopping-cart a:hover {
		background-position: center -70px;
	}

	#nav a:link, #nav a:hover {
		color: #878787;
	}
	#nav a:hover {
		color: #7dbb4a;
		background: none;
	}
	#nav a.selected {
		color: #7dbb4a;
		background: none;
	}

	#nav .toggle-search {
		display: block;
		outline: none;
	}

	#header.header-home ul#mainNav > li > a {
		color: #fff;
	}
	#header.header-home ul#mainNav > li > a:hover {
		color: #7dbb4a;
	}

	.main.home {
		padding-top: 0;
	}
}

/* Desktops  1440px / 90em */
@media only screen and (min-width: 80em) {
	.mainContent {
		font-size: 1.25em;
		line-height: 1.5em;
	}
}


/* Responsive-Nav Basic-Layout */
.js #nav {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1;
}
#nav.opened {
	max-height: 9999px;
}

/* Toggle-Button */
#nav-toggle {
	display: block;
	position: absolute;
	right: 20px;
	top: 8px;
	cursor: pointer;
	background: #7dbb4a url(../images/nav-button-small.png) center center no-repeat;
	width: 36px;
	height: 36px;
	text-indent: -999em;
}
@media only screen and (min-width: 46.875em) {
	#nav-toggle {
		top: 9px;
		right: 24px;
		width: 48px;
		height: 44px;
		background-image: url(../images/nav-button.png);
	}
}

/* Responsive-Nav Desktop-Layout */
@media only screen and (min-width: 60em) {
	.js #nav {
		position: relative;
	}
	.js #nav.closed {
		max-height: none;
	}
	#nav-toggle {
		display: none;
	}
}