@charset "UTF-8"; @font-face { font-family: "auxin-front-2"; src:url("/system/modules/avl_vehiclefeatures/assets/c/fonts/auxin-front-2.eot"); src:url("/system/modules/avl_vehiclefeatures/assets/c/fonts/auxin-front-2.eot?#iefix") format("embedded-opentype"), url("/system/modules/avl_vehiclefeatures/assets/c/fonts/auxin-front-2.woff") format("woff"), url("/system/modules/avl_vehiclefeatures/assets/c/fonts/auxin-front-2.ttf") format("truetype"), url("/system/modules/avl_vehiclefeatures/assets/c/fonts/auxin-front-2.svg#auxin-front-2") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "auxin-front-2" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="auxicon2-"]:before, [class*=" auxicon2-"]:before { font-family: "auxin-front-2" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .auxicon2-arrows-anticlockwise:before { content: "\61"; } .auxicon2-circle-plus-outline:before { content: "\62"; } .auxicon2-arrows-drag-up-dashed:before { content: "\63"; } .auxicon2-hamburger-2:before { content: "\64"; } .auxicon2-hamburger1:before { content: "\65"; } .auxicon2-arrow-chevron-thin-left:before { content: "\66"; } .auxicon2-arrows-left-double-chevron:before { content: "\67"; } .auxicon2-arrows-right-double-chevron:before { content: "\68"; } .auxicon2-arrows-chevron-thin-right:before { content: "\69"; } .auxicon2-close-remove-1:before { content: "\6a"; } .auxicon2-plus-1:before { content: "\6b"; } .auxicon2-arrow-slim-left-dashed:before { content: "\6c"; } .auxicon2-arrow-slim-left:before { content: "\6d"; } .auxicon2-arrow-slim-right-dashed:before { content: "\70"; } .auxicon2-arrow-slim-right:before { content: "\71"; } .auxicon2-arrow-chevron-thin-up:before { content: "\6e"; } .auxicon2-arrows-up-double-chevron:before { content: "\6f"; } .auxicon2-square-plus-outline:before { content: "\72"; } .auxicon2-arrows-down-double-chevron:before { content: "\73"; } .auxicon2-arrows-chevron-down:before { content: "\74"; } .auxicon2-basic-bookmark:before { content: "\75"; } .auxicon2-arrow-medium-right:before { content: "\76"; } .auxicon2-arrow-medium-left:before { content: "\77"; } .auxicon2-arrow-chevron-med-right:before { content: "\78"; } .auxicon2-arrow-chevron-med-left:before { content: "\79"; } .auxicon2-arrow-chevron-fat-top:before { content: "\7a"; } .auxicon2-arrow-chevron-fat-down:before { content: "\41"; } .auxicon2-arrow-chevron-fat-right:before { content: "\42"; } .auxicon2-arrow-chevron-fat-left:before { content: "\43"; } .auxicon2-arrow-chevron-slim-top:before { content: "\44"; } .auxicon2-arrow-chevron-slim-down:before { content: "\45"; } .auxicon2-arrow-chevron-slim-left:before { content: "\46"; } .auxicon2-arrow-chevron-slim-right:before { content: "\47"; } .auxicon2-arrow-chevron-pixel-top:before { content: "\48"; } .auxicon2-arrow-chevron-pixel-down:before { content: "\49"; } .auxicon2-arrow-chevron-pixel-left:before { content: "\4a"; } .auxicon2-arrow-chevron-pixel-right:before { content: "\4b"; } .auxicon2-arrow-chevron-pixel-left2:before { content: "\4c"; } .auxicon2-arrow-pixel-fat-top:before { content: "\4d"; } .auxicon2-arrow-pixel-fat-down:before { content: "\4e"; } .auxicon2-arrow-line-med-left:before { content: "\4f"; } .auxicon2-arrow-line-med-right:before { content: "\50"; } .auxicon2-arrow-line-med-top:before { content: "\51"; } .auxicon2-arrow-line-med-down:before { content: "\52"; } .auxicon2-arrow-line-left:before { content: "\53"; } .auxicon2-arrow-line-right:before { content: "\54"; } .auxicon2-arrow-line-top:before { content: "\55"; } .auxicon2-arrow-line-down:before { content: "\56"; } .auxicon2-arrow-chevron-pixel-top2:before { content: "\57"; } .auxicon2-arrow-chevron-pixel-down2:before { content: "\58"; } .auxicon2-arrow-chevron-pixel-right2:before { content: "\59"; } .auxicon2-arrow-pixel-fat-left:before { content: "\5a"; } .auxicon2-arrow-pixel-fat-right:before { content: "\30"; } .auxicon2-play-outline-triangle:before { content: "\31"; } .auxicon2-arrow-thin-up:before { content: "\33"; } .auxicon2-arrow-thin-right:before { content: "\34"; } .auxicon2-arrow-thin-left:before { content: "\35"; } .auxicon2-arrow-thin-down:before { content: "\36"; } .auxicon2-arrow-chevron-small-right:before { content: "\37"; } .auxicon2-arrow-chevron-small-left:before { content: "\38"; } .auxicon2-arrow-chevron-small-down:before { content: "\21"; } .auxicon2-play-triangle:before { content: "\23"; } .auxicon2-play-triangle-1:before { content: "\24"; } .auxicon2-play-triangle-2:before { content: "\25"; } .auxicon2-arrow-backward:before { content: "\26"; } .auxicon2-check-mark:before { content: "\27"; } .auxicon2-check-mark-1:before { content: "\28"; } .auxicon2-code-working:before { content: "\29"; } .auxicon2-code:before { content: "\2a"; } .auxicon2-circle-plus-outline-1:before { content: "\2e"; } .auxicon2-plus-circle:before { content: "\2f"; } .auxicon2-hamburger-3:before { content: "\32"; } .auxicon2-arrow-circle-right:before { content: "\39"; } .auxicon2-flower-design:before { content: "\22"; } .auxicon2-checkmark-circled:before { content: "\2b"; } .auxicon2-close-circled:before { content: "\2c"; } /*! * Font Awesome Free 5.15.4 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{-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-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-cloudflare:before{content:"\e07d"}.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-guilded:before{content:"\e07e"}.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-hive:before{content:"\e07f"}.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-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.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-octopus-deploy:before{content:"\e082"}.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-perbyte:before{content:"\e083"}.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-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-uncharted:before{content:"\e084"}.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-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.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-watchman-monitoring:before{content:"\e087"}.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-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../..//system/modules/avl_vehiclefeatures/assets/c/fonts/fontawesome/webfonts/fa-solid-900.eot);src:url(../..//system/modules/avl_vehiclefeatures/assets/c/fonts/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../..//system/modules/avl_vehiclefeatures/assets/c/fonts/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(../..//system/modules/avl_vehiclefeatures/assets/c/fonts/fontawesome/webfonts/fa-solid-900.woff) format("woff"),url(../..//system/modules/avl_vehiclefeatures/assets/c/fonts/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(../..//system/modules/avl_vehiclefeatures/assets/c/fonts/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900} /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../..//system/modules/avl_vehiclefeatures/assets/c/fonts/fontawesome/webfonts/fa-brands-400.eot);src:url(../..//system/modules/avl_vehiclefeatures/assets/c/fonts/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../..//system/modules/avl_vehiclefeatures/assets/c/fonts/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(../..//system/modules/avl_vehiclefeatures/assets/c/fonts/fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(../..//system/modules/avl_vehiclefeatures/assets/c/fonts/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(../..//system/modules/avl_vehiclefeatures/assets/c/fonts/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400} #main .mod_article.full_nopad .inside{max-width: 100%;padding: 0}.mod_avl_vehiclefeatures{position: relative;margin-bottom: 100px}.mod_avl_vehiclefeatures:before{content: "";z-index: 2;display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,0.5);position: absolute;top: 0;left: 0;opacity: 0;pointer-events: none;transition: all .3s ease-in-out}.mod_avl_vehiclefeatures.doing_ajax:before{opacity: 1;pointer-events: all}.mod_avl_vehiclefeatures > *{position: relative;z-index: 1}.mod_avl_vehiclefeatures .heading{background-color: transparent;background-image: linear-gradient(180deg, #485f6f 13%, #4a4a4a 100%)}.mod_avl_vehiclefeatures .heading > .inner{display: grid;width: 100%;height: 190px;max-width: 1200px;margin: 0 auto;padding: 10px 15px;box-sizing: border-box;grid-template-columns: auto;justify-content: flex-start;align-items: flex-end}.mod_avl_vehiclefeatures .heading > .inner .head{margin-bottom: 30px}.mod_avl_vehiclefeatures .heading > .inner .head .headline{font-size: 30px;font-weight: 800;text-transform: uppercase;letter-spacing: 1px;color: #fff}.mod_avl_vehiclefeatures .heading > .inner .head .subline{font-size: 18px;font-weight: 400;text-transform: uppercase;letter-spacing: 1px;color: #fff}.mod_avl_vehiclefeatures .button-blue{display: inline-grid;grid-auto-columns: auto;grid-auto-flow: column;column-gap: 10px;justify-content: center;align-items: center;font-family: inherit;border: none;width: auto;height: auto;line-height: 45px;white-space: nowrap;padding: 0 13px;box-sizing: border-box;border-radius: 0;background-color: #005A99;color: #fff;text-align: center;transition: all .3s ease-in-out;font-size: 15px;cursor: pointer}.mod_avl_vehiclefeatures .button-blue:hover{background-color: #005A99DB}.mod_avl_vehiclefeatures .select-wrap{--color: #d3d3d3;---colorActive: #3e3e3e;position: relative}.mod_avl_vehiclefeatures .select-wrap:after{content: "\41";font-family: "auxin-front-2";color: var(--color);position: absolute;top: 50%;right: 8px;transform: translate(0, -50%);pointer-events: none;transition: transform .3s ease-in-out}.mod_avl_vehiclefeatures .select-wrap select{display: block;width: 100%;height: 45px;background-color: #fff;border: 1px solid var(--color);padding: 4px 8px;box-sizing: border-box;font-family: inherit;font-size: 14px;color: var(--color);cursor: pointer;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;padding-right: 30px}.mod_avl_vehiclefeatures .select-wrap select option{background-color: #ECECECED;color: #3e3e3e}.mod_avl_vehiclefeatures .select-wrap.selected:after{color: var(--colorActive)}.mod_avl_vehiclefeatures .select-wrap.selected select{border-color: var(--colorActive);color: var(--colorActive)}.mod_avl_vehiclefeatures .filter > .inner{display: grid;width: 100%;max-width: 1200px;padding: 0 15px;box-sizing: border-box;margin: 60px auto 0 auto;grid-template-columns: minmax(0, 1fr) auto;justify-content: space-between;align-items: center;column-gap: 20px}@media screen and (max-width: 800px){.mod_avl_vehiclefeatures .filter > .inner{grid-template-columns: minmax(0, 1fr);justify-content: flex-start;align-items: flex-start}}.mod_avl_vehiclefeatures .filter > .inner .left{display: inline-flex;column-gap: 20px}@media screen and (max-width: 800px){.mod_avl_vehiclefeatures .filter > .inner .left{display: grid;width: 100%;order: 2;grid-template-columns: repeat(3, minmax(0, 1fr));row-gap: 20px}.mod_avl_vehiclefeatures .filter > .inner .left .widget.widget-apply{grid-column: span 3;text-align: center}}@media screen and (max-width: 500px){.mod_avl_vehiclefeatures .filter > .inner .left{grid-template-columns: minmax(0, 1fr)}.mod_avl_vehiclefeatures .filter > .inner .left .widget.widget-apply{grid-column: auto}}@media screen and (max-width: 800px){.mod_avl_vehiclefeatures .filter > .inner .right{order: 1;margin-bottom: 30px;text-align: right}}.mod_avl_vehiclefeatures .results{display: block;background-color: #fff;margin-top: 20px}.mod_avl_vehiclefeatures .results .inner{display: block;width: 100%;max-width: 1200px;margin: 0 auto;padding: 40px 15px;box-sizing: border-box}.mod_avl_vehiclefeatures .results .inner .legend-wrap{display: grid;grid-template-columns: minmax(0, 1fr) auto;justify-content: space-between;align-items: stretch}@media screen and (max-width: 800px){.mod_avl_vehiclefeatures .results .inner .legend-wrap{grid-template-columns: minmax(0, 1fr)}}.mod_avl_vehiclefeatures .results .inner .legend-wrap .headline{font-size: 32px;margin: 0;color: #3e3e3e;font-weight: bold}.mod_avl_vehiclefeatures .results .inner .legend-wrap .legend > a{display: flex;column-gap: 10px;justify-content: flex-end;align-items: center;font-size: 18px;font-weight: 700;color: #3e3e3e}.mod_avl_vehiclefeatures .results .inner .legend-wrap .legend > .mod_article ul{display: block}.mod_avl_vehiclefeatures .results .inner .legend-wrap .legend > .mod_article ul li{display: grid;width: 100%;grid-template-columns: auto minmax(0, 1fr);column-gap: 10px;justify-content: flex-start;align-items: flex-start;margin-top: 20px}.mod_avl_vehiclefeatures .results .inner .legend-wrap .legend > .mod_article ul li i{display: block;width: 20px;height: 20px;border-radius: 100%}.mod_avl_vehiclefeatures .results .inner .legend-wrap .legend > .mod_article ul li i.green{background-color: #95c11f}.mod_avl_vehiclefeatures .results .inner .legend-wrap .legend > .mod_article ul li i.orange{background-color: #ffce44}.mod_avl_vehiclefeatures .results .inner .legend-wrap .legend > .mod_article ul li i.red{background-color: #909090}.mod_avl_vehiclefeatures .results .inner .legend-wrap .legend > .mod_article ul li i.gray{background-color: #909090}.mod_avl_vehiclefeatures .results .inner .legend-wrap .legend > .mod_article ul li p{font-size: 12px;margin: 0}.mod_avl_vehiclefeatures .results .inner .table-outer{display: block;width: 100%;overflow: auto}.mod_avl_vehiclefeatures .results .inner .table-outer .table{display: table;width: 100%;font-size: 16px;margin-top: 40px}.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow{display: table-row}.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow .tcell{display: table-cell;min-width: 120px;padding: 10px;box-sizing: border-box}@media screen and (max-width: 1023px){.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow{display: block;border-top: 1px solid #d3d3d3;padding: 1em 0;box-sizing: border-box}.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow .tcell{display: block}}@media screen and (max-width: 1023px){.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.thead{display: none}}.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.thead .tcell{font-weight: 600}@media screen and (min-width: 1024px){.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.thead .tcell.field_error_code_read,.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.thead .tcell.field_error_env_data,.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.thead .tcell.field_vin,.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.thead .tcell.field_km{text-align: center}}@media screen and (min-width: 1024px){.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.tdefault .tcell{border-top: 1px solid #d3d3d3;padding-bottom: 1em;box-sizing: border-box}.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.tdefault .tcell span.label{display: none}.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.tdefault .tcell span.value{display: block}.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.tdefault .tcell.field_error_code_read,.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.tdefault .tcell.field_error_env_data,.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.tdefault .tcell.field_vin,.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.tdefault .tcell.field_km{text-align: center}}@media screen and (max-width: 1023px){.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.tdefault .tcell{display: grid;width: 100%;grid-template-columns: repeat(2, minmax(0, 1fr));justify-content: flex-start;align-items: flex-start;column-gap: 20px}.mod_avl_vehiclefeatures .results .inner .table-outer .table .trow.tdefault .tcell span.label{font-weight: 600}}.mod_avl_vehiclefeatures .results .inner .table-outer .table .circle{position: relative;display: inline-block;width: 22px;height: 22px;border-radius: 100%;text-indent: -9999px;overflow: hidden}.mod_avl_vehiclefeatures .results .inner .table-outer .table .circle.green{background-color: #95c11f}.mod_avl_vehiclefeatures .results .inner .table-outer .table .circle.orange{background-color: #ffce44}.mod_avl_vehiclefeatures .results .inner .table-outer .table .circle.red{background-color: #909090}.mod_avl_vehiclefeatures .results .inner .table-outer .table .circle.gray{background-color: #909090}.mod_avl_vehiclefeatures .results .inner .table-outer .error-message{color: red;font-size: 16px}.mod_avl_vehiclefeatures .logos{display: block;width: 100%;max-width: 1200px;padding: 0 15px;box-sizing: border-box;margin: 40px auto 0 auto}.mod_avl_vehiclefeatures .logos ul{display: grid;width: 100%;grid-template-columns: repeat(5, minmax(0, 1fr));column-gap: 20px;row-gap: 40px}@media screen and (max-width: 800px){.mod_avl_vehiclefeatures .logos ul{grid-template-columns: repeat(4, minmax(0, 1fr))}}@media screen and (max-width: 400px){.mod_avl_vehiclefeatures .logos ul{grid-template-columns: repeat(2, minmax(0, 1fr))}}.mod_avl_vehiclefeatures .logos ul li{display: flex;width: 100%;justify-content: center;align-items: center}.mod_avl_vehiclefeatures .logos ul li img{display: block;width: 70px;height: 70px;aspect-ratio: 1/1;margin: 0 auto;object-position: center center;object-fit: contain}.mod_avl_vehiclefeatures .logos ul li a{filter: grayscale(1);transition: all .3s ease-in-out}.mod_avl_vehiclefeatures .logos ul li a:hover{filter: grayscale(0)}.popupContainer[data-popup="vehiclefeatures_popup"]{background-color: rgba(0,0,0,0.8)}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner{width: 100%;max-width: 1000px;background-color: #fff;box-shadow: 2px 8px 23px 3px rgba(0,0,0,0.2);color: #3e3e3e;padding-top: 60px !important}@media screen and (max-width: 800px){.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner{padding-left: 15px !important;padding-right: 15px !important}}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .close{border-color: transparent}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .close .bar{background-color: #3e3e3e}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content p{text-align: left;color: inherit;padding: 0;font-weight: inherit;line-height: normal}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner{display: block;width: 100%;max-width: 1200px;margin: 0 auto;box-sizing: border-box}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .legend-wrap{display: grid;grid-template-columns: minmax(0, 1fr) auto;justify-content: space-between;align-items: stretch}@media screen and (max-width: 800px){.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .legend-wrap{grid-template-columns: minmax(0, 1fr)}}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .legend-wrap .headline{font-size: 32px;margin: 0;color: #3e3e3e;font-weight: bold}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .legend-wrap .legend > a{display: flex;column-gap: 10px;justify-content: flex-end;align-items: center;font-size: 18px;font-weight: 700;color: #3e3e3e}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .legend-wrap .legend > .mod_article ul{display: block}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .legend-wrap .legend > .mod_article ul li{display: grid;width: 100%;grid-template-columns: auto minmax(0, 1fr);column-gap: 10px;justify-content: flex-start;align-items: flex-start;margin-top: 20px}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .legend-wrap .legend > .mod_article ul li i{display: block;width: 20px;height: 20px;border-radius: 100%}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .legend-wrap .legend > .mod_article ul li i.green{background-color: #95c11f}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .legend-wrap .legend > .mod_article ul li i.orange{background-color: #ffce44}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .legend-wrap .legend > .mod_article ul li i.red{background-color: #909090}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .legend-wrap .legend > .mod_article ul li i.gray{background-color: #909090}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .legend-wrap .legend > .mod_article ul li p{font-size: 12px;margin: 0}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer{display: block;width: 100%;overflow: auto}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table{display: table;width: 100%;font-size: 16px;margin-top: 40px}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow{display: table-row}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow .tcell{display: table-cell;min-width: 120px;padding: 10px;box-sizing: border-box}@media screen and (max-width: 1023px){.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow{display: block;border-top: 1px solid #d3d3d3;padding: 1em 0;box-sizing: border-box}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow .tcell{display: block}}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.thead .tcell{font-weight: 600}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.thead .tcell:first-child{padding-left: 0}@media screen and (min-width: 1024px){.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.thead .tcell.field_error_code_read,.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.thead .tcell.field_error_env_data,.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.thead .tcell.field_vin,.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.thead .tcell.field_km{text-align: center}}@media screen and (max-width: 1023px){.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.thead .tcell{display: none}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.thead .tcell.field_series,.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.thead .tcell.field_model,.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.thead .tcell.field_year{display: block;width: 100%;padding: 0;margin-top: 10px}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.thead .tcell:first-child{margin-top: 0}}@media screen and (min-width: 1024px){.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.tdefault .tcell{border-top: 1px solid #d3d3d3;padding-bottom: 1em;box-sizing: border-box}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.tdefault .tcell span.label{display: none}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.tdefault .tcell span.value{display: block}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.tdefault .tcell.field_error_code_read,.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.tdefault .tcell.field_error_env_data,.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.tdefault .tcell.field_vin,.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.tdefault .tcell.field_km{text-align: center}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.tdefault.hidden{display: none}}@media screen and (max-width: 1023px){.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.tdefault .tcell{display: grid;width: 100%;grid-template-columns: repeat(2, minmax(0, 1fr));justify-content: flex-start;align-items: flex-start;column-gap: 20px}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.tdefault .tcell span.label{font-weight: 600}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .trow.tdefault.hidden{display: none}}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .circle{position: relative;display: inline-block;width: 22px;height: 22px;border-radius: 100%;text-indent: -9999px;overflow: hidden}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .circle.green{background-color: #95c11f}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .circle.orange{background-color: #ffce44}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .circle.red{background-color: #909090}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .table .circle.gray{background-color: #909090}.popupContainer[data-popup="vehiclefeatures_popup"] .popupInner .content .inner .table-outer .error-message{color: red;font-size: 16px}.popupContainer[data-popup="vehiclefeatures_popup"] .select-wrap{position: relative}.popupContainer[data-popup="vehiclefeatures_popup"] .select-wrap:after{content: "\41";font-family: "auxin-front-2";color: #3e3e3e;position: absolute;top: 50%;right: 8px;transform: translate(0, -50%);pointer-events: none;transition: transform .3s ease-in-out}.popupContainer[data-popup="vehiclefeatures_popup"] .select-wrap select{display: block;width: 100%;height: 45px;background-color: transparent;border: 1px solid #3e3e3e;padding: 4px 8px;box-sizing: border-box;font-size: inherit;font-weight: inherit;font-family: inherit;color: #3e3e3e;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;padding-right: 30px}.popupContainer[data-popup="vehiclefeatures_popup"] .select-wrap select option{background-color: #ECECECED;color: #3e3e3e} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} @media 3.1.0{ /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2013 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); -ms-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); -ms-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); -ms-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } } @media 2.0.0-beta.2.4{ .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel .owl-rtl{direction:rtl}.owl-carousel .owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../system/modules/owlcarousel/assets/vendor/owl.carousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1} } @media 2.0.0-beta.2.4{ .owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} } /* ============================================================================= * reset & defaults * ========================================================================== */ /* --reset ------------------------------------------------- */ * {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; text-rendering: optimizeLegibility;} body {margin:0;padding:0} #wrapper *, #styler-panel * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #colorbox *, #wrapper .mejs-container * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} ul, ol{list-style: none;} table {border-spacing: 0;} html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } figure { margin:0; padding:0; } ul{margin:0;padding:0} a { color: inherit; outline:0; } a.white{ color:#fff; } hr{ background-color:rgba(0,0,0,.2); color:rgba(0,0,0,.2); height:1px; width:100%; margin:0; padding:0; border:none; } img { border:none; } /*fonts*/ @font-face { font-family: 'heydings_iconsregular'; src: url('../../files/layout_avl-ditest/fonts/heydings_icons/ditest-heydings-icons-webfont.eot'); src: url('../../files/layout_avl-ditest/fonts/heydings_icons/ditest-heydings-icons-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/layout_avl-ditest/fonts/heydings_icons/ditest-heydings-icons-webfont.woff') format('woff'), url('../../files/layout_avl-ditest/fonts/heydings_icons/ditest-heydings-icons-webfont.ttf') format('truetype'), url('../../files/layout_avl-ditest/fonts/heydings_icons/ditest-heydings-icons-webfont.svg#heydings_iconsregular') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family:'FontAwesome'; src:url('../../files/layout_avl-ditest/fonts/fontawesome/fontawesome-webfont.eot?v=4.3.0'); src:url('../../files/layout_avl-ditest/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../../files/layout_avl-ditest/fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../../files/layout_avl-ditest/fonts/fontawesome/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../../files/layout_avl-ditest/fonts/fontawesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../../files/layout_avl-ditest/fonts/fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal } body{ font-family: "Source Sans Pro"; font-size: 14px; font-weight:400; background: #ffffff; } /* font-icons */ .icon_email:before{ font-family:FontAwesome; content:"\F199\a0"; } .icon_tel:before{ font-family:FontAwesome; content:"\F098\a0"; } .icon_info:before{ font-family:FontAwesome; content:"\f129\a0"; } /* --float classes ------------------------------------------------- */ .float-left {float: left;} .float-right {float: right;} /* --lightbox link höhe ------------------------------------------------- */ .image_container a {line-height: 0;} /* --lightbox width ------------------------------------------------- */ #mbCenter img {width: auto; max-width: 100%; height: auto; vertical-align: middle;} /* --clearings + defaults ------------------------------------------------- */ .inside{position:relative;text-align:left} .block{overflow:hidden} .clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both} .invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline} .custom{display:block;text-align:left} .custom:after{content:".";display:block;height:0;clear:both;visibility:hidden} *+html #main{position:static} header,footer,nav,section,aside,article,figure,figcaption{display:block} #container:after {content: "020"; display: block; height: 0; clear: both; visibility: hidden;} /* --chromeframe ------------------------------------------------- */ #chromeframe {background: red; padding: 10px; color: #fff; text-align: center; position: relative; z-index: 10000;} /* --license-tracking ------------------------------------------------- */ #license-tracking {display: none;} figure { text-align:center; } /* ============================================================================= * columns for better content separation -responsive * ========================================================================== */ /* .full {overflow: hidden; margin-left: 0; width:100%; float:left; position:relative;} .one_half {overflow: hidden; margin-left: 4%; width:48%; float:left; position:relative;} .one_third {overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;} .two_third {overflow: hidden; margin-left: 5%; width:65%; float:left; position:relative;} .one_fourth {overflow: hidden; margin-left: 4%; width:22%; float:left; position:relative;} .two_fourth {overflow: hidden; margin-left: 4%; width:48%; float:left; position:relative;} .three_fourth {overflow: hidden; margin-left: 4%; width:74%; float:left; position:relative;} .one_fifth {overflow: hidden; margin-left: 5%; width:16%; float:left; position:relative;} .two_fifth {overflow: hidden; margin-left: 4%; width:37%; float:left; position:relative;} .three_fifth {overflow: hidden; margin-left: 4%; width:57%; float:left; position:relative;} .four_fifth {overflow: hidden; margin-left: 4%; width:79%; float:left; position:relative;} .full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first { margin-left: 0!important; clear: left;} .content_first {margin-left: 0!important; clear: left;} */ .full {overflow: hidden; margin-left: 10px; margin-right:10px; width:1000px; float:left; position:relative;} .one_half {overflow: hidden; margin-left: 10px; width:490px; margin-right:10px; float:left; position:relative;} .one_fourth {overflow: hidden; margin-left: 10px; width:235px; margin-right:10px; float:left; position:relative;} .two_fourth {overflow: hidden; margin-left: 10px; width:490px; margin-right:10px; float:left; position:relative;} .three_fourth {overflow: hidden; margin-left: 10px; width:740px; margin-right:10px; float:left; position:relative;} .one_third {overflow: hidden; margin-left: 10px; margin-right:10px; width:313px; float:left; position:relative;} .two_third {overflow: hidden; margin-left: 10px; margin-right:10px; width:646px; float:left; position:relative;} .f-center {overflow: hidden; margin-left: auto; margin-right: auto; width:500px; position:relative;} .full_col {overflow: hidden; margin-left: 10px; margin-right:10px; max-width:1000px; float:left; position:relative;} .one_half_col {overflow: hidden; margin-left: 10px; max-width:490px; margin-right:10px; float:left; position:relative;} .one_fourth_col {overflow: hidden; margin-left: 10px; max-width:235px; margin-right:10px; float:left; position:relative;} .two_fourth_col {overflow: hidden; margin-left: 10px; max-width:490px; margin-right:10px; float:left; position:relative;} .three_fourth_col {overflow: hidden; margin-left: 10px; max-width:740px; margin-right:10px; float:left; position:relative;} .one_third_col {overflow: hidden; margin-left: 10px; margin-right:10px; max-width:313px; float:left; position:relative;} .two_third_col {overflow: hidden; margin-left: 10px; margin-right:10px; max-width:646px; float:left; position:relative;} /* ============================================================================= * general styles & page setup * ========================================================================== */ a { text-decoration: none;} /*#main a[target="_blank"]::before {font-family: "icons"; content: "\e8f3"; display: inline-block; margin-right: 5px;}*/ p {margin-bottom: 15px;line-height:1.5em;} blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;} blockquote p {line-height: 22px;} iframe {max-width: 100%;} #container .image_container img {width: 100%;} code, pre {font-family: monospace;} /* --divider/border for ce_elements ------------------------------------------------- */ .border-top {border-top: 1px solid #dadada; padding-top: 20px;} .border-bottom {border-bottom: 1px solid #dadada; padding-bottom: 20px;} .bold { font-weight:bold; } /* --headlines ------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { margin-top:0; margin-bottom:5px; } /* Alt rgb(128, 187, 199); */ h1 {font-size: 2.143em;font-weight:400;color: #666666; padding-bottom:.3em;text-transform:uppercase;} h2 {font-size: 1.714em;font-weight:400;color: #666666;text-transform: uppercase;padding-bottom:.3em;text-transform:uppercase;} h3 {font-size: 1.286em;font-weight:400;color: #666666;line-height:1.4em;padding-bottom:.1em;text-transform:uppercase;} h4 {font-size: 1.143em;font-weight:400;color: #666666;line-height:1.4em;padding-bottom:.1em;} h5 {font-size: 1.071em;font-weight:400;color: #666666;line-height:1.4em;padding-bottom:.1em;} h6 {font-size: 1em;font-weight:400; color: #666666;line-height:1.4em;padding-bottom:.1em; } .h1-style, .block-headline-h1-style .block-hl { font-size: 2.143em; font-weight: 400; color: #666666; padding-bottom: .3em; text-transform: uppercase; margin-top: 0; margin-bottom: 5px; } h1.hersteller-name{font-size: 4.25em;font-family: 'Archivo Black', sans-serif;font-weight:700;color: rgb(180,180,180);line-height:1.4em;padding-bottom:.1em;padding-top:.1em;white-space: normal;} .absatz-128-blue p{font-size: 1.286em;font-weight:400;color:rgb(128, 187, 199);line-height:1.4em;padding-bottom:.1em;white-space: normal;} .absatz-128-gray p{font-size: 1.286em;font-weight:400;color:rgb(150,150,150);line-height:1.4em;padding-bottom:.1em;white-space: normal;} .absatz-128 p{font-size: 1.286em;font-weight:400;line-height:1.4em;padding-bottom:.1em;white-space: normal;} .absatz-128 li{font-size: 1.286em;font-weight:400;line-height:1.4em;padding-bottom:.1em;white-space: normal;} .absatz-110 p{font-size: 1.1em;font-weight:400;line-height:1.4em;padding-bottom:.1em;white-space: normal;} .absatz-110-blue p{font-size: 1.1em;font-weight:400;color:rgb(128, 187, 199);line-height:1.4em;padding-bottom:.1em;white-space: normal;} .absatz-100 p{font-size: 1.0em;font-weight:400;line-height:1.3em;padding-bottom:.1em;white-space: normal;} .country-110-gray p, .country-110-gray a{font-size: 1.1em;font-weight:700;color:rgb(90,90,90);line-height:1.4em;padding-bottom:.1em;white-space: normal;} .country-110-gray a:hover{font-size: 1.1em;color:rgb(150,150,150);line-height:1.4em;padding-bottom:.1em;white-space: normal;} .image-border-blue img {padding: 10px; border:1px solid #0eaddc;} /* --container ------------------------------------------------- */ #header { position:relative; } #main .mod_article .inside{ margin-right:auto; margin-left:auto; max-width:1020px; padding-top:30px; padding-bottom:30px; } .mod_article .ce_hyperlink { color:rgb(128, 187, 199); margin-top:1.5em; } .mod_article .ce_hyperlink:after{ content:" \f0da"; font-family: fontawesome; } #main .mod_article .inside:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; } /* Versuch um Anker um 80px nach unten zu versetzten */ /* #main .mod_article .inside{ margin-right:auto; margin-left:auto; max-width:1020px; padding-top:5px; padding-bottom:40px; } #main .mod_article .inside:before{ content: "."; display: block; height: 40px; height: 0px; visibility: hidden; } */ .grey-background{ background-color:rgb(242,242,242); } .green-background{ background-color:rgb(230,240,215); } .center { text-align:center; } /* ============================================================================= * features + contao modules * ========================================================================== */ /* --image_container ------------------------------------------------- */ .image_container {position: relative; padding: 0; margin-bottom: 10px; } .image_container figcaption {} .image_container.float_right, .image_container.float_left {float: right; width: 45%; padding: 0; margin-bottom: 3%;} .image_container.float_right {margin-left: 5%;} .image_container.float_left {margin-right: 5%;} .image_container img {width: 100%; display: block; height: auto;} .noresize .image_container {margin: 0!important; width: auto!important} #link_produkte, #link_anmelden{ clear:both; width:calc(100% + 240px); text-align:center; height:auto; border-top:1px solid #999999; margin-top: 20px; margin-right:-120px; margin-left:-120px; padding-top:30px; padding-bottom:10px; } #link_produkte a, #link_anmelden a{ width:100%; display:block; } #link_produkte a:before{ content:'\f00a\a0'; font-family:fontawesome; } #link_anmelden a:before{ content:'\F023\a0'; font-family:fontawesome; } /* tabelle */ th{ font-size: 12px; color:rgb(128, 187, 199); vertical-align:top; padding:6px 4px 10px 4px; white-space:nowrap; font-weight:bold; border-bottom: 1px solid rgb(128, 187, 199); } td { font-size:12px; color:rgb(128, 187, 199); vertical-align:top; padding:6px 4px; /*white-space:nowrap;*/ border-bottom: 1px solid rgb(128, 187, 199); } tfoot td{ font-size:10px; border-bottom: none; } /*content-listen */ .ce_text ul { list-style-type:none; margin-bottom: 4%; } .ce_text ul li { position:relative; /*text-indent: -1.2em;*/ margin:0.2em 0; padding-left:20px; box-sizing:border-box; } .ce_text ul li:before{ /*font-family:fontawesome; content: '\F14A'; color: #666666; width: 1.4em; float: left; font-size:14px;*/ content:""; position:absolute; top:50%; left:0; transform:translate(0,-50%); width: 10px; display: inline-block; vertical-align: middle; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi41MDMiIGhlaWdodD0iMjMuNjE2IiB2aWV3Qm94PSIwIDAgMjIuNTAzIDIzLjYxNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzM5NSA1MDkyKSI+PHBhdGggZD0iTTIwLjY3OSwxOCwxMS43NDIsOS4wN2ExLjY4MSwxLjY4MSwwLDAsMSwwLTIuMzg0LDEuNywxLjcsMCwwLDEsMi4zOTEsMEwyNC4yNTgsMTYuOGExLjY4NSwxLjY4NSwwLDAsMSwuMDQ5LDIuMzI3TDE0LjE0LDI5LjMyYTEuNjg4LDEuNjg4LDAsMCwxLTIuMzkxLTIuMzg0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTczOTcuMjQ3IC01MDk4LjE5NikiIGZpbGw9IiM0MzQ3NDgiLz48cGF0aCBkPSJNMjAuNjc5LDE4LDExLjc0Miw5LjA3YTEuNjgxLDEuNjgxLDAsMCwxLDAtMi4zODQsMS43LDEuNywwLDAsMSwyLjM5MSwwTDI0LjI1OCwxNi44YTEuNjg1LDEuNjg1LDAsMCwxLC4wNDksMi4zMjdMMTQuMTQsMjkuMzJhMS42ODgsMS42ODgsMCwwLDEtMi4zOTEtMi4zODRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzQwNi4yNDcgLTUwOTguMTk2KSIgZmlsbD0iIzQzNDc0OCIvPjwvZz48L3N2Zz4=); height: 14px; background-repeat: no-repeat; background-position: left center; background-size: 10px auto; } /*content listen decimal*/ .ce_text ol { list-style-type:decimal; margin-bottom: 4%; } .ce_text ol li { margin:0.2em 1.4em; color: rgb(128, 187, 199); } /* blue box bluebg */ .bluebg{ box-sizing:border-box; color: #fff; padding:0 30px; position:relative; top:-60px; padding-top: 60px; padding-bottom: 30px; background: #001933; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMTkzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #001933 0%, #004080 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#001933), color-stop(100%,#004080)); background: -webkit-linear-gradient(left, #001933 0%,#004080 100%); background: -o-linear-gradient(left, #001933 0%,#004080 100%); background: -ms-linear-gradient(left, #001933 0%,#004080 100%); background: linear-gradient(to right, #001933 0%,#004080 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001933', endColorstr='#004080',GradientType=1 ); } .bluebg h1,.bluebg h2, .bluebg h3, .bluebg h4,.bluebg h5,.bluebg h6, .bluebg p{ color:#fff !important; } .bluebg h1, .bluebg h2, .bluebg h3, .bluebg h4 { /*font-family:'Source Sans Pro';*/ border-bottom: 1px solid #fff; padding-bottom: 20px; } /*.bluebg ul li{ text-indent:0; list-style-type: disc; margin: 0; margin-left:1em; }*/ .bluebg ul li:before{ /*content:'';*/ color:#ffffff; } /* blue box bluebg fullscreen */ .bluebgfull{ box-sizing:border-box; color: #fff; padding:15px 30px; position:relative; background: #001933; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMTkzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #001933 0%, #004080 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#001933), color-stop(100%,#004080)); background: -webkit-linear-gradient(left, #001933 0%,#004080 100%); background: -o-linear-gradient(left, #001933 0%,#004080 100%); background: -ms-linear-gradient(left, #001933 0%,#004080 100%); background: linear-gradient(to right, #001933 0%,#004080 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001933', endColorstr='#004080',GradientType=1 ); } .bluebgfull h1,.bluebgfull h2, .bluebgfull h3, .bluebgfull h4,.bluebgfull h5,.bluebgfull h6, .bluebgfull p{ color:#fff !important; } .bluebgfull h1, .bluebgfull h2, .bluebgfull h3, .bluebgfull h4 { /*font-family:'Source Sans Pro';*/ border-bottom: 1px solid #fff; padding-bottom: 20px; } /*.bluebgfull ul li{ text-indent:0; list-style-type: disc; margin: 0; margin-left:1em; }*/ .bluebgfull ul li:before{ /*content:'';*/ color:#ffffff; } /* Zubehör box equipbg */ .equipbg{ box-sizing:border-box; color: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMTkzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #001933 0%, #004080 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#001933), color-stop(100%,#004080)); background: -webkit-linear-gradient(left, #001933 0%,#004080 100%); background: -o-linear-gradient(left, #001933 0%,#004080 100%); background: -ms-linear-gradient(left, #001933 0%,#004080 100%); background: linear-gradient(to right, #001933 0%,#004080 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001933', endColorstr='#004080',GradientType=1 ); } .equipbg h1,.equipbg h2, .equipbg h3, .equipbg h4, .equipbg h5,.equipbg h6, .equipbg p{ color:#fff !important; } /*.equipbg ul li{ text-indent:0; list-style-type: disc; margin: 0; margin-left:1em; }*/ .equipbg ul li:before{ /*content:'';*/ color:#ffffff; } #footer { background-color:rgb(39,36,37); padding-top:70px; padding-bottom:20px; color:#808080; /*font-family: 'Source Sans Pro';*/ font-size:0.857em; } #footer .inside{ margin-right:auto; margin-left:auto; max-width:1020px; } #footer .inside nav { margin-bottom: 2em; min-height:150px; } #footer .block-hl { color:#fff; font-size:1em; text-transform:uppercase; margin-bottom: 1.2em; } #footer nav a{ color:#808080; line-height:1.571em; } .soc-footer { margin-right: 0.75em; } .soc-footer:hover { opacity: 0.8; } /* seitenteaser */ .ce_page_teaser { background-color:#f2f2f2; height:400px; margin-bottom:40px; position:relative; } /* seitenteaser new, HG orange */ .newbg { box-sizing:border-box; color: #fff; background: #e77d00; } .newbg h1 { color: #fff; } .ce_page_teaser .hover { position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; background-color: rgba(0,64,128,0.8); cursor:pointer; } .ce_page_teaser .hover .block-hl{ color:#fff; } .ce_page_teaser .hover p{ color:#fff; } .ce_page_teaser .hover .more { position: absolute; color:#fff; height:30px; border: 1px solid #fff; top:50%; left:50%; margin-left:-61px; margin-top:-20px; padding:5px 10px; text-align:center; } .ce_page_teaser .block-hl{ padding-top:30px; padding-left:30px; padding-bottom:0; font-size: 1.286em; } .ce_page_teaser p{ padding-left:30px; font-size:1.0em; color:#666666; } .ce_page_teaser .image_container{ max-width:400px; margin-right:auto; margin-left: auto; } /* seitenteaser header*/ #header .productteaser { /*background-image: url('../../files/layout_avl-ditest/images/bg_seitenteaser.jpg');*/ background-color:#8c8c8c; background-position: center center; position:relative; height:350px; } #header .productteaser .ce_page_teaser:hover{ } #header .productteaser .inside{ position:absolute; bottom:0; left: 50%; margin-left: -510px; width:1020px; } /*Overwrite settings für caroufredsel */ #header .gallery .inside { position: absolute; bottom:0; width:100%; margin-left:auto; margin-right: auto; left:0; } #header .productteaser .ce_caroufredsel { max-width:1142px; width:100%; margin-left:auto; margin-right: auto; } #header .productteaser .caroufredsel_skin{ margin-right:61px; margin-left:61px; position:relative; } .productteaser .ce_page_teaser { position:relative; width:175px; background:transparent; height:251px; float:left; margin:0 12px; font-size:1em; margin-bottom:0; /*padding-bottom:27px;*/ border-bottom:5px solid transparent; } #header .productteaser .image_container{ height:180px; position:relative; } #header .productteaser .image_container img{ position:absolute; bottom:0; } #header .productteaser .ce_page_teaser:hover{ border-bottom:5px solid rgb(128, 187, 199); } .productteaser .ce_page_teaser h1{ font-size:1em; text-align: center; padding: 0; color:#fff; margin-bottom:0; } .productteaser .ce_page_teaser:hover h1{ color: rgb(128, 187, 199); } /*kontaktbox*/ #kontaktbox { white-space:nowrap; position:fixed; top:165px; z-index:300; width:25px; right:0; color:#fff; overflow:hidden; padding: 5px; line-height:1.5em; cursor:pointer; background-color:rgba(0,0,0,.7); } #kontaktbox p{ margin:0; font-size:1em; line-height:1.3em; } .scrollbar #kontaktbox{ top:0px; line-height:1.2em; } #produkte .one_fourth{ overflow: hidden; padding-left: 10px; width:235px; padding-right:10px; float:left; position:relative;margin-left:0;margin-right:0; } #produkte .ce_page_teaser{ height:320px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,.2); margin-bottom:90px; } #produkte .ce_page_teaser:hover{ background-color:rgba(153,153,153,.2); border-bottom:1px solid rgb(128, 187, 199); } #produkte .ce_page_teaser .image_container{ height:235px; position:relative; } #produkte .ce_page_teaser img{ position:absolute; bottom:0; } #produkte .ce_page_teaser p{ text-align:center; padding:0; } #claim{ text-align:right; font-size:1.3em; color:#fff; } #parallax_bg .inside{ max-width:100%!important; width:100%; padding:0; } .content-b h1, .content-b p, .content-b ul, .content-b ol { color:#fff; } .content-b ul li { text-indent: -1.2em; margin:0.2em 1.4em; } .content-b li:before{ font-family:fontawesome; content: '\F14A'; color: #fff; width: 1.4em; float: left; font-size:14px; /*line-height:2em;*/ } .parallax_bg .content-b{ width:1000px; margin-right:auto; margin-left:auto; min-height:465px; } .parallax_bg .content-b p, .parallax_bg .content-b h1 { width: 60%; } /* Parallax-Sektion mit zentriertem Inhalt */ #parallax_center .inside{ max-width:100%!important; width:100%; padding:0; } .parallax_center .content-b{ width:1000px; margin-right:auto; margin-left:auto; min-height:465px; } .parallax_center .content-b p, .parallax_center .content-b h1 { width: 100%; } #scrollToTop{ max-width:1000px; text-align:right; margin-left: auto; margin-right: auto; } /*multifunktionsblock*/ #multiblock{ position:absolute; z-index: 1001; right:0px; } /* suche*/ /*händlersuche*/ /*#searchbox:before{ content:"\F002"; font-family:'fontawesome'; color:#919190; }*/ #searchbox { position:absolute; z-index: 10; overflow:visible; margin:0; } #searchbox form{ /*display:none;*/ position:relative; left:-140px; z-index:10; /*margin-top:10px;*/ /*background-color:rgb(39, 36, 37);*/ width:190px; } #searchbox label, #tl_storelocator label{ display:none; } #tl_storelocator .search .text { border:none; height:40px; background-color:#333333; color:#fff; } #tl_storelocator .search:before{ content: '\a0\F124\a0'; color: rgb(128, 187, 199); font-family:fontawesome; } #searchbox .formbody:after{ content:''; clear:both; } #tl_storelocator .submit_container { position:absolute; width:40px; top:0px; left: 151px; z-index:11; } #searchbox .submit { margin-left:0; padding:0; text-indent:-10000px; color:#000; } #searchbox .submit:after { content:'\f002'; color:#000; } #searchbox input{ margin:0; width:auto; border:none; padding:0; background-color:#fff; float:left; height:auto; } #searchbox input.input_search { border-bottom:1px solid #999999; width: 100px; margin-left: 40px; } #tl_storelocator{ position:relative; height:40px; } #tl_storelocator .search{ background-color:#333333; width:151px; } #tl_storelocator .search .text{ width:130px; } /*login-button*/ #imagelogin{ position:relative; float:left; z-index: 11; margin-right:20px; color:#919190; } #imagelogin:before{ content:"\F023"; font-family:fontawesome; } /*video-button */ #videomatrix{ position:relative; float:left; z-index: 11; margin-right:20px; color:#919190; } #videomatrix:before{ content:"\F144"; font-family:fontawesome; } .video-mm a:after { content:"\f144"; font-family:fontawesome; padding-left:0.25em; } /*nav changelanguage*/ .mod_changelanguage{ float:left; color: rgb(102,102,102); position:relative; height:1em; overflow:hidden; background-color:#ffffff; } .mod_changelanguage ul { position:relative; z-index:300; display: inline-block; background-color:#ffffff; } .mod_changelanguage li { display: inline; margin-right: 2px; } .mod_changelanguage li a,.mod_changelanguage li.span { color:#919190; } .mod_changelanguage li .active { color: rgb(128, 187, 199); } .mod_changelanguage .block-hl{ display:none; } /* .mod_changelanguage:before{ content: '\F124\a0'; color: rgb(128, 187, 199); font-family:fontawesome; vertical-align:top; } */ #geschaeftsbereiche .ce_image .image_container img, #thema-auswaehlen .ce_image .image_container img, #select-a-topic .ce_image .image_container img, #q-a-kategorien .ce_image .image_container img, #geschaeftsbereiche-lf5 .ce_image .image_container img, #geschaeftsbereiche-lf5-main .ce_image .image_container img, #geschaeftsbereiche-lf5-info .ce_image .image_container img, #geschaeftsbereiche-lf5-service .ce_image .image_container img, #geschaeftsbereiche-lf5-quick .ce_image .image_container img, #geschaeftsbereiche-lf5-quick-confirm .ce_image .image_container img, #subnav-ads-jlr .ce_image .image_container img, #subnav-ads-jlr-quick .ce_image .image_container img, #subnav-ads-jlr-quick-confirm .ce_image .image_container img, #subnav-ads-jlr-en .ce_image .image_container img, #subnav-ads-jlr-quick-en .ce_image .image_container img, #subnav-ads-jlr-quick-confirm-en .ce_image .image_container img, #subnav-ads-jlr-fr .ce_image .image_container img, #subnav-ads-jlr-quick-fr .ce_image .image_container img, #subnav-ads-jlr-quick-confirm-fr .ce_image .image_container img, #subnav-hersteller .ce_image .image_container img, #subnav-hersteller-en .ce_image .image_container img, #subnav-hersteller-fr .ce_image .image_container img, #support-abgasmessung .ce_image .image_container img { max-width:70px; margin-right:auto; margin-left:auto; } #thema-auswaehlen-2020 .ce_image .image_container img { max-width:128px; margin-right:auto; margin-left:auto; } #geschaeftsbereiche-2020 .ce_image .image_container img, #geschaeftsbereiche-2020-gr .ce_image .image_container img { max-width:128px; margin-right:auto; margin-left:auto; } #subnav-hersteller .ce_image .image_container, #subnav-hersteller-en .ce_image .image_container, #subnav-hersteller-fr .ce_image .image_container {margin-bottom: 0px} #geschaeftsbereiche-lf5 .ce_image .image_container, #geschaeftsbereiche-lf5-main .ce_image .image_container, #geschaeftsbereiche-lf5-info .ce_image .image_container, #geschaeftsbereiche-lf5-service .ce_image .image_container, #geschaeftsbereiche-lf5-quick .ce_image .image_container, #geschaeftsbereiche-lf5-quick-confirm .ce_image .image_container, #subnav-ads-jlr .ce_image .image_container, #subnav-ads-jlr-quick .ce_image .image_container, #subnav-ads-jlr-quick-confirm .ce_image .image_container, #subnav-ads-jlr-en .ce_image .image_container, #subnav-ads-jlr-quick-en .ce_image .image_container, #subnav-ads-jlr-quick-confirm-en .ce_image .image_container, #subnav-ads-jlr-fr .ce_image .image_container, #subnav-ads-jlr-quick-fr .ce_image .image_container, #subnav-ads-jlr-quick-confirm-fr .ce_image .image_container, #support-abgasmessung .ce_image .image_container { margin-bottom: 1em; } #subnav-hersteller .ce_image .image_container img, #subnav-hersteller-en .ce_image .image_container img, #subnav-hersteller-fr .ce_image .image_container img { margin-bottom: 0px; padding-bottom: 0px; } #geschaeftsbereiche .ce_text, #geschaeftsbereiche-2020 .ce_text, #geschaeftsbereiche-2020-gr .ce_text, #geschaeftsbereiche-lf5 .ce_text, #geschaeftsbereiche-lf5-main .ce_text, #geschaeftsbereiche-lf5-info .ce_text, #geschaeftsbereiche-lf5-service .ce_text, #geschaeftsbereiche-lf5-quick .ce_text, #geschaeftsbereiche-lf5-quick-confirm .ce_text, #subnav-ads-jlr .ce_text, #subnav-ads-jlr-quick .ce_text, #subnav-ads-jlr-quick-confirm .ce_text, #subnav-ads-jlr-en .ce_text, #subnav-ads-jlr-quick-en .ce_text, #subnav-ads-jlr-quick-confirm-en .ce_text, #subnav-ads-jlr-fr .ce_text, #subnav-ads-jlr-quick-fr .ce_text, #subnav-ads-jlr-quick-confirm-fr .ce_text, #subnav-hersteller .ce_text, #subnav-hersteller-en .ce_text, #subnav-hersteller-fr .ce_text, #support-abgasmessung .ce_image .ce_text { text-align:center; } #geschaeftsbereiche .ce_text p, #geschaeftsbereiche-2020 .ce_text p, #geschaeftsbereiche-lf5 .ce_text p, #geschaeftsbereiche-lf5-main .ce_text p, #geschaeftsbereiche-lf5-info .ce_text p, #geschaeftsbereiche-lf5-service .ce_text p, #geschaeftsbereiche-lf5-quick .ce_text p, #geschaeftsbereiche-lf5-quick-confirm .ce_text p, #subnav-ads-jlr .ce_text p, #subnav-ads-jlr-quick .ce_text p, #subnav-ads-jlr-quick-confirm .ce_text p, #subnav-ads-jlr-en .ce_text p, #subnav-ads-jlr-quick-en .ce_text p, #subnav-ads-jlr-quick-confirm-en .ce_text p, #subnav-ads-jlr-fr .ce_text p, #subnav-ads-jlr-quick-fr .ce_text p, #subnav-ads-jlr-quick-confirm-fr .ce_text p #subnav-hersteller .ce_text p, #subnav-hersteller-en .ce_text p, #subnav-hersteller-fr .ce_text p, #support-abgasmessung .ce_text p { color:#808080; } /* Contact Form */ .ce_form { margin: 35px 0 0 0; } .ce_form p { padding: 5px 0; clear: both; } .ce_form label { float: left; padding: 13px 10px 0 5px; text-align: left; width: 100%; /* identisch mit Submit Button */ color: #80bbc7; } .ce_form input, .ce_form select, .ce_form textarea { background-color:rgb(242,242,242); border: none; font-family: 'Source Sans Pro'; padding: 8px; margin: 5px; color: #4b4b4b; font-size: 14px; width: 550px; border-radius: 0; } .ce_form input, .ce_form select { height: 40px; } /* Prevent Horizontal Resizing of Textarea */ .ce_form-textarea { resize: vertical; } /* Radio-Buttons need some seperate Styling */ .ce_form .radio { padding: 9px 0 0 0; display: block; } /* ... Labels too */ .ce_form .radio label { float: none; text-align: center; padding: 0; } .ce_form input[type=radio] { width: 18px; height: 18px; vertical-align: middle; } /* File-Input */ .ce_form input[type=file] { color: #999; font-size: 12px; font-weight: normal; } /* Upload-File Styling - Webkit only */ .ce_form input[type=file]::-webkit-file-upload-button { visibility: hidden; } .ce_form input[type=file]::before { content: 'Datei wählen'; background-color: #80bbc7; font-weight: normal; font-size: 14px; color: #fff; float: right; margin: -8px; padding: 10px; cursor: pointer; } .ce_form input[type=file]:hover::before { background-color: #006699; } .ce_form input[type=file]:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); } .ce_form .form-add-file { float: right; margin: -33px 90px 0 0; display: block; background-color: #80bbc7; padding: 3px 9px; color: #fff; } .ce_form .form-remove-file { font-size: 16px; } .ce_form .form-advice { font-size: 12px; color: #4b4b4b; display: block; padding: 2px 0 5px 105px; } .ce_form .form-spacer { margin: 20px 0 20px 0; } /* Subheading inside Forms */ .ce_form h3 { text-transform: uppercase; font-size: 14px; font-weight: 400; color: #80bbc7; margin-top: 20px; margin-bottom: 5px; line-height: 18px; } /* Submit */ .ce_form .submit { background-color: #a7c728; display: inline-block; padding: 9px 20px; color:#fff; margin-left: 5px; /* identisch mit label +5px */ } .ce_form .submit:hover { background-color: #b6d82d; } /* Green Submit - Used with Application-Forms */ .ce_form .submit-green { background-color: #a7c728; padding: 10px; } .ce_form .submit-green:hover { background-color: #65C723; } .hover-button:hover { background-color: #006699; } /* zustimmung */ .zustimmung {border: none; width: 550px; color: #80bbc7; padding-left: 9px;} /* Produktgalerie Header */ #header .inside .caroufredsel_prev{ position:absolute; top:95px; left:-61px; text-indent: -10000px; height:61px; width:61px; background-image:url('../../files/layout_avl-ditest/images/arrow-bck.png'); background-repeat:no-repeat; } #header .inside .caroufredsel_next{ height:61px; width:61px; position:absolute; top:95px; right:-61px; text-indent: -10000px; background-image:url('../../files/layout_avl-ditest/images/arrow-fwd.png'); background-repeat:no-repeat; } .produktbild { position:relative; } .produktbild .ce_text{ position:absolute; top:320px; width:100%; margin-left:62px; box-sizing:border-box; } .content-b .produktbild { margin-top:320px; } .produktbild h1, .produktbild h3, .produktbild p{ margin: 0 auto; color:#fff; max-width:1000px; } .produktbild h1 { font-size: 4.286vw; line-height:100%; padding-bottom:0px; } .produktbild h3 { font-size: 2.143vw; line-height: 100%; padding-bottom:0px; } .produktbild h1.black, .produktbild h3.black, .produktbild p.black{ color:#000; } .produktbild p { font-size:1.286vw; } #support_product a.ce_accessible_tabs_separator { display:inline-block; min-height:244px; } .mod_article .supportlink { color: rgb(128, 187, 199); font-size: 1.286em; font-weight: 400; line-height: 1.4em; padding-bottom: 0.5em; margin-top:0; margin-bottom:1em; } .supportlink .hyperlink_txt { text-transform:uppercase; } .supportlink { overflow: visible; } .mod_article .supportlink:after { content:''; } /*mime_types*/ /* milo hat hier herum gewuerstelt */ a.ext_pdf:before{ content:'\F1C1'; font-family:fontawesome; color:#80bbc7; font-size:1.286em; line-height: 1.5em; padding-right:.5em; } a.ext_zip:before{ content:'\F1C6'; font-family:fontawesome; color:#80bbc7; font-size:1.286em; line-height: 1.5em; padding-right:.5em; } a.ext_xls:before, a.ext_xlsx:before, a.ext_xltx:before, a.ext_xltm:before { content:'\F1C3'; font-family:fontawesome; color:#80bbc7; font-size:1.286em; line-height: 1.5em; padding-right:.5em; } a.ext_doc:before, a.ext_docx:before, a.ext_dotx:before { content:'\F1C2'; font-family:fontawesome; color:#80bbc7; font-size:1.286em; line-height: 1.5em; padding-right:.5em; } a.ext_exe:before { content:'\f019'; font-family:fontawesome; color:#80bbc7; font-size:1.286em; line-height: 1.5em; padding-right:.5em; } /* span.download{ text-transform:uppercase; color:#80bbc7; font-size:0.9em; display:inline-block; padding-right:.5em; } */ /*Blue Button*/ .bluebutton { background-color: rgb(128, 187, 199); /* 0,90,153 */ display: inline-block; padding: 9px 20px; color:#fff; } .supportbutton { background-color: rgb(128, 187, 199); display: inline-block; padding: 3px 7px; color:#fff; } .bluebutton:hover{ background-color: rgb(148, 207, 219); /* 20, 110, 173 */ } /*Grey Button*/ .greybutton { background-color: rgb(50, 50, 50); display: inline-block; padding: 9px 20px; color:#fff; } .greybutton:hover { background-color: rgb(70, 70, 70); } /*Green Button*/ .greenbutton { background-color: #91be00; display: inline-block; padding: 9px 20px; color:#fff; } .greenbutton:hover{ background-color: #a0d102; } .bigbutton { background-color: #91be00; display: inline-block; padding: 9px 20px; color:#fff; } .bigbutton:hover{ background-color: #a0d102; } .biggreenbutton { display: inline-block; /*height:30px;*/ background-color: #91be00; padding: 15px 20px; color:#fff; font-size:1.12em; } .biggreenbutton:hover { background-color: #a0d102; } .bignlbutton { display: inline-block; /*height:30px;*/ background-color: #91be00; padding: 15px 20px; color:#fff; font-size:1.12em; } .bignlbutton:hover { background-color: #a0d102; } .bigorangebutton { display: inline-block; /*height:30px;*/ background-color: #e77d00; padding: 15px 20px; color:#fff; font-size:1.12em; } .bigorangebutton:hover { background-color: #e77d00; } /*Orange Button*/ .orangebutton { background-color: #e77d00; display: inline-block; padding: 9px 20px; color:#fff; } .bigyellowbutton { display: inline-block; /*height:30px;*/ background-color: #ffce44; padding: 15px 20px; color:#fff; font-size:1.12em; } .bigyellowbutton:hover { background-color: #f8c026; } /*Orange Button*/ .yellowbutton { background-color: #ffce44; display: inline-block; padding: 9px 20px; color:#fff; } /* .greenbutton:hover{ background-color: #e77d00; } /* Counter Button */ .counterbutton { display: inline-block; /*height:30px;*/ background-color: #91be00; padding: 15px 20px; color:#fff; font-size:1.12em; } .counterbutton:hover { background-color: #a0d102; } /*Contact buttons*/ .mailbutton:before { content:'\F003'; font-family:fontawesome; color:#80bbc7; font-size:1.286em; line-height: 1.5em; padding-right:.2em; } .mailbutton a, .callbutton a{ color: rgb(128, 187, 199); } .backbutton:before { content:'\F100'; font-family:fontawesome; color:#666666; font-size:1.286em; line-height: 1.5em; padding-right:.5em; } .backbutton a, .forwardbutton a { color: rgb(128, 187, 199); } .overviewbutton:before { content:'\F00A'; font-family:fontawesome; color:#666666; font-size:1.286em; line-height: 1.5em; padding-right:.5em; } .forwardbutton:after { content:'\F101'; font-family:fontawesome; color:#666666; font-size:1.286em; line-height: 1.5em; padding-left:.5em; } .openbutton:after { content:'\F08E'; font-family:fontawesome; color:#80bbc7; font-size:1.286em; line-height: 1.5em; padding-left:.5em; } .openbutton a{ color: rgb(128, 187, 199); } /* .manbutton:after { content:'\F064'; font-family:fontawesome; color:#80bbc7; font-size:1.286em; line-height: 1.25em; padding-left:.25em; } */ .infobutton:after { content:'\F05A'; font-family:fontawesome; color:#80bbc7; font-size:1.286em; line-height: 1.25em; padding-left:.25em; } .manbutton a{ color: rgb(128, 187, 199); } .callbutton:before { content:'\F10B'; font-family:fontawesome; color:#80bbc7; font-size:1.286em; line-height: 1.5em; padding-right:.5em; } .letterbutton:before { content:'\F0D1'; font-family:fontawesome; color:#80bbc7; font-size:1.286em; line-height: 1.5em; padding-right:.5em; } /* Steps to Update */ .step_dl p:before { content:'\F0ED'; font-family:fontawesome; color:#0eaddc; font-size:48px; padding-right:15px; } .step_act p:before { content:'\F09C'; font-family:fontawesome; color:#0eaddc; font-size:48px; padding-right:15px; } .step_attenzione p:before { content:'\F071'; font-family:fontawesome; color:#0eaddc; font-size:48px; padding-right:15px; } .step_exe p:before { content:'\F019'; font-family:fontawesome; color:#0eaddc; font-size:48px; padding-right:15px; } .step_run p:before { content:'\F011'; font-family:fontawesome; color:#0eaddc; font-size:48px; padding-right:15px; } .step_run_opt p:before { content:'\F011'; font-family:fontawesome; color:#666666; font-size:48px; padding-right:15px; } .step_rev p:before { content:'\F01E'; font-family:fontawesome; color:#0eaddc; font-size:48px; padding-right:15px; } .step_mov p:before { content:'\F144'; font-family:fontawesome; color:#0eaddc; font-size:48px; padding-right:15px; } .step_que p:before { content:'\F044'; font-family:fontawesome; color:#0eaddc; font-size:48px; padding-right:15px; } .step_bt p:before { content:'\F294'; font-family:fontawesome; color:#0eaddc; font-size:48px; padding-right:15px; } .step_usb p:before { content:'\F287'; font-family:fontawesome; color:#666666; font-size:32px; padding-right:15px; } .step_info p:before { content:'\f05a'; font-family:fontawesome; color:#666666; font-size:32px; padding-right:15px; } .step_warn p:before { content:'\f071'; font-family:fontawesome; color:#666666; font-size:32px; padding-right:15px; } .step_dl p, .step_act p, .step_exe p, .step_rev p, .step_mov p, .step_run p, .step_run_opt p, .step_que p, .step_bt p, .step_attenzione p{ font-size: 1.7em; color: #666666; } .step_pruef p{ font-size: 1.25em; color: #666666; } .step_pruef h1{ color: #666666; } .step_pruef h2, .step_pruef h3{ color: #666666; font-weight: bold; } /* Styles Karriere neu (temporär)*/ .step_kariere p{ font-size: 1.25em; color: #666666; } .step_karriere h1{ color: #666666; font-weight: bold; text-transform: none; } .step_karriere h2, .step_karriere h3{ color: #666666; font-weight: bold; text-transform: none; } .notes { color: #ff0000; } /*Startseite Blogelemente*/ #blog-teaser .layout_latest, #blog-teaser-lf5 .layout_latest, #blog-teaser-hersteller .layout_latest, #blog-teaser-hersteller-en .layout_latest { background-color:rgb(38,36,38); color:#fff; height:376px; } #blog-teaser .teaser, #blog-teaser-lf5 .teaser, #blog-teaser-hersteller .teaser, #blog-teaser-hersteller-en .teaser { padding:0 16px; font-size:12px; } #blog-teaser h2, #blog-teaser-lf5 h2, #blog-teaser-hersteller h2, #blog-teaser-hersteller-en h2{ font-size:14px; color:#fff; padding:0 16px; } #blog-teaser h4, #blog-teaser-lf5 h4, #blog-teaser-hersteller h4, #blog-teaser-hersteller-en h4{ margin-bottom:0; font-size:10px; padding-left:16px; color:rgb(128,173,204); } #blog-teaser .hover, #blog-teaser-lf5 .hover, #blog-teaser-hersteller .hover, #blog-teaser-hersteller-en .hover { position:absolute; top:0; left:0; width:313px; height:376px; background-color:rgba(38, 36, 38,.5); font-family: fontawesome; font-size:40px; padding-top:86px; padding-left:135px; } /* Nicht mehr klar warum... ;-) #main div[id]:before { display: block; content: " "; margin-top: -150px; height: 150px; visibility: hidden; }*/ /*cookie-bar */ #cookiebar { background: rgba(0, 0, 0, 0) linear-gradient(to right, #001933 0%, #004080 100%) repeat scroll 0 0; } #searchbox form { left: -180px; } /* microsite Leitfaden 5.1 Formate */ .lf5-tab table {width: 100%;} .lf5-tab td, .lf5-tab th {font-size: 1.0em !important;} .lf5-tab {margin-left: 2%; margin-right: 2%;} /* privacy */ #privacy a {text-decoration: underline;} /* revolution slider */ .jubi {color: #ffffff;} .jubi-bold-20 {font-weight: 700; font-size: 20px;} .jubi-thin-35 {font-size:35px;} .jubi-thin-60 {font-weight: 300; font-size:60px;} .jubi-cap {text-transform: uppercase;} /* ce_player */ /* .mejs-inner .mejs-controls {display: none !important;} */ .mod_article .ce_hyperlink#imagelogin { margin-top:0; } .ce_youtube .video_container { text-align:left; } @media screen and (max-width: 599px) { .ce_rs_columns_start.margin20 .rs-column.-medium-first-row { margin-top: 20px; } .ce_rs_columns_start.margin0 .rs-column.-medium-first-row { margin-top: 0; } } /* --megamenu ------------------------------------------------- */ /*.mod_megamenu li { float:left; list-style-type: none; display:block; position:relative;} .mod_megamenu div { position:absolute; left: -999em; top:0; } .mod_megamenu li.megamenu:hover div { left:auto; } */ .mod_megamenu { background:#fff; color:#aaa; z-index:1000; overflow:visible; margin-left:70px; padding-left:58px; padding-top:36px; } .mod_megamenu a{ color:rgb(102,102,102); } .mod_megamenu a.products-all:after, .mod_megamenu span.products-all:after { content:' \F00A'; font-family:'fontawesome'; } .mod_megamenu ul li { float:left; z-index:1000} .mod_megamenu ul ul { display: none; } .mod_megamenu ul.megamenu{ background:rgba(255,255,255,.9); width:100%; position:absolute; top:80px; left:50%; margin-left:-50%; } ul.megamenu li{ margin: 20px 120px; } .mod_megamenu div { height: 200px; width: 183px; float:left; margin:2px; } .mod_megamenu ul.level_1>li { margin-right:20px; font-size:14px; text-transform:uppercase; } ul.megamenu { font-size:12px; } .mod_megamenu .image_container { height:150px; position:relative; } .mod_megamenu .image_container img{ position:absolute; left: 50%; margin-left:-50px; bottom:0; width:100px; } .mod_megamenu .ce_text { text-align:center; text-transform: uppercase; } /* support megamenu*/ .mod_megamenu .support .image_container img{ position:absolute; left: 50%; margin-left:-35px; bottom:0; width:70px; } .mod_megamenu .support div { height: 200px; width: 148px; float:left; margin:2px; } /* support megamenu*/ .mod_megamenu .produkte .image_container img{ position:absolute; left: 50%; margin-left:-35px; bottom:0; width:70px; } .mod_megamenu .produkte div { height: 200px; width: 148px; float:left; margin:2px; padding-bottom: 50px; } /********** Mainmenu *********/ /* mainmenu ausblenden */ #mainmenu { display:none; position:relative; z-index:1000; background:rgba(255,255,255,.9); color:#aaa; } #mainmenu .menu-icon { font-family:fontawesome; text-align:right; margin:10px; margin-top:20px; cursor:pointer; font-size: 2.143em; font-weight: 400; color: rgb(0,90,153); padding-bottom: .3em; text-transform: uppercase; } #mainmenu ul.level_1{ font-size:1.5em; padding:5% 12.5%; display:none; } #mainmenu li a, #mainmenu li span{ display:block; border-bottom:1px solid rgba(0,0,0,.2); padding: .5em 0; } #mainmenu ul.level_1 ul { padding-left:1em; } #mainmenu ul.level_2 ul { display:none; } #mainmenu a.products-all:after, #mainmenu span.products-all:after { font-size:14px; content:' \F00A'; font-family:'fontawesome'; } #mainmenu .level_2 span.toggle { font-family:'fontawesome'; } #mainmenu .toggle{ float:right; cursor:pointer; border-bottom:none; } .tclosed:after { content:'\f067'; } .topen:after { content:'\f068'; } /*caroufredsel pagination*/ .caroufredsel_pagi{ text-align:center; } .caroufredsel_pagi a{ display:inline-block; width:20px; height:11px; background-color:rgb(179,179,179); margin:0 3px; text-indent: -10000px; } .caroufredsel_pagi a.selected{ background-color:rgb(0,90,153); } /*produktgalerie*/ .produktgalerie{ max-width:860px; margin-left:auto; margin-right:auto; } .produktgalerie .caroufredsel_navi { position: absolute; top:50%; width:100%; max-width:860px; } .produktgalerie .caroufredsel_prev{ float:left; margin-left: -60px; margin-top:-45px; width:60px; height:90px; /* background-color:rgb(179,179,179); */ background-image:url('../../files/layout_avl-ditest/images/gallery2_links.png'); text-indent: -10000px; } .produktgalerie .caroufredsel_next{ float:right; margin-right:-60px; margin-top:-45px; /* background-color:rgb(179,179,179); */ width:60px; height:90px; background-image:url('../../files/layout_avl-ditest/images/gallery2_rechts.png'); text-indent: -10000px; } .produktgalerie .caroufredsel_next:hover, .produktgalerie .caroufredsel_prev:hover { background-color:rgb(179,179,179); } /* zubehoergalerie */ .zubehoergalerie .inside { max-width:100% !important; margin-right:10px; margin-left:100px; } .zubehoergalerie .ce_text{ background-color:#f2f2f2; width:350px; height:304px; margin: 0 2px; } .zubehoergalerie .ce_caroufredsel { margin-right:-10%; margin-left:-10%; } .ce_caroufredsel .ce_text{ position:relative; } .ce_caroufredsel .firstelement:before{ position:absolute; top:0; right:0; z-index:1000; text-align:right; color:#fff; width:100%; height:100%; content: url('../../files/layout_avl-ditest/images/gallery2_links.png'); padding-top: 35%; padding-right: 80%; display:block; background-color:rgba(0,0,0,0.1); cursor:pointer; } .ce_caroufredsel .lastelement:before{ position:absolute; top:0; left:0; z-index:1000; text-align:left; color:#fff; width:100%; height:100%; content: url('../../files/layout_avl-ditest/images/gallery2_rechts.png'); padding-top: 35%; padding-left: 80%; display:block; background-color:rgba(0,0,0,0.1); cursor:pointer; } .caroufredsel .bluebg { top:0; color:#fff; } .caroufredsel .whitebg { top:0; background-color: #fff; } .caroufredsel .greenbg { top:0; background-color: #91be00; } .caroufredsel .orangebg { top:0; background-color: #e77d00; } .zubehoergalerie .block-hl{ font-size:1.286em; /*color:#0066cc;*/ padding:20px 15px 0 20px; margin-bottom:0; } .zubehoergalerie p{ font-size:0.857em; color:#000; padding:0 15px 1em 20px; margin-top:.5em; line-height:default; } .zubehoergalerie .caroufredsel_controls{ display:none; } /* Zubehoergalerie bei kleinen Auflösungen */ @media only screen and (max-width:900px){ .ce_caroufredsel .firstelement:before{ content:none; } .ce_caroufredsel .lastelement:before{ content:none; } .zubehoergalerie .ce_caroufredsel { margin-left:0; margin-right:0; } .zubehoergalerie .caroufredsel_skin { margin-left:61px; margin-right:61px; position:relative; } .zubehoergalerie .caroufredsel_controls { display:block; } .zubehoergalerie .caroufredsel_prev { width:60px; text-indent:-10000px; background-image:url('../../files/layout_avl-ditest/images/gallery_links.png'); background-position:center; background-repeat:no-repeat; position:absolute; height:304px; top:0; left: -60px; } .zubehoergalerie .caroufredsel_next { width:60px; text-indent:-10000px; background-image:url('../../files/layout_avl-ditest/images/gallery_rechts.png'); background-position:center; background-repeat:no-repeat; position:absolute; height:304px; top:0; right: -60px; } } /*media 900px*/ @media screen and (min-width:901px) { .zubehoergalerie .caroufredsel_controls { display:block!important; } .zubehoergalerie .caroufredsel_controls .caroufredsel_prev, .zubehoergalerie .caroufredsel_controls .caroufredsel_next { position: absolute; top:50%; left:10px; transform:translate(0,-50%); background-image:url('/files/layout_avl-ditest/images/gallery2_links.png'); background-size:contain; background-repeat:no-repeat; display:block; width:60px; height:90px; text-indent:-9999px; overflow:hidden; z-index:100; } .zubehoergalerie .caroufredsel_controls .caroufredsel_next { background-image:url('/files/layout_avl-ditest/images/gallery2_rechts.png'); left:auto; right:10px; } .caroufredsel .firstelement:before, .caroufredsel .lastelement:before { display:none; } } /* Header --------------------------------------------------- */ #top-container{ max-width:1000px; height:80px; margin-left: auto; margin-right:auto; } /* Logo*/ #logo{ float:left; width:70px; height:51px; margin-top:20px; } /*breadcrumb*/ .mod_breadcrumb{ float:left; /*margin-right:180px;*/ /*font-family:'Source Sans Pro';*/ } .mod_breadcrumb ul{ padding:0; margin:0; } .mod_breadcrumb ul li{ display:inline; } .mod_breadcrumb ul li a:before{ content:"\f0d9\a0"; font-family:fontawesome; } .mod_breadcrumb .first{ display:none; } .mod_breadcrumb li.last{ display:block; font-size:24px; /* font-size:2.05vw; */ color:#fff; text-transform: uppercase; } .mod_breadcrumb a{ font-size:14px; /* font-size:1.2vw; */ color:#fff; } /* toc*/ #toc-container-mainpage{ visibilty:hidden; } #toc-container{ margin-left:auto; margin-right:auto; } #toc { box-sizing:border-box; position:absolute; margin-left:auto; margin-right:auto; width:1000px; left:0; right:0; margin:0 auto; top:20px; padding-bottom: 16px; /* z-index: 99 */ z-index:999; border-bottom:none; } #toc .mod_article { float:right; } #toc-container.scrollbar{ position:fixed; top:0px; /*margin-top:20px;*/ padding-top:5px; background-color: rgba(0,0,0,.8); height:70px; width:100%; z-index:2000; } #toc-container.scrollbar #toc{ top:0; border-bottom:none; } /*#toc-container.scrollbar #breadcrumb:before { content: url(../../files/layout_avl-ditest/images/avl-ditest-logo-sticky-h.png); float:left; }*/ #toc-container.scrollbar #breadcrumb{ /*background-image:url(../../files/layout_avl-ditest/images/avl-ditest-logo-sticky-h.png);*/ background-repeat:no-repeat; background-size: 70px 45px; padding-left:85px; min-height:45px; } @media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { #toc-container.scrollbar #breadcrumb{ /* background-image:url(../../files/layout_avl-ditest/images/avl-ditest-logo-sticky-h@2x.png); */ } } #toc-container #homebtn { position:absolute; left:0; margin-right:15px; display:none; } #toc-container.scrollbar #homebtn{ display:block !important; } #toc .ce_teaser{ display:inline; float:left; z-index:11; margin-top:33px; margin-left:40px; } #toc .ce_teaser a{ color: #fff; /*font-family:TradeGothicLTStdLight;*/ font-size:1em; } /*accessible Tabs*/ span.current-info { display:none; } .ce_accessible_tabs { float:left; position:relative; width:1100px; left:-40px; } .ce_accessible_tabs .content { position:relative; width:100%; overflow:visible; background-color:#ebebeb; } .ce_accessible_tabs .tabbody{ padding-left:40px; background-color:#ebebeb; } .ce_accessible_tabs .content h4 { display: none; } .ce_accessible_tabs .content a{ color: rgb(0,90,153); } ul.tabs-list{ padding-left:50px; } ul.tabs-list li{ display:inline-block; width:200px; height:255px; border-bottom: 1px solid rgba(0,90,153,.2); } ul.tabs-list li:hover ,ul.tabs-list li.current{ background-color:#ebebeb; } ul.tabs-list li.current{ border-bottom: 1px solid transparent; } ul.tabs-list a { display:block; width:100%; text-align:center; padding-top:126px; text-transform:uppercase; color: rgb(0, 90, 153); font-size:1.286em; line-height:1.4em; padding-bottom:0.5em; background-repeat: no-repeat; background-position:center 36px; } ul.tabs-list p{ text-transform:none; color: #808080; font-size:0.778em; } /* ul.tabs-list a:after{ content: ' \a0\F045\a0'; font-size: 0.5em; font-family: fontawesome; } */ ul.tabs-list a.tab_diag{ background-image:url('../../files/layout_avl-ditest/images/icons-70-areas/icon-70-diagnose.png'); } ul.tabs-list a.tab_hv{ background-image:url('../../files/layout_avl-ditest/images/icons-70-areas/icon-70-hv.png'); } ul.tabs-list a.tab_abgas{ background-image:url('../../files/layout_avl-ditest/images/icons-70-areas/icon-70-abgas.png'); } ul.tabs-list a.tab_klima{ background-image:url('../../files/layout_avl-ditest/images/icons-70-areas/icon-70-klimaservice.png'); } ul.tabs-list a.tab_mess{ background-image:url('../../files/layout_avl-ditest/images/icons-70-areas/icon-70-messtechnik.png'); } ul.tabs-list a.tab_doc{ background-image:url('../../files/layout_avl-ditest/images/icons-70-support/icon-70-downloads.png'); } ul.tabs-list a.tab_faq{ background-image:url('../../files/layout_avl-ditest/images/icons-70-support/icon-70-faq.png'); } ul.tabs-list a.tab_hsw{ background-image:url('../../files/layout_avl-ditest/images/icons-70-support/icon-70-software.png'); } ul.tabs-list a.tab_service{ background-image:url('../../files/layout_avl-ditest/images/icons-70-support/icon-70-service.png'); } ul.tabs-list a.tab_contact{ background-image:url('../../files/layout_avl-ditest/images/icons-70-support/icon-70-contact.png'); } /*.tabs-list { margin-left:10px; margin-right:10px; }*/ .tabbody:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } .tabbody h1.ce_headline { padding-top:50px; color:#666666; font-size:1.714em; border-bottom:1px solid #666666; padding-bottom: 0.75em; text-transform: uppercase; } .tabbody .ce_text h1{ padding-top:1em; padding-bottom: 1em; color:#333333; font-size:1.25em; text-transform:uppercase; } .tabbody .ce_text { padding-bottom:50px; } /*revolution-slider */ .ce_revolutionslider{ position:relative; z-index:100; } .ce_revolutionslider .ce_text h1 { background: rgba(0,64,128,0.8); background: -moz-linear-gradient(left, rgba(0,64,128,0.8) 0%, rgba(0,64,128,0.8) 40%, rgba(0,25,51,0.8) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,64,128,0.8)), color-stop(40%, rgba(0,64,128,0.8)), color-stop(100%, rgba(0,25,51,0.8))); background: -webkit-linear-gradient(left, rgba(0,64,128,0.8) 0%, rgba(0,64,128,0.8) 40%, rgba(0,25,51,0.8) 100%); background: -o-linear-gradient(left, rgba(0,64,128,0.8) 0%, rgba(0,64,128,0.8) 40%, rgba(0,25,51,0.8) 100%); background: -ms-linear-gradient(left, rgba(0,64,128,0.8) 0%, rgba(0,64,128,0.8) 40%, rgba(0,25,51,0.8) 100%); background: linear-gradient(to right, rgba(0,64,128,0.8) 0%, rgba(0,64,128,0.8) 40%, rgba(0,25,51,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004080', endColorstr='#001933', GradientType=1 ); padding:0.7em; text-transform:none; color:#fff !important; margin-bottom:0; position:relative; top:-.1em; display:inline-block; font-size:4.5em; font-family:"Open Sans Condensed"; font-weight:bold; } .ce_revolutionslider .ce_text h2 { background: rgba(0,64,128,0.8); background: -moz-linear-gradient(left, rgba(0,64,128,0.8) 0%, rgba(0,64,128,0.8) 40%, rgba(0,25,51,0.8) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,64,128,0.8)), color-stop(40%, rgba(0,64,128,0.8)), color-stop(100%, rgba(0,25,51,0.8))); background: -webkit-linear-gradient(left, rgba(0,64,128,0.8) 0%, rgba(0,64,128,0.8) 40%, rgba(0,25,51,0.8) 100%); background: -o-linear-gradient(left, rgba(0,64,128,0.8) 0%, rgba(0,64,128,0.8) 40%, rgba(0,25,51,0.8) 100%); background: -ms-linear-gradient(left, rgba(0,64,128,0.8) 0%, rgba(0,64,128,0.8) 40%, rgba(0,25,51,0.8) 100%); background: linear-gradient(to right, rgba(0,64,128,0.8) 0%, rgba(0,64,128,0.8) 40%, rgba(0,25,51,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004080', endColorstr='#001933', GradientType=1 ); padding:0.7em; text-transform:none; color:#fff !important; margin-bottom:0; position:relative; top:-.1em; display:inline-block; font-size:2.5em; font-family:"Open Sans Condensed"; font-weight:300; } .ce_revolutionslider h1.bluebg180{ background: rgba(0,25,51,0.9); background: -moz-linear-gradient(left, rgba(0,25,51,0.8) 0%, rgba(0,25,51,0.8) 60%, rgba(0,64,128,0.8) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,25,51,0.8)), color-stop(60%, rgba(0,25,51,0.8)), color-stop(100%, rgba(0,64,128,0.8))); background: -webkit-linear-gradient(left, rgba(0,25,51,0.8) 0%, rgba(0,25,51,0.8) 60%, rgba(0,64,128,0.8) 100%); background: -o-linear-gradient(left, rgba(0,25,51,0.8) 0%, rgba(0,25,51,0.8) 60%, rgba(0,64,128,0.8) 100%); background: -ms-linear-gradient(left, rgba(0,25,51,0.8) 0%, rgba(0,25,51,0.8) 60%, rgba(0,64,128,0.8) 100%); background: linear-gradient(to right, rgba(0,25,51,0.8) 0%, rgba(0,25,51,0.8) 60%, rgba(0,64,128,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001933', endColorstr='#004080', GradientType=1 ); } .ce_revolutionslider .bluebutton a, .ce_revolutionslider .bluebutton a:hover, .ce_revolutionslider .bluebutton, .ce_revolutionslider .bluebutton:hover{ display:block; /*height:30px;*/ background-color: rgb(128, 187, 199); /* 0,90,153 */ padding: 9px 20px; color:#fff; font-size:1em; } .ce_revolutionslider .bluebutton:after { content:none; } .ce_revolutionslider .greenbutton, .ce_revolutionslider .greenbutton:hover, .ce_revolutionslider .greenbutton a, .ce_revolutionslider .greenbutton a:hover { display:block; /*height:30px;*/ background-color: #91be00; padding: 9px 20px; color:#fff; font-size:1em; } .ce_revolutionslider .greenbutton:after { content:none; } .ce_revolutionslider .biggreenbutton, .ce_revolutionslider .biggreenbutton:hover, .ce_revolutionslider .biggreenbutton a, .ce_revolutionslider .biggreenbutton a:hover { display:block; /*height:30px;*/ background-color: #91be00; padding: 15px 20px; color:#fff; font-size:1.12em; } .ce_revolutionslider .biggreenbutton:after { content:none; } .ce_revolutionslider .bignlbutton, .ce_revolutionslider .bignlbutton:hover, .ce_revolutionslider .bignlbutton a, .ce_revolutionslider .bignlbutton a:hover { display:block; /*height:30px;*/ background-color: #e77d00; padding: 15px 20px; color:#fff; font-size:1.12em; } .ce_revolutionslider .bignlbutton:after { content:none; } .tp-bannertimer {visibility: hidden !important; } /*FAQ*/ .mod_faqpage h3{ text-transform:none; color:#fff; font-size:1em; font-weight: bold; padding:0.5em 1em; margin-bottom:0; } .mod_faqpage .faqtoggler { font-size: 1.15em; background-color:#808080; border-bottom:1px solid #f2f2f2; } .mod_faqpage .faqtoggler:hover { background-color:#666666; /*rgb(0, 90, 153);*/ } .mod_faqpage .active { background-color:#666666; /*rgb(0, 90, 153);*/ } .mod_faqpage .ce_text { padding:0 1em; background-color:#f2f2f2; } .mod_faqpage .ce_text a{ font-weight: bold; color: rgb(0, 90, 153); } .faqtoggler:before{ content:'+'; float:right; padding-top:0.5em; padding-right:1em; color:#fff; } .mod_faqpage .active:before{ content:'-'; float:right; padding-top:0.5em; padding-right:1em; color:#fff; } #container .mod_faqpage .faqaccordion img { width:auto; } @media only screen and (max-width:1033px){ /*blog startseite*/ #blog-teaser .layout_latest{ margin-bottom:20px; } #toc{ margin-left:10px; margin-right:10px; max-width:100%; } #toc .mod_article{ padding-right:25px; } #toc .ce_teaser{ margin-left:5px; margin-right:5px; } .full, .one_half{ width:94%; margin-left:3%; margin-right:3%; } .one_third { margin-left:3%; } .parallax_bg .content-b{ width:95%; } parallax_bg .content-b p, .parallax_bg .content-b h1 { width: 90%; } #logo{ margin-left:10px; } /*accessible Tabs*/ .ce_accessible_tabs{ width:100%; left:0; } } @media only screen and (max-width:700px){ /*blog startseite*/ #blog-teaser .layout_latest { float:none; margin-right:auto; margin-left:auto; } } @media only screen and (max-width:850px){ /*blog startseite*/ #blog-teaser .layout_latest { float:none; margin-right:auto; margin-left:auto; } } @media only screen and (max-width:850px){ /*navi*/ .mod_megamenu { display:none; } #mainmenu{ display:block; } #multiblock{ display:none; position:relative; width:100%; padding: 1% 12.5%; z-index:1000; background-color: rgba(255,255,255,.9); padding-bottom:5%; } #logo { position:absolute; float:none; top:0px; left:0; z-index:1001; } /*multiblock: Suche,Login,Sprache */ #searchbox { position:static; width:100%; } #searchbox:before { content:""; } #searchbox form{ display:block; left:0; width:100%; } #searchbox .submit_container{ right:0; left:auto; } #imagelogin::before { content: ""; } #imagelogin { color: #fff; float:none; margin:20px 0; position: static; background-color: rgb(0, 90, 153); text-align:center; padding:15px; } #imagelogin:hover { background-color: rgb(20, 110, 173); } .mod_changelanguage { float:none; height:auto; } .mod_changelanguage:before { content:""; } .mod_changelanguage h1 { display:block; font-size: 1.5em; } .mod_changelanguage a { font-size:1.2em; line-height:1.5em; } /*toc Inhaltsverzeichnis*/ #toc .mod_article { display:none; } } .anystores-details{ height:210px; margin-bottom:2em; } .anystores-details .name { color: rgb(0, 90, 153); font-weight:bold; } .anystores-details .opening-times { display:none; } .anystores-details .details { margin-top:10px; } .anystores-details .details a{ color: rgb(0, 90, 153); } /*suchbox*/ .mod_anystores_search .formbody{ position:absolute; } .mod_anystores_search .formbody .text{ width:150px; border:none; height:30px; background-color:#333333; color:#fff; margin-top:0.5em; padding: 9px 10px; } .mod_anystores_search .formbody #suggestbox{ width: 150px; border:none; background-color:#999999; color:#000; } .mod_anystores_search .formbody #suggestbox div { padding: 9px 20px; } /* .mod_anystores_search .text:before{ content: '\a0\F124\a0'; color: rgb(0, 90, 153); font-family:fontawesome; } */ .mod_anystores_search .select { background-color:#333333; color:#fff; border: none; border-radius: 0px; width:200px; height: 30px; padding: 5px 10px; } .mod_anystores_search .submit { width:50px; height: 30px; z-index:11; border: none; background-color: rgb(0, 90, 153); color: #fff; display: inline-block; } .mod_anystores_search .submit:hover { background-color: rgb(20, 110, 173); } .mod_anystores_details .anystores-details { position:relative; height:auto; margin-right:10px; margin-left:10px; } .mod_anystores_details .anystores-details .name { color: rgb(0, 90, 153); font-size: 1.714em; font-weight: 400; padding-bottom: 0.3em; } .mod_anystores_details .anystores-details .address { margin-bottom:.3em; } .mod_anystores_details .anystores-details .map { padding-top: 40px; height: 400px; } .mod_anystores_details .anystores-details .back a { background-color: rgb(0, 90, 153); color: #fff; display: inline-block; padding: 9px 20px; margin-top:2em; } .mod_anystores_details .anystores-details .back a:hover { background-color: rgb(20, 110, 173); } .autocomplete-suggestions { text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; width: 150px; border:none; background-color:#999999; color:#000; box-shadow: -1px 1px 3px rgba(0,0,0,.1); /* core styles should not be changed */ position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box; } .autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; } .autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; } .autocomplete-suggestion.selected { background: #f0f0f0; } .mt0,.nomt{margin-top: 0}.mt10{margin-top: 10px}.mt20{margin-top: 20px}.mt30{margin-top: 30px}.mt40{margin-top: 40px}.mt50{margin-top: 50px}.mt60{margin-top: 60px}.mt70{margin-top: 70px}.mt80{margin-top: 80px}.mt90{margin-top: 90px}.mt100{margin-top: 100px}.mt110{margin-top: 110px}.mt120{margin-top: 120px}.mt130{margin-top: 130px}.mt140{margin-top: 140px}.mt150{margin-top: 150px}.mb10{margin-bottom: 10px}.mb20{margin-bottom: 20px}.mb30{margin-bottom: 30px}.mb40{margin-bottom: 40px}.mb50{margin-bottom: 50px}.mb60{margin-bottom: 60px}.mb70{margin-bottom: 70px}.mb80{margin-bottom: 80px}.mb90{margin-bottom: 90px}.mb100{margin-bottom: 100px}.mb110{margin-bottom: 110px}.mb120{margin-bottom: 120px}.mb130{margin-bottom: 130px}.mb140{margin-bottom: 140px}.mb150{margin-bottom: 150px}@media screen and (max-width: 599px){.mobile-mt0,.mobile-nomt{margin-top: 0}.mobile-mt10{margin-top: 10px}.mobile-mt20{margin-top: 20px}.mobile-mt30{margin-top: 30px}.mobile-mt40{margin-top: 40px}.mobile-mt50{margin-top: 50px}.mobile-mt60{margin-top: 60px}.mobile-mt70{margin-top: 70px}.mobile-mt80{margin-top: 80px}.mobile-mt90{margin-top: 90px}.mobile-mt100{margin-top: 100px}.mobile-mt110{margin-top: 110px}.mobile-mt120{margin-top: 120px}.mobile-mt130{margin-top: 130px}.mobile-mt140{margin-top: 140px}.mobile-mt150{margin-top: 150px}.mobile-mb10{margin-bottom: 10px}.mobile-mb20{margin-bottom: 20px}.mobile-mb30{margin-bottom: 30px}.mobile-mb40{margin-bottom: 40px}.mobile-mb50{margin-bottom: 50px}.mobile-mb60{margin-bottom: 60px}.mobile-mb70{margin-bottom: 70px}.mobile-mb80{margin-bottom: 80px}.mobile-mb90{margin-bottom: 90px}.mobile-mb100{margin-bottom: 100px}.mobile-mb110{margin-bottom: 110px}.mobile-mb120{margin-bottom: 120px}.mobile-mb130{margin-bottom: 130px}.mobile-mb140{margin-bottom: 140px}.mobile-mb150{margin-bottom: 150px}}.pad-horizontal-15{padding-left: 15px;padding-right: 15px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}.nocase{text-transform: none}.color-anthrazit{color: #434748}.color-blue{color: #92c1ce}.color-white{color: #fff}.color-avlblue{color: #80bbc7}.font-extraLight,.extraLight{font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;font-weight: 200}.font-light,.light{font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;font-weight: 300}.font-regular,.regular{font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;font-weight: normal}.font-semiBold,.semiBold{font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;font-weight: 500}.font-bold,.bold{font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;font-weight: bold}.font-black,.black{font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;font-weight: 900}.font-opensansBold,.opensansBold{font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;font-weight: bold}.font-archivoBold,.archivoBold{font-family: 'Archivo', Arial, Helvetica, sans-serif;font-weight: 900}ul.has-disc{list-style-type: disc;padding-left: 1em}ul.has-check{display: flex;flex-direction: column;row-gap: 18.25px;margin: .5em 0;padding: 0;list-style: none}ul.has-check li{position: relative;margin: 0;padding: 0;padding-left: calc(20px + 10px);box-sizing: border-box}.ce_text ul.has-check li{text-indent: 0}ul.has-check li:before{content: "";display: block;width: 20px;height: 20px;position: absolute;top: 0;left: 0;background-image: url("/files/content/landingpage_usp/ul-check.svg");background-size: contain;background-repeat: no-repeat;background-position: center center}.uspl-button{display: inline-flex;height: 48px;padding: 14px 24px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;justify-content: center;align-items: center;font-weight: 400;line-height: normal;text-transform: uppercase;font-size: 16px;background-color: rgba(146,193,206,0.5);color: #434748;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;column-gap: 6px}.uspl-button svg [fill],.uspl-button svg [stroke]{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out}.uspl-button:hover{background-color: rgba(67,71,72,0.5);color: #fff}.uspl-button:hover svg [fill]:not([fill="none"]){fill: #fff}.uspl-button:hover svg [stroke]:not([stroke="none"]){stroke: #fff}.select2-container.select2-container--open{z-index: 9999}body.openPopupRelative #wrapper header,body.openPopupAbsolute #wrapper header,body.openPopupRelative #wrapper #container,body.openPopupAbsolute #wrapper #container{-moz-filter: blur(5px);-webkit-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px)}.popupContainer{display: none;position: fixed;z-index: 9998;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4)}.popupContainer .popupInner{color: #000;position: absolute;padding: 55px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 2;border-radius: 5px;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 600px;max-width: 100%;font-size: 16px;text-align: left;visibility: hidden;box-shadow: 0 0 30px rgba(0,0,0,0.34);pointer-events: all;overflow: hidden}@media screen and (min-width: 768px) and (max-width: 1023px){.popupContainer .popupInner{font-size: 14px}}@media screen and (max-width: 767px){.popupContainer .popupInner{font-size: 14px}}.popupContainer .popupInner .content{position: relative;z-index: 2}.popupContainer .popupInner .content .half{position: absolute;left: -20%;bottom: 0;width: 100%;height: 100%;overflow: visible}@media screen and (max-width: 500px){.popupContainer .popupInner .content .half{bottom: -20%}}.popupContainer .popupInner .content .icon-container{width: 100%;text-align: center}.popupContainer .popupInner .content .icon-container .inner{padding: 10px;box-sizing: border-box;border: 2px solid #fff;border-radius: 100%;width: 75px;height: 75px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: center;align-items: center;margin: 0 auto}.popupContainer .popupInner .content .icon-container .inner img{width: 70px}.popupContainer .popupInner .content .popupHeadline{color: white;font-size: 50px;letter-spacing: 0.03em;text-align: center;font-weight: 900;line-height: 1.5;margin-bottom: 0;padding-bottom: 0}@media screen and (min-width: 768px) and (max-width: 1023px){.popupContainer .popupInner .content .popupHeadline{font-size: 14px}}@media screen and (max-width: 767px){.popupContainer .popupInner .content .popupHeadline{font-size: 14px}}@media screen and (max-width: 1024px){.popupContainer .popupInner .content .popupHeadline{font-size: 30px;padding-top: 10px;padding-bottom: 10px}}@media screen and (max-width: 1024px) and screen and (min-width: 768px) and (max-width: 1023px){.popupContainer .popupInner .content .popupHeadline{font-size: 14px}}@media screen and (max-width: 1024px) and screen and (max-width: 767px){.popupContainer .popupInner .content .popupHeadline{font-size: 14px}}.popupContainer .popupInner .content p{text-align: center;font-size: 23px;color: white;font-weight: 400;padding-bottom: 30px;line-height: 1.4;margin-top: 0;padding-top: 0;margin-bottom: 0}@media screen and (min-width: 768px) and (max-width: 1023px){.popupContainer .popupInner .content p{font-size: 14px}}@media screen and (max-width: 767px){.popupContainer .popupInner .content p{font-size: 14px}}@media screen and (max-width: 1024px){.popupContainer .popupInner .content p{font-size: 20px;padding-bottom: 30px}}@media screen and (max-width: 1024px) and screen and (min-width: 768px) and (max-width: 1023px){.popupContainer .popupInner .content p{font-size: 14px}}@media screen and (max-width: 1024px) and screen and (max-width: 767px){.popupContainer .popupInner .content p{font-size: 14px}}.popupContainer .popupInner .content .button{border-top: 1px solid #fff;border-bottom: 1px solid #fff;width: fit-content;margin: 0 auto;padding: 12px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center}.popupContainer .popupInner .content .button .button-inner{position: relative;text-transform: uppercase;font-size: 20px;font-weight: bold}@media screen and (min-width: 768px) and (max-width: 1023px){.popupContainer .popupInner .content .button .button-inner{font-size: 14px}}@media screen and (max-width: 767px){.popupContainer .popupInner .content .button .button-inner{font-size: 14px}}.popupContainer .popupInner .content .button .button-inner:before{content: '';width: 16px;height: 20px;background: url('/files/theme/i/arrows.png');background-position: center;background-repeat: no-repeat;background-size: contain;position: relative;bottom: -3px;display: inline-block;padding-right: 5px}.popupContainer .popupInner .content .button .button-inner:hover{transition: all .3s;animation: moveText .5s forwards;animation-iteration-count: 2}@media screen and (max-width: 1024px){.popupContainer .popupInner .content .button .button-inner{font-size: 17px}.popupContainer .popupInner .content .button .button-inner:before{width: 13px;height: 17px;bottom: -5px}}@media screen and (max-width: 1024px) and screen and (min-width: 768px) and (max-width: 1023px){.popupContainer .popupInner .content .button .button-inner{font-size: 14px}}@media screen and (max-width: 1024px) and screen and (max-width: 767px){.popupContainer .popupInner .content .button .button-inner{font-size: 14px}}@media screen and (max-width: 1024px){.popupContainer .popupInner .content .button{padding-top: 7px}}@media screen and (max-width: 500px){.popupContainer .popupInner{width: 90%}}.popupContainer .close{width: 33px;height: 33px;right: 15px;top: 15px;display: block;position: absolute;border-radius: 100%;-moz-transition: border-color .3s ease-in-out;-webkit-transition: border-color .3s ease-in-out;-o-transition: border-color .3s ease-in-out;-ms-transition: border-color .3s ease-in-out;transition: border-color .3s ease-in-out;z-index: 3;border: 1px solid #fff}@media screen and (max-width: 1023px){.popupContainer .close{position: fixed;top: 15px;right: 20px}}.popupContainer .close span{display: none}.popupContainer .close .bar{position: absolute;left: 0;width: 100%;width: 14px;height: 2px;display: block;background-color: #000;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-moz-transform: translate(0, 0);-webkit-transform: translate(0, 0);-o-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}.popupContainer .close .bar.bar1,.popupContainer .close .bar.bar2{-moz-transform: rotate(45deg) translate(-50%, -50%);-webkit-transform: rotate(45deg) translate(-50%, -50%);-o-transform: rotate(45deg) translate(-50%, -50%);-ms-transform: rotate(45deg) translate(-50%, -50%);transform: rotate(45deg) translate(-50%, -50%);-moz-transform-origin: 0 0;-webkit-transform-origin: 0 0;-o-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;position: absolute;top: 50%;left: 50%}.popupContainer .close .bar.bar2{-moz-transform: rotate(-45deg) translate(-50%, -50%);-webkit-transform: rotate(-45deg) translate(-50%, -50%);-o-transform: rotate(-45deg) translate(-50%, -50%);-ms-transform: rotate(-45deg) translate(-50%, -50%);transform: rotate(-45deg) translate(-50%, -50%)}.popupContainer .close .bar.bar3{opacity: 0}.popupContainer .close:hover .bar{background-color: #fff;width: 20px}body.openPopupRelative,body.openPopupAbsolute{overflow: hidden}body.openPopupRelative .popupContainer{overflow: auto}body.openPopupRelative .popupContainer .popupInner{position: relative;top: 0;left: auto;-moz-transform: translate(0, 0);-webkit-transform: translate(0, 0);-o-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;display: block;padding: 40px 40px}@media screen and (min-width: 1024px){body.openPopupRelative .popupContainer .popupInner{margin-top: 20px;margin-bottom: 20px}}@keyframes moveText{0%{-moz-transform: translate(0px, 0);-webkit-transform: translate(0px, 0);-o-transform: translate(0px, 0);-ms-transform: translate(0px, 0);transform: translate(0px, 0)}50%{-moz-transform: translate(-5px, 0);-webkit-transform: translate(-5px, 0);-o-transform: translate(-5px, 0);-ms-transform: translate(-5px, 0);transform: translate(-5px, 0)}100%{-moz-transform: translate(0px, 0);-webkit-transform: translate(0px, 0);-o-transform: translate(0px, 0);-ms-transform: translate(0px, 0);transform: translate(0px, 0)}}#main .mod_article.fullwidth .inside{width: 100%;max-width: 100%;padding: 0;margin: 0}.rsce_video{position: relative;margin: 0;padding: 0;overflow: hidden;width: 100%;height: auto;aspect-ratio: 16/9}@media screen and (max-width: 600px){.rsce_video{aspect-ratio: 4/3}}.rsce_video .video-container{position: absolute;z-index: 1;top: 50%;left: 50%;width: 100%;height: 100%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}.rsce_video .video-container video,.rsce_video .video-container iframe{display: block;position: absolute;z-index: 1;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: 100%;-moz-object-fit: cover;-webkit-object-fit: cover;-o-object-fit: cover;-ms-object-fit: cover;object-fit: cover;-moz-object-position: center center;-webkit-object-position: center center;-o-object-position: center center;-ms-object-position: center center;object-position: center center;font-family: "object-fit:cover; object-position:center center;"}.rsce_video .video_bg_image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;pointer-events: all;cursor: pointer}.rsce_video .video_bg_image img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center}.rsce_video .playbutton{position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 3;pointer-events: none}.rsce_video.playing .video_bg_image,.rsce_video.playing .playbutton{display: none}.rsce_video_textlayer{position: relative;margin: 0;padding: 0;overflow: hidden;width: 100%;height: auto;aspect-ratio: var(--ar);max-height: var(--max-height)}@media screen and (max-width: 600px){.rsce_video_textlayer{aspect-ratio: var(--ar-mobile)}}.rsce_video_textlayer .video-container{position: absolute;z-index: 1;top: 50%;left: 50%;width: 100%;height: 100%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}.rsce_video_textlayer .video-container:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;background-color: var(--layer);opacity: var(--layer-opacity)}.rsce_video_textlayer .video-container video,.rsce_video_textlayer .video-container iframe{display: block;position: absolute;z-index: 1;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: 100%;width: var(--w);height: var(--h);pointer-events: none;-moz-object-fit: cover;-webkit-object-fit: cover;-o-object-fit: cover;-ms-object-fit: cover;object-fit: cover;-moz-object-position: center center;-webkit-object-position: center center;-o-object-position: center center;-ms-object-position: center center;object-position: center center;font-family: "object-fit:cover; object-position:center center;"}.rsce_video_textlayer .text-container{position: relative;z-index: 2;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;min-height: 100%;text-align: center;padding: 5px 15px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;color: #fff}.rsce_video_textlayer .text-container .crumb{font-size: 30px;margin: 0;padding: 0;color: inherit}@media screen and (max-width: 600px){.rsce_video_textlayer .text-container .crumb{font-size: 18px}}@media screen and (min-width: 600px) and (max-width: 1023px){.rsce_video_textlayer .text-container .crumb{font-size: 24px}}.rsce_video_textlayer .text-container .headline{font-size: 56px;font-weight: bold;margin: 0;padding: 0;color: inherit;text-transform: uppercase}@media screen and (max-width: 600px){.rsce_video_textlayer .text-container .headline{font-size: 33.6px}}@media screen and (min-width: 600px) and (max-width: 1023px){.rsce_video_textlayer .text-container .headline{font-size: 44.8px}}.rsce_flipbox_layer{position: relative;padding: 50px 0;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}.rsce_flipbox_layer .inner{max-width: 1200px;margin: 0 auto;padding: 50px 35px 100px 35px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;z-index: 2;background-color: var(--bgcolor);color: #fff}@media screen and (max-width: 767px){.rsce_flipbox_layer .inner{padding: 50px 15px}}.rsce_flipbox_layer .inner > .headline{font-size: 50px;font-weight: bold;line-height: 1.3em;text-align: center;margin: 0 0 30px 0}@media screen and (max-width: 767px){.rsce_flipbox_layer .inner > .headline{font-size: 30px}}.rsce_flipbox_layer .inner .grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));justify-content: flex-start;align-items: stretch;column-gap: 0;row-gap: 0}@media screen and (max-width: 767px){.rsce_flipbox_layer .inner .grid{grid-template-columns: minmax(0, 1fr)}}.rsce_flipbox_layer .inner .grid .item{position: relative;perspective: 1000px;transform-style: preserve-3d}.rsce_flipbox_layer .inner .grid .item .foreground,.rsce_flipbox_layer .inner .grid .item .background{position: absolute;-moz-transition: all .6s ease-in-out;-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;transition: all .6s ease-in-out;transform-style: preserve-3d;backface-visibility: hidden;padding: 35px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: flex;justify-content: center;align-items: stretch;flex-direction: column;width: 100%;height: auto}@media screen and (max-width: 767px){.rsce_flipbox_layer .inner .grid .item .foreground,.rsce_flipbox_layer .inner .grid .item .background{padding: 15px}}.rsce_flipbox_layer .inner .grid .item .foreground{z-index: 1;-moz-transform: none;-webkit-transform: none;-o-transform: none;-ms-transform: none;transform: none}.rsce_flipbox_layer .inner .grid .item .background{background-color: var(--bgkachel)}.rsce_flipbox_layer .inner .grid .item.ready{min-height: var(--min-height)}.rsce_flipbox_layer .inner .grid .item.ready .foreground,.rsce_flipbox_layer .inner .grid .item.ready .background{height: 100%}.rsce_flipbox_layer .inner .grid .item.ready.flip-left .background{-moz-transform: rotateX(0) rotateY(180deg);-webkit-transform: rotateX(0) rotateY(180deg);-o-transform: rotateX(0) rotateY(180deg);-ms-transform: rotateX(0) rotateY(180deg);transform: rotateX(0) rotateY(180deg)}.rsce_flipbox_layer .inner .grid .item.ready.flip-left:hover .foreground{-moz-transform: rotateX(0) rotateY(-180deg);-webkit-transform: rotateX(0) rotateY(-180deg);-o-transform: rotateX(0) rotateY(-180deg);-ms-transform: rotateX(0) rotateY(-180deg);transform: rotateX(0) rotateY(-180deg)}.rsce_flipbox_layer .inner .grid .item.ready.flip-left:hover .background{-moz-transform: none;-webkit-transform: none;-o-transform: none;-ms-transform: none;transform: none}.rsce_flipbox_layer .inner .grid .item.ready.flip-bottom .background{-moz-transform: rotateX(-180deg) rotateY(0);-webkit-transform: rotateX(-180deg) rotateY(0);-o-transform: rotateX(-180deg) rotateY(0);-ms-transform: rotateX(-180deg) rotateY(0);transform: rotateX(-180deg) rotateY(0)}.rsce_flipbox_layer .inner .grid .item.ready.flip-bottom:hover .foreground{-moz-transform: rotateX(180deg) rotateY(0);-webkit-transform: rotateX(180deg) rotateY(0);-o-transform: rotateX(180deg) rotateY(0);-ms-transform: rotateX(180deg) rotateY(0);transform: rotateX(180deg) rotateY(0)}.rsce_flipbox_layer .inner .grid .item.ready.flip-bottom:hover .background{-moz-transform: none;-webkit-transform: none;-o-transform: none;-ms-transform: none;transform: none}.rsce_flipbox_layer .inner .grid .item figure{text-align: left;margin-bottom: 20px}.rsce_flipbox_layer .inner .grid .item figure.font-icon i{font-family: "auxin-front";font-style: normal;font-weight: 400;font-size: 50px}.rsce_flipbox_layer .inner .grid .item figure.image img,.rsce_flipbox_layer .inner .grid .item figure.image svg{display: inline-block;width: auto;height: 50px;-moz-object-fit: cover;-webkit-object-fit: cover;-o-object-fit: cover;-ms-object-fit: cover;object-fit: cover;-moz-object-position: center center;-webkit-object-position: center center;-o-object-position: center center;-ms-object-position: center center;object-position: center center;font-family: "object-fit:cover; object-position:center center;"}.rsce_flipbox_layer .inner .grid .item .headline{font-size: 21px;font-weight: bold}.rsce_flipbox_layer .inner .grid .item .text{font-size: 14px}.rsce_flipbox_layer .bg-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0;z-index: 1}.rsce_flipbox_layer .bg-image img{display: block;width: 100%;height: 100%;-moz-object-fit: cover;-webkit-object-fit: cover;-o-object-fit: cover;-ms-object-fit: cover;object-fit: cover;-moz-object-position: center center;-webkit-object-position: center center;-o-object-position: center center;-ms-object-position: center center;object-position: center center;font-family: "object-fit:cover; object-position:center center;"}.rsce_info_imagebox .cols{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));justify-content: flex-start;align-items: stretch;column-gap: 0;row-gap: 0}@media screen and (max-width: 599px){.rsce_info_imagebox .cols{grid-template-columns: repeat(1, minmax(0, 1fr))}}@media screen and (min-width: 600px) and (max-width: 800px){.rsce_info_imagebox .cols{grid-template-columns: repeat(2, minmax(0, 1fr))}}.rsce_info_imagebox .cols .item{position: relative;display: flex;flex-direction: column;justify-content: flex-end;aspect-ratio: 1/1;height: auto;overflow: hidden}.rsce_info_imagebox .cols .item .image-container{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0}.rsce_info_imagebox .cols .item .image-container img{position: relative;z-index: 1;display: block;width: 100%;height: 100%;-moz-object-fit: cover;-webkit-object-fit: cover;-o-object-fit: cover;-ms-object-fit: cover;object-fit: cover;-moz-object-position: center center;-webkit-object-position: center center;-o-object-position: center center;-ms-object-position: center center;object-position: center center;font-family: "object-fit:cover; object-position:center center;"}.rsce_info_imagebox .cols .item .image-container:before{content: "";position: absolute;top: 0;left: 0;z-index: 2;display: block;width: 100%;height: 100%;background-color: #1a1a1a;opacity: 0;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out}.rsce_info_imagebox .cols .item .text-container{position: relative;z-index: 2;text-align: center;padding: 10px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 16px;-moz-transform: translate(0, 100%);-webkit-transform: translate(0, 100%);-o-transform: translate(0, 100%);-ms-transform: translate(0, 100%);transform: translate(0, 100%);-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out}.rsce_info_imagebox .cols .item .text-container .headline,.rsce_info_imagebox .cols .item .text-container .text{color: var(--color);line-height: 1.5}.rsce_info_imagebox .cols .item .text-container .headline{font-weight: bold;margin: 0 0 1em 0}.rsce_info_imagebox .cols .item:hover .text-container{-moz-transform: translate(0, 0);-webkit-transform: translate(0, 0);-o-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}.rsce_info_imagebox .cols .item:hover .image-container:before{background-color: #1a1a1a;opacity: 0.5}.rsce_timeline .entries{position: relative}.rsce_timeline .entries:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}.rsce_timeline .entries:before{content: "";display: block;height: 100%;width: 1px;background-color: #ACACAC;top: 0;left: 50%;-moz-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);position: absolute}@media screen and (max-width: 767px){.rsce_timeline .entries{padding-right: 15px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}.rsce_timeline .entries:before{left: 15px;-moz-transform: translate(0, 0);-webkit-transform: translate(0, 0);-o-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}}.rsce_timeline .entries .entry{position: relative;clear: both;width: calc(50% - 64px)}@media screen and (max-width: 767px){.rsce_timeline .entries .entry{width: calc(100% - 80px);margin-left: 80px;padding-bottom: 40px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}}.rsce_timeline .entries .entry:before{content: "";display: block;position: absolute;background: #fff;border: solid #acacac 1px;border-radius: 50%;width: 14px;height: 14px;box-sizing: border-box;top: 28px}.rsce_timeline .entries .entry:after{content: "";display: block;position: absolute;width: 37px;top: 35px;height: 1px;background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNhY2FjYWMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhY2FjYWMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(30%, rgba(0,0,0,0)), color-stop(30%, #acacac), color-stop(100%, #acacac));background: -moz-linear-gradient(right, rgba(0,0,0,0) 30%, #acacac 30%, #acacac 100%);background: -webkit-linear-gradient(right, rgba(0,0,0,0) 30%, #acacac 30%, #acacac 100%);background: linear-gradient(to left, rgba(0,0,0,0) 30%, #acacac 30%, #acacac 100%);background-size: auto;-moz-background-size: 10px;-o-background-size: 10px;-webkit-background-size: 10px;background-size: 10px}@media screen and (max-width: 767px){.rsce_timeline .entries .entry:before{left: -71px}.rsce_timeline .entries .entry:after{left: -47px}}@media screen and (min-width: 768px){.rsce_timeline .entries .entry.odd{float: right;text-align: left}.rsce_timeline .entries .entry.odd:before{left: -71px}.rsce_timeline .entries .entry.odd:after{left: -47px}.rsce_timeline .entries .entry.even{float: left;text-align: right}.rsce_timeline .entries .entry.even:before{right: -71px}.rsce_timeline .entries .entry.even:after{right: -47px}}.rsce_timeline .entries .entry .image-container{display: block;width: 100%;height: auto;margin: 0 0 20px 0;padding: 0}.rsce_timeline .entries .entry .image-container img{display: block;width: 100%;height: auto}.rsce_timeline .entries .entry .headline{font-size: 20px;font-weight: bold}.rsce_timeline .entries .entry .text{font-size: 16px;line-height: 1.5}.rsce_counter{padding: 0 15px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}.rsce_counter .headline{font-size: 2.375em;margin: 0 0 20px 0;font-weight: 600;color: #6C6C6C}.rsce_counter .counters{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));justify-content: flex-start;align-items: stretch;column-gap: 20px;row-gap: 25px}@media screen and (max-width: 1023px){.rsce_counter .counters{grid-template-columns: repeat(2, minmax(0, 1fr))}}.rsce_counter .counters .counter-container .counter{display: flex;justify-content: flex-start;align-items: baseline;color: var(--color);font-size: 45px;font-weight: 600}.rsce_counter .counters .counter-container .counter .suffix{line-height: 1}.rsce_counter .counters .counter-container .counter .suffix.text{font-size: 25px}.rsce_counter .counters .counter-container .counter .suffix.text.suffix_same_size{font-size: inherit;line-height: 1}.rsce_counter .counters .counter-container .counter .suffix.icon svg,.rsce_counter .counters .counter-container .counter .suffix.icon img{height: 30px;width: auto}.rsce_counter .counters .counter-container .text{font-size: 16px;line-height: 1.5}.rsce_imagecomparison{--handle-width: 45px;--handle-height: 45px;--handle-offset: calc(var(--w) * 0.5 - var(--handle-width)/2);padding: 0 15px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}.rsce_imagecomparison .inner{position: relative}.rsce_imagecomparison .inner .crumb{font-size: 20px;margin: 0 0 20px 0;font-weight: 600;color: #6C6C6C}.rsce_imagecomparison .inner .headline{font-size: 40px;margin: 0 0 50px 0;font-weight: 600;color: #6C6C6C}.rsce_imagecomparison .inner .image-container{position: relative}.rsce_imagecomparison .inner .image-container img{position: relative;display: block;width: 100%;height: 100%;user-select: none}.rsce_imagecomparison .inner .image-container .before-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;clip: rect(0px, calc(var(--handle-offset) + var(--handle-width)/2), var(--w), 0px)}.rsce_imagecomparison .inner .handle{position: absolute;top: 50%;left: var(--handle-offset);-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-o-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);background-color: #fff;display: block;width: var(--handle-width);height: var(--handle-height);border-radius: 100%;cursor: pointer;animation: shadow-pulse 3s infinite;display: flex;justify-content: center;align-items: center;column-gap: 10px}@keyframes shadow-pulse{0%{box-shadow: 0 0 0 0px rgba(255,255,255,0.1)}50%{box-shadow: 0 0 0 10px rgba(255,255,255,0.35)}100%{box-shadow: 0 0 0 0px rgba(255,255,255,0.1)}}.rsce_imagecomparison .inner .handle:before,.rsce_imagecomparison .inner .handle:after{content: "";display: block;width: 2px;height: calc(var(--h)/2 - var(--handle-height)/2);background-color: #fff;position: absolute;left: 50%;z-index: 1}.rsce_imagecomparison .inner .handle:before{top: 0;-moz-transform: translate(-50%, -100%);-webkit-transform: translate(-50%, -100%);-o-transform: translate(-50%, -100%);-ms-transform: translate(-50%, -100%);transform: translate(-50%, -100%)}.rsce_imagecomparison .inner .handle:after{bottom: 0;-moz-transform: translate(-50%, 100%);-webkit-transform: translate(-50%, 100%);-o-transform: translate(-50%, 100%);-ms-transform: translate(-50%, 100%);transform: translate(-50%, 100%)}.rsce_imagecomparison .inner .handle .left-arrow,.rsce_imagecomparison .inner .handle .right-arrow{display: inline-block;width: 0;height: 0;border-style: solid}.rsce_imagecomparison .inner .handle .left-arrow{border-width: 5px 8.699999999999999px 5px 0;border-color: transparent #505050 transparent transparent}.rsce_imagecomparison .inner .handle .right-arrow{border-width: 5px 0 5px 8.699999999999999px;border-color: transparent transparent transparent #505050}.ce_rsce_parallax_element.autoheight.parallax_center .content-b{min-height: 0;padding-top: 50px;padding-bottom: 50px;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}.bigblackbutton{display: inline-flex;justify-content: center;align-items: center;padding: 20px 35px;font-size: 18px;color: #3D3D3D;border: 1px solid #3d3d3d;font-weight: 700;background-color: transparent}.bigblackbutton .auxicon{display: block;font-size: 0;line-height: 0;margin-right: 5px}.bigblackbutton .auxicon:before{font-size: 24px}.bigblackbutton:hover{background-color: #3D3D3D;color: #fff}.wartung-reperatur.rsce_flipbox_layer .inner{padding: 36px 35px 36px 35px}@media screen and (min-width: 768px){.wartung-reperatur.rsce_timeline .entries .entry{margin-top: -120px}.wartung-reperatur.rsce_timeline .entries .entry:first-child{margin-top: 0}}.wartung-reperatur.rsce_timeline .entries .entry .image-container img{width: auto;height: 245px;max-width: 100%}@media screen and (min-width: 768px){.wartung-reperatur.rsce_timeline .entries .entry.even .image-container img{margin: 0 0 0 auto}}@media screen and (max-width: 767px){.wartung-reperatur.rsce_counter{margin-top: 50px !important}}#geschaeftsbereiche-2020 h3{color: #80bbc7}.ce_form .widget-checkbox.dsgvo fieldset{margin: 0;padding: 0;display: block;border: none}.ce_form .widget-checkbox.dsgvo fieldset > span{display: grid;grid-template-columns: auto minmax(0, 1fr);justify-content: flex-start;align-items: flex-start;column-gap: 10px;row-gap: 0}.ce_form .widget-checkbox.dsgvo fieldset > span > input{height: 15px;width: 15px;margin: 2px 0 0 0;padding: 0}.ce_form .widget-checkbox.dsgvo fieldset > span > label{font-size: 14px;color: inherit;display: block;margin: 0;padding: 0;max-width: 800px}.ce_form .widget-checkbox.dsgvo fieldset > span > label a{text-decoration: underline}.ce_form .submit_container{margin: 20px 0 0 0}.ce_form .submit_container .submit.bluebutton{border: none;background-color: #80bbc7;display: inline-block;padding: 9px 20px;color: #fff;cursor: pointer}.ce_form .submit_container .submit.bluebutton:hover{background-color: #94cfdb}#top-custom #multiblock .ce_form .submit_container{margin-top: 0}#fuesale-form .formbody label .mandatory,#fuesale-form .formbody legend .mandatory{color: red}#fuesale-form .formbody > fieldset,#fuesale-form .formbody > .shipping_address fieldset,#fuesale-form .formbody > .shipping_method fieldset{display: block;margin: 40px 0 0 0;padding: 0;border: none}#fuesale-form .formbody > fieldset > legend,#fuesale-form .formbody > .shipping_address fieldset > legend,#fuesale-form .formbody > .shipping_method fieldset > legend{display: block;margin: 0 0 .5em 0;font-size: 20px;font-weight: normal;text-transform: uppercase;letter-spacing: 0.1em;color: #666666}#fuesale-form .formbody > fieldset.billing_address{margin-top: 0}#fuesale-form .formbody > .shipping_address fieldset,#fuesale-form .formbody > .shipping_method fieldset{display: inline-grid;grid-template-columns: repeat(2, auto);column-gap: 30px}#fuesale-form .formbody > .shipping_address fieldset > span,#fuesale-form .formbody > .shipping_method fieldset > span{display: inline-flex;column-gap: 10px;justify-content: flex-start;align-items: center}#fuesale-form .formbody > .shipping_address fieldset > span > input,#fuesale-form .formbody > .shipping_method fieldset > span > input{padding: 0;margin: 0}#fuesale-form .formbody > .shipping_address fieldset > span > label,#fuesale-form .formbody > .shipping_method fieldset > span > label{padding: 0;margin: 0}#fuesale-form .formbody > .shipping_address fieldset > legend,#fuesale-form .formbody > .shipping_method fieldset > legend{grid-column: span 2}body.no-header-only-logo #top-container{display: flex;justify-content: center}body.no-header-only-logo #top-container #multiblock,body.no-header-only-logo #top-container .mod_megamenu,body.no-header-only-logo #top-container #mainmenu{display: none}body.no-header-only-logo #top-container #logo{margin-left: 0 !important;position: relative;top: auto;float: none;left: auto}.mod_megamenu .karriere .image_container{height: 115px}.mod_megamenu .karriere .image_container img{position: absolute;left: 50%;margin-left: -35px;bottom: 0;width: 70px}#scrollToTop,#scrollToTop:hover{position: fixed;bottom: -4px;right: 10px;cursor: pointer;z-index: 9;width: auto;margin: 0;padding: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out}#scrollToTop.hide{opacity: 0;pointer-events: none}