/* Fonts And Icons
This is where icon and font styles go.
*/
/* FONT-AWESOME */
/*--------------------------------------------------------------------------*/
/* Doku:
* https://fontawesome.com/download
* https://fontawesome.com/v5.9/icons?d=gallery&p=3&s=regular,solid&m=free
*/
@font-face {
font-family: "Font-Awesome";
font-style: normal;
font-weight: 900;
font-display: block;
src: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/fonts/awesome/fa-solid-900.woff2) format('woff2');
}
.fa, .fas {
font-family: 'Font-Awesome';
font-weight: 900;
}
@font-face {
font-family: "Font-Awesome";
font-style: normal;
font-weight: 400;
font-display: block;
src: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/fonts/awesome/fa-regular-400.woff2) format('woff2');
}
.far {
font-family: 'Font-Awesome';
font-weight: 400;
}
/* NEW-HERO */
/*--------------------------------------------------------------------------*/
/* Doku:
* https://fonts.adobe.com/fonts/new-hero
* https://use.typekit.net/cvg5uce.css
*/
/* 400 */
@font-face {
font-family: "New-Hero";
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/fonts/new-hero/new-hero-regular.woff2) format('woff2');
}
.new-hero {
font-family: 'New-Hero' !important;
font-weight: 400 !important;
}
@font-face {
font-family: "New-Hero";
font-style: italic;
font-weight: 400;
font-display: auto;
src: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/fonts/new-hero/new-hero-italic.woff2) format('woff2');
}
.new-hero-italic {
font-family: 'New-Hero' !important;
font-weight: 400 !important;
font-style: italic !important;
}
/* 500 > 700 */
@font-face {
font-family: "New-Hero";
font-style: normal;
font-weight: 700;
font-display: auto;
src: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/fonts/new-hero/new-hero-medium-500.woff2) format('woff2');
}
.new-hero-semi-bold {
font-family: 'New-Hero' !important;
font-weight: 700 !important;
font-style: normal !important;
}
@font-face {
font-family: "New-Hero";
font-style: italic;
font-weight: 700;
font-display: auto;
src: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/fonts/new-hero/new-hero-medium-italic-500.woff2) format('woff2');
}
.new-hero-semi-bold-italic {
font-family: 'New-Hero' !important;
font-weight: 700 !important;
font-style: italic !important;
}
/* 700 > 900
.new-hero-semi-bold {
font-family: 'New-Hero' !important;
font-weight: 900 !important;
}
.new-hero-semi-bold-italic {
font-family: 'New-Hero' !important;
font-weight: 900 !important;
font-style: italic !important;
}
*/
/* PS-FOURNIER */
/*--------------------------------------------------------------------------*/
/* Doku:
* https://fonts.adobe.com/fonts/ps-fournier
* https://use.typekit.net/cvg5uce.css
*/
@font-face {
font-family: "PS-Fournier";
font-style: normal;
font-weight: 700;
font-display: auto;
src: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/fonts/ps-fournier/psfournier-std-bold-700.woff2) format('woff2');
}
.ps-fournier-bold {
font-family: 'PS-Fournier' !important;
font-weight: 700 !important;
}
@font-face {
font-family: "PS-Fournier";
font-style: italic;
font-weight: 700;
font-display: auto;
src: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/fonts/ps-fournier/psfournier-std-bold-italic-700.woff2) format('woff2');
}
.ps-fournier-bold-italic {
font-family: 'PS-Fournier' !important;
font-weight: 700 !important;
font-style: italic !important;
}
/*!
* Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.fa,.fas,.far,.fal,.fad,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}
.fa-xs{font-size:.75em}
.fa-sm{font-size:.875em}
.fa-1x{font-size:1em}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-6x{font-size:6em}
.fa-7x{font-size:7em}
.fa-8x{font-size:8em}
.fa-9x{font-size:9em}
.fa-10x{font-size:10em}
.fa-fw{text-align:center;width:1.25em}
.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}
.fa-ul > li{position:relative}
.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}
.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}
.fa-pull-left{float:left}
.fa-pull-right{float:right}
.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left{margin-right:.3em}
.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes fa-spin {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.fa-rotate-90{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";-webkit-transform:scale(-1,1);transform:scale(-1,1)}
.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";-webkit-transform:scale(1,-1);transform:scale(1,-1)}
.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-flip-both{-webkit-filter:none;filter:none}
.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}
.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:#fff}
.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-tripadvisor:before{content:"\f262"}
.fa-trophy:before{content:"\f091"}
.fa-truck:before{content:"\f0d1"}
.fa-truck-loading:before{content:"\f4de"}
.fa-truck-monster:before{content:"\f63b"}
.fa-truck-moving:before{content:"\f4df"}
.fa-truck-pickup:before{content:"\f63c"}
.fa-tshirt:before{content:"\f553"}
.fa-tty:before{content:"\f1e4"}
.fa-tumblr:before{content:"\f173"}
.fa-tumblr-square:before{content:"\f174"}
.fa-tv:before{content:"\f26c"}
.fa-twitch:before{content:"\f1e8"}
.fa-twitter:before{content:"\f099"}
.fa-twitter-square:before{content:"\f081"}
.fa-typo3:before{content:"\f42b"}
.fa-uber:before{content:"\f402"}
.fa-ubuntu:before{content:"\f7df"}
.fa-uikit:before{content:"\f403"}
.fa-umbraco:before{content:"\f8e8"}
.fa-umbrella:before{content:"\f0e9"}
.fa-umbrella-beach:before{content:"\f5ca"}
.fa-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}
/* Generic
This is where reset, normalize, libary and grid styles go.
*/
/* HUBSPOT-NAVIGATION */
/*--------------------------------------------------------------------------*/
/* Menu and simple menu */
.hs-menu-wrapper ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding-left: 0;
}
/* Horizontal menu */
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
flex-direction: column;
}
@media (max-width: 767px) {
header .hs-menu-wrapper.hs-menu-flow-horizontal ul {
flex-direction: column;
}
}
/* Vertical menu */
.hs-menu-wrapper.hs-menu-flow-vertical ul {
flex-direction: column;
}
/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
display: inline-flex;
}
@media (max-width: 767px) {
.hs-menu-wrapper.hs-menu-flow-vertical ul {
display: flex;
}
}
.hs-menu-wrapper.flyouts .hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
left: -9999px;
opacity: 0;
position: absolute;
}
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
display: block;
white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
left: 0;
opacity: 1;
top: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
left: 100%;
opacity: 1;
top: 0;
}
@media (max-width: 767px) {
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
left: 0;
opacity: 1;
position: relative;
top: auto;
}
}
/* HUBSPOT-RICHTEXT EDITOR */
/*--------------------------------------------------------------------------*/
.hs_cos_wrapper_type_rich_text img {
max-width: 100%;
border-radius: 5px;
}/* _pagination.css */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*, *:before, *:after {
box-sizing: border-box;
}
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Prevent event.target click handler for child elements. Click event only for clickable target.
*/
button *,
[type="button"] *,
[type="reset"] *,
[type="submit"] * {
pointer-events: none;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**
* Sould be by dafault without margin. (Extend) normalize.css
*/
figure {
margin: 0;
}
/*!
* Bootstrap Grid v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/* GENERIC */
/*--------------------------------------------------------------------------*/
@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*, *::before, *::after {
box-sizing: inherit;
}
/* CONTAINTER */
/*--------------------------------------------------------------------------*/
.container {
width: 100%;
padding-right: 8.0px;
padding-left: 8.0px;
margin-right: auto;
margin-left: auto;
}
.container-fluid {
width: 100%;
padding-right: 8.0px;
padding-left: 8.0px;
margin-right: auto;
margin-left: auto;
}
/* default: 540px; */
@media (min-width: 576px) {
.container {
max-width: 544px;
}
}
/* default: 720px; */
@media (min-width: 768px) {
.container {
max-width: 736px;
}
}
/* default: 960px; */
@media (min-width: 1024px) {
.container {
max-width: 992px;
}
}
/* default: 1140px; */
@media (min-width: 1200px) {
.container {
max-width: 1168px;
}
}
/* ROWS */
/*--------------------------------------------------------------------------*/
.d-flex,
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -8.0px;
}
.no-wrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* GUTTER */
/*--------------------------------------------------------------------------*/
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding: 0; }
@media (max-width:767px) {
.no-sm-gutters { margin-right: 0; margin-left: 0; }
.no-sm-gutters > .col, .no-sm-gutters > [class*="col-"] { padding: 0; }
}
/* COLUMNS */
/*--------------------------------------------------------------------------*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding: 8.0px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
/* GRIDCELLS */
/*--------------------------------------------------------------------------*/
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
/* ORDER */
/*--------------------------------------------------------------------------*/
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
/* OFFSET */
/*--------------------------------------------------------------------------*/
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
/* MOBILE */
/*--------------------------------------------------------------------------*/
@media (max-width:767px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
/* TINY */
/*--------------------------------------------------------------------------*/
@media (max-width:575px) {
.col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xs-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xs-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xs-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xs-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xs-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xs-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xs-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xs-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xs-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xs-0 {
margin-left: 0;
}
.offset-xs-1 {
margin-left: 8.333333%;
}
.offset-xs-2 {
margin-left: 16.666667%;
}
.offset-xs-3 {
margin-left: 25%;
}
.offset-xs-4 {
margin-left: 33.333333%;
}
.offset-xs-5 {
margin-left: 41.666667%;
}
.offset-xs-6 {
margin-left: 50%;
}
.offset-xs-7 {
margin-left: 58.333333%;
}
.offset-xs-8 {
margin-left: 66.666667%;
}
.offset-xs-9 {
margin-left: 75%;
}
.offset-xs-10 {
margin-left: 83.333333%;
}
.offset-xs-11 {
margin-left: 91.666667%;
}
}
/* TABLET */
/*--------------------------------------------------------------------------*/
@media (min-width:768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
/* DESKTOP */
/*--------------------------------------------------------------------------*/
@media (min-width:1024px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
/* WIDESCREEN */
/*--------------------------------------------------------------------------*/
@media (min-width:1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
/* FLEXBOX ALIGN */
/*--------------------------------------------------------------------------*/
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
/* FLEXBOX WRAP */
/*--------------------------------------------------------------------------*/
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
/* FLEXBOX JUSTIFY */
/*--------------------------------------------------------------------------*/
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
/* FLEXITEMS */
/*--------------------------------------------------------------------------*/
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
/* MOBILE FLEXBOX */
/*--------------------------------------------------------------------------*/
@media (max-width:767px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
/* TABLET FLEXBOX */
/*--------------------------------------------------------------------------*/
@media (min-width:768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
/* DEKSTOP FLEXBOX */
/*--------------------------------------------------------------------------*/
@media (min-width:1024px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
/* MOBILE FLEXBOX */
/*--------------------------------------------------------------------------*/
@media (min-width:1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
/* Clip Footer */
/*--------------------------------------------------------------------------*/
@media (min-width: 1024px) {
html, body {
height: 100%;
}
body > .body-wrapper {
min-height: 100%;
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
}
}
.body-wrapper {
overflow: hidden;
}
.footer-container-wrapper,
.header-container-wrapper,
.body-container-wrapper,
.contact-container-wrapper {
position: relative;
}
/* DnD Containers */
/*--------------------------------------------------------------------------*/
.content-wrapper {
margin: 0 auto;
padding: 0 16;
}
@media screen and (min-width: 1200px) {
.content-wrapper {
padding: 0;
}
}
/* DnD Max Width Sections */
[class*='max-width-section'] .hs-form {
padding: 0;
}
/* DnD Area Custom Class */
.container-fluid.dnd-area {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 8.0px;
padding-bottom: 8.0px;
}
.container-fluid.dnd-area > .row-fluid-wrapper {
margin-left: -8.0px !important;
margin-right: -8.0px !important;
}
/* DnD Area Container */
.container-fluid > .container-fluid {
padding: 0;
width: auto !important;
margin-left: -16px !important;
margin-right: -16px !important;
}
/* DnD Can Contain Oversized Height Modules That Overlap Multiple Sub-Rows */
.dnd-module .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module {
height: 100%;
padding: 8.0px;
}
[class*='max-width-section-centering'] > .row-fluid {
margin-left: auto !important;
margin-right: auto !important;
}
/* V-Align */
.row-fluid-wrapper .row-fluid-wrapper .row-fluid-wrapper [class*='vertical-alignment'] {
height: 100%;
}
.row-fluid-wrapper .row-fluid-wrapper .row-fluid-wrapper [class*='vertical-alignment'] > .row-fluid {
height: 100%;
align-items: center;
}
.row-fluid-wrapper .row-fluid-wrapper .row-fluid-wrapper [class*='vertical-alignment'] > .row-fluid .hs_cos_wrapper_widget {
height: auto;
}
/* Max-Width Container like Bootstrap */
/*--------------------------------------------------------------------------*/
/* default: 540px; */
@media (min-width: 576px) {
.dnd-area div[class*='max-width-section'] > .row-fluid {
max-width: 544px !important;
}
}
/* default: 720px; */
@media (min-width: 768px) {
.dnd-area div[class*='max-width-section'] > .row-fluid {
max-width: 736px !important;
}
}
/* default: 960px; */
@media (min-width: 1024px) {
.dnd-area div[class*='max-width-section'] > .row-fluid {
max-width: 992px !important;
}
}
/* default: 1140px; */
@media (min-width: 1200px) {
.dnd-area div[class*='max-width-section'] > .row-fluid {
max-width: 1168px !important;
}
}
/* HubSpot Grid */
/*--------------------------------------------------------------------------*/
/* Note: This it not the original, it's modified to fit the bootstraps grid */
.row-fluid-wrapper {
padding: 16px;
}
@media (max-width: 767px), print and (orientation: portrait) {
.row-fluid-wrapper .row-fluid-wrapper {
margin-top: 0;
margin-bottom: 0;
}
.container-fluid.dnd-area > .row-fluid-wrapper {
padding-top: 16px;
padding-bottom: 16px;
}
}
.row-fluid {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: auto;
height: 100%;
margin: -16px;
/*
margin-top: -16px;
margin-bottom: -16px;
margin-left: -16px;
margin-right: -16px;
*/
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
position: relative;
display: inline-block;
float: none !important;
min-height: 0 !important;
margin-left: 0 !important;
vertical-align: top;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
/*
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
*/
}
.row-fluid [class*="span"]:first-child {
/* margin-left: 0 !important; */
}
.row-fluid > .span12 { width: 100% !important; }
.row-fluid > .span11 { width: 91.66666666% !important; }
.row-fluid > .span10 { width: 83.33333333% !important; }
.row-fluid > .span9 { width: 75% !important; }
.row-fluid > .span8 { width: 66.66666666% !important; }
.row-fluid > .span7 { width: 58.33333333% !important; }
.row-fluid > .span6 { width: 50% !important; }
.row-fluid > .span5 { width: 41.66666666% !important; }
.row-fluid > .span4 { width: 33.33333333% !important; }
.row-fluid > .span3 { width: 25% !important; }
.row-fluid > .span2 { width: 16.6666666% !important; }
.row-fluid > .span1 { width: 8.33333333% !important; }
.container-fluid {
*zoom: 1;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
/* MOBILE default: 767px */
/*--------------------------------------------------------------------------*/
@media (max-width: 767px), print and (orientation: portrait) {
.row-fluid {
min-width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}
.row-fluid > .span12, .row-fluid > .span11,
.row-fluid > .span10, .row-fluid > .span9,
.row-fluid > .span8, .row-fluid > .span7,
.row-fluid > .span6, .row-fluid > .span5,
.row-fluid > .span4, .row-fluid > .span3,
.row-fluid > .span2, .row-fluid > .span1 {
width: 100% !important;
}
}
/* TABLET default: 768px - 1139px */
/*--------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1023px), print and (orientation: portrait) {
.row-fluid [class*="span"] {
display: block;
float: none !important;;
width: 100%;
min-height: 0 !important;;
margin-left: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid > .span6 { width: 100% !important; }
.row-fluid > .span3 { width: 50% !important; }
}
/* Clearfix */
/*--------------------------------------------------------------------------*/
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
/* HubSpot Visibilty Classes */
/*--------------------------------------------------------------------------*/
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
/* ALIGN */
/*--------------------------------------------------------------------------*/
.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.flip {
transform: scaleX(-1);
}
/* ALIGN */
/*--------------------------------------------------------------------------*/
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
@media (max-width:767px) {
.align-sm-left { text-align: left; }
.align-sm-center { text-align: center; }
.align-sm-right { text-align: right; }
}
/* DISPLAY */
/*--------------------------------------------------------------------------*/
.d-none {
display: none !important;
}
/* DISPLAY mobile (default: 576px) */
/*--------------------------------------------------------------------------*/
@media (min-width:576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
}
/* DISPLAY tablet (default: 768px) */
/*--------------------------------------------------------------------------*/
@media (min-width:768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
}
/* DISPLAY desktop (default: 992px) */
/*--------------------------------------------------------------------------*/
@media (min-width:1024px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
}
/* DISPLAY widescreen (default: 1200px) */
/*--------------------------------------------------------------------------*/
@media (min-width:1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
}
/* MARGIN */
/*--------------------------------------------------------------------------*/
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
/* PADDING + MARGIN */
/*--------------------------------------------------------------------------*/
.pt-x0 { padding-top: 0px !important; }
.pr-x0 { padding-right: 0px !important; }
.pb-x0 { padding-bottom: 0px !important; }
.pl-x0 { padding-left: 0px !important; }
.mt-x0 { margin-top: 0px !important; }
.mr-x0 { margin-right: 0px !important; }
.mb-x0 { margin-bottom: 0px !important; }
.ml-x0 { margin-left: 0px !important; }
.pt-x1 { padding-top: 16px !important; }
.pr-x1 { padding-right: 16px !important; }
.pb-x1 { padding-bottom: 16px !important; }
.pl-x1 { padding-left: 16px !important; }
.mt-x1 { margin-top: 16px !important; }
.mr-x1 { margin-right: 16px !important; }
.mb-x1 { margin-bottom: 16px !important; }
.ml-x1 { margin-left: 16px !important; }
.pt-x2 { padding-top: 32px !important; }
.pr-x2 { padding-right: 32px !important; }
.pb-x2 { padding-bottom: 32px !important; }
.pl-x2 { padding-left: 32px !important; }
.mt-x2 { margin-top: 32px !important; }
.mr-x2 { margin-right: 32px !important; }
.mb-x2 { margin-bottom: 32px !important; }
.ml-x2 { margin-left: 32px !important; }
.pt-x3 { padding-top: 48px !important; }
.pr-x3 { padding-right: 48px !important; }
.pb-x3 { padding-bottom: 48px !important; }
.pl-x3 { padding-left: 48px !important; }
.mt-x3 { margin-top: 48px !important; }
.mr-x3 { margin-right: 48px !important; }
.mb-x3 { margin-bottom: 48px !important; }
.ml-x3 { margin-left: 48px !important; }
.pt-x4 { padding-top: 64px !important; }
.pr-x4 { padding-right: 64px !important; }
.pb-x4 { padding-bottom: 64px !important; }
.pl-x4 { padding-left: 64px !important; }
.mt-x4 { margin-top: 64px !important; }
.mr-x4 { margin-right: 64px !important; }
.mb-x4 { margin-bottom: 64px !important; }
.ml-x4 { margin-left: 64px !important; }
.pt-x5 { padding-top: 80px !important; }
.pr-x5 { padding-right: 80px !important; }
.pb-x5 { padding-bottom: 80px !important; }
.pl-x5 { padding-left: 80px !important; }
.mt-x5 { margin-top: 80px !important; }
.mr-x5 { margin-right: 80px !important; }
.mb-x5 { margin-bottom: 80px !important; }
.ml-x5 { margin-left: 80px !important; }
.pt-x6 { padding-top: 96px !important; }
.pr-x6 { padding-right: 96px !important; }
.pb-x6 { padding-bottom: 96px !important; }
.pl-x6 { padding-left: 96px !important; }
.mt-x6 { margin-top: 96px !important; }
.mr-x6 { margin-right: 96px !important; }
.mb-x6 { margin-bottom: 96px !important; }
.ml-x6 { margin-left: 96px !important; }
.pt-x7 { padding-top: 112px !important; }
.pr-x7 { padding-right: 112px !important; }
.pb-x7 { padding-bottom: 112px !important; }
.pl-x7 { padding-left: 112px !important; }
.mt-x7 { margin-top: 112px !important; }
.mr-x7 { margin-right: 112px !important; }
.mb-x7 { margin-bottom: 112px !important; }
.ml-x7 { margin-left: 112px !important; }
.pt-x8 { padding-top: 128px !important; }
.pr-x8 { padding-right: 128px !important; }
.pb-x8 { padding-bottom: 128px !important; }
.pl-x8 { padding-left: 128px !important; }
.mt-x8 { margin-top: 128px !important; }
.mr-x8 { margin-right: 128px !important; }
.mb-x8 { margin-bottom: 128px !important; }
.ml-x8 { margin-left: 128px !important; }
.pt-x9 { padding-top: 144px !important; }
.pr-x9 { padding-right: 144px !important; }
.pb-x9 { padding-bottom: 144px !important; }
.pl-x9 { padding-left: 144px !important; }
.mt-x9 { margin-top: 144px !important; }
.mr-x9 { margin-right: 144px !important; }
.mb-x9 { margin-bottom: 144px !important; }
.ml-x9 { margin-left: 144px !important; }
.pt-x10 { padding-top: 160px !important; }
.pr-x10 { padding-right: 160px !important; }
.pb-x10 { padding-bottom: 160px !important; }
.pl-x10 { padding-left: 160px !important; }
.mt-x10 { margin-top: 160px !important; }
.mr-x10 { margin-right: 160px !important; }
.mb-x10 { margin-bottom: 160px !important; }
.ml-x10 { margin-left: 160px !important; }
.pt-x11 { padding-top: 176px !important; }
.pr-x11 { padding-right: 176px !important; }
.pb-x11 { padding-bottom: 176px !important; }
.pl-x11 { padding-left: 176px !important; }
.mt-x11 { margin-top: 176px !important; }
.mr-x11 { margin-right: 176px !important; }
.mb-x11 { margin-bottom: 176px !important; }
.ml-x11 { margin-left: 176px !important; }
.pt-x12 { padding-top: 192px !important; }
.pr-x12 { padding-right: 192px !important; }
.pb-x12 { padding-bottom: 192px !important; }
.pl-x12 { padding-left: 192px !important; }
.mt-x12 { margin-top: 192px !important; }
.mr-x12 { margin-right: 192px !important; }
.mb-x12 { margin-bottom: 192px !important; }
.ml-x12 { margin-left: 192px !important; }
.pt-x13 { padding-top: 208px !important; }
.pr-x13 { padding-right: 208px !important; }
.pb-x13 { padding-bottom: 208px !important; }
.pl-x13 { padding-left: 208px !important; }
.mt-x13 { margin-top: 208px !important; }
.mr-x13 { margin-right: 208px !important; }
.mb-x13 { margin-bottom: 208px !important; }
.ml-x13 { margin-left: 208px !important; }
.pt-x14 { padding-top: 224px !important; }
.pr-x14 { padding-right: 224px !important; }
.pb-x14 { padding-bottom: 224px !important; }
.pl-x14 { padding-left: 224px !important; }
.mt-x14 { margin-top: 224px !important; }
.mr-x14 { margin-right: 224px !important; }
.mb-x14 { margin-bottom: 224px !important; }
.ml-x14 { margin-left: 224px !important; }
.pt-x15 { padding-top: 240px !important; }
.pr-x15 { padding-right: 240px !important; }
.pb-x15 { padding-bottom: 240px !important; }
.pl-x15 { padding-left: 240px !important; }
.mt-x15 { margin-top: 240px !important; }
.mr-x15 { margin-right: 240px !important; }
.mb-x15 { margin-bottom: 240px !important; }
.ml-x15 { margin-left: 240px !important; }
/* MOBILE PADDING + MARGIN */
/*--------------------------------------------------------------------------*/
@media(max-width:1023px){
.pt-sm-x0 { padding-top: 0px !important; }
.pr-sm-x0 { padding-right: 0px !important; }
.pb-sm-x0 { padding-bottom: 0px !important; }
.pl-sm-x0 { padding-left: 0px !important; }
.mt-sm-x0 { margin-top: 0px !important; }
.mr-sm-x0 { margin-right: 0px !important; }
.mb-sm-x0 { margin-bottom: 0px !important; }
.ml-sm-x0 { margin-left: 0px !important; }
.pt-sm-x1 { padding-top: 16px !important; }
.pr-sm-x1 { padding-right: 16px !important; }
.pb-sm-x1 { padding-bottom: 16px !important; }
.pl-sm-x1 { padding-left: 16px !important; }
.mt-sm-x1 { margin-top: 16px !important; }
.mr-sm-x1 { margin-right: 16px !important; }
.mb-sm-x1 { margin-bottom: 16px !important; }
.ml-sm-x1 { margin-left: 16px !important; }
.pt-sm-x2 { padding-top: 32px !important; }
.pr-sm-x2 { padding-right: 32px !important; }
.pb-sm-x2 { padding-bottom: 32px !important; }
.pl-sm-x2 { padding-left: 32px !important; }
.mt-sm-x2 { margin-top: 32px !important; }
.mr-sm-x2 { margin-right: 32px !important; }
.mb-sm-x2 { margin-bottom: 32px !important; }
.ml-sm-x2 { margin-left: 32px !important; }
.pt-sm-x3 { padding-top: 48px !important; }
.pr-sm-x3 { padding-right: 48px !important; }
.pb-sm-x3 { padding-bottom: 48px !important; }
.pl-sm-x3 { padding-left: 48px !important; }
.mt-sm-x3 { margin-top: 48px !important; }
.mr-sm-x3 { margin-right: 48px !important; }
.mb-sm-x3 { margin-bottom: 48px !important; }
.ml-sm-x3 { margin-left: 48px !important; }
.pt-sm-x4 { padding-top: 64px !important; }
.pr-sm-x4 { padding-right: 64px !important; }
.pb-sm-x4 { padding-bottom: 64px !important; }
.pl-sm-x4 { padding-left: 64px !important; }
.mt-sm-x4 { margin-top: 64px !important; }
.mr-sm-x4 { margin-right: 64px !important; }
.mb-sm-x4 { margin-bottom: 64px !important; }
.ml-sm-x4 { margin-left: 64px !important; }
.pt-sm-x5 { padding-top: 80px !important; }
.pr-sm-x5 { padding-right: 80px !important; }
.pb-sm-x5 { padding-bottom: 80px !important; }
.pl-sm-x5 { padding-left: 80px !important; }
.mt-sm-x5 { margin-top: 80px !important; }
.mr-sm-x5 { margin-right: 80px !important; }
.mb-sm-x5 { margin-bottom: 80px !important; }
.ml-sm-x5 { margin-left: 80px !important; }
.pt-sm-x6 { padding-top: 96px !important; }
.pr-sm-x6 { padding-right: 96px !important; }
.pb-sm-x6 { padding-bottom: 96px !important; }
.pl-sm-x6 { padding-left: 96px !important; }
.mt-sm-x6 { margin-top: 96px !important; }
.mr-sm-x6 { margin-right: 96px !important; }
.mb-sm-x6 { margin-bottom: 96px !important; }
.ml-sm-x6 { margin-left: 96px !important; }
.pt-sm-x7 { padding-top: 112px !important; }
.pr-sm-x7 { padding-right: 112px !important; }
.pb-sm-x7 { padding-bottom: 112px !important; }
.pl-sm-x7 { padding-left: 112px !important; }
.mt-sm-x7 { margin-top: 112px !important; }
.mr-sm-x7 { margin-right: 112px !important; }
.mb-sm-x7 { margin-bottom: 112px !important; }
.ml-sm-x7 { margin-left: 112px !important; }
.pt-sm-x8 { padding-top: 128px !important; }
.pr-sm-x8 { padding-right: 128px !important; }
.pb-sm-x8 { padding-bottom: 128px !important; }
.pl-sm-x8 { padding-left: 128px !important; }
.mt-sm-x8 { margin-top: 128px !important; }
.mr-sm-x8 { margin-right: 128px !important; }
.mb-sm-x8 { margin-bottom: 128px !important; }
.ml-sm-x8 { margin-left: 128px !important; }
.pt-sm-x9 { padding-top: 144px !important; }
.pr-sm-x9 { padding-right: 144px !important; }
.pb-sm-x9 { padding-bottom: 144px !important; }
.pl-sm-x9 { padding-left: 144px !important; }
.mt-sm-x9 { margin-top: 144px !important; }
.mr-sm-x9 { margin-right: 144px !important; }
.mb-sm-x9 { margin-bottom: 144px !important; }
.ml-sm-x9 { margin-left: 144px !important; }
.pt-sm-x10 { padding-top: 160px !important; }
.pr-sm-x10 { padding-right: 160px !important; }
.pb-sm-x10 { padding-bottom: 160px !important; }
.pl-sm-x10 { padding-left: 160px !important; }
.mt-sm-x10 { margin-top: 160px !important; }
.mr-sm-x10 { margin-right: 160px !important; }
.mb-sm-x10 { margin-bottom: 160px !important; }
.ml-sm-x10 { margin-left: 160px !important; }
.pt-sm-x11 { padding-top: 176px !important; }
.pr-sm-x11 { padding-right: 176px !important; }
.pb-sm-x11 { padding-bottom: 176px !important; }
.pl-sm-x11 { padding-left: 176px !important; }
.mt-sm-x11 { margin-top: 176px !important; }
.mr-sm-x11 { margin-right: 176px !important; }
.mb-sm-x11 { margin-bottom: 176px !important; }
.ml-sm-x11 { margin-left: 176px !important; }
.pt-sm-x12 { padding-top: 192px !important; }
.pr-sm-x12 { padding-right: 192px !important; }
.pb-sm-x12 { padding-bottom: 192px !important; }
.pl-sm-x12 { padding-left: 192px !important; }
.mt-sm-x12 { margin-top: 192px !important; }
.mr-sm-x12 { margin-right: 192px !important; }
.mb-sm-x12 { margin-bottom: 192px !important; }
.ml-sm-x12 { margin-left: 192px !important; }
.pt-sm-x13 { padding-top: 208px !important; }
.pr-sm-x13 { padding-right: 208px !important; }
.pb-sm-x13 { padding-bottom: 208px !important; }
.pl-sm-x13 { padding-left: 208px !important; }
.mt-sm-x13 { margin-top: 208px !important; }
.mr-sm-x13 { margin-right: 208px !important; }
.mb-sm-x13 { margin-bottom: 208px !important; }
.ml-sm-x13 { margin-left: 208px !important; }
.pt-sm-x14 { padding-top: 224px !important; }
.pr-sm-x14 { padding-right: 224px !important; }
.pb-sm-x14 { padding-bottom: 224px !important; }
.pl-sm-x14 { padding-left: 224px !important; }
.mt-sm-x14 { margin-top: 224px !important; }
.mr-sm-x14 { margin-right: 224px !important; }
.mb-sm-x14 { margin-bottom: 224px !important; }
.ml-sm-x14 { margin-left: 224px !important; }
.pt-sm-x15 { padding-top: 240px !important; }
.pr-sm-x15 { padding-right: 240px !important; }
.pb-sm-x15 { padding-bottom: 240px !important; }
.pl-sm-x15 { padding-left: 240px !important; }
.mt-sm-x15 { margin-top: 240px !important; }
.mr-sm-x15 { margin-right: 240px !important; }
.mb-sm-x15 { margin-bottom: 240px !important; }
.ml-sm-x15 { margin-left: 240px !important; }
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #F05F50;
}
.leaflet-container a.leaflet-active {
outline: 2px solid tomato;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font-size: 14px;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
/* url(https://cdn2.hubspot.net/hub/4895791/Themes/MisterTrip/images/leaflet/layers.png); */
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/leaflet/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
/* url(https://cdn2.hubspot.net/hub/4895791/Themes/MisterTrip/images/leaflet/layers-2x.png); */
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/leaflet/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-marker-icon.number-icon,
.leaflet-default-icon-path {
/* url(https://cdn2.hubspot.net/hub/4895791/Themes/MisterTrip/images/leaflet/marker-icon.png); */
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/leaflet/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
@keyframes splide-loading {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
.splide__container {
position: relative;
box-sizing: border-box;
}
.splide__list {
margin: 0!important;
padding: 0!important;
width: -webkit-max-content;
width: max-content;
will-change: transform;
}
.splide.is-active .splide__list {
display: flex;
}
.splide__pagination {
display: inline-flex;
align-items: center;
width: 95%;
flex-wrap: wrap;
justify-content: center;
margin: 0;
}
.splide__pagination li {
list-style-type: none;
display: inline-block;
line-height: 1;
margin: 0;
}
.splide {
visibility: hidden;
}
.splide, .splide__slide {
position: relative;
outline: none;
}
.splide__slide {
box-sizing: border-box;
list-style-type: none!important;
margin: 0;
flex-shrink: 0;
}
.splide__slide img {
vertical-align: bottom;
}
.splide__slider {
position: relative;
}
.splide__spinner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #999;
border-left-color: transparent;
animation: splide-loading 1s linear infinite;
}
.splide__track {
position: relative;
z-index: 0;
overflow: hidden;
}
.splide--draggable>.splide__track>.splide__list>.splide__slide {
-webkit-user-select: none;
user-select: none;
}
.splide--fade>.splide__track>.splide__list {
display: block;
}
.splide--fade>.splide__track>.splide__list>.splide__slide {
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity: 0;
}
.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
position: relative;
z-index: 1;
opacity: 1;
}
.splide--rtl {
direction: rtl;
}
.splide--ttb>.splide__track>.splide__list {
display: block;
}
.splide--ttb>.splide__pagination {
width: auto;
}
/* Reisethemen (Types) */
/*--------------------------------------------------------------------------*/
.reisethemen .hs-menu-depth-2 > li.aktivreisen > a:before {
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-aktivreisen-filled.svg);
background-repeat: no-repeat;
background-position: center;
}
.box-icon .aktivreisen {
background-size: 32px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-aktivreisen.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #193C6E;
}
.reisethemen .hs-menu-depth-2 > li.familienreisen > a:before {
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-familienreisen-filled.svg);
background-repeat: no-repeat;
background-position: center;
}
.box-icon .familienreisen {
background-size: 32px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-familienreisen.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #193C6E;
}
.reisethemen .hs-menu-depth-2 > li.flitterwochen > a:before {
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-flitterwochen-filled.svg);
background-repeat: no-repeat;
background-position: center;
}
.box-icon .flitterwochen {
background-size: 32px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-flitterwochen.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #193C6E;
}
.reisethemen .hs-menu-depth-2 > li.kulturreisen > a:before {
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-kulturreisen-filled.svg);
background-repeat: no-repeat;
background-position: center;
}
.box-icon .kulturreisen {
background-size: 32px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-kulturreisen.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #193C6E;
}
.reisethemen .hs-menu-depth-2 > li.naturreisen > a:before {
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-naturreisen-filled.svg);
background-repeat: no-repeat;
background-position: center;
}
.box-icon .naturreisen {
background-size: 32px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-naturreisen.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #193C6E;
}
.reisethemen .hs-menu-depth-2 > li.safaris > a:before {
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-safaris-filled.svg);
background-repeat: no-repeat;
background-position: center;
}
.box-icon .safaris {
background-size: 32px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-safaris.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #193C6E;
}
.reisethemen .hs-menu-depth-2 > li.selbstfahrerreisen > a:before {
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-selbstfahrerreisen-filled.svg);
background-repeat: no-repeat;
background-position: center;
}
.box-icon .selbstfahrerreisen {
background-size: 32px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-selbstfahrerreisen.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #193C6E;
}
.reisethemen .hs-menu-depth-2 > li.erholungs-und-strandurlaub > a:before,
.reisethemen .hs-menu-depth-2 > li.strandurlaub > a:before {
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-strandurlaub-filled.svg);
background-repeat: no-repeat;
background-position: center;
}
.box-icon .erholungs-und-strandurlaub,
.box-icon .strandurlaub {
background-size: 32px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-strandurlaub.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #193C6E;
}
.reisethemen .hs-menu-depth-2 > li.wander-und-trekkingreisen > a:before,
.reisethemen .hs-menu-depth-2 > li.wanderreisen > a:before {
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-wander-trekkingreisen-filled.svg);
background-repeat: no-repeat;
background-position: center;
}
.box-icon .wander-und-trekkingreisen,
.box-icon .wanderreisen {
background-size: 32px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/icon-wander-trekkingreisen.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #193C6E;
}
/* Reiseziele (Countries) */
/*--------------------------------------------------------------------------*/.box-icon .nordamerika {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/grafik-nordamerika.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #E8ECEF;
}.box-icon .mittelamerika {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/grafik-mittelamerika.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #E8ECEF;
}.box-icon .suedamerika {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/grafik-suedamerika.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #E8ECEF;
}.box-icon .europa {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/grafik-europa.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #E8ECEF;
}.box-icon .afrika {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/grafik-afrika.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #E8ECEF;
}.box-icon .asien {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/grafik-asien.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #E8ECEF;
}.box-icon .ozeanien {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/tag-icons/grafik-ozeanien.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #E8ECEF;
}
/* Tow Tone Image Icons (Article) */
/*--------------------------------------------------------------------------*/
.icon-kontakt {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/two-tone-icons/icon-kontakt.svg);
background-repeat: no-repeat;
background-position: center;
}
.icon-anpassen {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/two-tone-icons/icon-anpassen.svg);
background-repeat: no-repeat;
background-position: center;
}
.icon-buchen {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/two-tone-icons/icon-buchen.svg);
background-repeat: no-repeat;
background-position: center;
}
.icon-gestalten {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/two-tone-icons/icon-gestalten.svg);
background-repeat: no-repeat;
background-position: center;
}
.icon-inspirieren {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/two-tone-icons/icon-inspirieren.svg);
background-repeat: no-repeat;
background-position: center;
}
.icon-massgeschneidert {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/two-tone-icons/icon-massgeschneidert.svg);
background-repeat: no-repeat;
background-position: center;
}
.icon-nachhaltig-reisen {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/two-tone-icons/icon-nachhaltig-reisen.svg);
background-repeat: no-repeat;
background-position: center;
}
.icon-nachhaltig {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/two-tone-icons/icon-nachhaltig.svg);
background-repeat: no-repeat;
background-position: center;
}
.icon-preis-leistung {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/two-tone-icons/icon-preis-leistung.svg);
background-repeat: no-repeat;
background-position: center;
}
.icon-reiseexperten {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/two-tone-icons/icon-reiseexperten.svg);
background-repeat: no-repeat;
background-position: center;
}
.icon-reisen {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/two-tone-icons/icon-reisen.svg);
background-repeat: no-repeat;
background-position: center;
}
.icon-sicher {
background-size: 48px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/two-tone-icons/icon-sicher.svg);
background-repeat: no-repeat;
background-position: center;
}
/* Elements
Base HMTL elements and modules are styled in this section.
*/
/* Universal */
/*--------------------------------------------------------------------------*/
body {
line-height: 1.5;
word-break: break-word;
font-family: New-Hero, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #45494F;
}
@media (max-width:575px) {
body {
font-size: 14px;
}
}
html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
line-break: strict;
word-break: break-all;
}
/* Selected Text */
/*--------------------------------------------------------------------------*/
::selection,
::-moz-selection {
color: #fff;
background: #193C6E;
}
/* Paragraphs */
/*--------------------------------------------------------------------------*/
p {
margin: 0 0 16px 0;
}
/* Links */
/*--------------------------------------------------------------------------*/
a {
cursor: pointer;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
}
.hs_cos_wrapper_type_rich_text a {
color: #acb0b3;
font-weight: 700;
text-decoration: none;
}
/* Bold, Importance and Emphasis */
/*--------------------------------------------------------------------------*/
b, strong, em {
font-weight: 700;
}
/* Anchors */
/*--------------------------------------------------------------------------*/
.page-editor a.anchor,
.hs-inline-edit a.anchor {
display: block; position: relative;
background: #ffafa0;
width: 100vw; height: 24px;
left: 50%; right: 50%;
margin-left: -50vw; margin-right: -50vw;
}
.page-editor a.anchor[id]:before,
.hs-inline-edit a.anchor[id]:before {
content: 'Anker: #'attr(id);
color: #F05F50;
display: inline-block; position: absolute;
width: 100%; height: 24px;
white-space: nowrap; text-align: center;
}
/* Listings */
/*--------------------------------------------------------------------------*/
ul, ol {
margin: 0 0 16px;
}
ul ul, ol ul, ul ol, ol ol {
margin: 0;
}
ul.no-list {
list-style: none;
}
/* Icon-List */
/*--------------------------------------------------------------------------*/
.content ul,
.pad-content ul,
.hs_cos_wrapper_type_rich_text ul {
padding-left: 24.0px;
list-style: none;
counter-reset: muffins;
}
.content ul > li /* Blog-Text */ {
position: relative;
margin-bottom: 4.0px;
}
.pad-content ul > li,
.hs_cos_wrapper_type_rich_text ul > li /* Rich-Text */ {
position: relative;
margin-bottom: 16px;
}
.content ul > li:before,
.pad-content ul > li:before,
.hs_cos_wrapper_type_rich_text ul > li:before {
position: absolute;
font-family: Font-Awesome, 'Font-Awesome';
font-size: 14px;
font-weight: 900;
content: '\f00c';
color: #F05F50;
left: -24.0px;
top: 2px;
}
/* Dics-List */
/*--------------------------------------------------------------------------*/
.content ol,
.hs_cos_wrapper_type_rich_text ol {
counter-reset: ascend;
list-style: none;
padding-left: 24.0px;
}
.content ol > li {
counter-increment: ascend;
position: relative;
margin-bottom: 4.0px;
}
.content ol > li:before {
display: inline-block;
content: counter(ascend);
position: absolute;
left: -26.0px;
width: 18px;
height: 18px;
background: #F05F50;
border-radius: 9.0px;
font-size: 12px;
line-height: 18px;
text-align: center;
color: #FFF;
top: 1px;
}
/* Code */
/*--------------------------------------------------------------------------*/
code {
vertical-align: bottom;
}
/* Blockquotes */
/*--------------------------------------------------------------------------*/
/* Wrapper */
blockquote {
margin: 32px 32px 48px 32px;
position: relative;
font-style: italic;
quotes: "\201C""\201D""\2018""\2019";
}
/* Font */
blockquote, blockquote > p {
font-weight: normal;
font-style: italic;
font-size: 48px;
line-height: 1.1;
}
/* Quote */
blockquote:before {
display: block; position: absolute;
left: -69px; top: 8.0px;
width: 53px; height: 38px;
content:"";
background-repeat: no-repeat;
/* Square
background-image: url('data:image/svg+xml,');
*/
/* Round */
background-image: url('data:image/svg+xml,');
}
/* Legend */
blockquote .legend {
font-size: 22px;
}
/* Small Screens */
@media (max-width:767px) {
blockquote {
margin: 16px 0 32px 16px;
}
blockquote, blockquote p, blockquote small, blockquote strong, blockquote span {
font-size: 22px;
}
blockquote:before {
top: 3px;
}
}
/* Divider */
/*--------------------------------------------------------------------------*/
hr.divider,
.hs_cos_wrapper_type_module > hr {
width: 100%;
border: 0 none;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: rgba(232, 236, 239, 1.0);
margin-left: auto;
margin-right: auto;
margin-top: 32px;
margin-bottom: 32px;
}
/* Images */
/*--------------------------------------------------------------------------*/
.hs_cos_wrapper_type_linked_image img {
width: 100% !important;
height: auto !important;
}
/* Headlines */
/*--------------------------------------------------------------------------*/
.headline .ext {
color: #E8ECEF;
font-size: 72%;
}
.listing-headline {
line-height: 1;
}
.h1,.h2,.h3,.h4,.h5,.h6 {
display: inline-block;
}
h1,.h1, h2,.h2, h3,.h3 {
margin: 0 0 16px;
letter-spacing: -0.025em;
font-family: "PS-Fournier", Garamond, Georgia, Times, serif;
}
h4,.h4, h5,.h5, h6,.h6 {
margin: 0 0 16px;
letter-spacing: -0.025em;
font-family: "New-Hero", Helvetica, Arial, sans-serif;
}
h1,.h1 {
color: #193C6E;
font-size: 64px;
margin-left: -2px;
}
h2,.h2 {
color: #193C6E;
font-size: 56px;
margin-left: -2px;
}
h3,.h3 {
color: #193C6E;
font-size: 22px;
margin-left: -0.5px;
}
h4,.h4 {
color: #F05F50;
font-size: 22px;
}
h5,.h5 {
color: #F05F50;
font-size: 16px;
}
h6,.h6 {
color: #F05F50;
font-size: 14px;
}
/* Responsive Typo */
/*--------------------------------------------------------------------------*/
/* Tiny */
@media (max-width:575px) {
.banner-title strong,
h1,.h1 { font-size: 36px !important; line-height: 40px; }
h2,.h2 { font-size: 30px !important }
h3,.h3 { font-size: 20px !important }
h4,.h4 { font-size: 20px !important }
h5,.h5 { font-size: 14px !important }
h6,.h6 { font-size: 12px !important }
}
/* Mobile */
@media (min-width:576px) and (max-width:767px) {
.banner-title strong,
h1,.h1 { font-size: 32px !important }
h2,.h2 { font-size: 32px !important }
h3,.h3 { font-size: 20px !important }
h4,.h4 { font-size: 22px !important }
h5,.h5 { font-size: 16px !important }
h6,.h6 { font-size: 14px !important }
}
/* Tablet */
@media (min-width:768px) and (max-width:1023px) {
.banner-title strong,
h1,.h1 { font-size: 40px !important }
h2,.h2 { font-size: 44px !important }
h3,.h3 { font-size: 20px !important }
h4,.h4 { font-size: 22px !important }
h5,.h5 { font-size: 16px !important }
h6,.h6 { font-size: 14px !important }
}
/* Dealing With Long Words */
/*--------------------------------------------------------------------------*/
@media (max-width:767px) {
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
}
/* Ankor Heighlight in Editor Mode */
/*--------------------------------------------------------------------------*/
.page-editor a.anchor,
.hs-inline-edit a.anchor {
display: block;
height: 32px;
background: ;
position: relative;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.page-editor a.anchor[id]:before,
.hs-inline-edit a.anchor[id]:before {
content: 'Anker: #'attr(id);
position: absolute;
display: inline-block;
height: 32px;
line-height: 32px;
color: ;
width: 100%;
white-space: nowrap;
text-align: center;
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.anchor-menu {
border-bottom: 1px solid #E8ECEF;
}
/* Links */
/*--------------------------------------------------------------------------*/
.anchor-menu .hs-menu-wrapper > ul {
margin: 0 -16px;
}
.anchor-menu .hs-menu-wrapper > ul > li > a {
display: inline-block;
padding: 16px;
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.article {
position: relative;
}
.article-inner {
display: flex;
flex-direction: column;
}
/* Icon */
/*--------------------------------------------------------------------------*/
.article .article-icon {
width: 60px;
height: 60px;
margin-bottom: 16px;
}
.article .article-icon > i {
width: inherit;
height: inherit;
display: inline-block;
margin-left: -12px;
}
/* Title */
/*--------------------------------------------------------------------------*/
.article .article-title {
color: #F05F50;
}
/* Content */
/*--------------------------------------------------------------------------*/
.article .article-content {
}
/* Offset Flip Column */
/*--------------------------------------------------------------------------*/
@media(min-width:768px) and (max-width:1023px){
.col-md-absolute {
position: absolute !important;
}
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.banner {
display: block;
margin-top: 0;
margin-bottom: 0;
z-index: 0;
}
.banner-inner {
margin: 0;
padding: 0;
position: relative;
left: 0; top: 0;
right: 0; bottom: 0;
min-height: 600px;
background: transparent linear-gradient(0deg, rgba(0, 0, 0,0.0) 0%, rgba(0, 0, 0,0.25) 90%) 0% 0% no-repeat padding-box;
}
html.hs-inline-edit .banner {
z-index: -1;
}
/* Gradient */
/*--------------------------------------------------------------------------*/
.banner .gradient {
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.0),
rgba(0, 0, 0, 0.0)
);
}
/* Image / Video */
/*--------------------------------------------------------------------------*/
.banner .banner-image,
.banner .banner-video {
object-fit: cover;
object-position: center;
position: absolute;
}
.banner.normal .banner-image,
.banner.normal .banner-video {
min-height: 600px;
width: 100%;
height: 100%;
}
.banner.normal .banner-inner {
min-height: 600px;
}
.banner.extended .banner-image,
.banner.extended .banner-video {
width: 100%;
height: 100%;
}
.banner.fullscreen {
height: 100vh;
width: 100%;
}
.banner.fullscreen .banner-image,
.banner.fullscreen .banner-video {
height: inherit;
width: 100vw;
margin: 0;
left: 0;
top: 0;
}
@media(max-width: 767px){
.banner.extended .banner-inner,
.banner.extended .banner-image,
.banner.extended .banner-video {
min-height: 100vh;
}
}
@media(min-width: 768px){
.banner.extended .banner-inner,
.banner.extended .banner-image,
.banner.extended .banner-video {
min-height: 800px;
}
}
@media(min-width: 1024px){
/* If Contact Line Is Above The Banner */
.contact-container-wrapper + .header-container-wrapper .banner.fullscreen {
height: calc( 100vh - 34px );
}
}
/* Title */
/*--------------------------------------------------------------------------*/
.banner .banner-title {
margin: 0 auto;
padding: 160px 64px 128px 64px;
user-select: text;
text-align: center;
}
@media(max-width:767px){
.banner .banner-title {
padding-top: 128px;
padding-bottom: 112px;
padding-left: 16px;
padding-right: 16px;
}
}
@media(max-width:575px){
.banner .banner-title {
padding-top: 96px;
padding-bottom: 80px;
}
}
/* Headline */
.banner-title h1, .banner-title strong {
color: #FFF;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.30);
margin: 0;
font-size: 64px;
font-family: PS-Fournier, serif;
}
/* Subline */
.banner-title, .banner-title p, .banner-title span {
color: #FFF;
margin: 0;
font-size: 22px;
text-shadow: 3px 3px 8px rgba(69, 73, 79, 0.75);
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.blog-filter {
}
/* Custom Dropdown Select Adjustments */
/*--------------------------------------------------------------------------*/
.blog-filter select,
.blog-filter .select-selected,
.blog-filter .select-items .select-option,
.blog-filter .select-items .select-group-label {
padding-left: 40px !important;
}
.blog-filter select,
.blog-filter .select-selected.placeholder,
.blog-filter .select-arrow-active {
/* color: #acb0b3; */
}
/* If in Grid add Gutter to Dropdown List */
.blog-filter .hs-form div[class^="col"] {
display: inherit;
}
.blog-filter .hs-form div[class^="col"] .select-items {
margin-right: 8.0px;
margin-left: 8.0px;
}
.blog-filter .hs-form .select-items {
box-shadow: 15px 20px 20px 0px rgba(0,0,0,0.15);
top: 48px !important;
}
/* Custom Color Setup */
/*--------------------------------------------------------------------------*/
.blog-filter .hs-form select,
.blog-filter .hs-form .select-selected,
.blog-filter .hs-form .select-items {
background-color: #E8ECEF;
}
.blog-filter .hs-form .select-items .select-option:hover,
.blog-filter .hs-form .select-items .same-as-selected {
background-color: #f2f6f9;;
}
.blog-filter .btn-reset {
width: 40px !important;
background: #E8ECEF !important;
text-align: center !important;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center !important;
}
.blog-filter .btn-reset:hover {
color: #FFF;
background: #F05F50;
}
/* Slider */
/*--------------------------------------------------------------------------*/
.blog-related-posts .splide,
.blog-related-posts .grid {
padding: 32px 0 48px 0;
}
@media(max-width: 767px){
.blog-related-posts .splide {
padding: 32px 32px 64px 32px;
}
.blog-related-posts .grid {
padding: 16px;
}
}
/* Slide */
/*--------------------------------------------------------------------------*/
.blog-related-posts .splide__track {
overflow: visible;
}
.blog-related-posts .splide__slide:first-child:nth-last-child(3),
.blog-related-posts .splide__slide:first-child:nth-last-child(3) ~ .splide__slide {
opacity: 0;
transition: opacity 150ms linear;
}
.blog-related-posts .splide__slide.is-visible {
opacity: 1;
}
/* Grid */
/*--------------------------------------------------------------------------*/
.blog-related-posts .grid.row {
margin: -16px
}
.blog-related-posts .grid.row > div {
padding: 16px
}
@media(min-width:1024px) {
.blog-related-posts .grid.row > div:first-child:nth-last-child(2) .item-micro .item-image,
.blog-related-posts .grid.row > div:first-child:nth-last-child(2) ~ div .item-micro .item-image {
height: 0;
padding-top: 50%;
}
}
/* Headline */
/*--------------------------------------------------------------------------*/
@media(max-width:767px) {
.blog-related-posts .headline {
padding: 0 8.0px;
}
}
/* WRAPPER */
/*--------------------------------------------------------------------------*/
.box {
position: relative;
z-index: 1;
height: 100%;
min-height: 300px;
}
.box > .box-inner {
width: 100%; height: 100%;
display: flex;
flex-direction: column;
position: relative;
background-color: #FFF;
z-index: -1;
border-radius: 5px;
box-shadow: 8.0px 8.0px 16px 1px rgba(0,0,0,0.15);
}
.box:hover > .box-inner {
box-shadow: 8.0px 8.0px 16px 1px rgba(0,0,0,0.25);
}
/* IMAGE */
/*--------------------------------------------------------------------------*/
.box .box-image {
width: 100%;
height: 0;
padding-top: 66.666%; /* 66.666% ratio=3:2 (360x240) */
position: relative;
border-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.box .box-image img {
position: absolute;
object-fit: cover;
object-position: center;
width: 100%; height: 100%;
left:0; top:0; right:0; bottom:0;
border-radius: inherit;
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
transition: transform 250ms ease;
}
.box-animation-wrapper {
position: absolute;
width: 100%; height: 100%;
left:0; top:0;
border-radius: inherit;
overflow: hidden;
}
.box .box-image.fallback {
background-color: #EEE;
}
/* TAG */
/*--------------------------------------------------------------------------*/
.box .box-tag {
position: absolute;
top: 16px; left: 0;
right: auto; bottom: auto;
width: auto; height: auto;
padding: 8.0px 32px;
margin-right: 16px;
background: #F05F50;
letter-spacing: 0.025em;
text-align: left;
color: #FFFFFF;
border-radius: 18px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* ICON */
/*--------------------------------------------------------------------------*/
.box .box-icon {
position: absolute;
top: auto; right: auto;
left: 32px;
bottom: -24.0px;
width: 48px;
height: 48px;
margin-left: -1.5px;
text-align: center;
line-height: 48px;
color: #FFFFFF;
white-space: nowrap;
border-radius: 24.0px;
}
.box .box-icon > i {
width: inherit;
height: inherit;
display: block;
border-radius: inherit;
}
/* CONTENT */
/*--------------------------------------------------------------------------*/
.box .box-title {
height: 100%;
padding: 48px 32px;
font-weight: bold;
}
/* LINK + HOVER */
/*--------------------------------------------------------------------------*/
.box .box-area-link {
display: block;
height: 100%;
position: absolute;
width: 100%;
z-index: 1;
}
.box .box-area-link:hover ~ .box-description {
color: #F05F50;
}
.box .box-area-link:hover ~ .box-image img {
transform: scale(1.1);
}
/* SECTION */
/*--------------------------------------------------------------------------*/
.box-section {
display: grid;
grid-gap: 24.0px;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
grid-auto-rows: auto;
grid-auto-flow: dense;
}
.box-section-headline {
margin-bottom: 48px;
}
/* ONLY-CHILD */
/*--------------------------------------------------------------------------*/
@media(min-width:1024px){
.box-section > .box:only-child {
width: 33.3333%;
height: auto;
}
}
.box-section > .box:only-child {
margin: auto;
}
.breadcrumb {
padding: 0;
width: 100%;
}
.breadcrumb > .breadcrumb-inner {
margin: 32px auto;
}
.breadcrumb .divider,
.breadcrumb .section {
display: inline-block;
line-height: 0.9rem;
}
.breadcrumb .section > a {
font-size: 14px;
color: #45494F;
transition: color 200ms linear;
}
.breadcrumb .section > a:hover,
.breadcrumb .section > a:focus {
color: #45494F;
text-decoration: none;
}
.breadcrumb .section.active > a {
color: #F05F50;
pointer-events: none;
font-weight: 700;
}
.breadcrumb .divider {
font-size: 12px;
color: #E8ECEF;
margin: 0 5px 0 7px;
}
/* Wrapper */
/* --------------------------------------------------------------------- */
.bubble {
position: absolute;
right: -50px;
bottom: -50px;
width: 300px;
height: 300px;
border-radius: 150.0px;
border-top-left-radius: 0;
background-color: #193C6E;
overflow: hidden;
}
.bubble-inner {
margin: 32px;
padding: 0;
padding-right: 50px;
max-height: 236px;
}
/* Checkliste */
/* --------------------------------------------------------------------- */
.bubble ul {
list-style: none;
color: white;
}
.bubble ul > li {
padding-left: 20px;
position: relative;
margin-top: 8.0px;
letter-spacing: -0.025em;
}
.bubble ul > li:before {
position: absolute;
margin-left: -20px;
content: "✔";
color: #F05F50;
}
/* Extra Smaller Quote Bubble for Tiny Screens */
/* --------------------------------------------------------------------- */
@media (max-width: 575px){
.quote-slider .quote .bubble {
width: 230px;
height: 230px;
}
.quote-slider .quote .bubble-inner {
font-size: 11px;
line-height: 1.3;
margin-top: 72px;
}
.quote-slider .quote .bubble-quotes {
top: 20px;
}
}
/* BUTTON SELECTOR */
/*--------------------------------------------------------------------------*//* MACRO FUNCTION */
/*--------------------------------------------------------------------------*//* DEFAULT BUTTON */
/*--------------------------------------------------------------------------*/
.btn, .cta_button, input[type="button"], .hs-button, input[type="submit"] {
cursor: pointer;
display: inline-block;
position: relative;
text-align: center;
text-decoration: none;
white-space: normal;
padding: 8px 32px;
font-size: 16px;
font-weight: normal;
font-family: New-Hero, Arial, sans-serif;
transform: perspective(1px) translateZ(0);
border: 0;
line-height: 24px;
}
.btn:hover, .cta_button:hover, input[type="button"]:hover, .hs-button:hover, input[type="submit"]:hover {
transition: all 0.3s ease;
text-decoration: none;
}
.btn:focus, .cta_button:focus, input[type="button"]:focus, .hs-button:focus, input[type="submit"]:focus {
text-decoration: none;
}
/* BUTTON SIZE */
/*--------------------------------------------------------------------------*/
.btn-sm { padding-top: 8px; padding-bottom: 8px; border-radius: 20px; }
.btn-md { padding-top: 16px; padding-bottom: 16px; border-radius: 28px; }
.btn-lg { padding-top: 24px; padding-bottom: 24px; border-radius: 36px; }
/* PRIMARY BUTTON */
/*--------------------------------------------------------------------------*/.btn, .cta_button, input[type="button"], .hs-button, input[type="submit"] {
color: #FFFFFF;
background-color: #F05F50;
border-radius: 20px;
}
.btn:hover, .cta_button:hover, input[type="button"]:hover, .hs-button:hover, input[type="submit"]:hover,
.btn:focus:not(:focus-visible), .cta_button:focus:not(:focus-visible), input[type="button"]:focus:not(:focus-visible), .hs-button:focus:not(:focus-visible), input[type="submit"]:focus:not(:focus-visible) {
background-color: #d24132;
outline: 0;
}
.btn:disabled, .cta_button:disabled, input[type="button"]:disabled, .hs-button:disabled, input[type="submit"]:disabled {
background-color: #E8ECEF;
border-color: #45494F;
color: #45494F;
}
/* FORMULAR STYLER */
/*--------------------------------------------------------------------------*/
.hs-form .hs-button.primary:before,
.hs-form input[type="submit"]:before,
.hs-form input[type="button"]:before {}
.hs-form .hs-button.primary:hover:before,
.hs-form input[type="submit"]:hover:before,
.hs-form input[type="button"]:hover:before {}
/* WRAPPER */
/*--------------------------------------------------------------------------*/
.card {
position: relative;
z-index: 1;
height: 100%;
min-height: 300px;
}
.card > .card-inner {
width: 100%; height: 100%;
position: relative;
background-color: #FFF;
z-index: -1;
border-radius: 5px;
}
/* IMAGE */
/*--------------------------------------------------------------------------*/
.card .card-image {
width: 100%;
height: 100%;
padding-top: 0; /* 66.666%ratio=3:2 (360x240) */
position: relative;
overflow: hidden;
border-radius: 5px;
transition: opacity 250ms linear;
}
.card .card-image > img {
position: absolute;
object-fit: cover;
object-position: center;
width: 100%; height: 100%;
left:0; top:0; right:0; bottom:0;
background-color: #EEE;
}
.card .card-image.fallback {
background-color: #EEE;
}
div:not(.grid-wrapper) > .card .card-image {
min-height: 300px;
}
/* CONTENT */
/*--------------------------------------------------------------------------*/
.card .card-title {
position: absolute;
bottom: 16px; left: 16px;
right: 16px; top: auto;
width: auto; height: auto;
padding: 8.0px 16px;
color: #FFF;
font-weight: 200;
letter-spacing: 0.025em;
text-align: center;
color: #FFFFFF;
border-radius: 18px;
}
/* Background */
/*--------------------------------------------------------------------------*/
.card .card-title {
background-color: rgba(0, 0, 0,0.75);
}
@supports(backdrop-filter:none) {
.card .card-title {
background: rgba(0, 0, 0, 0.0) 0% 0% no-repeat padding-box;
backdrop-filter: blur(10px) brightness(1.0);
-webkit-backdrop-filter: blur(10px) brightness(1.0);
}
}
/* LINK */
/*--------------------------------------------------------------------------*/
.card .card-area-link {
position: absolute;
display: block;
left: 0; top: 0; right: 0; bottom: 0;
z-index: 2;
cursor: pointer;
}
/* HOVER (with description) */
/*--------------------------------------------------------------------------*/
.card .card-description {
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
padding: 48px 16px;
background: #FFFFFF;
border-radius: 10px;
z-index: 1;
transition: all 250ms linear;
opacity: 0;
box-shadow: 5.333333333333333px 5.333333333333333px 16px 1px rgba(0,0,0,0.0);
overflow: hidden;
}
.card.with-hover .card-area-link:hover ~ .card-description,
.card.with-hover:hover .card-description {
opacity: 1;
box-shadow: 8.0px 8.0px 16px 1px rgba(0,0,0,0.25);
}
.card.with-hover .card-area-link:hover ~ .card-image,
.card.with-hover:hover .card-image {
opacity: 0;
}
/* HOVER (without description) */
/*--------------------------------------------------------------------------*/
.card:not(.with-hover) .card-area-link:hover ~ .card-image:not(.fallback),
.card:not(.with-hover):hover .card-image:not(.fallback) {
filter: brightness(1.15) saturate(115%);
}
/* SLIDER */
/*--------------------------------------------------------------------------*/
.card-slider .card-slider-title {
margin-bottom: 48px;
}
.card-slider {
margin-bottom: 128px;
}
/* SECTION */
/*--------------------------------------------------------------------------*/
.grid-wrapper > .card {
display: flex;
justify-content: center;
align-items: center;
min-height: 300px;
}
.grid-wrapper {
display: grid;
grid-gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
grid-auto-rows: 300px;
grid-auto-flow: dense;
}
.grid-wrapper.min {
grid-template-columns: repeat(auto-fit, minmax(232px, 1fr));
grid-auto-rows: 276px;
}
.grid-wrapper.min > .card {
min-height: 276px;
}
/* SIZES */
/*--------------------------------------------------------------------------*/
.grid-wrapper .default {
grid-column: span 1;
}
.grid-wrapper .wide {
grid-column: span 2;
}
.grid-wrapper .tall {
grid-row: span 2;
}
.grid-wrapper .big {
grid-column: span 2;
grid-row: span 2;
}
/* MOBILE */
/*--------------------------------------------------------------------------*/
@media(max-width:767px){
.grid-wrapper {
grid-gap: 16px 0;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
.grid-wrapper > .wide,
.grid-wrapper > .tall,
.grid-wrapper > .big,
.grid-wrapper > .default {
grid-column: auto;
grid-row: auto;
}
}
/* TABELT */
/*--------------------------------------------------------------------------*/
@media(max-width:1023px){
.grid-wrapper.min {
grid-gap: 16px 0;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
.grid-wrapper.min > .wide,
.grid-wrapper.min > .tall,
.grid-wrapper.min > .big,
.grid-wrapper.min > .default {
grid-column: auto;
grid-row: auto;
}
}
/* Checkliste */
/* --------------------------------------------------------------------- */
ul.checklist {
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0;
}
ul.checklist > li {
padding: 8.0px;
padding-left: 28.0px;
position: relative;
margin-top: 8.0px;
letter-spacing: -0.025em;
}
ul.checklist > li:before {
position: absolute;
margin-left: -20px;
content: "✔";
color: #F05F50;
}
@media (max-width: 575px){
ul.checklist > li {
width: 100%;
}
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.contact-container-wrapper {
background: #fff;
}
.contact {
padding-top: 8.0px;
padding-bottom: 8.0px;
}
/* Text */
/*--------------------------------------------------------------------------*/
.contact .intro,
.contact .phone,
.contact .email {
color: #45494F;
font-size: 14px;
line-height: 18px;
}
.contact .phone,
.contact .email {
font-weight: 700;
}
.contact .phone:hover,
.contact .email:hover {
text-decoration: none;
color: #F05F50;
}
.contact i {
margin-right: 4px;
}
/* Mobile */
/*--------------------------------------------------------------------------*/
@media(max-width: 1023px){
.contact-container-wrapper {
display: none;
}
body.navi-open .contact-container-wrapper {
display: block;
}
.contact-container-wrapper {
position: absolute;
top: 100vh;
margin-top: -144px;
z-index: 999;
width: 100%;
height: 144px;
border-top: 2px solid #193C6E;
padding-top: 16px;
}
.contact {
text-align: center;
white-space: nowrap;
}
}
/* Expert Avatars */
/*--------------------------------------------------------------------------*/
.planner .experts {
width: 100%;
}
.planner .experts-inner {
position: relative;
margin: 0 auto;
width: 300px;
height: 80px;
}
.planner .experts img {
border-radius: 100%;
overflow: hidden;
background: white;
position: absolute;
}
.planner .experts img:nth-child(1),
.planner .experts img:nth-child(5) {
margin: 10px 0;
z-index: 11;
}
.planner .experts img:nth-child(2),
.planner .experts img:nth-child(4) {
margin: 5px 0;
z-index: 12;
}
.planner .experts img:nth-child(3) {
z-index: 13;
}
.planner .experts img:nth-child(1) { left: 0px }
.planner .experts img:nth-child(2) { left: 50px }
.planner .experts img:nth-child(3) { left: 110px }
.planner .experts img:nth-child(4) { left: 180px }
.planner .experts img:nth-child(5) { left: 240px }
/* Sticky Expert Avatars */
/*--------------------------------------------------------------------------*/
.sticky-experts .experts {
width: 100%;
}
.sticky-experts .experts-inner {
position: relative;
margin: 0 auto;
width: 190px;
height: 60px;
}
.sticky-experts .experts img {
border-radius: 100%;
overflow: hidden;
background: white;
position: absolute;
}
.sticky-experts .experts img:nth-child(1) { width: 40px !important; height: 40px !important; }
.sticky-experts .experts img:nth-child(2) { width: 50px !important; height: 50px !important; }
.sticky-experts .experts img:nth-child(3) { width: 60px !important; height: 60px !important;}
.sticky-experts .experts img:nth-child(4) { width: 50px !important; height: 50px !important; }
.sticky-experts .experts img:nth-child(5) { width: 40px !important; height: 40px !important; }
.sticky-experts .experts img:nth-child(1),
.sticky-experts .experts img:nth-child(5) {
margin: 10px 0;
z-index: 11;
}
.sticky-experts .experts img:nth-child(2),
.sticky-experts .experts img:nth-child(4) {
margin: 5px 0;
z-index: 12;
}
.sticky-experts .experts img:nth-child(3) {
z-index: 13;
}
.sticky-experts .experts img:nth-child(1) { left: 0px }
.sticky-experts .experts img:nth-child(2) { left: 30px }
.sticky-experts .experts img:nth-child(3) { left: 70px }
.sticky-experts .experts img:nth-child(4) { left: 120px }
.sticky-experts .experts img:nth-child(5) { left: 160px }
/* Wrapper */
/*--------------------------------------------------------------------------*/
.favorites {}
.favorites-inner {}
/* Notification */
/*--------------------------------------------------------------------------*/
.favorites .note {}
/* Template Style */
/*--------------------------------------------------------------------------*/
.listing-item {}
.item .item-data.table .table-row.hide {
display: none;
}
/* BADGE Style */
/*--------------------------------------------------------------------------*/
.navigation-primary .favoriten .badge,
.reminder .badge {
position: absolute;
right: 6px; top: 12px;
background: #F05F50;
color: #fff;
border-radius: 8px;
width: 16px; height: 16px;
font-size: 10px;
line-height: 16px;
text-align: center;
}
.navigation-primary .favoriten .badge {
position: relative;
display: inline-block;
top: -6px;
right: 0;
}
.navigation-primary .favoriten .badge.hide,
.reminder .badge.hide {
display: none;
}
/* ICONS (item.module and metadata.module) */
/*--------------------------------------------------------------------------*/
.item-close,
.item-store,
.item-share {
width: 44px;
height: 44px;
border-radius: 22.0px;
background-color: #E8ECEF;
color: #ffffff;
line-height: 44px;
text-align: center;
white-space: nowrap;
overflow: hidden;
}
.item-close > i,
.item-store > i,
.item-share > i {
line-height: inherit;
pointer-events: none;
vertical-align: middle;
}
.item-close:hover,
.item-store:hover,
.item-share:hover {
background-color: #193C6E;
}
.item-store.active {
background-color: #F05F50;
}
.item-store.disabled {
pointer-events: none;
opacity: 0.5;
}
/* Toggle Add/Remove */
.item-store i.fa-times { display: none; }
.item-store.active i.fa-heart { display: block; }
.item-store.active:hover i.fa-heart { display: none; }
.item-store.active:hover i.fa-times { display: block; }
/* HubSpot Form Configuration */
/*--------------------------------------------------------------------------*//* 1. HubSpot Form *//* Pixel */
/* 2. HubSpot Field Labels */
/* 3. HubSpot Helper Text *//* todo - no setup currently */
/* 4. Google ReCaptcha */
/* 5. HubSpot All Inputs */
/* 6. HubSpot Selected And Checkbox Inputs */
/* 7. HubSpot And Custom Dropdowns *//* (!) NEED js-component! */
/* 8. HubSpot Number *//* (!) NEED js-component! */
/* 9. HubSpot Boolean */ /* TODO: currently not supported *//* TODO: not intuitive - better as js component */
/* 10. HubSpot Datetime */
/* 11. HubSpot Error */
/* 12. HubSpot Button */
/* 13. HubSpot Input Styled Elements */
/* All HubSpot Forms */
/*--------------------------------------------------------------------------*/
/* Additional HuSpot Form Types: (from system not forms)
* Subscription Preferences (module) --> #email-prefs-form
* Backup Unsubscribe (module) --> #email-prefs-form
*/
.hs_cos_wrapper.form-title,
.form-title {
padding: 0 16px 16px 16px;
font-size: 48px;
text-align: center;
}
.hs-form {
clear: both;
font-family: inherit;
font-weight: 400;
padding: 0 16px;
font-style: normal;
}
.container .form-title,
.container .hs-form {
padding: 0;
}
.hs-form .hs-form-checkbox label>span:before,
.hs-form .hs-form-booleancheckbox label>span:before,
.email-prefs .item .fakelabel>span:nth-child(2):before,
.subscribe-options label>span:before,
.hs-form .input {
box-shadow: 0 0 4px 0 rgba(0,0,0,.025);
}
.hs-form .hs-form-checkbox .input,
.hs-form .hs-form-radio .input,
.hs-form .hs-fieldtype-booleancheckbox .input {
box-shadow: none;
}
/* Descriptions */
.hs-form .hs-field-desc {
display: block;
font-size: 12px;
color: #acb0b3;
line-height: 1.25;
margin-bottom: 8.0px;
margin-top: -8.0px;
}
/* Labels and Titels */
.hs-form .hs-form-field > label,
.hs-form .field[role="search"] > label,
.hs-form .hs-fieldtype-booleancheckbox:before {
display: inline-block;
font-size: 16px;
color: #45494F;
line-height: 1.5;
margin-bottom: 8.0px;
}
/* Requied Symbol Color in Labels */
.hs-form .hs-form-required {
margin-left: 1px;
color: #F05F50;
}
/* Hidden Fields If Not Hide By Browser Defaults */
.hs-form input[hidden] {
display: none !important;
}
/* HubSpot Text Block Between Input Elements */
.hs-form .hs-richtext:not(.hs-main-font-element) {
margin-top: 32px;
margin-bottom: -8.0px;
}
.hs-form div:not(.hs-richtext) + .hs-richtext {
margin-top: 0; /* 8.0px */
}
/* iOS Datetime Field Text Align Fix */
input[type="date"]{
-webkit-appearance: textfield;
-moz-appearance: textfield;
vertical-align: middle;
}
/* DEFAULT INPUT FIELDS */
/*--------------------------------------------------------------------------*/
/* Inputs (selectors for all inputs) */
.hs-form input[type='text'], .hs-form input[type='number'], .hs-form input[type='email'], .hs-form input[type='search'], .hs-form input[type='password'], .hs-form input[type='tel'], .hs-form input[type='url'], .hs-form input[type='date'], .hs-form input[type='file'],
.hs-form button:not(.pika-button):not(.pika-prev):not(.pika-next), .hs-form optgroup,
.hs-form select, .hs-form textarea,
.hs-form .select-selected {
display: inline-block;
border: 0px solid #E8ECEF;
background: #E8ECEF;
box-shadow: none;
padding: 8px 16px;
width: 100%;
border-radius: 20px;
line-height: 1.25; /* ??? */
margin: 0;
font-family: inherit;
font-size: 16px;
font-weight: 400;
text-align: left;
color: #45494F
}
/* Input Defaults */
.hs-form input[type='text'], .hs-form input[type='number'], .hs-form input[type='email'], .hs-form input[type='search'], .hs-form input[type='password'], .hs-form input[type='tel'], .hs-form input[type='url'], .hs-form input[type='date'], .hs-form input[type='file'],
.hs-form button:not(.pika-button):not(.pika-prev):not(.pika-next), .hs-form optgroup,
.hs-form select, .hs-form textarea,
.select-selected {
outline: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Inputs in Focus */
.hs-form input:focus,
.hs-form textarea:focus,
.hs-form select:focus {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
outline: 0;
border-color: ;
}
/* Equal Height Inputs */
.hs-form input:not(.hs-button),
.hs-form select {
height: 40px;
}
/* Textareas */
.hs-form textarea,
.hs-fieldtype-textarea {
width: 100% !important;
min-height: 96px;
}
/* Placeholder */
::-webkit-input-placeholder,
::-moz-placeholder :-ms-input-placeholder,
:-moz-placeholder {
}
/* SELECT DROPDOWN */
/*--------------------------------------------------------------------------*/
/* Dropdown Default Select */
.hs-form select,
.hs-form .select-selected {
position: relative;
height: 40px;
padding-top: 0;
padding-bottom: 0;
line-height: 40px;
width: 100% !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 20px;
border-radius: 20px;
cursor: pointer;
padding-right: 40px;
-webkit-padding-end: 40px;
-webkit-padding-start: 8px
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hs-form .select-selected {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Dropdown Caret / Arrow */
.hs-form .hs-fieldtype-select .select-selected:after {
position: absolute;
pointer-events: none;
display: block;
font-family: Font-Awesome;
font-weight: bold;
content: "\f107"; /* Caret open */
right: 16px;
top: 0;
}
.hs-form .hs-fieldtype-select .select-arrow-active.select-selected:after {
content: "\f106"; /* Caret Close*/
}
/* Style items (options): */
.hs-form .select-items {
position: absolute;
background-color: #E8ECEF;
/* top: 40px; */
top: 72px;
left: 0;
right: 0;
z-index: 99;
/*margin-top: 0px;*/
margin-top: 0;
border: 0px solid #E8ECEF;
border-radius: 20px;
border-top-left-radius: 0;
border-top-right-radius: 0;
overflow-x: hidden;
overflow-y: auto;
height: auto;
max-height: 256px;
text-align: left;
}
.hs-form .select-group {
padding: 8px 0;
}
.hs-form .select-group .select-group-label {
display: block;
width: 100%;
color: #45494F;
padding: 8px 16px;
line-height: 16px;
font-weight: bold;
}
/* style the items (options), including the selected item: */
.hs-form .select-items .select-option {
color: #45494F;
padding: 8px 16px;
line-height: 16px;
border: 0px solid #E8ECEF;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
border-left-width: 0;
border-right-width: 0;
cursor: pointer;
}
.hs-form .select-items .select-option:last-child {
border-bottom: none;
}
/* Hide the items when the select box is closed: */
.hs-form .select-hide {
display: none;
}
.hs-form .select-items .select-option:hover,
.hs-form .select-items .same-as-selected {
color: #F05F50;
background-color: #E8ECEF;
}
.select-selected.select-arrow-active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* CUSTOM CHECKBOX AND RADIO FIELDS */
/*--------------------------------------------------------------------------*/
.hs-form .inputs-list,
.hs-form-booleancheckbox {
padding-left: 0;
margin: 0;
list-style: none;
}
.hs-form-radio,
.hs-form-checkbox,
.hs-form-booleancheckbox,
.email-prefs .item,
.subscribe-options {
display: table;
margin-bottom: 16px;
border: 0;
}
/* Customize the label (the container) */
.hs-form-radio label,
.hs-form-checkbox label,
.hs-form-booleancheckbox label,
.email-prefs .item .fakelabel,
.subscribe-options label {
display: table-cell;
vertical-align: middle;
height: 40px; /* 40px */
position: relative;
padding-left: 48px;
padding-right: 8.0px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.email-prefs .item p,
.subscribe-options > p:first-child {
padding-left: 48px;
}
/* Hide the browser's default checkbox */
.hs-form-radio input,
.hs-form-checkbox input,
.hs-form-booleancheckbox input,
.email-prefs .item input,
.subscribe-options input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Label Text */
.hs-form .hs-form-radio span,
.hs-form .hs-form-checkbox span,
.hs-form .hs-form-booleancheckbox span,
.email-prefs .item .fakelabel span,
.subscribe-options span {
vertical-align: baseline;
line-height: 1.25;
}
/* Create a custom checkbox */
.hs-form .hs-form-radio label > span:before,
.hs-form .hs-form-checkbox label > span:before,
.hs-form .hs-form-booleancheckbox label > span:before,
.email-prefs .item .fakelabel > span:nth-child(2):before,
.subscribe-options label > span:before {
left: 0;
position: absolute;
display: block;
content: "";
background-color: #E8ECEF;
border: 0px solid #E8ECEF;
}
.hs-form .hs-form-checkbox label > span:before,
.hs-form .hs-form-booleancheckbox label > span:before,
.email-prefs .item .fakelabel > span:nth-child(2):before,
.subscribe-options label > span:before {
width: 32px;
height: 32px;
top: 4.0px;
}
.hs-form .hs-form-radio label > span:before {
width: 34px;
height: 34px;
top: 3.0px;
}
/* Border Radius */
.hs-form .hs-form-radio span:before {
border-radius: 50%;
}
.hs-form .hs-form-checkbox label > span:before,
.hs-form .hs-form-booleancheckbox label > span:before,
.email-prefs .item .fakelabel > span:nth-child(2):before,
.subscribe-options label > span:before {
border-radius: 20px;
}
/* On mouse-over, add a grey background color */
.hs-form-radio:hover input + span:before,
.hs-form-checkbox:hover input + span:before,
.hs-form-booleancheckbox:hover input + span:before,
.email-prefs .item:hover .fakelabel > input + span:nth-child(2):before,
.subscribe-options label:hover input + span:before {
background-color: #E8ECEF;
}
/* When the checkbox is checked background */
.hs-form .hs-form-radio input:checked + span:before,
.hs-form .hs-form-checkbox input:checked + span:before,
.hs-form .hs-form-booleancheckbox input:checked + span:before,
.email-prefs .item .fakelabel > input:checked + span:nth-child(2):before,
.subscribe-options input:checked + span:before {
background-color: #E8ECEF;
}
/* Create the checkmark/indicator (hidden when not checked) */
.hs-form-radio span:after,
.hs-form-checkbox span:after,
.hs-form-booleancheckbox span:after {
content: "";
position: absolute;
display: none;
}
.email-prefs .item .fakelabel > span:nth-child(2):after,
.subscribe-options label > span:after {
position: absolute;
opacity: 0;
}
/* Show the checkmark when checked */
.hs-form-radio input:checked ~ span:after,
.hs-form-checkbox input:checked ~ span:after,
.hs-form-booleancheckbox input:checked ~ span:after {
display: block;
}
.email-prefs .item .fakelabel > input:checked + span:nth-child(2):after,
.subscribe-options input:checked ~ span:after {
opacity: 1;
}
/* Style the checkmark/indicator */
.hs-form-checkbox label > span:after,
.email-prefs .item .fakelabel > span:nth-child(2):after,
.subscribe-options label > span:after {
font-family: Font-Awesome;
font-weight: bold;
content: "\f00c"; /* Checked */
left: 0;
top: 4.0px;
line-height: 32px;
text-align: center;
width: 32px;
height: 32px;
}
/* Style the selection/indicator */
.hs-form-radio label > span:after {
font-family: Font-Awesome;
font-weight: bold;
content: "\f00c"; /* Checked */
left: 1px;
top: 4.0px;
line-height: 32px;
text-align: center;
width: 32px;
height: 32px;
}
/* Style the boolean/indicator */
.hs-form-booleancheckbox label > span:after {
/* Slim Mode */
/* Boxed Mode */
left: 0;
top: 5.0px;
height: 30px;
width: 30px;
background-color: #E8ECEF;
border: 0px solid #E8ECEF;
-webkit-transition: -webkit-transform 150ms ease;
-ms-transition: -ms-transform 150ms ease;
transition: transform 150ms ease;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
/* Required Field Pass Validation */
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
}
/* Requied Input Focus */
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
box-shadow: none;
}
/* SPECIAL MEMBERSHIP FORM
========================================================================== */
.hs-register-widget-show-password,
.hs-login-widget-show-password,
.hs-reset-widget-show-password {
display: inline-block;
float: right;
line-height: 1.5;
margin-bottom: 8.0px;
}
#hs-login-widget-remember {
height: auto !important;
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
appearance: checkbox !important;
}
#hs-pwd-widget-password {
height: 40px !important;
margin-top: 16px !important;
}
/* SPECIAL BOOLEN CHECKBOX [ EXTEND THE CHECKBOX AND RADIO SECION ]
========================================================================== */
/* make boolean no upper label inline with other elements by placing a fake label */
/* Boolean checkbox label need more space */
.hs-form .hs-form-booleancheckbox label {
margin: 0;
/* Slim Mode */
/* Boxed Mode */
padding-left: 80px;
}
/* Create a custom booloean background area */
.hs-form .hs-form-booleancheckbox label > span:before {
/* Slim Mode */
/* Boxed Mode */
height: 32px;
width: 64px;
-webkit-transition: background-position 150ms ease;
-ms-transition: background-position 150ms ease;
transition: background-position 150ms ease;
background: linear-gradient(to right, rgba(232, 236, 239,1.0) 50%, rgba(202, 206, 209,1.0) 50%);
background-size: 200% 100%;
background-position: right bottom;
}
/* When the boolean is true background */
.hs-form .hs-form-booleancheckbox input:checked + span:before {
background-position: left bottom;
}
/* Always display the boolean/indicator */
.hs-form .hs-form-booleancheckbox label > span:after {
display: block;
border-radius: 20px;
/* Icon Animation FadeOut */
color: rgba(202, 206, 209,1.0);
-webkit-transition: color 100ms linear 0ms;
-ms-transition: color 100ms linear 0ms;
transition: color 100ms linear 0ms;
/* Icon Type */
font-family: Font-Awesome;
font-weight: bold;
content: "\f00c"; /* Checked */
line-height: 30px;
text-align: center;
}
/* Move the boolen indicator to position true */
.hs-form .hs-form-booleancheckbox input:checked ~ span:after {
-webkit-transform: translate(30px, 0);
-ms-transform: translate(30px, 0);
transform: translate(30px, 0);
/* Icon Animation FadeIn */
color: rgba(25, 60, 110,1.0);
-webkit-transition: color 120ms linear 50ms;
-ms-transition: color 120ms linear 50ms;
transition: color 120ms linear 50ms;
}
/* ABO CONFIGURATION SECIAL FORM-TYP */
/*--------------------------------------------------------------------------*/
.item .item-inner.selected {
}
.item .item-inner.hovered {
}
.item .checkbox-row .fakelabel {
line-height: 20.0px;
}
.item .checkbox-row .fakelabel input {
top: 0;
height: 20.0px;
}
.item .checkbox-row .fakelabel input span {
vertical-align: middle;
}
/* FIELD VALIDATION */
/*--------------------------------------------------------------------------*/
.hs-form .hs-input.invalid + .hs-error-msgs,
.hs-form .hs-input.error + .hs-error-msgs {}
/* Error Message */
.hs-form .hs-error-msgs {
list-style: none;
position: relative;
margin: 0;
padding: 0 8px 0 16px;
height: 20.0px;
/* bottom: -20.0px; */
}
.hs-form .hs-error-msgs li > label.hs-error-msg {
color: #F05F50;
font-size: 12px;
vertical-align: sub;
}
/* Consent Checkbox Error */
.hs-form .legal-consent-container .hs-error-msgs {
padding-left: 80px;
}
.hs-form .legal-consent-container .hs-error-msgs .hs-error-msg {
vertical-align: top;
}
/* Error Box */
.hs-form .hs_error_rollup {
position: relative;
display: none;
}
/* Error Input Field */
.hs-input.invalid {
border-color: #F05F50 !important;
}
/* FORM GRID */
/*--------------------------------------------------------------------------*/
/* Grid Gutter */
fieldset > .hs-form-field,
fieldset > .hs-dependent-field {
margin: 0 16px;
}
fieldset > .hs-form-field:first-child,
fieldset > .hs-dependent-field:first-child {
margin-left: 0;
}
fieldset > .hs-form-field:last-child,
fieldset > .hs-dependent-field:last-child {
margin-right: 0;
}
fieldset > .hs-form-field:only-child,
fieldset > .hs-dependent-field:only-child {
margin-right: 0;
margin-left: 0;
}
fieldset > .hs-form-field .input,
fieldset > .hs-dependent-field .input {
margin-right: 0 !important;
}
@media (max-width: 575px) {
fieldset.form-columns-2 > .hs-form-field,
fieldset.form-columns-2 > .hs-dependent-field {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 767px) {
fieldset.form-columns-3 > .hs-form-field,
fieldset.form-columns-3 > .hs-dependent-field {
margin-left: 0;
margin-right: 0;
}
}
/* Grid Elements */
fieldset { max-width: none !important; }
.hs-dependent-field { display: inline-block; }
.hs-form input[type='text'], .hs-form input[type='number'], .hs-form input[type='email'], .hs-form input[type='search'], .hs-form input[type='password'], .hs-form input[type='tel'], .hs-form input[type='url'], .hs-form input[type='date'], .hs-form input[type='file'], .hs-form > .hs-form-field,
fieldset.form-columns-1 > .hs-form-field,
fieldset.form-columns-1 > .hs-dependent-field,
fieldset > .hs-dependent-field > .hs-form-field {
width: 100% !important;
}
fieldset.form-columns-2 > .hs-form-field,
fieldset.form-columns-2 > .hs-dependent-field {
width: calc(50% - 16px) !important;
}
@media (max-width: 575px) {
fieldset.form-columns-2 .hs-form-field,
fieldset.form-columns-2 > .hs-dependent-field {
width: 100% !important;
}
}
fieldset.form-columns-3 > .hs-form-field,
fieldset.form-columns-3 > .hs-dependent-field {
width: calc(33.33333% - 21.333333333333332px) !important;
}
@media (max-width: 767px) {
fieldset.form-columns-3 > .hs-form-field,
fieldset.form-columns-3 > .hs-dependent-field {
width: 100% !important;
}
}
/* Gaps Between Fields */
form.hs-form > .hs-form-field,
fieldset > .hs-form-field,
fieldset > .hs-dependent-field > .hs-form-field {
float: none !important;
position: relative;
display: inline-block;
vertical-align: top;
margin-top: 32px;
}
fieldset > .hs-richtext.hs-main-font-element {
margin-top: 32px;
}
/* INPUT MULTI-FIELD GRID - or display multiple checkboxes in one row */
/*--------------------------------------------------------------------------*/
/* all items */
.inputs-list.multi-container > li {
display: inline-block;
width: 50%;
}
fieldset.form-columns-3 .inputs-list.multi-container > li {
width: 100% !important;
}
.inputs-list.multi-container > li:first-child:nth-last-child(1) { width: 100%; }
.inputs-list.multi-container > li:first-child:nth-last-child(2), .inputs-list.multi-container > li:first-child:nth-last-child(2) ~ li { width: 50%; }
.inputs-list.multi-container > li:first-child:nth-last-child(3), .inputs-list.multi-container > li:first-child:nth-last-child(3) ~ li { width: 33.333%; }
.inputs-list.multi-container > li:first-child:nth-last-child(4), .inputs-list.multi-container > li:first-child:nth-last-child(4) ~ li { width: 25%; }
.inputs-list.multi-container > li:first-child:nth-last-child(5), .inputs-list.multi-container > li:first-child:nth-last-child(5) ~ li { width: 20%; }
.inputs-list.multi-container > li:first-child:nth-last-child(6), .inputs-list.multi-container > li:first-child:nth-last-child(6) ~ li { width: 33.333%; }
.inputs-list.multi-container > li:first-child:nth-last-child(8), .inputs-list.multi-container > li:first-child:nth-last-child(8) ~ li { width: 25%; }
@media (max-width: 575px) {
.inputs-list.multi-container > li:first-child:nth-last-child(2), .inputs-list.multi-container > li:first-child:nth-last-child(2) ~ li { width: 100%; }
.inputs-list.multi-container > li:first-child:nth-last-child(3), .inputs-list.multi-container > li:first-child:nth-last-child(3) ~ li { width: 100%; }
.inputs-list.multi-container > li:first-child:nth-last-child(4), .inputs-list.multi-container > li:first-child:nth-last-child(4) ~ li { width: 50%; }
.inputs-list.multi-container > li:first-child:nth-last-child(5), .inputs-list.multi-container > li:first-child:nth-last-child(5) ~ li { width: 100%; }
.inputs-list.multi-container > li:first-child:nth-last-child(6), .inputs-list.multi-container > li:first-child:nth-last-child(6) ~ li { width: 50%; }
.inputs-list.multi-container > li:first-child:nth-last-child(8), .inputs-list.multi-container > li:first-child:nth-last-child(8) ~ li { width: 50%; }
}
/* SUBMIT BUTTON */
/*--------------------------------------------------------------------------*/
/*.hs-form .hs-button.primary,
.hs-form input[type="submit"],*/
.hs-form input[type="button"] {
display: inline-block;
background: #F05F50;
color: #FFFFFF;
width: auto;
padding: 14px 85px;
margin-top: 32px;
font-weight: bold;
transition: all 300ms ease-in-out;
border-radius: 20px;
border: 0px solid transparent;
cursor: pointer;
}
/*.hs-form .hs-button.primary:hover,
.hs-form input[type="submit"]:hover,*/
.hs-form input[type="button"]:hover {
background: #d24132;
color: #FFFFFF;
}
.hs-form .actions {
margin-top: 16px;
}
@media (max-width: 575px) {
.hs-form .hs-button.primary,
.hs-form input[type="submit"],
.hs-form input[type="button"] {
width: 100%;
}
}
/* FILE UPLOAD + BUTTON */
/*--------------------------------------------------------------------------*/
input[type="file"], .hs-file-button {
cursor: pointer;
padding: 0 16px;
line-height: 24px !important;
}
input[type="file"], .hs-file-button::-webkit-file-upload-button {
background: #F05F50;
color: #FFFFFF;
width: auto;
height: 24px;
margin: 8px 0;
padding: 8px 16px;;
font-weight: 400;
text-transform: uppercase;
line-height: 0;
border-radius: 4px;
border: 0px solid transparent;
display: block;
transition: all 300ms ease-in-out;
cursor: pointer;
}
input[type="file"], .hs-file-button::-webkit-file-upload-button:hover {
background: #d24132;
color: #FFFFFF;
}
/* Only Firefox */
@supports (-moz-appearance: none) {
input[type="file"] {
line-height: 0 !important;
padding: 0 !important;
}
}
/* Only Edge */
@supports (-ms-ime-align:auto) {
input[type="file"] {
padding: 0 !important;
}
}
.hs-fieldtype-file .input {
white-space: nowrap;
}
/* Custom File Upload Button + Value (need js component) */
.hs-file-button,
.hs-file-value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
line-height: 40px;
}
/* Custom File Upload Button (need js component) */
.hs-fieldtype-file .hs-file-button {
width: 35%; /* calc( 35% - 32px ) !important; */
height: 40px;
line-height: 0 !important;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/* Custom File Upload Value (need js component) */
.hs-file-value {
display: inline-block;
width: 65%;
padding: 0 16px;
background-color: #E8ECEF;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border: 0px solid #E8ECEF;
border-left: none;
margin-left: 0: /* 48px */
}
/* DATETIME INPUT FIELD */
/*--------------------------------------------------------------------------*/
/* .hs-fieldtype-date */
.hs-dateinput .hs-input {
cursor: pointer;
/* iOS Fix */
vertical-align: middle;
display: inline-block;
line-height: 24px !important;
-webkit-appearence: none;
-webkit-min-logical-width: calc( 100% - 16px);
}
.hs-dateinput input {
padding-right: 40px;
-webkit-padding-end: 40px;
-webkit-padding-start: 8px;
}
/* DATETIME PICKER CALENDAR */
/*--------------------------------------------------------------------------*/
.hs-datepicker .pika-button {
text-align: center;
}
.hs-datepicker .is-today .pika-button {
color: #F05F50 !important;
}
.hs-datepicker .fn-date-picker .pika-button:hover {
background: #d24132 !important;
}
.hs-datepicker .fn-date-picker .is-selected .pika-button {
box-shadow: none;
background: #F05F50 !important;
}
/* RECAPTCHA */
/*--------------------------------------------------------------------------*/
.hs_recaptcha {
display: none !important;
margin-top: 24.0px;
margin-bottom: 40.0px;
}
/* SETP UP - STEP DOWN - CUSTOM INPUT NUMBER */
/*--------------------------------------------------------------------------*/
/* Remove Default Number Appearance */
.hs-form input[type="number"],
.hs-form input[type="number"]:focus {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
border-radius: 0;
}
.hs-form input[type="number"]::-webkit-inner-spin-button,
.hs-form input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.hs-form .hs-fieldtype-number.hs_travel_budget .input {
width: 100%;
}
.hs-form .hs-fieldtype-number.hs_travel_budget .input .hs-input {
border-radius: 20px;
}
/* Create New Display Layout */
.hs-form .hs-fieldtype-number:not(.hs_travel_budget) .input {
display: inline-flex;
box-sizing: border-box;
width: 100%;
}
.hs-form .hs-fieldtype-number:not(.hs_travel_budget) .input .hs-input {
width: calc(100% - 64px ) !important;
text-align: center;
}
/* Add New Numeric Buttons (need-js-component) */
.hs-form .hs-fieldtype-number button {
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
position: relative !important;
display: inline-block !important;
cursor: pointer !important;
}
.hs-form .hs-fieldtype-number button.hs-stepDown {
/* margin-right: 8.0px; */
border-right: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.hs-form .hs-fieldtype-number button.hs-stepUp {
/* margin-left: 8.0px; */
border-left: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.hs-form .hs-fieldtype-number button.hs-stepDown::after {
font-family: Font-Awesome;
font-weight: bold;
content: "\f068"; /* Minus */
}
.hs-form .hs-fieldtype-number button.hs-stepUp:after {
font-family: Font-Awesome;
font-weight: bold;
content: "\f067"; /* Plus */
}
/* end if */
/* DSGVO Text Privacy Policy */
/*--------------------------------------------------------------------------*/
.legal-consent-container {
margin-top: 32px;
}
.legal-consent-container .hs-form-field {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.legal-consent-container .hs-richtext {
margin-top: 16px;
line-height: 1.25;
}
.legal-consent-container p {
color: #45494F;
}
.legal-consent-container > .hs-richtext + div:not(.hs-richtext) {
margin-top: 16px;
}
.legal-consent-container > .hs-richtext:last-child {
margin-bottom: 16px;
}
.legal-consent-container .hs-form-booleancheckbox {
margin-bottom: 0;
}
.legal-consent-container .hs-form-booleancheckbox-display > span {
margin-left: 0 !important;
}
.legal-consent-container .hs-fieldtype-booleancheckbox .hs-error-msgs {
}
.legal-consent-container .hs-form-booleancheckbox-display > span p {
margin-left: 0 !important;
}
.legal-consent-container a {
font-weight: 700;
color: #a9adb3;
}
/* More And Better Visibile Button In DatePicker Plugin */
/*--------------------------------------------------------------------------*/
.pika-title {
display: flex;
flex-wrap: nowrap;
width: 100%;
justify-content: center;
align-items: center;
margin-bottom: 8.0px;
}
.hs-datepicker .pika-title .pika-label {
color: #FFFFFF;
background-color: #F05F50;
border-radius: 10.0px;
border: 0px solid transparent;
padding: 8px 16px;
font-size: 16px;
line-height: 24px;
cursor: pointer;
white-space: nowrap;
margin: 0 4px;
overflow: visible;
}
.hs-datepicker .pika-title .pika-label:hover,
.hs-datepicker .pika-title .pika-label:focus {
color: #FFFFFF;
background-color: #d24132;
}
.hs-datepicker .pika-title .pika-prev,
.hs-datepicker .pika-title .pika-next {
min-width: 20px;
position: absolute;
top: 4px;
}
.hs-datepicker .pika-title .pika-prev { order: 1; left: 0; }
.hs-datepicker .pika-title .pika-label:nth-child(1) { order: 2 }
.hs-datepicker .pika-title .pika-label:nth-child(2) { order: 3 }
.hs-datepicker .pika-title .pika-next { order: 4; right: 0; }
/* END */
/*--------------------------------------------------------------------------*/
/* WRAPPER */
/*--------------------------------------------------------------------------*/
.item {
width: 100%;
}
.item .item-inner {
position: relative;
box-shadow: 15px 20px 20px 0px rgba(0,0,0,0.15);
background-color: #ffffff;
border-radius: 5px;
overflow: hidden;
margin: 0px;
}
.item-micro,
.item-micro > .item-inner {
height: 100%;
}
.item .item-content {
position: relative;
}
/* AREA-LINK */
/*--------------------------------------------------------------------------*/
.item .item-area-link {
display: block;
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
z-index: 1;
}
.item-macro .item-area-link:hover ~ div .item-image img {
transform: scale(1.1);
}
/* TEXT ( ...and padding ) */
/*--------------------------------------------------------------------------*/
.item-macro .item-title {
padding: 0 32px;
margin-top: 32px;
color: #F05F50;
}
.item-macro .item-description,
.item-macro .item-alternate-title {
padding: 32px;
padding-top: 0;
}
.item .item-alternate-title {
font-weight: bold;
margin-bottom: 0;
}
@media (min-width:768px){
.item-macro .item-title,
.item-macro .item-description,
.item-macro .item-alternate-title {
padding-right: 108px;
}
}
.item-micro .item-title {
display: inline-block;
}
.item-micro .item-content {
padding: 40.0px 32px 48px 32px;
}
/* METADATA */
/*--------------------------------------------------------------------------*/
.item .item-data {
list-style: none;
padding-left: 16px;
}
.item .item-data li > i {
width: 18px;
text-align: center;
margin-right: 16px;
margin-left: -0.5px;
}
.item-micro .item-duration {
display: block;
margin-bottom: 8.0px;
}
.item .item-data .table-row > .table-cell:nth-child(2) {
min-width: 128px;
}
/* IMAGE */
/*--------------------------------------------------------------------------*/
.item .item-image {
overflow: hidden;
position: relative;
width: 100%;
}
.item .item-image img {
position: absolute;
object-fit: cover;
object-position: center;
width: 100%; height: 100%;
left:0; top:0; right:0; bottom:0;
transition: transform 250ms ease;
}
.item-micro .item-image {
height: 0;
padding-top: 66.666%;
}
.item-animation-wrapper {
position: absolute;
width: 100%; height: 100%;
left:0; top:0;
border-radius: inherit;
overflow: hidden;
}
@media (max-width:767px){
.item-macro .item-image {
height: 0;
padding-top: 66.666%;
}
}
@media (min-width:768px){
.item-macro .item-image {
height: 100%;
min-height: 128px;
}
}
/* FALLBACK */
/*--------------------------------------------------------------------------*/
.item .item-image img,
.item .item-image.fallback {
background-color: #E8ECEF;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/grayscale-mountain.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
/* FAVORITES ICONS */
/*--------------------------------------------------------------------------*/
.item .item-close,
.item .item-store,
.item .item-share {
position: absolute;
top: 32px;
right: 32px;
padding: 0;
z-index: 2;
}
.item .item-close + .item-share,
.item .item-store + .item-share {
top: 84.0px;
}
/* PRICE BUTTON */
/*--------------------------------------------------------------------------*/
.item .item-link {
border-radius: 40px;
background-color: #F05F50;
padding: 16px 32px;
color: #ffffff;
line-height: 24px;
text-align: center;
white-space: nowrap;
}
.item .item-link:hover {background-color: #d24132;
}
.item-macro .item-link {
margin-bottom: 32px;
margin-right: 32px;
}
@media(max-width:1023px){
.item-macro .item-link {
float: right;
}
}
.item-micro .item-price {
position: absolute;
top: -20.0px;
right: 40.0px;
cursor: normal;
}
/* MICRO ITEM: LINK + HOVER */
/*--------------------------------------------------------------------------*/
.item-micro .item-area-link {
display: block;
height: 100%;
position: absolute;
width: 100%;
z-index: 1;
}
.item-micro .item-area-link:hover ~ div .item-image img {
transform: scale(1.1);
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.item-listing-wrapper .item,
.banner-related-posts .item {
padding: 32px 0;
clear: both;
margin: 0;
}
/* Travel Ideas Button */
/*--------------------------------------------------------------------------*/
.item-listing-btn {
display: block;
margin: 96px auto;
width: max-content;
}
/* If Javascript Toggle "more" Button */
/*--------------------------------------------------------------------------*/
.item-listing-wrapper.extend,
.item-listing-extend {
overflow: hidden;
padding-left: 32px;
padding-right: 32px;
margin: 0 -32px;
}
/* Animation */
/*--------------------------------------------------------------------------
.item-listing-wrapper.disable-animation,
.item-listing-wrapper.disable-animation .item {
-webkit-transition-duration: 0s !important;
-moz-transition-duration: 0s !important;
-ms-transition-duration: 0s !important;
-o-transition-duration: 0s !important;
transition-duration: 0s !important;
}
*/
/* Leaflet Map */
/*--------------------------------------------------------------------------*/
.map {
margin-bottom: 128px;
}
.map .map-inner {
width: 100%;
height: 450px;
background: #E8ECEF;
border-radius: 5px;
z-index: 0;
}
.map .leaflet-control-attribution {
display: none;
}
/* Custom Marker */
/*--------------------------------------------------------------------------*/
.map .number-icon {
font-size: 14px;
font-weight: bold;
line-height: 32px;
text-align: center;
color: #fff;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/leaflet/marker-icon-custom.png);
background-repeat: no-repeat;
background-position: center;
background-size: 32px 48px;
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.logos {
text-align: center;
align-items: center;
justify-content: center;
}
/* Childs */
/*--------------------------------------------------------------------------*/
.logos .logo-link {
padding-left: 10.666666666666666px;
padding-right: 10.666666666666666px;
margin-top: 16px;
}
.logos .logo-image {
width: auto;
display: block;
margin: 0 auto;
}
@media (max-width:767px) {
.logos .logo-image {
max-width: 100%;
}
}
/* MisterTrip Footer Logos */
/*--------------------------------------------------------------------------*/
.footer-container .logos {
margin-bottom: 16px;
}
.footer-container .logos img {
width: auto !important;
height: auto !important;
max-height: 58px;
max-width: 100%;
}
@media (min-width:768px) {
.footer-container .logos {
justify-content: flex-start;
text-align: left;
}
}
@media (max-width:767px) {
.footer-container .logos > div:not(:last-child) {
margin-bottom: 16px;
}
}
/* PARENT WRAPPER */
/*--------------------------------------------------------------------------*/
.navigation-primary {
position: absolute;
width: calc(100% - 119px);
left: 119px;
top: 0;
}
.navigation-primary ul {
list-style: none;
padding: 0;
margin: 0;
}
@media(max-width:1023px){
.navigation-primary ul > li {
position: relative;
width: 100%;
}
}
/* DROPDOWN (open/close) */
/*--------------------------------------------------------------------------*/
.submenu-toggle,
.submenu-toggle ~ .submenu {
display: none;
}
.submenu-toggle:checked ~ .submenu {
display: block;
}
/* CARET (toggle) */
/*--------------------------------------------------------------------------*/
/* Arrow */
.navigation-primary .menu-arrow {
display: inline-block;
position: absolute;
right: 0; top: 0;
width: 52px; height: 52px;
padding: 16px;
cursor: pointer;
}
.navigation-primary .menu-arrow > svg {
fill: #95999f;
width: 20px;
height: 20px;
}
.submenu-toggle:checked + .menu-arrow > svg {
transform: rotate(180deg);
}
/* Hide the caret on large screens */
@media (min-width: 1024px){
.navigation-primary .hs-menu-depth-2 .menu-arrow {
display: none;
}
.navigation-primary .menu-arrow svg {
opacity: 0;
}
}
/* Enlarge label if link has no targat / if link is just opener */
.navigation-primary .hs-item-has-children > a[href="javascript:;"] ~ .menu-arrow {
width: 100%;
text-align: right;
left: 0;
}
/* Small Caret on Submenus */
.navigation-primary .hs-menu-depth-2 .menu-arrow {
width: 52px; height: 35px;
padding: 8.0px 16px;
}
/* LINKS */
/*--------------------------------------------------------------------------*/
.navigation-primary a {
position: relative;
display: inline-block;
font-weight: 700;
letter-spacing: 0.01em;
}
.navigation-primary a:hover,
.navigation-primary a:focus,
.navigation-primary .hs-menu-item:hover > a,
.navigation-primary .hs-menu-item:focus-within > a,
/* Sublinks */
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-2 a:hover,
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-2 a:focus {
text-decoration: none;
color: #F05F50;
}
.navigation-primary .hs-menu-item > a:focus:not(:focus-visible),
.navigation-primary .hs-menu-item > label:focus:not(:focus-visible){
outline: 0;
}
/* Links without target */
.navigation-primary a[href="javascript:;"]:hover {
cursor: default;
}
/* Small Screens */
@media (max-width: 1023px){
.navigation-primary a {
width: 100%;
padding-right: 32px;
}
}
/* PRIMARY LEVEL WRAPPER */
/*--------------------------------------------------------------------------*/
.navigation-primary .hs-menu-depth-1 {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: 100%;
}
/* Large Screens */
@media (min-width: 1024px){
.navigation-primary .hs-menu-depth-1 {
flex-direction: row;
margin-left: 24.0px;
}
}
/* PRIMARY LEVEL LINKS */
/*--------------------------------------------------------------------------*/
.navigation-primary .hs-menu-depth-1 a {
line-height: 20px;
padding: 16px;
}
/* Small Screens */
@media (max-width: 1023px){
.navigation-primary .hs-menu-depth-1 a {
color: #45494F;
font-size: 16px;
width: 100%;
}
.navigation-primary .hs-item-has-children > a {
width: calc( 100% - 52px );
}
.navigation-primary .hs-menu-depth-1 > .hs-menu-item:not(:last-child) {
border-bottom: 2px solid #E8ECEF;
}
}
/* Large Screens */
@media (min-width: 1024px){
.navigation-primary .hs-menu-depth-1 a {
color: #FFF;
font-size: 18px;
width: 100%;
}
}
/* SECONDARY LEVEL */
/*--------------------------------------------------------------------------*/
.navigation-primary .hs-menu-depth-2 {
width: 100%;
background-color: #FFFFFF;
padding: 24.0px 16px;
}
.navigation-primary .hs-menu-depth-2 > .hs-menu-item {
width: 100%;
}
.navigation-primary .hs-menu-depth-2 > .hs-menu-item:not(:last-child) {
border-bottom: 1px solid transparent;
}
/* Large Screens */
@media (min-width: 1024px) {
.navigation-primary .hs-menu-depth-1 > .hs-item-has-children:hover > .submenu,
.navigation-primary .hs-menu-depth-1 > .hs-item-has-children:focus > .submenu {
display: flex;
flex-wrap: wrap;
}
}
/* Links */
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-2 a {
color: #45494F;
font-size: 16px;
padding: 8.0px 16px;
}
/* TERIARY LEVEL */
/*--------------------------------------------------------------------------*/
.navigation-primary .hs-menu-depth-3 > .hs-menu-item:first-child {
border-top: 1px solid transparent;
}
.navigation-primary .hs-menu-depth-3 > .hs-menu-item:not(:last-child) {
border-bottom: 1px solid transparent;
}
/* Large Screens */
@media (min-width: 1024px) {
.navigation-primary .hs-menu-depth-2 > .hs-item-has-children > .submenu {
display: block;
}
}
/* Links */
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-3 a {
font-weight: 400;
}
/* END */
/*--------------------------------------------------------------------------*/
/* START (Desktop) */
/*--------------------------------------------------------------------------*/
@media (min-width:1024px){
/* Wrapper */
.navigation-primary {
background-color: transparent;
padding-right: 56px; /* Icon from right */
height: 100%;
}
.navigation-primary .favoriten {
display: none;
}
.navigation-primary .submenu.hs-menu-depth-2 {
box-shadow: 8.0px 8.0px 16px 0 rgb(0,0,0,0.15);
}
/* MEGAMENU */
/*--------------------------------------------------------------------------*/
/* Arrow */
.navigation-primary .hs-menu-depth-1 > li.hs-item-has-children:hover > a:after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-15px) rotate(45deg);
bottom: -48.0px;
width: 30px;
height: 30px;
background: #FFF;
border-radius: 6px;
z-index: 1;
}
/* Protected Space */
.navigation-primary .hs-menu-depth-1 > li.hs-item-has-children:hover:after {
content: '';
position: absolute;
bottom: -0px;
width: 100%;
height: 36px;
left: 0;
}
/* Wrapper */
.navigation-primary .hs-menu-depth-2 {
position: absolute;
width: auto;
border-radius: 8px;
top: calc(100% + 0px);
}
/* More Link */
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-3 .weitere-laender a {
font-weight: 700;
font-size: 14px;
color: #95999f;
}
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-3 .weitere-laender a:hover,
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-3 .weitere-laender a:focus {
color: #F05F50;
}
/* Caret Classic Dropdown */
.navigation-primary .hs-item-has-children > a[href="javascript:;"] ~ .menu-arrow {
display: none;
}
/* MAGAZIN */
/*--------------------------------------------------------------------------*/
.magazin > .submenu {
width: 25%;
}
/* MISTER-TRIP */
/*--------------------------------------------------------------------------*/
.mister-trip > .submenu {
width: 33.333333%;
right: 0;
}
/* REISEZIELE */
/*--------------------------------------------------------------------------*/
.reiseziele > .submenu {
left: 0; right: 0;
}
.reiseziele .weitere-laender > a {
color: #E8ECEF;
}
.reiseziele .hs-menu-depth-2 {
padding: 32px;
}
.reiseziele .submenu.hs-menu-depth-3 > .hs-menu-item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:last-child) {
display: none;
}
/* REISEZIELE Spriteset */
/*--------------------------------------------------------------------------*/
.reiseziele .hs-menu-depth-2 > .hs-menu-item {
padding-left: 56px;
width: 25%;
margin-bottom: 48px;
}
.reiseziele .hs-menu-depth-2 > li > a:before {
content: "";
position: absolute;
display: block;
left: -56.0px; top: 0;
width: 56.0px; height: 56.0px;
background-image: url(//8478751.fs1.hubspotusercontent-na1.net/hubfs/8478751/raw_assets/public/Themes/MisterTrip/images/navigation-avatar-spriteset.svg);
background-repeat: no-repeat;
background-size: 56.0px 392.0px;
background-color: #E8ECEF;
box-shadow: inset 0 0 0 4px #E8ECEF;
border-radius: 28.0px;
overflow: hidden;
}
.reiseziele .hs-menu-depth-2 > li.afrika > a:before { background-position: 0px -0.0px; }
.reiseziele .hs-menu-depth-2 > li.asien > a:before { background-position: 0px -56.0px; }
.reiseziele .hs-menu-depth-2 > li.europa > a:before { background-position: 0px -112.0px; }
.reiseziele .hs-menu-depth-2 > li.nordamerika > a:before { background-position: 0px -168.0px; }
.reiseziele .hs-menu-depth-2 > li.mittelamerika > a:before { background-position: 0px -224.0px; }
.reiseziele .hs-menu-depth-2 > li.ozeanien > a:before { background-position: 0px -280.0px; }
.reiseziele .hs-menu-depth-2 > li.suedamerika > a:before { background-position: 0px -336.0px; }
/* Title */
.reiseziele .hs-menu-depth-2 > .hs-menu-item > a {
height: 56.0px;
line-height: 40.0px;
margin-bottom: -8.0px;
}
/* REISETHEMEN */
/*--------------------------------------------------------------------------*/
.reisethemen > .submenu {
left: 8.33333%; right: 8.33333%;
}
.reisethemen .hs-menu-depth-2 {
padding: 26px 32px 32px 32px;
}
/* REISETHEMEN Spriteset */
/*--------------------------------------------------------------------------*/
.reisethemen .hs-menu-depth-2 > .hs-menu-item {
padding-left: 56.0px;
width: 33.33333%;
margin-bottom: 16px;
}
.reisethemen .hs-menu-depth-2 > li > a:before {
content: "";
display: block;
position: absolute;
left: -56.0px;
top: 6px;
width: 56.0px;
height: 56.0px;
background-color: #f5f5f5;
border-radius: 28.0px;
overflow: hidden;
line-height: 56.0px;
text-align: center;
}
.hs-menu-item.erholungs-und-strandurlaub,
.hs-menu-item.wander-und-trekkingreisen {
margin-bottom: 0 !important;
}
/* Title */
.reisethemen .hs-menu-depth-2 > .hs-menu-item > a {
padding-top: 24px;
}
/* END (Desktop) START (Mobile) */
/*--------------------------------------------------------------------------*/
} @media (max-width:1023px) {
/* Panel Behavior */
body.navi-open {
overflow: hidden;
}
body.navi-open .header-inner {
background: #fff;
overflow-y: auto;
}
/* Full-Width Wrapper */
body .navigation-primary {
top: 96px;
left: 32px;
right: 32px;
padding-bottom: 160px;
width: auto;
}
/* Background Panel */
body .header-inner {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: none;
padding: 32px;
height: auto;
padding-bottom: 0px;
}
body.navi-open .header-inner {
height: 100vh;
padding-bottom: 160px;
}
/* Toggle Button */
body .hamburg { top: 32px; right: 30px; }
body .reminder { display: none; }
body.navi-open .hamburg .line { background: #F05F50; }
/* More Link */
.navigation-primary .hs-menu-depth-1 .hs-menu-depth-3 .weitere-laender a {
display: none;
}
/* END (Mobile) */
/*--------------------------------------------------------------------------*/
}
/* METADATA BOX (Blog-Article) */
/*--------------------------------------------------------------------------*/
.metadata {
position: relative;
/* box-shadow: 15px 20px 20px 0px rgba(0,0,0,0.15); */
box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.25);
border-radius: 5px;
padding: 48px 32px;
margin-bottom: 144px;
}
@media(max-width:767px){
.metadata {
margin-top: 64px;
margin-bottom: 80px;
}
}
/* TITLE + TEXT */
/*--------------------------------------------------------------------------*/
.metadata .meta-title,
.metadata .meta-subtitle {
display: block;
font-family: New-Hero, Arial, sans-serif;
}
.metadata .meta-title {
color: #F05F50;
}
.metadata .meta-subtitle {
color: #45494F;
margin-bottom: 32px;
}
.metadata .meta-description {
border-top: 2px solid #E8ECEF;
margin-top: 32px;
padding-top: 17.5px;
margin-bottom: 48px;
}
.metadata .meta-link {
width: 100%;
}
/* DATA TABLE */
/*--------------------------------------------------------------------------*/
.metadata .table {
padding: 0;
margin: 0 -16px;
width: calc( 100% + 32px);
}
.metadata .table-cell {
font-size: 18px;
}
/* FAVORITES ICONS */
/*--------------------------------------------------------------------------*/
.metadata .item-store,
.metadata .item-share {
color: #fff;
position: absolute;
top: -72.0px;
right: 52.0px;
padding: 0;
}
.metadata .item-share {
right: -2px;
}
/* Hide Labels For Fields */
/* ---------------------------------------------------- */
/* Note:
* Label are needed for the HubSpot protocol form eMail.
* But here we have the Headline in the Frontend,
* and don't wont to show the label to the user.
* But the label is still required for the protocol.
*/
.multi-step-form .hs_travel_requests_and_desires > label,
.multi-step-form .hs_fluginformation > label {
display: none;
}
/* Form Design */
/* ---------------------------------------------------- */
.multi-step-form {
background: #FFFFFF;
max-width: 786px; min-height: 600px;
margin: 102px auto;
border-radius: 5px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-sizing: border-box;
position: relative;
padding: 64px 96px;
}
@media(max-width:767px){
.multi-step-form { padding: 64px 16px; }
}
.multi-step-form .hs-form {
position: relative;
}
.multi-step-form .step,
.multi-step-form .step.hidden {
transition: opacity 300ms;
opacity: 0;
height: 0;
overflow: hidden;
}
.multi-step-form .step.active {
opacity: 1;
height: auto;
overflow: visible;
}
/* Pagination */
/* ---------------------------------------------------- */
.multi-step-pagination {
display: none;
text-align: center;
list-style: none;
position: absolute;
padding: 0;
width: auto;
z-index: 1;
top: 148px;
left: 50%;
transform: translateX(-50%);
}
.multi-step-pagination.show {
display: block;
}
.multi-step-pagination > .bull {
display: inline-block;
position: relative;
width: 8px;
height: 8px;
background: #193C6E;
border-radius: 6px;
margin-right: 64px;
}
.multi-step-pagination > .bull:after {
content: "";
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -1px;
height: 2px;
width: 72px;
background: #193C6E;
z-index: -1;
}
@media(max-width:767px){
.multi-step-pagination > .bull {
margin-right: 24px;
}
.multi-step-pagination > .bull:after {
width: 32px;
}
}
.multi-step-pagination > .bull:first-child,
.multi-step-pagination > .bull:nth-child(2):after {
display: none;
}
.multi-step-pagination > .bull:last-child {
margin-right: 0px;
}
.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull + .bull + .bull + .bull:after,
.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull + .bull + .bull:after,
.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull + .bull:after,
.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull:after,
.multi-step-pagination > .bull.active + .bull + .bull + .bull:after,
.multi-step-pagination > .bull.active + .bull + .bull:after,
.multi-step-pagination > .bull.active + .bull:after,
.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull + .bull + .bull + .bull,
.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull + .bull + .bull,
.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull + .bull,
.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull,
.multi-step-pagination > .bull.active + .bull + .bull + .bull,
.multi-step-pagination > .bull.active + .bull + .bull,
.multi-step-pagination > .bull.active + .bull {
background: #E8ECEF;
}
.multi-step-pagination > .bull.active {
background: #193C6E;
}
/* Validation Error */
/* ---------------------------------------------------- */
.multi-step-form .hs-form .hs_error_rollup {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
}
.multi-step-form label span em {
font-style: normal;
color: #F05F50;
}
/* Form Navigation */
/* ---------------------------------------------------- */
.multi-step-form .footer {
position: absolute; z-index: 1;
bottom: 0; left: 0;
width: 100%; padding: 16px 96px 64px;
display: flex;
flex-direction: row;
text-align: center;
justify-content: center;
}
@media(max-width:767px){
.multi-step-form .footer {
padding-left: 16px;
padding-right: 16px;
}
}
.multi-step-form .footer .hs-button {
outline: none;
width: 220px;
font-weight: 400;
transition: all 300ms ease-in-out;
border: 1px solid transparent;
}
/* Form Overwrite */
/* ---------------------------------------------------- */
.multi-step-form .hs-form {
padding: 0;
}
.multi-step-form .form-title {
display: none;
}
.multi-step-form .form-columns-none > .hs-form-field {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.multi-step-form .hs-submit .actions .hs-button {
margin-top: 0;
}
.multi-step-form .hs-form .hs-error-msgs {
padding: 8px 0;
}
.multi-step-form textarea {
resize: none;
}
/* Step 1 Customs */
/* ---------------------------------------------------- */
.multi-step-form .step-1 h1 {
font-size: 32px;
}
@media(max-width:767px){
.multi-step-form .step-1 h1 { font-size: 22px !important; }
}
.multi-step-form .step-1 .hs-form-field .select-items {
top: 72px; /* Custom Drop-Down */
}
.multi-step-form .step-1 .hs-richtext.hs-main-font-element {
margin: 0;
}
.multi-step-form .step-1 .hs-richtext.hs-main-font-element > img {
position: absolute;
top: -108px;
left: 50%;
transform: translateX(-50%);
}
.multi-step-form .step-1 .trip-title {
display: block;
width: 100%;
margin-bottom: 16px;
}
#travel-data-placeholder-wrapper {
padding-bottom: 32px;
}
#travel-data-placeholder {
display: none;
background: #e8ecef;
border-radius: 16px;
padding: 16px 16px 8.0px 16px;
}
/* Step 2 Customs */
/* ---------------------------------------------------- */
.multi-step-form .step-2 .hs-fieldtype-number .input {
display: inline-block;
width: 116px;
white-space: nowrap;
float: right;
margin-right: 16px !important;
}
.multi-step-form .step-2 .hs-fieldtype-number legend {
position: absolute;
}
/* Step 3 Customs */
/* ---------------------------------------------------- */
@media(max-width:767px){
.multi-step-form .step-3 .hs-time-slot li.hs-form-radio {
display: block;
width: 100%;
}
}
.hs_time_slot .hs-form-radio {
width: 100% !important;
}
/* Step 4 Customs */
/* ---------------------------------------------------- */
.hs_fluginformation .hs-form-radio {
width: 100% !important;
}
/* Step 6 Customs */
/* ---------------------------------------------------- */
.multi-step-form .step-6 .footer {
display: none;
}
/* Rich-Text Fixes */
/* ---------------------------------------------------- */
.multi-step-form .hs-richtext h1,
.multi-step-form .hs-richtext h2,
.multi-step-form .hs-richtext h3,
.multi-step-form .hs-richtext h4,
.multi-step-form .hs-richtext h5,
.multi-step-form .hs-richtext h6 {
width: 100%;
}
/* Prev Button */
/* ---------------------------------------------------- */
.footer .hs-button.prev {
display: none;
}
.footer .hs-button.prev.absolute {
position: absolute;
bottom: -80px;
background: transparent;
text-shadow: 1px 1px 4px rgb(0 0 0 / 75%);
letter-spacing: 0.01em;
left: 50%;
transform: translateX(-50%);
}
/* Submit Button */
/* ---------------------------------------------------- */
.multi-step-form .hs-submit .actions {
display: block;
position: absolute;
bottom: -80px;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.multi-step-form .hs-submit .actions .hs-button {
width: 100%;
}
.multi-step-form input[type="hidden"] {
height: 0;
padding: 0;
margin: 0;
display: none;
}
.hs_salutation_dropdown .hs-error-msgs {
display: block;
line-height: 1;
margin-top: 32px;
position: absolute;
letter-spacing: -0.01em;
}
/* Submit Massage */
/* ---------------------------------------------------- */
.multi-step-form .submitted-message {
text-align: center;
padding: 48px;
font-size: 22px;
}
@media(max-width:767px){
.multi-step-form .submitted-message {
padding: 48px 0;
font-size: 16px;
}
.multi-step-form .submitted-message h1 {
font-size: 48px;
}
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.pad-combination .pad-item:not(:only-child) {
margin-bottom: 128px;
}
/* Image */
/*--------------------------------------------------------------------------*/
.pad-combination .pad-image {
width: 100%;
height: 0;
padding-top: 100%;
overflow: hidden;
position: relative;
}
.pad-combination .pad-image > img {
width: 100%;
height: 100%;
position: absolute;
left: 0; top: 0;
object-fit: cover;
object-position: center;
background: #FFF;
border-radius: 5px;
}
.pad-combination .pad-image.fallback {
background: #E8ECEF;
border-radius: 5px;
}
/* Switch - Padding */
/*--------------------------------------------------------------------------*/
@media(min-width:768px){
.pad-combination > .row.reverse > div:first-child,
.pad-combination > .row:not(.reverse) > div:last-child {
padding-left: 16px;
}
.pad-combination > .row.reverse > div:last-child,
.pad-combination > .row:not(.reverse) > div:first-child {
padding-right: 16px;
}
}
/* Custom Template Variations */
/*--------------------------------------------------------------------------*/
.pad-combination .pad-image.cover > img {
object-fit: cover;
}
.pad-combination .pad-image.contain > img {
object-fit: contain;
}
/* Social Media Links (Addon) */
/*--------------------------------------------------------------------------*/
.pad-combination .social-links {
margin: -6px;
margin-top: 8.0px;
}
.pad-combination .social-links > div {
padding: 6px;
}
.pad-combination .social-links .item {
background: #E8ECEF;
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.pad-expedition {
position: relative;
padding-bottom: 128px;
}
.pad-expedition .pad-item {
padding-bottom: 0px;
}
/* Headline + Text */
/*--------------------------------------------------------------------------*/
.pad-expedition .pad-title {
margin-bottom: 48px;
}
.pad-expedition .pad-item h3 {
color: #F05F50;
font-size: 22px;
font-family: New-Hero, Arial, sans-serif;
margin-bottom: 16px;
}
.pad-expedition .pad-item h3:not(:first-child) {
margin-top: 48px;
}
/* Expand Area */
/*--------------------------------------------------------------------------*/
.pad-expedition .expand-area {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.8s;
-moz-transition: max-height 0.8s;
transition: max-height 0.8s;
}
.pad-expedition .expand-area.active {
max-height: 100%;
}
/* Button */
/*--------------------------------------------------------------------------*/
.pad-expand-btn {
position: absolute;
width: 280px;
margin-left: -140px;
left: 50%; bottom: 80px;
display: block;
}
/* Title */
/*--------------------------------------------------------------------------*/
.pad-infos .pad-title {
padding-bottom: 16px;
}
/* Content */
/*--------------------------------------------------------------------------*/
@media(min-width:1024px){
.pad-infos .pad-description {
padding-right: 16px;
}
.pad-infos .pad-table {
padding-left: 16px;
}
}
@media(max-width:1023px){
.pad-infos .pad-description {
padding-bottom: 32px;
}
}
/* Map Link */
/*--------------------------------------------------------------------------*/
.pad-infos a {
color: #193C6E;
}
.pad-infos a:hover {
color: #45494F;
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.pad-listing {
margin-bottom: 128px;
}
/* Header + Text */
/*--------------------------------------------------------------------------*/
.pad-listing .pad-title {
margin-bottom: 48px;
}
.pad-listing .pad-headline {
font-size: 22px;
color: #F05F50;
}
/* Mobile */
@media(max-width:767px){
.pad-listing .pad-content {
margin-bottom: 32px;
}
}
/* Desktop */
@media(min-width:768px){
.pad-listing .pad-content {
padding-left: 24.0px;
}
}
/* Line */
/*--------------------------------------------------------------------------*/
@media(min-width:768px){
.pad-listing .pad-seperator {
border-right: 2px solid #E8ECEF;
}
}
/* List-Icon */
/*--------------------------------------------------------------------------*/
.pad-listing .pad-icon ul {
padding-left: 24.0px;
list-style: none;
}
.pad-listing .pad-icon ul > li {
position: relative;
margin-bottom: 4.0px;
}
.pad-listing .pad-icon ul > li:before {
font-family: Font-Awesome, 'Font-Awesome';
font-size: 14px;
position: absolute;
left: -24.0px;
top: 2px;
color: #F05F50;
}
.pad-listing .pad-icon.check li:before { content: '\f00c'; font-weight: 900; }
.pad-listing .pad-icon.circle li:before { content: '\f111'; font-weight: 400; }
.pad-listing .pad-icon.cross li:before { content: '\f00d'; font-weight: 900; }
/* Bubble Variables */
/*--------------------------------------------------------------------------*/
/* Wrapper */
/*--------------------------------------------------------------------------*/
.pad-quotation {
margin-bottom: 160px;
}
/* Bubble */
/*--------------------------------------------------------------------------*/
.pad-quotation .pad-quotation-bubble {
width: 450px;
height: 450px;
border-radius: 225px;
border-top-left-radius: 0;
display: block;
right: -320px;
bottom: -20%;
}
@media(max-width:1023px){
.pad-quotation .pad-quotation-bubble {
right: -60px;
bottom: -240px;
}
}
@media(max-width:1023px){
.pad-quotation .pad-quotation-bubble {
left: 50%;
bottom: -200px;
width: 320px;
height: 320px;
margin-left: -140.0px;
}
}
/* Bubble Quotes */
/*--------------------------------------------------------------------------*/
.pad-quotation .bubble-quotes {
font-family: PS-Fournier, Times, serif;
display: block; position: absolute;
left: 64px; top: 64px;
width: 64px; height: 64px;
content:"";
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
@media(max-width:1023px){
.pad-quotation .bubble-quotes {
left: 32px; top: 32px;
width: 48px; height: 48px;
background-image: url('data:image/svg+xml,');
}
}
/* Bubble Text */
/*--------------------------------------------------------------------------*/
.pad-quotation .bubble-inner {
max-height: 242px;
overflow: hidden;
font-size: 16px;
color: #FFF;
margin: 64px;
margin-top: 144px;
padding: 0;
}
@media(max-width:1023px){
.pad-quotation .bubble-inner {
max-height: 192px;
font-size: 14px;
margin: 32px;
margin-top: 96px;
}
}
/* Image */
/*--------------------------------------------------------------------------*/
.pad-quotation .pad-quotation-image {
position: relative;
width: 100%;
height: 0;
}
.pad-quotation .pad-quotation-image-inner {
right: 0; top: 0;
position: absolute;
height: 100%;
width: calc( 100vw - 80%);
}
.pad-quotation .pad-quotation-image img {
position: absolute;
object-fit: cover;
object-position: center;
width: 100%; height: 100%;
left:0; top:0; right:0; bottom:0;
background-color: #E8ECEF;
}
.pad-quotation .pad-quotation-image.fallback {
background-color: #E8ECEF;
}
/* Image Height */
/*--------------------------------------------------------------------------*/
.pad-quotation .pad-quotation-image {
padding-top: 87%;
}
@media(max-width:1199px){
.pad-quotation .pad-quotation-image {
padding-top: 100%;
}
}
@media(max-width:1023px){
.pad-quotation .pad-quotation-image {
padding-top: 50%;
}
.pad-quotation .pad-quotation-image-inner {
width: 100%;
left: 0;
}
}
@media(max-width:1023px){
.pad-quotation .pad-quotation-image {
padding-top: 68%;
}
}
/* Slider */
/*--------------------------------------------------------------------------*/
.pad-slider .splide__track {
overflow: visible;
height: auto !important;
}
.pad-slider .splide__slide {
visibility: hidden;
}
.pad-slider .splide__slide.is-visible {
visibility: visible;
}
.pad-slider .splide__arrows {
display: none;
}
@media(max-width:767px){
.pad-slider {
margin-bottom: 128px;
}
}
/* New Slider Animation */
/*--------------------------------------------------------------------------*/
.pad-slider .splide--fade .splide__slide {
transition: none !important;
}
.pad-slider .splide--fade .splide__slide .pad-slider-images img,
.pad-slider .splide--fade .splide__slide .pad-slider-content {
opacity: 0;
transition: opacity 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99) 0s;
}
.pad-slider .splide--fade .splide__slide.is-active .pad-slider-images img,
.pad-slider .splide--fade .splide__slide.is-active .pad-slider-content {
opacity: 1;
}
/* Slide Content */
/*--------------------------------------------------------------------------*/
.pad-slider .pad-slider-content h3 {
color: #F05F50;
font-family: New-Hero, Arial, sans-serif;
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.pagination {
margin-top: 32px;
}
/* Button */
/*--------------------------------------------------------------------------*/
.pagination .btn {
background-color: #E8ECEF;
width: 40px;
padding-left: 0;
padding-right: 0;
}
.pagination .btn:hover {
background-color: #193C6E;
}
.pagination .btn.current {
background-color: #F05F50;
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.planner {
position: absolute;
bottom: 0; left: 0; right: 0;
width: auto;
z-index: 1;
}
.planner > .row {
margin-top: 0;
margin-bottom: 0;
}
.planner-inner {
position: relative;
padding: 32px 64px 48px;
text-align: center;
color: #FFF;
}
@media (max-width:767px) {
.planner {
padding: 0;
}
.planner-inner {
padding: 32px 32px 40.0px;
}
}
@media (min-width:576px) {
.planner-inner {
border-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
/* Text */
/*--------------------------------------------------------------------------*/
.planner .teaser {
padding: 16px 0;
font-size: 18px;
}
@media (max-width:767px) {
.planner .teaser {
font-size: 16px;
}
}
/* Background */
/*--------------------------------------------------------------------------*/
.planner .planner-inner {
background-color: rgba(0, 0, 0,0.75);
}
@supports(backdrop-filter:none) {
.planner .planner-inner {
background: rgba(0, 0, 0, 0.0) 0% 0% no-repeat padding-box;
backdrop-filter: blur(20px) brightness(1.0);
-webkit-backdrop-filter: blur(20px) brightness(1.0);
}
}
/* Custom Dropdown Select Adjustments */
/*--------------------------------------------------------------------------*/
.planner select,
.planner .select-selected,
.planner .select-items .select-option,
.planner .select-items .select-group-label {
padding-left: 40px !important;
}
/* If in Grid add Gutter to Dropdown List */
.planner .hs-form div[class^="col"] {
display: inherit;
}
.planner .hs-form div[class^="col"] .select-items {
margin-right: 8.0px;
margin-left: 8.0px;
}
.planner .hs-form .select-items {
box-shadow: 15px 20px 20px 0px rgba(0,0,0,0.15);
top: 48px;
}
/* Marker Icon */
.planner .select-selected:before {
font-family: Font-Awesome;
font-weight: 700;
content: "\f3c5";
display: block;
position: absolute;
color: #45494F;
left: 0; top: 0;
height: inherit;
width: 44px;
text-align: center;
}
/* Custom Color Setup */
/*--------------------------------------------------------------------------*/
.planner .hs-form select,
.planner .hs-form .select-selected,
.planner .hs-form .select-items {
color: #45494F;
background-color: #FFF;
}
.planner .hs-forms elect,
.planner .hs-form .select-selected.placeholder,
.planner .hs-form .select-arrow-active {
color: #acb0b3;
}
.planner .hs-form .select-items .select-option:hover,
.planner .hs-form .select-items .same-as-selected {
color: #F05F50;
background-color: #FFF;
}
/* Responsive Submit */
/*--------------------------------------------------------------------------*/
.planner .hs-button {
width: 100%;
font-weight: 700;
}
@media (max-width:1023px){
.planner .hs-button {
margin-top: 16px;
}
}
/* Expert Avatar Position */
/*--------------------------------------------------------------------------*/
.planner .experts {
position: absolute;
top: -40px; left: 0;
}
/* Button */
/*--------------------------------------------------------------------------*/
.header-container .meta-link {
position: absolute;
bottom: 64px;
left: 50%;
transform: translateX(-50%);
min-width: 216px;
}
@media(max-width:576px){
.header-container .meta-link {
bottom: 32px;
}
}
@media(min-width:1024px){
.header-container .meta-link {
bottom: 96px;
}
}
/* Content */
/*--------------------------------------------------------------------------*/
.quote .quote-header {
margin-bottom: 32px;
}
.quote .quote-description h3 {
font-family: New-Hero, Arial, sans-serif;
font-weight: 700;
color: #F05F50;
}
.quote .quote-description a {
color: #acb0b3;
font-weight: 700;
text-decoration: none;
}
/* Avatar */
/*--------------------------------------------------------------------------*/
.quote .quote-avatar {
position: relative;
border-radius: 51px;
border-bottom-right-radius: 0;
width: 102px;
height: 102px;
overflow: hidden;
margin-right: 10.666666666666666px;
}
.quote .quote-avatar img {
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
object-fit: cover;
object-position: center;
}
/* Quote Bubble */
/*--------------------------------------------------------------------------*/
.quote .bubble {
display: block;
left: 15%;
right: auto;
bottom: auto;
top: 80%;
color: #fff;
}
.quote .bubble-quotes {
font-family: PS-Fournier, Times, serif;
display: block; position: absolute;
left: 32px; top: 32px;
width: 53px; height: 38px;
content:"";
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.quote .bubble-inner {
margin-top: 86px;
padding-right: 0;
max-height: 132px;
overflow: hidden;
font-size: 14px;
}
@media(max-width:767px){
.quote .bubble {
right: 16px;
left: auto;
}
.quote-slider .splide__pagination {
width: calc( 100% - 320px );
}
}
/* Image */
/*--------------------------------------------------------------------------*/
.quote .quote-image {
position: relative;
width: 100%;
height: 0;
padding-top: 74%;
}
.quote .quote-image-inner {
left: 0;
position: absolute;
height: 100%;
width: calc( 100vw - 80%);
top: 0;
}
.quote .quote-image img {
position: absolute;
object-fit: cover;
object-position: center;
width: 100%; height: 100%;
left:0; top:0; right:0; bottom:0;
background-color: #E8ECEF;
}
.quote .quote-image.fallback {
background-color: #E8ECEF;
}
@media(max-width:767px){
.quote .quote-image {
padding-top: 64%;
}
.quote .quote-image-inner {
width: 100%;
right: 0;
}
}
/* Slider */
/*--------------------------------------------------------------------------*/
.quote-slider .splide__track {
overflow: visible;
height: auto !important;
}
.quote-slider .splide__slide {
visibility: hidden;
}
.quote-slider .splide__slide.is-visible {
visibility: visible;
}
.quote-slider .splide__arrows {
display: none;
}
@media(max-width:767px){
.quote-slider {
margin-bottom: 128px;
}
}
/* New Slider Animation */
/*--------------------------------------------------------------------------*/
.quote-slider .splide--fade .splide__slide {
transition: none !important;
}
.quote-slider .splide--fade .splide__slide .quote-description,
.quote-slider .splide--fade .splide__slide .quote-header,
.quote-slider .splide--fade .splide__slide .bubble-inner,
.quote-slider .splide--fade .splide__slide .quote-image-inner {
opacity: 0;
transition: opacity 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99) 0s;
}
.quote-slider .splide--fade .splide__slide.is-active .quote-description,
.quote-slider .splide--fade .splide__slide.is-active .quote-header,
.quote-slider .splide--fade .splide__slide.is-active .bubble-inner,
.quote-slider .splide--fade .splide__slide.is-active .quote-image-inner {
opacity: 1;
}
/* Module Title */
/*--------------------------------------------------------------------------*/
.quote-slider .quote-slider-title {
margin-bottom: 48px;
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.sitemap {
margin-bottom: 64px;
border-bottom: 2px solid #E8ECEF;
padding-bottom: 64px;
}
div > .sitemap:last-child {
border-bottom: none;
}
/* Description */
/*--------------------------------------------------------------------------*/
.sitemap .sitemap-description h3,
.sitemap .sitemap-description h3 a {
font-family: 'New-Hero';
font-weight: 700;
color: #F05F50;
}
/* Images */
/*--------------------------------------------------------------------------*/
.sitemap .sitemap-image {
margin-top: 32px;
}
.sitemap .sitemap-image img {
max-width: 100%;
height: auto;
}
@media(max-width:575px){
.sitemap .sitemap-image {
max-width: 120px;
margin-bottom: -16px;
}
}
/* Menu */
/*--------------------------------------------------------------------------*/
.sitemap .sitemap-menu {
margin-top: 32px;
}
.sitemap .sitemap-menu .hs-menu-wrapper {
margin-left: -16px;
margin-right: -16px;
padding-top: 16px;
}
.sitemap .sitemap-menu .hs-menu-item {
display: inline-block;
}
.sitemap .sitemap-menu .hs-menu-item a {
display: block;
padding: 8.0px 16px;
}
@media(max-width:1023px){ .sitemap .sitemap-menu .hs-menu-item { width: 33.33333%; }}
@media(max-width:767px){ .sitemap .sitemap-menu .hs-menu-item { width: 50%; }}
@media(max-width:575px){ .sitemap .sitemap-menu .hs-menu-item { width: 100%; }}
@media(min-width:1024px){ .sitemap .sitemap-menu .hs-menu-item { width: 25%; }}
/* Widget (Wrapper) */
/*--------------------------------------------------------------------------*/
.skyscanner-widget-box {
padding: 16px;
}
/* Form Error */
#no-flight-selcted,
#no-flight-selcted h3,
#no-flight-selcted p {
color: #F05F50;
}
.skyscanner .hs-form h3 {
margin-top: 32px;
}
.skyscanner .hs-form .outward-flight-fields.show + .homeward-flight-fields.show #homeward-flight-fields {
margin-top: 64px;
}
/* Tabs (Wrapper) */
/*--------------------------------------------------------------------------*/
.tabs {
padding-top: 16px;
padding-bottom: 16px;
text-align: center;
}
.tabs .tab-panel {
margin-top: 32px;
}
@media (max-width: 767px ){
.tabs .tab-panel {
margin-top: 16px;
}
}
/* Tabs (Button Default) */
/*--------------------------------------------------------------------------*/
.tabs .tab-button {
background-color: #E8ECEF;
border: 1px solid #E8ECEF;
color: #45494F;
}
.tabs .tab-button:hover,
.tabs .tab-button:focus {
background-color: #F05F50;
border-color: #F05F50;
color: #FFFFFF;
}
/* Tabs (Button Active) */
/*--------------------------------------------------------------------------*/
.tabs .tab-toggle:checked + .tab-button {
background-color: #F05F50;
border: 1px solid #F05F50;
color: #FFFFFF;
}
.tabs .tab-toggle:checked + .tab-button:hover,
.tabs .tab-toggle:checked + .tab-button:focus {
background-color: #d24132;
border-color: #d24132;
color: #FFFFFF;
}
/* Tabs (Radio And Section Toggle) */
/*--------------------------------------------------------------------------*/
.tabs .btn {
margin-bottom: 16px;
margin-left: 16px;
}
.tabs .btn.first {
margin-left: 0;
}
.tabs .tab-toggle,
.tabs .tab-toggle ~ .tab-panel {
display: none;
}
@media (max-width: 767px ){
.tabs .btn {
display: block;
margin-left: 0;
}
}
/* Tabs (Content) */
/*--------------------------------------------------------------------------*/
.tabs .tabpanel {
text-align: left;
}
/* Slider Btn - Style */
/*--------------------------------------------------------------------------*/
.splide__arrow {
background: #E8ECEF;
border-radius: 20.0px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
outline: 0;
border: 0;
cursor: pointer;
}
.splide__arrow:hover {
background: #193C6E;
}
.splide__arrow svg {
fill: #fff;
width: 90%;
height: 90%;
margin: 5%;
}
.splide__arrow.splide__arrow--prev {
transform: rotate(-180deg);
}
/* Slider Btn - Position */
/*--------------------------------------------------------------------------*/
@media(min-width:768px) {
.splide__arrows {
position: absolute;
top: 50%;
margin-top: -20.0px;
height: 0;
z-index: 1;
width: 100%;
}
}
@media(max-width:767px){
.splide__arrows {
position: absolute;
bottom: -32px;
width: 96px;
display: flex;
left: 50%;
margin-left: -48.0px;
}
}
.splide__arrow.splide__arrow--prev {
align-self: start;
margin-right: auto;
left: -96px;
right: auto;
position: absolute;
top: 0;
}
.splide__arrow.splide__arrow--next {
align-self: end;
margin-left: auto;
right: -96px;
left: auto;
position: absolute;
top: 0;
}
@media(max-width:767px){
.splide__arrow.splide__arrow--prev {
left: -40px;
}
.splide__arrow.splide__arrow--next {
right: -40px;
}
}
/* Slider Btn - Position */
/*--------------------------------------------------------------------------*/
.splide__pagination {
width: 100%;
justify-content: left;
padding: 0;
margin-top: 32px;
}
.splide__pagination .splide__pagination__page {
display: block;
border-radius: 8.0px;
width: 16px;
height: 16px;
padding: 0;
border: 0;
background: #E8ECEF;
cursor: pointer;
}
.splide__pagination {
margin: 16px -4.0px;
}
.splide__pagination > li {
padding: 4.0px;
}
.splide__pagination .splide__pagination__page.is-active {
background: #193C6E;
}
.splide__pagination .splide__pagination__page:hover,
.splide__pagination .splide__pagination__page:focus {
outline: none;
}
/* Slider Pagination (Mobile) */
/*--------------------------------------------------------------------------*/
@media(max-width:767px){
.splide__pagination {
counter-reset: splide__pagination;
}
.splide__pagination > li {
padding: 6px;
}
.splide__pagination .splide__pagination__page:after {
counter-increment: splide__pagination;
content: counter(splide__pagination);
width: 40px; height: 40px;
color: #caced1;
font-size: 12px;
}
.splide__pagination .splide__pagination__page.is-active:after {
color: white;
}
.splide__pagination .splide__pagination__page {
width: 40px;
height: 40px;
border-radius: 20.0px;
border: 6px solid white;
}
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.social-links {
display: flex;
margin-top: 32px;
}
.social-links .item {
display: block;
border-radius: 100%;
background: #45494F;
overflow: hidden;
margin-right: 8.0px;
}
.social-links .item:last-child {
margin-right: 0;
}
/* Plattform Icons */
/*--------------------------------------------------------------------------*/
.social-links svg {
display: block;
fill: #fff;
}
/* Small Screens */
@media(min-width:1024px){
.social-links svg {
width: 32px;
height: 32px;
padding: 6px;
}
.social-links .kununu svg {
padding: 8px;
}
.social-links .item:first-child { transform: translateX(-2px); }
}
/* Large Screens */
@media(max-width:1023px){
.social-links svg {
width: 40px;
height: 40px;
padding: 8px;
}
.social-links .kununu svg {
padding: 10px;
}
.social-links .item:first-child { transform: translateX(-1px); }
}
/* Icon Plattform Colors */
/*--------------------------------------------------------------------------*/
.social-links .facebook:hover {
background-color: #4267B2;
}
.social-links .instagram:hover {
background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}
.social-links .kununu:hover {
background-color: #99C613;
}
.social-links .linkedin:hover {
background-color: #0e76a8;
}
.social-links .xing:hover {
background-color: #126567;
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.social-share {
position: sticky;
position: fixed;
top: 0;
z-index: 1000;
background: #FFF;
border-bottom-left-radius: 8.0px;
border-bottom-right-radius: 8.0px;
left: 50%;
transform: translate(-50%, -128%);
max-width: 100%;
box-shadow: 8.0px 8.0px 16px 1px rgba(0,0,0,0.25);
transition: all linear 250ms;
}
.social-share.active {
transform: translate(-50%, 0%);
}
.social-share-inner {
display: flex;
padding: 24.0px;
}
.social-share .social-share-link {
display: block;
border-radius: 100%;
background: #45494F;
overflow: hidden;
margin-right: 8.0px;
}
.social-share .social-share-link * {
pointer-events: none;
user-select: none;
}
/* Plattform Icons */
/*--------------------------------------------------------------------------*/
.social-share svg {
display: block;
fill: #fff;
}
/* Small Screens */
@media(min-width:1024px){
.social-share svg {
width: 32px;
height: 32px;
padding: 6px;
}
}
/* Large Screens */
@media(max-width:1023px){
.social-share svg {
width: 40px;
height: 40px;
padding: 8px;
}
}
/* Icon Plattform Colors */
/*--------------------------------------------------------------------------*/
/* Colors:
* https://www.lockedownseo.com/social-media-colors/
*/
.social-share #share-whatsapp:hover {
background-color: #25d366;
}
.social-share #share-facebook:hover {
background-color: #1877f2;
}
.social-share #share-twitter:hover {
background-color: #1da1f2;
}
.social-share #share-google:hover {
background-color: #db4437;
}
.social-share #share-linkedin:hover {
background-color: #0a66c2;
}
.social-share #share-email:hover {
background-color: #f94877;
}
.social-share #share-xing:hover {
background-color: #126567;
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.sorting-iso > div {
text-align: right;
}
.sorting-iso.hs-form > .hs-fieldtype-select {
margin-left: auto;
}
.sorting-iso.hs-form > .hs-fieldtype-select > select,
.sorting-iso.hs-form > .hs-fieldtype-select > .select-selected {
display: block;
}
/* Dropdown */
/*--------------------------------------------------------------------------*/
/* Colors */
.sorting-iso.hs-form select,
.sorting-iso.hs-form .select-selected,
.sorting-iso.hs-form .select-items,
.sorting-iso.hs-form .select-option {
background-color: #E8ECEF;
color: #95999f;
}
/* Wrapper */
.sorting-iso.hs-form .select-items {
top: 40px;
margin: 0 8.0px;
padding: 8.0px 0;
}
/* Current */
.sorting-iso.hs-form select,
.sorting-iso.hs-form .select-selected {
padding-left: 16px;
}
/* Option */
.sorting-iso.hs-form .select-items > .select-option {
padding: 8.0px 16px;
}
/* Option Hover */
.sorting-iso.hs-form .select-items > .select-option:hover {
background-color: #E8ECEF;
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.sticky-experts {
position: relative;
width: 100%;
border-top: 1px solid #E8ECEF;
padding: 32px 0;
}
/* Sticky Part ( Desktop Only ) */
@media(min-width:1024px){
.sticky-experts {
position: fixed;
bottom: 0;
width: 100%;
z-index: 1;
}
.hs-inline-edit .sticky-experts {
position: relative;
}
}
/* Mobile */
@media(max-width:767px){
.sticky-experts {
padding: 64px 0;
}
}
/* Background */
/*--------------------------------------------------------------------------*/
.sticky-experts {
background-color: rgba(255, 255, 255,0.75);
}
@supports(backdrop-filter:none) {
.sticky-experts {
background: rgba(255, 255, 255, 0.35) 0% 0% no-repeat padding-box;
backdrop-filter: blur(20px) brightness(1.0);
-webkit-backdrop-filter: blur(20px) brightness(1.0);
}
}
/* Sticky Helper */
/*--------------------------------------------------------------------------*/
.space-keeper, {
height: 125px;
}
.hs-inline-edit .space-keeper {
display: none;
}
@media(min-width:1024px){
.sticky-experts {
padding-right: 1rem;
}
html:not(.hs-inline-edit) .sticky-experts.back-in-flow {
position: relative;
padding-left: 0;
padding-right: 0;
}
}
/* Content */
/*--------------------------------------------------------------------------*/
.sticky-experts strong {
font-size: 18px;
}
@media(max-width:1023px){
.sticky-experts {
text-align: center;
}
}
/* Slide -in -out */
/*--------------------------------------------------------------------------*/
.sticky-experts {
transition: transform 300ms ease;
}
@media(min-width:1024px){
.sticky-experts,
.sticky-experts.slide-in {
transform: translateY(100%);
}
.hs-inline-edit .sticky-experts,
.sticky-experts.slide-out {
transform: translateY(0);
}
}
/* CSS-Table (Helper) */
/*--------------------------------------------------------------------------*/
.table {
display: table;
border-spacing: 16px;
border-collapse: separate;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
}
/* Table Defaults */
/*--------------------------------------------------------------------------*/
table {
width: 100%;
border: 0;
border-spacing: 0;
margin-bottom: 16px;
overflow-wrap: break-word;
text-align: left;
font-size: 14px;
}
thead th, thead td {
vertical-align: bottom;
}
table tbody td[data-label]:before {
display: none;
content: attr(data-label);
}
table th, table td {
border: 0;
padding: 8.0px 16px;
vertical-align: top;
}
table:not(.responsive) tr:nth-child(odd) { background: #FFF; }
table:not(.responsive) tr:nth-child(even) { background: #f2f6f9; }
table.responsive tbody tr:nth-child(odd) { background: #f2f6f9; }
table.responsive tbody tr:nth-child(even) { background: #FFF }
/* Fake Border background */
/* --------------------------------------------------------------------- */
table th:last-child,
table td:last-child {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXY/j06dN/AAmGA9bFSrIQAAAAAElFTkSuQmCC);
background-repeat: repeat-y;
background-position: left;
background-color: transparent;
}
table th:not(:first-child):not(:last-child),
table td:not(:first-child):not(:last-child) {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXY/j06dN/AAmGA9bFSrIQAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXY/j06dN/AAmGA9bFSrIQAAAAAElFTkSuQmCC);
background-repeat: repeat-y, repeat-y;
background-position: left, right;
background-color: transparent;
}
table th:first-child,
table td:first-child {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXY/j06dN/AAmGA9bFSrIQAAAAAElFTkSuQmCC);
background-repeat: repeat-y;
background-position: right;
background-color: transparent;
}
/* Responsive Table */
/* --------------------------------------------------------------------- */
@media only screen and (max-width:1023px) {
table.responsive {
box-shadow: 0 0 0 rgba(0,0,0,0);
overflow: visible;
margin-bottom: 32px;
}
table.responsive th,
table.responsive td {
border: 0;
}
table.responsive,
table.responsive thead,
table.responsive tbody,
table.responsive th,
table.responsive td,
table.responsive tr {
display: block;
}
table.responsive thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table.responsive tbody th {
font-weight: 700;
background: #f2f6f9;
padding: 16px;
border-bottom: 2px solid #E8ECEF;
}
table.responsive tbody tr {
margin: 0 0 24.0px 0;
border-bottom: 0;
}
table.responsive tbody td {
position: relative;
padding-left: 50%;
text-align: left;
}
table.responsive tbody td:last-child {
border-bottom: 0;
}
table.responsive tbody td:nth-child(odd) {
background: #f2f6f9;
}
table.responsive tbody td:nth-child(even) {
background: #FFF
}
table.responsive tbody td:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 50%;
white-space: nowrap;
text-align: left;
padding: 8.0px 16px;
}
}
/* Collapsible Table */
/* --------------------------------------------------------------------- */
@media only screen and (max-width:1023px) {
table.responsive .collapse-hide {
height: 0;
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
}
table.responsive .caret {
position: relative;
padding-right: 20px
}
table.responsive .caret:after {
text-align: center;
display: block;
position: absolute;
right: 16px;
top: 16px;
font-family: Font-Awesome, 'Font-Awesome';
color: #95999f;
content: "\f077"; /* chevron-up */
}
table.responsive .caret.caret-down:after {
margin-top: 2px;
content: "\f078"; /* chevron-down */
}
}
/* Timetable Sequence */
/*--------------------------------------------------------------------------*/
.timetable .tt-segment {
display: inline-block;
background: #F05F50;
}
/* Desktop */
/*--------------------------------------------------------------------------*/
@media(min-width:1024px){
.timetable tbody th {
font-weight: 400;
}
.timetable tbody td {
padding-left: 0;
padding-right: 0;
line-height: 0;
vertical-align: middle;
}
.timetable .tt-spacer,
.timetable .tt-segment {
width: 100%;
height: 16px;
}
.timetable .first .tt-segment {
border-radius: 8.0px 0px 0px 8.0px;
}
.timetable .part .tt-segment {
border-radius: 0;
}
.timetable .last .tt-segment {
border-radius: 0px 8.0px 8.0px 0px;
}
.timetable .only .tt-segment {
border-radius: 8.0px;
}
}
/* Mobile */
/*--------------------------------------------------------------------------*/
@media(max-width:1023px){
.timetable tbody td {
padding-top: 0;
padding-bottom: 0;
height: 32px;
}
.timetable .tt-spacer,
.timetable .tt-segment {
height: 32px;
width: 32px;
}
.timetable .first .tt-segment {
margin-top: 4px;
height: 28px;
border-radius: 16px 16px 0px 0px;
}
.timetable .part .tt-segment {
border-radius: 0;
}
.timetable .last .tt-segment {
margin-bottom: 4px;
height: 28px;
border-radius: 0px 0px 16px 16px;
}
.timetable .only .tt-segment {
margin-bottom: 4px;
height: 28px;
border-radius: 16px;
}
table.timetable.responsive tbody td:before {
text-align: right;
}
table.timetable.responsive tbody th {
text-align: center;
}
}
/* Bubble Variables */
/*--------------------------------------------------------------------------*/
/* Wrapper */
/*--------------------------------------------------------------------------*/
.trusted-shops {
margin-bottom: 160px;
}
/* Bubble */
/*--------------------------------------------------------------------------*/
.trusted-shops .trusted-shops-bubble {
width: 450px;
height: 450px;
border-radius: 225px;
border-top-left-radius: 0;
display: block;
right: -320px;
bottom: -20%;
}
@media(max-width:1023px){
.trusted-shops .trusted-shops-bubble {
right: -60px;
bottom: -240px;
}
}
@media(max-width:1023px){
.trusted-shops .trusted-shops-bubble {
left: 50%;
bottom: -200px;
width: 320px;
height: 320px;
margin-left: -140.0px;
}
}
@media(max-width:767px){
.trusted-shops .trusted-shops-bubble {
bottom: -270px;
}
.trusted-shops {
margin-bottom: 250px;
}
}
/* Badge */
/*--------------------------------------------------------------------------*/
.trusted-shops .trusted-shops-badge {
position: absolute;
left: 0;
bottom: 32px;
}
@media(max-width:1023px){
.trusted-shops .trusted-shops-badge {
left: 32px;
}
}
/* Image */
/*--------------------------------------------------------------------------*/
.trusted-shops .trusted-shops-image {
position: relative;
width: 100%;
height: 0;
}
.trusted-shops .trusted-shops-image-inner {
right: 0; top: 0;
position: absolute;
height: 100%;
width: calc( 100vw - 80%);
}
.trusted-shops .trusted-shops-image img {
position: absolute;
object-fit: cover;
object-position: center;
width: 100%; height: 100%;
left:0; top:0; right:0; bottom:0;
background-color: #E8ECEF;
}
.trusted-shops .trusted-shops-image.fallback {
background-color: #E8ECEF;
}
/* Image Height */
/*--------------------------------------------------------------------------*/
.trusted-shops .trusted-shops-image {
padding-top: 87%;
}
@media(max-width:1199px){
.trusted-shops .trusted-shops-image {
padding-top: 100%;
}
}
@media(max-width:1023px){
.trusted-shops .trusted-shops-image {
padding-top: 50%;
}
.trusted-shops .trusted-shops-image-inner {
width: 100%;
left: 0;
}
}
@media(max-width:1023px){
.trusted-shops .trusted-shops-image {
padding-top: 68%;
}
}
/* Trusted Shop Widget DOM */
/* --------------------------------------------------------------------- */
.ts-module, .ts-module > .ts-rating-light.skyscraper_horizontal {
width: inherit;
height: inherit;
border: 0px solid transparent;
background: transparent;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-wrapper {
height: inherit;
padding: 0;
}
/* Hide Widget Elements */
/* --------------------------------------------------------------------- */
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list li .ts-review .ts-review-wrapper .ts-review-text {
color: rgb(255,255,255);
width: 100%;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-header.ts-icon.ts-e-trustedshops,
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-title,
.ts-module > .ts-rating-light.skyscraper_horizontal .footerArrow,
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-review-info-chevron {
display: none;
}
/* Make Slider From Widget */
/* --------------------------------------------------------------------- */
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews,
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list {
position: relative;
width: 100%;
height: 100%;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list > li {
width: 100%;
height: 100%;
position: absolute;
left: 0; top: 0;
display: none;
padding: 0;
margin: 0;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews-list > li:before {
display: none;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews-list > li:first-child {
display: block;
}
/* Slide Content */
/* --------------------------------------------------------------------- */
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list li .ts-review .ts-review-wrapper {
width: 290px;
padding: 80px;
height: 130px;
overflow-y: visible;
position: relative;
margin: 80px auto;
}
@media(max-width:1023px){
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list li .ts-review .ts-review-wrapper {
width: 240px;
padding: 40px;
height: 160px;
overflow-y: visible;
position: relative;
margin: 40px auto;
}
}
/* Element Positions (Desktop) */
/* --------------------------------------------------------------------- */
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list li .ts-review-avatar {
display: none;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list li .ts-review .ts-review-wrapper .ts-review-stars {
position: absolute;
top: 10px;
left: 80px;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list li .ts-review .ts-review-wrapper .ts-review-info {
position: absolute;
top: 50px;
margin: 0;
font-size: 28px;
color: rgb(255,255,255);
pointer-events: none;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list li .ts-review .ts-review-wrapper .ts-review-text {
font-size: 16px;
line-height: 24px;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-footer {
background-color: transparent !important;
width: auto;
position: absolute;
bottom: 160px;;
left: 80px;
padding: 0;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .next, .gg-chevron-left {
position: absolute;
right: 80px;
bottom: 140.0px;
color: #193C6E;
cursor: default;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .prev, .gg-chevron-right {
position: absolute;
right: 110px;
bottom: 140.0px;
color: #193C6E;
cursor: default;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .next:after:hover, .gg-chevron-left:hover,
.ts-module > .ts-rating-light.skyscraper_horizontal .prev:after:hover, .gg-chevron-right:hover {
cursor: pointer;
}
/* Element Positions (Mobile) */
/* --------------------------------------------------------------------- */
@media(max-width:1023px){
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list li .ts-review .ts-review-wrapper .ts-review-info {
display: none;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list li .ts-review .ts-review-wrapper .ts-review-stars {
left: 40px;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-footer {
left: 40px;
bottom: 100.0px;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .next, .gg-chevron-left {
right: 40px;
bottom: 88.0px;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .prev, .gg-chevron-right {
right: 70px;
bottom: 88.0px;
}
/* Hide on Mobile:
[id^='trustbadge-container'] {
display: none;
} */
}
/* External Link */
/* --------------------------------------------------------------------- */
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-footer .footerReviewCount {
color: rgba(255,255,255,0.75);
background: none;
padding: 0;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .ts-footer:hover .footerReviewCount {
color: rgba(255,255,255,1);
}
/* Slide Content */
/* --------------------------------------------------------------------- */
.ts-module > .ts-rating-light.skyscraper_horizontal .next, .gg-chevron-left,
.ts-module > .ts-rating-light.skyscraper_horizontal .prev, .gg-chevron-right {
box-sizing: border-box;
display: block;
transform: scale(1);
width: 22px;
height: 22px;
cursor: pointer;
padding: 2px;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .next::after, .gg-chevron-right::after,
.ts-module > .ts-rating-light.skyscraper_horizontal .prev::after, .gg-chevron-left::after {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 10px;
height: 10px;
right: 6px;
top: 4px;
color: rgba(255,255,255,0.75);
border: 2px solid transparent;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .next::after, .gg-chevron-right::after {
transform: rotate(-45deg);
border-bottom: 2px solid;
border-right: 2px solid;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .prev::after, .gg-chevron-left::after {
transform: rotate(45deg);
border-bottom: 2px solid;
border-left: 2px solid;
}
.ts-module > .ts-rating-light.skyscraper_horizontal .next:hover::after, .gg-chevron-left:hover::after,
.ts-module > .ts-rating-light.skyscraper_horizontal .prev:hover::after, .gg-chevron-right:hover::after {
color: rgba(255,255,255,1);
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.worldmap {
position: relative;
width: 100%;
}
.worldmap .worldmap-team,
.worldmap .worldmap-member-inner,
.worldmap .worldmap-member-avatar img,
.worldmap .worldmap-member .worldmap-member-hover {
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
}
/* Map Image */
/*--------------------------------------------------------------------------*/
.worldmap .worldmap-image {
position: relative;
width: 100%; height: auto;
max-width: 100%;
}
.worldmap .worldmap-image > img {
width: 100%; height: auto;
padding: 10%;
}
/* Member On Map */
/*--------------------------------------------------------------------------*/
.worldmap .worldmap-member {
position: absolute;
width: 10%; height: 0;
padding-top: 10%;
border-radius: 100%;
border-bottom-right-radius: 0;
margin-left: -5%; margin-top: -5%;
}
.worldmap .worldmap-member-avatar {
overflow: hidden;
}
.worldmap .worldmap-member-avatar > img {
object-fit: cover;
object-position: top center;
border-radius: 100%;
border-bottom-right-radius: 0;
}
.worldmap .worldmap-member .worldmap-member-hover {
display: none;
background: #FFF;
padding: 0;
text-align: center;
box-shadow: 4.0px 4.0px 24.0px 0 rgba(0,0,0,0.25);
border-radius: 100%;
border-bottom-right-radius: 0;
}
.worldmap .worldmap-member .worldmap-member-hover-inner {
display: table-cell;
vertical-align: middle;
}
.worldmap .worldmap-member:hover .worldmap-member-hover {
display: table;
}
.worldmap .worldmap-member:hover .worldmap-member-avatar img {
visibility: hidden;
}
.worldmap .worldmap-member a {
display: block;
}
.worldmap .worldmap-member a[href="javascript:;"] {
cursor: default;
}
/* Member Hover Content */
/*--------------------------------------------------------------------------*/
.worldmap .worldmap-member-hover strong,
.worldmap .worldmap-member-hover span {
font-size: 14px;
}
.worldmap .worldmap-member-hover strong {
color: #F05F50;
}
.worldmap .worldmap-member-hover span {
color: #45494F;
}
/* Team Page Link */
/*--------------------------------------------------------------------------*/
.worldmap-team-btn {
display: block;
width: fit-content;
margin: 0 auto;
}
/* Mobile */
/*--------------------------------------------------------------------------*/
@media(max-width:1023px){
.worldmap .worldmap-image {
display: none;
}
.worldmap .worldmap-team {
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: center;
margin: -16px;
}
.worldmap .worldmap-member {
position: relative;
left: 0 !important;
top: 0 !important;
margin: 0;
width: 128px;
padding-top: 128px;
margin: 16px;
}
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
@media(min-width:768px){
.zipper .odd {
text-align: right;
padding-right: 8.0px;
}
.zipper .even {
padding-left: 8.0px;
}
.zipper .zipper-row {
margin-bottom: 16px;
}
}
@media(max-width:767px){
.zipper .zipper-row {
margin: 0;
padding: 0 4.0px;
}
}
/* Content */
/*--------------------------------------------------------------------------*/
@media(min-width:768px){
.zipper .zip-icon > i {
width: 76px;
height: 76px;
display: block;
background-size: 76px 76px;
}
}
@media(max-width:767px){
.zipper .zip-icon > i {
width: 48px;
height: 48px;
display: block;
background-size: 48px 48px;
}
}
.zipper .zip-text p {
display: inline;
letter-spacing: -0.025em;
}
/* Partials
Specific pieces of UI that are stylized. Typically used for global partial styling
*/
/* Wrapper */
/*--------------------------------------------------------------------------*/
.header {
position: absolute;
left: 0; right: 0;
width: 100%;
z-index: 99;
}
.header-inner {
position: relative;
width: 100%;
padding-top: 16px;
}
/* MisterTrip Logo */
/*--------------------------------------------------------------------------*/
svg.logo .form path {
fill: #F05F50;
}
svg.logo .font path {
fill: #fff;
}
@media(max-width:1023px){
.logo {
width: 48px;
height: 48px;
}
}
@media(min-width:1024px){
.logo {
width: 96px;
height: 96px;
}
}
/* DYN Page Avatar */
/*--------------------------------------------------------------------------*/
.world-avatar { display: none; }
@media(min-width:1440px){
.world-avatar {
display: block;
width: 380px;
height: 380px;
position: absolute;
right: -112px;
bottom: -308px; /* -308px */
z-index: 2;
}
}
/* Bubble */
/*--------------------------------------------------------------------------*/
.header-container-wrapper .bubble {
position: fixed;
display: none;
z-index: 1;
}
@media (min-width:1680px) {
.header-container-wrapper .bubble {
display: block;
}
}
/* ICON Configuration */
/*--------------------------------------------------------------------------*//* ICON Positions */
/*--------------------------------------------------------------------------*/
.reminder,
.hamburg {
display: block;
position: absolute;
background: transparent;
width: 56px;
height: 56px;
margin: 0; padding: 0;
text-align: center;
line-height: 0;
cursor: pointer;
}
.hamburg {
right: 56px;
}
.reminder {
right: 0px;
top: 50%;
margin-top: -28px;
}
/* REMINDER Style */
/*--------------------------------------------------------------------------*/
.reminder > i {
line-height: 56px;
font-size: 24px;
color: #ffffff;
}
.reminder:hover > i,
.reminder:focus > i {
color: #193C6E;
}
/* Focus with mouse */
.reminder:focus:not(:focus-visible) {
outline: 0;
}
/* HAMBURG Style */
/*--------------------------------------------------------------------------*/
.hamburg .line {
position: absolute;
left: 16.0px;
height: 2px; width: 24px;
background: #fff; border-radius: 1.0px;
display: block;
transition: 0.5s;
transform-origin: center;
}
.hamburg .line:nth-child(1) { top: 19.0px; }
.hamburg .line:nth-child(2) { top: 26.0px; }
.hamburg .line:nth-child(3) { top: 33.0px; }
/* Focus with mouse */
.hamburg:focus:not(:focus-visible) {
outline: 0;
}
/* HAMBURG Toggle Animation */
/*--------------------------------------------------------------------------*/
#hamburg:checked + .hamburg .line:nth-child(1){
transform: translateY(7px) rotate(45deg);
}
#hamburg:checked + .hamburg .line:nth-child(2){
opacity:0;
}
#hamburg:checked + .hamburg .line:nth-child(3){
transform: translateY(-7px) rotate(-45deg);
}
/* DROPDOWN Mobile (open/close) */
/*--------------------------------------------------------------------------*/
@media( max-width:1023px){
#hamburg, #hamburg ~ .navigation-primary,
#reminder, #reminder ~ .favorits {
display: none;
}
#hamburg:checked ~ .navigation-primary,
#reminder:checked ~ .favorits {
display: block;
}
}
/* DROPDOWN Desktop (visible) */
/*--------------------------------------------------------------------------*/
@media( min-width:1024px){
#hamburg, .hamburg,
#reminder {
display: none;
}
#hamburg ~ .navigation-primary {
display: block;
}
}
/* Wrapper */
/*--------------------------------------------------------------------------*/
.footer-section-divider {
border-top: 1px solid #E8ECEF;
padding-top: 96px;
padding-bottom: 192px;
}
/* Text Boxen */
/*--------------------------------------------------------------------------*/
.footer-container .block strong {
display: inline-block;
margin-top: 12.0px;
margin-bottom: 24px;
font-size: 16px;
}
.footer-container .block p {
margin-bottom: 12.0px;
}
.footer-container .block {
font-size: 14px;
line-height: 24px;
}
/* Footer Menu */
/*--------------------------------------------------------------------------*/
.footer-container .hs-menu-wrapper ul,
.footer-container .hs-menu-wrapper ul > li{
width: 100%;
}
.footer-container .block p ~ a,
.footer-container .hs-menu-wrapper a {
width: 100%;
padding: 12.0px 0;
display: inline-block;
}
@media(max-width:767px){
.footer-container .block p ~ a,
.footer-container .hs-menu-wrapper a {
text-align: center;
}
}
/* Footer Link Style */
/*--------------------------------------------------------------------------*/
.footer-container .block a,
.footer-container .hs-menu-wrapper a,
.hs_cos_wrapper_type_simple_menu a {
font-weight: 700;
color: #a9adb3;
}
.footer-container .block a:hover,
.footer-container .hs-menu-wrapper a:hover,
.hs_cos_wrapper_type_simple_menu a:hover {
text-decoration: none;
color: #F05F50;
}
/* Footer Menu Minimal */
/*--------------------------------------------------------------------------*/
@media(min-width:768px){
.footer-minimal .hs-menu-wrapper ul {
margin: 0 -16px;
}
}
.footer-minimal .hs-menu-wrapper ul > li {
width: auto;
padding: 0 16px;
text-align: center;
}
@media(max-width:767px){
.footer-minimal .hs-menu-wrapper ul > li {
width: 100%;
}
}
/* Templates
Special type of pages with custom template syntax like Blog or System pages.
*/
.blog {
padding-top: 128px;
padding-bottom: 96px;
}
/* CSV-Import Wrapper */
.webflow-import-data {
display: none;
border: 1px solid red;
position: relative;
width: 100%;
height: 512px;
right: 0;
z-index: 999;
background: #FFF;
padding: 24px;
overflow: auto;
margin: 48px auto;
}
.hs-inline-edit .webflow-import-data {
display: block;
}
.magazine-post .hs_cos_wrapper_type_header {
text-align: center;
}
.magazine-post .hs_cos_wrapper_type_header > * {
padding-bottom: 32px;
}
/* TODO */
.blog-header__author-avatar {
border-radius: 50%;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
display: block;
height: auto;
margin: 0 auto 1.4rem;
width: 200px;
}
.blog-header__author-social-links a {
background-color: #000;
border-radius: 50%;
display: inline-block;
height: 40px;
margin: 0 5px;
position: relative;
width: 40px;
}
.blog-header__author-social-links a:hover,
.blog-header__author-social-links a:focus {
background-color: #494A52;
}
.blog-header__author-social-links svg {
fill: #FFF;
height: 15px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
}
/* TODO */
.blog-post__meta {
margin-bottom: 1.4rem;
}
.blog-post__meta a {
color: #494A52;
text-decoration: underline;
}
.blog-post__timestamp {
display: block;
}
.blog-post__tags svg {
height: auto;
margin-right: 10px;
width: 15px;
}
.blog-post__tag-link {
font-size: 0.875rem;
}
.blog-footer {
margin-top: 54px;
}
@media(min-width:768px) and (max-width:1199px){
.dyn .grid-wrapper .wide {
grid-column: auto;
grid-row: auto;
}
}
#hs_cos_wrapper_questions_template_anchor_menu {
letter-spacing: -0.025em;
}
.presse-template .hs-button,
.karriere-template .hs-button {
min-width: 276px;
}
/* ERROR */
/*--------------------------------------------------------------------------*/
.error {
padding: 192px 0 128px 0;
text-align: center;
}
.error-code {
color: #e5eaef;
font-size: 40vw;
line-height: 1;
}
.error-text {
z-index: 1;
}
.error .button {
margin-top: 16px;
}
@media (min-width: 1024px) {
.error-code {
font-size: 10rem;
}
}
.error .header {
border-bottom: 1px solid #E8ECEF;
padding-bottom: 16px;
}
/* SYSTEM */
/*--------------------------------------------------------------------------*/
.system {
padding-top: 65px;
padding-bottom: 85px;
text-align: center;
}
.system-form .hs-form .hs-form-field,
.system-form .email-prefs {
text-align: left;
}
.system-form .hs-form input[type="submit"] {
margin-top: 24px;
}
@media (max-width: 380px) {
.system-form .hs-form input[type="submit"] {
padding-left: 24px;
padding-right: 24px;
}
}
.system-admin {
margin-top: 30px;
}
.system-form .hs-form .hs-error-msgs,
.system-form .hs-form .hs-error-msg {
margin-top: 12px;
color: inherit !important;
}
.system-form .hs-form .form-input-validation-message {
margin-top: 0;
}
.system .success {
background-color: #E8ECEF;
color: #193C6E;
border: 1px solid #193C6E;
border-radius: 6px;
display: inline-block;
margin: 32px 0;
padding: 8.0px 16px;
width: 100%;
}
.system .icon {
color: #e5eaef;
padding: 32px;
}
/* SEARCH RESULT PAGE */
/*--------------------------------------------------------------------------*/
/* Title + Text */
.hs-search-results__title {
color: ;
font-family: "PS-Fournier", Arial, sans-serif;
font-size: 1.25rem;
margin-bottom: 0.35rem;
text-decoration: underline;
}
.hs-search-results__title:hover {
text-decoration: none;
}
.hs-search-results__description {
padding-top: 0.7rem;
}
/* Listing */
.hs-search-results__listing {
margin: 0;
padding: 0;
list-style: none;
}
.hs-search-results__listing li {
margin: 0;
padding: 0;
}
.hs-search-highlight {
font-weight: bold;
}
.hs-search-results__prev-page {
float: left;
}
.hs-search-results__next-page {
float: right;
}
/* PASSWORD PROMT */
/*--------------------------------------------------------------------------*/
.password-prompt input[type=password] {
height: auto !important;
margin-bottom: 1.4rem;
}
/* BACKUP UNSUBSCRIBE */
/*--------------------------------------------------------------------------*/
.backup-unsubscribe #email-prefs-form div {
padding-bottom: 0 !important;
}
.backup-unsubscribe input[type=email] {
font-size: 0.875rem !important;
margin-bottom: 1.4rem;
padding: 0.7rem !important;
}
/* SUBSCRIPTION PREFERENCES */
/*--------------------------------------------------------------------------*/
.system .localization-language {
display: none;
}
/* Option Boxes */
.email-prefs .item.disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.email-prefs input[type="submit"] {
margin-left: auto;
margin-right: auto;
display: block;
}
.email-prefs .item {
background-color: transparent;
padding: 16px;
width: 100%;
cursor: pointer;
}
.email-prefs .item-inner {
padding: 16px;
}
.email-prefs .item .checkbox-row span {
font-weight: 700;
font-size: 16px;
}
#email-prefs-form .page-header {
padding-bottom: 24.0px;
}
#email-prefs-form .page-header h1 {
margin-bottom: 0;
}
/* Disable All Box */
.subscribe-options {
background-color: transparent;
padding: 32px;
width: 100%;
cursor: pointer;
position: relative;
}
.subscribe-options > p:first-child {
margin-bottom: 0;
}
.subscribe-options > p:last-child {
font-weight: 700;
}
.subscribe-options .header {
position: relative;
}
[name="hs-subscriptions-update-success"] {
margin-top: 32px !important;
display: block !important;
}
/* Print */
/*
A4 = 2480 x 3508 px (print resolution)
A4 = 595 x 842 px (screen resolution)
*/
.d-print { display: none; }
/* GLOBAL */
/*--------------------------------------------------------------------------*/
@media print {
@page {
margin: 16px !important;
}
h2, h3, h4, h5, h6 {
page-break-after: avoid;
}
img, svg {
page-break-inside: avoid;
}
.d-print {
display: block;
}
}