/* Fonts */
/* Helvetica Now */
/* ----------------------------------------------- */
@font-face {
font-family: "HelveticaNowDisplay";
src: url("https://www.pidas.com/hubfs/_PIDAS%20Website%20Redesign/Fonts/HelveticaNowDisplay-Regular.woff2") format("woff2"),
url("https://www.pidas.com/hubfs/_PIDAS%20Website%20Redesign/Fonts/HelveticaNowDisplay-Regular.ttf") format("truetype");
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "HelveticaNowDisplay";
src: url("https://www.pidas.com/hubfs/_PIDAS%20Website%20Redesign/Fonts/HelveticaNowDisplay-Bold.woff2") format("woff2"),
url("https://www.pidas.com/hubfs/_PIDAS%20Website%20Redesign/Fonts/HelveticaNowDisplay-Regular.ttf") format("truetype");
font-weight: bold;
font-display: swap;
}
/* FontAwesome 5.14 */
/* ----------------------------------------------- */
/* FontAwesome 5.14 */
@font-face {
font-family: "Font Awesome 5 Free";
src: url("//3811038.fs1.hubspotusercontent-na1.net/hubfs/3811038/raw_assets/public/PIDAS_Redesign/fonts/fontawesome/files/fa-solid-900.woff") format("woff"),
url("//3811038.fs1.hubspotusercontent-na1.net/hubfs/3811038/raw_assets/public/PIDAS_Redesign/fonts/fontawesome/files/fa-solid-900.woff2") format("woff2");
font-display: swap;
font-style: normal;
}
/*!
* Font Awesome Free 5.14.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,.fab,.fad,.fal,.far,.fas{font-family:"Font Awesome 5 Free";-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:.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:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.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:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-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}.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-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.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-box-tissue:before{content:"\e05b"}.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-chevron-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-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.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-disease:before{content:"\f7fa"}.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-edge-legacy:before{content:"\e078"}.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-faucet:before{content:"\e005"}.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:"\e007"}.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-pay:before{content:"\e079"}.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-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.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-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.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-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.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-hospital-user:before{content:"\f80d"}.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-house-user:before{content:"\e065"}.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:"\e013"}.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-instagram-square:before{content:"\e055"}.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-house:before{content:"\e066"}.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-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.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:"\e01a"}.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-mixer:before{content:"\e056"}.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-arrows:before{content:"\e068"}.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:"\e01e"}.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-plane-slash:before{content:"\e069"}.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-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.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-rust:before{content:"\e07a"}.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-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.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-sink:before{content:"\e06d"}.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-soap:before{content:"\e06e"}.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-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.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-tiktok:before{content:"\e07b"}.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-toilet-paper-slash:before{content:"\e072"}.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:"\e041"}.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:"\e049"}.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-unsplash:before{content:"\e07c"}.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-users-slash:before{content:"\e073"}.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-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.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}
/* Grid */
/* GENERIC */
/* ---------------------------------------- */
@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*, *::before, *::after {
box-sizing: inherit;
}
/* CONTAINER */
/* ---------------------------------------- */
.container {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
max-width: 1438px !important;
}
.container-fluid {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
.container-full-width {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
/* ROWS */
/* ---------------------------------------- */
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -16px;
}
.no-wrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* GUTTER */
/* ---------------------------------------- */
.no-gutters {
margin: 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
padding: 0;
}
.no-gutters-x {
margin-right: 0;
margin-left: 0;
}
.no-gutters-x > .col,
.no-gutters-x > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.no-gutters-y {
margin-top: 0;
margin-bottom: 0;
}
.no-gutters-y > .col,
.no-gutters-y > [class*="col-"] {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width:767px) {
.no-sm-gutters {
margin: 0;
}
.no-sm-gutters > .col, .no-sm-gutters > [class*="col-"] {
padding: 0;
}
.no-sm-gutters-x {
margin-right: 0;
margin-left: 0;
}
.no-sm-gutters-x > .col,
.no-sm-gutters-x > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.no-sm-gutters-y {
margin-top: 0;
margin-bottom: 0;
}
.no-sm-gutters-y > .col,
.no-sm-gutters-y > [class*="col-"] {
padding-top: 0;
padding-bottom: 0;
}
}
/* COLUMNS */
/* ---------------------------------------- */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding: 16px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
/* GRIDCELLS */
/*--------------------------------------------------------------------------*/
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
/* ORDER */
/* ---------------------------------------- */
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
/* OFFSET */
/* ---------------------------------------- */
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
/* MOBILE GRID ORDER OFFSET */
/* ---------------------------------------- */
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
/* TABLET GRID ORDER OFFSET */
/* ---------------------------------------- */
@media (min-width:768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
/* DESKTOP GRID ORDER OFFSET */
/* ---------------------------------------- */
@media (min-width:1024px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
/* WIDESCREEN GRID ORDER OFFSET */
/* ---------------------------------------- */
@media (min-width:1920px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
/* FLEXBOX ALIGN */
/* ---------------------------------------- */
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
/* FLEXBOX WRAP */
/* ---------------------------------------- */
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
/* FLEXBOX JUSTIFY */
/* ---------------------------------------- */
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
/* FLEXITEMS */
/* ---------------------------------------- */
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
/* MOBILE FLEXBOX */
/* ---------------------------------------- */
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
/* TABLET FLEXBOX */
/* ---------------------------------------- */
@media (min-width:768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
/* DEKSTOP FLEXBOX */
/* ---------------------------------------- */
@media (min-width:1024px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
/* WIDESCREEN FLEXBOX */
/* ---------------------------------------- */
@media (min-width:1920px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
/* DISPLAY */
/* ---------------------------------------- */
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
/* MOBILE DISPLAY */
/* ---------------------------------------- */
@media (max-width:767px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
/* TABLET DISPLAY */
/* ---------------------------------------- */
@media (min-width:768px) and (max-width:1023px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
/* DESKTOP DISPLAY */
/* ---------------------------------------- */
@media (min-width:1024px) and (max-width:1919px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
/* SCREENREADERS */
/* ---------------------------------------- */
.show-for-sr {
border: 0 !important;
clip: rect(0, 0, 0, 0) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
@media (max-width:767px) {
.show-for-sr--mobile {
border: 0 !important;
clip: rect(0, 0, 0, 0) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
/* VISIBILITY CLASSES */
/* ---------------------------------------- */
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
/* SIMPLE VISIBILITY */
/* ---------------------------------------- */
/* Hide only for */
@media (max-width:767px) {
.hide-mobile-only {
display: none;
}
}
@media (min-width:768px) and (max-width:1023px) {
.hide-tablet-only {
display: none;
}
}
@media (min-width:1024px) and (max-width:1919px) {
.hide-desktop-only {
display: none;
}
}
@media (min-width:1920px) and (max-width:3840px) {
.hide-widescreen-only {
display: none;
}
}
/*
Hide up
we don't need mobile_up because it will hide for every screens
use hide-mobile-only if you need to hide just for mobile
*/
@media (min-width:768px) {
.hide-tablet-up {
display: none;
}
}
@media (min-width:1024px) {
.hide-desktop-up {
display: none;
}
}
@media (min-width:1920px) {
.hide-widescreen-up {
display: none;
}
}
/*
Hide down
we don't need mobile_down because it will hide or for no screens
we also don't have widescreen_down because it will hide for every screens
use hide-widescreen-only if you need to hide just for widescreen
*/
@media (max-width:1023px) {
.hide-tablet-down {
display: none;
}
}
@media (max-width:1919px) {
.hide-desktop-down {
display: none;
}
}
/* LAYOUT */
/* -------------------------------------- */
@media (min-width:1024px) {
html, body {
height: 100%;
}
body > .body-wrapper {
min-height: 100%;
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-columns: 100%;
}
}
.footer-container-wrapper,
.header-container-wrapper,
.body-container-wrapper {
position: relative;
}
/* DND CONTAINERS */
/* -------------------------------------- */
.content-wrapper {
margin: 0 auto;
padding: 0 16;
}
@media screen and (min-width:1920px) {
.content-wrapper {
padding: 0;
}
}
/* DnD Max Width Sections */
[class*='max-width-section'] .hs-form {
padding: 0;
}
/* DnD Area Custom Class */
.container-fluid.dnd-area {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0;
padding-bottom: 0;
}
.container-fluid.dnd-area > .row-fluid-wrapper {
margin-left: -16px !important;
margin-right: -16px !important;
}
/* DnD Area Container */
.container-fluid > .container-fluid {
padding: 0;
width: auto !important;
margin-left: -16px !important;
margin-right: -16px !important;
}
/* DnD Can Contain Oversized Height Modules That Overlap Multiple Sub-Rows */
.dnd-module .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module {
height: 100%;
padding: 16px;
}
[class*='max-width-section-centering'] > .row-fluid {
margin-left: auto !important;
margin-right: auto !important;
}
/* VERTICAL ALIGNMENT */
.row-fluid-wrapper .row-fluid-wrapper .row-fluid-wrapper [class*='vertical-alignment'] {
height: 100%;
}
.row-fluid-wrapper .row-fluid-wrapper .row-fluid-wrapper [class*='vertical-alignment'] > .row-fluid {
height: 100%;
align-items: center;
}
.row-fluid-wrapper .row-fluid-wrapper .row-fluid-wrapper [class*='vertical-alignment'] > .row-fluid .hs_cos_wrapper_widget {
height: auto;
}
/* HS Editor fix */
/*--------------------------------------------------------------------------*/
.hs-inline-edit .row-fluid-wrapper {
margin-left: 16px;
margin-right: 16px;
}
/* SET MAX-WIDTH LIKE BOOTSTRAP */
/* -------------------------------------- */
/* HUBSPOT GRID TO BOOTSTRAP */
/* -------------------------------------- */
/* Note: This it not the original, it's modified to fit the bootstraps grid */
.row-fluid-wrapper {
padding: 16px;
}
/* DND Area spaces*/
.dnd-section {
padding-top: ;
padding-bottom: ;
}
@media (min-width:768px) {
.dnd-section {
padding-top: ;
padding-bottom: ;
}
}
@media (min-width:1024px) {
.dnd-section {
padding-top: ;
padding-bottom: ;
}
}
@media (max-width:767px), print and (orientation: portrait) {
.row-fluid-wrapper .row-fluid-wrapper {
margin-top: 0;
margin-bottom: 0;
}
.container-fluid.dnd-area > .row-fluid-wrapper {
padding-top: 16px;
padding-bottom: 16px;
}
}
.row-fluid {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: auto;
height: auto;
margin: -16px;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
position: relative;
display: inline-block;
float: none !important;
min-height: 0 !important;
margin-left: 0 !important;
vertical-align: top;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
}
.row-fluid > .span12 { width: 100% !important; }
.row-fluid > .span11 { width: 91.66666666% !important; }
.row-fluid > .span10 { width: 83.33333333% !important; }
.row-fluid > .span9 { width: 75% !important; }
.row-fluid > .span8 { width: 66.66666666% !important; }
.row-fluid > .span7 { width: 58.33333333% !important; }
.row-fluid > .span6 { width: 50% !important; }
.row-fluid > .span5 { width: 41.66666666% !important; }
.row-fluid > .span4 { width: 33.33333333% !important; }
.row-fluid > .span3 { width: 25% !important; }
.row-fluid > .span2 { width: 16.6666666% !important; }
.row-fluid > .span1 { width: 8.33333333% !important; }
.container-fluid {
*zoom: 1;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
/* MOBILE GRID OVERWRITE */
/* -------------------------------------- */
@media (max-width:767px), print and (orientation: portrait) {
.row-fluid {
min-width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}
.row-fluid > .span12, .row-fluid > .span11,
.row-fluid > .span10, .row-fluid > .span9,
.row-fluid > .span8, .row-fluid > .span7,
.row-fluid > .span6, .row-fluid > .span5,
.row-fluid > .span4, .row-fluid > .span3,
.row-fluid > .span2, .row-fluid > .span1 {
width: 100% !important;
}
}
/* TABLET GRID OVERWRITE */
/* -------------------------------------- */
@media (min-width:768px) and (max-width:1023px), print and (orientation: portrait) {
.row-fluid [class*="span"] {
display: block;
float: none !important;;
width: 100%;
min-height: 0 !important;;
margin-left: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid > .span6 { width: 100% !important; }
.row-fluid > .span3 { width: 50% !important; }
}
/* Library */
/**
* Swiper 7.4.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
* Download: https://unpkg.com/swiper@7.4.1/swiper-bundle.min.css
* Copyright 2014-2021 Vladimir Kharlampidi
* Released under the MIT License
* Released on: December 24, 2021
*/
@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, 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');
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
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, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 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, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 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, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.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-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 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-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-lock {
display: none;
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.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(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.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: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.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-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms 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: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 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-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
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 > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/
}
.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%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
/* a11y */
.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,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.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,
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.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-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-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
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-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
/* Elements */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/* Reset */
*, *:before, *:after {
box-sizing: border-box;
}
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**
* templateType: CSS
* author: Mitja u. Gracjan
* created: 2021-12-02
**/
/* BODY */
/*--------------------------------------------------------------------------*/
body {
font-family: "HelveticaNowDisplay", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 24px;
line-height: 1.3;
word-break: break-word;
letter-spacing: 0.9px;
}
@media(max-width:767px){
body {
font-size: 16px;
}
}
/* Links */
/*--------------------------------------------------------------------------*/
a, .link {
color: #C4C4C6;
text-decoration: none;
cursor: pointer;
text-underline-offset: 0.3rem;
}
a:hover, .link:hover {
color: #F30438;
text-decoration: underline;
}
a:focus, , .link:focus {
color: #F30438;
}
/* Selected Text */
/*--------------------------------------------------------------------------*/
::selection,
::-moz-selection {
color: #FFFFFF;
background: #F30438;
}
/* Paragraphs */
/*--------------------------------------------------------------------------*/
p {
margin: 0 0 16px 0;
letter-spacing: 1px;
}
/* Divider */
/*--------------------------------------------------------------------------*/
hr {
margin: 64px 0 64px 0;
}
/* Listings */
/*--------------------------------------------------------------------------*/
ul, ol {
margin: 0 0 16px;
}
ul {
padding-left: 20px;
}
ol {
padding-left: 34px;
}
ul ul, ol ul, ul ol, ol ol {
margin: 0;
}
ul.no-list {
list-style: none;
}
/* Headline */
/*--------------------------------------------------------------------------*/
h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
font-family: "HelveticaNowDisplay", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0 0 1rem 0;
line-height: 1.1
}
h1, .h1 { font-size: 55px; line-height: 0.95; letter-spacing: -1.1px }
h2, .h2 { font-size: 28px; letter-spacing: 0 }
h3, .h3 { font-size: 20px; letter-spacing: 0 }
h4, .h4 { font-size: 18px; letter-spacing: 0.45px}
/* Blog post headline */
.hs-blog-post h1, .blog-post-headline h1 {
font-size: 40px;
}
@media (min-width:768px) {
h1, .h1 { font-size: 136px; line-height: 0.95; letter-spacing: -2.74px }
h2, .h2 { font-size: 55px; }
h3, .h3 { font-size: 30px; line-height: 35px; }
h4, .h4 { font-size: 24px; }
/* Blog post headline */
.hs-blog-post h1, .blog-post-headline h1 {
font-size: 100px;
}
}
/* Font-Size (mobile) */
/*--------------------------------------------------------------------------*/
.font-size-xxxl, .font-size-xxxl p { font-size: 72px; letter-spacing: 0px ; }
.font-size-xxl, .font-size-xxl p { font-size: 55px; letter-spacing: -1.1px }
.font-size-xl, .font-size-xl p { font-size: 28px; letter-spacing: 0px }
.font-size-l, .font-size-l p { font-size: 20px; letter-spacing: 0px }
.font-size-m, .font-size-m p { font-size: 18px; letter-spacing: 0px }
.font-size-s, .font-size-s p { font-size: 16px; letter-spacing: 0.8px }
.font-size-xs, .font-size-xs p { font-size: 16px; }
/* Font-Size (desktop) */
/*--------------------------------------------------------------------------*/
@media (min-width:768px) {
.font-size-xxl, .font-size-xxl p { font-size: 136px; letter-spacing: -2.74px; }
.font-size-xl, .font-size-xl p { font-size: 55px; letter-spacing: 0px; }
.font-size-l, .font-size-l p { font-size: 30px; letter-spacing: 0px }
.font-size-m, .font-size-m p { font-size: 24px; letter-spacing: 0.46px }
.font-size-s, .font-size-s p { font-size: 18px; }
.font-size-xs, .font-size-xs p { font-size: 16px; }
}
/* Alignment Helper */
/*--------------------------------------------------------------------------*/
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
@media (max-width:767px) {
.align-sm-left { text-align: left; }
.align-sm-center { text-align: center; }
.align-sm-right { text-align: right; }
}
/* Blockquotes */
/*--------------------------------------------------------------------------*/
/* Wrapper */
blockquote {
margin: 32px 32px 48px 82px;
position: relative;
font-style: italic;
quotes: "\201C""\201D""\2018""\2019";
margin: 0 0 0 62px;
}
/* Font */
blockquote, blockquote > p {
font-weight: bold;
font-style: normal;
line-height: 1.1;
}
/* Quote */
blockquote:before {
display: block;
position: absolute;
left: -66px;
top: -12px;
content:"”";
color: #F30438;
background-repeat: no-repeat;
font-size: 137px;
line-height: 1;
/* Square or Round */
}
@media (max-width: 767px) {
blockquote:before {
top: -20px;
}
}
/* Anchors */
/*--------------------------------------------------------------------------*/
.page-editor a.anchor,
.hs-inline-edit a.anchor {
display: block; position: relative;
background: #ff5488;
width: 100vw; height: 24px;
left: 50%; right: 50%;
margin-left: -50vw; margin-right: -50vw;
}
.page-editor a.anchor[id]:before,
.hs-inline-edit a.anchor[id]:before {
content: 'Anker: #'attr(id);
color: #F30438;
display: inline-block; position: absolute;
width: 100%; height: 24px;
white-space: nowrap; text-align: center;
}
/* Table */
/*--------------------------------------------------------------------------*/
table {
border-collapse: collapse;
margin-bottom: 1.4rem;
overflow-wrap: break-word;
width: 100%;
}
/* Table cells */
/*--------------------------------------------------------------------------*/
td, th {
vertical-align: top;
padding-bottom: 8.0px;
}
/* Table header */
/*--------------------------------------------------------------------------*/
thead th {
vertical-align: bottom;
}
/* Breakpoint Helper */
/*--------------------------------------------------------------------------*/
/* Tiny */
@media (max-width: 359px){
.table-break-xs tr,
.table-break-xs td {
display: block;
width: 100%;
padding-bottom: 0;
}
.table-break-xs tr {
margin-bottom: 8.0px;
}
}
/* Small */
@media (max-width:767px){
.table-break-sm tr,
.table-break-sm td {
display: block;
width: 100%;
padding-bottom: 0;
}
.table-break-sm tr {
margin-bottom: 8.0px;
}
}
/* Medium */
@media (max-width:1023px){
.table-break-md tr,
.table-break-md td {
display: block;
width: 100%;
padding-bottom: 0;
}
.table-break-md tr {
margin-bottom: 8.0px;
}
}
/*--------------------------------------------------------------------------*/
ul li {
padding-left: 5px;
}
.bulletlist-primary ul li::marker { color: #F30438; }
.bulletlist-secondary ul li::marker { color: #000000; }
.bulletlist-tertiary ul li::marker { color: #C4C4C6; }
.bulletlist-black ul li::marker { color: #000000; }
.bulletlist-white ul li::marker { color: #FFFFFF; }
.customlist-icon ul {
list-style: none;
margin: 0;
padding: 0;
}
.customlist-icon li {
position: relative;
padding-left: 30px;
}
.customlist-icon ul li::before {
content:'';
top: 5px;
background-repeat: no-repeat;
background-position: top center;
width: 17px;
height: 17px;
display: inline-block;
position: absolute;
left: 2px;
}
/* Default */
.customlist-icon ul li::before {
background: url('https://www.pidas.com/hubfs/_PIDAS%20Website%20Redesign/Content/Icons/bulletpoint-check.svg');
}
.list_spacers ul li,
.list_spacers ol li {
border-top: 1px solid lightgray;
padding-top: 10px;
padding-bottom: 10px;
}
.list_spacers ul li::before,
.list_spacers ol li::before {
top: 15px;
}
.list-nomargin ol,
.list-nomargin ul {
margin: 0;
}
figure {
margin: 0;
}
figure img {
max-width: 100%;
height: auto;
}
img.hs-image-widget {
max-width: 100%;
height: auto;
}
@media(max-width: 1023px) {
img.hs-image-widget {
width: 100%;
height: auto;
max-width: 800px;
}
.image-icon img {
max-width: 80px;
width: 100%;
height: auto;
}
}
/* TRANSFORMATION */
/*--------------------------------------------------------------------------*/
.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.flip {
transform: scaleX(-1);
}
.w100 {
width: 100%;
}
@media (max-width:767px){
.sm-w100 {
width: 100%;
}
}
.relative {
position: relative;
}
/* BORDER RADIUS HELPER CLASS */
/*--------------------------------------------------------------------------*/
.rounded-top-right {
border-top-right-radius: 140px;
overflow: hidden;
}
.rounded-top-right-xl {
border-top-right-radius: 280px;
overflow: hidden;
}
@media (max-width:767px) {
.rounded-top-right {
border-top-right-radius: 68px;
}
.rounded-top-right-xl {
border-top-right-radius: 68px;
overflow: hidden;
}
}
/* ASPECT RATIO BOX */
/*--------------------------------------------------------------------------*/
.aspect-ratio {
position: relative;
}
.aspect-ratio.ratio-6x4 {
padding-bottom: 66.6%;
}
.aspect-ratio.ratio-1x1 {
padding-bottom: 100%;
}
.aspect-ratio.ratio-4x5 {
padding-bottom: 48.25%;
}
.aspect-ratio.ratio-16x9 {
padding-bottom: 56.25%;
}
.aspect-ratio > img, .aspect-ratio > .placeholder-img, .sm-aspect-ratio > img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
@media (max-width:767px) {
.sm-aspect-ratio {
position: relative;
}
.sm-aspect-ratio.sm-ratio-1x1 {
padding-bottom: 100%;
}
.sm-aspect-ratio.sm-ratio-6x4 {
padding-bottom: 66.6%;
}
}
/* FONT SIZES CLASSES */
/*--------------------------------------------------------------------------*/
@media (min-width:767px) {
h1.fontsize100 {
font-size:100px;
}
}
@media (max-width:1023px) {
h1.tablet-hide-br br {
display:none;
}
}
@media (max-width:767px) {
h1.mobile-hide-br br {
display:none;
}
}
/* FONT COLOR CLASSES */
/*--------------------------------------------------------------------------*/
.font-color-primary,
.color-primary {
color: #F30438;
}
.font-color-secondary,
.color-secondary,
.font-color-black,
.color-black {
color: #000000;
}
.font-color-white,
.color-white {
color: #FFFFFF;
}
/* FONT WEIGHT CLASSES */
/*--------------------------------------------------------------------------*/
.font-weight-bold {
font-weight: bold;
}
.font-weight-normal {
font-weight: normal;
}
/* BACKGROUND CLASSES */
/*--------------------------------------------------------------------------*/
/* red */
.bg-primary {
background: #F30438;
}
/* black */
.bg-secondary {
background: #000000;
}
/* medium gray */
.bg-tertiary {
background: #C4C4C6;
}
/* light gray */
.bg-quaternary {
background: #F3F3F4;
}
/* FADE IN / FADE OUT CLASSES */
/*--------------------------------------------------------------------------*/
.fade-in {
opacity: 1;
transition: opacity 600ms, visibility 600ms;
-webkit-transition: opacity 600ms, visibility 600ms;
visibility: visible;
max-height: 100%;
}
.fade-out {
opacity: 0;
visibility: hidden;
max-height: 0;
}
/* ALIGN */
/*--------------------------------------------------------------------------*/
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
@media (max-width:767px) {
.align-sm-left { text-align: left; }
.align-sm-center { text-align: center; }
.align-sm-right { text-align: right; }
}
/* DISPLAY */
/*--------------------------------------------------------------------------*/
.d-none {
display: none !important;
}
.hidden {
visibility: hidden;
}
/* DISPLAY mobile (default: 576px) */
/*--------------------------------------------------------------------------*/
@media (min-width:280px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
}
/* DISPLAY tablet (default: 768px) */
/*--------------------------------------------------------------------------*/
@media (min-width:768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
}
/* DISPLAY desktop (default: 992px) */
/*--------------------------------------------------------------------------*/
@media (min-width:1024px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
}
/* DISPLAY widescreen (default: 1200px) */
/*--------------------------------------------------------------------------*/
@media (min-width:1920px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
}
/* MARGIN */
/*--------------------------------------------------------------------------*/
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
/* MARGIN CLASSES */
/*--------------------------------------------------------------------------*/
/* Mobile classes */
@media(max-width:767px){
.sm-mt-x0 { margin-top: 0px !important; }
.sm-mr-x0 { margin-right: 0px !important; }
.sm-mb-x0 { margin-bottom: 0px !important; }
.sm-ml-x0 { margin-left: 0px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.mt-x0 { margin-top: 0px !important; }
.mr-x0 { margin-right: 0px !important; }
.mb-x0 { margin-bottom: 0px !important; }
.ml-x0 { margin-left: 0px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-mt-x1 { margin-top: 16px !important; }
.sm-mr-x1 { margin-right: 16px !important; }
.sm-mb-x1 { margin-bottom: 16px !important; }
.sm-ml-x1 { margin-left: 16px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.mt-x1 { margin-top: 16px !important; }
.mr-x1 { margin-right: 16px !important; }
.mb-x1 { margin-bottom: 16px !important; }
.ml-x1 { margin-left: 16px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-mt-x2 { margin-top: 32px !important; }
.sm-mr-x2 { margin-right: 32px !important; }
.sm-mb-x2 { margin-bottom: 32px !important; }
.sm-ml-x2 { margin-left: 32px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.mt-x2 { margin-top: 32px !important; }
.mr-x2 { margin-right: 32px !important; }
.mb-x2 { margin-bottom: 32px !important; }
.ml-x2 { margin-left: 32px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-mt-x3 { margin-top: 48px !important; }
.sm-mr-x3 { margin-right: 48px !important; }
.sm-mb-x3 { margin-bottom: 48px !important; }
.sm-ml-x3 { margin-left: 48px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.mt-x3 { margin-top: 48px !important; }
.mr-x3 { margin-right: 48px !important; }
.mb-x3 { margin-bottom: 48px !important; }
.ml-x3 { margin-left: 48px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-mt-x4 { margin-top: 64px !important; }
.sm-mr-x4 { margin-right: 64px !important; }
.sm-mb-x4 { margin-bottom: 64px !important; }
.sm-ml-x4 { margin-left: 64px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.mt-x4 { margin-top: 64px !important; }
.mr-x4 { margin-right: 64px !important; }
.mb-x4 { margin-bottom: 64px !important; }
.ml-x4 { margin-left: 64px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-mt-x5 { margin-top: 80px !important; }
.sm-mr-x5 { margin-right: 80px !important; }
.sm-mb-x5 { margin-bottom: 80px !important; }
.sm-ml-x5 { margin-left: 80px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.mt-x5 { margin-top: 80px !important; }
.mr-x5 { margin-right: 80px !important; }
.mb-x5 { margin-bottom: 80px !important; }
.ml-x5 { margin-left: 80px !important; }
}
/* PADDING CLASSES */
/*--------------------------------------------------------------------------*/
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x0 { padding-top: 0px !important; }
.sm-pr-x0 { padding-right: 0px !important; }
.sm-pb-x0 { padding-bottom: 0px !important; }
.sm-pl-x0 { padding-left: 0px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x0 { padding-top: 0px !important; }
.pr-x0 { padding-right: 0px !important; }
.pb-x0 { padding-bottom: 0px !important; }
.pl-x0 { padding-left: 0px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x1 { padding-top: 16px !important; }
.sm-pr-x1 { padding-right: 16px !important; }
.sm-pb-x1 { padding-bottom: 16px !important; }
.sm-pl-x1 { padding-left: 16px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x1 { padding-top: 16px !important; }
.pr-x1 { padding-right: 16px !important; }
.pb-x1 { padding-bottom: 16px !important; }
.pl-x1 { padding-left: 16px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x2 { padding-top: 32px !important; }
.sm-pr-x2 { padding-right: 32px !important; }
.sm-pb-x2 { padding-bottom: 32px !important; }
.sm-pl-x2 { padding-left: 32px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x2 { padding-top: 32px !important; }
.pr-x2 { padding-right: 32px !important; }
.pb-x2 { padding-bottom: 32px !important; }
.pl-x2 { padding-left: 32px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x3 { padding-top: 48px !important; }
.sm-pr-x3 { padding-right: 48px !important; }
.sm-pb-x3 { padding-bottom: 48px !important; }
.sm-pl-x3 { padding-left: 48px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x3 { padding-top: 48px !important; }
.pr-x3 { padding-right: 48px !important; }
.pb-x3 { padding-bottom: 48px !important; }
.pl-x3 { padding-left: 48px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x4 { padding-top: 64px !important; }
.sm-pr-x4 { padding-right: 64px !important; }
.sm-pb-x4 { padding-bottom: 64px !important; }
.sm-pl-x4 { padding-left: 64px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x4 { padding-top: 64px !important; }
.pr-x4 { padding-right: 64px !important; }
.pb-x4 { padding-bottom: 64px !important; }
.pl-x4 { padding-left: 64px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x5 { padding-top: 80px !important; }
.sm-pr-x5 { padding-right: 80px !important; }
.sm-pb-x5 { padding-bottom: 80px !important; }
.sm-pl-x5 { padding-left: 80px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x5 { padding-top: 80px !important; }
.pr-x5 { padding-right: 80px !important; }
.pb-x5 { padding-bottom: 80px !important; }
.pl-x5 { padding-left: 80px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x6 { padding-top: 96px !important; }
.sm-pr-x6 { padding-right: 96px !important; }
.sm-pb-x6 { padding-bottom: 96px !important; }
.sm-pl-x6 { padding-left: 96px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x6 { padding-top: 96px !important; }
.pr-x6 { padding-right: 96px !important; }
.pb-x6 { padding-bottom: 96px !important; }
.pl-x6 { padding-left: 96px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x7 { padding-top: 112px !important; }
.sm-pr-x7 { padding-right: 112px !important; }
.sm-pb-x7 { padding-bottom: 112px !important; }
.sm-pl-x7 { padding-left: 112px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x7 { padding-top: 112px !important; }
.pr-x7 { padding-right: 112px !important; }
.pb-x7 { padding-bottom: 112px !important; }
.pl-x7 { padding-left: 112px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x8 { padding-top: 128px !important; }
.sm-pr-x8 { padding-right: 128px !important; }
.sm-pb-x8 { padding-bottom: 128px !important; }
.sm-pl-x8 { padding-left: 128px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x8 { padding-top: 128px !important; }
.pr-x8 { padding-right: 128px !important; }
.pb-x8 { padding-bottom: 128px !important; }
.pl-x8 { padding-left: 128px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x9 { padding-top: 144px !important; }
.sm-pr-x9 { padding-right: 144px !important; }
.sm-pb-x9 { padding-bottom: 144px !important; }
.sm-pl-x9 { padding-left: 144px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x9 { padding-top: 144px !important; }
.pr-x9 { padding-right: 144px !important; }
.pb-x9 { padding-bottom: 144px !important; }
.pl-x9 { padding-left: 144px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x10 { padding-top: 160px !important; }
.sm-pr-x10 { padding-right: 160px !important; }
.sm-pb-x10 { padding-bottom: 160px !important; }
.sm-pl-x10 { padding-left: 160px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x10 { padding-top: 160px !important; }
.pr-x10 { padding-right: 160px !important; }
.pb-x10 { padding-bottom: 160px !important; }
.pl-x10 { padding-left: 160px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x11 { padding-top: 176px !important; }
.sm-pr-x11 { padding-right: 176px !important; }
.sm-pb-x11 { padding-bottom: 176px !important; }
.sm-pl-x11 { padding-left: 176px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x11 { padding-top: 176px !important; }
.pr-x11 { padding-right: 176px !important; }
.pb-x11 { padding-bottom: 176px !important; }
.pl-x11 { padding-left: 176px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x12 { padding-top: 192px !important; }
.sm-pr-x12 { padding-right: 192px !important; }
.sm-pb-x12 { padding-bottom: 192px !important; }
.sm-pl-x12 { padding-left: 192px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x12 { padding-top: 192px !important; }
.pr-x12 { padding-right: 192px !important; }
.pb-x12 { padding-bottom: 192px !important; }
.pl-x12 { padding-left: 192px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x13 { padding-top: 208px !important; }
.sm-pr-x13 { padding-right: 208px !important; }
.sm-pb-x13 { padding-bottom: 208px !important; }
.sm-pl-x13 { padding-left: 208px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x13 { padding-top: 208px !important; }
.pr-x13 { padding-right: 208px !important; }
.pb-x13 { padding-bottom: 208px !important; }
.pl-x13 { padding-left: 208px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x14 { padding-top: 224px !important; }
.sm-pr-x14 { padding-right: 224px !important; }
.sm-pb-x14 { padding-bottom: 224px !important; }
.sm-pl-x14 { padding-left: 224px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x14 { padding-top: 224px !important; }
.pr-x14 { padding-right: 224px !important; }
.pb-x14 { padding-bottom: 224px !important; }
.pl-x14 { padding-left: 224px !important; }
}
/* Mobile classes */
@media(max-width:767px){
.sm-pt-x15 { padding-top: 240px !important; }
.sm-pr-x15 { padding-right: 240px !important; }
.sm-pb-x15 { padding-bottom: 240px !important; }
.sm-pl-x15 { padding-left: 240px !important; }
}
/* Desktop classes */
@media(min-width:768px) {
.pt-x15 { padding-top: 240px !important; }
.pr-x15 { padding-right: 240px !important; }
.pb-x15 { padding-bottom: 240px !important; }
.pl-x15 { padding-left: 240px !important; }
}
/* PADDING CLASSES FOR DRAG AND DROP TEMPLATES */
/*--------------------------------------------------------------------------*//* DIVERSE */
/*--------------------------------------------------------------------------*/
.richtext-wrapper img {
width: 100%!important;
}
leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
background-image: url(images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
/* Popup - Wrapper */
/*--------------------------------------------------------------------------*/
.popup {
position: fixed;
width: 100vw;
height: 100vh;
overflow: auto;
z-index: 1000;
left: 0;
top: 0;
}
/* contact form popup */
.popup.popup-type-form-contact.open {
z-index: 99999;
}
/* Popup - Modal */
/*--------------------------------------------------------------------------*/
.popup > .popup-inner {
background: #FFFFFF;
padding: 96px 96px 72.0px 32px;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 84px;
margin-bottom: 80px;
z-index: 1002;
min-width: 280px;
width: 80%;
max-width: 1438px;
min-height: 280px;
border-radius: 0px 280px 0px 0px;
overflow: auto;
}
.popup.popup-type-video > .popup-inner {
background: transparent;
padding: 96px 32px 64px 32px;
margin-top: 0;
margin-bottom: 0;
top: 50%;
transform: translateY(-50%);
}
.popup.popup-type-video .popup-content {
border-radius: 0px 280px 0px 0px;
}
/* Popup - Animation And Overlay */
/*--------------------------------------------------------------------------*/
.popup-overlay {
background: #2B2E34;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1001;
}
.popup, .popup-overlay {
opacity: 0;
transition: opacity 300ms;
}
.popup.open {
opacity: 1;
}
.popup-overlay.open {
opacity: 0.5;
}
/* Popup - Open Trigger Classname */
/*--------------------------------------------------------------------------*/
.popup-open {
cursor: pointer;
}
/* Popup - Close Button With CSS Cross Icon */
/*--------------------------------------------------------------------------*/
.popup-close {
position: absolute;
left: 32px;
top: 32px;
font-size: 64px;
font-weight: 300;
cursor: pointer;
width: 32px;
height: 32px;
}
.popup-close:hover::before,
.popup-close:hover::after {
background-color: #F30438;
}
.popup-close::before, .popup-close::after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: #000000;
transition: background-color 300ms;
}
.popup-close::before {
transform: rotate(45deg);
}
.popup-close::after {
transform: rotate(-45deg);
}
/* Popup - Type Video (White-Close-Button) */
/*--------------------------------------------------------------------------*/
.popup-type-video .popup-close::before,
.popup-type-video .popup-close::after {
background-color: #FFFFFF;
}
.popup-type-video .popup-close:hover::before,
.popup-type-video .popup-close:hover::after {
background-color: #F30438;
}
.popup-type-video > .popup-inner {
max-width: 1344px; /* eq HD-Ready 720p */
}
/* Popup - Responsive Behavior */
/*--------------------------------------------------------------------------*/
@media (max-width:767px) {
.popup > .popup-inner {
width: 100%;
border-radius: 0;
padding-right: 32px;
margin:0;
}
}
@media (min-width:768px) and (max-width:1023px) {
.popup > .popup-inner {
border-top-right-radius: 68px;
padding-right: 32px;
}
.popup-type-form-contact {
padding: 0 16px 0 16px;
}
}
@media (min-width:1024px) {
.popup-type-form-contact h2 {
font-size: 72px;
}
}
/* Video Popup Fix */
@media (max-width:1919px) {
.popup-type-video > .popup-inner {
width: 100%;
padding-right: 16px !important;
padding-left: 16px !important;
}
}
/* Popup Helper */
/*--------------------------------------------------------------------------*/
body.modal-open {
overflow: hidden;
}
/* Cookie Banner*/
/*--------------------------------------------------------------------------*/
body div#hs-eu-cookie-confirmation {
font-size:16px;
border-top:none;
border-radius: 0px 140px 0px 0px;
overflow: hidden;
}
@media (max-width:767px){
body div#hs-eu-cookie-confirmation {
border-radius: 0px 68px 0px 0px;
}
body div#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
padding:60px 20px !important;
}
}
@media screen and (max-width: 480px) {
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
padding:60px 20px !important;
}
body #hs-eu-cookie-confirmation-button-group {
justify-content: flex-start !important;
}
}
@media (min-width:768px){
body div#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
max-width: 1438px !important;
padding:60px 20px !important;
}
}
/*@media (min-width:768px){
body div#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
max-width: 1438px !important;
display:grid;
padding:60px 20px !important;
grid-template-columns: 100%;
}
body #hs-eu-policy-wording {
grid-column: 1/1;
grid-row: 1/1;
margin-bottom:0 !important;
}
body #hs-eu-cookie-disclaimer {
grid-column: 1/1;
grid-row: 2/2;
}
body #hs-en-cookie-confirmation-buttons-area {
grid-column: 1/1;
grid-row: 3/3;
align-items: flex-start !important;
justify-content: center !important;
}
body #hs-en-cookie-confirmation-buttons-area a {
text-align:center !important;
}
}*/
body #hs-en-cookie-confirmation-buttons-area {
justify-content:flex-start !important;
padding-top:20px;
}
body div#hs-eu-cookie-confirmation div p {
color:black !important;
}
body div#hs-eu-cookie-confirmation div#hs-eu-policy-wording a,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button {
color: #C4C4C6 !important;
}
body div#hs-eu-cookie-confirmation div#hs-eu-policy-wording a:hover
{
color: #F30438 !important;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button{
padding: 15px 16px!important;
display: inline-block;
font-size: 23px;
text-decoration: none;
border-radius: 28px;
letter-spacing: 0.46px;
transition: .4s;
cursor: pointer;
background-color: transparent !important;
border: 2px solid #F30438 !important;
color: #F30438;
}
@media (max-width:767px){
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button{
font-size: 16px;
padding:10px 16px!important;
display:inline-block;
}
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button {
order:3;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button{
background-color: transparent !important;
border: 2px solid #C4C4C6 !important;
color: #C4C4C6;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover {
background-color: #F30438 !important;
color: #fff;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:hover,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button:hover{
background-color: #C4C4C6 !important;
color: #fff !important;
text-decoration:none !important;
}
/* total width */
::-webkit-scrollbar {
background-color: #FFFFFF;
width: 16px;
}
/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
background-color: #FFFFFF;
}
/* scrollbar itself */
::-webkit-scrollbar-thumb {
background-color: #C4C4C6;
border-radius: 16px;
border: 2px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:hover {
background-color: #A9A9A9;
border-radius: 16px;
border: 2px solid #FFFFFF;
}
/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
display: none;
}
/* HubSpot Form Configuration */
/*--------------------------------------------------------------------------*/
/* 0. Constants */
/*--------------------------------------------------------------------------*/
/* 1. Form */
/*--------------------------------------------------------------------------*/
/* 2. Labels */
/*--------------------------------------------------------------------------*/
/* 3. Helper */
/*--------------------------------------------------------------------------*/
/* 4. Consent */
/*--------------------------------------------------------------------------*/
/* 5. ReCaptcha */
/*--------------------------------------------------------------------------*/
/* 6. Inputs */
/*--------------------------------------------------------------------------*/
/* 7. Select And Checkbox */
/*--------------------------------------------------------------------------*/
/* 8. Dropdowns */
/*--------------------------------------------------------------------------*/
/* 9. Number */
/*--------------------------------------------------------------------------*/
/* 10. Error Validation */
/*--------------------------------------------------------------------------*/
/* 11. Boolean */
/*--------------------------------------------------------------------------*/
/* 12. Datetime */
/*--------------------------------------------------------------------------*/
/* 13. Uploads */
/*--------------------------------------------------------------------------*/
/* 14. Button */
/*--------------------------------------------------------------------------*/
/* 15. Membership */
/*--------------------------------------------------------------------------*/
/* 16. Grid */
/*--------------------------------------------------------------------------*/
/* GLOBAL FORM - TEXT, TITLE AND LABELS */
/*--------------------------------------------------------------------------*/
.hs-form {
clear: both;
font-family: "HelveticaNowDisplay", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0 16px;
font-style: normal;
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
.hs-form {
/* fix body desktop vs. mobile font-size */
font-size: 23px;
}
.hs-form-booleancheckbox {
font-size: 14px;
}
/* Newsletter abo form */
.newsletter-subscribe .form-title {
display: none!important;
}
.hs_cos_wrapper.form-title, .form-title {
padding: 0!important;
display: none;
}
@media(max-width: 767px) {
.hs-form {
font-size: 18px;
}
/* Newsletter abo form */
.newsletter-subscribe fieldset>.hs-richtext.hs-main-font-element {
margin-top: 24.0px;
}
}
/* ALL FOTM TEXT, TITLE AND LABELS */
/*--------------------------------------------------------------------------*/
/* Additional HuSpot Form Types: (from system not forms)
* Subscription Preferences (module) --> #email-prefs-form
* Backup Unsubscribe (module) --> #email-prefs-form
*/
.hs_cos_wrapper.form-title,
.form-title {
padding: 0 16px 16px 16px;
font-size: 16px;
text-align: center;
}
.container .form-title,
.container .hs-form {
padding: 0;
}
/* Labels and Titels */
.hs-form .hs-form-field > label,
.hs-form .field[role="search"] > label,
.hs-form .hs-fieldtype-booleancheckbox:before {
display: inline-block;
font-size: 16px;
color: #000000;
line-height: 1.25;
margin-bottom: 8.0px;
}
/* Requied Symbol Color in Labels */
.hs-form .hs-form-required {
margin-left: 1px;
color: red;
}
/* Hidden Fields If Not Hide By Browser Defaults */
.hs-form input[hidden] {
display: none !important;
}
/* HubSpot Text Block Between Input Elements */
.hs-form .hs-richtext:not(.hs-main-font-element) {
margin-top: 32px;
margin-bottom: -8.0px;
}
.hs-form div:not(.hs-richtext) + .hs-richtext {
margin-top: 0; /* 8.0px */
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
.invert-form .hs-form-field > label,
.invert-form .field[role="search"] > label,
.invert-form .hs-fieldtype-booleancheckbox:before,
.invert-form .hs-form-radio > label,
.invert-form .hs-form-checkbox > label,
.invert-form .submitted-message {
color: #FFFFFF;
}
.hs-form .hs-form-field.hs_newsletter-subscribe > label {
display: none;
}
.hs-form label em {
color: red;
}
/* DEFAULT INPUT FIELDS */
/*--------------------------------------------------------------------------*/
/* Inputs (selectors for all inputs) */
.hs-form input[type='text'], .hs-form input[type='number'], .hs-form input[type='email'], .hs-form input[type='search'], .hs-form input[type='password'], .hs-form input[type='tel'], .hs-form input[type='url'], .hs-form input[type='date'], .hs-form input[type='file'],
.hs-form button, .hs-form optgroup,
.hs-form select, .hs-form textarea,
.hs-form .select-selected {
display: inline-block;
border: 1px solid #4F4F4F;
background: transparent;
box-shadow: none;
padding: 8px 0px;
width: 100%;
border-radius: 0px;
line-height: 1.25;
margin: 0;
font-family: inherit;
font-size: 16px;
font-weight: 400;
text-align: left;
color: #000000;
}
/* Input Defaults */
.hs-form input[type='text'], .hs-form input[type='number'], .hs-form input[type='email'], .hs-form input[type='search'], .hs-form input[type='password'], .hs-form input[type='tel'], .hs-form input[type='url'], .hs-form input[type='date'], .hs-form input[type='file'],
.hs-form button, .hs-form optgroup,
.hs-form select, .hs-form textarea,
.select-selected {
outline: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Inputs in Focus */
.hs-form input:focus,
.hs-form textarea:focus,
.hs-form select:focus {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
outline: 0;
}
/* Equal Height Inputs */
.hs-form input:not(.hs-button),
.hs-form select {
height: 40px;
}
/* Textareas */
.hs-form textarea,
.hs-fieldtype-textarea {
width: 100% !important;
min-height: 96px;
}
/* Placeholder */
.hs-form .select-selected.placeholder,
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
}
/* Hidden Fields If Not Hide By Browser Defaults */
.hs-form input[hidden] {
display: none !important;
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
.hs-form input[type='text'], .hs-form input[type='number'], .hs-form input[type='email'], .hs-form input[type='search'], .hs-form input[type='password'], .hs-form input[type='tel'], .hs-form input[type='url'], .hs-form input[type='date'], .hs-form input[type='file'],
.hs-form textarea {
border-top: 1px solid transparent !important;
border-left: 1px solid transparent !important;
border-right: 1px solid transparent !important;
border-bottom: 1px solid #000000;
}
.invert-form input[type='text'], .invert-form input[type='number'], .invert-form input[type='email'], .invert-form input[type='search'], .invert-form input[type='password'], .invert-form input[type='tel'], .invert-form input[type='url'], .invert-form input[type='date'], .invert-form input[type='file'],
.invert-form textarea {
border-bottom: 1px solid #FFFFFF;
}
.invert-form input[type='text'],
.invert-form input[type='number'],
.invert-form input[type='email'],
.invert-form input[type='search'],
.invert-form input[type='password'],
.invert-form input[type='tel'],
.invert-form input[type='url'],
.invert-form input[type='date'],
.invert-form input[type='file'],
.invert-form button,
.invert-form optgroup,
.invert-form select,
.invert-form textarea,
.invert-form .select-selected {
color: #FFFFFF;
}
/* DESCRIPTIONS */
/*--------------------------------------------------------------------------*/
.hs-form .hs-field-desc {
font-size: 12px;
color: gray;
line-height: 1.25;
margin-bottom: 8.0px;
margin-top: -8.0px;
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
/* CUSTOM CHECKBOX AND RADIO FIELDS */
/*--------------------------------------------------------------------------*/
.hs-form .inputs-list,
.hs-form-booleancheckbox {
padding-left: 0;
margin: 0;
list-style: none;
}
.hs-form-radio,
.hs-form-checkbox,
.hs-form-booleancheckbox,
.email-prefs .item,
.subscribe-options {
display: table;
margin-bottom: 16px;
border: 0;
margin: 0 !important;
}
/* Customize the label (the container) */
.hs-form-radio label,
.hs-form-checkbox label,
.hs-form-booleancheckbox label,
.email-prefs .item .fakelabel,
.subscribe-options label {
display: table-cell;
vertical-align: middle;
height: 40px; /* 42px */
position: relative;
padding-left: 32px;
padding-right: 16px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.email-prefs .item p,
.subscribe-options > p:first-child {
padding-left: 32px;
}
/* Hide the browser's default checkbox */
.hs-form-radio input,
.hs-form-checkbox input,
.hs-form-booleancheckbox input,
.email-prefs .item input,
.subscribe-options input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Label Text */
.hs-form .hs-form-radio span,
.hs-form .hs-form-checkbox span,
.email-prefs .item .fakelabel span,
.subscribe-options span {
vertical-align: baseline;
line-height: 1.25;
}
/* Create a custom checkbox */
.hs-form .hs-form-radio label > span:before,
.hs-form .hs-form-checkbox label > span:before,
.hs-form .hs-form-booleancheckbox label > span:before,
.email-prefs .item .fakelabel > span:nth-child(2):before,
.subscribe-options label > span:before {
left: 0;
position: absolute;
display: block;
content: "";
background-color: transparent;
border: 1px solid #4F4F4F;
}
.hs-form .hs-form-checkbox label > span:before,
.hs-form .hs-form-booleancheckbox label > span:before,
.email-prefs .item .fakelabel > span:nth-child(2):before,
.subscribe-options label > span:before {
width: 16px;
height: 16px;
top: 4.0px;
}
.hs-form .hs-form-radio label > span:before {
width: 18px;
height: 18px;
top: 3.0px;
}
/* Border Radius */
.hs-form .hs-form-radio span:before {
border-radius: 50%;
}
.hs-form .hs-form-checkbox label > span:before,
.hs-form .hs-form-booleancheckbox label > span:before,
.email-prefs .item .fakelabel > span:nth-child(2):before,
.subscribe-options label > span:before {
border-radius: 0px;
}
/* On mouse-over, add a grey background color */
.hs-form-radio:hover input + span:before,
.hs-form-checkbox:hover input + span:before,
.hs-form-booleancheckbox:hover input + span:before,
.email-prefs .item:hover .fakelabel > input + span:nth-child(2):before,
.subscribe-options label:hover input + span:before {
background-color: #C0C0C0;
}
/* When the checkbox is checked background */
.hs-form .hs-form-radio input:checked + span:before,
.hs-form .hs-form-checkbox input:checked + span:before,
.hs-form .hs-form-booleancheckbox input:checked + span:before,
.email-prefs .item .fakelabel > input:checked + span:nth-child(2):before,
.subscribe-options input:checked + span:before {
background-color: #FFFFFF;
}
/* Create the checkmark/indicator (hidden when not checked) */
.hs-form-radio span:after,
.hs-form-checkbox span:after,
.hs-form-booleancheckbox span:after {
content: "";
position: absolute;
display: none;
}
.email-prefs .item .fakelabel > span:nth-child(2):after,
.subscribe-options label > span:after {
position: absolute;
opacity: 0;
}
/* Show the checkmark when checked */
.hs-form-radio input:checked ~ span:after,
.hs-form-checkbox input:checked ~ span:after,
.hs-form-booleancheckbox input:checked ~ span:after {
display: block;
}
.email-prefs .item .fakelabel > input:checked + span:nth-child(2):after,
.subscribe-options input:checked ~ span:after {
opacity: 1;
}
/* Style the checkmark/indicator */
.hs-form-booleancheckbox label > span:after,
.hs-form-checkbox label > span:after,
.email-prefs .item .fakelabel > span:nth-child(2):after,
.subscribe-options label > span:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f00c"; /* Checked */
left: 0;
top: 4.0px;
font-size: 16px;
line-height: 16px;
text-align: center;
width: 16px;
height: 16px;
border: 1px solid transparent;
}
/* Style the selection/indicator */
.hs-form-radio label > span:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f00c"; /* Checked */
left: 0;
top: 3.0px;
font-size: 16px;
line-height: 16px;
text-align: center;
width: 18px;
height: 18px;
border: 1px solid transparent;
}
/* Style the boolean/indicator */
.hs-form-booleancheckbox label > span:after {
left: 0;
top: 4.0px;
height: 16px;
width: 16px;
background-color: transparent;
border: 1px solid #4F4F4F;
border-radius: 0px;
-webkit-transition: -webkit-transform 150ms ease;
-ms-transition: -ms-transform 150ms ease;
transition: transform 150ms ease;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
/* Required Field Pass Validation */
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
}
/* Requied Input Focus */
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
box-shadow: none;
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
.hs-form .hs_anrede_neu {
margin-top: 0 !important;
}
.hs-form .hs_anrede_neu > label {
display: none !important;
}
.hs-form .hs-form-radio span,
.hs-form .hs-form-checkbox span,
.email-prefs .item .fakelabel span,
.subscribe-options span {
font-size: 16px;
}
.hs-form-radio label > span:after,
.hs-form-booleancheckbox label > span:after,
.hs-form-checkbox label > span:after,
.email-prefs .item .fakelabel > span:nth-child(2):after,
.subscribe-options label > span:after {
content: '';
background-color: #000000;
width: 12px;
height: 12px;
border: 0;
margin-left: 2.0px;
margin-top: 2.0px;
}
.hs-form-booleancheckbox label > span:after,
.hs-form-checkbox label > span:after,
.email-prefs .item .fakelabel > span:nth-child(2):after,
.subscribe-options label > span:after {
content: '\f00c';
font-size: 11px;
line-height: 1;
padding: 1px;
color: #fff;
}
.invert-form .hs-form-radio label > span:after,
.invert-form .hs-form-booleancheckbox label > span:after,
.invert-form .hs-form-checkbox label > span:after,
.invert-form .email-prefs .item .fakelabel > span:nth-child(2):after,
.invert-form .subscribe-options label > span:after {
background-color: #FFFFFF;
color: #000;
}
.hs-form-radio label > span:after {
border-radius: 6.0px;
margin-left: 3.0px;
margin-top: 3.0px;
}
.hs-form .hs-form-radio label > span:before,
.hs-form .hs-form-radio label > span:after,
.hs-form .hs-form-checkbox label > span:before,
.hs-form .hs-form-checkbox label > span:after {
top: 12.0px;
}
.email-prefs .item .fakelabel, .email-prefs .item .item-inner p, .subscribe-options label {
padding-left: 24.0px;
margin: 0!important;
vertical-align: unset;
}
.email-prefs .item p, .subscribe-options>p:first-child {
padding-left: 0;
}
.email-prefs .item .fakelabel > span, .subscribe-options span {
position: relative;
}
.email-prefs .item .fakelabel > span:nth-child(2):before,
.email-prefs .item .fakelabel > span:nth-child(2):after,
.subscribe-options label > span:before,
.subscribe-options label > span:after {
top: 4px;
left: -24px;
}
.invert-form .hs-form-radio label > span:before,
.invert-form .hs-form-checkbox label > span:before,
.invert-form .hs-form-booleancheckbox label > span:before,
.invert-form .email-prefs .item .fakelabel > span:nth-child(2):before,
.invert-form .subscribe-options label > span:before {
border-color: #FFFFFF;
}
@media (max-width: 767px) {
.subscribe-options > p:first-child {
padding-left: 0;
}
.email-prefs .item {
padding-left: 0!important;
padding-right: 0!important;
}
.email-prefs .item .fakelabel > span:nth-child(2):before,
.email-prefs .item .fakelabel > span:nth-child(2):after,
.subscribe-options label > span:before,
.subscribe-options label > span:after {
top: 4px;
}
}
/* SPECIAL BOOLEN CHECKBOX [ EXTEND THE CHECKBOX AND RADIO SECION ] */
/*--------------------------------------------------------------------------*/
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
/* DSGVO Text Privacy Policy */
/*--------------------------------------------------------------------------*/
.hs-form .legal-consent-container {
margin-top: 32px;
}
.hs-form .legal-consent-container .hs-form-field {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.hs-form .legal-consent-container .hs-richtext {
margin-top: 16px;
}
.hs-form .legal-consent-container p {
color: #000000;
font-size: 13px;
line-height: 1.25;
}
.hs-form .legal-consent-container > .hs-richtext + div:not(.hs-richtext) {
margin-top: 16px;
}
.hs-form .legal-consent-container > .hs-richtext:last-child {
margin-bottom: 16px;
}
.hs-form .legal-consent-container .hs-form-booleancheckbox {
margin-bottom: 0;
}
.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
vertical-align: baseline;
font-size: 13px;
line-height: 1.25;
margin-left: 0 !important;
}
.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span p {
margin-left: 0 !important;
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
.invert-form .legal-consent-container p {
color: #FFFFFF;
}
.invert-form .legal-consent-container .hs-form-required {
font-size: 12px;
}
.hs-form .legal-consent-container .hs-error-msgs {
padding-left: 32px !important;
}
/* DATETIME INPUT FIELD */
/*--------------------------------------------------------------------------*/
/* .hs-fieldtype-date */
.hs-dateinput .hs-input {
cursor: pointer;
vertical-align: middle;
display: inline-block;
line-height: 24px !important;
-webkit-appearence: none;
-webkit-min-logical-width: calc( 100% - 0px);
}
.hs-dateinput input {
background: transparent;
padding-right: 40px;
-webkit-padding-end: 40px;
-webkit-padding-start: 8px;
}
/* DATETIME PICKER CALENDAR */
/*--------------------------------------------------------------------------*/
.hs-form .hs-datepicker .pika-button {
text-align: center;
}
.hs-form .hs-datepicker .is-today .pika-button {
color: transparent !important;
}
.hs-form .hs-datepicker .fn-date-picker .pika-button:hover {
background: #C0C0C0 !important;
}
.hs-form .hs-datepicker .fn-date-picker .is-selected .pika-button {
box-shadow: none;
background: transparent !important;
}
.hs-form .hs-dateinput:before {
right: 0px;
font-size: 16px;
}
.hs-form .hs-dateinput input {
padding-right: 40px !important;
}
.hs-form .hs-dateinput:after {
/* Icon */
box-sizing: border-box;
font-family: "", "Font Awesome 5 Free";
font-weight: bold;
font-size: 18px;
content: "\f073"; /* Calendar */
text-align: center;
vertical-align: middle;
line-height: 38px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border: 1px solid #4F4F4F;
/* Block */
width: 40px;
height: 40px;
background: transparent;
position: absolute;
right: 0;
pointer-events: none;
cursor: pointer;
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
/* SELECT FIELD AND DROPDOWN */
/*--------------------------------------------------------------------------*/
/* Dropdown Default Select */
.hs-form select,
.hs-form .select-selected {
position: relative;
height: 40px;
padding-top: 0;
padding-bottom: 0;
line-height: 38px;
width: 100% !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
padding-left: 0px;
padding-right: 40px;
-webkit-padding-end: 40px;
-webkit-padding-start: 0px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hs-form .select-selected {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* CARRET 1 - Css Dropdown Caret */
/*--------------------------------------------------------------------------*/
/* (!icons=true and active=true) */
/* CARRET 2 - Icon Font Dropdown Caret */
/*--------------------------------------------------------------------------*/
/* (icons=true and active=true) */
.hs-form .hs-fieldtype-select .select-selected:after {
position: absolute;
pointer-events: none;
display: block;
font-family: "Font-Awesome", "Font Awesome 5 Free";
font-weight: bold;
content: "\f107"; /* Caret open */
right: 15.0px;
top: 0;
}
.hs-form .hs-fieldtype-select .select-arrow-active.select-selected:after {
content: "\f106"; /* Caret Close*/
}
/* CARRET 3 - Icon Font Nativ Field Arrow */
/*--------------------------------------------------------------------------*/
/* (icons=true and !active=true) */
/* CARRET 4 - Css Nativ Field Arrow */
/*--------------------------------------------------------------------------*/
/* (!icons=true and !active=true) */
/* CUSTOM DROPDOWN DOM FROM JS */
/*--------------------------------------------------------------------------*/
/* Style items (options): */
.hs-form .select-items {
position: absolute;
background-color: #FFFFFF;
top: 68.0px;
left: 0;
right: 0;
z-index: 99;
margin-top: -1px;
border: 1px solid #4F4F4F;
border-radius: 0px;
border-top-left-radius: 0;
border-top-right-radius: 0;
overflow-x: hidden;
overflow-y: auto;
height: auto;
max-height: 190.0px;
text-align: left;
}
.hs-form .select-group {
padding: 8px 0;
}
.hs-form .select-group .select-group-label {
display: block;
width: 100%;
color: #000000;
padding: 8px 0px;
line-height: 1.25;
font-weight: bold;
}
/* style the items (options), including the selected item: */
.hs-form .select-items .select-option {
color: #000000;
padding: 8px 0px;
font-size: 16px;
line-height: 1.25;
border: 1px solid #4F4F4F;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
border-left-width: 0;
border-right-width: 0;
cursor: pointer;
}
.hs-form .select-items .select-option:last-child {
border-bottom: none;
}
/* Hide the items when the select box is closed: */
.hs-form .select-hide {
display: none;
}
.hs-form .select-items .select-option:hover,
.hs-form .select-items .same-as-selected {
color: #000000;
background-color: #C0C0C0;
}
.select-selected.select-arrow-active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
.hs-form select,
.hs-form .select-selected {
border-top: 1px solid transparent !important;
border-left: 1px solid transparent !important;
border-right: 1px solid transparent !important;
border-bottom: 1px solid #000000;
}
.hs-form .select-items .select-option {
padding-left: 16px;
padding-right: 16px;
}
.invert-form select,
.invert-form .select-selected {
border-bottom: 1px solid #FFFFFF;
}
.invert-form .hs-fieldtype-select .input:after,
.invert-form .select-items .select-option,
.invert-form select option {
color: #000000;
}
.hs-form .select-items {
top: 75px;
}
.invert-form .select-items {
background: #FFFFFF;
}
/* Diffrent Arrows
* https://fontawesome.com/v5.15/icons?d=gallery&p=2&q=arrow&m=free
*/
.hs-form .hs-fieldtype-select .select-selected:after {
/* */
content: "\f078";
}
.hs-form .hs-fieldtype-select .select-arrow-active.select-selected:after {
/* */
content: "\f077";
}
/* SPECIAL MEMBERSHIP FORM */
/*--------------------------------------------------------------------------*/
.hs-register-widget-show-password,
.hs-login-widget-show-password,
.hs-reset-widget-show-password {
display: inline-block;
float: right;
line-height: 1.25;
margin-bottom: 8.0px;
}
#hs-login-widget-remember {
height: auto !important;
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
appearance: checkbox !important;
}
#hs-pwd-widget-password {
height: 40px !important;
margin-top: 16px !important;
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
/* SETP UP - STEP DOWN - CUSTOM INPUT NUMBER */
/*--------------------------------------------------------------------------*/
/* Remove Default Number Appearance */
.hs-form input[type="number"],
.hs-form input[type="number"]:focus {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.hs-form input[type="number"]::-webkit-inner-spin-button,
.hs-form input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Border Radius If With Or Without Custom JS Buttons */
.hs-form input[type="number"] {
border-radius: 0px;
}
.hs-form .custom-numbers-field input[type="number"] {
border-radius: 0;
}
/* Create New Display Layout */
.hs-fieldtype-number .input {
display: flex;
box-sizing: border-box;
width: 100%;
}
.hs-fieldtype-number .input.custom-numbers-field .hs-input {
width: calc(100% - 80px ) !important;
text-align: center;
}
/* Add New Numeric Buttons (need-js-component) */
.hs-fieldtype-number button {
align-items: center;
justify-content: center;
text-align: center;
width: 40px;
height: 40px;
padding-left: 8.0px;
padding-right:8.0px;
position: relative;
display: inline-block;
cursor: pointer;
}
.hs-fieldtype-number button.hs-stepDown {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.hs-fieldtype-number button.hs-stepUp {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.hs-fieldtype-number button.hs-stepDown::after {
font-family: "Font-Awesome", "Font Awesome 5 Free";
font-weight: bold;
content: "\f068"; /* Minus */
}
.hs-fieldtype-number button.hs-stepUp:after {
font-family: "Font-Awesome", "Font Awesome 5 Free";
font-weight: bold;
content: "\f067"; /* Plus */
}
/* end hs_numbers.active */
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
/* RECAPTCHA */
/*--------------------------------------------------------------------------*/
.hs_recaptcha {
display: none !important;
margin-top: 24.0px;
margin-bottom: 40.0px;
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
/* SUBMIT BUTTON */
/*--------------------------------------------------------------------------*/
/*.hs-form .hs-button.primary,*/
.hs-form input[type="submit"],
.hs-form input[type="button"] {
display: inline-block;
background: transparent;
color: #000000;
width: auto;
padding: 14px 85px;
margin-top: 16px;
font-weight: bold;
transition: all 300ms ease-in-out;
border-radius: 0px;
border: 1px solid #000000;
cursor: pointer;
}
/*.hs-form .hs-button.primary:hover,*/
.hs-form input[type="submit"]:hover,
.hs-form input[type="button"]:hover {
background: #C0C0C0;
color: #000000;
}
.hs-form .actions {
margin-top: 16px;
}
@media (max-width: 767px) {
/*.hs-form .hs-button.primary,*/
.hs-form input[type="submit"],
.hs-form input[type="button"] {
width: 100%;
}
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
.hs-form input[type="submit"],
.hs-form input[type="button"] {
padding: 11px 22px;
font-size: 23px;
font-weight: normal;
border-radius: 28px;
letter-spacing: 0.46px;
transition: .4s;
background-color: transparent;
border: 2px solid #F30438;
color: #F30438;
}
.hs-form input[type="submit"]:hover,
.hs-form input[type="button"]:hover {
background-color: #F30438;
color: #FFFFFF;
}
.invert-form input[type="submit"],
.invert-form input[type="button"] {
background-color: transparent;
border: 2px solid #FFFFFF;
color: #FFFFFF;
margin-top: 48px;
}
.invert-form input[type="submit"]:hover,
.invert-form input[type="button"]:hover {
background-color: #FFFFFF;
color: #000;
}
.newsletter-abonnement .hs-form .hs-actions {
margin-top: 0;
}
@media(max-width: 767px) {
.hs-form input[type="submit"],
.hs-form input[type="button"] {
font-size: 16px;
display: inline-block;
width: auto;
}
}
/* DSGVO Text Privacy Policy */
/*--------------------------------------------------------------------------*/
.hs-form .legal-consent-container {
margin-top: 32px;
}
.hs-form .legal-consent-container .hs-form-field {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.hs-form .legal-consent-container .hs-richtext {
margin-top: 16px;
}
.hs-form .legal-consent-container p {
color: #000000;
font-size: 13px;
line-height: 1.25;
}
.hs-form .legal-consent-container > .hs-richtext + div:not(.hs-richtext) {
margin-top: 16px;
}
.hs-form .legal-consent-container > .hs-richtext:last-child {
margin-bottom: 16px;
}
.hs-form .legal-consent-container .hs-form-booleancheckbox {
margin-bottom: 0;
}
.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
vertical-align: baseline;
font-size: 13px;
line-height: 1.25;
margin-left: 0 !important;
}
.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span p {
margin-left: 0 !important;
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
.invert-form .legal-consent-container p {
color: #FFFFFF;
}
.invert-form .legal-consent-container .hs-form-required {
font-size: 12px;
}
.hs-form .legal-consent-container .hs-error-msgs {
padding-left: 32px !important;
}
/* FILE UPLOAD + BUTTON */
/*--------------------------------------------------------------------------*/
/* Field */
.hs-form input[type="file"]{
display: block;
margin: 0;
padding: 8px 0px;
background: transparent;
width: auto;
height: 40px;
color: #000000;
font-weight: 400;
line-height: 24px;
border: 1px solid #000000;
cursor: pointer;
transition: all 300ms ease-in-out;
}
/* Button */
.hs-form .hs-file-button,
::-webkit-file-upload-button {
height: 24px;
line-height: 0px !important;
background: transparent;
color: #000000;
}
::-webkit-file-upload-button:hover {
background: #C0C0C0;
color: #000000;
}
/* Only Firefox */
@supports (-moz-appearance: none) {
.hs-form input[type="file"] {
line-height: 0 !important;
padding: 0 !important;
}
}
/* Only Edge */
@supports (-ms-ime-align:auto) {
.hs-form input[type="file"] {
padding: 0 !important;
}
}
.hs-form .hs-fieldtype-file .input {
white-space: nowrap;
}
/* Custom File Upload Button + Value (need js component) */
.hs-form .hs-file-button,
.hs-form .hs-file-value {
box-sizing: border-box;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
line-height: 24px;
}
/* Custom File Upload Button (need js component) */
.hs-form .hs-fieldtype-file .hs-file-button {
width: 35%; /* calc( 35% - 0px ) !important; */
height: 40px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/* Custom File Upload Value (need js component) */
.hs-form .hs-file-value {
display: inline-block;
width: 65%;
height: 40px;
padding: 0 0px;
background-color: transparent;
font-size: initial;
line-height: 38px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border: 1px solid #4F4F4F;
border-left: none;
margin-left: 0;
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
/* FIELD VALIDATION */
/*--------------------------------------------------------------------------*/
.hs-form .hs-input.invalid + .hs-error-msgs,
.hs-form .hs-input.error + .hs-error-msgs {}
/* Error Message */
.hs-form .hs-error-msgs {
list-style: none;
position: relative;
margin: 0;
padding: 0 px 0 1px;
height: 20.0px;
}
.hs-form .hs-error-msgs li > label.hs-error-msg {
color: #F30438;
font-size: 12px;
vertical-align: sub;
}
/* Consent Checkbox Error */
.hs-form .legal-consent-container .hs-error-msgs {
padding-left: 52px;
}
.hs-form .legal-consent-container .hs-error-msgs .hs-error-msg {
vertical-align: top;
}
/* Error Box */
.hs-form .hs_error_rollup {
position: relative;
display: none;
}
/* Error Input Field */
.hs-input.invalid {
border-color: #F30438 !important;
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
.hs-form .hs-form-required {
font-size: 16px;
}
.invert-form .hs-error-msgs li > label.hs-error-msg,
.invert-form .hs-form-required {
color: #ff2c60;
}
.invert-form .hs-input.invalid {
border-bottom-color: #ff2c60 !important;
}
.hs-form .inputs-list.error {
padding: 0;
}
/* FORM GRID */
/*--------------------------------------------------------------------------*/
/* Grid Gutter */
fieldset > .hs-form-field,
fieldset > .hs-dependent-field {
margin: 0 16px;
}
fieldset > .hs-form-field:first-child,
fieldset > .hs-dependent-field:first-child {
margin-left: 0;
}
fieldset > .hs-form-field:last-child,
fieldset > .hs-dependent-field:last-child {
margin-right: 0;
}
fieldset > .hs-form-field:only-child,
fieldset > .hs-dependent-field:only-child {
margin-right: 0;
margin-left: 0;
}
fieldset > .hs-form-field .input,
fieldset > .hs-dependent-field .input {
margin-right: 0 !important;
}
@media (max-width: 767px) {
fieldset.form-columns-2 > .hs-form-field,
fieldset.form-columns-2 > .hs-dependent-field {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: -1px) {
fieldset.form-columns-3 > .hs-form-field,
fieldset.form-columns-3 > .hs-dependent-field {
margin-left: 0;
margin-right: 0;
}
}
/* Grid Elements */
fieldset { max-width: none !important; }
.hs-dependent-field { display: inline-block; }
.hs-form input[type='text'], .hs-form input[type='number'], .hs-form input[type='email'], .hs-form input[type='search'], .hs-form input[type='password'], .hs-form input[type='tel'], .hs-form input[type='url'], .hs-form input[type='date'], .hs-form input[type='file'], .hs-form > .hs-form-field,
fieldset.form-columns-1 > .hs-form-field,
fieldset.form-columns-1 > .hs-dependent-field,
fieldset > .hs-dependent-field > .hs-form-field {
width: 100% !important;
}
fieldset.form-columns-2 > .hs-form-field,
fieldset.form-columns-2 > .hs-dependent-field {
width: calc(50% - 16px) !important;
}
@media (max-width: 767px) {
fieldset.form-columns-2 .hs-form-field,
fieldset.form-columns-2 > .hs-dependent-field {
width: 100% !important;
margin-left: 0;
}
}
fieldset.form-columns-3 > .hs-form-field,
fieldset.form-columns-3 > .hs-dependent-field {
width: calc(33.33333% - 21.333333333333332px) !important;
}
@media (max-width: 1023px) {
fieldset.form-columns-3 > .hs-form-field,
fieldset.form-columns-3 > .hs-dependent-field {
width: 100% !important;
margin-left: 0;
}
}
/* Gaps Between Fields */
form.hs-form > .hs-form-field,
fieldset > .hs-form-field,
fieldset > .hs-dependent-field > .hs-form-field {
float: none !important;
position: relative;
display: inline-block;
vertical-align: top;
margin-top: 32px;
}
fieldset > .hs-richtext.hs-main-font-element {
margin-top: 32px;
}
/* INPUT MULTI-FIELD GRID - or display multiple checkboxes in one row */
/*--------------------------------------------------------------------------*/
/* all items */
.inputs-list.multi-container > li {
display: inline-block;
width: 50%;
}
fieldset.form-columns-3 .inputs-list.multi-container > li {
width: 100% !important;
}
.inputs-list.multi-container > li:first-child:nth-last-child(1) { width: 100%; }
.inputs-list.multi-container > li:first-child:nth-last-child(2), .inputs-list.multi-container > li:first-child:nth-last-child(2) ~ li { width: 50%; }
.inputs-list.multi-container > li:first-child:nth-last-child(3), .inputs-list.multi-container > li:first-child:nth-last-child(3) ~ li { width: 33.333%; }
.inputs-list.multi-container > li:first-child:nth-last-child(4), .inputs-list.multi-container > li:first-child:nth-last-child(4) ~ li { width: 25%; }
.inputs-list.multi-container > li:first-child:nth-last-child(5), .inputs-list.multi-container > li:first-child:nth-last-child(5) ~ li { width: 20%; }
.inputs-list.multi-container > li:first-child:nth-last-child(6), .inputs-list.multi-container > li:first-child:nth-last-child(6) ~ li { width: 33.333%; }
.inputs-list.multi-container > li:first-child:nth-last-child(8), .inputs-list.multi-container > li:first-child:nth-last-child(8) ~ li { width: 25%; }
@media (max-width: 767px) {
.inputs-list.multi-container > li:first-child:nth-last-child(2), .inputs-list.multi-container > li:first-child:nth-last-child(2) ~ li { width: 50%; }
.inputs-list.multi-container > li:first-child:nth-last-child(3), .inputs-list.multi-container > li:first-child:nth-last-child(3) ~ li { width: 100%; }
.inputs-list.multi-container > li:first-child:nth-last-child(4), .inputs-list.multi-container > li:first-child:nth-last-child(4) ~ li { width: 50%; }
.inputs-list.multi-container > li:first-child:nth-last-child(5), .inputs-list.multi-container > li:first-child:nth-last-child(5) ~ li { width: 100%; }
.inputs-list.multi-container > li:first-child:nth-last-child(6), .inputs-list.multi-container > li:first-child:nth-last-child(6) ~ li { width: 50%; }
.inputs-list.multi-container > li:first-child:nth-last-child(8), .inputs-list.multi-container > li:first-child:nth-last-child(8) ~ li { width: 50%; }
}
@media (max-width: 479px) {
.inputs-list.multi-container > li:first-child:nth-last-child(2), .inputs-list.multi-container > li:first-child:nth-last-child(2) ~ li { width: 100%; }
.inputs-list.multi-container > li:first-child:nth-last-child(3), .inputs-list.multi-container > li:first-child:nth-last-child(3) ~ li { width: 100%; }
.inputs-list.multi-container > li:first-child:nth-last-child(4), .inputs-list.multi-container > li:first-child:nth-last-child(4) ~ li { width: 100%; }
.inputs-list.multi-container > li:first-child:nth-last-child(5), .inputs-list.multi-container > li:first-child:nth-last-child(5) ~ li { width: 100%; }
.inputs-list.multi-container > li:first-child:nth-last-child(6), .inputs-list.multi-container > li:first-child:nth-last-child(6) ~ li { width: 100%; }
.inputs-list.multi-container > li:first-child:nth-last-child(8), .inputs-list.multi-container > li:first-child:nth-last-child(8) ~ li { width: 100%; }
}
/* CUSTOM OVERWRITE */
/*--------------------------------------------------------------------------*/
.hs-form .hs_anrede_neu .hs-form-radio {
width: auto !important;
}
.hs-form .hs_anrede_neu .hs-form-radio:not(:first-child) {
margin-left: 32px !important;
}
.newsletter-subscribe .inputs-list.multi-container>li {
width: 100%!important;
}
/* END */
/*--------------------------------------------------------------------------*/
/* wrapper */
.leadinModal.leadinModal-theme-bottom-left-corner .leadinModal-content {
width: 520px!important;
box-shadow: none!important;
background-color: #C4C4C6!important;
}
.leadinModal.leadinModal-theme-bottom-left-corner .leadinModal-content {
border-top-right-radius: 140px!important;
max-height: 100%!important;
}
.leadinModal.leadinModal-theme-bottom-left-corner .leadinModal-content {
padding: 77px 80px 55px 80px!important;
}
.leadinModal.leadinModal-theme-bottom-left-corner .leadin-content-body .leadin-preview-wrapper {
padding: 0!important;
}
/* Leading without image */
.leadinModal .leadin-content-body.leadin-preview-wrapper-no-image {
padding-top: 64px;
}
/* Form Leadin Message wrapper */
.leadinModal .leadin-message-wrapper {
display: none!important;
}
/* close button */
.leadinModal.leadinModal-theme-bottom-left-corner .leadinModal-close {
right: 80px!important;
top: 77px!important;
}
.leadinModal-2867173.leadinModal.leadinModal-theme-bottom-left-corner .leadinModal-close:before,
.leadinModal-2867173.leadinModal-theme-bottom-left-corner.leadinModal-preview.leadinModal-v3 button.leadinModal-close:before,
.leadinModal.leadinModal-theme-bottom-left-corner .leadinModal-close:before {
display: none!important;
}
.leadinModal.leadinModal-theme-bottom-left-corner .leadinModal-close:after {
display: inline-block;
content: "\00D7";
font-size: 50px!important;
color: #fff!important;
font-weight: 400;
width: 40px;
height: 40px;
}
/* headline and body text */
.leadinModal h4 {
display: none!important;
color: #fff!important;
font-size: 30px!important;
margin: 0px 0px 50px 0px!important;
}
.leadinModal .leadinModal-content p {
margin-left: 0!important;
}
.leadinModal .leadinModal-content p strong {
color: #fff!important;
font-size: 30px!important;
margin: 0px 0px 50px 0px!important;
display: block;
line-height: 35px;
}
.leadinModal .leadinModal-content p strong em {
color: #F30438;
font-style: normal!important;
}
/* image */
.leadinModal .dyno-image {
float: none!important;
margin-bottom: 24.0px;
display: block!important;
}
.leadinModal .dyno-image img {
max-width: 120px!important;
box-shadow: -15px 10px 15px #0000001A
}
/* Action Button / Submit Button / Thank you button */
.leadinModal .advance-wrapper {
margin-left: 0!important;
}
.leadinModal .leadin-button,
.leadinModal .leadin-button.leadin-button-secondary,
.leadinModal .leadin-button.leadin-button-primary,
.leadinModal .thank-you-button .leadin-close-button {
font-size: 23px!important;
padding: 11px 22px!important;
color: #fff!important;
border-radius: 28px!important;
letter-spacing: 0.46px!important;
border: 2px solid #fff!important;
background: transparent!important;
transition: .4s;
width: auto!important;
text-decoration: none!important;
}
.leadinModal .thank-you-button .leadin-close-button {
text-transform: lowercase!important;
}
/* submit form button */
.leadinModal .leadin-button {
margin-top: 24.0px;
}
.leadinModal .leadin-button.leadin-button-secondary:hover,
.leadinModal .leadin-button.leadin-button-primary:hover,
.leadinModal .leadin-button.leadin-button-secondary:focus,
.leadinModal .leadin-button.leadin-button-primary:focus,
.leadinModal .thank-you-button .leadin-close-button:hover,
.leadinModal .thank-you-button .leadin-close-button:focus,
.leadinModal .leadin-button:hover,
.leadinModal .leadin-button:focus {
color: #C4C4C6!important;
background: #fff!important;
text-decoration: none!important;
}
/* Form */
.leadinModal input[type="text"],
.leadinModal input[type="email"] {
border: none!important;
}
.leadinModal .leadin-input-wrapper label {
color: #fff!important;
font-weight: normal!important;
}
.leadinModal .leadin-input-wrapper input[type="text"],
.leadinModal .leadin-input-wrapper input[type="email"] {
background: transparent;
border-bottom: 1px solid #fff!important;
border-radius: 0!important;
height: 40px!important;
padding: 8.0px;
outline: none!important;
cursor: text!important;
}
.leadinModal .leadin-input-wrapper input[type="text"].input-error,
.leadinModal .leadin-input-wrapper input[type=email].input-error {
border: none!important;
border-bottom: 1px solid #F30438!important;
box-shadow: none!important;
}
.leadinModal .leadin-input-wrapper .error-text {
display: block;
margin: 4.0px 0px 0px 0px!important;
}
/* gdpr wrapper */
.leadinModal .gdpr-options {
padding-top: 32px!important;
}
/* gdpr text */
.leadinModal .gdpr-options p {
color: #fff!important;
}
/* gdpr back button */
.leadinModal .leadin-button.back-button {
font-size: 38px!important;
position: absolute;
top: 54px;
left: 78px;
color: #fff!important;
border: none!important;
}
.leadinModal .leadin-button.back-button:hover {
background: transparent!important;
border: none!important;
color: #fff!important;
}
/* Layout */
/* Wrapper */
/*--------------------------------------------------------------------------*/
.header {
background-color: #FFFFFF;
width: 100%;
}
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
width: 100%;
background: #FFFFFF;
z-index: 1;
}
/* HubSpot Editor */
.hs-inline-edit .header-container-wrapper.sticky {
position: relative !important;
}
/* HEADER - Resize Between Extend And Minimized (JS) */
/*--------------------------------------------------------------------------*/
.logo {
transition: all 300ms linear;
}
#header,
#header .navigation-primary .hs-menu-depth-2.submenu,
#header .navigation-primary .overlay {
transition: height 300ms linear, top 300ms linear, padding 300ms linear;
}
#header,
#header.minimized,
#header {
padding-top: 16px;
padding-bottom: 24.0px;
height: 84px; /* gutter(16px) * 10.5 = 168px */
}
@media(min-width:1024px){
html:not(.hs-inline-edit) .homepage #header.extend {
padding-top: 48px;
padding-bottom: 64px;
height: 252px; /* gutter(16px) * 21 = 336px */
}
}
/* NAVIGATION - Resize Between Extend And Minimized (JS) */
/*--------------------------------------------------------------------------*/
@media (min-width:1024px) {
html:not(.hs-inline-edit) .homepage #header .navigation-primary li.hs-menu-depth-1.hs-item-has-children.hs-menu-item:hover,
#header.minimized .navigation-primary li.hs-menu-depth-1.hs-item-has-children.hs-menu-item:hover {
height: 68px;
}
html:not(.hs-inline-edit) .homepage #header.extend .navigation-primary li.hs-menu-depth-1.hs-item-has-children.hs-menu-item:hover {
height: 204px;
}
}
/* OVERLAY - To Mask Background On Hover */
/*--------------------------------------------------------------------------*/
#header .overlay,
#header.minimized .overlay {
height: calc( 100% - 84px );
top: 84px;
}
html:not(.hs-inline-edit) .homepage #header.extend .overlay {
height: calc( 100% - 252px );
top: 252px;
}
/* MOBILE - Keep Overflow Scrollable */
/*--------------------------------------------------------------------------*/
@media (max-width:1919px) {
#header .main-menu,
#header.minimized .main-menu {
height: calc( 100% - 84px );
top: 84px;
}
#header.extend .main-menu {
height: calc( 100% - 252px );
top: 252px;
}
}
/* BRIDGE - Hidden Hover Field Area For Usability (CSS) */
/*--------------------------------------------------------------------------*/
.navigation-primary .hs-menu-depth-1.hs-item-has-children:after {
content: "";
display: none;
background: transparent;
width: 100vw !important;
position: fixed !important;
left: 0 !important;
}
#header .navigation-primary .hs-menu-depth-1.hs-item-has-children:after,
#header.minimized .navigation-primary .hs-menu-depth-1.hs-item-has-children:after {
height: 18px !important;
top: 66px;
}
@media(min-width:1024px){
html:not(.hs-inline-edit) .homepage #header.extend .navigation-primary .hs-menu-depth-1.hs-item-has-children:after {
height: 154px !important;
top: 98px;
}
}
.navigation-primary .hs-menu-depth-1.hs-item-has-children:hover:after {
display: block;
}
/* NAVIGATION SUBMENU - Position Relative To Header Height */
/*--------------------------------------------------------------------------*/
@media (min-width:1024px) {
/* Menu-Item As Headline (Position) */
#header .navigation-primary .hs-menu-depth-2.submenu {
width: 100vw !important;
position: fixed;
}
#header .navigation-primary .hs-menu-depth-2.submenu,
#header.minimized .navigation-primary .hs-menu-depth-2.submenu {
top: 84px;
}
html:not(.hs-inline-edit) .homepage #header.extend .navigation-primary .hs-menu-depth-2.submenu {
top: 252px;
}
/* Menu-Item As Headline (Style) */
.navigation-primary li.hs-menu-depth-2 > a,
.navigation-primary li.hs-menu-depth-2 > a:hover {
display: flex;
align-items: flex-end;
width: 50%;
height: 100%;
font-size: 96px !important;
line-height: 1;
color: #C4C4C6 !important;
letter-spacing: -1px;
}
.navigation-primary .hs-menu-depth-2 > .hs-menu-item {
position: relative;
padding: 0;
left: 0;
}
.navigation-primary .hs-menu-depth-3.submenu {
position: relative;
/* margin and width default only -> calc by header.js */
margin-left: 50%;
width: 50%;
}
.navigation-primary .hs-menu-depth-2 > .hs-menu-item > a {
position: absolute;
bottom: 48px;
}
}
/* Logo Size (Relative To Header Height) */
/*--------------------------------------------------------------------------*/
.logo {
display: block;
max-width: 548.49px;
width: 113.92857079999999px;
height: 44.0px;
}
.logo > svg {
width: 100%;
height: auto;
}
@media (min-width:1024px){
html:not(.hs-inline-edit) .homepage .extend .logo {
width: 362.49999799999995px; /* org. 548.49 */
height: 140px; /* org. 211.95 */
}
.minimized .logo {
width: 113.92857079999999px; /* org. 113.04 */
height: 44.0px; /* org. 43.68 */
}
}
/* Avoid squishy nav content cause of big logo */
@media (min-width: 1000px) and (max-width: 1280px) {
html:not(.hs-inline-edit) .homepage .extend .logo {
max-width: 190px;
height: auto;
}
html:not(.hs-inline-edit) .homepage #header.extend {
height: auto;
}
}
/* MOBILE MENU ICON Positions */
/*--------------------------------------------------------------------------*/
.hamburg {
display: block;
position: absolute;
background: transparent;
width: 50px;
height: 50px;
margin: 0; padding: 0;
text-align: center;
line-height: 0;
cursor: pointer;
right: 0px;
top: 0;
}
/* MOBILE MENU ICON Style */
/*--------------------------------------------------------------------------*/
.hamburg .line {
position: absolute;
left: 13.0px;
height: 2px; width: 24px;
background: #000000; border-radius: 1.0px;
display: block;
transition: 0.5s;
transform-origin: center;
}
.hamburg .line:nth-child(1) {
top: 16.0px;
}
.hamburg .line:nth-child(2) {
top: 23.0px;
}
.hamburg .line:nth-child(3) {
top: 30.0px;
}
/* Focus with mouse */
.hamburg:focus:not(:focus-visible) {
outline: 0;
}
/* HAMBURG Toggle Animation */
/*--------------------------------------------------------------------------*/
#hamburg:checked + .hamburg .line:nth-child(1){
transform: translateY(7px) rotate(45deg);
}
#hamburg:checked + .hamburg .line:nth-child(2){
opacity:0;
}
#hamburg:checked + .hamburg .line:nth-child(3){
transform: translateY(-7px) rotate(-45deg);
}
/* DROPDOWN Mobile (open/close) */
/*--------------------------------------------------------------------------*/
@media( max-width:1023px){
#hamburg, #hamburg ~ .main-menu.d-flex {
display: none !important;
}
#hamburg:checked ~ .main-menu.d-flex {
display: flex !important;
}
}
/* DROPDOWN Desktop (visible) */
/*--------------------------------------------------------------------------*/
@media( min-width:1024px){
#hamburg, .hamburg {
display: none !important;
}
#hamburg ~ .main-menu.d-flex {
display: flex !important;
}
}
/**
* templateType: CSS
* author: Gracjan Drozdek
* created: 2021-12-06
*/
footer {
background: #F3F3F4;
padding-top: 96px;
padding-bottom: 96px;
}
@media(max-width:767px){
footer {
padding-top: 48px;
padding-bottom: 48px;
}
}
/* Logo + text section */
/*--------------------------------------------------------------------------*/
footer .footer-logo svg {
width: 74px;
height: 74px;
}
@media(max-width:767px){
footer .footer-logo {
text-align:center;
}
}
footer .footer-text {
font-weight: bold;
font-size: 23px;
}
@media(max-width:767px){
footer .footer-logo svg {
width: 60px;
height: 60px;
}
footer .footer-text {
font-size: 16px;
}
}
/* Copyright + footer navigation section */
/*--------------------------------------------------------------------------*/
footer .footer-copyright {
font-size: 14px
}
footer .footer-navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}
footer .footer-navigation ul li {
display: inline-block;
}
footer .footer-navigation ul li:first-child {
margin-left: 0;
}
footer .footer-navigation ul li a {
color: #000000;
font-size: 14px;
padding: 8.0px 4.0px;
}
footer .footer-navigation ul li a:hover,
footer .footer-navigation ul li a:focus {
color: #F30438;
text-decoration: none;
}
footer .footer-navigation ul li a.active,
footer .footer-navigation ul li a.active:hover,
footer .footer-navigation ul li a.active:focus {
text-decoration: underline;
}
@media(min-width:768px){
footer .footer-navigation ul {
margin: 0 -4.0px 0 0;
}
}
@media (max-width: 767px) {
footer .footer-navigation .footer_links_secondary {
margin-top: 1rem;
}
}
/* Contact Button (Module) */
/*--------------------------------------------------------------------------*/
.footer-contact {
position: fixed;
bottom: 18px;
right: 18px;
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #F30438;
display: flex;
align-items: center;
justify-content: center;
z-index: 999;
}
.footer-contact span {
height: 30px;
display: block;
}
.footer-contact svg {
fill: white;
height: 30px;
}
/* Contact button position if chatbot is active */
.contact-button.chatbot-active .footer-contact {
right: 96px;
}
/* Modules */
/* PARENT WRAPPER */
/*--------------------------------------------------------------------------*/
.navigation-primary {
width: 100%;
left: 0;
top: 0;
z-index: 1;
}
.navigation-primary ul {
list-style: none;
padding: 0;
margin: 0;
}
@media(max-width:1023px){
.navigation-primary ul > li {
position: relative;
width: calc( 100% - 32px);
}
}
/* DROPDOWN (open/close) */
/*--------------------------------------------------------------------------*/
.submenu-toggle,
.submenu-toggle ~ .submenu {
display: none;
}
.submenu-toggle:checked ~ .submenu
/* .hs-item-has-children > a:focus ~ .submenu */ {
display: block;
}
/* CARET (toggle) */
/*--------------------------------------------------------------------------*/
/* Plus / Minus (copy from accordion css) */
.navigation-primary .menu-arrow {
display: inline-block;
position: absolute;
right: -2px;
top: 0;
width: 52px;
/* height: 52px; */
height: 67px;
padding: 16px;
cursor: pointer;
}
.navigation-primary .menu-arrow > .sign {
position: relative;
display: block;
width: 20px;
height: 20px;
margin-top: 8.0px;
}
.navigation-primary .menu-arrow > .sign .s1 {
position: absolute;
top: 50%;
width: 100%;
height: 0px;
border: 1px solid #000000;
}
.navigation-primary .menu-arrow > .sign .s2 {
position: absolute;
top: 50%;
width: 100%;
height: 0px;
transform: matrix(0, 1, -1, 0, 0, 0);
border: 1px solid #000000;
}
.submenu-toggle:checked + .menu-arrow > .sign .s2 {
opacity: 0;
}
/* Hide the caret on large screens */
@media (min-width: 1024px) {
.navigation-primary .hs-menu-depth-2 .menu-arrow,
.navigation-primary .menu-arrow,
.navigation-primary .menu-arrow .sign {
display: none;
}
}
/* Small Caret on Submenus */
.navigation-primary .hs-menu-depth-2 .menu-arrow {
width: 52px; height: 35px;
padding: 8.0px 16px;
}
/* LINKS */
/*--------------------------------------------------------------------------*/
.navigation-primary a {
position: relative;
display: inline-block;
font-weight: bold;
letter-spacing: 0.01em;
text-decoration: none;
}
.navigation-primary a:hover,
.navigation-primary a:focus,
.navigation-primary .hs-menu-item:hover > a,
.navigation-primary .hs-menu-item:focus-within > a,
/* Sublinks */
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-2 a:hover,
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-2 a:focus,
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-2 a.active {
color: #F30438;
cursor: pointer;
}
.navigation-primary .hs-menu-item > a:focus:not(:focus-visible),
.navigation-primary .hs-menu-item > label:focus:not(:focus-visible){
outline: 0;
}
/* Links without target */
.navigation-primary a[href="javascript:;"]:hover {
cursor: default !important;
}
/* Large Screens */
@media (min-width: 1024px){
.navigation-primary .hs-menu-depth-1 > .menu-link.active,
.navigation-primary .hs-menu-depth-1 > .menu-link.active:hover,
.navigation-primary .hs-menu-depth-1 > .menu-link.active:focus {
text-decoration: underline;
}
}
/* Small Screens */
@media (max-width: 1023px){
.navigation-primary a {
width: 100%;
padding-right: 32px;
color: #000000;
}
.navigation-primary .hs-item-has-children > a {
width: calc( 100% - 68px );
}
.navigation-primary .menu-link.active {
color: #F30438;
}
/* Mobile Font-Size */
.navigation-primary .hs-menu-depth-1 > a {
font-size: 20px;
}
.navigation-primary .hs-menu-depth-3 > a {
font-size: 18px;
}
}
/* PRIMARY LEVEL WRAPPER */
/*--------------------------------------------------------------------------*/
.navigation-primary .level_1 {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
/*height: 100%;*/
}
/* Large Screens */
@media (min-width: 1024px){
.navigation-primary .level_1 {
flex-direction: row;
margin-left: 24.0px;
}
}
/* PRIMARY LEVEL LINKS */
/*--------------------------------------------------------------------------*/
.navigation-primary .level_1 a {
line-height: 20px;
padding: 23.5px 15px;
}
/* Large Screens */
@media (min-width: 1024px){
.navigation-primary .level_1 a {
color: #000;
font-size: 18px;
width: 100%;
}
}
/* Small Screens */
@media (max-width: 1023px){
.navigation-primary ul > li.hs-menu-depth-1 {
border-bottom: 1px solid #000000;
margin-left: 16px;
margin-right: 16px;
}
.navigation-primary ul > li.hs-menu-depth-1.last {
border-bottom-color: transparent;
}
}
/* SECONDARY LEVEL */
/*--------------------------------------------------------------------------*/
.navigation-primary ul.hs-menu-depth-2 {
width: 100%;
background-color: #FFFFFF;
padding: 24.0px 16px;
}
.navigation-primary ul.hs-menu-depth-2 > .hs-menu-item {
width: 100%;
}
.navigation-primary ul.hs-menu-depth-2 > .hs-menu-item:not(:last-child) {
border-bottom: 0px solid transparent;
}
/* Large Screens */
@media (min-width:1024px) {
.navigation-primary .hs-menu-depth-1 > .hs-item-has-children:hover > .submenu,
.navigation-primary .hs-menu-depth-1 > .hs-item-has-children:focus > .submenu {
display: flex;
flex-wrap: wrap;
opacity: 1;
transition: opacity 0.4s;
}
}
/* Small Screens */
@media (max-width:1023px) {
.navigation-primary ul.hs-menu-depth-2 {
padding-top: 0;
}
}
/* Links */
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-2 a {
color: #000000;
padding: 8.0px 16px;
text-decoration: none;
}
/* TERIARY LEVEL */
/*--------------------------------------------------------------------------*/
.navigation-primary .hs-menu-depth-3 > .hs-menu-item:first-child {
border-top: 1px solid transparent;
}
.navigation-primary .hs-menu-depth-3 > .hs-menu-item:not(:last-child) {
border-bottom: 1px solid transparent;
}
/* Large Screens */
@media (min-width: 1024px) {
.navigation-primary .hs-menu-depth-2 > .hs-item-has-children > .submenu {
display: block;
}
}
/* Links */
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-3 a {
font-weight: 700;
padding-top: 12.0px;
padding-bottom: 12.0px;
}
@media (min-width:1024px){
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-3 a {
font-size: 30px;
}
}
/* CUSTOM CHANGES */
/*
* Navigation Termin vereinbaren in einen roten CTA umwandeln? So dass der Button mehr auffällt.
* https://basecamp.com/1855809/projects/18335344/messages/107759313
*/
@media (min-width:1024px) {
.navigation-primary ul li.hs-menu-depth-1:last-of-type a {
text-align: center;
padding: 11px 22px;
margin-top: 12px;
margin-left: 4px;
display: inline-block;
transition: .4s;
border-radius: 28px;
background-color: #F30438;
color: #FFFFFF;
}
.navigation-primary ul li.hs-menu-depth-1:last-of-type a:hover {
color: #F30438;
background-color: #FFFFFF;
}
.navigation-primary li.hs-menu-depth-2 > a,
.navigation-primary li.hs-menu-depth-2 > a:hover {
font-size: 48px !important;
width: 25%;
}
}
@media (min-width: 1450px) {
.navigation-primary li.hs-menu-depth-2 > a,
.navigation-primary li.hs-menu-depth-2 > a:hover {
font-size: 76px !important;
width: 50%;
}
}
.navigation-primary ul.level_1 ul.level_2 ul.level_3 {
padding-left: 8.0px;
}
/* END */
/*--------------------------------------------------------------------------*/
/* OVERLAY */
/*--------------------------------------------------------------------------*/
.navigation-primary .overlay {
opacity: 0;
display: none;
background: rgba(0,0,0,0.25);
width: 100%;
position: fixed;
z-index: -1;
left: 0;
}
/* START (Desktop) */
/*--------------------------------------------------------------------------*/
@media (min-width:1024px){
/* Overlay Menü Wings (left and right side to screen edges) */
.navigation-primary .wings {
content: '';
display: block;
height: 100%;
width: 1600px;
background: #FFFFFF;
position: absolute;
top: 0;
}
.navigation-primary .wing-left {
left: -1600px;
}
.navigation-primary .wing-right {
right: -1600px;
}
/* Corner Radius Of Submenu */
@media (min-width:1024px) and (max-width:1438px) {
#header .navigation-primary .hs-menu-depth-2.submenu {
border-bottom-right-radius: 140px;
}
}
@media (min-width:1437px){
#header .navigation-primary .wing-right {
border-bottom-right-radius: 140px;
}
}
/* Wrapper */
.navigation-primary {
background-color: transparent;
height: 100%;
}
.navigation-primary li.submenu.hs-item-has-children.hs-menu-depth-1:hover ~ .overlay {
opacity: 1;
display: block;
}
/* MEGAMENU */
/*--------------------------------------------------------------------------*/
/* Wrapper */
.navigation-primary .hs-menu-depth-2 {
width: auto;
}
.navigation-primary .submenu.hs-item-has-children.hs-menu-depth-2 {
background: #FFFFFF;
padding-bottom: 48px;
}
ul.submenu.hs-menu-depth-3 {
min-height: 280px;
}
/* Submenü Width Equal To Page Container (Theme Support Option) */
/*--------------------------------------------------------------------------*/
.navigation-primary .hs-menu-depth-2.submenu {
left: 0; margin-left: 0;
}
@media (min-width:1438px){
.navigation-primary .hs-menu-depth-2.submenu {
max-width: 1438px;
left: 50%; margin-left: -719.0px;
}
}
/* END (Desktop) START (Mobile) */
/*--------------------------------------------------------------------------*/
} @media (max-width:1023px) {
/* Panel Behavior */
body.navi-open {}
body.navi-open .header-inner {}
/* Overlay */
body.navi-open .navigation-primary .overlay {
opacity: 1;
display: block;
background: #FFFFFF;
}
.navigation-primary .level_1 > li:hover > a {
text-decoration: none;
}
/* Navi Position */
.navigation-primary {
position: fixed;
width: 100%;
left: 0;
top: 84px;
z-index: 1;
}
.navigation-primary .level_1 {
background: #FFFFFF;
width: 100vw;
}
.navigation-primary .submenu.hs-menu-depth-2 > a,
.navigation-primary .submenu.hs-menu-depth-2 > .menu-arrow {
display: none;
}
.main-menu {
overflow-x: hidden;
overflow-y: auto;
height: 100%;
position: fixed;
left: 0;
top: 0;
width: 100%;
}
.main-menu > .navigation-primary {
position: relative;
top: 0;
}
body.navi-open {
overflow: hidden;
}
/* END (Mobile) */
/*--------------------------------------------------------------------------*/
}
/* GLOBAL */
/*--------------------------------------------------------------------------*/
.btn, a.btn, .hs-button {
padding: 11px 22px;
display: inline-block;
font-size: 23px;
text-decoration: none;
border-radius: 28px;
letter-spacing: 0.46px;
transition: .4s;
cursor: pointer;
text-align: center;
}
.button-container {
width: 100%;
}
/* PRIMARY */
/*--------------------------------------------------------------------------*/
.btn-primary, a.btn-primary, .hs-button.primary {
background-color: #F30438;
color: #fff;
border: none;
}
.btn-primary:hover, a.btn-primary:hover, .hs-button.primary:hover {
background-color: #fff;
color: #F30438;
text-decoration: none;
}
.cta_button.btn-primary:hover {
background-color: #fff !important;
color: #F30438 !important;
}
/* OUTLINE */
/*--------------------------------------------------------------------------*/
.btn-outline-white, a.btn-outline-white {
background-color: transparent;
border: 2px solid #fff;
color: #fff;
}
.btn-outline-white:hover, a.btn-outline-white:hover {
background-color: #fff;
border-color: #fff;
color: #F30438;
}
.cta_button.btn-outline-white:hover {
background-color: #fff !important;
border-color: #fff !important;
color: #F30438 !important;
}
/* BACKGROUND (hover font-color depending on background) */
/*--------------------------------------------------------------------------*/
.bg-primary .btn-outline-white:hover, .bg-tertiary a.btn-outline-white:hover {
color: #F30438;
}
.bg-secondary .btn-outline-white:hover, .bg-tertiary a.btn-outline-white:hover {
color: #000000;
}
.bg-tertiary .btn-outline-white:hover, .bg-tertiary a.btn-outline-white:hover {
color: #C4C4C6;
}
.btn-outline-red-wrapper a, .btn-outline-red, a.btn-outline-red {
background-color: transparent;
border: 2px solid #F30438;
color: #F30438;
}
.btn-outline-red-wrapper a:hover, .btn-outline-red:hover, a.btn-outline-red:hover {
background-color: #F30438;
color: #fff;
}
/* MOBILE */
/*--------------------------------------------------------------------------*/
@media(max-width:767px){
.btn, a.btn, .hs-button {
font-size: 16px;
}
}
/* Contact Button In Footer - NOT USED */
/*--------------------------------------------------------------------------*/
.contact-badge {
display: inline-block;
background: #000000;
color: #FFFFFF;
width: 52px;
height: 52px;
border-radius: 26.0px;
position: relative;
}
.contact-badge > img {
width: 36px;
height: 36px;
margin: 8.0px;
}
.twinbox {
position: relative;
}
.twinbox .twinbox-image {
height: 100%;
}
.twinbox .twinbox-content-wrapper {
height: 100%;
}
.twinbox .twinbox-content {
height: 100%;
padding-top: 80px;
padding-bottom: 176px;
max-width: 719.0px;
display: flex;
flex-direction: column;
}
.twinbox .twinbox-content.left {
padding-right: 80px;
padding-left: 16px;
margin-left: auto;
}
.twinbox .twinbox-content.right {
padding-left: 80px;
padding-right: 16px;
margin-right: auto;
}
.twinbox .twinbox-content:not(.twinbox-author) .twinbox-headline {
padding-bottom: 64px;
}
.twinbox .twinbox-headline > * {
margin-bottom: 0;
}
.twinbox .twinbox-text {
margin-bottom: auto;
}
/* image */
.twinbox .twinbox-inner .twinbox-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* button */
.twinbox .twinbox-button {
margin-top: 48px;
}
/* author twinbox */
.twinbox .twinbox-content.twinbox-author {
padding-bottom: 96px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 800px;
}
.twinbox .twinbox-content.twinbox-author a:hover,
.twinbox .twinbox-content.twinbox-author a:focus {
color: #fff;
}
.twinbox .twinbox-content.twinbox-author .author-social svg {
margin-right: 8.0px;
fill: #fff;
width: 13px;
height: 13px;
vertical-align: middle;
}
@media(max-width:1023px){
.twinbox .twinbox-content.left, .twinbox .twinbox-content.right {
width: 100%;
padding: 48px 16px 68.0px 16px;
margin: 0;
}
.twinbox .twinbox-headline {
padding-bottom: 24.0px;
}
.twinbox .twinbox-content:not(.twinbox-author) .twinbox-headline {
padding-bottom: 10px;
}
/* author twinbox */
.twinbox .twinbox-content.twinbox-author {
min-height: 420px;
}
.twinbox .twinbox-content .author-description {
margin-bottom: 32px;
}
.twinbox .twinbox-content.twinbox-author .author-social svg {
width: 13px;
height: 13px;
}
.twinbox .twinbox-content.twinbox-author .author-contact div {
font-size:18px;
}
.twinbox .twinbox-content.twinbox-author .author-social svg {
width: 10px;
height: 10px;
}
width: 100%;
object-fit: cover;
}
/* Form */
.twinbox-form .twinbox-content {
max-width: 586px;
}
.twinbox-form .twinbox-content-form {
max-width: 820px;
}
.twinbox-form .col-lg-6 .twinbox-content-form {
max-width: 710px;
}
.twinbox-form .invert-form .twinbox-headline {
color: #fff;
}
.twinbox .twinbox-content-wrapper.bg-primary .twinbox-text a:hover {
color: #fff;
}
@media(max-width: 767px) {
.twinbox-form .twinbox-content.left {
padding-bottom: 0;
}
}
/* Special: adust for headline in form-twinbox/ left-column */
.col-left-no-padding-right .twinbox .twinbox-content.left {
padding-right: 0;
}
.col-left-no-padding-right .twinbox .twinbox-content.left .twinbox-text {
padding-right: 80px;
}
@media (min-width: 768px) {
.col-left-no-padding-right h1, .col-left-no-padding-right .h1 {
font-size: 130px;
}
}
/* ------- teaserboxES -------- */
@media(min-width:767px){
.teaserboxes-container.row-desktop0 {
margin-top:65px;
}
.teaserboxes-container {
margin-bottom:100px;
}
}
@media(max-width:767px){
.teaserboxes-container.row-mobile0 {
margin-top:30px;
}
.teaserboxes-container {
margin-bottom:20px;
}
}
.teaserboxes-item {
margin-bottom: 30px;
}
.teaserboxes-item .teaserbox-meta {
font-size:16px;
color: #F30438;
padding-bottom:10px;
}
.teaserboxes-item h3.teaserbox-title {
font-size:30px;
padding-bottom:10px;
}
@media(max-width:767px){
.teaserboxes-item h3.teaserbox-title {
font-size:20px;
padding-bottom:0;
}
}
.teaserboxes-item .teaserbox-text {
font-size:18px;
padding-bottom:10px;
}
@media(max-width:767px){
.teaserboxes-item .teaserbox-text {
font-size:16px;
}
}
/* ------- teaserbox -------- */
.teaserbox-item .teaserbox-inner {
position: relative;
}
.teaserbox-item .teaserbox-link {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
cursor: pointer;
display: block;
}
.teaserbox-item:hover .teaserbox-readmore .link {
color: #F30438;
text-decoration: underline;
}
.teaserbox-item:not(.teaser-main) {
height: 100%;
}
.teaserbox-item:not(.teaser-main) .teaserbox-inner {
height: 100%;
display: flex;
flex-direction: column;
}
.teaserbox-item .teaserbox-featured-image,
.teaserbox-item .teaserbox-placeholder-image {
margin-bottom: 24.0px
}
.teaserbox-secondary.teaserbox-item:not(.teaser-main) .teaserbox-featured-image,
.teaserbox-secondary.teaserbox-item:not(.teaser-main) .teaserbox-placeholder-image {
margin-bottom: 16px
}
.teaserbox-secondary.teaserbox-item:not(.teaser-main) .teaserbox-title {
padding-bottom: 16px;
}
.teaserbox-item .teaserbox-title {
font-size: 16px;
padding-bottom: 24.0px;
}
.teaserbox-secondary.teaserbox-item:not(.teaser-main.teaserboxes-item) .teaserbox-title {
font-size: 18px;
}
.teaserbox-item .teaserbox-readmore {
font-size: 16px;
text-transform: lowercase;
margin-top: auto;
}
.teaserbox-item.teaser-main .teaserbox-title {
font-size: 30px;;
}
@media(max-width:767px){
.teaserbox-item.teaser-main .teaserbox-title {
font-size: 20px;
}
}
.teaserbox-item .teaserbox-excerpt {
font-size: 18px;
margin-bottom: 24.0px;
}
.teaserbox-secondary.teaserbox-item:not(.teaser-main) .teaserbox-excerpt {
font-size: 16px;
}
@media(max-width:767px){
.teaserbox-item .teaserbox-excerpt {
font-size: 16px;
}
}
.teaserbox-item.teaser-main .teaserbox-readmore {
font-size: 18px
}
@media(max-width:767px){
.teaserbox-item.teaser-main .teaserbox-readmore {
font-size: 16px
}
}
.teaserbox .teaserbox-row-hide {
visibility: hidden;
height: 0;
}
.teaserbox .teaserbox-more-btn .hide-link,
.teaserbox .teaserbox-more-btn .hide-btn {
display: none;
}
.teaserbox .teaserbox-created-date {
margin-bottom: 8.0px;
}
/* Teaserbox Blog Listing */
.teaserbox .teaserbox-item .teaserbox-post-meta {
display: flex;
justify-content: space-between;
margin-bottom: 8.0px;
}
.teaserbox .teaserbox-item .teaserbox-post-meta .post-readtime {
white-space: nowrap;
margin-left: 4px;
}
@media (max-width:767px) {
.teaserbox .teaserbox-item.post-item .teaserbox-featured-image {
border-radius: 0;
}
}
.bigbold-menu .bigbold-menu-headline {
font-size: 30px;
}
.bigbold-menu .bigbold-menu-wrapper.headline-strong {
margin-top: -28px;
}
.bigbold-menu .bigbold-menu-wrapper.headline-h2 {
margin-top: -30px;
}
.bigbold-menu .bigbold-menu-wrapper ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.bigbold-menu .bigbold-menu-wrapper ul li.bigbold-menu-item a {
color: #000000;
font-size: 136px;
line-height: 1;
display: inline-block;
padding-bottom: 0px;
}
@media (min-width:1024px){
.bigbold-menu .bigbold-menu-wrapper ul li.bigbold-menu-item a {
letter-spacing: 0px;
}
}
.bigbold-menu .bigbold-menu-wrapper ul li.bigbold-menu-item a:hover,
.bigbold-menu .bigbold-menu-wrapper ul li.bigbold-menu-item a.first {
color: #F30438;
text-decoration: none;
}
@media(max-width:767px){
.bigbold-menu .row .col-sm-12 {
padding-top: 8.0px;
padding-bottom: 8.0px;
}
.bigbold-menu .bigbold-menu-headline {
font-size: 18px;
padding-bottom: 16px;
}
.bigbold-menu .bigbold-menu-wrapper ul li.bigbold-menu-item a {
font-size: 55px;
padding: 4.0px 0px;
}
}
.play-icon {
background: #F30438;
padding: 32px;
display: inline-block;
cursor: pointer;
border-radius: 100%;
transition: background 300ms;
}
.play-icon svg {
width: 33px!important;
height: 33px;
display: block;
color: #fff;
transition: color 300ms;
transform: translate(4px, 0px);
}
.play-icon:hover {
background: #fff;
}
.play-icon:hover svg {
color: #F30438;
}
/* Socialmedia Links Section */
/*--------------------------------------------------------------------------*/
.social-links .col-auto {
padding-right: 4.0px;
padding-left: 4.0px;
}
.social-links .col-auto.first {
padding-left: 16px;
}
.social-links .col-auto.last {
padding-right: 16px;
}
.social-links a.item {
background: #000000;
border-radius: 100%;
display: block;
overflow: hidden;
}
.social-links a.item:hover {
background: #F30438;
}
.social-links a.item svg {
width: 32px;
height: 32px;
padding: 6px;
display: block;
fill: #fff;
}
/* Socialmedia Module In Footer */
/*--------------------------------------------------------------------------*/
@media(max-width:767px){
footer .social-links {
padding-top: 48px;
padding-bottom: 48px;
}
footer .social-links .col-auto {
padding-right: 8.0px;
padding-left: 8.0px;
}
}
/* Variables */
/*--------------------------------------------------------------------------*/
/* Colors:
* https://www.lockedownseo.com/social-media-colors/
*/
/* Helper Macro */
/*--------------------------------------------------------------------------*/
/* Wrapper */
/*--------------------------------------------------------------------------*/
.social-share {
max-width: 100%;
}
.social-share-inner {
display: flex;
flex-wrap: wrap;
margin-top: -8.0px;
}
.social-share .social-share-link {
display: inline-block;
border-radius: 100%;
background: #000000;
overflow: hidden;
margin-right: 8.0px;
margin-top: 8.0px;
min-width: 32px;
}
/* Plattform Icons */
/*--------------------------------------------------------------------------*/
.social-share svg {
display: block;
fill: #FFFFFF;
}
.social-share svg {
width: 32px;
height: 32px;
padding: 6px;
box-sizing: border-box;
}
/* Icon Plattform Colors */
/*--------------------------------------------------------------------------*/
.social-share .social-share-link:hover,
.social-share .social-share-link:focus {
background-color: #F30438;
}
.introtext .text-highlighted {
font-weight: bold;
font-size: 55px;
}
.text-highlighted em {
font-style: normal;
}
.introtext p {
letter-spacing: 0;
}
.introtext .introtext-richtext {
font-size: 30px;
padding-top: 64px;
}
.introtext .introtext-image {
margin-top: 2rem;
}
.introtext img {
width: 50%;
padding: 0px 16px;
height: auto;
}
.introtext .introtext-image.full-size {
margin-top: 0;
}
.introtext .introtext-image.full-size img {
width: 100%;
}
/* remove margin bottom */
.highlight-mb0 {margin-bottom:0 !important;}
.highlight-mb0 .text-highlighted {margin-bottom:0 !important;}
@media(max-width:767px){
.intro-text {
padding: 0;
}
.introtext .introtext-headline {
margin-bottom: 16px;
}
.introtext .text-highlighted {
font-size: 28px;
}
.introtext .introtext-richtext {
font-size: 20px;
padding-top: 32px;
}
.introtext img {
padding-bottom: 32px;
}
}
.fan-section {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem 2%;
}
.fan-section figure {
margin:0;
width:22%;
text-align:center;
line-height:1px;
}
.fan-section .fan-section-logolink {
display: block;
width:22%;
}
.fan-section .fan-section-logolink figure {
width:100%;
}
@media(max-width:767px){
.fan-section {
justify-content:center:
}
.fan-section figure,
.fan-section .fan-section-logolink {
width:44%;
}
}
.fan-section figure img {
-webkit-filter: grayscale(1) brightness(0) contrast(1);
filter: grayscale(1) brightness(0) contrast(1);
transition: 300ms;
max-width:100%;
height:auto;
}
.fan-section figure.soft-grayscale img {
-webkit-filter: grayscale(2) brightness(1) contrast(2);
filter: grayscale(2) brightness(1) contrast(2);
}
.fan-section figure:hover img {
-webkit-filter: grayscale(0) brightness(1) contrast(1);
filter: grayscale(0) brightness(1) contrast(1);
}
.fan-section-title {
display:block;
margin-top:3px;
font-weight:bold;
}
@media (min-width:1024px) and (max-width:1919px) {
.fan-section-title {
height:105px;
display: flex;
align-items: center;
margin:0;
}
}
@media(max-width:767px){
.fan-section-title {
text-align:center;
}
}
/* Fan section single */
.fan-section-single {
display: flex;
}
.fan-section-single .fan-section-column {
flex-basis: 50%;
width: 50%;
}
.fan-section-single figure {
margin: 0;
}
.fan-section-single .image-container {
padding-right: 128px;
display: flex;
justify-content: end;
}
.fan-section-single .fan-section-logo {
width: 333px;
height: 333px;
object-fit: cover;
border-radius: 100%;
background-color:black;
display:flex;
justify-content: center;
align-items:center;
}
.fan-section-single .fan-customer-logo {
width: 333px;
height: 333px;
object-fit: cover;
border-radius: 100%;
display:flex;
justify-content: center;
align-items:center;
}
.fan-section-single figure.fan-customer-logo {
max-width: 100%;
height: auto;
}
.fan-section-single .fan-customer-logo img {
width: 100%;
height: 100%;
object-fit: cover;
text-align: center;
border-radius: 100%;
}
.fan-section-single .fan-section-logo img {
width: 80%;
height: auto;
/*
* width: auto;
* height: 115px;
*/
filter: grayscale(1) brightness(0) contrast(1) invert(1);
}
.fan-section-single .fan-section-header {
margin-bottom: 16px;
}
.fan-section-single .fan-description {
margin-bottom: 32px;
}
.fan-section-single .fan-description p {
line-height: 1.2
}
.fan-section-single .fan-link svg {
fill: #C4C4C6;
width: 13px;
height: 13px;
vertical-align: middle;
display: inline-block;
margin-right: 8.0px;
margin-bottom:3px;
}
@media (max-width: 767px){
.fan-section-single .fan-link svg {
width: 13px;
height: 13px;
}
}
@media (max-width: 1023px) {
.fan-section-single {
flex-wrap: wrap;
}
.fan-section-single .fan-section-column {
flex-basis: 100%;
width: 100%;
}
.fan-section-single .image-container {
padding-right: 0;
justify-content: start;
padding-bottom: 48px;
}
.fan-section-single .fan-section-logo, .fan-section-single .fan-customer-logo {
width: 210px;
height: 210px;
}
/*
.fan-section-single .fan-section-logo img {
height: 80px;
}
*/
.fan-section-single .fan-section-header {
font-size:16px;
}
.fan-section-single .fan-description p {
font-size:18px;
}
}
.fan-section-single .image-container .row { align-items: center; }
.fan-section-single.autosize-images .fan-customer-logo figure {
max-width: 100%;
height: auto;
}
.fan-section-single.img-no-borderradius-1 .fan-customer-logo.first img {border-radius: unset;}
.fan-section-single.img-no-borderradius-2 .fan-customer-logo.second img {border-radius: unset;}
.team-member .member-item {
height: 100%;
}
/* team member rows */
.team-member .members-row {
opacity: 1;
transition: opacity 600ms, visibility 600ms;
-webkit-transition: opacity 600ms, visibility 600ms;
visibility: visible;
max-height: 100%;
}
.team-member .members-row.hide-row {
opacity: 0;
visibility: hidden;
max-height: 0;
}
.team-member .member-inner {
margin: 0;
}
.team-member .member-header {
margin-top: 24.0px;
}
.team-member .member-header.accordion.first, .team-member .accordion {
padding: 0;
}
.team-member .member-header figcaption {
width: 90%;
}
.team-member .member-header figcaption p {
margin: 0;
letter-spacing: 0;
}
.team-member .member-header figcaption .member-position {
line-height: 35px;
}
.team-member .member-body {
padding-top: 32px;
}
.team-member .member-description {
font-size: 18px;
margin-bottom: 32px;
}
.team-member .member-contact {
color: #C4C4C6;
}
.team-member .member-contact .member-social svg {
margin-right: 8.0px;
fill: #C4C4C6;
width: 13px;
height: 13px;
vertical-align: middle;
}
.team-member .member-contact .member-social {
text-transform: lowercase;
}
.team-member .member-morebtn {
margin: 0 auto;
}
.team-member .member-morebtn .btn.hide-btn {
visibility: hidden;
}
@media (max-width: 767px) {
.team-member .member-description {
font-size: 16px;
margin-bottom: 24.0px;
}
.team-member .member-header figcaption p, .team-member .member-header figcaption .member-position {
line-height: 24px;
}
.team-member .member-body {
padding-top: 48px;
}
}
/* Video Module */
/*--------------------------------------------------------------------------*/
.video-background {
background: #000000;
padding: 64px 0 96px;
}
.video-inner .video-headline h1,
.video-inner .video-headline h2,
.video-inner .video-headline h3,
.video-inner .video-headline h4,
.video-inner .video-headline h5,
.video-inner .video-headline h6 {
font-weight: 700;
font-size: 136px;
line-height: 1;
letter-spacing: -1.15px;
color: #FFFFFF;
margin-bottom: 80px;
}
.video-inner figure {
position: relative;
float: right;
margin: 0 4.5rem 0 0;
}
.video-inner figure .video-portrait {
border-radius: 100%;
}
.video-portrait-wrapper {
width: 334px;
}
.video-portrait.fallback {
background-color: #F3F3F4;
width: 100%;
position: absolute;
bottom: 0;
top: 0;
}
/* Video - Play Button Icon On Image */
/*--------------------------------------------------------------------------*/
.video-inner figure .play-icon {
position: absolute;
left: 0;
bottom: 0;
}
.video-inner figure:hover .play-icon {
background: #FFFFFF;
}
.video-inner figure:hover .play-icon svg {
color: #F30438;
}
/* Video - Quoute */
/*--------------------------------------------------------------------------*/
.video-inner .quote {
position: relative;
color: #FFFFFF;
padding: 0 0 0 112px;
}
.video-inner .quote::before {
position: absolute;
left: 0;
top: -12px;
content:"”";
font-weight: 700;
font-size: 137px;
line-height: 1;
}
.video-inner .quote .quote-author {
font-size: 18px;
line-height: 25px;
letter-spacing: -0.9px;
}
.video-inner .quote .quote-text {
font-size: 30px;
line-height: 35px;
}
@media (max-width:767px) {
.video-inner .quote .quote-author {
font-size: 16px;
line-height: 21px;
}
.video-inner .quote .quote-text {
font-size: 20px;
line-height: 25px;
}
}
/* Video - Responsive Behavior */
/*--------------------------------------------------------------------------*/
@media (max-width:1023px) {
.figure-wrapper {
text-align: center;
}
.video-inner figure {
float: none;
display: inline-block;
margin: 0 auto;
}
.video-inner .quote {
padding: 0 0 0 4rem;
}
.quote-author {
padding-right: 153px
}
}
@media (max-width:767px) {
.video-inner .video-headline h1,
.video-inner .video-headline h2,
.video-inner .video-headline h3,
.video-inner .video-headline h4,
.video-inner .video-headline h5,
.video-inner .video-headline h6 {
font-size: 55px;
line-height: 1;
letter-spacing: -1.5px;
}
.quote-author {
padding-right: 16px
}
}
/* Video - Player Popup */
/*--------------------------------------------------------------------------*/
.popup .vidyard-player-container {
overflow: hidden;
}
@media (max-width:767px) {
.popup .vidyard-player-container {
border-top-right-radius: 68px;
}
.video-inner .quote .quote-text {
font-size: 18px;
line-height: 24px;
}
}
/* Video - SVG Maske For Border Radius */
/*--------------------------------------------------------------------------*/
.video-inline .vidyard-player-container iframe,
.popup .vidyard-player-container iframe,
.popup .hs-video-container iframe {
-webkit-mask-image: url(//3811038.fs1.hubspotusercontent-na1.net/hubfs/3811038/raw_assets/public/PIDAS_Redesign/images/video-maske.svg);
mask-image: url(//3811038.fs1.hubspotusercontent-na1.net/hubfs/3811038/raw_assets/public/PIDAS_Redesign/images/video-maske.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-mode: alpha;
mask-mode: alpha;
-webkit-mask-size: 100%;
mask-size: 100%;
}
/* Leaflet Map */
/*--------------------------------------------------------------------------*/
.map {
margin-bottom: 0px;
}
.map .map-inner {
width: 100%;
height: 650px;
background: #dfdfdf;
border-radius: px;
z-index: 0;
overflow: hidden;
border-radius: 0px 280px 0px 0px;
min-height: 280px;
}
.leaflet-tile-container img {
filter: grayscale(100%) brightness(90%);
}
.leaflet-control-container {
position: relative;
height: 100%;
}
.leaflet-pane {
position: absolute;
}
.leaflet-control-container a:hover, .leaflet-control-container a:focus {
text-decoration: none;
}
.leaflet-control-zoom {
margin: 0.5rem;
}
.leaflet-control-zoom-in, .leaflet-control-zoom-out {
font-size: 2rem;
color: #000000;
}
.leaflet-control-zoom-in {
}
@media(max-width: 767px) {
.map .map-inner {
border-radius: 0px 68px 0px 0px;
min-height: 68px;
}
}
@media (max-width: 767px) and (orientation: portrait) {
.map .map-inner {
height: 250px;
}
}
/* Custom Marker */
/*--------------------------------------------------------------------------*/
.leaflet-marker-icon {
position: absolute;
font-size: 14px;
font-weight: bold;
line-height: 50px;
text-align: center;
color: #fff;
background-image: url('https://www.pidas.com/hubfs/_PIDAS%20Website%20Redesign/standort-pin.svg');
/*background-image: url(https://www.pidas.com/hubfs/_PIDAS%20Website%20Redesign/standort-pin.svg);*/
background-repeat: no-repeat;
background-position: center;
background-size: 50px 48px;
color: transparent;
cursor: pointer;
}
/* juicer feed widget */
.juicer-feed {
text-align: center;
}
.juicer-feed .j-paginate.juicer-button {
padding: 11px 22px;
display: inline-block;
font-size: 23px;
text-decoration: none;
border-radius: 28px;
letter-spacing: 0.46px;
transition: .4s;
cursor: pointer;
display: inline-block;
width: auto;
text-transform: lowercase;
border: 2px solid #F30438;
color: #F30438;
font-weight: normal;
}
.juicer-feed .j-paginate.juicer-button:hover {
background-color: transparent;
border: 2px solid #F30438;
color: #fff;
background: #F30438;
}
@media(max-width:767px){
.juicer-feed .j-paginate.juicer-button {
font-size: 16px;
}
}
/* Bugfix Display Broken Image Posts */
.feed-item.image-post {
display: block !important;
}
.feed-item.image-post img {
font-size: 0;
}
.media-list .media-item .media-source,
.media-list .media-item .media-title .h3 {
margin-bottom: 8.0px;
}
.media-list .media-item .media-link svg {
fill: #C4C4C6;
width: 11px;
height: 11px;
vertical-align: middle;
display: inline-block;
}
/* Wrapper */
.search-fields {
display: flex;
}
/* Input fields */
.search-fields .filter-selected, .search-fields input {
height: 40px;
padding: 8px 0px;
}
/* Filter Dropdown */
.filter-dropdown {
margin-right: 32px;
position: relative;
}
.filter-dropdown .filter-selected {
border: none;
border-bottom: 1px solid #000;
outline: none;
cursor: pointer;
width: 270px;
}
.filter-dropdown ul.filter-list {
list-style-type: none;
font-weight: bold;
margin: 20.0px 0px 0px 0px;
padding: 0;
background: #fff;
display: none;
position: absolute;
left: 0;
right: 0;
z-index: 1;
max-height: 350px;
overflow: auto;
padding: 8.0px;
}
/* Dropdown active */
.filter-dropdown.active ul.filter-list {
display: block;
}
.filter-dropdown ul.filter-list li.filter-option {
font-weight: bold;
margin-bottom: 20.0px;
cursor: pointer;
}
.filter-dropdown ul.filter-list li.filter-option:hover {
color: #F30438;
}
@media(max-width:767px) {
.search-fields {
flex-wrap: wrap;
}
.filter-dropdown {
margin-right: 0;
}
.filter-dropdown .filter-selected,
.search-fields input {
width: 100%;
}
.custom-filter, .hs-search-field {
margin-top: 16px;
width: 100%;
}
}
.hs-search-field label, .filter-dropdown label {
display: block;
font-size: 16px
}
.hs-search-field .hs-search-field__input {
border: none;
border-bottom: 1px solid #000;
outline: none;
}
.gallery .gallery-item img, .gallery .gallery-item .fallback {
overflow: hidden;
border-radius: 20px;
}
.gallery .gallery-item .fallback {
background: #C4C4C6;
}
.gallery .gallery-item {
margin: 0;
position: relative;
}
.gallery .gallery-item .gallery-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
z-index: 1;
}
.gallery .gallery-caption {
background: transparent linear-gradient(0deg,#000,#54545400) 0 0 no-repeat padding-box;
color: #fff;
padding: 32px;
position: absolute;
font-weight: bold;
bottom: 0;
left: 0;
right: 0;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
@media (max-width:767px) {
.gallery .gallery-caption {
font-size: 20px;
}
}
.quotation-wrapper figure {
margin: 0;
}
@media (min-width:1024px) {
.quotation-wrapper .autor-image-wrapper {
padding-right: 32px;
}
}
@media (min-width:768px) and (max-width:1023px) {
.quotation-wrapper .autor-image-wrapper {
padding-right: 80px;
padding-left: 80px;
}
}
.quotation-wrapper .autor-image img {
border-radius: 100%;
}
.quotation-creator {
font-size: 20px;
margin-top: 1rem;
}
@media (min-width:1024px) {
.quotation-creator {
text-align: right;
margin-top: 2rem;
text-align: right;
}
}
@media (max-width:767px) {
.quotation-block {
font-size: 18px;
}
.quotation-creator {
font-size: 16px;
}
}
/* Templates */
/* ERROR */
/*--------------------------------------------------------------------------*/
.error {
padding: 192px 0 128px 0;
text-align: center;
}
/* headline */
.error h1 {
font-size: 55px
}
.error-code {
color: #C4C4C6;
line-height: 1;
}
.error-text {
z-index: 1;
}
.error .btn {
margin-top: 16px;
}
.error .header {
border-bottom: 1px solid ;
padding-bottom: 40.0px;
}
/* SYSTEM */
/*--------------------------------------------------------------------------*/
.system {
padding-top: 65px;
padding-bottom: 85px;
text-align: center;
}
/* headline */
.system h1 {
font-size: 55px
}
.system-form .hs-form .hs-form-field,
.system-form .email-prefs {
text-align: left;
}
.system-form .hs-form input[type="submit"] {
margin-top: 24px;
}
@media (max-width: 380px) {
.system-form .hs-form input[type="submit"] {
padding-left: 24px;
padding-right: 24px;
}
}
.system-admin {
margin-top: 30px;
}
.system-form .hs-form .hs-error-msgs,
.system-form .hs-form .hs-error-msg {
margin-top: 12px;
color: inherit !important;
}
.system-form .hs-form .form-input-validation-message {
margin-top: 0;
}
.system .success {
background-color: #F3F3F4;
color: ;
border: 1px solid #F3F3F4;
display: inline-block;
margin: 32px 0;
padding: 8.0px 16px;
width: 100%;
}
.system .icon {
color: #C4C4C6;
padding: 32px;
}
/* SEARCH RESULT PAGE */
/*--------------------------------------------------------------------------*/
/* Title + Text */
.hs-search-results__title {
color: ;
font-family: "", Arial, sans-serif;
font-size: 1.25rem;
margin-bottom: 0.35rem;
text-decoration: underline;
}
.hs-search-results__title:hover {
text-decoration: none;
}
.hs-search-results__description {
padding-top: 0.7rem;
}
/* Listing */
.hs-search-results__listing {
margin: 0;
padding: 0;
list-style: none;
}
.hs-search-results__listing li {
margin: 0;
padding: 0;
}
.hs-search-highlight {
font-weight: bold;
}
.hs-search-results__prev-page {
float: left;
}
.hs-search-results__next-page {
float: right;
}
/* PASSWORD PROMT */
/*--------------------------------------------------------------------------*/
.password-prompt input[type=password] {
height: auto !important;
margin-bottom: 1.4rem;
}
/* BACKUP UNSUBSCRIBE */
/*--------------------------------------------------------------------------*/
.backup-unsubscribe #email-prefs-form div {
padding-bottom: 0 !important;
}
.backup-unsubscribe input[type=email] {
font-size: 0.875rem !important;
margin-bottom: 1.4rem;
padding: 0.7rem !important;
}
/* SUBSCRIPTION PREFERENCES */
/*--------------------------------------------------------------------------*/
/* Option Boxes */
.email-prefs .item.disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.email-prefs input[type="submit"] {
margin-left: auto;
margin-right: auto;
display: block;
margin-top: 32px;
}
.email-prefs .item {
background-color: #F3F3F4;
padding: 16px;
margin-bottom: 16px;
width: 100%;
cursor: pointer;
}
.email-prefs .item-inner {
padding: 0px 16px;
}
.email-prefs .item .checkbox-row .fakelabel span {
font-weight: 700;
font-size: 18px;
}
.email-prefs .item .item-inner p {
font-size: 16px;
margin-left: 1.5rem;
}
#email-prefs-form .page-header {
padding-bottom: 24.0px;
}
#email-prefs-form .page-header h1 {
margin-bottom: 0;
}
/* Disable All Box */
.subscribe-options {
background-color: #F3F3F4;
padding: 32px;
width: 100%;
cursor: pointer;
position: relative;
}
.subscribe-options .header {
position: relative;
background-color: #F3F3F4;
margin-bottom: 8.0px;
font-size: 18px;
}
.body-container-wrapper {
overflow: hidden;
}
/* blog post images width */
.blog-post .blog-post__body img {
width: 100%!important;
}
/* Job Widget iFrame default height to avoid layout shifts
* See: /tempaltes/_main.css
* Height get overwritten by Widget Skript after async loading.
*/
#psJobWidget {
background-color: #f5f5f5;
}
#psJobWidget > iframe {
height: 637px;
}
#psJobWidget,
.loader {
background-repeat: no-repeat;
background-position: center center;
background-image: url(data:image/gif;base64,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);
}
/* Develop temporary */
.accordion-wrapper {
padding-right: 7rem;
}
.accordion {
padding: 30px 0;
display:flex;
justify-content: space-between;
cursor: pointer;
font-weight:bold;
width: 100%;
text-align: left;
border: none;
outline: none;
align-items: center;
}
.accordion-wrapper .accordion:first-child {
padding-top:5px;
}
.accordion-wrapper .accordion.lines:not(:first-child) {
border-top:1px solid black;
}
/*.accordion-wrapper .accordion.first {
padding-top:5px;
}*/
/*.accordion.lines:not(.first) {
border-top:1px solid black;
}*/
/* add extra spacing if accordion active */
.accordion.active + .accordion-panel {
padding-bottom: 32px;
}
.accordion-panel {
max-height:0;
overflow: hidden;
transition: max-height 300ms ease-out;
}
.accordion-panel img {
width: 100%!important;
margin-bottom: 16px;
}
.accordion-panel p {
letter-spacing: 1px;
line-height: 1.4;
}
.accordion-text-small .accordion-panel p {
font-size: 18px;
}
@media(max-width:767px){
.accordion-text-small .accordion-panel p {
font-size: 16px;
}
}
/* Fix - Falsche Handhabung des Editors */
.accordion-text-small .accordion-panel > *:first-child:not(p) ~ div {
margin-top: 16px;
}
.accordion-panel .btn {
margin-bottom:10px;
}
.accordion .sign {
position:relative;
display:block;
width: 36px;
height: 36px;
}
.accordion .sign .s1 {
position:absolute;
top:50%;
width: 100%;
height: 0px;
border: 1px solid #000000;
}
.sign .s2 {
position:absolute;
top:50%;
width: 100%;
height: 0px;
transform: matrix(0, 1, -1, 0, 0, 0);
border: 1px solid #000000;
}
.accordion.active .sign .s2 {
display:none;
}
@media(max-width:767px){
/*.accordion-content .accordion-wrapper {
padding-right: 3rem;
}*/
.accordion-headline {
width: 90%;
}
.accordion .sign {
width: 22px;
height: 22px;
}
/* add extra spacing if accordion active */
.accordion.active + .accordion-panel {
padding-bottom: 16px;
}
}
@media(max-width:1023px){
.accordion-wrapper {
padding-right: 0;
}
}
/* accordion */
/*--------------------------------------------------------------------------*/
.accordion-contact .accordion-panel {
max-height:0;
overflow: hidden;
transition: max-height 180ms ease-out;
}
.accordion-contact .pos-left .text-highlighted {
padding-top: 5px;
font-size: 55px;
line-height:1.1;
}
@media(max-width:767px){
.accordion-contact .pos-left .text-highlighted {
font-size: 32px;
}
}
.accordion-contact .pos-left .text-highlighted em {
font-style: normal;
}
.accordion-contact .pos-right .bottom {
color: #C4C4C6;
}
.accordion-contact .pos-right .accordion-panel {
padding: 0;
}
.accordion-contact .pos-right .btn {
margin: 3rem 0 4rem 0;
}
/* lightbox - inner */
.lightbox-contact-form .pos-left h3 {
margin-top: 2rem;
}
.lightbox-contact-form .pos-left p {
font-size: 18px;
}
.lightbox-contact-form .pos-right form h3:empty {
display: none;
}
/*
.lightbox-contact-form .pos-right form input[type="text"],
.lightbox-contact-form .pos-right form input[type="tel"],
.lightbox-contact-form .pos-right form input[type="email"],
.lightbox-contact-form .pos-right form textarea,
.lightbox-contact-form .pos-right form select {
border: 1px solid black;
border-width: 0 0 1px 0;
border-radius:0;
background:none;
padding-left:1px;
}
.lightbox-contact-form .pos-right form input[type="submit"] {
display:inline-block;
color: #F50537;
border: 1px solid #F50537;
border-radius: 28px;
padding: 0.9rem 2rem 1rem 2rem;
margin:3rem 0 4rem 0;
cursor: pointer;
transition: 300ms ease-in;
background-color: #ffffff;
text-transform: lowercase;
}
.lightbox-contact-form .pos-right form .hs-form-radio-display {
font-size: 16px;
line-height:0.5;
}
.lightbox-contact-form .pos-right form .hs-form-radio-display span {
font-size: 16px;
}
.lightbox-contact-form .pos-right form .hs-form-radio {
width: auto !important;
}
.lightbox-contact-form .pos-right form .hs-form-radio label > span::after {
left: 1px;
top: 4px;
font-size: 11px;
line-height: 14px;
width: 12px;
height: 12px;
}
.lightbox-contact-form .pos-right form .hs-form-radio label {
height: 26px;
padding-left: 30px;
padding-right: 40px;
}
.lightbox-contact-form .pos-right form .hs-anrede_neu > label {
display:none;
}
.lightbox-contact-form .pos-right form .hs-form-radio label > span::before {
width:16px;
height:16px;
}
.lightbox-contact-form .pos-right form input[type="submit"]:hover {
color: #ffffff;
background-color: #F50537;
}
*/
/* @import url('http://example.com/example_style.css'); */
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
/*****************************************/
/* Start your style declarations here */
/*****************************************/
.right-side-valign .pos-right {
display: flex;
flex-direction: column;
}
.right-side-valign .pos-right,
.right-side-valign.valign-top .pos-right {
justify-content: start;
}
.right-side-valign.valign-center .pos-right {
justify-content: center;
}
.right-side-valign.valign-bottom .pos-right {
justify-content: end;
}
@media(max-width:){
.highlighted-and-content .pos-left:empty {
display:none;
}
}
/* ---- left ------ */
.highlighted-and-content .pos-left span.text-highlighted em {
font-weight: bold;
}
.highlighted-and-content .pos-left img {
max-width: 100%;
width: 100%;
height: auto;
}
.highlighted-and-content .pos-left img.mt-1 {
margin-top: 1rem;
}
.highlighted-and-content .pos-left img.mt-2 {
margin-top: 2rem;
}
.highlighted-and-content .pos-left img.mt-3 {
margin-top: 3rem;
}
@media(max-width:767px){
.highlighted-and-content .pos-left img.mt-2 {
margin-top: 1rem;
}
.highlighted-and-content .pos-left img.mt-3 {
margin-top: 1rem;
}
}
/* ---- right ------ */
.highlighted-and-content .pos-right .introtext {
padding-bottom:50px;
}
.highlighted-and-content .pos-right .introtext,
.highlighted-and-content .pos-right .introtext p {
font-size:23px;
letter-spacing:1px;
}
.highlighted-and-content .pos-right .headline {
padding-bottom:20px;
}
.highlighted-and-content .pos-right .text {
padding-bottom:40px;
}
.highlighted-and-content .pos-right .text,
.highlighted-and-content .pos-right .text p {
font-size:18px;
line-height:1.4;
}
.highlighted-and-content .pos-right .text em {
color: #f30438;
font-style: normal;
font-weight:bold;
}
.highlighted-and-content .pos-right .cite-text {
font-size:23px;
font-weight:bold;
letter-spacing:1px;
}
.highlighted-and-content .pos-right .cite-author {
font-size:16px;
}
.highlighted-and-content .pos-right .cite {
position:relative;
padding: 0 0 40px 70px;
}
.highlighted-and-content .pos-right .cite:before {
position: absolute;
left: 0px;
top: -12px;
content: "”";
font-weight: 700;
font-size: 130px;
line-height: 1;
color: #f30438;
}
.highlighted-and-content .pos-right .text ul {
padding-top: 10px;
margin-left:0;
}
.highlighted-and-content .pos-right .text ul li {
padding-bottom: 25px;
}
.highlighted-and-content .pos-left .text-highlighted {
display: block;
}
/* --- mobile --- */
@media(max-width:767px){
.highlighted-and-content .pos-right .cite-text {
font-size:18px;
}
.highlighted-and-content .pos-left span.text-highlighted {
font-size:18px;
}
}
/* --- animation --- */
.animationcontainer .animation {
font-size: 36px;
margin-bottom: 1rem;
}
@media(max-width:767px){
.animationcontainer .animation,
.animationcontainer .animation span,
.animationcontainer .animation strong {
font-size: 20px !important;
}
.animationcontainer .animation {
margin-bottom: 2rem;
}
}
.animationcontainer.bg {
padding: 16px;
border-radius: 8px;
}
.animationcontainer.bg_grey { background-color: ; }
.animationcontainer.bg_white { background-color: #FFFFFF; }
.animationcontainer.bg_black { background-color: #000000; }
.animationcontainer.bg_primary { background-color: #F30438; }
.animationcontainer.bg_secondary { background-color: #000000; }
/* Allgemeine Animation für alle */
.animation {
opacity: 0; /* Anfangszustand: Unsichtbar */
transform: translateY(30px); /* Standard: Von unten nach oben */
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animation.active {
opacity: 1;
transform: translateY(0);
}
/* Bewegung von LINKS nach RECHTS */
.animation.fade-left-right {
transform: translateX(-50px);
}
.animation.fade-left-right.active {
transform: translateX(0);
}
/* Bewegung von RECHTS nach LINKS */
.animation.fade-right-left {
transform: translateX(50px);
}
.animation.fade-right-left.active {
transform: translateX(0);
}
/* Bewegung von UNTEN nach OBEN */
.animation.fade-bottom-up {
transform: translateY(50px);
}
.animation.fade-bottom-up.active {
transform: translateY(0);
}
/* timeline */
/*--------------------------------------------------------------------------*/
.timeline-item-description em {
color: #F30438;
font-style: normal;
font-weight:bold;
}
.timeline-wrapper {
padding: 0;
position: relative;
}
.timeline-wrapper .timeline:before {
content: '';
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 3px;
height: 100%;
background-color: #000000;
transform: translateX(-50%);
}
.timeline-wrapper .timeline {
display: flex;
flex-wrap: wrap;
}
.timeline-wrapper:before, .timeline-wrapper:after {
content: '';
position: absolute;
width: 21px;
height: 21px;
background-color: #000000;
left: 50%;
border-radius: 100%;
transform: translateX(-50%);
}
.timeline-wrapper:before {
top: 0;
}
.timeline-wrapper:after {
bottom: 0;
}
.timeline-wrapper .timeline .timeline-item {
display: flex;
flex-basis: 50%;
flex-direction: column;
margin-bottom: 40px;
margin-right: 50%;
text-align: right;
padding-right: 60px;
}
.timeline-wrapper .timeline .timeline-item:first-child {
margin-top: 40px;
}
.timeline-item .timeline-content {
width: 100%;
}
.timeline-item .timeline-content .timeline-year {
background-color: #F30438;
color: #ffffff;
line-height:1;
font-weight: bold;
position: relative;
display:inline-block;
border-radius: 22px;
padding: 11px 20px;
}
.timeline-item .timeline-content .timeline-year:after {
box-sizing:border-box;
content: '';
position: absolute;
width: 60px;
height: 3px;
background-color: #F30438;
right: 0px;
left:auto;
top: 50%;
transform: translateX(100%) translateY(-50%);
}
.timeline-item .timeline-content .timeline-year:before {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 100%;
background-color: #F30438;
right: -60px;
left:auto;
top: 50%;
transform: translateX(50%) translateY(-50%);
}
@media(max-width:767px){
.timeline-wrapper.time-opposite-to-text .timeline .timeline-item {
margin-bottom:0;
}
.timeline-wrapper.time-opposite-to-text .timeline .timeline-item.timeline-item-description-container {
margin-bottom: 20px;
}
.timeline-wrapper.time-opposite-to-text .timeline .timeline-item.timeline-item-description-container.timeline-item .timeline-item-description {
padding-left:14px;
}
}
@media(min-width:767px){
.timeline-wrapper.time-opposite-to-text .timeline .timeline-item.timeline-item-year-container {
margin-bottom:0;
}
.timeline-wrapper.time-opposite-to-text .timeline .timeline-item.timeline-item-description-container {
align-items: flex-end;
margin-top:-41px;
margin-left: 50%;
margin-right: 0;
margin-bottom: 35px;
text-align: left;
padding-right: 0;
padding-left: 60px;
}
.timeline-wrapper.time-opposite-to-text .timeline .timeline-item.timeline-item-description-container.timeline-item .timeline-item-description {
margin-top:0;
}
}
.timeline-wrapper .timeline .timeline-item:nth-child(even) {
align-items: flex-end;
margin-left: 50%;
margin-right: 0;
text-align: left;
padding-right: 0;
padding-left: 60px;
}
.timeline-item:nth-child(even) .timeline-content .timeline-year:before {
right: auto;
left: -60px;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.timeline-item:nth-child(even) .timeline-content .timeline-year:after {
right: auto;
left: 0;
top: 50%;
transform: translateX(-100%) translateY(-50%);
}
.timeline-item .timeline-content .timeline-item-description {
margin-top: 15px;
line-height: 1.4;
}
/* Mobile */
@media (max-width: 767px){
.timeline-wrapper {
margin-left: 16px;
margin-right: 16px;
}
.timeline-wrapper .timeline:before {
left: 0;
}
.timeline-wrapper:before, .timeline-wrapper:after {
left: 0;
}
.timeline-wrapper .timeline .timeline-item {
margin-right: 0;
flex-basis: 100%;
text-align: left;
padding-left: 60px;
padding-right: 0;
}
.timeline-wrapper .timeline .timeline-item:nth-child(even) {
margin-left: 0;
}
.timeline-item .timeline-content .timeline-year:after {
left: 0;
top: 50%;
transform: translateX(-100%) translateY(-50%);
}
.timeline-item .timeline-content .timeline-year:before {
right: auto;
left: -60px;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
}
/* Generic */
@media(max-width: 767px) {
.bigbold-menu .bigbold-menu-headline {
padding-bottom: 2rem;
}
.divider-mobile {
margin-bottom: -1.5rem;
}
.fan-section-title {
text-align: left;
}
}
/* Download header */
.dl-header-section .dl-header-image {
box-shadow: -30px 15px 30px #0000001A;
width: auto;
max-width: 80%;
margin: 14rem auto 0;
display: inline-block;
}
.dl-header-section .dl-header-image img {
display: block;
width: auto;
max-width: 100%;
height: auto;
}
.dl-header-section .dl-section-title {
margin-top: 4rem;
}
.dl-header-section .text-highlighted {
margin-top: 4rem;
font-size: 30px;
line-height: 35px;
font-weight: 700;
}
.dl-header-section .downloadButton {
margin-top: 3rem;
background-color: transparent !important;
border: 2px solid #f30438 !important;
color: #f30438 !important;
border-radius: 28px !important;
}
.dl-header-section .downloadButton:hover {
background-color: #f30438 !important;
color: white !important;
}
.dl-header-section .downloadButton.cta_button {
margin-top: 0 !important;
}
@media(max-width: 1023px) {
.dl-header-section .dl-header-image {
margin: 2rem 0 0;
max-height: 800px;
transform: translateX(-50%);
position: relative;
left: 50%;
}
.dl-header-section .dl-header-image img {
max-height: 800px;
}
.dl-header-section .text-highlighted {
font-size: 20px;
line-height: 25px;
letter-spacing: 0;
}
}
/* Download list */
.dl-list-item {
padding-bottom: 2rem;
border-bottom: 1px solid #000000;
margin: 0 0 2rem;
}
.dl-list-item>div:first-child {
padding-left: 0;
}
.dl-list-item>div:last-child {
padding-right: 0;
}
.dl-list-image img {
display: block;
width: 100%;
height: auto;
}
.dl-list-category {
font-size: 1rem;
letter-spacing: 0.8px;
color: #F30438;
margin-bottom: 0.5rem;
}
.dl-list-name {
font-size: 30px;
letter-spacing: 0px;
color: #000000;
}
.dl-list-teaser {
font-size: 18px;
letter-spacing: 0.9px;
color: #000000;
margin: 2rem 0 2.5rem;
}
.dl-list-link {
font-size: 23px;
letter-spacing: 0.46px;
color: #C4C4C6;
}
.dl-list-link:hover {
color: #F30438;
}
.listings-area>.container-fluid {
padding: 0;
}
.listings-area .row-fluid-wrapper {
border-radius: 0px 140px 0px 0px;
min-height: 140px;
}
@media(max-width: 767px) {
.listings-area .row-fluid-wrapper {
border-radius: 0px 68px 0px 0px;
min-height: 68px;
}
.listings-area .col-lg-0 {
margin: 0;
padding: 0;
}
.listings-area .dl-list-hl {
margin: -2rem 0 0;
font-size: 20px;
line-height: 25px;
}
.dl-list-teaser {
font-size: 18px;
font-size: 16px;
line-height: 21px;
}
.dl-list-link {
font-size: 23px;
font-size: 16px;
line-height: 21px;
}
}
/* Download detail */
.smaller-intro .introtext .text-highlighted {
font-size: 30px;
max-width: 825px;
}
/* Form designer */
.invert-form label span, .invert-form p {
color: #FFFFFF;
}
/* Offer fixes */
.introtext.headline-strong strong {
letter-spacing: 0;
display: inline-block;
max-width: 350px;
}
.accordion-content .text-highlighted {
display: block;
max-width: 525px;
}
@media(max-width: 767px) {
/*.introtext.headline-strong strong {
max-width: 250px;
}*/
.mobile-no-image .twinbox-image {
display: none;
}
/*.accordion-content .text-highlighted {
max-width: 250px;
}*/
}
/* Video inline */
.video-inline {
border-radius: 0px 140px 0px 0px;
min-height: 140px;
overflow: hidden;
}
.video-inline.no-radius {
border-radius: 0!important;
}
.dnd-module .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module .twinbox {
margin-top: -16px;
margin-bottom: -16px;
}
.autosize-images figure,
.autosize-images img {
max-width: 100%;
height: auto;
}
@media(max-width: 767px) {
.video-inline {
border-radius: 0px 68px 0px 0px;
min-height: 68px;
}