add soft-hypen support

This commit is contained in:
Jonas Heinrich 2024-03-25 12:28:26 +01:00
parent 834c66ffa8
commit fb9587bf2b
14 changed files with 3741 additions and 41 deletions

869
app_only.html Normal file
View file

@ -0,0 +1,869 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Questionnaire Wizard</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/feather.min.js"></script>
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/styles/progress-tracker.css">
</head>
<body>
<div class="questionaire">
<div class="stepTracker">
<ul class="progress-tracker progress-tracker-mobile progress-tracker--text">
<li class="progress-step is-complete">
<div class="progress-marker" data-text="1"></div>
<div class="progress-text">
<h4 class="progress-title">Wildtier gefunden</h4>
</div>
</li>
<li class="progress-step">
<div class="progress-marker" data-text="2"></div>
<div class="progress-text">
<h4 class="progress-title">Klassifizieren</h4>
</div>
</li>
<li class="progress-step">
<div class="progress-marker" data-text="3"></div>
<div class="progress-text">
<h4 class="progress-title">Hilfestellung erhalten</h4>
</div>
</li>
</ul>
<ul class="progress-tracker progress-tracker-desktop progress-tracker--text progress-tracker--text-inline progress-tracker--spaced">
<li class="progress-step is-complete">
<div class="progress-marker" data-text="1">
<div class="progress-text">
<h4 class="progress-title">Wildtier gefunden</h4>
</div>
</div>
</li>
<li class="progress-step">
<div class="progress-marker" data-text="2">
<div class="progress-text">
<h4 class="progress-title">Klassifizieren</h4>
</div>
</div>
</li>
<li class="progress-step">
<div class="progress-marker" data-text="3">
<div class="progress-text">
<h4 class="progress-title">Hilfestellung erhalten</h4>
</div>
</div>
</li>
</ul>
</div>
<main>
<!-- <div class="infoArea">Test 123</div> -->
<div id="questionContainer"></div>
</main>
</div>
<template id="cardTemplate" style="display: none;">
<div class="card">
<div class="card-body">
<div class="media">
<img class="d-flex mr-3 rounded-circle img-thumbnail thumb-lg" src="https://upload.wikimedia.org/wikipedia/commons/9/9d/Unknown_Member.jpg?20170805162126" alt="Generic placeholder image" />
<div class="media-body">
<h5 class="mt-0 font-18 mb-1"></h5>
<p class="text-muted font-14"></p>
</div>
</div>
<div class="contact">
<ul class="social-links mb-0">
<li class="entry-phone hide">
<i class="fi-phone" data-feather="phone"></i>
<a href="">
<span></span>
</a>
</li>
<li class="entry-envelope hide">
<i class="fi-envelope" data-feather="mail"></i>
<a href="">
<span></span>
</a>
</li>
<li class="entry-home hide">
<i class="fi-home" data-feather="home"></i>
<a target=new href="">
<span></span>
</a>
</li>
<li class="entry-map hide">
<i class="fi-map" data-feather="map"></i>
<a target=new href="">
<span></span>
</a>
</li>
</ul>
</div>
</div>
</div>
</template>
</body>
<style>
* {
box-sizing: border-box;
}
html, body {
background-color: #f7fafa;
}
.questionaire {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
padding: 1rem;
}
.progress-tracker-desktop .progress-step:last-child {
display: inline-table !important;
flex-grow: unset !important;
}
.progress-tracker-desktop .progress-step:last-child .progress-text {
overflow: visible !important;
}
.stepTracker {
width: 100%;
max-width: 800px;
}
.progress-tracker {
padding: 0 0.25rem;
margin: 1rem auto !important;
}
.progress-tracker-mobile {
display: none;
}
.progress-marker:after {
z-index: 10 !important;
}
@media (max-width: 600px) {
.progress-tracker-desktop {
display: none;
}
.progress-tracker-mobile {
display: flex;
margin: 1rem 0rem 0 0rem;
}
.progress-step:last-child .progress-marker {
display: flex;
flex-direction: row-reverse;
}
.progress-step:last-child .progress-title {
text-align: right;
}
.progress-step:last-child .progress-marker:after {
background-color: #b6b6b6;
height: 1px !important;
content: "";
display: block;
position: absolute;
z-index: -10;
top: 10px;
right: 5px;
width: 100%;
height: 4px;
transition: background-color 0.3s, background-position 0.3s;
}
.progress-step:nth-child(2) .progress-marker {
display: flex;
justify-content: center;
}
.progress-step:nth-child(2) .progress-title {
text-align: center;
}
}
.progress-marker::after {
height: 1px !important;
}
.progress-marker::before {
font-size: 0.9rem;
font-weight: 500;
padding: 1rem;
width: 34px;
height: 34px;
}
.progress-title {
font-size: 1rem;
}
.progress-text {
background-color: #f7fafa !important;
}
.infoArea {
padding: 2rem;
border-right: 1px solid #d5d9d9
}
.progress-step.is-complete .progress-marker::before, .progress-step.is-progress .progress-marker::before {
background-color: #008296 !important;
}
h2 {
margin: .25rem 0 1rem 0;
}
a.backLink {
text-decoration: none;
color: #0F1111;
}
main {
display: flex;
align-items: top;
max-width: 600px;
width: 100%;
padding: 40px;
background-color: #fff;
border-radius: 5px;
border: 1px solid #ddd;
box-shadow: 0 0 10px rgba(0,0,0,.1);
font-size: 0.95rem;
gap: 2rem;
margin: 1rem !important
}
@media (max-width: 600px) {
main {
padding: 20px;
}
}
button {
border: 1px solid #d5d9d9;
border-radius: 8px;
box-shadow: 0px 2px 5px rgba(213, 217, 217, 0.5);
background-color: white;
color: black;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
gap: 10px;
padding: 0;
}
button span {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 9px 15px 9px 27px;
hyphens: auto;
}
button span.with-image {
padding: 0px 10px 0px 5px;
flex: 0 1 50%;
}
button img {
object-fit: cover;
object-position: top;
height: 100%;
max-width: 130px;
width: 100%;
border-radius: 7px 0px 0px 7px;
flex: 0 1 50%;
}
@media (max-width: 600px) {
button {
flex-direction: column;
}
button img {
width: 100%;
border-radius: 7px 7px 0px 0px;
height: 200px;
max-width: unset;
flex: unset;
}
button span.with-image {
padding: 0px 15px 9px 25px;
flex: unset;
}
}
button svg {
height: 1rem;
stroke-width: 2;
min-width: 2rem;
}
#buttonContainer {
display: grid;
grid-template-columns: calc(50% - 6.5px) calc(50% - 6.5px);
gap: 13px 13px;
}
@media (max-width: 600px) {
#buttonContainer {
grid-template-columns: 1fr;
}
}
button:hover {
background-color: #f7fafa;
}
#questionContainer {
opacity: 0;
transition: opacity 0.25s ease-in-out;
width: 100%;
}
#questionContainer > p {
padding: 1.5rem 0;
}
#questionContainer.show {
opacity: 1;
}
#questionContainer > svg {
margin-bottom: 3px;
height: 16px;
padding-top: 2px;
margin-left: -5px;
}
</style>
<style>
.thumb-lg {
height: 70px;
width: 70px;
}
.card {
border: 1px solid #d5d9d9;
border-radius: 8px;
margin-bottom: 1.5rem;
}
.card-body {
padding: 0rem !important;
display: flex;
flex-direction: column;
}
.card-body svg {
height: 1rem;
stroke-width: 2;
min-width: 2rem;
}
.m-b-30 {
margin-bottom: 30px;
}
.social-links {
list-style: none;
padding-left: 0;
display: flex;
flex-direction: column;
gap: 0.5rem 0;
}
.social-links i {
padding-top: 0.3rem;
}
.social-links li {
color: rgba(33, 37, 41, 0.75);
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
}
.social-links li a {
color: rgba(33, 37, 41, 0.75);
text-decoration: none;
display: inline-block;
}
.media {
display: flex;
gap: 1.25rem;
align-items: center;
padding: 1.25rem;
}
.media-body p {
margin: 0;
}
.contact {
padding: 1.5rem;
background: #f0f5f9;
}
.hide {
display: none !important;
}
</style>
<script>
var questions = {
"1": {
"question": "Wildtier gefunden",
"explanation": "<b>WiTAS-Anlaufstellen und Informationen</b><br><br>Für Felltiere, Vögel und Igel gibt es verschiedene Ansprechpartner.<br>Falls Sie einen verletzten Vogel gefunden haben, folgen Sie bitte der Anleitung „Vogel“.",
"description": "<br><br><b>Grundsätzliches</b><br><br>Wenn Sie ein Wildtier finden, gilt es zunächst, Ruhe zu bewahren. Nicht jedes Wildtier benötigt tatsächlich unsere Hilfe oft kommen die Tiere sehr gut ohne unser Eingreifen zurecht.<br><br><b>Beobachten aus sicherer Distanz</b><br><br>Bei allen Wildtieren sollte man zunächst Abstand halten, um sich selbst zu schützen und den Tieren unnötigen Stress zu ersparen. Und Jungtiere werden nicht von den Eltern versorgt, wenn Menschen in unmittelbarer Nähe sind.<br><br><b>Wildtier in Not einfangen</b><br><br>Oft kann ein Handtuch oder eine Decke beim Einfangen helfen, sich selbst und das Tier vor unnötigen Verletzungen zu schützen.<br><br><b>Transport</b><br><br><ul><li>Eine möglichst kleine Box minimiert das Verletzungsrisiko für das Tier. <li>Luftlöcher und eine Polsterung z.B. aus Lappen oder Küchenpapier</li><li>Keine Nahrung anbieten oder gar einflößen.</li><li>Für eine angemessene Temperatur sorgen: genügend Wärme im Winter, Kühle bei heißem Wetter.</li></ul><b>Die WiTAS</b><br><br><ul><li>kümmert sich um alle einheimischen Wildtiere</li><li>Ist nicht zuständig für Stadttauben, Heimtiere wie Hauskaninchen oder Hamster und Exoten.</li></ul>",
"options": {
"1": {
"title": "Fell",
"image": "/assets/images/squirrel.webp"
},
"2": {
"title": "Igel",
"image": "/assets/images/hedgehog.webp"
},
"3": {
"title": "Vogel",
"image": "/assets/images/trauerschnaepper.webp"
},
"4": {
"title": "Fleder&shy;maus",
"image": "/assets/images/bat.webp"
},
},
"nextQuestions": {
"1": "https://www.witas-ka.de/unsere-sch%C3%BCtzlinge/wildtier-gefunden/eichh%C3%B6rnchen/",
"2": "https://www.witas-ka.de/unsere-sch%C3%BCtzlinge/wildtier-gefunden/igel/",
"3": "2",
"4": "https://www.witas-ka.de/unsere-sch%C3%BCtzlinge/wildtier-gefunden/fledermaus/"
}
},
"2": {
"question": "Vogel",
"explanation": "Um welche Vogelart handelt es sich?",
"options": {
"1": {
"title": "Greif&shy;vogel",
"image": "/assets/images/bussard.webp"
},
"2": {
"title": "Taube",
"image": "/assets/images/pigeon.webp"
},
"3": {
"title": "Raben&shy;vögel",
"image": "/assets/images/rabe.webp"
},
"4": {
"title": "Gänse&shy;vögel / Wasservogel",
"image": "/assets/images/ente.webp"
},
"5": {
"title": "Schreitvögel (Storch, Reiher, Kranich)",
"image": "/assets/images/storch.webp"
},
"6": {
"title": "Klein&shy;vogel",
"image": "/assets/images/trauerschnaepper.webp"
}
},
"nextQuestions": {
"1": "11",
"2": "10",
"3": "12",
"4": "12",
"5": "12",
"6": "3",
}
},
"3": {
"question": "Kleinvogel",
"explanation": "In welchem sichtbaren Zustand befindet sich der Vogel?<br><br>Verletzt: Fliegt nicht weg oder hat eindeutige Verletzungen, z.B. Flügelbruch, kann nicht laufen.",
"options": {
"1": { "title": "Verletzt" },
"2": { "title": "Unverletzt" }
},
"nextQuestions": {
"1": "16",
"2": "4"
}
},
"4": {
"question": "Unverletzter Kleinvogel",
"explanation": "Handelt es sich um einen ausgewachsenen Vogel oder ein Jungtier/Küken?",
"options": {
"1": {
"title": "Ausgewachsen",
"image": "assets/images/ausgewachsen_kleinvogel.webp"
},
"2": {
"title": "Jung&shy;vogel / Küken",
"image": "assets/images/kueken.webp"
}
},
"nextQuestions": {
"1": "5",
"2": "9"
}
},
"5": {
"question": "Ausgewachsener, unverletzter Kleinvogel",
"explanation": "Wie verhält sich der Vogel bei einigen Minuten Beobachtung?",
"options": {
"1": { "title": "Agil, lebhaft, fliegt nicht weg" },
"2": { "title": "Apathisch, wirkt benommen, unbeweglich" }
},
"nextQuestions": {
"1": "6",
"2": "7"
}
},
"6": {
"question": "Ausgewachsener, unverletzter Kleinvogel",
"explanation": "Auffällige Verhaltensmuster",
"options": {
"1": { "title": "Hüpft herum" },
"2": { "title": "Kopf in Schieflage" },
"3": { "title": "Sitzt herum" }
},
"nextQuestions": {
"1": "8",
"2": "16",
"3": "7",
}
},
"7": {
"question": "Ausgewachsener, unverletzter Kleinvogel",
"explanation": "Legen Sie den Vogel behutsam in einen mit Luftlöchern versehenen Papkarton, der mit Küchenpapier oder ähnlichen ausgepolstert ist. Schließen Sie den Decke, die Dunkelheit wirkt beruhigend auf den Vogel. <br><br><u>Wichtig</u>: Dem Vogel keine Nahrung oder Wasser einflößen. Das kann zum Ersticken führen. Geöffneter Schnabel und schnelles Atem sind ein Zeichen für Stress, nicht für Durst. <br><br>Halten Sie Katzen fern und stellen Sie Wasser bereit. <font color='red'><b>(?)</b></font><br><br>Bei keiner eintretenden Verbesserung, kann die Entscheidung schwierig sein. Im Zweifel am besten beim Tierarzt anrufen; wenn das nicht geht, die Hotline von WiTAS nutzen.<br><br>Sofern es sich um einen Fensterflieger handelt, finden Sie <a target=new href=''>hier</a> <font color='red'><b>(INFO: Dieser Link muss auf eine WiTAS Seite verlinken mit Infos zu Fensterfliegern)</b></font> weitere Informationen.",
"options": {
"1": { "title": "Weiterhin schlechter Zustand" },
"2": { "title": "Besserer Zustand" }
},
"nextQuestions": {
"1": "16",
"2": "8",
}
},
"8": {
"question": "Ausgewachsener, unverletzter Kleinvogel",
"explanation": "Hat der Vogel sich nach 1 bis 2 Stunden erholt, bringen Siei hn in dem Karton ins Freie (kein geschlossener Raum!) und lassen ihn fliegen.<br><br> <b>Starthilfe</b>: Bringen Sie den Vogel zu einer Rohezone im Freien. Bei Mauerseglern ist eine höhere Startebene erforderlich. Werfen Sie den Mauersegler auf keinen Fall in die Luft, denn dann fällt er zu Boden und kann sich schwer verletzen. Halten Sie den Segler auf der flachen Hand. Wenn er nicht von allein startet, wird er den Abflug nicht schaffen. Versuchen Sie es später oder an einem anderen Ort noch einmal.<br><font color='red'><b>Link auf Witas Seite, Achtung Unterscheidung Mauersegler oder Schwalbe (mit Bildern)</b></font> Stellen Sie Wasser bereit.<br>Beste Tageszeit für die Starthilfe ist abends oder früh morgens, nicht bei Hitze. <br><br>Sie müssen dem Vogel zu nichts zwingen.<br><br>Sofern Schwierigkeiten bestehen, bitte melden Sie sich umgehend an unseren Witas-Kontakt. Wir melden uns umgehend bei ihnen zurück.",
"contacts": {
"1": {
"name": "WiTAS Kontakt",
"mail": "test@test.de",
},
},
},
"9": {
"question": "Junger, unverletzter Kleinvogel",
"explanation": "Weitere Charakterisierung",
"options": {
"1": {
"title": "Mit Federn",
"image": "/assets/images/kleinvogel_mit_federn.webp"
},
"2": {
"title": "Ohne Federn",
"image": "/assets/images/kleinvogel_ohne_federn.webp"
}
},
"nextQuestions": {
"1": "20",
"2": "21",
}
},
"10": {
"question": "Taube / Verletzter Kleinvogel",
"explanation": "Handelt es sich bei der verletzten Taube um eine Stadt- oder Wildtaube? Unterscheidungskriterien finden Sie <a href=http://graumännchen.org/wildtauben/ target=new>hier</a>.",
"options": {
"1": {
"title": "Stadt&shy;taube",
"image": "/assets/images/pigeon.webp"
},
"2": {
"title": "Wild&shy;taube",
"image": "/assets/images/dovepigeon.webp"
}
},
"nextQuestions": {
"1": "http://stadttaubenkonzept-karlsruhe.de",
"2": "17"
}
},
"11": {
"question": "Greifvogel",
"explanation": "Z.B. Falke oder Habicht. Deutlich nach unten gebogener Schnabel.",
"contacts": {
"1": {
"name": "Falknerei Mans",
"title": "???",
"tel": "+49 (0)7251 4743",
"mail": "???",
"web": "???",
"address": "Am Storrenacker 1b, 76139 Karlsruhe",
},
}
},
"12": {
"question": "Gänse, Raben-, Wasser- oder Schreitvögel",
"explanation": "Bitte nehmen Sie in diesem Fall umgehend Kontakt mit dem Veterinäramt bzw. Wildtierbeauftragten auf:",
"contacts": {
"1": {
"name": "Veterinäramt",
"title": "?",
"tel": "?",
"mail": "?",
"web": "?",
"address": "?",
},
"2": {
"name": "Wildtierbeauftragten",
"title": "?",
"tel": "?",
"mail": "?",
"web": "?",
"address": "?",
},
},
},
"13": {
"question": "Fell",
"explanation": "Wenn Sie ein Tier finden, ist es zuerst wichtig zu entscheiden, ob dieses Tier von WiTAS versorgt werden könnte. Noch besser wäre es, wenn Sie das Tier selbst versorgen könnten. Dafür haben wir diese <a href='#'>Handlungsanweisung</a> erstellt.",
},
"14": {
"question": "Igel",
"explanation": "Wenn Sie ein Tier finden, ist es zuerst wichtig zu entscheiden, ob dieses Tier von WiTAS versorgt werden könnte. Noch besser wäre es, wenn Sie das Tier selbst versorgen könnten. Dafür haben wir diese <a href='#'>Handlungsanweisung</a> erstellt.",
},
"15": {
"question": "WiTAS Kontakt",
"explanation": "Kontakt",
"contacts": {
"1": {
"name": "WiTAS Kontakt",
"mail": "test@test.de",
},
},
},
"16": {
"question": "Verletzte Wildtaube / Kleinvogel",
"explanation": "Bitte nehmen Sie in diesem Fall umgehend Kontakt mit einer der folgenden Tierarztpraxen auf.",
"contacts": {
"1": {
"name": "Dr. Gerd Britsch",
"title": "Vogel- und Reptilienpraxis",
"tel": "+49 (0)721 6184280",
"mail": "info@vogel-und-reptilien-tierarzt.de",
"web": "vogel-und-reptilien-tierarzt.de",
"address": "Am Storrenacker 1b, 76139 Karlsruhe",
},
"2": {
"name": "Frau Dr. Ruth Kothe",
"title": "Vogel- und Reptilienpraxis",
"tel": "+49 (0)721 6184280",
"mail": "info@vogel-und-reptilien-tierarzt.de",
"web": "vogel-und-reptilien-tierarzt.de",
"address": "Am Storrenacker 1b, 76139 Karlsruhe",
},
},
},
"17": {
"question": "Wildtaube",
"explanation": "In welchem sichtbaren Zustand befindet sich der Vogel?<br><br>Verletzt: Fliegt nicht weg oder hat eindeutige Verletzungen, z.B. Flügelbruch, kann nicht laufen.",
"options": {
"1": { "title": "Verletzt" },
"2": { "title": "Unverletzt" }
},
"nextQuestions": {
"1": "16",
"2": "NEUES KONTAKTFORMULAR"
}
},
"20": {
"question": "Junger, unverletzter Kleinvogel",
"explanation": "Aus einiger Entfernung beobachten (min 30 Minuten), bei Bedarf aus der Gefahrenzone bringen. Wird der Kleinvogel von seinen Eltern gefüttert?",
"options": {
"1": {
"title": "Wird gefüttert",
"image": "/assets/images/kleinvogel_gefuettert.webp"
},
"2": {
"title": "Wird NICHT gefüttert",
"image": "/assets/images/kleinvogel_mit_federn.webp"
}
},
"nextQuestions": {
"1": "23",
"2": "15",
}
},
"21": {
"question": "Junger, unverletzter Kleinvogel",
"explanation": "Befindet sich ein Vogelnest in sichtbarer und zugänglicher Nähe?",
"options": {
"1": { "title": "Nest sichtbar" },
"2": { "title": "Kein Nest" }
},
"nextQuestions": {
"1": "22",
"2": "15",
}
},
"22": {
"question": "Junger, unverletzter Kleinvogel",
"explanation": "Setzen Sie den Jungvogel wieder zurück in das Nest.",
},
"23": {
"question": "Junger, unverletzter Kleinvogel",
"explanation": "Sie können den Vogel soweit in Ruhe lassen.",
},
};
var currentQuestionId = "1";
var previousQuestionId = null;
window.onhashchange = function() {
var questionId = window.location.hash.substring(1);
if (questionId in questions) {
displayQuestion(questionId);
} else {
displayQuestion();
}
};
function renderContact(name, title, tel, mail, web, address) {
var template = document.getElementById('cardTemplate').content.cloneNode(true);
template.querySelector('.media-body h5').textContent = name;
template.querySelector('.media-body p').textContent = title;
template.querySelector('.fi-phone + a').textContent = tel;
template.querySelector('.fi-phone + a').href = 'tel:' + tel;
template.querySelector('.fi-envelope + a').textContent = mail;
template.querySelector('.fi-envelope + a').href = 'mailto:' + mail;
template.querySelector('.fi-home + a').textContent = web;
template.querySelector('.fi-home + a').href = 'https://' + web;
template.querySelector('.fi-map + a').textContent = address;
template.querySelector('.fi-map + a').href = 'https://www.google.de/maps/place/' + address;
if (tel) {
template.querySelector('.entry-phone').classList.remove('hide');
}
if (mail) {
template.querySelector('.entry-envelope').classList.remove('hide');
}
if (web) {
template.querySelector('.entry-home').classList.remove('hide');
}
if (address) {
template.querySelector('.entry-map').classList.remove('hide');
}
var questionContainer = document.getElementById('questionContainer');
questionContainer.appendChild(template);
feather.replace();
}
function displayQuestion(questionId=1) {
currentQuestionId = questionId;
currentQuestionId = parseInt(currentQuestionId, 10);
var questionContainer = document.getElementById('questionContainer');
questionContainer.classList.remove('show');
var secondProgressSteps = document.querySelectorAll('.progress-tracker li:nth-child(2)');
secondProgressSteps.forEach(function(firstProgressStep) {
if (currentQuestionId === 1) {
firstProgressStep.classList.remove('is-complete');
}
if (currentQuestionId > 1) {
firstProgressStep.classList.add('is-complete');
}
});
var lastProgressSteps = document.querySelectorAll('.progress-tracker li:nth-child(3)');
lastProgressSteps.forEach(function(lastProgressStep) {
if ([10, 11, 12, 13, 14, 15, 22, 23].includes(currentQuestionId)) {
lastProgressStep.classList.add('is-complete');
} else {
lastProgressStep.classList.remove('is-complete');
}
});
setTimeout(function() {
questionContainer.innerHTML = '';
var question = questions[currentQuestionId];
if (currentQuestionId !== 1) {
questionContainer.innerHTML += '<i data-feather="chevron-left"></i>';
var backLink = document.createElement('a');
backLink.classList.add('backLink');
backLink.innerText = 'Zurück';
backLink.href = 'javascript:history.back()';
questionContainer.appendChild(backLink);
}
questionContainer.innerHTML += '<h2>' + question.question + '</h2>';
questionContainer.innerHTML += '<p>' + question.explanation + '</p>';
var buttonContainer = document.createElement('div');
buttonContainer.id = 'buttonContainer';
for (var optionId in question.options) {
var button = document.createElement('button');
button.innerHTML = question.options[optionId].title;
button.value = question.nextQuestions[optionId];
button.id = 'option' + optionId;
var imageLink = question.options[optionId].image;
var span = document.createElement('span');
while (button.firstChild) {
span.appendChild(button.firstChild);
}
var icon = document.createElement('i');
icon.setAttribute('data-feather', 'chevron-right');
span.appendChild(icon);
if (imageLink) {
span.setAttribute('class', 'with-image' );
}
button.appendChild(span);
if (imageLink) {
var image = document.createElement('img');
image.setAttribute('src', imageLink);
button.insertBefore(image, button.firstChild);
};
button.addEventListener('click', function() {
if ("http" === this.value.substring(0,4)) {
window.open(this.value,'_blank');
};
if ("https" === this.value.substring(0,5)) {
window.location = this.value;
};
previousQuestionId = currentQuestionId;
currentQuestionId = this.value;
window.location.hash = currentQuestionId;
setTimeout(displayQuestion(currentQuestionId), 250);
});
buttonContainer.appendChild(button);
}
var mainContainer = document.querySelector('main');
mainContainer.classList.remove('show');
void mainContainer.offsetWidth;
mainContainer.classList.add('show');
questionContainer.appendChild(buttonContainer);
// if ("description" in question) {
// questionContainer.innerHTML += '<div>' + question.description + '</div>';
// };
feather.replace();
questionContainer.classList.add('show');
if ('contacts' in question) {
Object.keys(question.contacts).forEach(function(key) {
var contact = question.contacts[key];
renderContact(contact.name, contact.title, contact.tel, contact.mail, contact.web, contact.address);
});
}
}, 500);
}
var initialQuestionId = window.location.hash.substring(1);
if (initialQuestionId in questions) {
displayQuestion(initialQuestionId);
} else {
displayQuestion();
}
feather.replace();
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

