/* time taken: 5 ms */ @import url(/assets/templates/terrific/assets/css/static/mburger.css); html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none} MEDIAGON - Ökologischer Kalkschutz | Mediagon Kalkschutz

Fachhändler werden

Prospekt anfordern

<span>Das Original für </span><span>ökologischen Kalkschutz</span>

Das Original für ökologischen Kalkschutz

ohne Chemie | ohne Strom | ohne Magnet

Grün und nachhaltig

Für die ganze Familie

Das Original für ökologischen
Kalkschutz ohne Chemie

Entdecken Sie das Original für ökologischen Kalkschutz ohne Chemie:
Die Mediagon Kalkschutzanlage.

Unsere umweltfreundliche Kalkschutzanlage schützt Ihre Wasserleitungen und
Armaturen vor Kalk und Rost – ganz ohne Salz, Chemie, Strom oder
Magnete. Mit Mediagon geniessen Sie alle Vorteile einer ökologischen
Kalkschutzanlage – die perfekte Alternative zur klassischen Enthärtungsanlage. Die innovative Mediagon Technologie sorgt dafür, dass sich keine harten Kalkablagerungen mehr bilden. Stattdessen entsteht ein weicherer Rückstand, der mühelos mit einem Lappenentfernt werden kann.

Schützen Sie Ihr Zuhause nachhaltig vor Kalk und Rost – für eine spürbar bessere Wasserqualität!

Kostenlos testen ohne Kaufverpflichtung

Testen Sie unsere Mediagon Kalkschutzanlage sechs Wochen kostenlos und unverbindlich – exklusiv für Einfamilienhausbesitzer. Jetzt ohne Risiko überzeugen lassen!

Gratis testen

Zusätzlich erhalten Sie eine gratis Rohrspülung

Jeder Gratis-Test der Mediagon Kalkschutzanlage enthält zusätzlich eine kostenlose Rohrspülung. So erkennen Sie, was sich in Ihren Wasserleitungen gelöst hat.

Jetzt profitieren

Ihre Vorteile auf einen Blick

Staubfreie Montage
Weniger Reinigungsaufwand
Längere Gerätelebensdauer
Keine Wartungskosten
Bis 20 Jahre Garantie
TÜV geprüft

Staubfreie Montage

Kein Aufschneiden der Wasserleitung nötig. Bei geeignetem Rohrmaterial wird das Mediagon Gerät staubfrei, waagrecht oder senkrecht, nahe der Wasseruhr montiert. Mindestens 8 cm Wandabstand sind erforderlich.

Weniger Reinigungsaufwand

Keine aggressiven Entkalkungsmittel mehr nötig. Es bleiben nur weiche, abwischbare Kalkpartikel zurück, diese können einfach und rückstandsfrei abgewischt werden, was die Reinigung von Oberflächen, z. B. im Bad, leichter und schonender macht.

Längere Gerätelebensdauer

Mediagon reduziert harte Kalkablagerungen in Leitungen, Kesseln und Geräten und verlängert so die Lebensdauer ihrer Haushaltsgeräte. Armaturen bleiben länger glänzend und rein.

Keine Wartungskosten

Mit über 30 Jahren Erfahrung garantieren wir: Mediagon Kalkschutzanlagen sind völlig wartungsfrei und sparen Ihnen im Vergleich zu anderen Systemen bis zu CHF 300 jährlich an Wartungskosten.

Bis 20 Jahre Garantie

Auf alle Mediagon Kalkschutzanlagen erhalten Sie je nach Typ eine Garantie von 10 bis 20 Jahren, da wir von der Qualität und Leistung unserer Produkte voll und ganz überzeugt sind.

TÜV geprüft

Nach der Entwicklung wurde Mediagon vom TÜV Deutschland getestet und zertifiziert. Dabei wurden sowohl die Technologie als auch die Wirksamkeit des Kalkschutzes geprüft und bestätigt.

Mediagon-Technologie kurz erklärt

Mediagon arbeitet ohne Strom, Magneten, Salz oder Chemikalien. Die Kalkschutzgeräte bestehen aus zwei Halbschalen mit speziellen Metalllegierungen, die über der Wasserleitung installiert werden. Durch die Kombination verschiedener Edelmetalle entsteht ein elektrisches Spannungsfeld mit elektrostatischen Feldlinien. Wenn das Wasser durch das Gerät fliesst, wird es mehrfach polarisiert, und die Kalkpartikel verändern ihre Struktur: Hartnäckiger Kalk wird zu feinem Kalkstaub, der einfach mit dem Wasser mitfliesst und sich nicht ablagert. So bleiben Wasserleitungen und Haushaltsgeräte frei von Kalkablagerungen und ihre Lebensdauer wird verlängert. Da der Prozess keine wertvollen Mineralien wie Kalzium und Magnesium entfernt, bleibt das Wasser gesund und vital.

Video: Mediagon-Technologie

Ergänzend zum obigen Text erfahren Sie in diesem Animationsvideo, wie Mediagon Sie vor Kalk und Rost schützt. Im Erklärungsvideo erhalten Sie ausführliche Informationen zur Wirkungsweise der Mediagon Kalkschutzanlage.

Mehr erfahren

Video: Einfachste Installation

Mediagon ermöglicht eine einfache, staubfreie Montage ohne Aufschneiden der Rohre. Auch bei wenig Platz bieten unsere Kalkschutzanlagen die ideale Lösung. Erfahren Sie im Erklärungsvideo, wie eine Mediagon Kalkschutzanlage installiert wird.

Mehr erfahren

Testen Sie Ihre Wasserhärte

Wasserhärte nach Postleitzahl online abrufen

Mit unserem online Wasserhärte Rechner finden Sie schnell und freibleibend die Wasserhärte an Ihrem Wohnort heraus.

Zur Überprüfung

Weibliche Person mit benutztem Teststreifen und einem Glas

Direkte Testergebnisse

Fordern Sie kostenlose Wasserhärte-Teststreifen an und testen Sie die Wasserhärte bei Ihnen zuhause.

Jetzt bestellen

Einfamilienhäuser

Mehrfamilienhäuser

Landwirtschaft

Hotels & Restaurants

Spitäler

Industrie

Referenzen

Einfamilienhäuser

Unser Kunde aus 5742 Kölliken ist mit der Kalkschutzanlage von Mediagon zufrieden und profitiert nun vom ökologischen Kalkschutz ohne Wartung, weniger Reinigung und Energieeinsparungen.

Mehr erfahren

Mehrfamilienhäuser

Bei unserem harten Wasser ist Mediagon ein guter Kalkschutz für Apparate und Sanitäranlagen.

Mehr erfahren

Industrie

Geringere Wartungs- und Energiekosten. Keine Säure zur Entkalkung. Energieeinsparung über 20%. 70% geringerer Arbeitsaufwand. Objekt: Boiler (Wassertemperatur über 90°C).

Mehr erfahren

So profitieren Sie in 5 Schritten und schützen Ihre Haushaltsgeräte!

Kalkschutz

Suchen Sie den passenden Kalkschutz um Ihre Haushalts-Geräte zu schützen?

Anruf

Rufen Sie uns an und vereinbaren Sie einen Termin für den Gratistest. 071 846 88 40

Montage

Die Montage ist ganz einfach. Zudem erhalten Sie kostenlos eine Rohrspülung.

Gratistest

Testen Sie Mediagon 6 Wochen lang kostenlos und spüren Sie den grossen Vorteil.

Zufriedenheit

Ab sofort profitieren und schützen Sie Ihre Haushaltsgeräte langfristig.

News

Monatliches «Herzlich Willkommen» - Juni 2023

Im Juni kam der Mediagon-Kunde des Monats aus Eschlikon. Erfahren Sie hier mehr.

Mehr erfahren

Monatliches «Herzlich Willkommen» - Mai 2023

Im Mai kam der Mediagon-Kunde des Monats aus Urnäsch. Erfahren Sie hier mehr.

Mehr erfahren

Monatliches «Herzlich Willkommen» - April 2023

Im April kam der Mediagon-Kunde des Monats aus Teufen. Erfahren Sie hier mehr.

Mehr erfahren