BIN
index_files/1616097915.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

View file

@ -0,0 +1,2 @@
!function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){n(716),e.exports=n(2638)},595:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(){}return e.get=function(e){var t=("; "+document.cookie).split("; "+e+"=");return t&&2===t.length?(t.pop()||"").split(";").shift():null},e.set=function(e,t,n){document.cookie=e+"="+t+"; expires="+n.toUTCString()+"; path=/"},e}();t.Cookie=n},716:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(595);t.Cookie=i.Cookie;var o=n(788);t.ckies=o.CKies,t.CookieOptions=o.CookieOptions,t.CookieType=o.CookieType},788:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i,o=n(595);!function(e){e.NECESSARY="necessary",e.FUNCTIONAL="functional",e.PERFORMANCE="performance",e.MARKETING="marketing"}(i=t.CookieType||(t.CookieType={}));var r;!function(e){e.ALLOW="allow",e.DENY="deny"}(r=t.CookieOptions||(t.CookieOptions={})),t.CONFIG_EXPIRATION=31536e6;var s=function(){function e(){}return e.getExpireDate=function(){var e=new Date;return e.setTime(e.getTime()+t.CONFIG_EXPIRATION),e},e.key=function(e){return"ckies_"+e},e.use=function(e){return e===i.NECESSARY||(this.isOptIn()?o.Cookie.get(this.key(e))===r.ALLOW:o.Cookie.get(this.key(e))!==r.DENY)},e.deny=function(e){this.set(e,r.DENY)},e.allow=function(e){this.set(e,r.ALLOW)},e.useNecessary=function(){return this.use(i.NECESSARY)},e.useFunctional=function(){return this.use(i.FUNCTIONAL)},e.usePerformance=function(){return this.use(i.PERFORMANCE)},e.useMarketing=function(){return this.use(i.MARKETING)},e.set=function(e,t){e!==i.NECESSARY&&o.Cookie.set(this.key(e),t,this.getExpireDate())},e.isOptIn=function(){return window.hasOwnProperty("CKIES_OPTIN")&&window.CKIES_OPTIN===!0},e}();t.CKies=s},2638:function(e,t,n){"use strict";var i=n(716);window.ckies=i.ckies}});
//# sourceMappingURL=sourcemaps/ckies.js.0ebea1f10bb1204e4882.js.map

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,130 @@
/*******************************************************************************
uBlock Origin - a browser extension to block requests.
Copyright (C) 2019-present Raymond Hill
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see {http://www.gnu.org/licenses/}.
Home: https://github.com/gorhill/uBlock
*/
(function() {
'use strict';
const noopfn = function() {
};
//
const Gaq = function() {
};
Gaq.prototype.Na = noopfn;
Gaq.prototype.O = noopfn;
Gaq.prototype.Sa = noopfn;
Gaq.prototype.Ta = noopfn;
Gaq.prototype.Va = noopfn;
Gaq.prototype._createAsyncTracker = noopfn;
Gaq.prototype._getAsyncTracker = noopfn;
Gaq.prototype._getPlugin = noopfn;
Gaq.prototype.push = function(a) {
if ( typeof a === 'function' ) {
a(); return;
}
if ( Array.isArray(a) === false ) { return; }
// https://developers.google.com/analytics/devguides/collection/gajs/methods/gaJSApiDomainDirectory#_gat.GA_Tracker_._link
// https://github.com/uBlockOrigin/uBlock-issues/issues/1807
if (
typeof a[0] === 'string' &&
/(^|\.)_link$/.test(a[0]) &&
typeof a[1] === 'string'
) {
try {
window.location.assign(a[1]);
} catch(ex) {
}
}
// https://github.com/gorhill/uBlock/issues/2162
if ( a[0] === '_set' && a[1] === 'hitCallback' && typeof a[2] === 'function' ) {
a[2]();
}
};
//
const tracker = (function() {
const out = {};
const api = [
'_addIgnoredOrganic _addIgnoredRef _addItem _addOrganic',
'_addTrans _clearIgnoredOrganic _clearIgnoredRef _clearOrganic',
'_cookiePathCopy _deleteCustomVar _getName _setAccount',
'_getAccount _getClientInfo _getDetectFlash _getDetectTitle',
'_getLinkerUrl _getLocalGifPath _getServiceMode _getVersion',
'_getVisitorCustomVar _initData _linkByPost',
'_setAllowAnchor _setAllowHash _setAllowLinker _setCampContentKey',
'_setCampMediumKey _setCampNameKey _setCampNOKey _setCampSourceKey',
'_setCampTermKey _setCampaignCookieTimeout _setCampaignTrack _setClientInfo',
'_setCookiePath _setCookiePersistence _setCookieTimeout _setCustomVar',
'_setDetectFlash _setDetectTitle _setDomainName _setLocalGifPath',
'_setLocalRemoteServerMode _setLocalServerMode _setReferrerOverride _setRemoteServerMode',
'_setSampleRate _setSessionTimeout _setSiteSpeedSampleRate _setSessionCookieTimeout',
'_setVar _setVisitorCookieTimeout _trackEvent _trackPageLoadTime',
'_trackPageview _trackSocial _trackTiming _trackTrans',
'_visitCode'
].join(' ').split(/\s+/);
for ( const method of api ) {
out[method] = noopfn;
}
out._getLinkerUrl = function(a) {
return a;
};
// https://github.com/AdguardTeam/Scriptlets/issues/154
out._link = function(a) {
if ( typeof a !== 'string' ) { return; }
try {
window.location.assign(a);
} catch(ex) {
}
};
return out;
})();
//
const Gat = function() {
};
Gat.prototype._anonymizeIP = noopfn;
Gat.prototype._createTracker = noopfn;
Gat.prototype._forceSSL = noopfn;
Gat.prototype._getPlugin = noopfn;
Gat.prototype._getTracker = function() {
return tracker;
};
Gat.prototype._getTrackerByName = function() {
return tracker;
};
Gat.prototype._getTrackers = noopfn;
Gat.prototype.aa = noopfn;
Gat.prototype.ab = noopfn;
Gat.prototype.hb = noopfn;
Gat.prototype.la = noopfn;
Gat.prototype.oa = noopfn;
Gat.prototype.pa = noopfn;
Gat.prototype.u = noopfn;
const gat = new Gat();
window._gat = gat;
//
const gaq = new Gaq();
(function() {
const aa = window._gaq || [];
if ( Array.isArray(aa) ) {
while ( aa[0] ) {
gaq.push(aa.shift());
}
}
})();
window._gaq = gaq.qf = gaq;
})();

496
index_files/headroom.js Normal file
View file

@ -0,0 +1,496 @@
(function(window, document, undefined){
/*!
* headroom.js v0.9.1 - Give your page some headroom. Hide your header until you need it
* Copyright (c) 2016 Nick Williams - http://wicky.nillia.ms/headroom.js
* License: MIT
*/
(function(root, factory) {
'use strict';
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define([], factory);
}
else if (typeof exports === 'object') {
// COMMONJS
module.exports = factory();
}
else {
// BROWSER
root.Headroom = factory();
}
}(this, function() {
'use strict';
/* exported features */
var features = {
bind : !!(function(){}.bind),
classList : 'classList' in document.documentElement,
rAF : !!(window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame)
};
window.requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame;
/**
* Handles debouncing of events via requestAnimationFrame
* @see http://www.html5rocks.com/en/tutorials/speed/animations/
* @param {Function} callback The callback to handle whichever event
*/
function Debouncer (callback) {
this.callback = callback;
this.ticking = false;
}
Debouncer.prototype = {
constructor : Debouncer,
/**
* dispatches the event to the supplied callback
* @private
*/
update : function() {
this.callback && this.callback();
this.ticking = false;
},
/**
* ensures events don't get stacked
* @private
*/
requestTick : function() {
if(!this.ticking) {
requestAnimationFrame(this.rafCallback || (this.rafCallback = this.update.bind(this)));
this.ticking = true;
}
},
/**
* Attach this as the event listeners
*/
handleEvent : function() {
this.requestTick();
}
};
/**
* Check if object is part of the DOM
* @constructor
* @param {Object} obj element to check
*/
function isDOMElement(obj) {
return obj && typeof window !== 'undefined' && (obj === window || obj.nodeType);
}
/**
* Helper function for extending objects
*/
function extend (object /*, objectN ... */) {
if(arguments.length <= 0) {
throw new Error('Missing arguments in extend function');
}
var result = object || {},
key,
i;
for (i = 1; i < arguments.length; i++) {
var replacement = arguments[i] || {};
for (key in replacement) {
// Recurse into object except if the object is a DOM element
if(typeof result[key] === 'object' && ! isDOMElement(result[key])) {
result[key] = extend(result[key], replacement[key]);
}
else {
result[key] = result[key] || replacement[key];
}
}
}
return result;
}
/**
* Helper function for normalizing tolerance option to object format
*/
function normalizeTolerance (t) {
return t === Object(t) ? t : { down : t, up : t };
}
/**
* UI enhancement for fixed headers.
* Hides header when scrolling down
* Shows header when scrolling up
* @constructor
* @param {DOMElement} elem the header element
* @param {Object} options options for the widget
*/
function Headroom (elem, options) {
options = extend(options, Headroom.options);
this.lastKnownScrollY = 0;
this.elem = elem;
this.tolerance = normalizeTolerance(options.tolerance);
this.classes = options.classes;
this.offset = options.offset;
this.scroller = options.scroller;
this.initialised = false;
this.onPin = options.onPin;
this.onUnpin = options.onUnpin;
this.onTop = options.onTop;
this.onNotTop = options.onNotTop;
this.onBottom = options.onBottom;
this.onNotBottom = options.onNotBottom;
}
Headroom.prototype = {
constructor : Headroom,
/**
* Initialises the widget
*/
init : function() {
if(!Headroom.cutsTheMustard) {
return;
}
this.debouncer = new Debouncer(this.update.bind(this));
this.elem.classList.add(this.classes.initial);
// defer event registration to handle browser
// potentially restoring previous scroll position
setTimeout(this.attachEvent.bind(this), 100);
return this;
},
/**
* Unattaches events and removes any classes that were added
*/
destroy : function() {
var classes = this.classes;
this.initialised = false;
this.elem.classList.remove(classes.unpinned, classes.pinned, classes.top, classes.notTop, classes.initial);
this.scroller.removeEventListener('scroll', this.debouncer, false);
},
/**
* Attaches the scroll event
* @private
*/
attachEvent : function() {
if(!this.initialised){
this.lastKnownScrollY = this.getScrollY();
this.initialised = true;
this.scroller.addEventListener('scroll', this.debouncer, false);
this.debouncer.handleEvent();
}
},
/**
* Unpins the header if it's currently pinned
*/
unpin : function() {
var classList = this.elem.classList,
classes = this.classes;
if(classList.contains(classes.pinned) || !classList.contains(classes.unpinned)) {
classList.add(classes.unpinned);
classList.remove(classes.pinned);
this.onUnpin && this.onUnpin.call(this);
}
},
/**
* Pins the header if it's currently unpinned
*/
pin : function() {
var classList = this.elem.classList,
classes = this.classes;
if(classList.contains(classes.unpinned)) {
classList.remove(classes.unpinned);
classList.add(classes.pinned);
this.onPin && this.onPin.call(this);
}
},
/**
* Handles the top states
*/
top : function() {
var classList = this.elem.classList,
classes = this.classes;
if(!classList.contains(classes.top)) {
classList.add(classes.top);
classList.remove(classes.notTop);
this.onTop && this.onTop.call(this);
}
},
/**
* Handles the not top state
*/
notTop : function() {
var classList = this.elem.classList,
classes = this.classes;
if(!classList.contains(classes.notTop)) {
classList.add(classes.notTop);
classList.remove(classes.top);
this.onNotTop && this.onNotTop.call(this);
}
},
bottom : function() {
var classList = this.elem.classList,
classes = this.classes;
if(!classList.contains(classes.bottom)) {
classList.add(classes.bottom);
classList.remove(classes.notBottom);
this.onBottom && this.onBottom.call(this);
}
},
/**
* Handles the not top state
*/
notBottom : function() {
var classList = this.elem.classList,
classes = this.classes;
if(!classList.contains(classes.notBottom)) {
classList.add(classes.notBottom);
classList.remove(classes.bottom);
this.onNotBottom && this.onNotBottom.call(this);
}
},
/**
* Gets the Y scroll position
* @see https://developer.mozilla.org/en-US/docs/Web/API/Window.scrollY
* @return {Number} pixels the page has scrolled along the Y-axis
*/
getScrollY : function() {
return (this.scroller.pageYOffset !== undefined)
? this.scroller.pageYOffset
: (this.scroller.scrollTop !== undefined)
? this.scroller.scrollTop
: (document.documentElement || document.body.parentNode || document.body).scrollTop;
},
/**
* Gets the height of the viewport
* @see http://andylangton.co.uk/blog/development/get-viewport-size-width-and-height-javascript
* @return {int} the height of the viewport in pixels
*/
getViewportHeight : function () {
return window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
},
/**
* Gets the physical height of the DOM element
* @param {Object} elm the element to calculate the physical height of which
* @return {int} the physical height of the element in pixels
*/
getElementPhysicalHeight : function (elm) {
return Math.max(
elm.offsetHeight,
elm.clientHeight
);
},
/**
* Gets the physical height of the scroller element
* @return {int} the physical height of the scroller element in pixels
*/
getScrollerPhysicalHeight : function () {
return (this.scroller === window || this.scroller === document.body)
? this.getViewportHeight()
: this.getElementPhysicalHeight(this.scroller);
},
/**
* Gets the height of the document
* @see http://james.padolsey.com/javascript/get-document-height-cross-browser/
* @return {int} the height of the document in pixels
*/
getDocumentHeight : function () {
var body = document.body,
documentElement = document.documentElement;
return Math.max(
body.scrollHeight, documentElement.scrollHeight,
body.offsetHeight, documentElement.offsetHeight,
body.clientHeight, documentElement.clientHeight
);
},
/**
* Gets the height of the DOM element
* @param {Object} elm the element to calculate the height of which
* @return {int} the height of the element in pixels
*/
getElementHeight : function (elm) {
return Math.max(
elm.scrollHeight,
elm.offsetHeight,
elm.clientHeight
);
},
/**
* Gets the height of the scroller element
* @return {int} the height of the scroller element in pixels
*/
getScrollerHeight : function () {
return (this.scroller === window || this.scroller === document.body)
? this.getDocumentHeight()
: this.getElementHeight(this.scroller);
},
/**
* determines if the scroll position is outside of document boundaries
* @param {int} currentScrollY the current y scroll position
* @return {bool} true if out of bounds, false otherwise
*/
isOutOfBounds : function (currentScrollY) {
var pastTop = currentScrollY < 0,
pastBottom = currentScrollY + this.getScrollerPhysicalHeight() > this.getScrollerHeight();
return pastTop || pastBottom;
},
/**
* determines if the tolerance has been exceeded
* @param {int} currentScrollY the current scroll y position
* @return {bool} true if tolerance exceeded, false otherwise
*/
toleranceExceeded : function (currentScrollY, direction) {
return Math.abs(currentScrollY-this.lastKnownScrollY) >= this.tolerance[direction];
},
/**
* determine if it is appropriate to unpin
* @param {int} currentScrollY the current y scroll position
* @param {bool} toleranceExceeded has the tolerance been exceeded?
* @return {bool} true if should unpin, false otherwise
*/
shouldUnpin : function (currentScrollY, toleranceExceeded) {
var scrollingDown = currentScrollY > this.lastKnownScrollY,
pastOffset = currentScrollY >= this.offset;
return scrollingDown && pastOffset && toleranceExceeded;
},
/**
* determine if it is appropriate to pin
* @param {int} currentScrollY the current y scroll position
* @param {bool} toleranceExceeded has the tolerance been exceeded?
* @return {bool} true if should pin, false otherwise
*/
shouldPin : function (currentScrollY, toleranceExceeded) {
var scrollingUp = currentScrollY < this.lastKnownScrollY,
pastOffset = currentScrollY <= this.offset;
return (scrollingUp && toleranceExceeded) || pastOffset;
},
/**
* Handles updating the state of the widget
*/
update : function() {
var currentScrollY = this.getScrollY(),
scrollDirection = currentScrollY > this.lastKnownScrollY ? 'down' : 'up',
toleranceExceeded = this.toleranceExceeded(currentScrollY, scrollDirection);
if(this.isOutOfBounds(currentScrollY)) { // Ignore bouncy scrolling in OSXFF
return;
}
if (currentScrollY <= this.offset ) {
this.top();
} else {
this.notTop();
}
if(currentScrollY + this.getViewportHeight() >= this.getScrollerHeight()) {
this.bottom();
}
else {
this.notBottom();
}
if(this.shouldUnpin(currentScrollY, toleranceExceeded)) {
this.unpin();
}
else if(this.shouldPin(currentScrollY, toleranceExceeded)) {
this.pin();
}
this.lastKnownScrollY = currentScrollY;
}
};
/**
* Default options
* @type {Object}`
*/
Headroom.options = {
tolerance : {
up : 0,
down : 0
},
offset : 0,
scroller: window,
classes : {
pinned : 'headroom--pinned',
unpinned : 'headroom--unpinned',
top : 'headroom--top',
notTop : 'headroom--not-top',
bottom : 'headroom--bottom',
notBottom : 'headroom--not-bottom',
initial : 'headroom'
}
};
Headroom.cutsTheMustard = typeof features !== 'undefined' && features.rAF && features.bind && features.classList;
return Headroom;
}));
/*!
* headroom.js init
*/
function headroomStuff() {
var myElement = document.querySelector(".jtpl-mobile-navigation");
var headroom = new Headroom(myElement, {
"offset": 200,
"tolerance": 5
});
var moveCart = function() {
var breakpoint = 992;
var windowSize = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var el = document.querySelector('.jtpl-cart');
var elTargetMobil = document.querySelector('.jtpl-mobile-navigation__label');
var elTargetDesktop = document.querySelector('.jtpl-navigation');
if (windowSize < breakpoint) {
elTargetMobil.appendChild(el);
} else {
elTargetDesktop.appendChild(el);
}
};
moveCart();
window.addEventListener("resize", moveCart);
headroom.init();
}
window.onload = headroomStuff
})(window, document, undefined)

BIN
index_files/image.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

BIN
index_files/image_002.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

BIN
index_files/image_003.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
index_files/image_004.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

933
index_files/layout.css Normal file
View file