.accordion + h2 { margin-top: 20px; } .accordion { margin-bottom: 20px !important; } .accordion .accordion-title { display: block; cursor: pointer; position: relative; outline: none; -webkit-transition: all 300ms ease; transition: all 300ms ease; margin-bottom: 0; font-size: 20px; line-height: 25px; } @media screen { .accordion .accordion-title { padding: 6px 20px 10px 30px; color: #ffffff; background: #1d70b8; } } .accordion .accordion-title .ui-icon { display: none; } .accordion .accordion-title i { position: absolute; top: 12px; left: 7px; font-size: 15px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media print { .accordion .accordion-title i { display: none; } } .accordion .accordion-title:hover, .accordion .accordion-title:active, .accordion .accordion-title:focus { color: #ffffff; background: #043855; } @media screen { .accordion .accordion-title.ui-state-active { color: #ffffff; background: #043855; } } .accordion .accordion-title.ui-state-active i { color: #ffffff; } .accordion .accordion-title.ui-state-active i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .accordion .accordion-title.ui-state-active:hover, .accordion .accordion-title.ui-state-active:active, .accordion .accordion-title.ui-state-active:focus { background: #043855; } .accordion .accordion-content { border-top: 0; display: none; padding: 20px 0; background: #ffffff; overflow-x: hidden !important; } .accordion .accordion-content .rich *:last-child { margin-bottom: 0; } .accordion .accordion-content .l-teasers { margin-top: 50px; margin-bottom: 0; } @charset "UTF-8"; .wow { visibility: hidden; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(+500px); transform: translateY(+500px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(+500px); -ms-transform: translateY(+500px); transform: translateY(+500px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } * { margin: 0; padding: 0; box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; } @media screen { html[lang] { background: #ffffff; } } body { Display: Flex; Flex-Direction: Column; Height: 100%; font-family: 'Roboto', arial, sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; color: #3a3a39; min-height: 100%; background: #ffffff; } @media (min-width: 1200px) { body { font-size: 20px; line-height: 26px; } } .mm-page { flex-grow: 1; } a { color: #92c56e; text-decoration: none; border-bottom: 2px solid transparent; -webkit-transition: border-color 300ms ease; transition: border-color 300ms ease; } a.link { color: #92c56e; } a.link:hover, a.link:focus, a.link:active { cursor: pointer; color: #92c56e; border-bottom-color: #92c56e; } a.link-dark { color: #92c56e; } a.link-dark:hover, a.link-dark:focus, a.link-dark:active { cursor: pointer; color: #ffffff; border-bottom-color: #ffffff; } a.button { display: inline-block; background: #92c56e; color: #043855; font-size: 18px; padding: 10px 31px; border: none; border-radius: 20px; cursor: pointer; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; } @media (min-width: 768px) { a.button { padding: 5px 26px; } } a.button.large { font-size: 26px; padding: 20px 26px; border-radius: 34px; } a.button.large:hover, a.button.large:focus, a.button.large:active { background: #043855; color: #ffffff; } a.button:hover { background: #ffffff; } a.button-dark:hover { background: #043855; color: #ffffff; } .show-mobile, .hide-mobile { display: none; } @media (max-width: 768px) { .show-mobile { display: block; } } @media (min-width: 1200px) { .hide-mobile { display: block; } } strong, b { font-family: 'Roboto', arial, sans-serif; font-weight: 700; } h1, h2, h3 { color: #043855; font-family: 'Roboto', arial, sans-serif; font-weight: 400; } h1 { font-size: 28px; line-height: 35px; margin-bottom: 20px; font-family: 'Roboto Slab', arial, sans-serif; text-align: center; } @media (min-width: 768px) { h1 { margin-bottom: 20px; font-size: 32px; } } @media (min-width: 1200px) { h1 { font-size: 44px; line-height: 57px; margin-bottom: 40px; } } h2 { font-size: 22px; line-height: 26px; margin-bottom: 15px; font-family: 'Roboto Slab', arial, sans-serif; } @media (min-width: 1200px) { h2 { font-size: 26px; line-height: 32px; } } h3 { font-size: 20px; line-height: 24px; margin-bottom: 10px; } @media (min-width: 1200px) { h3 { font-size: 22px; line-height: 28px; margin-bottom: 10px; } } p { font-size: 18px; line-height: 24px; hyphens: auto; overflow-wrap: break-word; word-break: break-word; } @media (min-width: 1200px) { p { font-size: 20px; line-height: 26px; } } @media (min-width: 576px) { p { hyphens: none; overflow-wrap: normal; word-break: normal; } } ul, ol, p { margin-bottom: 20px; } ul + h2, ol + h2, p + h2, ul + h3, ol + h3, p + h3 { margin-top: 50px; } hr { margin: 20px 0; border-top: 1px solid #80bde0; height: 0; } @media (min-width: 992px) { hr { margin: 40px 0; } } table { margin-bottom: 10px; } table th, table td { padding: 2px 10px 2px 0; text-align: left; vertical-align: top; } table th { font-family: 'Roboto', arial, sans-serif; font-weight: 700; } table td { vertical-align: top; } iframe { border: none; width: 100%; height: 1000px; } section { scroll-margin-top: 100px; max-width: 1640px; margin-left: auto; margin-right: auto; } img { max-width: 100%; height: auto; vertical-align: top; } section:nth-of-type(odd) { background-color: #ffffff; } section:nth-of-type(even) { background-color: #efefef; } section:last-child { background-color: #ffffff; } .skin-layout-11 section:last-child { background-color: #efefef; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image:before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 650px; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: grabbing; } .fancybox-container [data-selectable=true] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: #1d70b8; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(0%); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } .fancybox-caption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.84999999999999%, rgba(0, 0, 0, 0.019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding:max(0px)) { .fancybox-caption { padding: 75px 44px 25px 44px; } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes a { to { transform: rotate(1turn); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0); } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1); } @media (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding:max(0px)) { .fancybox-caption { padding-left: 12px; padding-right: 12px; } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(92%); max-width: calc(46%); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999); z-index: 99991; } .fancybox-thumbs__list a:focus:before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(90%); } } /*! * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa--up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\f907"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\f913"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\f91a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\f91e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\f941"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\f949"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: auto; src: url("/assets/templates/terrific/assets/fonts/fontawesome/fa-brands-400.eot"); src: url("/assets/templates/terrific/assets/fonts/fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-brands-400.woff") format("woff"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-brands-400.ttf") format("truetype"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto; src: url("/assets/templates/terrific/assets/fonts/fontawesome/fa-regular-400.eot"); src: url("/assets/templates/terrific/assets/fonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-regular-400.woff") format("woff"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.eot"); src: url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.woff") format("woff"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } @import url("//fast.fonts.net/t/1.css?apiType=css&projectid=491465f9-c0be-4ce0-9a2a-6e8a1af36d87"); /* roboto-regular - latin */ @font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('/assets/templates/terrific/assets/fonts/roboto/roboto-v32-latin-regular.woff2') format('woff2'); /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-700 - latin */ @font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('/assets/templates/terrific/assets/fonts/roboto/roboto-v32-latin-700.woff2') format('woff2'); /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-slab-800 - latin */ @font-face { font-display: swap; font-family: 'Roboto Slab'; font-style: normal; font-weight: 800; src: url('/assets/templates/terrific/assets/fonts/roboto-slab/roboto-slab-v34-latin-800.woff2') format('woff2'); /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @font-face { font-family: "Helvetica Neue LT W05_45 Light"; src: url("/assets/templates/terrific/assets/fonts/helvetica/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"), url("/assets/templates/terrific/assets/fonts/helvetica/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff"); } @font-face { font-family: "Helvetica Neue LT W05_65 Medium"; src: url("/assets/templates/terrific/assets/fonts/helvetica/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"), url("/assets/templates/terrific/assets/fonts/helvetica/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff"); } @font-face { font-family: 'icons'; src: url('/assets/templates/terrific/assets/fonts/icons/icons.eot?24hhm7'); src: url('/assets/templates/terrific/assets/fonts/icons/icons.eot?24hhm7#iefix') format('embedded-opentype'), url('/assets/templates/terrific/assets/fonts/icons/icons.ttf?24hhm7') format('truetype'), url('/assets/templates/terrific/assets/fonts/icons/icons.woff?24hhm7') format('woff'), url('/assets/templates/terrific/assets/fonts/icons/icons.svg?24hhm7#icons') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: "\e92e"; } .icon-overview:before { content: "\e93b"; } .icon-download:before { content: "\e93a"; } .icon-burger:before { content: "\e939"; } .icon-facebook:before { content: "\e936"; } .icon-instagram:before { content: "\e937"; } .icon-linkedin:before { content: "\e938"; } .icon-chevron-right:before { content: "\e934"; } .icon-arrow-right:before { content: "\e935"; } .icon-icon_mfh:before { content: "\e92f"; } .icon-icon_farm:before { content: "\e92d"; } .icon-arrow-down:before { content: "\e92c"; } .icon-coffee:before { content: "\e92b"; } .icon-spray:before { content: "\e923"; } .icon-warmth-circle:before { content: "\e92a"; } .icon-amortisation:before { content: "\e900"; } .icon-calendar:before { content: "\e901"; } .icon-check:before { content: "\e902"; } .icon-checklist:before { content: "\e903"; } .icon-chemistry:before { content: "\e904"; } .icon-clock:before { content: "\e905"; } .icon-cost:before { content: "\e906"; } .icon-diagram:before { content: "\e907"; } .icon-dishes:before { content: "\e908"; } .icon-drinkingwater:before { content: "\e909"; } .icon-drop:before { content: "\e90a"; } .icon-drop2:before { content: "\e90b"; } .icon-eco:before { content: "\e90c"; } .icon-eco2:before { content: "\e90d"; } .icon-energy:before { content: "\e90e"; } .icon-feather:before { content: "\e90f"; } .icon-handshake:before { content: "\e910"; } .icon-handwash:before { content: "\e911"; } .icon-happy:before { content: "\e912"; } .icon-hospital:before { content: "\e913"; } .icon-hospital2:before { content: "\e914"; } .icon-house:before { content: "\e915"; } .icon-industry:before { content: "\e916"; } .icon-laundry:before { content: "\e917"; } .icon-legionella:before { content: "\e918"; } .icon-lifetime:before { content: "\e919"; } .icon-pipeshield:before { content: "\e91a"; } .icon-plant:before { content: "\e91b"; } .icon-relax:before { content: "\e91c"; } .icon-save:before { content: "\e91d"; } .icon-scales:before { content: "\e91e"; } .icon-selfinstallation:before { content: "\e91f"; } .icon-skin:before { content: "\e920"; } .icon-soap:before { content: "\e921"; } .icon-speech-bubble:before { content: "\e922"; } .icon-store:before { content: "\e924"; } .icon-target-drop:before { content: "\e925"; } .icon-target-save:before { content: "\e926"; } .icon-target:before { content: "\e927"; } .icon-test-free:before { content: "\e928"; } .icon-test:before { content: "\e929"; } .icon-warmth:before { content: "\e931"; } .icon-wellness:before { content: "\e932"; } .icon-close:before { content: "\e930"; } .icon-chevron-up:before { content: "\e933"; } form { margin-bottom: 20px; } .btn, input[type=submit], button { display: inline-block; cursor: pointer; padding: 15px; -webkit-transition: all 300ms ease; transition: all 300ms ease; font-size: 1rem; line-height: 1; outline: none; text-decoration: none; color: #ffffff; background: #e30613; border: 1px solid #e30613; font-family: 'Roboto', arial, sans-serif; font-weight: 700; } @media (min-width: 992px) { .btn, input[type=submit], button { padding: 10px 20px; } } .btn.btn--large, input[type=submit].btn--large, button.btn--large { font-size: 1.3rem; line-height: 1.2; padding: 17px; } input[type=image] { width: auto; } label { display: block; padding: 0 0 5px 0; } label .more { display: inline-block; padding: 0 10px; color: #1d70b8; } label .more:hover { color: #1d70b8; } .required { color: #e30613; } input[type="text"], input[type="email"], textarea, button { -webkit-appearance: none; border-radius: 0; } input[type="text"], input[type="email"], textarea { font-size: inherit; color: #3a3a39; display: block; padding: 3px; width: 100%; outline: none; border: none; border-bottom: 1px solid #707070; background: transparent; } input[type="text"].error, input[type="email"].error, textarea.error { border-color: #e30613; } input[disabled] { background: #cccccc; } select { width: 100%; background: transparent; border-radius: 2px; } select, button { outline: none; } textarea { height: 150px; padding: 5px; border: 1px solid #707070; } .error { color: #e30613; } span.error { display: block; text-align: right; font-size: 13px; } .alert-error { margin-bottom: 20px; } .general-error { background: #e30613; padding: 10px; color: #ffffff; margin-bottom: 0; } .general-error p { margin: 0; } .form-item, .form-check, .form-radio { position: relative; display: table; width: 100%; margin-bottom: 20px; } .form-item.is-required, .form-check.is-required, .form-radio.is-required { font-family: 'Roboto', arial, sans-serif; font-weight: 700; } input.input-nickname { position: absolute; left: -9999px; top: -99999px; } .checkbox, .radio { position: relative; } .checkbox input, .radio input { position: absolute; left: -99999px; } .checkbox input:checked + label:before, .radio input:checked + label:before { content: "\f14a"; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.eot"); src: url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.woff") format("woff"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); } .checkbox label, .radio label { position: relative; padding: 10px 0 10px 25px; cursor: pointer; } @media (min-width: 992px) { .checkbox label, .radio label { padding-top: 5px; padding-bottom: 5px; } } .checkbox label:before, .radio label:before { content: "\f0c8"; color: #3a3a39; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto; src: url("/assets/templates/terrific/assets/fonts/fontawesome/fa-regular-400.eot"); src: url("/assets/templates/terrific/assets/fonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-regular-400.woff") format("woff"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg"); position: absolute; left: 0; top: 10px; } @media (min-width: 992px) { .checkbox label:before, .radio label:before { top: 5px; } } .checkbox label:hover:before, .radio label:hover:before { color: #707070; } .checkbox .accordion, .radio .accordion { margin-bottom: 10px !important; } .checkbox .accordion h3, .radio .accordion h3 { position: absolute; right: 0; top: 0; outline: none; } .checkbox .accordion .accordion-content, .radio .accordion .accordion-content { background: #1d70b8; margin: 20px 0; padding: 20px; color: #ffffff; } .form-checkbox-inline .checkbox { float: left; margin-right: 15px; } .form-checkbox-inline .checkbox label { padding-left: 20px; } .form-fields-location { display: flex; flex-wrap: wrap; margin: 0 -10px; } .form-fields-location > div { padding: 0 10px; } .form-fields-location > div.zip { width: 20%; } .form-fields-location > div.city { width: 80%; } .radio input:checked + label:before { content: "\f058"; } .radio label:before { content: "\f111"; } .form-inline { overflow: hidden; } .form-inline > label, .form-inline .radio, .form-inline .checkbox { float: left; margin-right: 20px; } .form-contact-disclaimer { margin-top: 10px; display: block; font-size: 13px; line-height: 17px; } @media (min-width: 1200px) { .form-contact-disclaimer { font-size: 15px; line-height: 20px; } } @media (min-width: 992px) { .form-contact-disclaimer { width: 50%; } } .container, .container-l, .container-s, .container-m { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; } .container .container, .container-l .container, .container-s .container, .container-m .container { padding-left: 0; padding-right: 0; margin-bottom: 0 !important; } .container { max-width: 1425px; } .container-l { max-width: 1700px; } .container-s { max-width: 810px; } .container-m { max-width: 1080px; } .row { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; column-gap: 15px; } @media (min-width: 992px) { .row { gap: 15px; } } .grid-item { display: flex; flex-direction: column; width: 100%; position: relative; } @media (min-width: 992px) { .row-two > .grid-item { flex: 1 1 calc(50% - 15px); max-width: calc(50% - 15px); } } @media print { .row-two > .grid-item { width: 49.9%; } } @media (min-width: 992px) { .row-three > .grid-item { flex: 1 1 calc(33.3% - 15px); max-width: calc(33.3% - 15px); } } @media (min-width: 992px) { .row-four > .grid-item { width: 24.9%; } } @media (min-width: 992px) { .row-two-one > .grid-item:first-child { flex: 1 1 calc(66.6664% - 15px); max-width: calc(66.6664% - 15px); } } @media (min-width: 992px) { .row-two-one > .grid-item:last-child { flex: 1 1 calc(33.3332% - 15px); max-width: calc(33.3332% - 15px); } } @media (min-width: 992px) { .row-one-two > .grid-item:first-child { flex: 1 1 calc(33.3332% - 15px); max-width: calc(33.3332% - 15px); } } @media (min-width: 992px) { .row-one-two > .grid-item:last-child { flex: 1 1 calc(66.6664% - 15px); max-width: calc(66.6664% - 15px); } } @media (min-width: 992px) { .row-three-one > .grid-item:first-child { width: 75%; } } @media (min-width: 992px) { .row-three-one > .grid-item:last-child { width: 25%; } } /*! jQuery UI - v1.12.0 - 2016-08-15 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none } .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important; pointer-events: none } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-resizable { position: relative } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0 } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0 } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100% } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100% } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px } .ui-selectable { -ms-touch-action: none; touch-action: none } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black } .ui-sortable-handle { -ms-touch-action: none; touch-action: none } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; } .ui-accordion .ui-accordion-content { border-top: 0; overflow: auto } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0 } .ui-menu .ui-menu { position: absolute } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0 } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px } .ui-menu-icons { position: relative } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0 } .ui-menu .ui-menu-icon { left: auto; right: 0 } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none } .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap } input.ui-button.ui-button-icon-only { text-indent: 0 } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0 } .ui-controlgroup { vertical-align: middle; display: inline-block } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0 } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999 } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em } .ui-controlgroup .ui-controlgroup-label span { font-size: 80% } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none } .ui-controlgroup-vertical .ui-spinner-input { width: 75%; width: calc(100% - 2.4em) } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid } .ui-checkboxradio-disabled { pointer-events: none } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45% } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0 } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer } .ui-dialog .ui-resizable-n { height: 2px; top: 0 } .ui-dialog .ui-resizable-e { width: 2px; right: 0 } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0 } .ui-dialog .ui-resizable-w { width: 2px; left: 0 } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px } .ui-dialog .ui-resizable-se { right: 0; bottom: 0 } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0 } .ui-dialog .ui-resizable-ne { right: 0; top: 0 } .ui-dialog .ui-resizable-nw { left: 0; top: 0 } .ui-draggable .ui-dialog-titlebar { cursor: move } .ui-progressbar { height: 2em; text-align: left; overflow: hidden } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100% } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); opacity: 0.25 } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0 } .ui-selectmenu-open { display: block } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0 } .ui-slider { position: relative; text-align: left } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } .ui-slider-horizontal { height: .8em } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0 } .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none } .ui-spinner-up { top: 0 } .ui-spinner-down { bottom: 0 } .ui-tabs { position: relative; padding: .2em } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0 } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px } body .ui-tooltip { border-width: 2px } .mm-menu, .mm-panels, .mm-panels > .mm-panel { margin: 0; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; box-sizing: border-box } .mm-btn, .mm-menu { box-sizing: border-box } .mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover { text-decoration: none } .mm-hidden { display: none !important } .mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) { display: block } .mm-wrapper { overflow-x: hidden; position: relative } .mm-menu { padding: 0; position: absolute } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; position: absolute } .mm-btn, .mm-panel.mm-highest { z-index: 1 } .mm-panels { overflow: hidden } .mm-panel { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-panel.mm-opened { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0) } .mm-panels > .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px } .mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px } .mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before { content: ''; display: block; height: 20px } .mm-vertical .mm-panel { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } .mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0 10px 10px } .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after { border-color: transparent } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block } .mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next { height: 40px; bottom: auto } .mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after { top: 16px; bottom: auto } .mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 19px } .mm-btn { width: 40px; height: 40px; position: absolute; top: 0 } .mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before { content: ''; border: 2px solid transparent; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .mm-clear:before, .mm-close:before { border-right: none; border-bottom: none; right: 18px } .mm-clear:after, .mm-close:after { border-left: none; border-top: none; right: 25px } .mm-arrow:after, .mm-next:after, .mm-prev:before { content: ''; border: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .mm-prev:before { border-right: none; border-bottom: none; left: 23px } .mm-arrow:after, .mm-next:after { border-top: none; border-left: none; right: 23px } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0 } .mm-navbar > * { display: block; padding: 10px 0 } .mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0 } .mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0 } .mm-panel .mm-navbar { display: none } .mm-panel.mm-hasnavbar .mm-navbar { display: block } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0 } .mm-listview { font: inherit; font-size: 14px; line-height: 20px } .mm-listview > li { position: relative } .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after { border-color: inherit } .mm-listview > li > a, .mm-listview > li > span { color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0 } .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow { padding-right: 50px } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; right: 0; bottom: 0; left: 20px } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2 } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0 } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px } .mm-listview .mm-next.mm-fullsubopen { width: 100% } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0 } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px } .mm-listview .mm-inset { list-style: disc inside; padding: 0 10px 15px 40px; margin: 0 } .mm-listview .mm-inset > li { padding: 5px 0 } .mm-listview .mm-divider { font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px } .mm-listview .mm-spacer { padding-top: 40px } .mm-listview .mm-spacer > .mm-next { top: 40px } .mm-listview .mm-spacer.mm-divider { padding-top: 25px } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .7) } .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: rgba(0, 0, 0, .3) } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(0, 0, 0, .3) } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, .1) } .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, .3) } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, .5); tap-highlight-color: rgba(255, 255, 255, .5) } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, .5) } .mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, .05) } .mm-page { box-sizing: border-box; position: relative } .mm-slideout { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; z-index: 1 } html.mm-opened { overflow-x: hidden; position: relative } html.mm-blocking, html.mm-blocking body { overflow: hidden } html.mm-background .mm-page { background: inherit } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2 } html.mm-blocking #mm-blocker { display: block } .mm-menu.mm-offcanvas { z-index: 0; display: none; position: fixed; width: 80%; min-width: 140px; max-width: 440px } .mm-menu.mm-offcanvas.mm-current { display: block } html.mm-opening .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0) } } .mm-menu.mm-autoheight.mm-bottom, .mm-menu.mm-autoheight.mm-top { max-height: 80% } .mm-menu.mm-autoheight.mm-bottom.mm-fullscreen, .mm-menu.mm-autoheight.mm-top.mm-fullscreen { max-height: 100% } .mm-menu.mm-measureheight .mm-panel { display: block !important } .mm-menu.mm-measureheight > .mm-panels > .mm-panel { bottom: auto !important; height: auto !important } .mm-menu.mm-columns { -webkit-transition-property: width, max-width, -webkit-transform; transition-property: width, max-width, -webkit-transform; transition-property: transform, width, max-width; transition-property: transform, width, max-width, -webkit-transform } .mm-menu.mm-columns .mm-panels > .mm-panel { width: 100%; right: auto; display: none; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; transition-property: transform, width; transition-property: transform, width, -webkit-transform } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened { border-right: 1px solid; border-color: inherit; display: block; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: 2 } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-0 { display: block; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-0 { width: 80%; min-width: 140px; max-width: 0 } html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 0px) { html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1 { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-1 { display: block; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-1 { width: 80%; min-width: 140px; max-width: 440px } html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 550px) { html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0) } } .mm-menu.mm-columns-1 .mm-panels > .mm-panel { width: 100% } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-2 { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0) } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-2 { display: block; -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-2 { width: 80%; min-width: 140px; max-width: 880px } html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 1100px) { html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate3d(880px, 0, 0); transform: translate3d(880px, 0, 0) } } .mm-menu.mm-columns-2 .mm-panels > .mm-panel { width: 50% } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-3 { -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0) } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-3 { display: block; -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-3 { width: 80%; min-width: 140px; max-width: 1320px } html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 1650px) { html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate3d(1320px, 0, 0); transform: translate3d(1320px, 0, 0) } } .mm-menu.mm-columns-3 .mm-panels > .mm-panel { width: 33.34% } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-4 { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0) } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-4 { display: block; -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-4 { width: 80%; min-width: 140px; max-width: 1760px } html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 2200px) { html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate3d(1760px, 0, 0); transform: translate3d(1760px, 0, 0) } } .mm-menu.mm-columns-4 .mm-panels > .mm-panel { width: 25% } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-5 { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0) } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-5 { display: block; -webkit-transform: translate3d(600%, 0, 0); transform: translate3d(600%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-5 { width: 80%; min-width: 140px; max-width: 2200px } html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 2750px) { html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate3d(2200px, 0, 0); transform: translate3d(2200px, 0, 0) } } .mm-menu.mm-columns-5 .mm-panels > .mm-panel { width: 20% } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-6 { -webkit-transform: translate3d(600%, 0, 0); transform: translate3d(600%, 0, 0) } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-6 { display: block; -webkit-transform: translate3d(700%, 0, 0); transform: translate3d(700%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-6 { width: 80%; min-width: 140px; max-width: 2640px } html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 3300px) { html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate3d(2640px, 0, 0); transform: translate3d(2640px, 0, 0) } } .mm-menu.mm-columns-6 .mm-panels > .mm-panel { width: 16.67% } em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50% } em.mm-counter + a.mm-next { width: 90px } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px } em.mm-counter + a.mm-fullsubopen { padding-left: 0 } .mm-vertical > .mm-counter { top: 12px; margin-top: 0 } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px } .mm-nosubresults > .mm-counter { display: none } .mm-menu em.mm-counter { color: rgba(0, 0, 0, .3) } .mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .mm-collapsed:not(.mm-uncollapsed) { display: none } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-fixeddivider:after { content: none !important; display: none !important } .mm-hasdividers .mm-fixeddivider { display: block } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, .05) } html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration: 0s; transition-duration: 0s } .mm-menu.mm-dropdown { box-shadow: 0 2px 10px rgba(0, 0, 0, .3); height: 80% } html.mm-dropdown .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0 } html.mm-dropdown #mm-blocker { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1 } html.mm-dropdown .mm-menu { z-index: 2 } html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu { display: none } .mm-menu.mm-tip:before { content: ''; background: inherit; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); display: block; width: 15px; height: 15px; position: absolute; z-index: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .mm-menu.mm-tipleft:before { left: 22px } .mm-menu.mm-tipright:before { right: 22px } .mm-menu.mm-tiptop:before { top: -8px } .mm-menu.mm-tipbottom:before { bottom: -8px } .mm-iconpanel .mm-panel { -webkit-transition-property: left, -webkit-transform; transition-property: left, -webkit-transform; transition-property: transform, left; transition-property: transform, left, -webkit-transform } .mm-iconpanel .mm-panel.mm-opened { border-left: 1px solid; border-color: inherit } .mm-iconpanel .mm-panel.mm-subopened { overflow-y: hidden; left: -40px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0 } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px } .mm-subblocker { background: inherit; opacity: 0; display: block; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .mm-subopened .mm-subblocker { opacity: .6; position: absolute; top: 0; right: 0; bottom: -100000px; left: 0; z-index: 3 } .mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top { border-bottom: none } .mm-menu > .mm-navbar { background: inherit; padding: 0; z-index: 3; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-navbar-bottom { border-top-width: 1px; border-top-style: solid; top: auto; bottom: 0 } .mm-navbar-bottom ~ .mm-navbar-bottom { border-top: none } .mm-navbar.mm-hasbtns { padding: 0 40px } .mm-navbar[class*=mm-navbar-content-] > * { box-sizing: border-box; display: block; float: left } .mm-navbar .mm-breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px } .mm-navbar .mm-breadcrumbs > * { display: inline-block; padding: 10px 3px } .mm-navbar .mm-breadcrumbs > a { text-decoration: underline } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left: -40px } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs { margin-left: 0; padding-left: 0 } .mm-navbar-top-1 { top: 0 } .mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 { top: 40px } .mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 { top: 80px } .mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 { top: 120px } .mm-hasnavbar-top-4 .mm-panels { top: 160px } .mm-navbar-bottom-1 { bottom: 0 } .mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 { bottom: 40px } .mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 { bottom: 80px } .mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 { bottom: 120px } .mm-hasnavbar-bottom-4 .mm-panels { bottom: 160px } .mm-navbar-size-2 { height: 80px } .mm-navbar-size-3 { height: 120px } .mm-navbar-size-4 { height: 160px } .mm-navbar-content-2 > * { width: 50% } .mm-navbar-content-3 > * { width: 33.33% } .mm-navbar-content-4 > * { width: 25% } .mm-navbar-content-5 > * { width: 20% } .mm-navbar-content-6 > * { width: 16.67% } .mm-sronly { text-indent: 10px; overflow: hidden; display: block; width: 1px; height: 1px; position: absolute; z-index: -1 } .mm-search, .mm-search input { box-sizing: border-box } .mm-search { height: 40px; padding: 7px 10px 0; position: relative } .mm-search input { border: none !important; outline: 0 !important; box-shadow: none !important; border-radius: 26px; font: inherit; font-size: 14px; line-height: 26px; display: block; width: 100%; height: 26px; min-height: 26px; max-height: 26px; margin: 0; padding: 0 10px } .mm-search input::-ms-clear { display: none } .mm-search .mm-clear, .mm-search .mm-next { right: 0 } .mm-panel > .mm-search { width: 100%; position: absolute; top: 0; left: 0 } .mm-panel.mm-hassearch { padding-top: 40px } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top: 80px } .mm-panel.mm-hassearch.mm-hasnavbar .mm-search { top: 40px } .mm-noresultsmsg { text-align: center; font-size: 21px; padding: 40px 0 } .mm-noresults .mm-indexer { display: none !important } li.mm-nosubresults > a.mm-next { display: none } li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span { padding-right: 10px } .mm-panels > .mm-resultspanel:not(.mm-opened) { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu .mm-search input { background: rgba(0, 0, 0, .05); color: rgba(0, 0, 0, .7) } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, .3) } .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -100px; z-index: 3; -webkit-transition: right .4s ease; transition: right .4s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-indexer a { text-decoration: none; display: block; height: 3.85% } .mm-indexer ~ .mm-panel.mm-hasindexer { padding-right: 40px } .mm-hasindexer .mm-indexer { right: 0 } .mm-hasindexer .mm-fixeddivider { right: 20px } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, .3) } .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) { -webkit-transition: background .4s ease; transition: background .4s ease } .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, .5) } input.mm-check, input.mm-toggle { position: absolute; left: -10000px } label.mm-check, label.mm-toggle { margin: 0; position: absolute; top: 50%; z-index: 2; right: 20px } label.mm-check:before, label.mm-toggle:before { content: ''; display: block } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px } input.mm-toggle:checked ~ label.mm-toggle:before { float: right } label.mm-check { width: 30px; height: 30px; margin-top: -15px } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: .1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } input.mm-check:checked ~ label.mm-check:before { opacity: 1 } li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle { bottom: auto; margin-top: 0; top: 5px } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px } label.mm-check + a, label.mm-check + span { padding-right: 60px } a.mm-next + label.mm-check, a.mm-next + label.mm-toggle { right: 60px } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { margin-right: 50px } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { padding-right: 70px } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { padding-right: 50px } em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle { right: 100px } em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span { margin-right: 90px } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, .1) } .mm-menu label.mm-toggle:before { background: #f3f3f3 } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, .7) } .mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after { content: none } .mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after { left: 0 !important } .mm-listview.mm-border-offset > li:after, .mm-menu.mm-border-offset .mm-listview > li:after { right: 20px } .mm-menu.mm-effect-menu-zoom { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease } html.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0); transform: scale(.7, .7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center } html.mm-opening .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0) } html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0); transform: scale(.7, .7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center } html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0) } .mm-menu.mm-effect-menu-slide { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease } html.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0) } html.mm-opening .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0) } html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-effect-menu-fade { opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } html.mm-opening .mm-menu.mm-effect-menu-fade { opacity: 1 } .mm-menu.mm-effect-panels-zoom .mm-panel { -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0) } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0); transform: scale(.7, .7) translate3d(-30%, 0, 0) } .mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li { -webkit-transition: none .4s ease; transition: none .4s ease } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(1) { -webkit-transition-delay: 50ms; transition-delay: 50ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(2) { -webkit-transition-delay: .1s; transition-delay: .1s } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(3) { -webkit-transition-delay: 150ms; transition-delay: 150ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(4) { -webkit-transition-delay: .2s; transition-delay: .2s } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(5) { -webkit-transition-delay: 250ms; transition-delay: 250ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(6) { -webkit-transition-delay: .3s; transition-delay: .3s } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(7) { -webkit-transition-delay: 350ms; transition-delay: 350ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(8) { -webkit-transition-delay: .4s; transition-delay: .4s } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(9) { -webkit-transition-delay: 450ms; transition-delay: 450ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(10) { -webkit-transition-delay: .5s; transition-delay: .5s } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(11) { -webkit-transition-delay: 550ms; transition-delay: 550ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(12) { -webkit-transition-delay: .6s; transition-delay: .6s } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(13) { -webkit-transition-delay: 650ms; transition-delay: 650ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(14) { -webkit-transition-delay: .7s; transition-delay: .7s } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(15) { -webkit-transition-delay: 750ms; transition-delay: 750ms } .mm-menu.mm-effect-listitems-slide .mm-listview > li { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); opacity: 0 } html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .mm-menu.mm-effect-listitems-fade .mm-listview > li { -webkit-transition-property: opacity; transition-property: opacity; opacity: 0 } html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li { opacity: 1 } .mm-menu.mm-effect-listitems-drop .mm-listview > li { -webkit-transition-property: opacity, top; transition-property: opacity, top; opacity: 0; top: -25% } html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li { opacity: 1; top: 0 } .mm-menu.mm-offcanvas.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(10000px, 0, 0); transform: translate3d(10000px, 0, 0) } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(-10000px, 0, 0); transform: translate3d(-10000px, 0, 0) } } .mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top { height: 100%; min-height: 140px; max-height: 10000px } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important } .mm-menu .mm-panels > .mm-panel.mm-justified-listview:after, .mm-menu .mm-panels > .mm-panel.mm-justified-listview:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:after, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:before { content: none; display: none } .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 100%; margin-top: 0; margin-bottom: 0 } .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0 } .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span { box-sizing: border-box; height: 100% } .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span:before { content: ''; vertical-align: middle; display: inline-block; height: 100%; width: 0 } .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span { text-overflow: clip; white-space: normal } html.mm-pagedim #mm-blocker, html.mm-pagedim-black #mm-blocker, html.mm-pagedim-white #mm-blocker { opacity: 0 } html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker { opacity: .3; -webkit-transition: opacity .4s ease .4s; transition: opacity .4s ease .4s } html.mm-pagedim #mm-blocker { background: inherit } html.mm-pagedim-white #mm-blocker { background: #fff } html.mm-pagedim-black #mm-blocker { background: #000 } .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, .3) } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100% } .mm-menu.mm-pageshadow.mm-front:after, .mm-menu.mm-pageshadow.mm-next:after { content: none; display: none } .mm-menu.mm-popup { -webkit-transition: opacity .4s ease; transition: opacity .4s ease; opacity: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); height: 80%; min-height: 140px; max-height: 880px; top: 50%; left: 50%; bottom: auto; right: auto; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } html.mm-popup.mm-opening .mm-menu.mm-popup { opacity: 1 } html.mm-popup .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0 } html.mm-popup #mm-blocker { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1 } html.mm-popup .mm-menu { z-index: 2 } .mm-menu.mm-offcanvas.mm-right { left: auto; right: 0 } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0) } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0) } } html.mm-front .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0 } html.mm-front #mm-blocker { z-index: 1 } html.mm-front .mm-menu.mm-offcanvas { z-index: 2 } .mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-menu.mm-offcanvas.mm-top { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .mm-menu.mm-offcanvas.mm-bottom { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); top: auto; bottom: 0 } .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { width: 100%; min-width: 100%; max-width: 100%; height: 80%; min-height: 140px; max-height: 880px } html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-theme-dark { background: #333; border-color: rgba(0, 0, 0, .15); color: rgba(255, 255, 255, .8) } .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before { border-color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-dark .mm-listview { border-color: rgba(0, 0, 0, .15) } .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, .1); tap-highlight-color: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(255, 255, 255, .05) } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, .8) } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, .5) } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, .3); color: rgba(255, 255, 255, .8) } .mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, .4) } .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, .15) } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333 } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 } .mm-menu.mm-theme-white { background: #fff; border-color: rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .6) } .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, .3) } .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before { border-color: rgba(0, 0, 0, .3) } .mm-menu.mm-theme-white .mm-listview { border-color: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-white .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, .3) } .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, .05); tap-highlight-color: rgba(0, 0, 0, .05) } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, .05) } .mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, .03) } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, .6) } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, .2) } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, .05); color: rgba(0, 0, 0, .6) } .mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, .3) } .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, .05) } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-white label.mm-toggle:before { background: #fff } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 } .mm-menu.mm-theme-black { background: #000; border-color: rgba(255, 255, 255, .2); color: rgba(255, 255, 255, .6) } .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before { border-color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-black .mm-listview { border-color: rgba(255, 255, 255, .2) } .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-black .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, .3); tap-highlight-color: rgba(255, 255, 255, .3) } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, .3) } .mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(255, 255, 255, .2) } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, .6) } .mm-menu.mm-pageshadow.mm-theme-black:after { content: none; display: none } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, .3); color: rgba(255, 255, 255, .6) } .mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, .4) } .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, .3) } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, .2) } .mm-menu.mm-theme-black label.mm-toggle:before { background: #000 } .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 } .mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after { content: ''; display: block; clear: both } .mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-panel:after { content: none; display: none } .mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li { width: 50%; height: 0; padding: 50% 0 0; float: left; position: relative } .mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1 } .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs { width: 12.5%; padding-top: 12.5% } .mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s { width: 25%; padding-top: 25% } .mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l { width: 75%; padding-top: 75% } .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl { width: 100%; padding-top: 100% } .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span { line-height: 1px; text-align: center; padding: 50% 10px 0; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0 } .mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next { width: auto } .mm-menu.mm-tileview .mm-panel { padding-left: 0; padding-right: 0 } .mm-menu.mm-tileview .mm-listview { margin: 0 } @media screen { .l-wrapper { background: #ffffff; } } @media (min-width: 1200px) { .l-wrapper { padding-top: 100px; } .is-scrolled .l-wrapper { padding-top: 120px; } } .l-wrapper.mm-slideout { border-top: 1px solid #ffffff; } .l-service { text-align: center; } .nav-trigger { float: left; color: #3a3a39; margin-right: 20px; position: absolute; right: 0; left: 0; opacity: 0.3; } @media (min-width: 1200px) { .nav-trigger { display: none; } } @media print { .nav-trigger { display: none; } } .nav-trigger b { color: #3a3a39; } .l-header { position: fixed; left: 0; top: 0; right: 0; z-index: 21; text-align: left; background: #ffffff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.04); padding: 19px 0 15px; display: table; width: 100%; transition: padding-top 0.4s ease; } @media (min-width: 1200px) { .l-header { background: #ffffff; overflow: visible; padding: 35px 0 20px; } } .is-scrolled .l-header .nav-main__overlay { top: 100px; } @media (min-width: 1200px) { .is-scrolled .l-header .mod-nav-main > ul > li:hover > .nav-main__flyout { border-top: 19px solid white; } } @media (min-width: 1200px) { .l-header .mod-service { z-index: 11; opacity: 1; visibility: visible; transition: opacity 0.5s ease, visibility 0s 0.5s; } .is-scrolled .l-header .mod-service { margin-bottom: 0; height: 0; overflow: hidden; opacity: 0; transition: opacity 0.5s ease, visibility 0s 0.5s; } .is-scrolled .l-header:after { visibility: hidden; content: ''; } } .l-header .container-wide { position: relative; display: flex; justify-content: space-between; align-items: end; max-width: 1670px; padding-left: 15px; padding-right: 15px; } .l-header .container { position: relative; display: flex; justify-content: space-between; align-items: start; padding-top: 0; padding-bottom: 0; } @media (min-width: 1200px) { .l-header .container { align-items: end; } } .l-header + .l-breadcrumb { margin-top: 120px; } .l-header + .l-main { margin-top: 120px; } .l-menu { clear: both; } @media (max-width: 768px) { .l-menu { display: none; } } @media (min-width: 992px) { .l-menu { padding-top: 20px; } .is-scrolled .l-menu { padding-top: 0; } } .l-emotion { background: #ffffff; margin: 0 auto 10px; } @media (min-width: 1200px) { .l-emotion { margin: 54px auto 10px; } } .l-emotion:has(+ .l-main) .mod-emotion { padding-bottom: 50px; } .l-emotion .container { padding: 0; } @media (min-width: 1200px) { .l-emotion .container { padding-left: 20px; padding-right: 20px; } } @media print { .l-emotion { display: none; } } .skin-layout-4 .l-emotion .mod-emotion { padding-bottom: 0; } @media (min-width: 768px) { .skin-layout-4 .l-emotion .mod-emotion { padding-bottom: 160px; } } @media (min-width: 992px) { .skin-layout-4 .l-emotion .container { padding-top: 0; padding-bottom: 0; } } .l-subnav { position: relative; z-index: 3; } .l-subnav > .container { padding-left: 0; padding-right: 0; } .l-breadcrumb { position: relative; margin-top: 0; z-index: 20; margin-bottom: 30px; } @media (min-width: 768px) { .l-breadcrumb { margin-top: -150px; margin-bottom: 50px; } } @media print { .l-breadcrumb { display: none; } } .l-main { position: relative; background: #ffffff; z-index: 20; margin-bottom: 20px; } @media (min-width: 992px) { .l-main { margin-bottom: 50px; } } .l-main .container, .l-main [class*="container-"] { margin-bottom: 50px; } @media (min-width: 768px) { .l-main .container, .l-main [class*="container-"] { margin-bottom: 100px; } } .l-main .container .container, .l-main [class*="container-"] .container, .l-main .container [class*="container-"], .l-main [class*="container-"] [class*="container-"] { margin-bottom: 0 !important; } .l-main .container-s.container__form_prospect { margin-left: 0; } @media (min-width: 768px) { .skin-layout-4 .l-main { margin-top: -65px; } } .l-info { padding: 20px; background: #1d70b8; color: #ffffff; margin: 0 0 20px; } .l-info .rich { margin: 0; } .l-info .rich * { color: #ffffff; } .l-info .rich *:last-child { margin: 0; } .l-info .rich li:before { color: #ffffff; } .mod-content > .rich { margin-bottom: 50px; } .mod-content > .mod-accordion { margin-bottom: 70px; } .l-content { padding-top: 20px; padding-bottom: 40px; margin-bottom: 30px; } @media (min-width: 768px) { .l-content { padding-top: 50px; padding-bottom: 50px; margin-bottom: 50px; } } .l-teasers { padding-top: 20px; padding-bottom: 40px; margin-bottom: 30px; } @media (min-width: 768px) { .l-teasers { padding-top: 50px; padding-bottom: 50px; margin-bottom: 50px; } } @media print { .l-partner { display: none; } } .l-footer .container, .l-footer-nav .container { padding-top: 20px; padding-bottom: 20px; } @media print { .l-footer, .l-footer-nav { display: none; } } .l-footer { position: relative; background: #043855; } .l-footer * { color: #ffffff; } .l-footer div[class*="col-"] { margin-bottom: 10px; } .l-footer address { margin-bottom: 10px; } .l-footer p, .l-footer address { margin: 0; } .l-top { position: fixed; bottom: 10px; right: 10px; z-index: 20; } .galaxy-s2 .l-top { display: none; } .l-top .l-top-button { text-align: center; display: block; background: #043855; width: 48px; height: 48px; padding: 10px; overflow: hidden; border-radius: 50%; border: 1px solid #ffffff; } @media (min-width: 992px) { .l-top .l-top-button { right: 30px; bottom: 30px; width: 56px; height: 56px; padding: 15px; } } .rich, #tinymce { /* margin-bottom: 50px; @media @m-medium { margin-bottom: 100px; } */ } .rich ul, #tinymce ul { margin-bottom: 20px; } .rich ul ul, #tinymce ul ul { margin-left: 20px; margin-bottom: 5px; } .rich ul li, #tinymce ul li { position: relative; padding-left: 20px; margin-bottom: 10px; list-style: none; } .rich ul li:before, #tinymce ul li:before { position: absolute; left: 0; top: 3px; color: #043855; content: "\2022"; font-size: 2em; } .rich h1, #tinymce h1 { text-align: left; } .rich ol, #tinymce ol { list-style: decimal; margin-left: 20px; margin-bottom: 20px; } .rich ol li, #tinymce ol li { padding-left: 0; } .rich table, #tinymce table { margin-bottom: 20px; border-collapse: collapse; font-size: .9em; } @media (min-width: 992px) { .rich table, #tinymce table { margin-bottom: 30px; } } .rich table th, #tinymce table th { text-align: left; vertical-align: top; } .rich table td, #tinymce table td { text-align: left; vertical-align: top; padding: 5px 15px 5px 5px; border-bottom: 1px solid #efefef; } .rich .intro h1, #tinymce .intro h1 { text-align: left; } .rich a, #tinymce a { color: #92c56e; } .rich a:hover, #tinymce a:hover, .rich a:focus, #tinymce a:focus, .rich a:active, #tinymce a:active { cursor: pointer; color: #92c56e; border-bottom-color: #92c56e; } .rich a.button, #tinymce a.button { display: inline-block; background: #92c56e; color: #043855; font-size: 18px; padding: 5px 26px; border: none; border-radius: 20px; cursor: pointer; transition: background-color 0.2s, color 0.2s; } .rich a.button:hover, #tinymce a.button:hover { background: #ffffff; } .rich a.button-dark:hover, #tinymce a.button-dark:hover { background: #043855; color: #ffffff; } .rich img, #tinymce img { max-width: 100%; height: auto; } .rich .small, #tinymce .small { font-size: 14px; line-height: 19px; } .rich.rich--intro, #tinymce.rich--intro { font-size: 22px; line-height: 30px; } .rich.rich--intro > h1, #tinymce.rich--intro > h1 { text-align: left; } @media (min-width: 1400px) { .rich.rich--intro > h1, #tinymce.rich--intro > h1 { line-height: 56px; margin-bottom: 35px; } } .rich.rich--explanation, #tinymce.rich--explanation { margin-bottom: 0; } .rich sup, #tinymce sup { vertical-align: super; } #tinymce img { max-width: 400px; height: auto; } #tinymce div { margin-bottom: 20px; color: #1d70b8; } #tinymce .js-layout-anchor { color: red; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 20px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaaaaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /** * Swiper 11.1.15 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 18, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .mb-m { margin-bottom: 40px; } .text-left { text-align: left; } .mod-accordion { margin-top: 40px; border-bottom: 1px solid #3a3a39; margin-bottom: 25px; } .mod-accordion:focus-within { border-color: #3a3a39; } .accordion__trigger::-moz-focus-inner { border: 0; } .accordion__title { display: block; outline: none; border-top: 1px solid #3a3a39; margin-bottom: 0; border-color: #3a3a39; } .accordion__trigger { border: none; display: block; font: inherit; margin: 0; padding: 10px 40px 10px 10px; position: relative; text-align: left; width: 100%; outline: none; background: transparent; color: inherit; cursor: pointer; } @media (min-width: 1200px) { .accordion__trigger { padding: 20px 40px 20px 20px; } } .accordion__trigger:hover { color: #3a3a39; background-color: #92c56e; } .accordion__trigger:focus .accordion__icon, .accordion__trigger:hover .accordion__icon { border-color: #3a3a39; } .accordion__trigger[aria-expanded="true"] .accordion__icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .accordion__trigger.active { background: #92c56e; } .accordion__icon { pointer-events: none; position: absolute; right: 10px; top: 12px; } @media (min-width: 1200px) { .accordion__icon { top: 25px; } } .accordion__panel { margin: 0; padding: 20px; } .accordion__panel[hidden] { display: none; } .accordion__panel > div p:last-child, .accordion__panel > div ul:last-child { margin-bottom: 0; } .mod-action .action-form-test { display: none; margin-top: 50px; } .mod-action .action-form-bank, .mod-action .action-form-recommendation { display: none; } .mod-action .action-btn-wrapper { text-align: center; margin: 40px 0; } .mod-action .action-btn-wrapper .action-btn { margin: 0 auto; } .mod-advantages { text-align: center; } .mod-advantages > h1 { margin-bottom: 0; } @media (min-width: 1200px) { .mod-advantages > h1 { margin-bottom: 40px; } } .mod-advantages .headline { text-align: center; font-size: 1.8em; margin-bottom: 20px; } .mod-advantages .image-container { position: relative; width: 100%; height: 280px; margin-bottom: 0; } @media (min-width: 576px) { .mod-advantages .image-container { height: 400px; } } @media (min-width: 768px) { .mod-advantages .image-container { margin-bottom: 35px; } } .mod-advantages .centered-image { position: absolute; top: 48%; left: 56%; transform: translate(-50%, -50%); width: 300px; height: 300px; padding-top: 30px; } @media (min-width: 576px) { .mod-advantages .centered-image { width: 450px; height: 450px; } } @media (min-width: 1200px) { .mod-advantages .centered-image { left: 50%; } } .mod-advantages .benefit-list { position: absolute; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; } .mod-advantages .benefit-list .advantage-item { position: absolute; background-color: #043855; color: #ffffff; padding: 5px 40px 5px 34px; border-radius: 18px 0 0 18px; display: inline-block; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; cursor: default; } .mod-advantages .benefit-list .advantage-item:hover { transform: scale(1.1); } .mod-advantages .benefit-list .check-icon { position: absolute; width: 52px; height: 52px; border-radius: 50%; background-color: #ffffff; right: -28px; top: 50%; transform: translateY(-50%); } .mod-advantages .benefit-list .advantage-item:nth-child(1) { display: none; top: 4.5%; } @media (min-width: 1200px) { .mod-advantages .benefit-list .advantage-item:nth-child(1) { left: 4.7%; display: inline-block; } } @media (min-width: 1620px) { .mod-advantages .benefit-list .advantage-item:nth-child(1) { left: 8.6%; } } .mod-advantages .benefit-list .advantage-item:nth-child(2) { display: none; top: 38.8%; } @media (min-width: 1200px) { .mod-advantages .benefit-list .advantage-item:nth-child(2) { left: -0.7%; display: inline-block; } } @media (min-width: 1620px) { .mod-advantages .benefit-list .advantage-item:nth-child(2) { left: 2.2%; } } .mod-advantages .benefit-list .advantage-item:nth-child(3) { display: none; top: 72%; } @media (min-width: 1200px) { .mod-advantages .benefit-list .advantage-item:nth-child(3) { left: -1%; display: inline-block; } } @media (min-width: 1620px) { .mod-advantages .benefit-list .advantage-item:nth-child(3) { left: 3.5%; } } .mod-advantages .benefit-list .advantage-item:nth-child(4), .mod-advantages .benefit-list .advantage-item:nth-child(5), .mod-advantages .benefit-list .advantage-item:nth-child(6) { border-radius: 0 18px 18px 0; } .mod-advantages .benefit-list .advantage-item:nth-child(4) .check-icon, .mod-advantages .benefit-list .advantage-item:nth-child(5) .check-icon, .mod-advantages .benefit-list .advantage-item:nth-child(6) .check-icon { left: -37px; } .mod-advantages .benefit-list .advantage-item:nth-child(4) { display: none; top: 4.6%; } @media (min-width: 1200px) { .mod-advantages .benefit-list .advantage-item:nth-child(4) { right: 2.8%; display: inline-block; } } @media (min-width: 1620px) { .mod-advantages .benefit-list .advantage-item:nth-child(4) { right: 8.5%; } } .mod-advantages .benefit-list .advantage-item:nth-child(5) { display: none; top: 38.5%; } @media (min-width: 1200px) { .mod-advantages .benefit-list .advantage-item:nth-child(5) { right: 0.5%; display: inline-block; } } @media (min-width: 1620px) { .mod-advantages .benefit-list .advantage-item:nth-child(5) { right: 6.9%; } } .mod-advantages .benefit-list .advantage-item:nth-child(6) { display: none; top: 71.5%; } @media (min-width: 1200px) { .mod-advantages .benefit-list .advantage-item:nth-child(6) { right: 7.7%; display: inline-block; } } @media (min-width: 1620px) { .mod-advantages .benefit-list .advantage-item:nth-child(6) { right: 11.6%; } } .mod-advantages .text { font-size: 20px; font-family: 'Roboto', arial, sans-serif; font-weight: 700; } .mod-advantages .block-container { display: grid; grid-template-columns: 1fr; gap: 15px; max-width: 1640px; margin: 0 auto; } @media (min-width: 768px) { .mod-advantages .block-container { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1400px) { .mod-advantages .block-container { grid-template-columns: repeat(3, 1fr); } } .mod-advantages .block { width: 100%; height: 100%; background: #f5f5f5; border-radius: 20px; position: relative; box-sizing: border-box; text-align: left; transition: background 0.3s ease; padding: 10px 20px 0 20px; } @media (min-width: 768px) { .mod-advantages .block { padding: 10px 40px 20px 50px; } } .mod-advantages .active { background: #92c56e; } .mod-advantages .block-title { font-size: 22px; margin: 10px 0; font-weight: bold; } .mod-advantages .block-text { margin-top: 15px; font-size: 18px; color: #555; word-wrap: break-word; line-height: 24px; } .mod-advantages .icon { position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; background-image: url('/assets/templates/terrific/assets/img/circle_tick.png'); background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .mod-advantages .block { height: auto; } } .mod-application #information { padding-top: 20px; } .mod-application .intro { text-align: left; } .mod-application .intro i { display: inline-block; color: #80bde0; font-size: 100px; margin-bottom: 50px; } .mod-application .application-advantages { margin-bottom: 40px; display: flex; justify-content: center; flex-wrap: wrap; } .mod-application .application-advantages .advantage-item { text-align: center; flex-direction: column; width: 20%; padding: 0 10px; } .mod-application .application-advantages .advantage-item i { font-size: 30px; color: #1d70b8; } @media (min-width: 992px) { .mod-application .application-advantages .advantage-item i { font-size: 50px; } } .mod-application .application-advantages .advantage-item p { font-size: 13px; line-height: 16px; } @media (min-width: 992px) { .mod-application .application-advantages .advantage-item p { padding-top: 15px; } } .mod-applications { text-align: center; } .mod-applications .container { max-width: 1640px; } .mod-applications .blocks-wrapper { display: grid; grid-template-columns: repeat(1fr); gap: 19px; } @media (min-width: 768px) { .mod-applications .blocks-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1200px) { .mod-applications .blocks-wrapper { grid-template-columns: repeat(3, 1fr); } } .mod-applications .block-container { width: 100%; height: 155px; background-size: cover; background-position: center; border-radius: 20px; position: relative; } @media (min-width: 768px) { .mod-applications .block-container { height: 285px; } } .mod-applications .block-container:hover { filter: brightness(1.3); } .mod-applications .block { text-align: center; color: white; position: relative; top: 50%; transform: translateY(-50%); } .mod-applications .block-title { margin-top: 10px; font-weight: bold; color: white; } .mod-applications .block-icon img { max-width: 70px; } @media (min-width: 768px) { .mod-applications .block-icon img { max-width: 100px; } } .mod-back .container { display: flex; justify-content: start; margin-bottom: 80px; } @media (min-width: 576px) { .mod-back .container { justify-content: center; } } @media (min-width: 1200px) { .mod-back .container { padding: 0 30px 0; } } .mod-banner { position: absolute; top: 10px; right: 10px; width: 100px; height: 100px; background: #e30613; border-radius: 50%; font-size: 13px; line-height: 18px; z-index: 30; text-align: center; box-shadow: 2px 2px 15px #3a3a39; animation: pulse 1s linear infinite; } .mod-banner:hover { background: #3a3a39; background: #f90a18; } @media (min-width: 576px) { .mod-banner { width: 150px; height: 150px; top: 15px; right: 20px; } } @media (min-width: 992px) { .mod-banner { top: 35px; right: 40px; width: 250px; height: 250px; } } .banner__slide-wrapper { position: relative; width: 100%; } .banner__link { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; transform: rotate(-15deg); } .banner__heading--wrapper { width: 100%; } @media (min-width: 992px) { .banner__heading--wrapper { width: 100%; } } .banner__description { margin: 0; color: #ffffff; font-family: 'Roboto Slab', arial, sans-serif; font-weight: 800; font-size: 10px; line-height: 1.3em; } @media (min-width: 576px) { .banner__description { font-size: 15px; } } @media (min-width: 992px) { .banner__description { font-size: 26px; } } .mod-box { background: #efefef; padding: 20px; margin-bottom: 20px; border: 1px solid #efefef; } .mod-box h2, .mod-box h3 { color: #707070; } .mod-box img { vertical-align: top; max-width: 100%; height: auto; } .mod-box *:last-child { margin-bottom: 0; } .mod-box ul li a { display: block; padding: 5px 0; } .mod-box ul li.active { display: none; } .mod-breadcrumb { font-size: 15px; } @media (min-width: 768px) { .mod-breadcrumb { font-size: 18px; } } .mod-breadcrumb ul { overflow: hidden; margin-left: -5px; } .mod-breadcrumb li { position: relative; float: left; margin-right: 1px; color: #707070; } .mod-breadcrumb li:after { content: "/"; font-weight: 900; } .mod-breadcrumb li:last-child a, .mod-breadcrumb li:last-child span { color: #004d9e; } .mod-breadcrumb li:last-child:after { content: normal; } .mod-breadcrumb li:first-child { display: none; } .mod-breadcrumb li a, .mod-breadcrumb li span { color: #707070; display: inline-block; padding: 3px 5px 3px 5px; line-height: 1.1; } .calculator { display: flex; flex-wrap: wrap; max-width: 500px; padding: 40px; background: #c0def0; margin-bottom: 30px; flex-direction: column; } @media (min-width: 576px) { .calculator { flex-direction: row; } } .calculator__field { flex-basis: 100%; width: 100%; } @media (min-width: 576px) { .calculator__field { flex-basis: 50%; width: 50%; } } .calculator__field { margin: 0 0 30px; } .calculator__field .error { display: none; text-align: left; line-height: 1.3; margin-top: 5px; } .calculator__field .error.is-visible { display: inline-block; } .calculator__field label { font-size: 14px; line-height: 1.3; } .calculator__field input, .calculator__field select { background: rgba(0, 123, 192, 0.8); width: 100%; height: 60px; padding: 20px; overflow: hidden; color: #ffffff; border: none; } @media (min-width: 576px) { .calculator__field input, .calculator__field select { max-width: 200px; } } .calculator__field input.calculator-result, .calculator__field select.calculator-result { background: #efefef; border: 3px solid #cccccc; color: #707070; font-family: 'Roboto', arial, sans-serif; font-weight: 700; } .calculator__field select { position: relative; font-family: 'Roboto', arial, sans-serif; font-weight: 700; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwNy40MzcgNDA3LjQzNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDA3LjQzNyA0MDcuNDM3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBwb2ludHM9IjM4Ni4yNTgsOTEuNTY3IDIwMy43MTgsMjczLjUxMiAyMS4xNzksOTEuNTY3IDAsMTEyLjgxNSAyMDMuNzE4LDMxNS44NyA0MDcuNDM3LDExMi44MTUgIi8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg=='); background-position: 95% 50%; background-size: 24px; background-repeat: no-repeat; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .mod-contact-partner .skin-teaser-vertical { max-width: 250px; min-width: unset; min-height: unset; } .mod-contact-partner .skin-teaser-vertical .teaser__content { padding: 10px; } .mod-contact-partner .row.contact__information { margin-top: 50px; align-items: baseline; justify-content: space-evenly; } .mod-contact-partner .grid-item { align-items: center; } .mod-contact-partner .teaser__content h2 { font-size: 1.3em; } .mod-contact-person { display: flex; flex-direction: column; justify-content: center; align-items: center; } .mod-contact-person h1 { text-align: center; } .mod-contact-person .form__item { margin: 20px 0; } .mod-contact-person .form__select { width: 100%; } .mod-contact-person .contact { display: none; } .mod-contact-person .mod-teaser { height: 220px; border-radius: 15px; border: none; } .mod-contact-person .mod-teaser .teaser__container { width: 570px; } .mod-contact-person .mod-teaser .teaser__image { height: 220px; } .mod-content div:not(.content__table-wrapper) td { border-bottom: unset; } .mod-content .content__table-wrapper { overflow-x: auto; } .mod-content .content__table-wrapper table td { border-bottom: 1px solid #efefef; } .mod-content .content-item { margin-bottom: 0; display: table; width: 100%; } @media (min-width: 992px) { .mod-content .content-item { padding: 25px 0; } } .mod-content .content-item td { display: block; } @media (min-width: 768px) { .mod-content .content-item td { display: table-cell; } } .mod-content .content-item .rich { margin-bottom: 0; } .mod-content .content-item .media { margin-bottom: 10px; } @media (min-width: 768px) { .mod-content .content-item .media { width: 50%; margin-bottom: 30px; } } @media (min-width: 992px) { .mod-content .content-item .media { float: left; width: 50%; } } .mod-content .content-item .media img { width: 100%; height: auto; vertical-align: top; } .mod-content .content-item .content { overflow: hidden; } .mod-cookie-notice { z-index: 20; position: fixed; bottom: 0; left: 0; right: 0; padding: 15px 30px 15px; background: #222; color: #ffffff; font-size: 15px; transform: translateY(100%); -webkit-transition: transform 300ms ease; transition: transform 300ms ease; } .cookie-notice__text { display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; margin-bottom: 0; } .cookie-notice__text a:first-child { margin-bottom: 15px; } .cookie-notice__button { display: block; width: 38%; max-width: 140px; padding: 8px 10px; float: right; cursor: pointer; text-align: center; line-height: 1; color: #ffffff; background-color: #e30613; transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out; border-radius: 5px; hyphens: none; text-wrap: none; } .cookie-notice__button:hover, .cookie-notice__button:active { background-color: #ffffff; color: #3a3a39; } .cookie-notice--visible { transform: translateY(0); } .mod-countries { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; } .mod-countries .country-item { width: 100%; max-width: 500px; margin: 0 auto; } @media (min-width: 992px) { .mod-countries .country-item { min-width: 48%; } } .mod-country { position: relative; } .mod-country img { display: block; vertical-align: top; } .mod-country .country-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .mod-country .country-overlay .overlay-tooltip { position: absolute; left: 0; top: 0; cursor: pointer; } .mod-country .country-overlay .overlay-tooltip i { position: absolute; left: 50%; top: 50%; font-size: 20px; text-shadow: 0 0 3px #1d70b8; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.8); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .mod-country .country-overlay .overlay-tooltip:hover i { color: #ffffff; } .mod-country .country-overlay .overlay-tooltip:hover .content { display: block; } .mod-country .country-overlay .overlay-tooltip .content { position: absolute; display: none; z-index: 3; background: #ffffff; border-radius: 2px; padding: 5px; font-size: 12px; line-height: 14px; top: 60%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); border: 3px solid #1d70b8; min-width: 200px; max-width: 350px; } .mod-country .country-overlay .overlay-tooltip .content table { margin-bottom: 0; border-collapse: collapse; font-size: 1em; } @media (min-width: 992px) { .mod-country .country-overlay .overlay-tooltip .content table { margin-bottom: 0; } } .mod-country .country-overlay .overlay-tooltip .content table th, .mod-country .country-overlay .overlay-tooltip .content table td { padding: 2px; } @media (min-width: 768px) { .mod-country .country-overlay .overlay-tooltip .content table th, .mod-country .country-overlay .overlay-tooltip .content table td { white-space: nowrap; } } .mod-country .country-overlay .overlay-tooltip .content table td { border-bottom: none; } .mod-customers h2 { text-align: center; } .mod-customers .customer-list { display: flex; } .mod-customers .swiper-wrapper { padding-left: 23%; } @media (min-width: 400px) { .mod-customers .swiper-wrapper { padding-left: 105px; } } @media (min-width: 470px) { .mod-customers .swiper-wrapper { padding-left: 20px; } } .mod-customers .swiper-slide > div > img { max-width: 100%; height: 120px; } .mod-customers .swiper-slide > .default { filter: grayscale(100%); } .mod-customers .swiper-slide > .default:hover { filter: grayscale(0%); transition: filter 0.3s ease; } .mod-customers .swiper-button-prev { left: var(--swiper-navigation-sides-offset, -10px); } .mod-customers .swiper-button-next, .mod-customers .swiper-button-prev { width: 50px; height: 50px; color: #707070; } .mod-customers .swiper-button-next::after, .mod-customers .swiper-button-prev::after { font-size: 24px; } .mod-customers .customer-item { background: #ffffff; position: relative; width: 200px; margin-bottom: 30px; margin-left: auto; margin-right: auto; } .mod-customers .customer-item img { width: 100%; height: auto; vertical-align: top; mix-blend-mode: multiply; } .mod-customers .customer-item .default { padding: 1px; } .mod-customers .customer-item .hover { position: absolute; left: 0; top: 0; z-index: 100; background: #ffffff; border: 1px solid #efefef; -webkit-transition: all 450ms ease; transition: all 450ms ease; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); width: 100%; } .mod-customers .customer-item .hover .content { padding: 0 20px 10px; font-size: 14px; line-height: 17px; } .mod-customers .customer-item .hover .content p { margin: 0; } .mod-customers .customer-item:hover .hover { display: block; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .mod-customers .swiper-container { width: 100%; } .mod-customers .row.customer__container { gap: 100px; } .mod-customers .row.customer__container > img { max-width: 100%; height: 120px; } .mod-devices .mod-teaser .teaser__content { justify-content: start; } .mod-devices .mod-teaser .teaser__content ul { margin-bottom: 0; } .mod-devices .mod-teaser .teaser__image { background: #ffffff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mod-devices .mod-teaser .teaser__title { margin-bottom: 29px; } .mod-devices .swiper-container { width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .mod-devices .swiper-slide { display: flex; justify-content: center; align-items: center; width: 100% !important; } .mod-devices .swiper-slide img { width: 72% !important; height: auto !important; object-fit: cover; max-width: 100%; } .mod-devices .swiper-button-prev, .mod-devices .swiper-button-next { color: #043855; padding: 10px; border-radius: 50%; transition: background 0.3s; position: absolute; top: 55%; transform: translateY(-50%); z-index: 10; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } @media (min-width: 768px) { .mod-devices .swiper-button-prev, .mod-devices .swiper-button-next { width: 40px; height: 40px; padding: 15px; } } .mod-devices .swiper-button-prev { left: 0; } .mod-devices .swiper-button-next { right: 0; } .mod-devices .swiper-button-prev::after, .mod-devices .swiper-button-next::after { font-size: 20px; font-weight: bold; } .mod-downloads { background: #1d70b8; color: #ffffff; padding: 20px; } .mod-downloads h2 { color: #ffffff; } .mod-downloads a { color: #ffffff; } .mod-emotion { position: relative; z-index: 5; overflow: hidden; margin-top: 70px; } @media (min-width: 768px) { .mod-emotion { padding-bottom: 160px; } } @media (min-width: 1200px) { .mod-emotion { margin-top: 0; } } .mod-emotion .swiper-container { width: 100%; } .mod-emotion .emotion-media { position: relative; z-index: 0; overflow: hidden; } .mod-emotion .emotion-media img { vertical-align: top; } .mod-emotion .emotion-overlay { position: relative; z-index: 2; width: 100%; text-align: left; color: #ffffff; } @media (min-width: 768px) { .mod-emotion .emotion-overlay { top: 60%; left: 50.5%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (min-width: 992px) { .mod-emotion .emotion-overlay { top: 70%; } } .mod-emotion .emotion-overlay h1.title, .mod-emotion .emotion-overlay p.title { display: flex; flex-direction: column; align-items: self-start; justify-content: space-between; height: 170px; font-size: 25px; margin: 0; font-family: 'Roboto', arial, sans-serif; font-weight: 700; color: #ffffff; } .mod-emotion .emotion-overlay h1.title span, .mod-emotion .emotion-overlay p.title span { background: #004D9E; padding: 5px 33px 5px 30px; } @media (min-width: 1200px) { .mod-emotion .emotion-overlay h1.title, .mod-emotion .emotion-overlay p.title { font-size: 67px; line-height: 65px; } } .mod-emotion .emotion-overlay p.description { font-family: 'Roboto', arial, sans-serif; font-weight: 700; } .mod-emotion .emotion-overlay .emotion-text { width: 100%; } .mod-emotion .emotion-overlay .emotion-text .title { display: flex; flex-direction: column; align-items: self-start; justify-content: flex-end; height: 100%; width: 100%; text-align: left; font-size: 22px; font-family: 'Roboto Slab', arial, sans-serif; padding: 20px 20px 0 20px; gap: 5px; } @media (min-width: 768px) { .mod-emotion .emotion-overlay .emotion-text .title { padding: 10px 20px; height: 180px; font-size: 42px; gap: 10px; } } @media (min-width: 992px) { .mod-emotion .emotion-overlay .emotion-text .title { padding: 20px; font-size: 53px; } } @media (min-width: 1400px) { .mod-emotion .emotion-overlay .emotion-text .title { height: 210px; font-size: 55px; } } .mod-emotion .emotion-overlay .emotion-text .title span { background: #004d9e; padding: 5px 15px; line-height: 1.1; } @media (min-width: 768px) { .mod-emotion .emotion-overlay .emotion-text .title span { padding: 2px 33px 5px 30px; } } @media (min-width: 992px) { .mod-emotion .emotion-overlay .emotion-text .title span { padding: 0 33px 5px 30px; } } @media (min-width: 1200px) { .mod-emotion .emotion-overlay .emotion-text .title span { padding: 0 33px 5px 30px; } } @media (min-width: 1400px) { .mod-emotion .emotion-overlay .emotion-text .title span { padding: 5px 33px 8px 30px; } } .mod-emotion .emotion-overlay .emotion-text .description { font-size: 15px; text-align: left; width: 100%; margin-left: 20px; margin-top: 10px; margin-bottom: 0; } @media (min-width: 992px) { .mod-emotion .emotion-overlay .emotion-text .description { font-size: 22px; margin-top: 0; margin-bottom: 50px; } } @media (min-width: 1400px) { .mod-emotion .emotion-overlay .emotion-text .description { font-size: 26px; margin-bottom: 0; } } .mod-emotion .emotion-overlay .emotion-text .description > span { background: #e30613; display: inline-block; padding: 0 15px; } @media (min-width: 768px) { .mod-emotion .emotion-overlay .emotion-text .description > span { padding: 3px 30px 2px 30px; } } @media (min-width: 992px) { .mod-emotion .emotion-overlay .emotion-text .description > span { padding: 8px 30px 7px 30px; } } @media (min-width: 1200px) { .mod-emotion .emotion-overlay .emotion-text .description > span { padding: 6px 30px 5px 30px; } } @media (min-width: 1400px) { .mod-emotion .emotion-overlay .emotion-text .description > span { padding: 10px 30px 9px 30px; } } .mod-emotion .container { position: relative; margin: 0 auto; padding: 0; } .mod-emotion .emotion-image { overflow: hidden; margin-bottom: -7px; height: 100%; } @media (min-width: 768px) { .mod-emotion .emotion-image { margin-bottom: 0; } } @media (min-width: 1200px) { .mod-emotion .emotion-image { border-bottom-left-radius: 40px; } } .mod-emotion .emotion-image .emotion-img { width: 100%; height: auto; object-fit: cover; } @media (min-width: 1200px) { .mod-emotion .emotion-image .emotion-img { border-bottom-left-radius: 40px; } } .mod-emotion .emotion-image-small { display: none; position: absolute; bottom: -110px; right: 30px; } @media (min-width: 1200px) { .mod-emotion .emotion-image-small { display: block; } } .mod-emotion .emotion-image-small img { width: 260px; } .mod-emotion .swiper-slide { width: 100%; } .mod-emotion .swiper-slide a { display: block; } .mod-emotion .swiper-slide.dark .emotion-overlay { color: #043855; } @media (min-width: 576px) { .mod-emotion .emotion-swiper-button-prev, .mod-emotion .emotion-swiper-button-next { top: 50%; } } @media (min-width: 768px) { .mod-emotion .emotion-swiper-button-prev { width: 40px; height: 40px; left: -3px; } } @media (min-width: 768px) { .mod-emotion .emotion-swiper-button-next { width: 40px; height: 40px; right: -3px; } } @media (min-width: 1200px) { .mod-emotion .emotion-overlay-wrapper { position: absolute; left: 0; bottom: 0; width: 100%; } } .mod-emotion .emotion__pagination-wrapper { display: none; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); height: 0; width: 100%; z-index: 2; background: transparent; } .mod-emotion .emotion__pagination-wrapper:before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 43%; pointer-events: none; } .mod-emotion .emotion-pagination { display: flex; justify-content: center; gap: 5px; margin-top: -15px; width: auto; } @media (min-width: 992px) { .mod-emotion .emotion-pagination { margin-top: -32px; } } .mod-emotion .emotion-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #043855; } @media (min-width: 992px) { .mod-emotion .emotion-pagination .swiper-pagination-bullet { width: 20px; height: 20px; } } @media (min-width: 768px) { .skin-layout-5 .title { line-height: 55px; } } .mod-facts { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin-bottom: 30px; } @media (min-width: 768px) { .facts--3 .facts__item { max-width: 33.3%; } } @media (min-width: 768px) { .facts--2 .facts__item { max-width: calc(50% - 15px); } } .facts--2 + .facts--2 { border-top: 1px solid #1d70b8; margin-top: -15px; } @media (min-width: 768px) { .facts--2 + .facts--2 { margin-top: 0; border: none; } } .facts__item { width: 100%; text-align: center; padding: 35px 0; border-bottom: 1px solid #1d70b8; /* background: @blueBright; border-radius: 30px; */ } @media (min-width: 768px) { .facts__item { max-width: 33.3%; border-right: 1px solid #1d70b8; border-bottom: none; padding-bottom: unset; } } .facts__item:last-child { border-right: none; border-bottom: none; } .facts__value { font-family: 'Roboto', arial, sans-serif; font-weight: 700; font-size: 50px; margin: 0; white-space: nowrap; color: #004d9e; margin-bottom: 10px; } @media (min-width: 1200px) { .facts__value { font-size: 75px; line-height: 1; margin-bottom: 0; } } .facts__label { color: #3a3a39; font-family: 'Roboto', arial, sans-serif; font-weight: 700; } @media (min-width: 992px) { .facts__label { font-size: 25px; } } .mod-filter .container { padding-bottom: 10px; } .mod-filter .filter__list { display: flex; flex-wrap: wrap; list-style: none; gap: 10px; justify-content: left; margin-bottom: 10px; } .mod-filter .filter__link { padding-left: 30px; padding-right: 30px; background: #ffffff; color: #043855; border: 1px solid #043855; } .mod-filter .filter__link.is-active, .mod-filter .filter__link:hover { color: #043855; background: #92c56e; border: 1px solid transparent; } .is-hidden { display: none; } .mod-footer { padding-top: 60px; padding-bottom: 20px; } .mod-footer .row { gap: 50px; flex-direction: column; justify-content: space-between; } @media (min-width: 768px) { .mod-footer .row { gap: unset; flex-direction: row; row-gap: 70px; } } @media (min-width: 1200px) { .mod-footer .row { row-gap: unset; } } .mod-footer ul { margin-bottom: 0; } .mod-footer a { font-size: 18px; } .mod-footer .grid-item:nth-child(1) { width: 100%; display: flex; gap: 20px; flex-direction: column; justify-content: space-between; } @media (min-width: 768px) { .mod-footer .grid-item:nth-child(1) { width: 32%; } } @media (min-width: 1200px) { .mod-footer .grid-item:nth-child(1) { width: 17%; } } @media (min-width: 768px) { .mod-footer .grid-item:nth-child(2) { width: 32%; } } @media (min-width: 1200px) { .mod-footer .grid-item:nth-child(2) { width: 37%; } } .mod-footer .grid-item:nth-child(2) .footer__links { display: flex; height: 100%; justify-content: space-evenly; gap: 40px; flex-direction: column; } @media (min-width: 768px) { .mod-footer .grid-item:nth-child(2) .footer__links { justify-content: end; gap: 10px; } } @media (min-width: 1200px) { .mod-footer .grid-item:nth-child(2) .footer__links { justify-content: space-evenly; flex-direction: row; align-items: end; } } .mod-footer .grid-item:nth-child(3) { width: 65%; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; } @media (min-width: 768px) { .mod-footer .grid-item:nth-child(3) { width: 32%; } } @media (min-width: 1200px) { .mod-footer .grid-item:nth-child(3) { align-items: end; width: 30%; gap: 0; } } .mod-footer .grid-item:nth-child(3) .footer__legal { display: flex; width: 100%; gap: 60px; } @media (min-width: 768px) { .mod-footer .grid-item:nth-child(3) .footer__legal { gap: 20px; } } @media (min-width: 1200px) { .mod-footer .grid-item:nth-child(3) .footer__legal { justify-content: end; } } .mod-footer .grid-item:nth-child(4) { width: 100%; display: flex; flex-direction: row; gap: 35px; justify-content: start; } @media (min-width: 1200px) { .mod-footer .grid-item:nth-child(4) { gap: 20px; flex-direction: column; padding-left: 10px; width: 9%; justify-content: end; justify-content: space-between; } } @media (min-width: 1530px) { .mod-footer .grid-item:nth-child(4) { align-items: start; } } @media (min-width: 1620px) { .mod-footer .grid-item:nth-child(4) { align-items: end; padding-left: 0; } } .mod-footer .grid-item:nth-child(4) > img { width: 40px; } .mod-footer .footer__certificate-wrapper { display: flex; gap: 10px; flex-wrap: wrap; } .mod-footer .footer__certificate-wrapper .footer__certificate { width: 100%; max-width: 75px; height: auto; /*width: 60%; max-width: 250px; min-width: 230px;*/ } .mod-footer p { font-size: 18px; } .mod-footer .footer__button { display: inline-block; padding: 5px 25px; background-color: #92c56e; color: #043855; text-decoration: none; border-radius: 20px; margin-top: 10px; } .mod-footer .footer__button:hover { background-color: #7AAE59; } .mod-footer .align-bottom { align-self: end; } .mod-footer .icon-instagram { width: 40px; } .mod-form { margin-bottom: 50px; } .mod-form .row { gap: 0; column-gap: 15px; justify-content: space-between; } .mod-form .form__section_contact { width: 100%; } .mod-form .form__section_contact > .container-s { padding: 10px 0 30px; } .form__wrapper { display: flex; } fieldset { margin-bottom: 50px; } .form__item { display: flex; width: 100%; position: relative; margin-bottom: 20px; } .form__item > img { max-width: 250px; } .form__label { position: absolute; top: auto; bottom: 5px; left: 0; line-height: 1; color: #043855; padding: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; -webkit-transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; -webkit-transition: bottom 0.1s ease-in-out; transition: bottom 0.1s ease-in-out; } .form--white .form__label { height: 100%; padding: 20px 25px; font-size: 12px; line-height: 1.2; } .form__label a { color: #92c56e; } .form__label a:hover, .form__label a:focus, .form__label a:active { cursor: pointer; color: #92c56e; border-bottom-color: #92c56e; } .form__select, .select2-selection, .form__input[type=text], .form__input[type=number], .form__input[type=password], .form__input[type=email], .form__textarea { width: 100%; color: #043855; background: transparent; border: none; border-bottom: 1px solid #707070; padding: 5px 0; scroll-margin-top: 150px; } .form__select:hover, .select2-selection:hover, .form__input[type=text]:hover, .form__input[type=number]:hover, .form__input[type=password]:hover, .form__input[type=email]:hover, .form__textarea:hover, .form__select:active, .select2-selection:active, .form__input[type=text]:active, .form__input[type=number]:active, .form__input[type=password]:active, .form__input[type=email]:active, .form__textarea:active, .form__select:focus, .select2-selection:focus, .form__input[type=text]:focus, .form__input[type=number]:focus, .form__input[type=password]:focus, .form__input[type=email]:focus, .form__textarea:focus { border-color: #707070; outline: none; } .form__select::placeholder, .select2-selection::placeholder, .form__input[type=text]::placeholder, .form__input[type=number]::placeholder, .form__input[type=password]::placeholder, .form__input[type=email]::placeholder, .form__textarea::placeholder { color: transparent; } .form--white .form__select, .form--white .select2-selection, .form--white .form__input[type=text], .form--white .form__input[type=number], .form--white .form__input[type=password], .form--white .form__input[type=email], .form--white .form__textarea { height: 50px; padding: 15px 25px; border: 1px solid #1d70b8; background: #ffffff; border-radius: 15px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .form--white .form__select:hover, .form--white .select2-selection:hover, .form--white .form__input[type=text]:hover, .form--white .form__input[type=number]:hover, .form--white .form__input[type=password]:hover, .form--white .form__input[type=email]:hover, .form--white .form__textarea:hover, .form--white .form__select:active, .form--white .select2-selection:active, .form--white .form__input[type=text]:active, .form--white .form__input[type=number]:active, .form--white .form__input[type=password]:active, .form--white .form__input[type=email]:active, .form--white .form__textarea:active, .form--white .form__select:focus, .form--white .select2-selection:focus, .form--white .form__input[type=text]:focus, .form--white .form__input[type=number]:focus, .form--white .form__input[type=password]:focus, .form--white .form__input[type=email]:focus, .form--white .form__textarea:focus { border-color: #1d70b8; } .form__textarea { border: 1px solid #707070; } .form--white .form__select, .form--white .select2-selection--single { height: 50px; padding: 10px 20px; } .form__nickname { position: absolute; left: -9999999px; } .form__input:focus ~ .form__label, .form__input:not(:placeholder-shown) ~ .form__label, .form__textarea:focus ~ .form__label, .form__textarea:not(:placeholder-shown) ~ .form__label, .form__select ~ .form__label { opacity: .8; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); bottom: 80%; } .form--white .form__input:focus ~ .form__label, .form--white .form__input:not(:placeholder-shown) ~ .form__label, .form--white .form__textarea:focus ~ .form__label, .form--white .form__textarea:not(:placeholder-shown) ~ .form__label, .form--white .form__select ~ .form__label { opacity: .8; -webkit-transform: scale(0.75) translateY(-10px) translateX(10px); -ms-transform: scale(0.75) translateY(-10px) translateX(10px); transform: scale(0.75) translateY(-10px) translateX(10px); } .form__textarea:not(:placeholder-shown) ~ .form__label { bottom: 100%; } .form__input--file { padding: 30px 0 20px 10px; cursor: pointer; border-radius: 15px; } @media (min-width: 768px) { .form__input--file { padding: 30px 20px 20px; } } .form__button { display: inline-block; background: #92c56e; color: #043855; font-size: 18px; padding: 8px 26px; border: none; border-radius: 20px; cursor: pointer; transition: background-color 0.2s, color 0.2s; } .form__button:hover { background: #ffffff; } .button-dark:hover { background: #043855; color: #ffffff !important; } .form__legend { margin-bottom: 10px; } .form__textarea { min-height: 150px; } .form__radio, .form__checkbox { appearance: none; -webkit-appearance: none; height: 24px; width: 24px; margin-right: 10px; border: 1px solid #3a3a39; border-radius: 50%; flex-shrink: 0; background: #ffffff; position: relative; cursor: pointer; } .form__radio[disabled], .form__checkbox[disabled], .form__radio[aria-disabled=true], .form__checkbox[aria-disabled=true] { opacity: .4; } .form__radio::before, .form__checkbox::before { content: '\e930'; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; font-weight: bold; position: absolute; margin: auto; left: 4px; overflow: hidden; top: 5px; opacity: 0; } .form__radio:checked::before, .form__checkbox:checked::before { opacity: 1; } .form__radio:hover, .form__checkbox:hover, .form__radio:active, .form__checkbox:active, .form__radio:focus, .form__checkbox:focus { border-color: #707070; } .form__radio:focus, .form__checkbox:focus { outline: 1px solid #707070; } .form__radio::before { left: 6px; top: 6px; } .form__radio::before { height: 0; width: 0; } .form__radio:checked::before { border: 5px solid transparent; border-radius: 100%; outline-offset: -6px; background: #043855; } .form__radio ~ .form__label, .form__checkbox ~ .form__label { position: relative; padding: 0; cursor: pointer; line-height: unset; margin-top: 4px; } .form-card__wrapper { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; } .form-card__item { position: relative; display: block; } .form__card { position: absolute; left: -999999px; } .form__card ~ .form-card__label { display: block; border-radius: 15px; border: 1px solid #ffffff; background: #1d70b8; color: #ffffff; cursor: pointer; padding: 10px 20px; } .form__card:checked ~ .form-card__label { color: #1d70b8; background: #ffffff; border: 1px solid #1d70b8; } .form__card:checked ~ .form-card__label:before { content: "x"; } .form__info { font-size: 16px; line-height: 1.2; } .form__alert-error { padding: 20px 20px 10px; margin-bottom: 45px; border-radius: 15px; background: #e30613; color: #ffffff; } .form__error { padding-top: 5px; color: #e30613; } .form__confirmemail { position: absolute; left: -10000px; top: -10000px; } .form-order__item th, .form-order__item td { padding-bottom: 10px; } .form-order__item th { width: 50%; padding-right: 20px; } .form-order__item .form-order__row-qty { width: 20%; } .form-order__item .form-order__row-price { width: 15%; text-align: right; } .form__input--qty[type=number] { width: 100%; } .global-error { display: flex; } .global-error > .error { text-align: left; } @media (min-width: 768px) { .global-error > .error { font-size: 23px; } } .row_partner { margin-bottom: 30px; } @media (min-width: 576px) { .row_partner { margin-bottom: 0; } } .textarea__wrapper { margin-top: 20px; margin-bottom: 50px; } .global-error { margin-bottom: 20px; } .form__required-text { color: #043855; } .form__header { margin-bottom: 30px; } .mod-gallery { overflow: hidden; margin: 0 -1px 20px; } .mod-gallery .gallery-item { position: relative; padding: 0 1px; margin-bottom: 2px; overflow: hidden; } @media (min-width: 768px) { .mod-gallery .gallery-item { float: left; width: 50%; } } @media (min-width: 992px) { .mod-gallery .gallery-item { width: 25%; } } .mod-gallery figcaption { display: block; color: #ffffff; background: #efefef; padding: 5px; } .mod-gallery a { position: relative; display: block; height: 0; padding-bottom: 65%; } .mod-gallery a:hover figcaption { background: #1d70b8; } .mod-gallery img { position: absolute; display: block; vertical-align: top; width: 100%; height: auto; } .mod-gratistest { /* padding: 40px 0; text-align: center; margin-bottom: 20px; */ margin-bottom: 40px; /*display: grid; grid-template-columns: repeat(2, 1fr); !* Zwei Spalten mit gleicher Breite *! gap: 20px; !* Abstand zwischen den Spalten *! padding: 20px; !* Optionaler Innenabstand *!*/ display: flex; justify-content: center; /* Zentriert die Boxen horizontal im Container */ gap: 20px; /* Abstand zwischen den Boxen */ padding: 20px; /* Optionaler Innenabstand */ } .mod-gratistest .title__wrapper { display: flex; justify-content: space-between; } .mod-gratistest .box-wrapper { display: flex; flex-direction: column; /* Ordnet Titel und Inhalt vertikal an */ align-items: flex-start; /* Links ausgerichtet */ } .mod-gratistest .custom-chunk-wrapper { display: flex; flex-wrap: wrap; /* Ermöglicht Umbruch auf kleinere Bildschirme */ gap: 20px; /* Abstand zwischen den Chunks */ justify-content: center; /* Zentriert die Chunks horizontal */ margin: 0 auto; /* Zentriert den Wrapper */ } .mod-gratistest .custom-chunk { display: flex; flex-wrap: wrap; max-width: 675px; /* Reduzierte Breite der Chunks */ flex: 1 1 calc(30%); /* Zwei Chunks nebeneinander */ border: 1px solid #ccc; border-radius: 0 0 20px 20px; overflow: hidden; } .mod-gratistest .custom-chunk__image { flex: 1 1 50%; } .mod-gratistest .custom-chunk__image img { width: 100%; height: 100%; object-fit: cover; } .mod-gratistest .custom-chunk__content { flex: 1 1 50%; padding: 2rem 20px; /* Reduzierte Padding-Werte */ display: flex; flex-direction: column; justify-content: space-between; background: #043855; align-items: flex-start; text-align: left; } .mod-gratistest .custom-chunk__content p { font-size: 22px; margin-bottom: 20px; color: white; } .mod-gratistest .custom-chunk__button { display: inline-block; padding: 5px 25px; /* Angepasst für bessere Proportionen */ background-color: #92C56E; color: #043855; text-decoration: none; border-radius: 20px; font-size: 1em; text-align: center; } .mod-gratistest .custom-chunk__button:hover { background-color: #7AAE59; } .mod-gratistest-sidebar { display: block; position: fixed; top: 120px; z-index: 20; width: 160px; height: 48px; right: 48px; transform: rotate(-90deg) translateX(-100%); transform-origin: top right; white-space: nowrap; background: #e30613; color: #ffffff; padding: 0 10px 10px 10px; border-radius: 15px 0 0 0; box-shadow: -5px 0 20px rgba(0, 0, 0, 0.4); overflow: hidden; transition: right 0.4s ease, height 0.4s ease, overflow 0.4s ease; } @media (min-width: 992px) { .mod-gratistest-sidebar { top: 212px; width: 276px; height: 68px; right: 68px; } } .mod-gratistest-sidebar .gratistest-sidebar__content { transform: rotate(90deg); margin-top: 40px; text-align: left; } .mod-gratistest-sidebar .gratistest-sidebar__icon { position: absolute; top: 1%; right: 17%; } .mod-gratistest-sidebar .gratistest-toggle { cursor: pointer; } .mod-gratistest-sidebar .gratistest-sidebar__wrapper { text-align: center; } .mod-gratistest-sidebar .gratistest-sidebar__wrapper .gratistest-sidebar__button { display: inline-block; padding: 5px 25px; background-color: #92c56e; color: #043855; text-decoration: none; border-radius: 20px; margin-top: 10px; } .mod-gratistest-sidebar .gratistest-sidebar__wrapper h2.gratistest-toggle { width: 160px; margin-left: -12px; font-size: 20px; margin-top: 4px; margin-bottom: 0; color: #ffffff; font-family: Roboto; font-weight: bold; transition: margin-top 0.4s ease, height 0.4s ease; line-height: 20px; } @media (min-width: 992px) { .mod-gratistest-sidebar .gratistest-sidebar__wrapper h2.gratistest-toggle { font-size: 30px; width: 280px; line-height: 36px; } } .mod-gratistest-sidebar .gratistest-sidebar__wrapper p { font-size: 13px; font-weight: bold; margin-bottom: -30px; width: 160px; } @media (min-width: 992px) { .mod-gratistest-sidebar .gratistest-sidebar__wrapper p { font-size: 20px; width: 280px; margin-bottom: 30px; } } .mod-gratistest-sidebar .gratistest-sidebar__wrapper > p { margin-left: -12px; } .mod-gratistest-sidebar .gratistest-sidebar__content h2 { font-family: 'Roboto', arial, sans-serif; font-weight: 700; color: #ffffff; font-size: 15px; line-height: 20px; margin-bottom: 0; white-space: break-spaces; } @media (min-width: 992px) { .mod-gratistest-sidebar .gratistest-sidebar__content h2 { font-size: 22px; line-height: 30px; } } .mod-gratistest-sidebar .gratistest-sidebar__content h3 { font-family: 'Roboto', arial, sans-serif; font-weight: 700; color: #ffffff; font-size: 13px; margin-bottom: 0; } @media (min-width: 992px) { .mod-gratistest-sidebar .gratistest-sidebar__content h3 { font-size: 20px; margin-bottom: 10px; } } .mod-gratistest-sidebar .gratistest-sidebar__content p { font-size: 11px; margin-bottom: 10px; line-height: 15px; } @media (min-width: 992px) { .mod-gratistest-sidebar .gratistest-sidebar__content p { margin-bottom: 30px; font-size: 20px; line-height: 24px; } } .mod-gratistest-sidebar .gratistest-sidebar__content a.button { font-size: 14px; padding: 5px 12px; } @media (min-width: 992px) { .mod-gratistest-sidebar .gratistest-sidebar__content a.button { padding: 5px 26px; font-size: 18px; } } .mod-gratistest-sidebar .gratistest-sidebar__content .gratistest-sidebar__icon { width: 20px; } @media (min-width: 992px) { .mod-gratistest-sidebar .gratistest-sidebar__content .gratistest-sidebar__icon { width: 29px; } } .mod-gratistest-sidebar.open { height: 195px; right: 195px; overflow: visible; } @media (min-width: 992px) { .mod-gratistest-sidebar.open { height: 325px; right: 325px; } } .mod-gratistest-sidebar.open h2 { margin-top: 15px; } .mod-gratistest_sidebar { position: absolute; top: 763px; width: 276px; height: 68px; right: -207px; transform: rotate(-90deg); /* Dreht das Element um 90 Grad nach links */ transform-origin: top left; /* Punkt, um den gedreht wird */ white-space: nowrap; /* Verhindert, dass der Text umbricht */ background: #e30613; color: #ffffff; padding: 10px; border-radius: 15px 0 0 0; box-shadow: -5px 0px 20px rgba(0, 0, 0, 0.4); } .mod-gratistest_sidebar .gratistest-sidebar__wrapper { text-align: center; margin-top: -4px; } .mod-gratistest_sidebar .gratistest-sidebar__wrapper > h2 { font-size: 30px; margin-bottom: 0; color: #ffffff; font-family: Roboto; font-weight: bold; } .mod-gratistest_sidebar .gratistest-sidebar__wrapper > p { font-size: 20px; font-weight: bold; margin-top: -4px; } .mod-gridblocks { padding: 40px 0; text-align: center; margin-bottom: 100px; } @media (min-width: 992px) { .mod-gridblocks { padding: 40px 20px; } } .mod-gridblocks .container { max-width: 1640px; } .mod-gridblocks .block-container { display: grid; gap: 15px; max-width: 1640px; margin: 0 auto; margin-left: 35px; } .mod-gridblocks .block { width: 100%; height: 100%; background-color: #f5f5f5; border-radius: 20px; padding-left: 50px; padding-top: 10px; padding-right: 40px; position: relative; box-sizing: border-box; text-align: left; } .mod-gridblocks .block-title { font-size: 22px; margin: 10px 0; font-weight: bold; } .mod-gridblocks .block-text { margin-top: 15px; font-size: 18px; color: #555; word-wrap: break-word; } .mod-gridblocks .icon { position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; background-image: url('/assets/templates/terrific/assets/img/circle_tick.png'); background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .mod-gridblocks .block { height: auto; } } .mod-hardnessfinder { background: #c0def0; padding: 20px 0; text-align: center; margin-bottom: 20px; } @media (min-width: 992px) { .mod-hardnessfinder { padding: 20px 20px; } } .mod-hardnessfinder .search { background: #278ecb; max-width: 300px; padding: 20px; margin: 0 auto 10px; position: relative; } .mod-hardnessfinder .search form { margin: 0; display: flex; } .mod-hardnessfinder .search label { color: #ffffff; padding: 0 10px 0 0; } .mod-hardnessfinder .search input { background: transparent; color: #ffffff; font-family: 'Roboto', arial, sans-serif; font-weight: 700; border: none; padding: 0; } .mod-hardnessfinder .search button { background: transparent; border: none; padding: 0; } .mod-hardnessfinder .search button i { color: #ffffff; } .mod-hardnessfinder .search .suggestions { position: absolute; left: 0; top: 100%; width: 100%; background: #278ecb; text-align: left; padding: 0; z-index: 4; } .mod-hardnessfinder .search .suggestions ul { list-style: none; padding: 0; margin: 0; overflow-y: auto; max-height: 250px; } .mod-hardnessfinder .search .suggestions li { padding: 0; margin: 0; } .mod-hardnessfinder .search .suggestions li:before { content: normal; } .mod-hardnessfinder .search .suggestions li a { display: block; padding: 10px 20px; color: #ffffff; text-decoration: none; } .mod-hardnessfinder .search .suggestions li a:hover { background: rgba(255, 255, 255, 0.2); } .mod-hardnessfinder .finder-error { display: none; padding-top: 25px; } .mod-hardnessfinder .result-wrapper { display: none; } .mod-hardnessfinder .scale { height: 40px; width: 100%; border: 2px solid #1d70b8; margin-bottom: 100px; position: relative; } .mod-hardnessfinder .scale .sections { display: flex; } .mod-hardnessfinder .scale .sections > div { height: 38px; position: relative; text-align: center; width: 33.33333333%; border-right: 2px solid #3a3a39; } .mod-hardnessfinder .scale .sections > div:last-child { border: none; } .mod-hardnessfinder .scale .sections > div p { position: absolute; top: 100%; width: 100%; color: #707070; } .mod-hardnessfinder .scale .marker { position: absolute; left: 0; top: 0; width: 0; height: 100%; max-width: 100%; background: rgba(0, 123, 192, 0.8); background: linear-gradient(90deg, rgba(0, 123, 192, 0.4) 0%, rgba(0, 123, 192, 0.8) 100%); /*p { padding: 5px 10px; .font-bold(); text-shadow: 0 0 5px @blueBright; @media @m-large { position: absolute; left: 100%; top: 0; } }*/ } .mod-hardnessfinder .scale .marker p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 5px 10px; font-family: 'Roboto', arial, sans-serif; font-weight: 700; text-shadow: 0 0 5px #c0def0; white-space: nowrap; } @media (min-width: 992px) { .mod-hardnessfinder .scale .marker p { left: 100%; top: 50%; transform: translateY(-50%); } } .mod-hardnessfinder .result-text { text-align: left; } .mod-hardnessfinder .result-text div p { color: #1d70b8; } @media (min-width: 1400px) { .mod-hardnessfinder .result-text div p { font-size: 20px; line-height: 26px; margin-bottom: 10px; } } .mod-hardnessfinder .result-text > p { clear: both; } .mod-hardnessfinder .drop { position: relative; float: right; margin: 0 0 20px 20px; } .mod-hardnessfinder .drop i { font-size: 100px; color: #80bde0; } @media (min-width: 992px) { .mod-hardnessfinder .drop i { font-size: 200px; } } .mod-hardnessfinder .drop .drop-hardness { position: absolute; left: 50%; top: 55%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); text-align: center; width: 100%; font-family: 'Roboto', arial, sans-serif; font-weight: 700; color: #1d70b8; text-shadow: 0 0 5px #80bde0; font-size: 25px; } @media (min-width: 992px) { .mod-hardnessfinder .drop .drop-hardness { font-size: 40px; } } .mod-header.state-header--nav-active { height: 100vh; } .header__wrapper { width: 100%; display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; } .header__nav-trigger { line-height: 1; text-decoration: none; -webkit-transition: all 300ms ease; transition: all 300ms ease; height: 32px; width: 32px; color: #1d70b8; align-self: flex-end; } @media (min-width: 1200px) { .header__nav-trigger { display: none; } } .header__nav-trigger:hover, .header__nav-trigger:focus, .header__nav-trigger:active { color: #3a3a39; } @media print { .header__nav-trigger { display: none; } } .header__nav-trigger i { font-size: 24px; } .state-header--nav-active .header__nav-trigger { display: none; } .header__nav { z-index: 15; display: flex; position: fixed; padding: 30px 0 0 0; right: 100%; bottom: 0; width: 100%; height: 100%; flex-direction: column; background-color: #004d9e; backface-visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: all 300ms ease; transition: all 300ms ease; overflow-y: auto; } .state-header--nav-active .header__nav { right: 0; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (min-width: 768px) { .header__nav { padding: 50px 110px 0 50px; width: 100%; } .state-header--nav-active .header__nav { left: 0; } } @media (min-width: 992px) { .header__nav { width: 50%; } .state-header--nav-active .header__nav { right: 50%; } } @media (min-width: 1200px) { .header__nav { position: static; width: 100%; display: block; height: auto; transform: none; background: transparent; padding: 0; overflow: visible; } } @media print { .header__nav { display: none; } } .header__nav-buttons { display: flex; justify-content: space-between; margin-bottom: 25px; padding: 0 20px; } @media (min-width: 768px) { .header__nav-buttons { margin-bottom: 40px; } } @media (min-width: 1200px) { .header__nav-buttons { display: none; } } .header__nav-home, .header__nav-close { padding: 0; font-size: 25px; background: transparent; color: #ffffff; border: none; cursor: pointer; } @media (min-width: 768px) { .header__nav-home, .header__nav-close { font-size: 32px; } } .header__nav-home:hover, .header__nav-close:hover, .header__nav-home:focus, .header__nav-close:focus, .header__nav-home:active, .header__nav-close:active { color: #ffffff; } .mod-houseblocks { text-align: center; } .mod-houseblocks .container { max-width: 1640px; } .mod-houseblocks .blocks-wrapper { display: grid; grid-template-columns: repeat(1fr); gap: 19px; } @media (min-width: 992px) { .mod-houseblocks .blocks-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1200px) { .mod-houseblocks .blocks-wrapper { grid-template-columns: repeat(3, 1fr); } } .mod-houseblocks .block-container { width: 100%; height: 285px; background-size: cover; background-position: center; border-radius: 20px; position: relative; } .mod-houseblocks .block { text-align: center; color: white; position: relative; top: 50%; transform: translateY(-50%); } .mod-houseblocks .block-title { margin-top: 10px; font-size: 22px; font-weight: bold; color: white; } .mod-houseblocks .block-icon img { max-width: 100px; } .mod-intro .intro h1 { text-align: left; } .mod-intro .container { padding-left: 5.5%; padding-right: 7.5%; } .mod-intro .rich { margin-bottom: 20px; max-width: 1200px; } .mod-intro .rich h1 { font-family: 'Roboto Slab', arial, sans-serif; color: #043855; font-size: 44px; text-align: left; padding-bottom: 10px; } .mod-intro .rich p { margin-bottom: 5px; text-align: left; } .mod-intro hr { width: 1px; height: 25px; border: none; margin: 25px auto; } @media (min-width: 992px) { .mod-intro hr { margin: 50px auto; height: 50px; } } .mod-intro hr.first { margin-bottom: 40px; } .mod-intro .intro-section-advantages { background: #c0def0; padding: 30px 0; } .mod-logo { position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (min-width: 1200px) { .mod-logo { -webkit-transition: all 300ms ease; transition: all 300ms ease; } } .mod-logo a { display: block; width: 156px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } @media (min-width: 1200px) { .mod-logo a { width: 260px; } } @media (min-width: 1400px) { .mod-logo a { width: 285px; } } @media (min-width: 1200px) { .is-scrolled .mod-logo a { width: 259px; } } .mod-logo a img { /*height: 100%; width: auto;*/ width: 100%; height: auto; vertical-align: top; } .mod-map { margin-bottom: 20px; page-break-inside: avoid; } .mod-map .map-address { display: none; } .mod-map .map-content { height: 100%; min-height: 600px; font-size: inherit; } .mod-map .map-content .infowindow { color: #3a3a39; font-family: 'Roboto', arial, sans-serif; font-weight: 400; font-size: 17px; line-height: inherit; } .mod-map .map-content .infowindow a { color: #1d70b8; text-decoration: none; } .mod-map .map-content .infowindow strong { font-family: 'Roboto', arial, sans-serif; font-weight: 700; } .mod-menu { display: none; clear: both; position: relative; top: 12px; padding-left: 8%; z-index: 2; } @media (min-width: 1200px) { .mod-menu { display: block; } } .mod-menu .nav-item-downloads > a, .mod-menu .nav-item-swiss-made > a { font-size: 26px; } .mod-menu .overlay { position: fixed; top: 153px; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 1000; pointer-events: none; } .mod-menu ul.outer- { margin-bottom: 0; } .mod-menu .nav-title { cursor: pointer; } .mod-menu .nav-main__sub-link { font-size: 20px; } .mod-menu .inner-funktionsweise, .mod-menu .inner-information, .mod-menu .inner-ueber-uns { padding: 20px 10px; } .mod-menu > ul > li ul > li { padding-bottom: 3px; } .mod-menu > ul > li:nth-child(1):hover > ul > li > ul { padding-left: 0px; margin-left: -10px; } .mod-menu .outer- > li:hover > a::before { content: ''; position: absolute; bottom: 0; left: -10px; width: 50%; height: 3px; background: #e30613; } .mod-menu .outer- > li > ul > li:hover > a::before { content: ''; position: absolute; bottom: 7px; left: 0; width: 30%; height: 3px; background: #e30613; } .mod-menu .inner-anwendungen .nav-main__sub-link { font-size: 26px; } .mod-menu .inner-anwendungen { padding-left: 20px; padding-top: 25px; padding-bottom: 0; } .mod-menu .inner-anwendungen > li::before { content: ''; position: absolute; top: 2%; right: 0; width: 1px; height: 90%; background: white; z-index: 1; } .mod-menu .inner-anwendungen li.nav-item-downloads::before, .mod-menu .inner-anwendungen .nav-item-swiss-made::before { content: none; } .mod-menu > ul > li a { color: #e30613; } .mod-menu > ul { justify-content: space-between; display: none; gap: 20px; } @media (min-width: 1200px) { .mod-menu > ul { display: flex; } } .mod-menu > ul:hover > ul { display: block; border-top: 20px solid white; } .mod-menu > ul > li:hover > ul { display: block; border-top: 15px solid white; } .mod-menu > ul > li:hover > ul.inner-funktionsweise > li > a:hover::before, .mod-menu > ul > li:hover .inner-information > li > a:hover::before, .mod-menu > ul > li:hover .inner-ueber-uns > li > a:hover::before { width: 30%; bottom: 7px; } @media (min-width: 1200px) { .mod-menu > ul > li:hover > ul.inner-ueber-uns { left: -140px; } } @media (min-width: 1620px) { .mod-menu > ul > li:hover > ul.inner-ueber-uns { left: -50px; } } .mod-menu > ul > li { float: left; position: relative; } .mod-menu > ul > li > a { font-size: 22px; border-bottom: 3px solid transparent; } .mod-menu > ul > li a { display: block; padding: 7px 10px; color: #1d70b8; -webkit-transition: none; transition: none; white-space: nowrap; } .mod-menu > ul > li:hover > a { font-weight: bold; } .mod-menu > ul > li.active > a::before { content: ''; position: absolute; bottom: 0; left: -10px; width: 50%; height: 3px; background: #e30613; } .mod-menu > ul > li.active > a { color: #1d70b8; font-weight: bold; } .mod-menu > ul > li.active:hover > a { color: #1d70b8; } .mod-menu > ul > li ul { display: none; position: absolute; left: -20px; top: 100%; z-index: 2000; min-width: 175px; padding: 15px 10px; } .mod-menu > ul > li ul > li { position: relative; } .mod-menu > ul > li ul > li:hover > a::before, .mod-menu > ul > li ul > li.selected > a::before, .mod-menu > ul > li ul > li.active > a::before { content: ''; position: absolute; bottom: 7px; left: 0; width: 30%; height: 3px; background: #e30613; } .mod-menu > ul > li ul > li:hover.selected a, .mod-menu > ul > li ul > li.selected.selected a, .mod-menu > ul > li ul > li.active.selected a, .mod-menu > ul > li ul > li:hover.active a, .mod-menu > ul > li ul > li.selected.active a, .mod-menu > ul > li ul > li.active.active a { font-weight: bold; } .mod-menu > ul > li ul > li:hover > ul, .mod-menu > ul > li ul > li.selected > ul, .mod-menu > ul > li ul > li.active > ul { display: none; } .mod-menu > ul > li ul > li a { color: #ffffff; white-space: pre-line; } .mod-menu > ul > li ul > li > ul { left: 100%; top: 0; width: auto; } .mod-menu > ul > li > ul { background: #004D9E; } .mod-menu > ul > li:nth-child(1):hover > ul { display: grid; grid-template-columns: repeat(4, 1fr); width: 1300px; position: absolute; height: auto; left: -480px; margin-left: 0; z-index: 2000; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } @media (min-width: 992px) { .mod-menu > ul > li:nth-child(1):hover > ul { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media (min-width: 1200px) { .mod-menu > ul > li:nth-child(1):hover > ul { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } .mod-menu > ul > li:nth-child(1):hover > ul li.active > a, .mod-menu > ul > li:nth-child(1):hover > ul li:hover > a { background: transparent; } .mod-menu > ul > li:nth-child(1):hover > ul > li { position: relative; display: inline-block; width: 100%; padding-bottom: 5px; } .mod-menu > ul > li:nth-child(1):hover > ul > li.active > a { color: #ffffff; } .mod-menu > ul > li:nth-child(1):hover > ul > li span { color: #ffffff; display: block; padding: 5px 15px; } .mod-menu > ul > li:nth-child(1):hover > ul > li a { padding: 5px 15px; font-weight: bold; } .mod-menu > ul > li:nth-child(1):hover > ul > li a:hover::before, .mod-menu > ul > li:nth-child(1):hover > ul > li a:active::before, .mod-menu > ul > li:nth-child(1):hover > ul > li a:focus::before { content: ''; position: absolute; bottom: 0; left: -10px; width: 50%; height: 3px; background: #e30613; } .mod-menu > ul > li:nth-child(1):hover > ul > li > a { position: relative; } .mod-menu > ul > li:nth-child(1):hover > ul > li > a:before { content: ""; position: absolute; left: 15px; bottom: 0; right: 20px; height: 1px; } .mod-menu > ul > li:nth-child(1):hover > ul > li > ul { display: block; position: static; background: transparent; } .mod-menu > ul > li:nth-child(1):hover > ul > li > ul > li a { font-family: 'Roboto', arial, sans-serif; font-weight: 400; font-size: 13px; line-height: 17px; position: relative; padding-left: 25px; } @media (min-width: 1200px) { .mod-menu > ul > li:nth-child(1):hover > ul > li > ul > li a { font-size: 15px; line-height: 20px; } } .mod-menu > ul > li:nth-child(1):hover > ul > li > ul > li a:hover::before, .mod-menu > ul > li:nth-child(1):hover > ul > li > ul > li a:active::before, .mod-menu > ul > li:nth-child(1):hover > ul > li > ul > li a:focus::before { content: ''; position: absolute; bottom: -2px; left: 10px; width: 20%; height: 3px; background: #e30613; } .mod-menu > ul > li:nth-child(1):hover > ul > li > ul > li > ul { position: static; display: block; } .mod-menu > ul > li:nth-child(1):hover ul.inner-anwendungen > li:hover > a::before, .mod-menu > ul > li:nth-child(1):hover ul.inner-anwendungen > li.selected > a::before, .mod-menu > ul > li:nth-child(1):hover ul.inner-anwendungen > li.active > a::before { background: #e30613; height: 3px; left: 0; bottom: -5px; width: 30%; } .mod-menu > ul > li:nth-child(1):hover ul.inner-anwendungen > li > ul > li:hover > a::before, .mod-menu > ul > li:nth-child(1):hover ul.inner-anwendungen > li > ul > li.selected > a::before, .mod-menu > ul > li:nth-child(1):hover ul.inner-anwendungen > li > ul > li.active > a::before { bottom: -2px; left: 10px; width: 20%; } .mod-menu > ul > li:nth-child(1):hover > ul > li > ul > li a { font-size: 20px; } .mod-menu > ul > li > ul > li > a { white-space: nowrap; } .mod-mobile-nav { display: none; } .mod-mobile-nav .mm-navbar { border-color: #efefef; } .mod-mobile-nav .mm-navbar .mm-title { color: #ffffff; } .mod-mobile-nav .mm-panel { background: #004d9e; } .mod-mobile-nav .mm-listview { margin-bottom: 10px; font-size: 16px; } .mod-mobile-nav .mm-listview > li > a, .mod-mobile-nav .mm-listview > li > span { color: #ffffff; padding: 13px 10px 13px 20px; } .mod-mobile-nav .mm-listview > li .mm-arrow:after, .mod-mobile-nav .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mod-mobile-nav .mm-listview .mm-listview > li .mm-next, .mod-mobile-nav .mm-listview > li:after { border-color: rgba(255, 255, 255, 0.4); } .mod-mobile-nav .mm-listview > li .mm-next:before { border-color: rgba(255, 255, 255, 0.1); } .mod-mobile-nav .mm-listview li.active > a { background: rgba(255, 255, 255, 0.2); } .mod-mobile-nav .mm-listview > li:not(.mm-divider):after { left: 0; } .mod-mobile-nav .mm-listview + .mm-listview { border-top: 1px solid rgba(255, 255, 255, 0.4); } .mod-mobile-nav .mm-btn:after, .mod-mobile-nav .mm-btn:before { border-color: rgba(255, 255, 255, 0.4); } .mod-mobile-nav form.sisea-search-form { display: flex; } .mod-mobile-nav form.sisea-search-form > input#search { color: #ffffff; } .mod-mobile-nav form.sisea-search-form > button#search_button { background: #ffffff; border: 1px solid #ffffff; } .mod-nav { display: none; } @media (min-width: 1200px) { .mod-nav { display: block; } } @media print { .mod-nav { display: none; } } .mod-nav > ul { display: flex; gap: 30px; } @media (min-width: 1200px) { .mod-nav > ul { text-align: left; } } .mod-nav > ul > li { position: relative; } @media (min-width: 576px) { .mod-nav > ul > li { overflow: hidden; } } @media (min-width: 1400px) { .mod-nav > ul > li > span, .mod-nav > ul > li > a { padding-top: 0; text-transform: uppercase; } } .mod-nav > ul > li > span:first-child span, .mod-nav > ul > li > a:first-child span, .mod-nav > ul > li > span:first-child a, .mod-nav > ul > li > a:first-child a { padding-left: 0 !important; } .mod-nav > ul > li span, .mod-nav > ul > li a { color: #043855; display: block; text-decoration: none; -webkit-transition: all 300ms ease; transition: all 300ms ease; font-size: 23px; } .mod-nav > ul > li span { cursor: default; } .mod-nav > ul > li:hover > a { color: #1d70b8; } .mod-nav > ul > li:hover > ul { display: block; } .mod-nav > ul > li.active > a { color: #1d70b8; } .mod-nav > ul > li.active:hover > a { color: #043855; } .mod-nav > ul > li ul { display: none; text-align: left; position: absolute; left: 0; top: 100%; background: #1d70b8; min-width: 260px; z-index: 10; } .mod-nav > ul > li ul span, .mod-nav > ul > li ul a { color: #ffffff; padding: 10px 15px; font-family: 'Roboto', arial, sans-serif; font-weight: 400; } .mod-nav > ul > li ul span { cursor: default; } .mod-nav > ul > li ul > li:hover > a { color: #ffffff; background: rgba(255, 255, 255, 0.3); } .mod-nav > ul > li ul > li.active > a { color: #ffffff; background: rgba(255, 255, 255, 0.3); } .mod-nav > ul > li ul > li.active:hover > a { color: #ffffff; background: rgba(255, 255, 255, 0.3); } .mod-nav-backdrop { display: none; } .mod-nav-backdrop.state-nav-backdrop--active { z-index: 1; display: block; position: fixed; top: 0; left: 0; background: rgba(255, 255, 255, 0.5); width: 100vw; height: 100vh; } .mod-nav-footer ul { margin-bottom: 20px; } .mod-nav-footer ul li a { display: block; padding: 3px 0; } @media (min-width: 576px) { .mod-nav-footer ul li a { border-bottom: 1px solid #ffffff; } } .mod-nav-main { font-size: 22px; } @media (min-width: 1200px) { html[lang="fr"] .mod-nav-main { font-size: 19px; } } @media (min-width: 1400px) { html[lang="fr"] .mod-nav-main { font-size: 22px; } } @media (min-width: 1200px) { html[lang="it"] .mod-nav-main { font-size: 21px; } } @media (min-width: 1400px) { html[lang="it"] .mod-nav-main { font-size: 22px; } } .mod-nav-main ul { margin-bottom: 0; } @media (min-width: 1200px) { .mod-nav-main a, .mod-nav-main .nav-main__title { position: relative; } .mod-nav-main a:before, .mod-nav-main .nav-main__title:before { content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 3px; background: transparent; } } .mod-nav-main li:hover > .nav-main__title:before, .mod-nav-main li .selected > .nav-main__title:before, .mod-nav-main li .active > .nav-main__title:before, .mod-nav-main li:hover > a:before, .mod-nav-main li .selected > a:before, .mod-nav-main li .active > a:before { background: #e30613; } .mod-nav-main:hover .nav-main__overlay { opacity: 1; visibility: visible; } @media (min-width: 1200px) { .nav-main__overlay { position: fixed; top: 151px; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: -1; pointer-events: none; } } @media (min-width: 1200px) { .nav-main__items { display: flex; flex-wrap: wrap; justify-content: right; gap: 0; } html[lang="fr"] .nav-main__items { gap: 0; } } @media (min-width: 1200px) and (min-width: 1400px) { .nav-main__items { gap: 20px; } } .nav-main__item { position: relative; display: block; font-weight: normal; } @media (min-width: 1200px) { .nav-main__item:first-child { position: static; } } .nav-main__item.active > a { color: #ffffff; } @media (min-width: 1200px) { .nav-main__item.active > a { color: #1d70b8; } } @media (min-width: 1200px) { .nav-main__item:hover .nav-main__flyout { display: block; } } .nav-main__flyout { -webkit-transition: all 300ms ease; transition: all 300ms ease; display: none; font-size: 20px; background: #1d70b8; } .state-nav-main-level--active .nav-main__flyout { display: block; } @media (min-width: 1200px) { .state-nav-main-level--active .nav-main__flyout { display: none; } } @media (min-width: 1200px) { .nav-main__flyout { position: absolute; left: -20px; margin-left: 0; margin-top: 1px; background: #004d9e; min-width: 220px; padding: 15px 0; border-top: 20px solid #ffffff; } } .nav-main__item:last-child .nav-main__flyout { right: 1%; left: auto; } .nav-main__buttons { order: 1; justify-content: space-between; padding: 20px; display: none; } .nav-main__back, .nav-main__close { padding: 0; font-size: 32px; width: 32px; background: #1d70b8; color: #ffffff; border: none; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .nav-main__back:hover, .nav-main__close:hover, .nav-main__back:focus, .nav-main__close:focus, .nav-main__back:active, .nav-main__close:active { color: #ffffff; background: #1d70b8; } .nav-main__link, .nav-main__title { cursor: pointer; position: relative; display: block; width: 100%; padding: 15px 30px; line-height: 0.9; margin-bottom: 0; color: #ffffff; text-decoration: none; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 1200px) { .nav-main__link, .nav-main__title { color: #1d70b8; overflow: visible; padding: 7px 15px; } } @media (min-width: 1400px) { .nav-main__link, .nav-main__title { padding: 7px 20px; } } @media (min-width: 1200px) { .nav-main__item:last-child .nav-main__link, .nav-main__item:last-child .nav-main__title { padding-right: 0; } } @media (min-width: 1200px) { .nav-main__item:first-child .nav-main__link, .nav-main__item:first-child .nav-main__title { padding-left: 0; } } @media (min-width: 1200px) { .nav-main__link:hover, .nav-main__title:hover, .nav-main__link:focus, .nav-main__title:focus, .nav-main__link:active, .nav-main__title:active { color: #1d70b8; font-family: 'Roboto', arial, sans-serif; font-weight: 700; } } .active .nav-main__link, .active .nav-main__title, .state-nav-main-level--active .nav-main__link, .state-nav-main-level--active .nav-main__title { font-family: 'Roboto', arial, sans-serif; font-weight: 700; } .nav-main__title { cursor: default; border-bottom: 1px solid #ffffff; } .nav-main__icon-deep, .nav-main__sub-icon-deep { position: absolute; top: -3px; padding: 20px; right: 0; color: #ffffff; font-size: 15px; } @media (min-width: 1200px) { .nav-main__icon-deep, .nav-main__sub-icon-deep { display: none; } } .nav-main__sub-link--level3 .nav-main__icon-deep, .nav-main__sub-link--level3 .nav-main__sub-icon-deep { display: none; } .nav-main__sub-icon-deep { top: -5px; } .state-nav-main-level--active > .nav-main__title .nav-main__icon-deep { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .state-nav-main-sub-level--active > .nav-main__sub-link .nav-main__sub-icon-deep, .state-nav-main-sub-level--active > .nav-main__sub-title .nav-main__sub-icon-deep { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .nav-main__link-level { position: relative; padding: 10px 20px; margin-bottom: 10px; color: #ffffff; text-decoration: none; -webkit-transition: color 300ms ease; transition: color 300ms ease; display: none; } .nav-main__link-level::after { content: ''; position: absolute; bottom: 0; left: 20px; width: calc(100% - 40px); height: 1px; background: rgba(255, 255, 255, 0.3); } .nav-main__link-level:hover, .nav-main__link-level:focus, .nav-main__link-level:active, .nav-main__link-level.active { color: #ffffff; } .nav-main__sub { position: relative; } .nav-main__sub-items { padding: 0; } .nav-main__sub-items li.active > .nav-main__sub-link { color: #ffffff; font-family: 'Roboto', arial, sans-serif; font-weight: 700; } .nav-main__sub-link--level2, .nav-main__sub-title { position: relative; display: block; width: 100%; padding: 10px 30px; text-decoration: none; -webkit-transition: color 300ms ease; transition: color 300ms ease; color: #ffffff; border-bottom: 1px solid #ffffff; } @media (min-width: 1200px) { .nav-main__sub-link--level2, .nav-main__sub-title { white-space: nowrap; padding: 10px 15px; border: none; } html[lang="fr"] .nav-main__sub-link--level2, html[lang="fr"] .nav-main__sub-title, html[lang="en"] .nav-main__sub-link--level2, html[lang="en"] .nav-main__sub-title { white-space: wrap; } } .nav-main__sub-link--level2:before, .nav-main__sub-title:before { width: 70px !important; left: 5px !important; } .nav-main__sub-link--level2:hover, .nav-main__sub-title:hover, .nav-main__sub-link--level2:focus, .nav-main__sub-title:focus, .nav-main__sub-link--level2:active, .nav-main__sub-title:active { color: #ffffff; } .nav-main__sub-title { cursor: default; } .nav-main__app-items, .nav-main__sub-items--level2 { position: static; display: none; border-bottom: 1px solid #ffffff; } @media (min-width: 1200px) { .nav-main__app-items, .nav-main__sub-items--level2 { border: none; display: block; } } .state-nav-main-sub-level--active .nav-main__app-items, .state-nav-main-sub-level--active .nav-main__sub-items--level2 { display: block; } .nav-main__app-link, .nav-main__sub-link--level3 { display: block; color: #ffffff; position: relative; font-family: 'Roboto', arial, sans-serif; font-weight: 400; padding: 5px 5px 5px 30px; font-size: 15px; } @media (min-width: 1200px) { .nav-main__app-link, .nav-main__sub-link--level3 { font-size: 20px; padding: 5px 5px 5px 15px; } } .nav-main__item:first-child .nav-main__flyout { max-width: 1180px; width: 100%; right: 0; left: 1%; } @media (min-width: 1400px) { .nav-main__item:first-child .nav-main__flyout { left: 125px; } } .nav-main__item:first-child .nav-main__sub-items--level1 { display: grid; column-count: 1; } @media (min-width: 1200px) { .nav-main__item:first-child .nav-main__sub-items--level1 { height: auto; column-gap: 10px; row-gap: 20px; padding-left: 10px; grid-template-columns: repeat(4, 1fr); column-count: 4; } } .nav-main__item:first-child .nav-main__sub-item--level2 { position: relative; display: inline-block; width: 100%; } @media (min-width: 1200px) { .nav-main__item:first-child .nav-main__sub-item--level2:before { content: ''; position: absolute; top: 2%; right: 0; width: 1px; height: 90%; background: #ffffff; z-index: 1; } } .nav-main__item:first-child .nav-main__sub-item--level2:nth-child(4):before, .nav-main__item:first-child .nav-main__sub-item--level2:nth-child(8):before { content: none; } .nav-main__item:first-child .nav-main__sub-item--level2 .nav-main__sub-link:before { width: 80px !important; left: 0 !important; } .nav-main__item:first-child .nav-main__sub-item--level3 .nav-main__sub-link:before { width: 70px !important; left: 0 !important; } .nav-main__item:first-child .nav-main__sub-item--downloads { order: 10; } @media (min-width: 1200px) { .nav-main__item:first-child .nav-main__sub-item--downloads { order: inherit; } } .nav-main__item:first-child .nav-main__sub-title, .nav-main__item:first-child .nav-main__sub-link--level2 { font-family: 'Roboto', arial, sans-serif; font-weight: 700; } @media (min-width: 1200px) { .nav-main__item:first-child .nav-main__sub-title, .nav-main__item:first-child .nav-main__sub-link--level2 { font-size: 26px; margin-bottom: 15px; } } .mod-news p + h2 { margin-top: 25px; } .mod-news img { max-width: 100%; height: auto; } .mod-news .back { margin-top: 30px; } .mod-news a:hover, .mod-news a:focus, .mod-news a:active { cursor: pointer; color: #92c56e; border-bottom-color: #92c56e; } .news__container { gap: 20px; justify-content: space-between; } @media (min-width: 992px) { .news__container { gap: 30px; } } .news__image { width: 100%; height: auto; max-height: 400px; } @media (min-width: 1200px) { .news__image { width: calc(60% - 15px); } } .news__image > img { height: 100%; width: 100%; object-fit: cover; border-radius: 20px; } .news__content { width: 100%; } @media (min-width: 1200px) { .news__content { width: calc(40% - 15px); } .news__container--text .news__content { width: calc(60% - 15px); } } .mod-news-list > .row { row-gap: 40px; } .mod-news-list > .row .skin-teaser-vertical { width: calc(33% - 15px); max-width: 685px; } .mod-partner { margin: 0 0 30px; overflow: hidden; text-align: center; } .mod-partner .partner-item { display: inline-block; padding: 20px; } @media (min-width: 992px) { .mod-partner .partner-item { padding: 20px 10px; } } .mod-partner .partner-item a { display: block; } .mod-partner .partner-item a img { vertical-align: top; height: 30px; width: auto; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); } .mod-partner .partner-item a:hover img { filter: none; -webkit-filter: none; } .mod-person img { width: 100%; height: auto; } .mod-person-detail .foto { display: block; max-width: 200px; height: auto; } @media (min-width: 992px) { .mod-person-detail .foto { float: right; max-width: 300px; margin: 5px 0 20px 20px; } } .mod-presentation { display: flex; flex-direction: column; padding: 0 5%; } .mod-presentation h2 { width: 63%; } .mod-presse .presse-item { margin-bottom: 20px; } .mod-presse .presse-item a { padding: 0; display: block; } .mod-presse .presse-item a:before { content: normal; } .mod-presse .presse-item a img { display: block; vertical-align: top; max-width: 100%; height: auto; } .mod-product img { max-width: 100%; height: auto; } .mod-product .product-features { margin-bottom: 20px; } .mod-product .product-features li { position: relative; padding-left: 35px; margin-bottom: 8px; } .mod-product .product-features li:before { position: absolute; left: 0; top: 2px; color: green; content: "\e902"; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 25px; } .mod-product .test-now { text-align: center; display: inline-block; max-width: 150px; } .mod-product .product-lightbox { display: none; } .product-lightbox .certificate { width: 100%; max-width: 300px; height: auto; } .mod-products { display: flex; flex-wrap: wrap; margin: 0 -10px 30px; } @media (min-width: 992px) { .mod-products { margin-bottom: 60px; } } .mod-products .product-item { text-align: center; position: relative; padding: 0 10px; overflow: hidden; margin-bottom: 20px; } @media (min-width: 768px) { .mod-products .product-item { width: 50%; } } @media (min-width: 992px) { .mod-products .product-item { width: 25%; } } .mod-products .product-item img { width: 100%; height: auto; } .mod-products .product-item p.price { display: inline-block; border-radius: 15px; border: 1px solid #1d70b8; padding: 10px 15px; } .mod-products .product-item .applications { left: 0; top: 100%; width: 100%; height: 100%; background: rgba(0, 123, 192, 0.8); -webkit-transition: all 400ms ease; transition: all 400ms ease; } @media (min-width: 992px) { .mod-products .product-item .applications { position: absolute; } } @media (min-width: 576px) { .mod-products .product-item .applications { top: 0; } } .mod-products .product-item .applications ul { text-align: left; left: 0; width: 100%; bottom: 0; padding: 10px; } @media (min-width: 1200px) { .mod-products .product-item .applications ul { position: absolute; padding: 20px; } } .mod-products .product-item .applications li { margin-bottom: 10px; } .mod-products .product-item .applications li:last-child { margin-bottom: 0; } .mod-products .product-item .applications a { display: block; padding: 5px 10px; color: #ffffff; font-family: 'Roboto', arial, sans-serif; font-weight: 700; border: 1px solid #ffffff; background: #1d70b8; } .mod-products .product-item:hover .applications { top: 0; } .references-wrapper { display: flex; flex-wrap: wrap; gap: 15px; row-gap: 40px; } .references-wrapper .reference-item { flex: 0 0 100%; box-sizing: border-box; } @media (min-width: 576px) { .references-wrapper .reference-item { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); } } @media (min-width: 768px) { .references-wrapper .reference-item { flex: 0 0 calc(33.333% - 15px); max-width: calc(33.333% - 15px); } } .references-wrapper .skin-teaser-vertical { max-width: unset; min-width: unset; } .mod-search .search-form form { position: relative; margin: 0; padding: 0; min-height: 30px; } .mod-search .search-form input { width: 100%; padding: 4px; border: none; background: #fff; border-bottom: 1px solid #efefef; } .mod-search .search-form button { position: absolute; top: 0; right: 0; padding: 5px; background: transparent; margin: 0; border: none; } .mod-search .search-form button i { color: #3a3a39; } .mod-service { display: flex; flex-wrap: wrap; justify-content: right; align-items: center; gap: 20px; } @media (min-width: 1200px) { .mod-service { margin-bottom: 25px; gap: 40px; } } .mod-service .search { background: #ffffff; z-index: 2; display: none; } @media (min-width: 576px) { .mod-service .search { display: block; -webkit-transform: translate(0, -5px); -ms-transform: translate(0, -5px); transform: translate(0, -5px); } } @media (min-width: 1200px) { .mod-service .search { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .mod-service .search form { position: relative; overflow: hidden; margin: 0; } .mod-service .search input, .mod-service .search button { height: 38px; } .mod-service .search input { float: left; width: 190px; border: none; border-bottom: 1px solid #e30613; -webkit-transition: all 500ms ease; transition: all 500ms ease; } @media (min-width: 1200px) { .mod-service .search input { width: 190px; } } .mod-service .search button { position: absolute; right: 0; top: 0; margin: 0; padding: 5px 5px 5px 10px; background: transparent; border: none; } .mod-service .search button i { color: #2C2828; } .mod-service a.button_dealer { display: none; background-color: #043855; color: #ffffff; width: 220px; text-align: center; } @media (min-width: 1200px) { .mod-service a.button_dealer { display: block; } } .mod-service a.button_dealer:hover { background: #92c56e; } .mod-service .link_prospect { display: none; font-weight: bold; color: #3a3a39; font-size: 18px; } @media (min-width: 1200px) { .mod-service .link_prospect { display: block; } } @media (min-width: 1200px) { .mod-service .language-wrapper { width: auto; z-index: 3; } } .mod-service .language-wrapper form { width: 180px; padding: 0; display: none; } .mod-service .language-wrapper form select, .mod-service .language-wrapper form input { display: inline; padding: 0; margin: 0; } .mod-service .language-wrapper .dropdown dd { position: relative; } .mod-service .language-wrapper .dropdown a { text-decoration: none; outline: 0; width: 100%; overflow: hidden; white-space: nowrap; } .mod-service .language-wrapper .dropdown dt a { color: #3a3a39; display: flex; gap: 9px; } .mod-service .language-wrapper .dropdown dt a:hover > em, .mod-service .language-wrapper .dropdown dt a:focus > em, .mod-service .language-wrapper .dropdown dt a:active > em { cursor: pointer; color: #92c56e; border-bottom-color: #92c56e; } .mod-service .language-wrapper .dropdown dt a em { display: inline-block; font-weight: bold; font-size: 18px; border-bottom: 2px solid transparent; -webkit-transition: border-color 300ms ease; transition: border-color 300ms ease; } .mod-service .language-wrapper .dropdown dd ul { background: #ffffff; border: 1px solid #efefef; color: #1d70b8; display: none; position: absolute; z-index: 999; top: 0; right: 0; padding: 2px 0 5px 0; list-style: none; border-top: none; margin: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-width: 175px; } .mod-service .language-wrapper .dropdown dd ul li a { padding: 5px 10px; display: flex; color: #3a3a39; } .mod-service .language-wrapper .dropdown dd ul li a .flag { display: inline-block; width: 20px; } .mod-service .language-wrapper .dropdown dd ul li a img { height: 14px; width: auto; } .mod-service .language-wrapper .dropdown dd ul li a:hover { background-color: rgba(255, 255, 255, 0.1); } .mod-service .language-wrapper .dropdown dd ul li a span, .mod-service .language-wrapper .dropdown dt a span, .mod-service .language-wrapper .dropdown dt a i { width: 16px; height: 11px; margin: 2px 6px 0 0; background-repeat: no-repeat; cursor: pointer; } .mod-service .language-wrapper .dropdown dd ul li a em, .mod-service .language-wrapper .dropdown dt a em { font-style: normal; cursor: pointer; } .mod-service .social-media { position: absolute; top: 5px; right: -100px; z-index: 1; font-size: 30px; } @media (min-width: 768px) { .mod-service .social-media { right: 0; } } @media (min-width: 992px) { .mod-service .social-media { top: 0; } } @media (min-width: 1200px) { .mod-service .social-media { top: -20px; } } @media (min-width: 1400px) { .mod-service .social-media { top: -35px; } } .mod-service #dropdown .linguise_switcher_dropdown li.linguise_current .linguise_current_lang { padding: 6px 10px; } .mod-social-media { font-family: 'Roboto', arial, sans-serif; font-weight: 400; } .mod-social-media .juicer-feed { font-family: 'Roboto', arial, sans-serif; font-weight: 400; font-size: 18px; font-family: 'Roboto', arial, sans-serif !important; display: flex; flex-direction: column-reverse; } .mod-social-media .juicer-feed .feed-item { background: #043855; border-radius: 0 0 20px 20px; overflow: hidden; color: white; max-width: 445px; margin: 0 auto 30px; } .mod-social-media .juicer-feed .j-image img { width: 100%; height: auto; object-fit: cover; } .mod-social-media .juicer-feed .j-text { padding: 20px; display: flex; flex-direction: column; text-align: center; } .mod-social-media .juicer-feed .j-message { font-size: 1rem; color: white; margin-bottom: 20px; line-height: 1.4; } .mod-social-media .juicer-feed .j-text a:not(.j-image) { background-color: #92c56e; color: #043855; padding: 8px 20px; text-decoration: none; border-radius: 20px; display: inline-block; font-weight: bold; transition: background-color 0.3s ease; } .mod-social-media .j-text { background: #043855; color: #ffffff; } .mod-social-media .j-message p { color: #ffffff; font-size: 18px; } .mod-social-media .j-poster { background: #043855; } .mod-social-media .j-poster h3, .mod-social-media .j-poster time { font-family: 'Roboto', arial, sans-serif; font-weight: 400; color: #ffffff; } .mod-social-media .juicer-feed .j-text a:not(.j-image):hover { background-color: #ffffff; } .mod-social-media li.feed-item { border-color: unset !important; border-style: unset !important; } .mod-social-media .j-facebook-text-hover:hover:before { color: #043855 !important; } .mod-social-media .juicer-about h3 { color: #ffffff !important; } .mod-social-media .juicer-about .j-message { color: #ffffff !important; } .mod-social-media .juicer-feed.modern li.feed-item.juicer a { text-decoration: none !important; } .mod-social-media .j-overlay-text > .j-message > p { font-weight: 400; font-family: 'Roboto', arial, sans-serif !important; } .mod-social-media .j-post-overlay.juicer-feed .j-overlay-text .j-message p { font-family: 'Roboto', arial, sans-serif; font-weight: 400; } .mod-social-media .j-overlay .j-message { font-family: 'Roboto', arial, sans-serif !important; } body .j-overlay .j-overlay-content .j-message { font-family: 'Roboto', arial, sans-serif !important; } body .j-overlay .juicer-button, body .j-overlay .likes { font-family: 'Roboto', arial, sans-serif !important; display: inline-block !important; background: #92c56e !important; color: #043855 !important; font-size: 18px !important; padding: 10px 31px !important; border: none !important; border-radius: 20px !important; cursor: pointer !important; -webkit-transition: background-color 300ms ease !important; transition: background-color 300ms ease !important; } body .j-overlay .juicer-button:hover, body .j-overlay .likes:hover, body .j-overlay .juicer-button:focus, body .j-overlay .likes:focus, body .j-overlay .juicer-button:active, body .j-overlay .likes:active { background: #043855 !important; color: #ffffff !important; } @media (max-width: 800px) { body .j-overlay .j-close { height: calc(33px) !important; width: calc(33px) !important; background-size: calc(33px) calc(33px) !important; } } .mod-steps { position: relative; z-index: 100; /*.polygon-start { display: none; @media @m-x-large { display: block; position: absolute; left: -12px; top: 88px; } } .polygon-end { display: none; @media @m-x-large { display: block; position: absolute; right: -3px; top: 88px; } }*/ } .mod-steps > h2 { margin-bottom: 55px; } @media (min-width: 992px) { .mod-steps > h2 { margin-bottom: 55px; } } .mod-steps .icon { align-self: center; margin-bottom: 15px; } .mod-steps .icon img { max-width: 80px; } .mod-steps .steps__wrapper { display: flex; flex-direction: column; row-gap: 60px; } @media (min-width: 992px) { .mod-steps .steps__wrapper { display: flex; flex-direction: row; justify-content: space-between; padding-top: 10px; padding-bottom: 30px; gap: 25px; } } .mod-steps .steps__item { align-items: center; display: flex; flex-direction: column; justify-content: start; position: relative; flex: 1 1 0; padding: 45px 24px 20px 24px; border-radius: 0 0 20px 20px; background: #cececd; backdrop-filter: #ffffff; z-index: 100; row-gap: 5px; /*&:before { display: none; content: ""; position: absolute; top: 39px; left: -22px; right: 0; bottom: auto; width: auto; height: 10px; border-top: 3px dashed #C0C9C6; z-index: 100; @media @m-x-large { display: block; } }*/ } @media (min-width: 768px) { .mod-steps .steps__item { margin-bottom: 0; } } @media (min-width: 992px) { .mod-steps .steps__item { padding: 60px 24px 20px 24px; align-items: start; } } .mod-steps .steps__item:nth-child(5):before { right: -32px; } .mod-steps .steps__nr { position: absolute; top: -35px; left: 50%; transform: translateX(-50%); z-index: 110; width: 50px; height: 50px; font-size: 25px; font-weight: 700; font-family: 'Roboto', arial, sans-serif; color: #ffffff; background: #043855; display: flex; border-radius: 50%; align-items: center; justify-content: center; pointer-events: none; } .mod-steps .steps__nr::before { content: ""; position: absolute; top: -3px; left: -4px; width: 50px; height: 50px; background: #043855; border: 4px solid #ffffff; border-radius: 50%; z-index: -1; } @media (min-width: 992px) { .mod-steps .steps__nr::before { top: -5px; width: 60px; height: 60px; } } @media (min-width: 992px) { .mod-steps .steps__nr { top: -28px; width: 60px; height: 60px; font-size: 35px; } } .mod-steps .steps__text { text-align: center; font-size: 18px; line-height: 24px; margin-left: -5px; margin-right: -5px; margin-bottom: 0; } @media (min-width: 992px) { .mod-steps .steps__text { text-align: left; } } .mod-steps .steps__title { text-align: left; margin: 0 -5px; font-size: 22px; font-weight: bold; } .mod-steps .steps-sticker { position: absolute; top: 60px; right: -10px; z-index: 250; height: 100px; display: block; } @media (min-width: 576px) { .mod-steps .steps-sticker { top: 30px; } } @media (min-width: 992px) { .mod-steps .steps-sticker { top: -15px; } } @media (min-width: 1200px) { .mod-steps .steps-sticker { height: 155px; top: -85px; right: 10px; } } .mod-subnav { clear: both; font-family: 'Roboto', arial, sans-serif; font-weight: 700; position: relative; background: #1d70b8; } .mod-subnav li { border-bottom: 1px solid #ffffff; } .mod-subnav li a { padding: 10px; color: #ffffff; background: #efefef; display: block; } .mod-subnav li:hover > a, .mod-subnav li.active > a { background: #1d70b8; } .mod-team { text-align: center; margin-bottom: 50px; } .mod-team .team-overview { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -1px 30px; } .mod-team .team__section { flex-direction: column; align-items: center; row-gap: 10px; } .mod-team .row { width: 100%; } .mod-team .skin-teaser-vertical { min-width: unset; min-height: unset; max-width: calc(50% - 15px); } @media (min-width: 576px) { .mod-team .skin-teaser-vertical { max-width: 210px; width: unset; } } .mod-team .teaser__container .teaser__content { padding: 5px 20px 5px; } .mod-team .teaser__container .teaser__content .teaser__title { font-size: 19px; } .mod-team .person-item { flex-direction: column; width: 150px; padding: 0 1px; margin-bottom: 2px; text-align: center; } .mod-team .person-item img { width: 100%; height: auto; } .mod-team .person-item h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; } .mod-team .person-item p { font-size: 13px; line-height: 16px; } .mod-teaser { position: relative; display: flex; justify-content: center; gap: 15px; background: #043855; border-radius: 0 0 20px 20px; overflow: hidden; flex-grow: 1; max-width: 445px; } @media (min-width: 768px) { .mod-teaser { max-width: 100%; } } .mod-teaser .title__wrapper { display: flex; justify-content: space-between; } .mod-teaser .box-wrapper { display: flex; flex-direction: column; align-items: flex-start; } .mod-teaser .teaser__container { display: flex; flex: 1 1 calc(30%); flex-direction: column; } @media (min-width: 768px) { .mod-teaser .teaser__container { flex-direction: row; } } .mod-teaser .teaser__image { flex: 1 1 50%; position: relative; height: 100%; display: flex; } .mod-teaser .teaser__image .teaser__video-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 60px; height: auto; opacity: 0.8; } .mod-teaser .teaser__image img { width: 100%; height: 100%; object-fit: cover; } .mod-teaser .teaser__content { flex: 1 1 50%; padding: 1rem 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; text-align: left; } @media (min-width: 768px) { .mod-teaser .teaser__content { padding: 2rem 20px; } } .mod-teaser .teaser__content .button { margin-bottom: 0; } .mod-teaser .teaser__content p, .mod-teaser ul { font-size: 18px; margin-bottom: 0; color: white; } @media (min-width: 768px) { .mod-teaser .teaser__content p, .mod-teaser ul { font-size: 20px; margin-bottom: 20px; } } .mod-teaser .teaser__content p:has(+ .button), .mod-teaser ul:has(+ .button) { margin-bottom: 20px; } .mod-teaser .teaser__content p > li, .mod-teaser ul > li { position: relative; padding-left: 20px; margin-bottom: 10px; list-style: none; text-align: left; } .mod-teaser .teaser__content p > li:before, .mod-teaser ul > li:before { position: absolute; left: 0; top: 3px; color: #e30613; content: "\2022"; font-size: 2em; } .mod-teaser .teaser__title { font-weight: bold; color: #ffffff; margin-bottom: 10px; margin-top: 0; } @media (min-width: 1200px) { .mod-teaser .teaser__title { line-height: 32px; } } .mod-teaser .custom-chunk__button { display: inline-block; padding: 5px 25px; background-color: #92c56e; color: #043855; text-decoration: none; border-radius: 20px; font-size: 1em; text-align: center; } .mod-teaser .custom-chunk__button:hover { background-color: #7AAE59; } .mod-teaser .teaser__icon { position: absolute; top: -5.5%; left: -2%; } .mod-teaser .teaser__image img.open-modal { cursor: pointer; } .mod-teaser .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100vw; height: 100vh; overflow: auto; background-color: rgba(0, 0, 0, 0.7); } .mod-teaser .modal.is-visible { display: flex; justify-content: center; align-items: center; } .mod-teaser .modal-content { position: relative; width: 100%; height: auto; max-width: 1020px; text-align: center; } .mod-teaser .close { position: absolute; top: -50px; right: 20px; color: #ffffff; font-size: 60px; font-weight: bold; cursor: pointer; } @media (min-width: 992px) { .mod-teaser .close { top: -40px; right: 0; font-size: 50px; } } .mod-teaser .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; } .mod-teaser .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .raise-index { z-index: 21; } body.no-scroll { overflow: hidden; touch-action: none; } .mod-teaser { position: relative; display: flex; justify-content: center; gap: 15px; } .mod-teaser .title__wrapper { display: flex; justify-content: space-between; } .mod-teaser .box-wrapper { display: flex; flex-direction: column; align-items: flex-start; } .mod-teaser .custom-chunk-wrapper { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 0 auto; } .mod-teaser .custom-chunk { display: flex; flex-wrap: wrap; max-width: 675px; flex: 1 1 calc(30%); border: 1px solid #ccc; border-radius: 0 0 20px 20px; overflow: hidden; } .mod-teaser .custom-chunk__image { flex: 1 1 50%; } .mod-teaser .custom-chunk__image img { width: 100%; height: 100%; object-fit: cover; } .mod-teaser .custom-chunk__content { flex: 1 1 50%; padding: 2rem 20px; display: flex; flex-direction: column; justify-content: space-between; background: #043855; align-items: flex-start; text-align: left; } .mod-teaser .custom-chunk__content p { font-size: 20px; margin-bottom: 20px; color: white; } .mod-teaser .custom-chunk__button { display: inline-block; padding: 5px 25px; background-color: #92c56e; color: #043855; text-decoration: none; border-radius: 20px; font-size: 1em; text-align: center; } .mod-teaser .custom-chunk__button:hover { background-color: #7AAE59; } .mod-teaser .teaser-icon { position: absolute; top: 9.5%; left: -1%; } .skin-2 .custom-chunk { max-width: 800px; } .mod-teasernew { position: relative; display: flex; justify-content: center; gap: 15px; } .mod-teasernew .title__wrapper { display: flex; justify-content: space-between; } .mod-teasernew .box-wrapper { display: flex; flex-direction: column; align-items: flex-start; } .mod-teasernew .custom-chunk-wrapper { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 0 auto; } .mod-teasernew .custom-chunk { display: flex; flex-wrap: wrap; max-width: 675px; flex: 1 1 calc(30%); border: 1px solid #ccc; border-radius: 0 0 20px 20px; overflow: hidden; } .mod-teasernew .custom-chunk__image { flex: 1 1 50%; } .mod-teasernew .custom-chunk__image img { width: 100%; height: 100%; object-fit: cover; } .mod-teasernew .custom-chunk__content { flex: 1 1 50%; padding: 2rem 20px; display: flex; flex-direction: column; justify-content: space-between; background: #043855; align-items: flex-start; text-align: left; } .mod-teasernew .custom-chunk__content p { font-size: 20px; margin-bottom: 20px; color: white; } .mod-teasernew .custom-chunk__button { display: inline-block; padding: 5px 25px; background-color: #92c56e; color: #043855; text-decoration: none; border-radius: 20px; font-size: 1em; text-align: center; } .mod-teasernew .custom-chunk__button:hover { background-color: #7AAE59; } .mod-teasernew .teaser-icon { position: absolute; top: 9.5%; left: -1%; } .skin-2 .custom-chunk { max-width: 800px; } .mod-teasers { margin: 0 0 30px; display: flex; flex-wrap: wrap; } .mod-teasers .teaser-item { width: 100%; padding: 0 1px; margin-bottom: 2px; } @media (min-width: 768px) { .mod-teasers .teaser-item { width: 50%; } } .mod-teasers .teaser-item a { display: block; position: relative; height: 0; padding-bottom: 64.25%; overflow: hidden; background: #1d70b8; } .mod-teasers .teaser-item a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 123, 192, 0.8); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .mod-teasers .teaser-item a:hover:before { background: rgba(96, 141, 161, 0.4); } .mod-teasers .teaser-item img { width: 100%; height: auto; vertical-align: top; } .mod-teasers .teaser-item .text { text-align: center; position: absolute; left: 50%; width: 100%; top: 50%; font-size: 20px; line-height: 25px; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; padding: 10px; } .mod-teasers .teaser-item .text i, .mod-teasers .teaser-item .text h2 { color: #ffffff; } .mod-teasers .teaser-item .text i { font-size: 50px; } .mod-testimonialdetail .mod-teaser { max-width: 100%; margin-bottom: 30px; } @media (min-width: 576px) { .mod-testimonialdetail .mod-teaser { max-width: 675px; } } @media (min-width: 1400px) { .mod-testimonialdetail .mod-teaser { max-width: 100%; } } .mod-testimonialdetail .mod-teaser .teaser__container { flex-direction: column; } @media (min-width: 1400px) { .mod-testimonialdetail .mod-teaser .teaser__container { flex-direction: row; } } .mod-testimonialdetail .teaser__image { max-width: 675px; } @media (min-width: 768px) { .mod-testimonialdetail .teaser__image { max-width: 675px; } } .mod-testimonialdetail .skin-teaser-horizontal .teaser__content { padding: 1rem 20px 1rem; text-align: left; gap: 10px; } @media (min-width: 768px) { .mod-testimonialdetail .skin-teaser-horizontal .teaser__content { padding: 5rem 30px 2rem 50px; } } .mod-testimonialdetail .skin-teaser-horizontal .teaser__content .teaser__text { font-size: 20px; color: #ffffff; line-height: 1.4em; margin-left: 50px; max-width: 80%; } @media (min-width: 768px) { .mod-testimonialdetail .skin-teaser-horizontal .teaser__content .teaser__text { font-size: 26px; } } @media (min-width: 1400px) { .mod-testimonialdetail .skin-teaser-horizontal .teaser__content .teaser__text { font-size: 34px; } } .mod-testimonialdetail .skin-teaser-horizontal .teaser__content .teaser__text::before { content: "«"; font-size: 90px; color: #92c56e; left: 20px; position: absolute; z-index: 20; } @media (min-width: 1400px) { .mod-testimonialdetail .skin-teaser-horizontal .teaser__content .teaser__text::before { top: 75px; left: 690px; font-size: 150px; } } .mod-testimonialdetail .skin-teaser-horizontal .teaser__content .teaser__text::after { content: "»"; font-size: 90px; color: #92c56e; position: absolute; } @media (min-width: 1400px) { .mod-testimonialdetail .skin-teaser-horizontal .teaser__content .teaser__text::after { font-size: 150px; } } .mod-testimonialdetail .skin-teaser-horizontal .teaser__content .teaser__text-signing { align-self: flex-start; padding-left: 50px; } .mod-testimonialdetail .swiper-container { width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .mod-testimonialdetail .swiper-slide { display: flex; justify-content: center; align-items: center; width: 100% !important; height: auto; } .mod-testimonialdetail .swiper-slide img { width: 100%; height: auto; object-fit: cover; max-width: 100%; min-height: 100%; } .mod-testimonialdetail .swiper-button-prev, .mod-testimonialdetail .swiper-button-next { color: #043855; background: rgba(255, 255, 255, 0.5); padding: 10px; border-radius: 50%; transition: background 0.3s; position: absolute; top: 55%; transform: translateY(-50%); z-index: 10; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } @media (min-width: 768px) { .mod-testimonialdetail .swiper-button-prev, .mod-testimonialdetail .swiper-button-next { width: 40px; height: 40px; padding: 15px; } } .mod-testimonialdetail .swiper-button-prev::after, .mod-testimonialdetail .swiper-button-next::after { font-size: 20px; font-weight: bold; } .mod-testimonialdetail .swiper-button-prev:hover, .mod-testimonialdetail .swiper-button-next:hover { background: rgba(255, 255, 255, 0.8); } .testimonial__content { width: 100%; } @media (min-width: 1200px) { .testimonial__content { width: calc(50% - 15px); } .testimonial__container--text .testimonial__content { width: calc(60% - 15px); } } .testimonial__content .rich { margin-bottom: unset; } .mod-testimonials { /*display: flex; flex-wrap: wrap; margin: 0 0 15px;*/ /*@media @m-medium { margin: 0 0 20px; }*/ /* .images { flex: 1 1 ~"calc(50% - @{gap})"; }*/ /* 🔹 Bildgröße */ /* 🏹 Pfeile innerhalb des Containers */ /*.swiper-button-prev, .swiper-button-next { color: @blue; background: rgba(255, 255, 255, 0.5); padding: 15px; border-radius: 50%; transition: background 0.3s; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; }*/ /* 🔹 Pfeile dynamisch an die Bildgröße anpassen */ /*.swiper-button-prev { left: 0; @media @m-medium { //left: calc(3% + 5px); } @media @m-x-large { //left: calc(10% + 5px); } } .swiper-button-next { right: 0; @media @m-medium { //right: calc(3% + 5px); } @media @m-x-large { //right: calc(10% + 5px); } }*/ /* 🛠 Hover-Effekt */ /*.swiper-button-prev:hover, .swiper-button-next:hover { background: rgba(0, 0, 0, 0.8); }*/ /*.testimonials-filter { width: 100%; display: flex; align-items: center; padding: 0 0 10px 5px; margin: 0 0 20px !important; border-bottom: 1px solid @blueBright; @media @m-medium { justify-content: flex-end; } .testimonials-filter-title { .font-size-s(); color: @black; margin-right: auto; margin-bottom: 0; .filter-region { display: none; } .filter-plz { .font-bold(); } } .testimonials-label { margin: 0 10px; } select { max-width: 200px; } } .testimonials-count { .font-size-s(); color: @black; }*/ /*.testimonial-item { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 20px 10px; &.is-hidden { display: none; } &:nth-child(odd) { background: @blueBright; @media @m-medium { .images { order: 2; } .content{ order: 3; padding: 0 0 0 15px; } } } &:nth-child(even) { @media @m-medium { .images { order: 3; } .content{ order: 2; text-align: right; padding: 0 15px 0 0; } } } .content { width: 100%; @media @m-medium { flex-basis: 60%; } } .images { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; @media @m-medium { flex-basis: 40%; } .image-item { padding: 5px; width: 50%; } img { max-width: 100%; } } }*/ } .mod-testimonials .testimonials-wrapper { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 40px; column-gap: 15px; } .mod-testimonials .teaser__content .teaser__text { font-size: 34px; color: #ffffff; line-height: 1.4em; margin-left: 50px; } .mod-testimonials .teaser__content .teaser__text::before { content: "«"; font-size: 150px; color: #92c56e; position: absolute; top: 21px; left: 680px; z-index: 20; } .mod-testimonials .teaser__content .teaser__text::after { content: "»"; font-size: 150px; color: #92c56e; position: absolute; } .mod-testimonials .skin-teaser-horizontal { max-width: 100%; } .mod-testimonials .content { flex: 1 1 calc(40% - 15px); } .mod-testimonials .swiper-container { width: 675px; height: auto; position: relative; display: flex; align-items: center; justify-content: center; /*@media @m-medium { width: 60%; }*/ /*@media @m-medium { width: 90%; } @media @m-x-large { width: 60%; }*/ } .mod-testimonials .swiper-slide { display: flex; justify-content: center; align-items: center; } .mod-testimonials .swiper-slide img { width: 100%; height: 100%; object-fit: cover; max-width: 100%; /*@media @m-medium { width: 90%; } @media @m-x-large { width: 80%; }*/ } .mod-testimonials .swiper-button-prev, .mod-testimonials .swiper-button-next { color: #043855; background: rgba(255, 255, 255, 0.5); padding: 10px; border-radius: 50%; transition: background 0.3s; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } @media (min-width: 768px) { .mod-testimonials .swiper-button-prev, .mod-testimonials .swiper-button-next { width: 40px; height: 40px; padding: 15px; } } .mod-testimonials .swiper-button-prev::after, .mod-testimonials .swiper-button-next::after { font-size: 20px; font-weight: bold; } .mod-testimonials .swiper-button-prev:hover, .mod-testimonials .swiper-button-next:hover { background: rgba(255, 255, 255, 0.8); } .mod-testimonials .row { justify-content: start; } @media (min-width: 576px) { .mod-testimonials .row { justify-content: center; align-items: flex-end; } } .testimonials-wrapper { margin-bottom: 40px; display: flex; flex-wrap: wrap; gap: 15px; row-gap: 40px; } .testimonials-wrapper .testimonial-item { flex: 0 0 100%; box-sizing: border-box; } @media (min-width: 576px) { .testimonials-wrapper .testimonial-item { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); } } @media (min-width: 768px) { .testimonials-wrapper .testimonial-item { flex: 0 0 calc(33.333% - 15px); max-width: calc(33.333% - 15px); } } .testimonials-wrapper .skin-teaser-vertical { max-width: unset; min-width: unset; } .testimonials-more.row { row-gap: 40px; width: 100%; } .testimonials-filter { width: 100%; display: flex; align-items: center; padding: 0 0 10px 5px; margin: 0 0 20px !important; border-bottom: 1px solid #c0def0; flex-direction: column; } @media (min-width: 768px) { .testimonials-filter { justify-content: flex-end; } } .testimonials-filter .testimonials-filter-title { color: #3a3a39; margin-right: auto; margin-bottom: 20px; hyphens: auto; text-align: left; } @media (min-width: 768px) { .testimonials-filter .testimonials-filter-title { hyphens: none; } } .testimonials-filter .testimonials-filter-title .filter-region { display: none; } .testimonials-filter .testimonials-filter-title .filter-plz { font-family: 'Roboto', arial, sans-serif; font-weight: 700; } .testimonials-filter .testimonials-filter-wrapper { align-items: end; display: flex; margin-right: auto; } @media (min-width: 576px) { .testimonials-filter .testimonials-filter-wrapper { margin-right: unset; } } .testimonials-filter .testimonials-label { margin: 0 10px; } .testimonials-filter .testimonials-label:first-child { margin-left: 0; } @media (min-width: 576px) { .testimonials-filter .testimonials-label:first-child { margin: 0 10px; } } .testimonials-filter select { max-width: 200px; } .testimonials-count { font-size: 18px; color: #3a3a39; } .skin-testimonials-industry .mod-teaser { border-radius: 20px 20px 20px 20px; border-color: #043855; } .skin-testimonials-industry .teaser__image { position: relative; height: 0; padding-bottom: 60%; background: #ffffff; overflow: hidden; border-radius: 20px 20px 0 0; border: 1px solid #043855; } .skin-testimonials-industry .teaser__image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 75%; height: auto; } .mod-video { width: 100%; margin-bottom: 30px; } @media (min-width: 992px) { .mod-video { margin: 0 auto 50px; width: 50%; } } @media (min-width: 992px) { .accordion__panel .mod-video { width: 75%; } } .mod-video .media { position: relative; height: 0; padding-bottom: 56.25%; } .mod-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; } @media (min-width: 1200px) { .skin-advantages-agriculture .benefit-list .advantage-item:nth-child(1) { left: 0.5%; } } @media (min-width: 1620px) { .skin-advantages-agriculture .benefit-list .advantage-item:nth-child(1) { left: 5.1%; } } @media (min-width: 1200px) { .skin-advantages-agriculture .benefit-list .advantage-item:nth-child(2) { left: 3.8%; } } @media (min-width: 1620px) { .skin-advantages-agriculture .benefit-list .advantage-item:nth-child(2) { left: 6%; } } @media (min-width: 1200px) { .skin-advantages-agriculture .benefit-list .advantage-item:nth-child(3) { left: 2.4%; } } @media (min-width: 1620px) { .skin-advantages-agriculture .benefit-list .advantage-item:nth-child(3) { left: 6.4%; } } @media (min-width: 1200px) { .skin-advantages-agriculture .benefit-list .advantage-item:nth-child(4) { right: 6.5%; } } @media (min-width: 1620px) { .skin-advantages-agriculture .benefit-list .advantage-item:nth-child(4) { right: 11.5%; } } @media (min-width: 1200px) { .skin-advantages-agriculture .benefit-list .advantage-item:nth-child(5) { right: 1.3%; } } @media (min-width: 1620px) { .skin-advantages-agriculture .benefit-list .advantage-item:nth-child(5) { right: 7.5%; } } @media (min-width: 1200px) { .skin-advantages-agriculture .benefit-list .advantage-item:nth-child(6) { right: 12.2%; } } @media (min-width: 1620px) { .skin-advantages-agriculture .benefit-list .advantage-item:nth-child(6) { right: 15.2%; } } @media (min-width: 1200px) { .skin-advantages-efh .benefit-list .advantage-item:nth-child(1) { left: 1.6%; } } @media (min-width: 1620px) { .skin-advantages-efh .benefit-list .advantage-item:nth-child(1) { left: 6%; } } @media (min-width: 1200px) { .skin-advantages-efh .benefit-list .advantage-item:nth-child(2) { left: 1.4%; } } @media (min-width: 1620px) { .skin-advantages-efh .benefit-list .advantage-item:nth-child(2) { left: 4%; } } @media (min-width: 1200px) { .skin-advantages-efh .benefit-list .advantage-item:nth-child(3) { left: 2.8%; } } @media (min-width: 1620px) { .skin-advantages-efh .benefit-list .advantage-item:nth-child(3) { left: 6.7%; } } @media (min-width: 1200px) { .skin-advantages-efh .benefit-list .advantage-item:nth-child(4) { right: 2.7%; } } @media (min-width: 1620px) { .skin-advantages-efh .benefit-list .advantage-item:nth-child(4) { right: 8.3%; } } @media (min-width: 1200px) { .skin-advantages-efh .benefit-list .advantage-item:nth-child(5) { right: 0.5%; } } @media (min-width: 1620px) { .skin-advantages-efh .benefit-list .advantage-item:nth-child(5) { right: 6.9%; } } @media (min-width: 1200px) { .skin-advantages-efh .benefit-list .advantage-item:nth-child(6) { right: 14.6%; } } @media (min-width: 1620px) { .skin-advantages-efh .benefit-list .advantage-item:nth-child(6) { right: 17.2%; } } .skin-advantages-facts { margin: 0 40px; } @media (min-width: 992px) { .skin-advantages-facts { margin-bottom: 40px; } } .skin-advantages-facts .advantage-item { position: relative; width: 100%; padding: 10px; } @media (min-width: 768px) { .skin-advantages-facts .advantage-item { width: 50%; } } @media (min-width: 992px) { .skin-advantages-facts .advantage-item { width: 25%; } } .skin-advantages-facts .advantage-item .content { position: relative; background: #c0def0; border-radius: 50%; height: 0; padding-bottom: 100%; } .skin-advantages-facts .advantage-item .content i { font-style: normal; position: absolute; top: 10%; left: 0; width: 100%; margin-top: 10px; } @media (min-width: 1200px) { .skin-advantages-facts .advantage-item .content i { font-size: 3em; top: 20%; } } .skin-advantages-facts .advantage-item .content p { position: absolute; top: 45%; width: 100%; padding: 0 15px; } @media (min-width: 1200px) { .skin-advantages-facts .advantage-item .content p { top: 55%; } } .skin-advantages-4 { margin-bottom: 0; } .skin-advantages-4 .advantage-item { margin-bottom: 10px; } @media (min-width: 768px) { .skin-advantages-4 .advantage-item { width: 33.33333333%; } } @media (min-width: 992px) { .skin-advantages-4 .advantage-item { margin-bottom: 25px; } } @media (min-width: 992px) { .skin-advantages-4 .advantage-item i[class*="icon-"] { font-size: 88px; } } @media (min-width: 1200px) { .skin-advantages-hotel .benefit-list .advantage-item:nth-child(1) { left: 5.7%; } } @media (min-width: 1620px) { .skin-advantages-hotel .benefit-list .advantage-item:nth-child(1) { left: 9.4%; } } @media (min-width: 1200px) { .skin-advantages-hotel .benefit-list .advantage-item:nth-child(2) { left: -0.5%; } } @media (min-width: 1620px) { .skin-advantages-hotel .benefit-list .advantage-item:nth-child(2) { left: 2.4%; } } @media (min-width: 1200px) { .skin-advantages-hotel .benefit-list .advantage-item:nth-child(3) { left: 3.2%; } } @media (min-width: 1620px) { .skin-advantages-hotel .benefit-list .advantage-item:nth-child(3) { left: 7.1%; } } @media (min-width: 1200px) { .skin-advantages-hotel .benefit-list .advantage-item:nth-child(4) { right: 4%; } } @media (min-width: 1620px) { .skin-advantages-hotel .benefit-list .advantage-item:nth-child(4) { right: 9.4%; } } @media (min-width: 1200px) { .skin-advantages-hotel .benefit-list .advantage-item:nth-child(5) { right: 2.8%; } } @media (min-width: 1620px) { .skin-advantages-hotel .benefit-list .advantage-item:nth-child(5) { right: 8.8%; } } @media (min-width: 1200px) { .skin-advantages-hotel .benefit-list .advantage-item:nth-child(6) { right: 5.8%; } } @media (min-width: 1620px) { .skin-advantages-hotel .benefit-list .advantage-item:nth-child(6) { right: 9.9%; } } @media (min-width: 1200px) { .skin-advantages-industry .benefit-list .advantage-item:nth-child(1) { left: 3.2%; } } @media (min-width: 1620px) { .skin-advantages-industry .benefit-list .advantage-item:nth-child(1) { left: 7.3%; } } @media (min-width: 1200px) { .skin-advantages-industry .benefit-list .advantage-item:nth-child(2) { left: -1.5%; } } @media (min-width: 1620px) { .skin-advantages-industry .benefit-list .advantage-item:nth-child(2) { left: 1.6%; } } @media (min-width: 1200px) { .skin-advantages-industry .benefit-list .advantage-item:nth-child(3) { left: -0.7%; } } @media (min-width: 1620px) { .skin-advantages-industry .benefit-list .advantage-item:nth-child(3) { left: 3.9%; } } @media (min-width: 1200px) { .skin-advantages-industry .benefit-list .advantage-item:nth-child(4) { right: 3.4%; } } @media (min-width: 1620px) { .skin-advantages-industry .benefit-list .advantage-item:nth-child(4) { right: 9%; } } @media (min-width: 1200px) { .skin-advantages-industry .benefit-list .advantage-item:nth-child(5) { right: 2.4%; } } @media (min-width: 1620px) { .skin-advantages-industry .benefit-list .advantage-item:nth-child(5) { right: 8.5%; } } @media (min-width: 1200px) { .skin-advantages-industry .benefit-list .advantage-item:nth-child(6) { right: 4.8%; } } @media (min-width: 1620px) { .skin-advantages-industry .benefit-list .advantage-item:nth-child(6) { right: 9.1%; } } @media (min-width: 1200px) { .skin-advantages-mfh .benefit-list .advantage-item:nth-child(1) { left: 1.3%; } } @media (min-width: 1620px) { .skin-advantages-mfh .benefit-list .advantage-item:nth-child(1) { left: 5.8%; } } @media (min-width: 1200px) { .skin-advantages-mfh .benefit-list .advantage-item:nth-child(2) { left: 0.5%; } } @media (min-width: 1620px) { .skin-advantages-mfh .benefit-list .advantage-item:nth-child(2) { left: 3.3%; } } @media (min-width: 1200px) { .skin-advantages-mfh .benefit-list .advantage-item:nth-child(3) { left: 0.3%; } } @media (min-width: 1620px) { .skin-advantages-mfh .benefit-list .advantage-item:nth-child(3) { left: 4.8%; } } @media (min-width: 1200px) { .skin-advantages-mfh .benefit-list .advantage-item:nth-child(4) { right: 12.3%; } } @media (min-width: 1620px) { .skin-advantages-mfh .benefit-list .advantage-item:nth-child(4) { right: 16.2%; } } @media (min-width: 1200px) { .skin-advantages-mfh .benefit-list .advantage-item:nth-child(5) { right: 6.6%; } } @media (min-width: 1620px) { .skin-advantages-mfh .benefit-list .advantage-item:nth-child(5) { right: 11.9%; } } @media (min-width: 1200px) { .skin-advantages-mfh .benefit-list .advantage-item:nth-child(6) { right: 10.7%; } } @media (min-width: 1620px) { .skin-advantages-mfh .benefit-list .advantage-item:nth-child(6) { right: 14%; } } @media (min-width: 1200px) { .skin-advantages-spital .benefit-list .advantage-item:nth-child(1) { left: -0.4%; } } @media (min-width: 1620px) { .skin-advantages-spital .benefit-list .advantage-item:nth-child(1) { left: 4.3%; } } @media (min-width: 1200px) { .skin-advantages-spital .benefit-list .advantage-item:nth-child(2) { left: 0.5%; } } @media (min-width: 1620px) { .skin-advantages-spital .benefit-list .advantage-item:nth-child(2) { left: 3.3%; } } @media (min-width: 1200px) { .skin-advantages-spital .benefit-list .advantage-item:nth-child(3) { left: 5%; } } @media (min-width: 1620px) { .skin-advantages-spital .benefit-list .advantage-item:nth-child(3) { left: 8.6%; } } @media (min-width: 1200px) { .skin-advantages-spital .benefit-list .advantage-item:nth-child(4) { right: 4.3%; } } @media (min-width: 1620px) { .skin-advantages-spital .benefit-list .advantage-item:nth-child(4) { right: 9.6%; } } @media (min-width: 1200px) { .skin-advantages-spital .benefit-list .advantage-item:nth-child(5) { right: 3.1%; } } @media (min-width: 1620px) { .skin-advantages-spital .benefit-list .advantage-item:nth-child(5) { right: 9.1%; } } @media (min-width: 1200px) { .skin-advantages-spital .benefit-list .advantage-item:nth-child(6) { right: 3.5%; } } @media (min-width: 1620px) { .skin-advantages-spital .benefit-list .advantage-item:nth-child(6) { right: 8%; } } .skin-advantages-steps { counter-reset: section; margin-top: 20px; margin-bottom: 10px; } .skin-advantages-steps .advantage-item { position: relative; width: 100%; } @media (min-width: 768px) { .skin-advantages-steps .advantage-item { width: 50%; } } @media (min-width: 992px) { .skin-advantages-steps .advantage-item { width: 25%; } } .skin-advantages-steps .advantage-item:before { position: absolute; left: 50%; margin-left: -60px; top: 25px; font-family: 'Roboto', arial, sans-serif; font-weight: 700; color: #80bde0; counter-increment: section; content: counter(section) "."; font-size: 25px; line-height: 1.3; border-radius: 50%; } .skin-advantages-10 { margin-top: 40px; } @media (min-width: 768px) { .skin-advantages-10 .advantage-item { width: 50%; } } @media (min-width: 992px) { .skin-advantages-10 .advantage-item { width: 25%; } } .skin-advantages-10 .advantage-item-selfinstallation { display: none; } .skin-technology { margin-bottom: 0; margin-top: 50px; } .skin-technology .benefit-list { display: flex; position: relative; justify-content: space-between; flex-direction: column; align-items: center; gap: 30px; } @media (min-width: 992px) { .skin-technology .benefit-list { flex-direction: row; gap: 0; /*html[lang="fr"] &, html[lang="it"] & { flex-direction: column; gap: 30px; }*/ } } .skin-technology .benefit-list .advantage-item { width: fit-content; position: relative; left: unset; top: unset; } .skin-technology .benefit-list .advantage-item:nth-child(1), .skin-technology .benefit-list .advantage-item:nth-child(2), .skin-technology .benefit-list .advantage-item:nth-child(3) { display: inline-block; top: unset; left: unset; } .skin-country-waterhardheid-belgien .country-overlay .overlay-tooltip.overlay-tooltip-1 { left: 45%; width: 24%; height: 22%; top: 2%; } .skin-country-waterhardheid-belgien .country-overlay .overlay-tooltip.overlay-tooltip-2 { left: 65%; width: 19%; height: 28%; top: 10%; } .skin-country-waterhardheid-belgien .country-overlay .overlay-tooltip.overlay-tooltip-3 { left: 21%; width: 20%; height: 27%; top: 10%; } .skin-country-waterhardheid-belgien .country-overlay .overlay-tooltip.overlay-tooltip-4 { left: 41%; width: 24%; height: 14%; top: 24%; } .skin-country-waterhardheid-belgien .country-overlay .overlay-tooltip.overlay-tooltip-5 { left: 0; width: 21%; height: 33%; top: 7%; } .skin-country-waterhardheid-belgien .country-overlay .overlay-tooltip.overlay-tooltip-6 { left: 16%; width: 37%; height: 19%; top: 39%; } .skin-country-waterhardheid-belgien .country-overlay .overlay-tooltip.overlay-tooltip-7 { left: 63%; width: 35%; height: 23%; top: 38%; } .skin-country-waterhardheid-belgien .country-overlay .overlay-tooltip.overlay-tooltip-8 { left: 63%; width: 27%; height: 39%; top: 61%; } .skin-country-waterhardheid-belgien .country-overlay .overlay-tooltip.overlay-tooltip-9 { left: 47%; width: 26%; height: 33%; top: 44%; } .skin-country-waterhardheid-belgien .country-overlay .overlay-tooltip.overlay-tooltip-10 { left: 41%; width: 23%; height: 13%; top: 35%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-1 { left: 16%; width: 32%; height: 23%; top: 73%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-2 { left: 46%; width: 39%; height: 36%; top: 63%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-3 { left: 76%; width: 10%; height: 5%; top: 30%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-4 { left: 73%; width: 22%; height: 12%; top: 35%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-5 { left: 28%; width: 9%; height: 6%; top: 22%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-6 { left: 41%; width: 9%; height: 6%; top: 16%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-7 { left: 26%; width: 17%; height: 13%; top: 50%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-8 { left: 54%; width: 35%; height: 15%; top: 8%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-9 { left: 37%; width: 17%; height: 25%; top: 22%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-10 { left: 1%; width: 32%; height: 18%; top: 37%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-11 { left: 1%; width: 22%; height: 11%; top: 59%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-12 { left: 4%; width: 12%; height: 6%; top: 70%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-13 { left: 70%; width: 29%; height: 8%; top: 46%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-14 { left: 54%; width: 16%; height: 22%; top: 27%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-15 { left: 31%; width: 23%; height: 12%; top: 4%; } .skin-country-wasserhaerte-deutschland .country-overlay .overlay-tooltip.overlay-tooltip-16 { left: 44%; width: 26%; height: 10%; top: 49%; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-1 { left: 74%; width: 23%; height: 17%; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-2 { left: 52%; top: 5%; width: 22%; height: 21%; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-3 { left: 74%; top: 17%; width: 22%; height: 16%; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-4 { left: 67%; top: 32%; width: 28%; height: 16%; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-5 { left: 58%; top: 48%; width: 31%; height: 13%; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-6 { left: 39%; top: 47%; width: 19%; height: 10%; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-7 { left: 33%; top: 20%; width: 18%; height: 20%; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-8 { left: 19%; top: 48%; width: 20%; height: 15%; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-9 { left: 2%; top: 63%; width: 22%; height: 20%; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-9 .content { left: 0; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-10 { left: 24%; top: 65%; width: 41%; height: 14%; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-11 { left: 61%; top: 74%; width: 12%; height: 26%; } .skin-country-waterhardheid-niederlande .country-overlay .overlay-tooltip.overlay-tooltip-12 { left: 49%; top: 36%; width: 13%; height: 10%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-1 { left: 54%; width: 11%; height: 20%; top: 9%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-2 { left: 31%; width: 12%; height: 33%; top: 35%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-3 { left: 43%; width: 11%; height: 15%; top: 29%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-4 { left: 56%; width: 8%; height: 15%; top: 45%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-5 { left: 57%; width: 9%; height: 10%; top: 35%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-6 { left: 47%; width: 6%; height: 10%; top: 44%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-7 { left: 52%; width: 5%; height: 7%; top: 41%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-8 { left: 66%; width: 6%; height: 13%; top: 35%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-9 { left: 54%; width: 6%; height: 8%; top: 29%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-10 { left: 21%; width: 9%; height: 18%; top: 49%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-11 { left: 32%; width: 13%; height: 8%; top: 22%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-12 { left: 34%; width: 5%; height: 4%; top: 8%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-13 { left: 36%; width: 10%; height: 8%; top: 14%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-14 { left: 53%; width: 10%; height: 9%; top: 0; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-15 { left: 71%; width: 4%; height: 9%; top: 20%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-16 { left: 75%; width: 4%; height: 9%; top: 20%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-17 { left: 71%; width: 8%; height: 17%; top: 29%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-18 { left: 68%; width: 28%; height: 27%; top: 48%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-19 { left: 45%; width: 9%; height: 19%; top: 10%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-20 { left: 65%; width: 12%; height: 10%; top: 7%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-21 { left: 55%; width: 15%; height: 32%; top: 63%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-22 { left: 3%; width: 17%; height: 23%; top: 50%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-23 { left: 20%; width: 27%; height: 19%; top: 75%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-24 { left: 10%; width: 13%; height: 16%; top: 32%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-25 { left: 0; width: 8%; height: 14%; top: 73%; } .skin-country-wasserhaerte-schweiz .country-overlay .overlay-tooltip.overlay-tooltip-26 { left: 20%; width: 12%; height: 14%; top: 16%; } .skin-country-waterhardness-uk .country-overlay .overlay-tooltip.overlay-tooltip-1 { left: 21%; width: 39%; height: 41%; top: 0; } .skin-country-waterhardness-uk .country-overlay .overlay-tooltip.overlay-tooltip-2 { left: 4%; width: 22%; height: 14%; top: 39%; } .skin-country-waterhardness-uk .country-overlay .overlay-tooltip.overlay-tooltip-3 { left: 28%; width: 23%; height: 23%; top: 60%; } .skin-country-waterhardness-uk .country-overlay .overlay-tooltip.overlay-tooltip-4 { left: 54%; width: 18%; height: 15%; top: 34%; } .skin-country-waterhardness-uk .country-overlay .overlay-tooltip.overlay-tooltip-5 { left: 47%; width: 15%; height: 25%; top: 41%; } .skin-country-waterhardness-uk .country-overlay .overlay-tooltip.overlay-tooltip-6 { left: 58%; width: 22%; height: 13%; top: 48%; } .skin-country-waterhardness-uk .country-overlay .overlay-tooltip.overlay-tooltip-7 { left: 48%; width: 20%; height: 16%; top: 63%; } .skin-country-waterhardness-uk .country-overlay .overlay-tooltip.overlay-tooltip-8 { left: 62%; width: 22%; height: 16%; top: 59%; } .skin-country-waterhardness-uk .country-overlay .overlay-tooltip.overlay-tooltip-9 { left: 17%; width: 49%; height: 16%; top: 80%; } .skin-country-waterhardness-uk .country-overlay .overlay-tooltip.overlay-tooltip-10 { left: 64%; width: 13%; height: 13%; top: 77%; } .skin-country-waterhardness-uk .country-overlay .overlay-tooltip.overlay-tooltip-11 { left: 76%; width: 23%; height: 13%; top: 67%; } .skin-country-waterhardness-uk .country-overlay .overlay-tooltip.overlay-tooltip-12 { left: 76%; width: 10%; height: 5%; top: 80%; } .skin-customers-home .customer-list { max-width: 1260px; margin: auto; } @media (min-width: 1200px) { .skin-customers-home .customer-item { width: 25%; } } .skin-emotion-home { /* position: relative; overflow: hidden; margin-top: 70px; @media @m-medium { padding-bottom: 150px; } @media @m-x-large { margin-top: 0; } .emotion-stage { position: relative; height: 100%; @media @m-medium { height: 100%; } } .emotion-image { padding: 0; height: 100%; } .swiper-slide { position: relative; &.swiper-slide-active .emotion-overlay { .opacity(100); } }*/ } .skin-emotion-home .emotion__pagination-wrapper { display: block; } .skin-emotion-anwendungen { border-radius: 0 0 0 0; } .skin-form-base .form__availability-wrapper { margin-bottom: 5px; } .skin-form-base .form__availabilities-wrapper { display: flex; flex-direction: column; margin-bottom: 10px; } @media (min-width: 576px) { .skin-form-base .form__availabilities-wrapper { flex-direction: row; } } .skin-form-base .form__availabilities-wrapper > .form__item { margin-bottom: 10px; } .skin-form-base .form__generalinfo-wrapper .form__item-callme { margin-bottom: 5px; } .skin-form-base .form__title { color: #043855; margin-bottom: 10px; } .skin-form-base .form__item-attention { border-bottom: 1px solid #707070; margin-bottom: 50px; } .skin-form-prospect > h2 { margin-bottom: 25px; } .skin-form-prospect .prospect__item-wrapper > .form__label { position: relative; left: 15px; font-weight: bold; } .skin-form-prospect .form__section_prospect { margin-bottom: 80px; } .skin-form-prospect .form__section_prospect > .form__item { align-items: start; flex-direction: column-reverse; } @media (min-width: 768px) { .skin-form-prospect .form__section_prospect > .form__item { justify-content: space-between; flex: 1 1 calc(33.3% - 15px); } } .skin-form-prospect .form__section_prospect > .form__item .form__item-checkbox { display: flex; } .skin-form-prospect .img__prospect { margin-bottom: 20px; max-width: 170px; border: 1px solid #3a3a39; } @media (min-width: 992px) { .skin-form-prospect .img__prospect { max-width: 250px; } } @media (min-width: 992px) { .skin-gallery-application { margin-bottom: 50px; } } .skin-map-emotion { position: relative; border: none; } .skin-map-micro .infowindow { color: #3a3a39; } .skin-map-micro .infowindow a { color: #3a3a39; text-decoration: none; } .skin-product-application { background: #c0def0; padding: 50px 0; margin-bottom: 2px; } .skin-product-application .product-features li:before { color: green; content: "\f00c"; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.eot"); src: url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.woff") format("woff"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("/assets/templates/terrific/assets/fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); } .skin-search-content .search-form { width: 100%; margin-bottom: 20px; } .skin-search-content .search-form input { padding: 10px; } .skin-search-content .search-form button { padding: 10px; } .skin-search-content .sisea-results { margin-bottom: 20px; } .skin-search-content .result-item { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cccccc; } .skin-search-content .result-item--img .result-image { width: 100%; margin-bottom: 10px; } @media (min-width: 992px) { .skin-search-content .result-item--img .result-image { margin-bottom: 0; width: 25%; flex-basis: 25%; } } .skin-search-content .result-item--img .result-description { width: 100%; } @media (min-width: 992px) { .skin-search-content .result-item--img .result-description { flex-basis: 74%; } } .skin-search-top .search-form { width: 150px; } @media (min-width: 992px) { .skin-search-top .search-form { width: 200px; } } @media (min-width: 1200px) { .skin-search-top .search-form form { margin: 8px 5px 0 0; } } @media (min-width: 576px) { .skin-search-top .search-form input { display: none; } } @media (min-width: 576px) { .skin-search-top .search-form button { padding: 5px; font-size: 25px; } } .skin-teaser-wrapper > div { display: flex; flex-direction: column; } .skin-teaser-1 .mod-teaser { overflow: visible; } .skin-teaser-1 .mod-teaser .teaser__image > img { border-bottom-left-radius: 20px; } .skin-teaser-1 .teaser__icon { position: absolute; top: -3.5%; left: -2%; } .skin-teaser-horizontal { margin-left: auto; margin-right: auto; max-width: 450px; } @media (min-width: 768px) { .skin-teaser-horizontal { max-width: 682px; min-height: 280px; } } .skin-teaser-horizontal .teaser__content { align-items: center; text-align: center; } @media (min-width: 768px) { .skin-teaser-horizontal .teaser__content { align-items: flex-start; text-align: left; } } .skin-teaser-vertical { max-width: 451px; min-width: 310px; } @media (min-width: 576px) { .skin-teaser-vertical { min-width: 420px; } } .skin-teaser-vertical .teaser__container { flex-direction: column; flex-wrap: nowrap; } .skin-teaser-vertical .teaser__content { align-items: center; text-align: center; } @media (min-width: 768px) { .skin-teaser-vertical .teaser__content { padding: 20px 20px 30px; } } .skin-teaser-vertical .teaser__image { flex: 0; } .skin-teaser-vertical .teaser__image img { max-height: 280px; height: auto; } .skin-teaser-vertical .button { margin-top: auto; } .skin-teaser-wrapper > div { display: flex; flex-direction: column; } .skin-teaser-wrapper > div > h2 { text-align: center; } @media (min-width: 768px) { .skin-teaser-wrapper > div > h2 { text-align: left; } } .skin-teaser-wrapper.row { gap: 40px; } @media (min-width: 768px) { .skin-teaser-wrapper.row { gap: 20px; } } .skin-teaser-dark { background: #043855; } .skin-teaser-dark h2 { color: #ffffff; } @media (min-width: 768px) { .skin-teasers-3 .teaser-item { width: 33.33333333%; } } .skin-video-emotion-background { margin-bottom: 0; z-index: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .skin-video-emotion-background iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; } .skin-video-emotion { margin-bottom: 0; } @media (min-width: 992px) { .skin-video-emotion { width: 100%; } } .skin-video-emotion .media { height: calc(100vh - 200px); padding-bottom: 0; background-size: cover; background-position: center center; } .skin-video-emotion iframe { width: 100vw; height: 56.25vh; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (min-width: 992px) { .skin-video-wide { width: 100%; } }

Das Original für ökologischen Kalkschutz ohne Chemie

Kostenlos testen ohne Kaufverpflichtung

Zusätzlich erhalten Sie eine gratis Rohrspülung

Ihre Vorteile auf einen Blick

Staubfreie Montage

Weniger Reinigungsaufwand

Längere Gerätelebensdauer

Keine Wartungskosten

Bis 20 Jahre Garantie

TÜV geprüft

Mediagon-Technologie kurz erklärt

Video: Mediagon-Technologie

Video: Einfachste Installation

Testen Sie Ihre Wasserhärte

Wasserhärte nach Postleitzahl online abrufen

Direkte Testergebnisse

Einfamilienhäuser

Mehrfamilienhäuser

Landwirtschaft

Hotels & Restaurants

Spitäler

Industrie

Referenzen

Einfamilienhäuser

Mehrfamilienhäuser

Industrie

So profitieren Sie in 5 Schritten und schützen Ihre Haushaltsgeräte!

Kalkschutz

Anruf

Montage

Gratistest

Zufriedenheit

News

Monatliches «Herzlich Willkommen» - Juni 2023

Monatliches «Herzlich Willkommen» - Mai 2023

Monatliches «Herzlich Willkommen» - April 2023

Gratis Test

Das Original für ökologischen
Kalkschutz ohne Chemie