@ -0,0 +1,933 @@
@import url(https://fonts.jimstatic.com/css?family=Arimo:400,400italic,700,700italic&subset=latin,latin-ext,cyrillic);@import url("https://fonts.jimstatic.com/css?family=Fira%20Sans%3Aregular%7CAmaranth%3Aregular%7CAmaranth%3Aregular%7CAmaranth%3Aregular%7CFira%20Sans%3Aregular%7CFira%20Sans%3Aregular%7CAmaranth%3Aregular%7CAmaranth%3Aregular%7CAmaranth%3Aregular%7CFira%20Sans%3Aregular%7CFira%20Sans%3Aregular%7CFira%20Sans%3Aregular%7CAmaranth%3Aregular%7CAmaranth%3Aregular%7CAmaranth%3Aregular%7CAmaranth%3Aregular%7CAmaranth%3Aregular&subset=latin");.jtpl-mobile-navigation__borders:before, .jtpl-mobile-navigation__borders:after, .jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__borders:before, .jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__borders:after, .jtpl-mobile-navigation__borders, .jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__borders{border-radius:1000px;border-top-style:solid;display:block}.jtpl-mobile-navigation__borders:before, .jtpl-mobile-navigation__borders:after, .jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__borders:before, .jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__borders:after{content:'';position:absolute;width:100%}.jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__borders:before, .jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__borders:after{-ms-transform-origin:center center;transform-origin:center center}.jtpl-mobile-navigation__inner .jmd-nav__toggle-button{box-sizing:border-box}.jtpl-mobile-navigation__inner .jmd-nav__toggle-button:before, .jtpl-mobile-navigation__inner .jmd-nav__toggle-button:after{clear:both;content:"";display:table}fieldset{border:0;margin:0;padding:0}figure,p{margin:0}a:link img,
a:visited
img{border:0}html{font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.jtpl-main{font-size:16px;line-height:1.5}.j-module h1, .j-module h2, .j-module .j-rss h1, .j-rss .j-module h1, .j-module h3, .j-module .j-rss .rssFeedTitle, .j-rss .j-module .rssFeedTitle, .j-module h4,
.j-static-page h1,
.j-static-page h2,
.j-static-page .j-rss h1, .j-rss
.j-static-page h1,
.j-static-page h3,
.j-static-page .j-rss .rssFeedTitle, .j-rss
.j-static-page .rssFeedTitle,
.j-static-page
h4{word-wrap:break-word}.j-module h1,
.j-module .j-website-title-content,
.j-static-page h1,
.j-static-page .j-website-title-content{word-wrap:break-word}@media (max-width: 767px){.j-module h1,
.j-module .j-website-title-content,
.j-static-page h1,
.j-static-page .j-website-title-content{font-size:30px !important}}@media (max-width: 767px){.j-module h2, .j-module .j-rss h1, .j-rss .j-module h1,
.j-static-page h2,
.j-static-page .j-rss h1, .j-rss
.j-static-page
h1{font-size:26px !important}}@media (max-width: 767px){.j-module h3, .j-module .j-rss .rssFeedTitle, .j-rss .j-module .rssFeedTitle,
.j-static-page h3,
.j-static-page .j-rss .rssFeedTitle, .j-rss
.j-static-page
.rssFeedTitle{font-size:22px !important}}@media (max-width: 767px){.j-module .cc-shop-product-desc h4,
.j-static-page .cc-shop-product-desc
h4{font-size:19px !important}}.j-module a:link,
.j-module a:visited,
.jtpl-footer a:link,
.jtpl-footer a:visited,
.jtpl-static-page a:link,
.jtpl-static-page a:visited{color:#3986A0;transition:color 0.3s ease-in}.j-module a:link img,
.j-module a:visited img,
.jtpl-footer a:link img,
.jtpl-footer a:visited img,
.jtpl-static-page a:link img,
.jtpl-static-page a:visited
img{border:0}.j-module a:hover,
.j-module a:active,
.j-module a:focus,
.jtpl-footer a:hover,
.jtpl-footer a:active,
.jtpl-footer a:focus,
.jtpl-static-page a:hover,
.jtpl-static-page a:active,
.jtpl-static-page a:focus{color:#81817e}.j-static-page h1, .j-static-page h2, .j-static-page .j-rss h1, .j-rss .j-static-page h1, .j-static-page h3, .j-static-page .j-rss .rssFeedTitle, .j-rss .j-static-page .rssFeedTitle, .j-static-page h4,
.jtpl-footer h1,
.jtpl-footer h2,
.jtpl-footer .j-rss h1, .j-rss
.jtpl-footer h1,
.jtpl-footer h3,
.jtpl-footer .j-rss .rssFeedTitle, .j-rss
.jtpl-footer .rssFeedTitle,
.jtpl-footer h4,
.j-module h1,
.j-module h2,
.j-module .j-rss h1, .j-rss
.j-module h1,
.j-module h3,
.j-module .j-rss .rssFeedTitle, .j-rss
.j-module .rssFeedTitle,
.j-module
h4{margin:0}.j-static-page h1,
.jtpl-footer h1,
.j-module
h1{font-size:40px;font-size:4rem;line-height:1.05}.j-static-page h2, .j-static-page .j-rss h1, .j-rss .j-static-page h1,
.jtpl-footer h2,
.jtpl-footer .j-rss h1, .j-rss
.jtpl-footer h1,
.j-module h2,
.j-module .j-rss h1, .j-rss
.j-module
h1{font-size:32px;font-size:3.2rem;line-height:1.25}.j-static-page h3, .j-static-page .j-rss .rssFeedTitle, .j-rss .j-static-page .rssFeedTitle,
.jtpl-footer h3,
.jtpl-footer .j-rss .rssFeedTitle, .j-rss
.jtpl-footer .rssFeedTitle,
.j-module h3,
.j-module .j-rss .rssFeedTitle, .j-rss
.j-module
.rssFeedTitle{font-size:24px;font-size:2.4rem;line-height:1.25}.jtpl-main{font-size:16px;line-height:1.5;font-family:"Arimo",Helvetica,Arial,sans-serif;color:#333332}.j-product .cc-shop-addtocard, .skiptoform a:link,
.skiptoform a:visited, .blogselection .blogreadmore,
.blogselection .comment, .j-comment input[type="submit"], .commententry input[type="submit"], .j-downloadDocument .cc-m-download-link, .j-formnew input[type="submit"], .j-newsletterbox input[type="submit"], .j-rss br + a[target="_blank"], .j-googlemaps .cc-map-route-submit button, .j-callToAction .j-calltoaction-link-style-1, .j-callToAction .j-calltoaction-link-style-2, .j-callToAction .j-calltoaction-link-style-3,.j-checkout__button{box-sizing:border-box;margin:15px
0;padding:10px
15px;display:inline-block;font-family:inherit;text-align:center;font-size:16px;font-size:1.6rem;line-height:1.5;border:1px
solid #3986A0;cursor:pointer}.j-product .cc-shop-addtocard:link, .skiptoform a:link, .blogselection .blogreadmore:link,
.blogselection .comment:link, .j-comment input[type="submit"]:link, .commententry input[type="submit"]:link, .j-downloadDocument .cc-m-download-link:link, .j-formnew input[type="submit"]:link, .j-newsletterbox input[type="submit"]:link, .j-rss br + a[target="_blank"]:link, .j-googlemaps .cc-map-route-submit button:link, .j-callToAction .j-calltoaction-link-style-1:link, .j-callToAction .j-calltoaction-link-style-2:link, .j-callToAction .j-calltoaction-link-style-3:link, .j-checkout__button:link, .j-product .cc-shop-addtocard:visited,
.skiptoform a:visited, .blogselection .blogreadmore:visited,
.blogselection .comment:visited, .j-comment input[type="submit"]:visited, .commententry input[type="submit"]:visited, .j-downloadDocument .cc-m-download-link:visited, .j-formnew input[type="submit"]:visited, .j-newsletterbox input[type="submit"]:visited, .j-rss br + a[target="_blank"]:visited, .j-googlemaps .cc-map-route-submit button:visited, .j-callToAction .j-calltoaction-link-style-1:visited, .j-callToAction .j-calltoaction-link-style-2:visited, .j-callToAction .j-calltoaction-link-style-3:visited,.j-checkout__button:visited{color:white;text-decoration:none;background-color:#3986A0;transition:background-color 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out}.j-product .cc-shop-addtocard:hover, .skiptoform a:hover:link,
.skiptoform a:hover:visited, .blogselection .blogreadmore:hover,
.blogselection .comment:hover, .j-comment input[type="submit"]:hover, .commententry input[type="submit"]:hover, .j-downloadDocument .cc-m-download-link:hover, .j-formnew input[type="submit"]:hover, .j-newsletterbox input[type="submit"]:hover, .j-rss br + a[target="_blank"]:hover, .j-googlemaps .cc-map-route-submit button:hover, .j-callToAction .j-calltoaction-link-style-1:hover, .j-callToAction .j-calltoaction-link-style-2:hover, .j-callToAction .j-calltoaction-link-style-3:hover, .j-checkout__button:hover, .j-product .cc-shop-addtocard:active, .skiptoform a:active:link,
.skiptoform a:active:visited, .blogselection .blogreadmore:active,
.blogselection .comment:active, .j-comment input[type="submit"]:active, .commententry input[type="submit"]:active, .j-downloadDocument .cc-m-download-link:active, .j-formnew input[type="submit"]:active, .j-newsletterbox input[type="submit"]:active, .j-rss br + a[target="_blank"]:active, .j-googlemaps .cc-map-route-submit button:active, .j-callToAction .j-calltoaction-link-style-1:active, .j-callToAction .j-calltoaction-link-style-2:active, .j-callToAction .j-calltoaction-link-style-3:active, .j-checkout__button:active, .j-product .cc-shop-addtocard:focus, .skiptoform a:focus:link,
.skiptoform a:focus:visited, .blogselection .blogreadmore:focus,
.blogselection .comment:focus, .j-comment input[type="submit"]:focus, .commententry input[type="submit"]:focus, .j-downloadDocument .cc-m-download-link:focus, .j-formnew input[type="submit"]:focus, .j-newsletterbox input[type="submit"]:focus, .j-rss br + a[target="_blank"]:focus, .j-googlemaps .cc-map-route-submit button:focus, .j-callToAction .j-calltoaction-link-style-1:focus, .j-callToAction .j-calltoaction-link-style-2:focus, .j-callToAction .j-calltoaction-link-style-3:focus,.j-checkout__button:focus{background-color:#5d5d5d;border-color:#5d5d5d;color:white}.j-comment textarea,
.j-comment input[type="text"],
.j-comment input[type="date"], .commententry textarea,
.commententry input[type="text"],
.commententry input[type="date"], .j-formnew .cc-m-form-view-sortable input[type="text"],
.j-formnew .cc-m-form-view-sortable input[type="date"],
.j-formnew .cc-m-form-view-sortable input[type="email"],
.j-formnew .cc-m-form-view-sortable textarea, .j-newsletterbox input[type="email"], .j-googlemaps .cc-map-route-start,.j-checkout__input-field{box-sizing:border-box;padding:10px;transition:border-color 0.3s ease-in-out;font-size:16px;font-size:1.6rem;line-height:1.5;background-color:white;border:1px
solid #333332;color:#333332;font-family:inherit;text-shadow:1px 1px 0 white}.j-comment textarea:hover,
.j-comment input[type="text"]:hover,
.j-comment input[type="date"]:hover, .commententry textarea:hover,
.commententry input[type="text"]:hover,
.commententry input[type="date"]:hover, .j-formnew .cc-m-form-view-sortable input[type="text"]:hover,
.j-formnew .cc-m-form-view-sortable input[type="date"]:hover,
.j-formnew .cc-m-form-view-sortable input[type="email"]:hover,
.j-formnew .cc-m-form-view-sortable textarea:hover, .j-newsletterbox input[type="email"]:hover, .j-googlemaps .cc-map-route-start:hover, .j-checkout__input-field:hover, .j-comment textarea:focus,
.j-comment input[type="text"]:focus,
.j-comment input[type="date"]:focus, .commententry textarea:focus,
.commententry input[type="text"]:focus,
.commententry input[type="date"]:focus, .j-formnew .cc-m-form-view-sortable input[type="text"]:focus,
.j-formnew .cc-m-form-view-sortable input[type="date"]:focus,
.j-formnew .cc-m-form-view-sortable input[type="email"]:focus,
.j-formnew .cc-m-form-view-sortable textarea:focus, .j-newsletterbox input[type="email"]:focus, .j-googlemaps .cc-map-route-start:focus, .j-checkout__input-field:focus, .j-comment textarea:active,
.j-comment input[type="text"]:active,
.j-comment input[type="date"]:active, .commententry textarea:active,
.commententry input[type="text"]:active,
.commententry input[type="date"]:active, .j-formnew .cc-m-form-view-sortable input[type="text"]:active,
.j-formnew .cc-m-form-view-sortable input[type="date"]:active,
.j-formnew .cc-m-form-view-sortable input[type="email"]:active,
.j-formnew .cc-m-form-view-sortable textarea:active, .j-newsletterbox input[type="email"]:active, .j-googlemaps .cc-map-route-start:active,.j-checkout__input-field:active{border-color:#3986A0;outline:none}.jtpl-breadcrumb a:link, .jtpl-footer__inner a:link, .jtpl-subnavigation a:link, .jtpl-breadcrumb a:visited, .jtpl-footer__inner a:visited, .jtpl-subnavigation a:visited{color:#3986A0;transition:color 0.3s ease-in}.jtpl-breadcrumb a:link img, .jtpl-footer__inner a:link img, .jtpl-subnavigation a:link img, .jtpl-breadcrumb a:visited img, .jtpl-footer__inner a:visited img, .jtpl-subnavigation a:visited
img{border:0}.jtpl-breadcrumb a:hover, .jtpl-footer__inner a:hover, .jtpl-subnavigation a:hover, .jtpl-breadcrumb a:active, .jtpl-footer__inner a:active, .jtpl-subnavigation a:active, .jtpl-breadcrumb a:focus, .jtpl-footer__inner a:focus, .jtpl-subnavigation a:focus{color:#81817e}.jtpl-breadcrumb{margin-bottom:20px;padding-left:5px}.jtpl-breadcrumb:before,.jtpl-breadcrumb:after{clear:both;content:"";display:table}.jtpl-breadcrumb
ol{list-style:none;margin:0;padding:0}.jtpl-breadcrumb ol
li{float:left}.jtpl-breadcrumb ol li:last-child a:link:after,
.jtpl-breadcrumb ol li:last-child a:visited:after{content:""}.jtpl-breadcrumb ol li:only-child{display:none}.jtpl-breadcrumb ol a:link,
.jtpl-breadcrumb ol a:visited{display:block;padding:5px
5px 5px 0;text-decoration:none}.jtpl-breadcrumb ol a:link:after,
.jtpl-breadcrumb ol a:visited:after{content:"\00bb";padding-left:3px}.jtpl-background-area{position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:-1}.jtpl-cart{position:absolute}.jtpl-cart .j-cart{position:fixed;top:0;right:0;line-height:3em;transition:top 0.3s ease-out, right 0.3s ease-out}@media (max-width: 991px){.jtpl-cart .j-cart{line-height:3.5em}}@media (max-width: 991px){.jtpl-cart .j-cart:hover .j-cart--hover-popup{display:none}}.jtpl-cart .j-cart-icon{padding:0
20px;height:50px}@media (max-width: 991px){.jtpl-cart .j-cart-icon{background-color:rgba(23, 23, 23, 0.6);color:#fff;height:60px}}.jtpl-cart .j-cart-wrapper-link{background-color:transparent !important}.jtpl-footer{width:100%}.jtpl-footer__inner{box-sizing:border-box;padding:20px;border-radius:10px;margin-top:1px}@media (min-width: 992px){.jtpl-footer__inner{max-width:1024px;padding:40px
20px}.jtpl-footer__inner:before,.jtpl-footer__inner:after{clear:both;content:"";display:table}}.jtpl-header{box-sizing:border-box;padding:80px
20px 40px 20px;width:100%;position:relative}@media (min-width: 992px){.jtpl-header{position:relative;z-index:6;padding:120px
40px 80px}}.jtpl-logo a
img{max-height:300px}@media (min-width: 992px){.jtpl-header-inner{max-width:1024px}}.j-website-title-content{font-size:40px;font-size:4rem;line-height:1.05;color:#3986A0;text-align:center}.jtpl-navigation{display:none;position:fixed;top:0;left:0;z-index:10;box-sizing:border-box;width:100%;min-height:50px;padding:0
40px;background-color:#171717;text-align:left;transition:opacity 0.3s ease-out}@media (min-width: 992px){.jtpl-navigation{display:block}}.jtpl-navigation
ul{padding:0;margin:0}.jtpl-navigation .j-nav-level-0
li{display:inline-block;font-weight:400;letter-spacing:2px;position:relative}.jtpl-navigation a:link,
.jtpl-navigation a:visited{display:block;padding:11px
15px 10px 15px;font-size:14px;line-height:28px;color:#81817e;letter-spacing:2px;text-decoration:none;text-transform:uppercase;text-align:left;transition:background-color 0.3s ease-out, color 0.3s ease-out}.jtpl-navigation a:hover,
.jtpl-navigation a:focus,
.jtpl-navigation a:active{background-color:transparent;color:white}.jtpl-navigation .j-nav-current > a:link,
.jtpl-navigation .j-nav-current > a:visited,
.jtpl-navigation .j-nav-parent > a:link,
.jtpl-navigation .j-nav-parent>a:visited{color:white;font-weight:bold}.jtpl-navigation__inner{max-width:1024px}.jtpl-subnavigation{display:none}@media (min-width: 992px){.jtpl-subnavigation{display:block;border-radius:10px}.jtpl-subnavigation
ul{list-style:none;margin:0;padding:0}.jtpl-subnavigation a:link,
.jtpl-subnavigation a:visited{border-radius:5px;display:block;margin:0
0 10px;padding:10px
20px;word-wrap:break-word;text-decoration:none;transition:color 0.3s ease-in, background-color 0.3s ease-in}.jtpl-subnavigation a:hover,
.jtpl-subnavigation a:active,
.jtpl-subnavigation a:focus,
.jtpl-subnavigation .j-nav-current > a:link,
.jtpl-subnavigation .j-nav-current>a:visited{background-color:#f6f6f6;background-color:rgba(246, 246, 246, 0.5)}.jtpl-subnavigation .j-nav-level-1{margin-bottom:20px;padding:15px
0}.jtpl-subnavigation .j-nav-level-2 a:link,
.jtpl-subnavigation .j-nav-level-2 a:visited{padding:10px
20px 10px 35px}}.jtpl-mobile-navigation{width:100%;position:fixed;top:0;z-index:10}@media (min-width: 992px){.jtpl-mobile-navigation{display:none}}.jtpl-mobile-navigation__inner{display:none;position:absolute;background-color:#171717;top:0;left:0;z-index:10;width:100%;height:100%;overflow-y:auto;box-sizing:border-box;padding:80px
20px 40px 20px;text-align:left;transition:opacity 0.3s ease-out;border-bottom-width:4px;border-bottom-style:inset;border-bottom-color:#969696;border-bottom-color:rgba(255, 255, 255, 0.5)}.jtpl-mobile-navigation__inner .jmd-nav__toggle-button{width:42px;width:4.2rem;height:42px;height:4.2rem;position:absolute;right:0;outline:0;cursor:pointer;border:none;background-color:rgba(120, 120, 120, 0.3);-webkit-tap-highlight-color:transparent;text-align:center;display:block;border-radius:0;top:0}@media (min-width: 992px){.jtpl-mobile-navigation__inner .jmd-nav__toggle-button{display:none}}.jtpl-mobile-navigation__inner .jmd-nav__toggle-button:before{-ms-transform:rotate(180deg);transform:rotate(180deg)}.jtpl-mobile-navigation__inner .jmd-nav__toggle-button:after{-ms-transform:rotate(90deg);transform:rotate(90deg)}.jtpl-mobile-navigation__inner .jmd-nav__toggle-button:before, .jtpl-mobile-navigation__inner .jmd-nav__toggle-button:after{content:"";position:absolute;border-radius:0;width:18.9px;width:1.89rem;height:2px;height:0.2rem;left:11.55px;left:1.155rem;top:20px;top:2rem;background-color:white;transition:all 0.3s ease-in-out}.jtpl-mobile-navigation__inner .jmd-nav__item--last-opened > .jmd-nav__toggle-button:before, .jtpl-mobile-navigation__inner .jmd-nav__item--last-opened>.jmd-nav__toggle-button:after{-ms-transform:rotate(0deg);transform:rotate(0deg)}@media (min-width: 992px){.jtpl-mobile-navigation__inner{display:none}}.jtpl-mobile-navigation__inner
ul{box-sizing:border-box;padding:0;margin:0}.jtpl-mobile-navigation__inner
li{position:relative;display:block}.jtpl-mobile-navigation__inner .j-nav-has-children>ul{display:none}.jtpl-mobile-navigation__inner .j-nav-has-children .jmd-nav__toggle-button{top:6px;right:0}.jtpl-mobile-navigation__inner .jmd-nav__item--last-opened>ul{display:block}.jtpl-mobile-navigation__inner a:link,
.jtpl-mobile-navigation__inner a:visited{display:block;border-bottom:1px solid rgba(100, 100, 100, 0.25);letter-spacing:2px;text-decoration:none;text-transform:uppercase;text-align:left;word-break:break-all;background-color:transparent;transition:background-color 0.3s ease-out, color 0.3s ease-out;color:#81817e}.jtpl-mobile-navigation__inner a:hover,
.jtpl-mobile-navigation__inner a:focus,
.jtpl-mobile-navigation__inner a:active{background-color:transparent;color:white}.jtpl-mobile-navigation__inner .j-nav-current > a:link,
.jtpl-mobile-navigation__inner .j-nav-current > a:visited,
.jtpl-mobile-navigation__inner .j-nav-parent > a:link,
.jtpl-mobile-navigation__inner .j-nav-parent>a:visited{color:white;font-weight:bold}.jtpl-mobile-navigation__inner .j-nav-level-0 a:link,
.jtpl-mobile-navigation__inner .j-nav-level-0 a:visited{padding:15px
60px 15px 15px;font-size:16px;font-size:1.6rem;line-height:1.5}.jtpl-mobile-navigation__inner .j-nav-level-1{background-color:rgba(60, 60, 60, 0.1)}.jtpl-mobile-navigation__inner .j-nav-level-1 .jmd-nav__toggle-button{top:0;right:0}.jtpl-mobile-navigation__inner .j-nav-level-1 a:link,
.jtpl-mobile-navigation__inner .j-nav-level-1 a:visited{padding:9px
60px 9px 35px;font-size:16px;font-size:1.6rem;line-height:1.5}.jtpl-mobile-navigation__inner .j-nav-level-2 a:link,
.jtpl-mobile-navigation__inner .j-nav-level-2 a:visited{padding-left:55px;font-size:92% !important}.jtpl-mobile-navigation__label{display:block;height:60px;padding:20px
20px 20px 28px;box-sizing:border-box;border-bottom:0;background-color:#171717;cursor:pointer;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:left 0.3s ease-out, padding 0.3s ease-out}.jtpl-mobile-navigation__label:before,.jtpl-mobile-navigation__label:after{clear:both;content:"";display:table}@media (min-width: 992px){.jtpl-mobile-navigation__label{display:none}}.jtpl-mobile-navigation__borders{width:30px;position:relative;margin:7px
0;border-color:#fff;border-top-width:3px;transition:all 0.3s}.jtpl-mobile-navigation__borders:before,.jtpl-mobile-navigation__borders:after{border-color:#fff;border-top-width:3px}.jtpl-mobile-navigation__borders:before{top:-10px}.jtpl-mobile-navigation__borders:after{top:4px}.jtpl-mobile-navigation__borders:before,.jtpl-mobile-navigation__borders:after{transition:all 0.3s}.jtpl-mobile-navigation__checkbox{display:none}.jtpl-mobile-navigation__checkbox:checked+.jtpl-main{margin-left:0}@media (max-width: 991px){.jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__label{z-index:99;position:relative}}.jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__borders{width:19px;position:relative;margin:8px
0;border-top-width:3px;border-color:transparent;border-radius:5px}.jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__borders:before, .jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__borders:after{top:-3px;border-top-width:3px}.jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__borders:before{-ms-transform:rotate(45deg) scaleX(1.4142135624);transform:rotate(45deg) scaleX(1.4142135624)}.jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__borders:after{-ms-transform:rotate(-45deg) scaleX(1.4142135624);transform:rotate(-45deg) scaleX(1.4142135624)}.jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation{height:100%}.jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-mobile-navigation__inner{display:block}@media (max-width: 991px){.jtpl-mobile-navigation__checkbox:checked + .jtpl-main .jtpl-section{position:fixed}}.headroom{transition:transform 200ms linear}.headroom--pinned{-ms-transform:translateY(0%);transform:translateY(0%)}.headroom--unpinned{-ms-transform:translateY(-100%);transform:translateY(-100%)}.jtpl-main{max-width:100%}.jtpl-section-aside{padding:5px;box-sizing:border-box}@media (min-width: 992px){.jtpl-section-aside{width:24.5%;float:left;padding:0}}.jtpl-sidebar{margin-bottom:5px;margin-top:5px;border-radius:10px}@media (min-width: 992px){.jtpl-sidebar{padding:20px
10px;margin-top:0;margin-bottom:0}}.jtpl-section{width:100%;background-color:#ebebeb;padding:10px;box-sizing:border-box;position:relative;z-index:1}@media (min-width: 992px){.jtpl-section{padding:80px
40px}.jtpl-section:before,.jtpl-section:after{clear:both;content:"";display:table}}@media (min-width: 992px){.jtpl-section-main{max-width:1024px}.jtpl-section-main:before,.jtpl-section-main:after{clear:both;content:"";display:table}}.jtpl-content{box-sizing:border-box;padding:10px;background-color:#f6f6f6;background-color:rgba(246, 246, 246, 0.5);border-radius:10px;margin-bottom:5px}@media (min-width: 992px){.jtpl-content{float:right;width:73.65%;padding:20px;margin-bottom:0}}.j-blog-meta:before,.j-blog-meta:after{clear:both;content:"";display:table}.j-blog-meta a:link,
.j-blog-meta a:visited{cursor:default;text-decoration:none}.j-blog-meta .j-blog-header{margin-bottom:0.5em;padding-left:5px}.postmeta{font-size:13px;font-size:1.3rem;line-height:1.5;letter-spacing:1px;padding:5px;margin-bottom:20px}.j-blog-header{text-decoration:none}.blogselection .blogreadmore,
.blogselection
.comment{margin-right:1em}.datetime{font-size:13px;font-size:1.3rem;line-height:1.5;box-sizing:border-box;color:#333332;margin:0;padding:5px;float:right}.j-comment h2, .j-comment .j-rss h1, .j-rss .j-comment
h1{margin-bottom:0.5em}.j-comment
ul{margin:0;padding:0}.j-comment
dd{margin:0}.number{font-size:24px;font-size:2.4rem;line-height:1.25;float:right;font-weight:900;opacity:0.5}.com-meta,.commententry{padding:0
40px 0 0;margin:0}.commententry{margin:0
0 1.5em 0}.commententry
dd{margin:0}.commententry{margin-bottom:1.5em}.commententry input[type="text"],
.commententry input[type="date"]{width:50%}.commententry
label{display:inline-block;padding:10px
0 5px 0}.j-hr
hr{border:0;border-bottom-width:1px;border-color:#676764;border-style:solid}.j-rss{line-height:1.5}.j-rss h1 a:link,
.j-rss h1 a:visited{text-decoration:none}.j-rss
.rssFeedTitle{display:block;margin:1em
0 0.5em}.j-product{padding:1em
0;margin-bottom:30px}.j-product .cc-shop-product-alternatives
ul{list-style:none}.j-product .cc-shop-product-desc
h4{font-size:24px;font-size:2.4rem;line-height:1.25}.j-product .cc-shop-product-price-old{font-size:24px;font-size:2.4rem;line-height:1.25}.j-product .cc-shop-product-price-current{color:#3986A0;font-size:32px;font-size:3.2rem;line-height:1.25;margin:0}.j-product .cc-shop-product-availability{line-height:1.5;list-style:none;margin:0;padding:0}.j-product>div:target:before{content:'';display:block;height:200px;margin-top:-200px;visibility:hidden}.j-callToAction .j-calltoaction-link-style-1{font-size:32px;font-size:3.2rem;line-height:1.25}.j-callToAction .j-calltoaction-link-style-1:link, .j-callToAction .j-calltoaction-link-style-1:visited{text-transform:none}.j-callToAction .j-calltoaction-link-style-2:link, .j-callToAction .j-calltoaction-link-style-2:visited{background-color:white;color:#171717;border-width:2px;border-style:solid;border-color:#787878;border-color:rgba(255, 255, 255, 0.25);border-radius:0;text-transform:uppercase}.j-callToAction .j-calltoaction-link-style-2:hover, .j-callToAction .j-calltoaction-link-style-2:focus, .j-callToAction .j-calltoaction-link-style-2:active{color:#313131;background-color:#e6e6e6}.j-callToAction .j-calltoaction-link-style-3{padding:3px
20px;text-transform:none;border-radius:1000px;border:2px
solid #3986A0}.j-callToAction .j-calltoaction-link-style-3:active, .j-callToAction .j-calltoaction-link-style-3:focus, .j-callToAction .j-calltoaction-link-style-3:hover, .j-callToAction .j-calltoaction-link-style-3.active{background-color:transparent;border:2px
solid #3986A0;color:#3986A0}.content-options #cc-checkout-wrapper{background:transparent}.content-options .cc-checkout-overview .cc-checkout-fullshopingcart-wrapper{background:transparent}.content-options .cc-checkout-products
th{background:transparent}#cc-checkout-steps{display:block;box-sizing:border-box;font-size:13px;font-size:1.3rem;line-height:1.5;margin:0
0 15px 0;margin:0
0 1.5rem 0;padding:5px
0;padding:0.5rem 0}@media (min-width: 1170px){#cc-checkout-steps{display:-ms-flexbox !important;display:flex !important;-ms-flex-pack:justify;justify-content:space-between}}#cc-checkout-steps
li{display:inline-block;width:100%;position:relative;box-sizing:border-box;opacity:0.5;border:1px
solid #222;padding:8px
15px;padding:0.8rem 1.5rem;margin-bottom:10px;margin-bottom:1rem;background:white;text-align:center}@media (min-width: 1170px){#cc-checkout-steps
li{width:24%;margin-right:10px}#cc-checkout-steps li:last-child{margin-right:0}}#cc-checkout-steps li
span{color:#222;display:inline-block;line-height:1.5;text-decoration:none}#cc-checkout-steps li span:after{content:"\00bb";display:inline-block;padding:0
10px;padding:0
1rem}#cc-checkout-steps li:last-child span:after{content:""}#cc-checkout-steps .cc-checkout-steps-ready{cursor:default;opacity:0.5}#cc-checkout-steps .cc-checkout-steps-current{opacity:1;border-color:#222;border-color:rgba(34, 34, 34, 0.85);background-color:#222;background-color:rgba(34, 34, 34, 0.85)}#cc-checkout-steps .cc-checkout-steps-current
span{color:white}.j-checkout__overview-change-link{color:#3986A0}.j-checkout__button{padding:4px
18px !important}.j-checkout__shipping-address .j-checkout__heading{padding-bottom:0}@media (min-width: 992px){.j-checkout__shipping-address .j-checkout__heading{padding-bottom:50px}}.j-checkout__payment-info{background:none}.j-shop-special-page .jtpl-section-aside{display:none}.j-shop-special-page .jtpl-content{width:100%}.navigation-colors{background-color:#005f6a}.navigation-colors a,
.navigation-colors a:link,
.navigation-colors a:visited{font-family:"Fira Sans",sans-serif,"google";font-weight:normal;font-style:normal;text-transform:uppercase;color:#000;background-color:rgba(0, 0, 0, 0)}.navigation-colors li a:hover,
.navigation-colors li a:active,
.navigation-colors li a:focus,
.navigation-colors li.cc-nav-current > a:link,
.navigation-colors li.cc-nav-current > a:visited,
.navigation-colors li.cc-nav-parent > a:link,
.navigation-colors li.cc-nav-parent>a:visited{color:#fff;background-color:#a1c4c9}.navigation-colors .navigation-colors__menu-icon,
.navigation-colors .navigation-colors__menu-icon:before,
.navigation-colors .navigation-colors__menu-icon:after{border-color:#fff}.navigation-colors .navigation-colors__menu-icon-hi,
.navigation-colors .navigation-colors__menu-icon-hi:before,
.navigation-colors .navigation-colors__menu-icon-hi:after{border-color:#fff}.navigation-colors .navigation-colors__menu-icon-hi-background,
.navigation-colors .navigation-colors__menu-icon-hi-background:before,
.navigation-colors .navigation-colors__menu-icon-hi-background:after{border-color:#a1c4c9}.navigation-colors.after-background-color li a:before{background-color:rgba(0, 0, 0, 0)}.navigation-colors.after-background-color li a:after{background-color:#a1c4c9}.navigation-colors.after-font-color li a:before{color:#000}.navigation-colors.after-font-color li a:after{color:#fff}.navigation-vertical-alignment a,
.navigation-vertical-alignment a:link,
.navigation-vertical-alignment a:visited{}.navigation-colors--transparency{background-color:#005f6a}@media only screen and (max-width: 768px){.navigation-colors--transparency-bp{background-color:#005f6a}}.navigation-alignment{text-align:left}.navigation-alignment a,
.navigation-alignment a:link,
.navigation-alignment a:visited{}.content-options{background-color:#fff}.content-options-svg{fill:#fff;stroke:#fff}.content-options__contrast-black-white,.content-options__contrast-black-white:before,.content-options__contrast-black-white:after{border-color:#000}.content-options h1:not(.cc-within-single-module-element):not(.j-blog-headline){font-family:"Amaranth",sans-serif,"google";font-size:40px;font-weight:normal;font-style:normal;text-align:left;text-transform:none;color:#000}.content-options h2:not(.j-blog-headline):not(.j-blog-comment-counter){font-family:"Amaranth",sans-serif,"google";font-weight:normal;font-style:normal;color:#000}.content-options h3,
.content-options .j-rss h3 a:link,
.content-options .j-rss h3 a:visited{font-family:"Amaranth",sans-serif,"google";font-weight:normal;font-style:normal;color:#000}.content-options .com-list,
.content-options .j-blogSelection,
.content-options .j-catalog,
.content-options .j-comment,
.content-options .j-downloadDocument,
.content-options .j-formnew,
.content-options .j-formnew label,
.content-options .j-htmlCode,
.content-options .j-newsletterbox,
.content-options .postmeta,
.content-options .j-product,
.content-options .j-rss,
.content-options .j-table,
.content-options .j-text,
.content-options .j-textWithImage,
.content-options .j-imageSubtitle,
.content-options .cc-m-gallery-slider .bx-wrapper .bx-caption span,
.content-options .j-twitter,
.content-options .j-shop-addtocard-response,
.content-options .j-cart,
.content-options #cc-checkout-steps,
.content-options #cc-checkout-gutter,
.content-options .sitemap,
.content-options #cc-shop-deliveryinfopage,
.content-options .cc-tos,
.content-options .cc-privacy,
.content-options #cc-shop-infopage,
.content-options .cc-withdrawal,
.content-options .cc-protected-note,
.content-options .cc-shop-product-availability,
.content-options .j-googlemaps,
.content-options .j-pswp-caption,
.content-options .j-cookie-policy,
.content-options .j-cookie-settings{color:#000;font-family:"Fira Sans",sans-serif,"google"}.content-options #cc-checkout-gutter a:link,
.content-options #cc-shop-deliveryinfopage a:link,
.content-options #cc-shop-infopage a:link,
.content-options .cc-privacy a:link,
.content-options .cc-shop-product-desc a:link,
.content-options .cc-tos a:link,
.content-options .cc-withdrawal a:link,
.content-options .com-list a:link,
.content-options .com-list-noava a:link,
.content-options .sitemap a:link,
.content-options .cc-m-form-submit a:link,
.content-options .j-cookie-policy a:link,
.content-options .j-cookie-settings a:link,
.content-options .j-catalog-product-description a:link,
.content-options .j-htmlcode a:link,
.content-options .j-table a:link,
.content-options .j-text a:link,
.content-options .j-textWithImage a:link,
.content-options .j-twitter a:link,
.content-options .j-blog-content .j-catalog-product-description a:link,
.content-options .j-blog-content .j-htmlcode a:link,
.content-options .j-blog-content .j-table a:link,
.content-options .j-blog-content .j-text a:link,
.content-options .j-blog-content .j-textWithImage a:link,
.content-options .j-blog-content .j-twitter a:link,
.content-options #cc-checkout-gutter a:visited,
.content-options #cc-shop-deliveryinfopage a:visited,
.content-options #cc-shop-infopage a:visited,
.content-options .cc-privacy a:visited,
.content-options .cc-shop-product-desc a:visited,
.content-options .cc-tos a:visited,
.content-options .cc-withdrawal a:visited,
.content-options .com-list a:visited,
.content-options .com-list-noava a:visited,
.content-options .sitemap a:visited,
.content-options .cc-m-form-submit a:visited,
.content-options .j-cookie-policy a:visited,
.content-options .j-cookie-settings a:visited,
.content-options .j-catalog-product-description a:visited,
.content-options .j-htmlcode a:visited,
.content-options .j-table a:visited,
.content-options .j-text a:visited,
.content-options .j-textWithImage a:visited,
.content-options .j-twitter a:visited,
.content-options .j-blog-content .j-catalog-product-description a:visited,
.content-options .j-blog-content .j-htmlcode a:visited,
.content-options .j-blog-content .j-table a:visited,
.content-options .j-blog-content .j-text a:visited,
.content-options .j-blog-content .j-textWithImage a:visited,
.content-options .j-blog-content .j-twitter a:visited{color:#005f6a}.content-options #cc-checkout-gutter a:hover,
.content-options #cc-shop-deliveryinfopage a:hover,
.content-options #cc-shop-infopage a:hover,
.content-options .cc-privacy a:hover,
.content-options .cc-shop-product-desc a:hover,
.content-options .cc-tos a:hover,
.content-options .cc-withdrawal a:hover,
.content-options .com-list a:hover,
.content-options .com-list-noava a:hover,
.content-options .sitemap a:hover,
.content-options .cc-m-form-submit a:hover,
.content-options .j-cookie-policy a:hover,
.content-options .j-cookie-settings a:hover,
.content-options .j-catalog-product-description a:hover,
.content-options .j-htmlcode a:hover,
.content-options .j-table a:hover,
.content-options .j-text a:hover,
.content-options .j-textWithImage a:hover,
.content-options .j-twitter a:hover,
.content-options .j-blog-content .j-catalog-product-description a:hover,
.content-options .j-blog-content .j-htmlcode a:hover,
.content-options .j-blog-content .j-table a:hover,
.content-options .j-blog-content .j-text a:hover,
.content-options .j-blog-content .j-textWithImage a:hover,
.content-options .j-blog-content .j-twitter a:hover,
.content-options #cc-checkout-gutter a:active,
.content-options #cc-shop-deliveryinfopage a:active,
.content-options #cc-shop-infopage a:active,
.content-options .cc-privacy a:active,
.content-options .cc-shop-product-desc a:active,
.content-options .cc-tos a:active,
.content-options .cc-withdrawal a:active,
.content-options .com-list a:active,
.content-options .com-list-noava a:active,
.content-options .sitemap a:active,
.content-options .cc-m-form-submit a:active,
.content-options .j-cookie-policy a:active,
.content-options .j-cookie-settings a:active,
.content-options .j-catalog-product-description a:active,
.content-options .j-htmlcode a:active,
.content-options .j-table a:active,
.content-options .j-text a:active,
.content-options .j-textWithImage a:active,
.content-options .j-twitter a:active,
.content-options .j-blog-content .j-catalog-product-description a:active,
.content-options .j-blog-content .j-htmlcode a:active,
.content-options .j-blog-content .j-table a:active,
.content-options .j-blog-content .j-text a:active,
.content-options .j-blog-content .j-textWithImage a:active,
.content-options .j-blog-content .j-twitter a:active,
.content-options #cc-checkout-gutter a:focus,
.content-options #cc-shop-deliveryinfopage a:focus,
.content-options #cc-shop-infopage a:focus,
.content-options .cc-privacy a:focus,
.content-options .cc-shop-product-desc a:focus,
.content-options .cc-tos a:focus,
.content-options .cc-withdrawal a:focus,
.content-options .com-list a:focus,
.content-options .com-list-noava a:focus,
.content-options .sitemap a:focus,
.content-options .cc-m-form-submit a:focus,
.content-options .j-cookie-policy a:focus,
.content-options .j-cookie-settings a:focus,
.content-options .j-catalog-product-description a:focus,
.content-options .j-htmlcode a:focus,
.content-options .j-table a:focus,
.content-options .j-text a:focus,
.content-options .j-textWithImage a:focus,
.content-options .j-twitter a:focus,
.content-options .j-blog-content .j-catalog-product-description a:focus,
.content-options .j-blog-content .j-htmlcode a:focus,
.content-options .j-blog-content .j-table a:focus,
.content-options .j-blog-content .j-text a:focus,
.content-options .j-blog-content .j-textWithImage a:focus,
.content-options .j-blog-content .j-twitter a:focus{color:#242424}.content-options input[type="submit"],
.content-options .j-formnew input[type="submit"],
.content-options .j-blogarticle .blogreadmore:link,
.content-options .j-blogarticle .blogreadmore:visited,
.content-options .j-blog .skiptoform a,
.content-options .j-blogarticle .comment,
.content-options .post .blogreadmore:link,
.content-options .post .blogreadmore:visited,
.content-options .post .comment,
.content-options .j-downloadDocument .cc-m-download-link,
.content-options .j-newsletterbox input[type="submit"],
.content-options .j-comment input[type="submit"],
.content-options .j-comment .skiptoform a,
.content-options .commententry input[type="submit"],
.content-options .cc-checkout-btn[type="submit"],
.content-options .j-rss br + a[target="_blank"],
.content-options .j-googlemaps .cc-map-route-submit button,
.content-options .j-checkout__button{background-color:#005f6a;border-color:#005f6a;border-width:1px;border-style:solid;color:#fff;font-size:16px;border-radius:1000px}.content-options input[type="submit"]:hover,
.content-options .j-formnew input[type="submit"]:hover,
.content-options .j-blogarticle .blogreadmore:link:hover,
.content-options .j-blogarticle .blogreadmore:visited:hover,
.content-options .j-blog .skiptoform a:hover,
.content-options .j-blogarticle .comment:hover,
.content-options .post .blogreadmore:link:hover,
.content-options .post .blogreadmore:visited:hover,
.content-options .post .comment:hover,
.content-options .j-downloadDocument .cc-m-download-link:hover,
.content-options .j-newsletterbox input[type="submit"]:hover,
.content-options .j-comment input[type="submit"]:hover,
.content-options .j-comment .skiptoform a:hover,
.content-options .commententry input[type="submit"]:hover,
.content-options .cc-checkout-btn[type="submit"]:hover,
.content-options .j-rss br + a[target="_blank"]:hover,
.content-options .j-googlemaps .cc-map-route-submit button:hover,
.content-options .j-checkout__button:hover,
.content-options input[type="submit"]:active,
.content-options .j-formnew input[type="submit"]:active,
.content-options .j-blogarticle .blogreadmore:link:active,
.content-options .j-blogarticle .blogreadmore:visited:active,
.content-options .j-blog .skiptoform a:active,
.content-options .j-blogarticle .comment:active,
.content-options .post .blogreadmore:link:active,
.content-options .post .blogreadmore:visited:active,
.content-options .post .comment:active,
.content-options .j-downloadDocument .cc-m-download-link:active,
.content-options .j-newsletterbox input[type="submit"]:active,
.content-options .j-comment input[type="submit"]:active,
.content-options .j-comment .skiptoform a:active,
.content-options .commententry input[type="submit"]:active,
.content-options .cc-checkout-btn[type="submit"]:active,
.content-options .j-rss br + a[target="_blank"]:active,
.content-options .j-googlemaps .cc-map-route-submit button:active,
.content-options .j-checkout__button:active,
.content-options input[type="submit"]:focus,
.content-options .j-formnew input[type="submit"]:focus,
.content-options .j-blogarticle .blogreadmore:link:focus,
.content-options .j-blogarticle .blogreadmore:visited:focus,
.content-options .j-blog .skiptoform a:focus,
.content-options .j-blogarticle .comment:focus,
.content-options .post .blogreadmore:link:focus,
.content-options .post .blogreadmore:visited:focus,
.content-options .post .comment:focus,
.content-options .j-downloadDocument .cc-m-download-link:focus,
.content-options .j-newsletterbox input[type="submit"]:focus,
.content-options .j-comment input[type="submit"]:focus,
.content-options .j-comment .skiptoform a:focus,
.content-options .commententry input[type="submit"]:focus,
.content-options .cc-checkout-btn[type="submit"]:focus,
.content-options .j-rss br + a[target="_blank"]:focus,
.content-options .j-googlemaps .cc-map-route-submit button:focus,
.content-options .j-checkout__button:focus{background-color:#242424;border-color:#000;color:#fff}.content-options .j-comment textarea,
.content-options .j-comment input[type="text"],
.content-options .j-comment input[type="date"],
.content-options .commententry textarea,
.content-options .commententry input[type="text"],
.content-options .commententry input[type="date"],
.content-options .j-formnew .cc-m-form-view-sortable input[type="text"],
.content-options .j-formnew .cc-m-form-view-sortable input[type="date"],
.content-options .j-formnew .cc-m-form-view-sortable input[type="email"],
.content-options .j-formnew .cc-m-form-view-sortable textarea,
.content-options .j-formnew .cc-m-form-view-sortable select,
.content-options .j-newsletterbox input[type="email"],
.content-options #cc-checkout-gutter input[type="text"],
.content-options #cc-checkout-gutter input[type="date"],
.content-options #cc-checkout-gutter input[type="email"],
.content-options #cc-checkout-gutter textarea,
.content-options #cc-checkout-gutter select,
.content-options .j-googlemaps .cc-map-route-start,
.content-options .j-checkout__input-field{border-color:#242424;color:#000}.content-options .j-comment textarea:hover,
.content-options .j-comment input[type="text"]:hover,
.content-options .j-comment input[type="date"]:hover,
.content-options .commententry textarea:hover,
.content-options .commententry input[type="text"]:hover,
.content-options .commententry input[type="date"]:hover,
.content-options .j-formnew .cc-m-form-view-sortable input[type="text"]:hover,
.content-options .j-formnew .cc-m-form-view-sortable input[type="date"]:hover,
.content-options .j-formnew .cc-m-form-view-sortable input[type="email"]:hover,
.content-options .j-formnew .cc-m-form-view-sortable textarea:hover,
.content-options .j-formnew .cc-m-form-view-sortable select:hover,
.content-options .j-newsletterbox input[type="email"]:hover,
.content-options #cc-checkout-gutter input[type="text"]:hover,
.content-options #cc-checkout-gutter input[type="date"]:hover,
.content-options #cc-checkout-gutter input[type="email"]:hover,
.content-options #cc-checkout-gutter textarea:hover,
.content-options #cc-checkout-gutter select:hover,
.content-options .j-googlemaps .cc-map-route-start:hover,
.content-options .j-checkout__input-field:hover,
.content-options .j-comment textarea:active,
.content-options .j-comment input[type="text"]:active,
.content-options .j-comment input[type="date"]:active,
.content-options .commententry textarea:active,
.content-options .commententry input[type="text"]:active,
.content-options .commententry input[type="date"]:active,
.content-options .j-formnew .cc-m-form-view-sortable input[type="text"]:active,
.content-options .j-formnew .cc-m-form-view-sortable input[type="date"]:active,
.content-options .j-formnew .cc-m-form-view-sortable input[type="email"]:active,
.content-options .j-formnew .cc-m-form-view-sortable textarea:active,
.content-options .j-formnew .cc-m-form-view-sortable select:active,
.content-options .j-newsletterbox input[type="email"]:active,
.content-options #cc-checkout-gutter input[type="text"]:active,
.content-options #cc-checkout-gutter input[type="date"]:active,
.content-options #cc-checkout-gutter input[type="email"]:active,
.content-options #cc-checkout-gutter textarea:active,
.content-options #cc-checkout-gutter select:active,
.content-options .j-googlemaps .cc-map-route-start:active,
.content-options .j-checkout__input-field:active,
.content-options .j-comment textarea:focus,
.content-options .j-comment input[type="text"]:focus,
.content-options .j-comment input[type="date"]:focus,
.content-options .commententry textarea:focus,
.content-options .commententry input[type="text"]:focus,
.content-options .commententry input[type="date"]:focus,
.content-options .j-formnew .cc-m-form-view-sortable input[type="text"]:focus,
.content-options .j-formnew .cc-m-form-view-sortable input[type="date"]:focus,
.content-options .j-formnew .cc-m-form-view-sortable input[type="email"]:focus,
.content-options .j-formnew .cc-m-form-view-sortable textarea:focus,
.content-options .j-formnew .cc-m-form-view-sortable select:focus,
.content-options .j-newsletterbox input[type="email"]:focus,
.content-options #cc-checkout-gutter input[type="text"]:focus,
.content-options #cc-checkout-gutter input[type="date"]:focus,
.content-options #cc-checkout-gutter input[type="email"]:focus,
.content-options #cc-checkout-gutter textarea:focus,
.content-options #cc-checkout-gutter select:focus,
.content-options .j-googlemaps .cc-map-route-start:focus,
.content-options .j-checkout__input-field:focus{border-color:#367714}.content-options .j-calltoaction-link-style-1:link,
.content-options .j-calltoaction-link-style-1:visited{background-color:#005f6a;border-color:#005f6a;color:#fff;font-size:32px;border-color:#fff;border-width:1px;border-style:solid;border-radius:1000px;font-family:"Fira Sans",sans-serif,"google"}.content-options .j-calltoaction-link-style-1:hover,
.content-options .j-calltoaction-link-style-1:active,
.content-options .j-calltoaction-link-style-1:focus,
.content-options .j-calltoaction-link-style-1.active{background-color:#000;border-color:#000;color:#fff}.content-options .j-calltoaction-link-style-2:link,
.content-options .j-calltoaction-link-style-2:visited{background-color:#367714;color:#fff;border-color:#367714;font-family:"Fira Sans",sans-serif,"google"}.content-options .j-calltoaction-link-style-2:hover,
.content-options .j-calltoaction-link-style-2:active,
.content-options .j-calltoaction-link-style-2:focus,
.content-options .j-calltoaction-link-style-2.active{background-color:#000;border-color:#000;color:#fff}.content-options .j-calltoaction-link-style-3:link,
.content-options .j-calltoaction-link-style-3:visited{background-color:#005f6a;border-color:#005f6a;color:#fff;font-size:16px;border-color:#fff;border-width:2px;border-style:solid;border-radius:1000px;font-family:"Fira Sans",sans-serif,"google"}.content-options .j-calltoaction-link-style-3:hover,
.content-options .j-calltoaction-link-style-3:active,
.content-options .j-calltoaction-link-style-3:focus,
.content-options .j-calltoaction-link-style-3.active{background-color:#000;border-color:#000;color:#fff}.content-options
hr{border-color:#000}.content-options hr:after,
.content-options hr:before{color:#fff}.content-options .j-imageSubtitle figcaption,
.content-options .j-textWithImage
figcaption{color:#000;font-weight:normal}.cc-pagemode-overlay h1:not(.cc-within-single-module-element):not(.j-blog-headline){font-family:"Amaranth",sans-serif,"google";font-size:40px;font-weight:normal;font-style:normal;text-align:left;text-transform:none;color:#000}.cc-pagemode-overlay input[type="submit"].submitUser{background-color:#005f6a;border-color:#005f6a;border-width:1px;border-style:solid;color:#fff;font-size:16px;border-radius:1000px}.cc-pagemode-overlay input[type="submit"].submitUser:hover,
.cc-pagemode-overlay input[type="submit"].submitUser:active,
.cc-pagemode-overlay input[type="submit"].submitUser:focus{background-color:#242424;border-color:#000;color:#fff}.cc-pagemode-overlay
#password{border-color:#242424;color:#000}.cc-pagemode-overlay #password:hover,
.cc-pagemode-overlay #password:active,
.cc-pagemode-overlay #password:focus{border-color:#367714}.subnavigation-colors a,
.subnavigation-colors a:link,
.subnavigation-colors a:visited{font-family:"Fira Sans",sans-serif,"google";font-size:16px;font-weight:normal;font-style:normal;text-transform:none;color:#005f6a}.subnavigation-colors a:hover,
.subnavigation-colors a:active,
.subnavigation-colors a:focus,
.subnavigation-colors .cc-nav-current > a:link,
.subnavigation-colors .cc-nav-current > a:visited,
.subnavigation-colors .cc-nav-parent > a:link,
.subnavigation-colors .cc-nav-parent>a:visited{color:#242424;background-color:#d0e0e3}.mobile-navigation-colors .j-nav-level-1 a,
.mobile-navigation-colors .j-nav-level-2 a,
.mobile-navigation-colors .j-nav-level-1 a:link,
.mobile-navigation-colors .j-nav-level-2 a:link,
.mobile-navigation-colors .j-nav-level-1 a:visited,
.mobile-navigation-colors .j-nav-level-2 a:visited{font-family:"Fira Sans",sans-serif,"google";font-size:16px;font-weight:normal;font-style:normal;text-transform:none;color:#005f6a}.mobile-navigation-colors .j-nav-level-1 a:hover,
.mobile-navigation-colors .j-nav-level-2 a:hover,
.mobile-navigation-colors .j-nav-level-1 a:active,
.mobile-navigation-colors .j-nav-level-2 a:active,
.mobile-navigation-colors .j-nav-level-1 a:focus,
.mobile-navigation-colors .j-nav-level-2 a:focus,
.mobile-navigation-colors .j-nav-level-1 .cc-nav-current > a:link,
.mobile-navigation-colors .j-nav-level-2 .cc-nav-current > a:link,
.mobile-navigation-colors .j-nav-level-1 .cc-nav-current > a:visited,
.mobile-navigation-colors .j-nav-level-2 .cc-nav-current > a:visited,
.mobile-navigation-colors .j-nav-level-1 .cc-nav-parent > a:link,
.mobile-navigation-colors .j-nav-level-2 .cc-nav-parent > a:link,
.mobile-navigation-colors .j-nav-level-1 .cc-nav-parent > a:visited,
.mobile-navigation-colors .j-nav-level-2 .cc-nav-parent>a:visited{color:#242424;background-color:#d0e0e3}.content-options-svg{fill:#fff;stroke:#fff}.content-options__contrast-black-white,.content-options__contrast-black-white:before,.content-options__contrast-black-white:after{border-color:#000}.sidebar-options h1:not(.cc-within-single-module-element):not(.j-blog-headline){font-family:"Amaranth",sans-serif,"google";font-weight:normal;font-style:normal;color:#000}.sidebar-options h2:not(.j-blog-headline):not(.j-blog-comment-counter){font-family:"Amaranth",sans-serif,"google";font-size:32px;font-weight:normal;font-style:normal;text-align:left;text-transform:none;color:#000}.sidebar-options h3,
.sidebar-options .j-rss h3 a:link,
.sidebar-options .j-rss h3 a:visited{font-family:"Amaranth",sans-serif,"google";font-size:24px;font-weight:normal;font-style:normal;text-align:left;text-transform:none;color:#000}.sidebar-options .com-list,
.sidebar-options .j-blogSelection,
.sidebar-options .j-catalog,
.sidebar-options .j-comment,
.sidebar-options .j-downloadDocument,
.sidebar-options .j-formnew,
.sidebar-options .j-formnew label,
.sidebar-options .j-htmlCode,
.sidebar-options .j-newsletterbox,
.sidebar-options .postmeta,
.sidebar-options .j-product,
.sidebar-options .j-rss,
.sidebar-options .j-table,
.sidebar-options .j-text,
.sidebar-options .j-textWithImage,
.sidebar-options .j-imageSubtitle,
.sidebar-options .cc-m-gallery-slider .bx-wrapper .bx-caption span,
.sidebar-options .j-twitter,
.sidebar-options .j-shop-addtocard-response,
.sidebar-options .j-cart,
.sidebar-options #cc-checkout-steps,
.sidebar-options #cc-checkout-gutter,
.sidebar-options .sitemap,
.sidebar-options #cc-shop-deliveryinfopage,
.sidebar-options .cc-tos,
.sidebar-options .cc-privacy,
.sidebar-options #cc-shop-infopage,
.sidebar-options .cc-withdrawal,
.sidebar-options .cc-protected-note,
.sidebar-options .cc-shop-product-availability,
.sidebar-options .j-googlemaps,
.sidebar-options .j-pswp-caption,
.sidebar-options .j-cookie-policy,
.sidebar-options .j-cookie-settings{color:#000;font-family:"Fira Sans",sans-serif,"google"}.sidebar-options #cc-checkout-gutter a:link,
.sidebar-options #cc-shop-deliveryinfopage a:link,
.sidebar-options #cc-shop-infopage a:link,
.sidebar-options .cc-privacy a:link,
.sidebar-options .cc-shop-product-desc a:link,
.sidebar-options .cc-tos a:link,
.sidebar-options .cc-withdrawal a:link,
.sidebar-options .com-list a:link,
.sidebar-options .com-list-noava a:link,
.sidebar-options .sitemap a:link,
.sidebar-options .cc-m-form-submit a:link,
.sidebar-options .j-cookie-policy a:link,
.sidebar-options .j-cookie-settings a:link,
.sidebar-options .j-catalog-product-description a:link,
.sidebar-options .j-htmlcode a:link,
.sidebar-options .j-table a:link,
.sidebar-options .j-text a:link,
.sidebar-options .j-textWithImage a:link,
.sidebar-options .j-twitter a:link,
.sidebar-options .j-blog-content .j-catalog-product-description a:link,
.sidebar-options .j-blog-content .j-htmlcode a:link,
.sidebar-options .j-blog-content .j-table a:link,
.sidebar-options .j-blog-content .j-text a:link,
.sidebar-options .j-blog-content .j-textWithImage a:link,
.sidebar-options .j-blog-content .j-twitter a:link,
.sidebar-options #cc-checkout-gutter a:visited,
.sidebar-options #cc-shop-deliveryinfopage a:visited,
.sidebar-options #cc-shop-infopage a:visited,
.sidebar-options .cc-privacy a:visited,
.sidebar-options .cc-shop-product-desc a:visited,
.sidebar-options .cc-tos a:visited,
.sidebar-options .cc-withdrawal a:visited,
.sidebar-options .com-list a:visited,
.sidebar-options .com-list-noava a:visited,
.sidebar-options .sitemap a:visited,
.sidebar-options .cc-m-form-submit a:visited,
.sidebar-options .j-cookie-policy a:visited,
.sidebar-options .j-cookie-settings a:visited,
.sidebar-options .j-catalog-product-description a:visited,
.sidebar-options .j-htmlcode a:visited,
.sidebar-options .j-table a:visited,
.sidebar-options .j-text a:visited,
.sidebar-options .j-textWithImage a:visited,
.sidebar-options .j-twitter a:visited,
.sidebar-options .j-blog-content .j-catalog-product-description a:visited,
.sidebar-options .j-blog-content .j-htmlcode a:visited,
.sidebar-options .j-blog-content .j-table a:visited,
.sidebar-options .j-blog-content .j-text a:visited,
.sidebar-options .j-blog-content .j-textWithImage a:visited,
.sidebar-options .j-blog-content .j-twitter a:visited{color:#005f6a}.sidebar-options #cc-checkout-gutter a:hover,
.sidebar-options #cc-shop-deliveryinfopage a:hover,
.sidebar-options #cc-shop-infopage a:hover,
.sidebar-options .cc-privacy a:hover,
.sidebar-options .cc-shop-product-desc a:hover,
.sidebar-options .cc-tos a:hover,
.sidebar-options .cc-withdrawal a:hover,
.sidebar-options .com-list a:hover,
.sidebar-options .com-list-noava a:hover,
.sidebar-options .sitemap a:hover,
.sidebar-options .cc-m-form-submit a:hover,
.sidebar-options .j-cookie-policy a:hover,
.sidebar-options .j-cookie-settings a:hover,
.sidebar-options .j-catalog-product-description a:hover,
.sidebar-options .j-htmlcode a:hover,
.sidebar-options .j-table a:hover,
.sidebar-options .j-text a:hover,
.sidebar-options .j-textWithImage a:hover,
.sidebar-options .j-twitter a:hover,
.sidebar-options .j-blog-content .j-catalog-product-description a:hover,
.sidebar-options .j-blog-content .j-htmlcode a:hover,
.sidebar-options .j-blog-content .j-table a:hover,
.sidebar-options .j-blog-content .j-text a:hover,
.sidebar-options .j-blog-content .j-textWithImage a:hover,
.sidebar-options .j-blog-content .j-twitter a:hover,
.sidebar-options #cc-checkout-gutter a:active,
.sidebar-options #cc-shop-deliveryinfopage a:active,
.sidebar-options #cc-shop-infopage a:active,
.sidebar-options .cc-privacy a:active,
.sidebar-options .cc-shop-product-desc a:active,
.sidebar-options .cc-tos a:active,
.sidebar-options .cc-withdrawal a:active,
.sidebar-options .com-list a:active,
.sidebar-options .com-list-noava a:active,
.sidebar-options .sitemap a:active,
.sidebar-options .cc-m-form-submit a:active,
.sidebar-options .j-cookie-policy a:active,
.sidebar-options .j-cookie-settings a:active,
.sidebar-options .j-catalog-product-description a:active,
.sidebar-options .j-htmlcode a:active,
.sidebar-options .j-table a:active,
.sidebar-options .j-text a:active,
.sidebar-options .j-textWithImage a:active,
.sidebar-options .j-twitter a:active,
.sidebar-options .j-blog-content .j-catalog-product-description a:active,
.sidebar-options .j-blog-content .j-htmlcode a:active,
.sidebar-options .j-blog-content .j-table a:active,
.sidebar-options .j-blog-content .j-text a:active,
.sidebar-options .j-blog-content .j-textWithImage a:active,
.sidebar-options .j-blog-content .j-twitter a:active,
.sidebar-options #cc-checkout-gutter a:focus,
.sidebar-options #cc-shop-deliveryinfopage a:focus,
.sidebar-options #cc-shop-infopage a:focus,
.sidebar-options .cc-privacy a:focus,
.sidebar-options .cc-shop-product-desc a:focus,
.sidebar-options .cc-tos a:focus,
.sidebar-options .cc-withdrawal a:focus,
.sidebar-options .com-list a:focus,
.sidebar-options .com-list-noava a:focus,
.sidebar-options .sitemap a:focus,
.sidebar-options .cc-m-form-submit a:focus,
.sidebar-options .j-cookie-policy a:focus,
.sidebar-options .j-cookie-settings a:focus,
.sidebar-options .j-catalog-product-description a:focus,
.sidebar-options .j-htmlcode a:focus,
.sidebar-options .j-table a:focus,
.sidebar-options .j-text a:focus,
.sidebar-options .j-textWithImage a:focus,
.sidebar-options .j-twitter a:focus,
.sidebar-options .j-blog-content .j-catalog-product-description a:focus,
.sidebar-options .j-blog-content .j-htmlcode a:focus,
.sidebar-options .j-blog-content .j-table a:focus,
.sidebar-options .j-blog-content .j-text a:focus,
.sidebar-options .j-blog-content .j-textWithImage a:focus,
.sidebar-options .j-blog-content .j-twitter a:focus{color:#242424}.sidebar-options input[type="submit"],
.sidebar-options .j-formnew input[type="submit"],
.sidebar-options .j-blogarticle .blogreadmore:link,
.sidebar-options .j-blogarticle .blogreadmore:visited,
.sidebar-options .j-blog .skiptoform a,
.sidebar-options .j-blogarticle .comment,
.sidebar-options .post .blogreadmore:link,
.sidebar-options .post .blogreadmore:visited,
.sidebar-options .post .comment,
.sidebar-options .j-downloadDocument .cc-m-download-link,
.sidebar-options .j-newsletterbox input[type="submit"],
.sidebar-options .j-comment input[type="submit"],
.sidebar-options .j-comment .skiptoform a,
.sidebar-options .commententry input[type="submit"],
.sidebar-options .cc-checkout-btn[type="submit"],
.sidebar-options .j-rss br + a[target="_blank"],
.sidebar-options .j-googlemaps .cc-map-route-submit button,
.sidebar-options .j-checkout__button{background-color:#367714;border-color:#367714;border-style:solid;color:#fff}.sidebar-options input[type="submit"]:hover,
.sidebar-options .j-formnew input[type="submit"]:hover,
.sidebar-options .j-blogarticle .blogreadmore:link:hover,
.sidebar-options .j-blogarticle .blogreadmore:visited:hover,
.sidebar-options .j-blog .skiptoform a:hover,
.sidebar-options .j-blogarticle .comment:hover,
.sidebar-options .post .blogreadmore:link:hover,
.sidebar-options .post .blogreadmore:visited:hover,
.sidebar-options .post .comment:hover,
.sidebar-options .j-downloadDocument .cc-m-download-link:hover,
.sidebar-options .j-newsletterbox input[type="submit"]:hover,
.sidebar-options .j-comment input[type="submit"]:hover,
.sidebar-options .j-comment .skiptoform a:hover,
.sidebar-options .commententry input[type="submit"]:hover,
.sidebar-options .cc-checkout-btn[type="submit"]:hover,
.sidebar-options .j-rss br + a[target="_blank"]:hover,
.sidebar-options .j-googlemaps .cc-map-route-submit button:hover,
.sidebar-options .j-checkout__button:hover,
.sidebar-options input[type="submit"]:active,
.sidebar-options .j-formnew input[type="submit"]:active,
.sidebar-options .j-blogarticle .blogreadmore:link:active,
.sidebar-options .j-blogarticle .blogreadmore:visited:active,
.sidebar-options .j-blog .skiptoform a:active,
.sidebar-options .j-blogarticle .comment:active,
.sidebar-options .post .blogreadmore:link:active,
.sidebar-options .post .blogreadmore:visited:active,
.sidebar-options .post .comment:active,
.sidebar-options .j-downloadDocument .cc-m-download-link:active,
.sidebar-options .j-newsletterbox input[type="submit"]:active,
.sidebar-options .j-comment input[type="submit"]:active,
.sidebar-options .j-comment .skiptoform a:active,
.sidebar-options .commententry input[type="submit"]:active,
.sidebar-options .cc-checkout-btn[type="submit"]:active,
.sidebar-options .j-rss br + a[target="_blank"]:active,
.sidebar-options .j-googlemaps .cc-map-route-submit button:active,
.sidebar-options .j-checkout__button:active,
.sidebar-options input[type="submit"]:focus,
.sidebar-options .j-formnew input[type="submit"]:focus,
.sidebar-options .j-blogarticle .blogreadmore:link:focus,
.sidebar-options .j-blogarticle .blogreadmore:visited:focus,
.sidebar-options .j-blog .skiptoform a:focus,
.sidebar-options .j-blogarticle .comment:focus,
.sidebar-options .post .blogreadmore:link:focus,
.sidebar-options .post .blogreadmore:visited:focus,
.sidebar-options .post .comment:focus,
.sidebar-options .j-downloadDocument .cc-m-download-link:focus,
.sidebar-options .j-newsletterbox input[type="submit"]:focus,
.sidebar-options .j-comment input[type="submit"]:focus,
.sidebar-options .j-comment .skiptoform a:focus,
.sidebar-options .commententry input[type="submit"]:focus,
.sidebar-options .cc-checkout-btn[type="submit"]:focus,
.sidebar-options .j-rss br + a[target="_blank"]:focus,
.sidebar-options .j-googlemaps .cc-map-route-submit button:focus,
.sidebar-options .j-checkout__button:focus{background-color:#242424;border-color:#000;color:#fff}.sidebar-options .j-comment textarea,
.sidebar-options .j-comment input[type="text"],
.sidebar-options .j-comment input[type="date"],
.sidebar-options .commententry textarea,
.sidebar-options .commententry input[type="text"],
.sidebar-options .commententry input[type="date"],
.sidebar-options .j-formnew .cc-m-form-view-sortable input[type="text"],
.sidebar-options .j-formnew .cc-m-form-view-sortable input[type="date"],
.sidebar-options .j-formnew .cc-m-form-view-sortable input[type="email"],
.sidebar-options .j-formnew .cc-m-form-view-sortable textarea,
.sidebar-options .j-formnew .cc-m-form-view-sortable select,
.sidebar-options .j-newsletterbox input[type="email"],
.sidebar-options #cc-checkout-gutter input[type="text"],
.sidebar-options #cc-checkout-gutter input[type="date"],
.sidebar-options #cc-checkout-gutter input[type="email"],
.sidebar-options #cc-checkout-gutter textarea,
.sidebar-options #cc-checkout-gutter select,
.sidebar-options .j-googlemaps .cc-map-route-start,
.sidebar-options .j-checkout__input-field{border-color:#242424;color:#000}.sidebar-options .j-comment textarea:hover,
.sidebar-options .j-comment input[type="text"]:hover,
.sidebar-options .j-comment input[type="date"]:hover,
.sidebar-options .commententry textarea:hover,
.sidebar-options .commententry input[type="text"]:hover,
.sidebar-options .commententry input[type="date"]:hover,
.sidebar-options .j-formnew .cc-m-form-view-sortable input[type="text"]:hover,
.sidebar-options .j-formnew .cc-m-form-view-sortable input[type="date"]:hover,
.sidebar-options .j-formnew .cc-m-form-view-sortable input[type="email"]:hover,
.sidebar-options .j-formnew .cc-m-form-view-sortable textarea:hover,
.sidebar-options .j-formnew .cc-m-form-view-sortable select:hover,
.sidebar-options .j-newsletterbox input[type="email"]:hover,
.sidebar-options #cc-checkout-gutter input[type="text"]:hover,
.sidebar-options #cc-checkout-gutter input[type="date"]:hover,
.sidebar-options #cc-checkout-gutter input[type="email"]:hover,
.sidebar-options #cc-checkout-gutter textarea:hover,
.sidebar-options #cc-checkout-gutter select:hover,
.sidebar-options .j-googlemaps .cc-map-route-start:hover,
.sidebar-options .j-checkout__input-field:hover,
.sidebar-options .j-comment textarea:active,
.sidebar-options .j-comment input[type="text"]:active,
.sidebar-options .j-comment input[type="date"]:active,
.sidebar-options .commententry textarea:active,
.sidebar-options .commententry input[type="text"]:active,
.sidebar-options .commententry input[type="date"]:active,
.sidebar-options .j-formnew .cc-m-form-view-sortable input[type="text"]:active,
.sidebar-options .j-formnew .cc-m-form-view-sortable input[type="date"]:active,
.sidebar-options .j-formnew .cc-m-form-view-sortable input[type="email"]:active,
.sidebar-options .j-formnew .cc-m-form-view-sortable textarea:active,
.sidebar-options .j-formnew .cc-m-form-view-sortable select:active,
.sidebar-options .j-newsletterbox input[type="email"]:active,
.sidebar-options #cc-checkout-gutter input[type="text"]:active,
.sidebar-options #cc-checkout-gutter input[type="date"]:active,
.sidebar-options #cc-checkout-gutter input[type="email"]:active,
.sidebar-options #cc-checkout-gutter textarea:active,
.sidebar-options #cc-checkout-gutter select:active,
.sidebar-options .j-googlemaps .cc-map-route-start:active,
.sidebar-options .j-checkout__input-field:active,
.sidebar-options .j-comment textarea:focus,
.sidebar-options .j-comment input[type="text"]:focus,
.sidebar-options .j-comment input[type="date"]:focus,
.sidebar-options .commententry textarea:focus,
.sidebar-options .commententry input[type="text"]:focus,
.sidebar-options .commententry input[type="date"]:focus,
.sidebar-options .j-formnew .cc-m-form-view-sortable input[type="text"]:focus,
.sidebar-options .j-formnew .cc-m-form-view-sortable input[type="date"]:focus,
.sidebar-options .j-formnew .cc-m-form-view-sortable input[type="email"]:focus,
.sidebar-options .j-formnew .cc-m-form-view-sortable textarea:focus,
.sidebar-options .j-formnew .cc-m-form-view-sortable select:focus,
.sidebar-options .j-newsletterbox input[type="email"]:focus,
.sidebar-options #cc-checkout-gutter input[type="text"]:focus,
.sidebar-options #cc-checkout-gutter input[type="date"]:focus,
.sidebar-options #cc-checkout-gutter input[type="email"]:focus,
.sidebar-options #cc-checkout-gutter textarea:focus,
.sidebar-options #cc-checkout-gutter select:focus,
.sidebar-options .j-googlemaps .cc-map-route-start:focus,
.sidebar-options .j-checkout__input-field:focus{border-color:#367714}.sidebar-options .j-calltoaction-link-style-1:link,
.sidebar-options .j-calltoaction-link-style-1:visited{background-color:#367714;color:#fff;border-color:#367714;font-family:"Fira Sans",sans-serif,"google"}.sidebar-options .j-calltoaction-link-style-1:hover,
.sidebar-options .j-calltoaction-link-style-1:active,
.sidebar-options .j-calltoaction-link-style-1:focus,
.sidebar-options .j-calltoaction-link-style-1.active{background-color:#000;border-color:#000;color:#fff}.sidebar-options .j-calltoaction-link-style-2:link,
.sidebar-options .j-calltoaction-link-style-2:visited{background-color:#367714;color:#fff;border-color:#367714;font-family:"Fira Sans",sans-serif,"google"}.sidebar-options .j-calltoaction-link-style-2:hover,
.sidebar-options .j-calltoaction-link-style-2:active,
.sidebar-options .j-calltoaction-link-style-2:focus,
.sidebar-options .j-calltoaction-link-style-2.active{background-color:#000;border-color:#000;color:#fff}.sidebar-options .j-calltoaction-link-style-3:link,
.sidebar-options .j-calltoaction-link-style-3:visited{background-color:#367714;color:#fff;border-color:#367714;font-family:"Fira Sans",sans-serif,"google"}.sidebar-options .j-calltoaction-link-style-3:hover,
.sidebar-options .j-calltoaction-link-style-3:active,
.sidebar-options .j-calltoaction-link-style-3:focus,
.sidebar-options .j-calltoaction-link-style-3.active{background-color:#000;border-color:#000;color:#fff}.sidebar-options
hr{border-color:#000}.sidebar-options .j-imageSubtitle figcaption,
.sidebar-options .j-textWithImage
figcaption{color:#000;font-weight:normal}.footer-options{font-family:"Fira Sans",sans-serif,"google";color:#000}.footer-options a:link,
.footer-options a:visited,
.footer-options .leftrow,
.footer-options
.rightrow{color:#005f6a}.footer-options a:hover,
.footer-options a:active,
.footer-options a:focus{color:#242424}.breadcrumb-options a:link,
.breadcrumb-options a:visited{font-family:"Fira Sans",sans-serif,"google";font-size:16px;font-weight:normal;font-style:normal;text-transform:none;color:#a1c4c9;background-color:rgba(0, 0, 0, 0)}.breadcrumb-options a:hover,
.breadcrumb-options a:active,
.breadcrumb-options a:focus,
.breadcrumb-options .j-nav-current:link,
.breadcrumb-options .j-nav-current:visited{color:#005f6a;background-color:rgba(0,0,0,0)}.flex-background-options{background-color:#fcfaf1}.alignment-options{margin-left:auto;margin-right:auto}.j-website-title-content{font-weight:normal;font-style:normal;color:#005f6a;font-family:"Amaranth",sans-serif,"google";font-size:40px;text-transform:none;text-align:center}#cc-sidecart .cc-sidecart-checkout{background-color:#367714;border-color:#367714;color:#fff}#cc-sidecart .cc-sidecart-checkout:hover,
#cc-sidecart .cc-sidecart-checkout:active,
#cc-sidecart .cc-sidecart-checkout:focus{background-color:#242424;border-color:#000;color:#fff}.j-product .cc-shop-product-desc
h4{font-family:"Amaranth",sans-serif,"google";font-weight:normal;font-style:normal;color:#000}.j-product .cc-shop-product-desc .cc-shop-product-price-current{color:#367714}.j-product .cc-shop-product-desc .cc-shop-product-price-old{color:#000}.j-product .cc-shop-product-desc .cc-shop-addtocard,
.j-product .cc-shop-product-desc input.cc-checkout-btn{background-color:#367714;border-color:#367714;color:#fff}.j-product .cc-shop-product-desc .cc-shop-addtocard:hover,
.j-product .cc-shop-product-desc input.cc-checkout-btn:hover,
.j-product .cc-shop-product-desc .cc-shop-addtocard:active,
.j-product .cc-shop-product-desc input.cc-checkout-btn:active,
.j-product .cc-shop-product-desc .cc-shop-addtocard:focus,
.j-product .cc-shop-product-desc input.cc-checkout-btn:focus{background-color:#242424;border-color:#000;color:#fff}.j-cart .j-cart--hover-popup--call-to-action-button{background-color:#367714;border-color:#367714;color:#fff}.j-cart .j-cart--hover-popup--call-to-action-button:hover,
.j-cart .j-cart--hover-popup--call-to-action-button:active,
.j-cart .j-cart--hover-popup--call-to-action-button:focus{background-color:#242424;border-color:#000;color:#fff}.cc-product-details .cc-product-title
a{font-family:"Amaranth",sans-serif,"google";font-weight:normal;font-style:normal;color:#000}.cc-catalog-container-new .cc-webview-product-price .cc-shop-old-price-value{color:#000}.cc-catalog-container-new .cc-webview-product-price .cc-price{color:#367714}body .j-shop-addtocard-response{background-color:#fff}body .j-shop-addtocard-response .j-shop-addtocard-response--message{color:#333;background-color:#999;background-color:rgba(50, 50, 50, 0.5)}body .j-shop-addtocard-response .j-shop-addtocard-response--item-title,
body .j-shop-addtocard-response .j-shop-addtocard-response--item--variant,
body .j-shop-addtocard-response .j-shop-addtocard-response--item-price{color:#333}body .j-shop-addtocard-response a.j-shop-addtocard-response--backward:link,
body .j-shop-addtocard-response a.j-shop-addtocard-response--backward:visited{background-color:#367714;border-color:#367714;color:#fff;opacity:0.7}body .j-shop-addtocard-response a.j-shop-addtocard-response--backward:link:hover,
body .j-shop-addtocard-response a.j-shop-addtocard-response--backward:visited:hover,
body .j-shop-addtocard-response a.j-shop-addtocard-response--backward:link:active,
body .j-shop-addtocard-response a.j-shop-addtocard-response--backward:visited:active,
body .j-shop-addtocard-response a.j-shop-addtocard-response--backward:link:focus,
body .j-shop-addtocard-response a.j-shop-addtocard-response--backward:visited:focus{border-color:#242424;color:#333}body .j-shop-addtocard-response a.j-shop-addtocard-response--forward:link,
body .j-shop-addtocard-response a.j-shop-addtocard-response--forward:visited{background-color:#367714;border-color:#367714;color:#fff}body .j-shop-addtocard-response a.j-shop-addtocard-response--forward:link:hover,
body .j-shop-addtocard-response a.j-shop-addtocard-response--forward:visited:hover,
body .j-shop-addtocard-response a.j-shop-addtocard-response--forward:link:active,
body .j-shop-addtocard-response a.j-shop-addtocard-response--forward:visited:active,
body .j-shop-addtocard-response a.j-shop-addtocard-response--forward:link:focus,
body .j-shop-addtocard-response a.j-shop-addtocard-response--forward:visited:focus{background-color:#242424;border-color:#242424;color:#fff}.j-blog .j-blog-meta .j-blog-headline,
.j-blogSelection .j-blog-headline{font-family:"Amaranth",sans-serif,"google";text-align:left;font-size:32px;font-weight:normal;font-style:normal;text-transform:none;color:#005f6a}.datetime{color:#000}.j-blog-comment-counter{font-family:"Amaranth",sans-serif,"google";color:#000}.j-rss .j-rss-feed-title{font-family:"Amaranth",sans-serif,"google";font-weight:normal;font-style:normal;color:#000}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long