/* input(18112,15): run-time error CSS1034: Expected closing parenthesis, found '>' */
/*
    Version: 1.8.1
    Author: Ken Wheeler
    Website: http://kenwheeler.github.io
    Docs: http://kenwheeler.github.io/slick
    Repo: http://github.com/kenwheeler/slick
    Issues: http://github.com/kenwheeler/slick/issues
*/
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

	.slick-list:focus {
		outline: 0
	}

	.slick-list.dragging {
		cursor: pointer;
		cursor: hand
	}

.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

	.slick-track:after, .slick-track:before {
		display: table;
		content: ''
	}

	.slick-track:after {
		clear: both
	}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

/*!
  Ionicons, v4.5.4
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/

@font-face {
	font-family: "Ionicons";
    src: 
        url("../css/SBC/icons/ionicons.eot?v=FU6WVeoVN7HOPbkL82F4hdDSzDk&v=4.5.4");
    src: 
        url("../css/SBC/icons/ionicons.eot?v=FU6WVeoVN7HOPbkL82F4hdDSzDk&v=4.5.4#iefix") format("embedded-opentype"), 
        url("../css/SBC/icons/ionicons.woff2?v=AU3j6d5Q_PDr2XOd1vGh151jYAM&v=4.5.4") format("woff2"), 
        url("../css/SBC/icons/ionicons.woff?v=AU3j6d5Q_PDr2XOd1vGh151jYAM&v=4.5.4") format("woff"), 
        url("../css/SBC/icons/ionicons.ttf?v=AU3j6d5Q_PDr2XOd1vGh151jYAM&v=4.5.4") format("truetype"), 
        url("../css/SBC/icons/ionicons.svg?v=zbDkL2_Ex2XCuajrvaTc82w2H4o&v=4.5.4#Ionicons") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.usn_ion,
[class^="usn_ion-"], [class*=" usn_ion-"] {
	display: inline-block;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.usn_ion-ios-add:before {
	content: "\f102"
}

.usn_ion-ios-add-circle:before {
	content: "\f101"
}

.usn_ion-ios-add-circle-outline:before {
	content: "\f100"
}

.usn_ion-ios-airplane:before {
	content: "\f137"
}

.usn_ion-ios-alarm:before {
	content: "\f3c8"
}

.usn_ion-ios-albums:before {
	content: "\f3ca"
}

.usn_ion-ios-alert:before {
	content: "\f104"
}

.usn_ion-ios-american-football:before {
	content: "\f106"
}

.usn_ion-ios-analytics:before {
	content: "\f3ce"
}

.usn_ion-ios-aperture:before {
	content: "\f108"
}

.usn_ion-ios-apps:before {
	content: "\f10a"
}

.usn_ion-ios-appstore:before {
	content: "\f10c"
}

.usn_ion-ios-archive:before {
	content: "\f10e"
}

.usn_ion-ios-arrow-back:before {
	content: "\f3cf"
}

.usn_ion-ios-arrow-down:before {
	content: "\f3d0"
}

.usn_ion-ios-arrow-dropdown:before {
	content: "\f110"
}

.usn_ion-ios-arrow-dropdown-circle:before {
	content: "\f125"
}

.usn_ion-ios-arrow-dropleft:before {
	content: "\f112"
}

.usn_ion-ios-arrow-dropleft-circle:before {
	content: "\f129"
}

.usn_ion-ios-arrow-dropright:before {
	content: "\f114"
}

.usn_ion-ios-arrow-dropright-circle:before {
	content: "\f12b"
}

.usn_ion-ios-arrow-dropup:before {
	content: "\f116"
}

.usn_ion-ios-arrow-dropup-circle:before {
	content: "\f12d"
}

.usn_ion-ios-arrow-forward:before {
	content: "\f3d1"
}

.usn_ion-ios-arrow-round-back:before {
	content: "\f117"
}

.usn_ion-ios-arrow-round-down:before {
	content: "\f118"
}

.usn_ion-ios-arrow-round-forward:before {
	content: "\f119"
}

.usn_ion-ios-arrow-round-up:before {
	content: "\f11a"
}

.usn_ion-ios-arrow-up:before {
	content: "\f3d8"
}

.usn_ion-ios-at:before {
	content: "\f3da"
}

.usn_ion-ios-attach:before {
	content: "\f11b"
}

.usn_ion-ios-backspace:before {
	content: "\f11d"
}

.usn_ion-ios-barcode:before {
	content: "\f3dc"
}

.usn_ion-ios-baseball:before {
	content: "\f3de"
}

.usn_ion-ios-basket:before {
	content: "\f11f"
}

.usn_ion-ios-basketball:before {
	content: "\f3e0"
}

.usn_ion-ios-battery-charging:before {
	content: "\f120"
}

.usn_ion-ios-battery-dead:before {
	content: "\f121"
}

.usn_ion-ios-battery-full:before {
	content: "\f122"
}

.usn_ion-ios-beaker:before {
	content: "\f124"
}

.usn_ion-ios-bed:before {
	content: "\f139"
}

.usn_ion-ios-beer:before {
	content: "\f126"
}

.usn_ion-ios-bicycle:before {
	content: "\f127"
}

.usn_ion-ios-bluetooth:before {
	content: "\f128"
}

.usn_ion-ios-boat:before {
	content: "\f12a"
}

.usn_ion-ios-body:before {
	content: "\f3e4"
}

.usn_ion-ios-bonfire:before {
	content: "\f12c"
}

.usn_ion-ios-book:before {
	content: "\f3e8"
}

.usn_ion-ios-bookmark:before {
	content: "\f12e"
}

.usn_ion-ios-bookmarks:before {
	content: "\f3ea"
}

.usn_ion-ios-bowtie:before {
	content: "\f130"
}

.usn_ion-ios-briefcase:before {
	content: "\f3ee"
}

.usn_ion-ios-browsers:before {
	content: "\f3f0"
}

.usn_ion-ios-brush:before {
	content: "\f132"
}

.usn_ion-ios-bug:before {
	content: "\f134"
}

.usn_ion-ios-build:before {
	content: "\f136"
}

.usn_ion-ios-bulb:before {
	content: "\f138"
}

.usn_ion-ios-bus:before {
	content: "\f13a"
}

.usn_ion-ios-business:before {
	content: "\f1a3"
}

.usn_ion-ios-cafe:before {
	content: "\f13c"
}

.usn_ion-ios-calculator:before {
	content: "\f3f2"
}

.usn_ion-ios-calendar:before {
	content: "\f3f4"
}

.usn_ion-ios-call:before {
	content: "\f13e"
}

.usn_ion-ios-camera:before {
	content: "\f3f6"
}

.usn_ion-ios-car:before {
	content: "\f140"
}

.usn_ion-ios-card:before {
	content: "\f142"
}

.usn_ion-ios-cart:before {
	content: "\f3f8"
}

.usn_ion-ios-cash:before {
	content: "\f144"
}

.usn_ion-ios-cellular:before {
	content: "\f13d"
}

.usn_ion-ios-chatboxes:before {
	content: "\f3fa"
}

.usn_ion-ios-chatbubbles:before {
	content: "\f146"
}

.usn_ion-ios-checkbox:before {
	content: "\f148"
}

.usn_ion-ios-checkbox-outline:before {
	content: "\f147"
}

.usn_ion-ios-checkmark:before {
	content: "\f3ff"
}

.usn_ion-ios-checkmark-circle:before {
	content: "\f14a"
}

.usn_ion-ios-checkmark-circle-outline:before {
	content: "\f149"
}

.usn_ion-ios-clipboard:before {
	content: "\f14c"
}

.usn_ion-ios-clock:before {
	content: "\f403"
}

.usn_ion-ios-close:before {
	content: "\f406"
}

.usn_ion-ios-close-circle:before {
	content: "\f14e"
}

.usn_ion-ios-close-circle-outline:before {
	content: "\f14d"
}

.usn_ion-ios-cloud:before {
	content: "\f40c"
}

.usn_ion-ios-cloud-circle:before {
	content: "\f152"
}

.usn_ion-ios-cloud-done:before {
	content: "\f154"
}

.usn_ion-ios-cloud-download:before {
	content: "\f408"
}

.usn_ion-ios-cloud-outline:before {
	content: "\f409"
}

.usn_ion-ios-cloud-upload:before {
	content: "\f40b"
}

.usn_ion-ios-cloudy:before {
	content: "\f410"
}

.usn_ion-ios-cloudy-night:before {
	content: "\f40e"
}

.usn_ion-ios-code:before {
	content: "\f157"
}

.usn_ion-ios-code-download:before {
	content: "\f155"
}

.usn_ion-ios-code-working:before {
	content: "\f156"
}

.usn_ion-ios-cog:before {
	content: "\f412"
}

.usn_ion-ios-color-fill:before {
	content: "\f159"
}

.usn_ion-ios-color-filter:before {
	content: "\f414"
}

.usn_ion-ios-color-palette:before {
	content: "\f15b"
}

.usn_ion-ios-color-wand:before {
	content: "\f416"
}

.usn_ion-ios-compass:before {
	content: "\f15d"
}

.usn_ion-ios-construct:before {
	content: "\f15f"
}

.usn_ion-ios-contact:before {
	content: "\f41a"
}

.usn_ion-ios-contacts:before {
	content: "\f161"
}

.usn_ion-ios-contract:before {
	content: "\f162"
}

.usn_ion-ios-contrast:before {
	content: "\f163"
}

.usn_ion-ios-copy:before {
	content: "\f41c"
}

.usn_ion-ios-create:before {
	content: "\f165"
}

.usn_ion-ios-crop:before {
	content: "\f41e"
}

.usn_ion-ios-cube:before {
	content: "\f168"
}

.usn_ion-ios-cut:before {
	content: "\f16a"
}

.usn_ion-ios-desktop:before {
	content: "\f16c"
}

.usn_ion-ios-disc:before {
	content: "\f16e"
}

.usn_ion-ios-document:before {
	content: "\f170"
}

.usn_ion-ios-done-all:before {
	content: "\f171"
}

.usn_ion-ios-download:before {
	content: "\f420"
}

.usn_ion-ios-easel:before {
	content: "\f173"
}

.usn_ion-ios-egg:before {
	content: "\f175"
}

.usn_ion-ios-exit:before {
	content: "\f177"
}

.usn_ion-ios-expand:before {
	content: "\f178"
}

.usn_ion-ios-eye:before {
	content: "\f425"
}

.usn_ion-ios-eye-off:before {
	content: "\f17a"
}

.usn_ion-ios-fastforward:before {
	content: "\f427"
}

.usn_ion-ios-female:before {
	content: "\f17b"
}

.usn_ion-ios-filing:before {
	content: "\f429"
}

.usn_ion-ios-film:before {
	content: "\f42b"
}

.usn_ion-ios-finger-print:before {
	content: "\f17c"
}

.usn_ion-ios-fitness:before {
	content: "\f1ab"
}

.usn_ion-ios-flag:before {
	content: "\f42d"
}

.usn_ion-ios-flame:before {
	content: "\f42f"
}

.usn_ion-ios-flash:before {
	content: "\f17e"
}

.usn_ion-ios-flash-off:before {
	content: "\f12f"
}

.usn_ion-ios-flashlight:before {
	content: "\f141"
}

.usn_ion-ios-flask:before {
	content: "\f431"
}

.usn_ion-ios-flower:before {
	content: "\f433"
}

.usn_ion-ios-folder:before {
	content: "\f435"
}

.usn_ion-ios-folder-open:before {
	content: "\f180"
}

.usn_ion-ios-football:before {
	content: "\f437"
}

.usn_ion-ios-funnel:before {
	content: "\f182"
}

.usn_ion-ios-gift:before {
	content: "\f191"
}

.usn_ion-ios-git-branch:before {
	content: "\f183"
}

.usn_ion-ios-git-commit:before {
	content: "\f184"
}

.usn_ion-ios-git-compare:before {
	content: "\f185"
}

.usn_ion-ios-git-merge:before {
	content: "\f186"
}

.usn_ion-ios-git-network:before {
	content: "\f187"
}

.usn_ion-ios-git-pull-request:before {
	content: "\f188"
}

.usn_ion-ios-glasses:before {
	content: "\f43f"
}

.usn_ion-ios-globe:before {
	content: "\f18a"
}

.usn_ion-ios-grid:before {
	content: "\f18c"
}

.usn_ion-ios-hammer:before {
	content: "\f18e"
}

.usn_ion-ios-hand:before {
	content: "\f190"
}

.usn_ion-ios-happy:before {
	content: "\f192"
}

.usn_ion-ios-headset:before {
	content: "\f194"
}

.usn_ion-ios-heart:before {
	content: "\f443"
}

.usn_ion-ios-heart-dislike:before {
	content: "\f13f"
}

.usn_ion-ios-heart-empty:before {
	content: "\f19b"
}

.usn_ion-ios-heart-half:before {
	content: "\f19d"
}

.usn_ion-ios-help:before {
	content: "\f446"
}

.usn_ion-ios-help-buoy:before {
	content: "\f196"
}

.usn_ion-ios-help-circle:before {
	content: "\f198"
}

.usn_ion-ios-help-circle-outline:before {
	content: "\f197"
}

.usn_ion-ios-home:before {
	content: "\f448"
}

.usn_ion-ios-hourglass:before {
	content: "\f103"
}

.usn_ion-ios-ice-cream:before {
	content: "\f19a"
}

.usn_ion-ios-image:before {
	content: "\f19c"
}

.usn_ion-ios-images:before {
	content: "\f19e"
}

.usn_ion-ios-infinite:before {
	content: "\f44a"
}

.usn_ion-ios-informatusn_ion:before {
	content: "\f44d"
}

.usn_ion-ios-informatusn_ion-circle:before {
	content: "\f1a0"
}

.usn_ion-ios-informatusn_ion-circle-outline:before {
	content: "\f19f"
}

.usn_ion-ios-jet:before {
	content: "\f1a5"
}

.usn_ion-ios-journal:before {
	content: "\f189"
}

.usn_ion-ios-key:before {
	content: "\f1a7"
}

.usn_ion-ios-keypad:before {
	content: "\f450"
}

.usn_ion-ios-laptop:before {
	content: "\f1a8"
}

.usn_ion-ios-leaf:before {
	content: "\f1aa"
}

.usn_ion-ios-link:before {
	content: "\f22a"
}

.usn_ion-ios-list:before {
	content: "\f454"
}

.usn_ion-ios-list-box:before {
	content: "\f143"
}

.usn_ion-ios-locate:before {
	content: "\f1ae"
}

.usn_ion-ios-lock:before {
	content: "\f1b0"
}

.usn_ion-ios-log-in:before {
	content: "\f1b1"
}

.usn_ion-ios-log-out:before {
	content: "\f1b2"
}

.usn_ion-ios-magnet:before {
	content: "\f1b4"
}

.usn_ion-ios-mail:before {
	content: "\f1b8"
}

.usn_ion-ios-mail-open:before {
	content: "\f1b6"
}

.usn_ion-ios-mail-unread:before {
	content: "\f145"
}

.usn_ion-ios-male:before {
	content: "\f1b9"
}

.usn_ion-ios-man:before {
	content: "\f1bb"
}

.usn_ion-ios-map:before {
	content: "\f1bd"
}

.usn_ion-ios-medal:before {
	content: "\f1bf"
}

.usn_ion-ios-medical:before {
	content: "\f45c"
}

.usn_ion-ios-medkit:before {
	content: "\f45e"
}

.usn_ion-ios-megaphone:before {
	content: "\f1c1"
}

.usn_ion-ios-menu:before {
	content: "\f1c3"
}

.usn_ion-ios-mic:before {
	content: "\f461"
}

.usn_ion-ios-mic-off:before {
	content: "\f45f"
}

.usn_ion-ios-microphone:before {
	content: "\f1c6"
}

.usn_ion-ios-moon:before {
	content: "\f468"
}

.usn_ion-ios-more:before {
	content: "\f1c8"
}

.usn_ion-ios-move:before {
	content: "\f1cb"
}

.usn_ion-ios-musical-note:before {
	content: "\f46b"
}

.usn_ion-ios-musical-notes:before {
	content: "\f46c"
}

.usn_ion-ios-navigate:before {
	content: "\f46e"
}

.usn_ion-ios-notificatusn_ions:before {
	content: "\f1d3"
}

.usn_ion-ios-notificatusn_ions-off:before {
	content: "\f1d1"
}

.usn_ion-ios-notificatusn_ions-outline:before {
	content: "\f133"
}

.usn_ion-ios-nuclear:before {
	content: "\f1d5"
}

.usn_ion-ios-nutritusn_ion:before {
	content: "\f470"
}

.usn_ion-ios-open:before {
	content: "\f1d7"
}

.usn_ion-ios-optusn_ions:before {
	content: "\f1d9"
}

.usn_ion-ios-outlet:before {
	content: "\f1db"
}

.usn_ion-ios-paper:before {
	content: "\f472"
}

.usn_ion-ios-paper-plane:before {
	content: "\f1dd"
}

.usn_ion-ios-partly-sunny:before {
	content: "\f1df"
}

.usn_ion-ios-pause:before {
	content: "\f478"
}

.usn_ion-ios-paw:before {
	content: "\f47a"
}

.usn_ion-ios-people:before {
	content: "\f47c"
}

.usn_ion-ios-person:before {
	content: "\f47e"
}

.usn_ion-ios-person-add:before {
	content: "\f1e1"
}

.usn_ion-ios-phone-landscape:before {
	content: "\f1e2"
}

.usn_ion-ios-phone-portrait:before {
	content: "\f1e3"
}

.usn_ion-ios-photos:before {
	content: "\f482"
}

.usn_ion-ios-pie:before {
	content: "\f484"
}

.usn_ion-ios-pin:before {
	content: "\f1e5"
}

.usn_ion-ios-pint:before {
	content: "\f486"
}

.usn_ion-ios-pizza:before {
	content: "\f1e7"
}

.usn_ion-ios-planet:before {
	content: "\f1eb"
}

.usn_ion-ios-play:before {
	content: "\f488"
}

.usn_ion-ios-play-circle:before {
	content: "\f113"
}

.usn_ion-ios-podium:before {
	content: "\f1ed"
}

.usn_ion-ios-power:before {
	content: "\f1ef"
}

.usn_ion-ios-pricetag:before {
	content: "\f48d"
}

.usn_ion-ios-pricetags:before {
	content: "\f48f"
}

.usn_ion-ios-print:before {
	content: "\f1f1"
}

.usn_ion-ios-pulse:before {
	content: "\f493"
}

.usn_ion-ios-qr-scanner:before {
	content: "\f1f3"
}

.usn_ion-ios-quote:before {
	content: "\f1f5"
}

.usn_ion-ios-radio:before {
	content: "\f1f9"
}

.usn_ion-ios-radio-button-off:before {
	content: "\f1f6"
}

.usn_ion-ios-radio-button-on:before {
	content: "\f1f7"
}

.usn_ion-ios-rainy:before {
	content: "\f495"
}

.usn_ion-ios-recording:before {
	content: "\f497"
}

.usn_ion-ios-redo:before {
	content: "\f499"
}

.usn_ion-ios-refresh:before {
	content: "\f49c"
}

.usn_ion-ios-refresh-circle:before {
	content: "\f135"
}

.usn_ion-ios-remove:before {
	content: "\f1fc"
}

.usn_ion-ios-remove-circle:before {
	content: "\f1fb"
}

.usn_ion-ios-remove-circle-outline:before {
	content: "\f1fa"
}

.usn_ion-ios-reorder:before {
	content: "\f1fd"
}

.usn_ion-ios-repeat:before {
	content: "\f1fe"
}

.usn_ion-ios-resize:before {
	content: "\f1ff"
}

.usn_ion-ios-restaurant:before {
	content: "\f201"
}

.usn_ion-ios-return-left:before {
	content: "\f202"
}

.usn_ion-ios-return-right:before {
	content: "\f203"
}

.usn_ion-ios-reverse-camera:before {
	content: "\f49f"
}

.usn_ion-ios-rewind:before {
	content: "\f4a1"
}

.usn_ion-ios-ribbon:before {
	content: "\f205"
}

.usn_ion-ios-rocket:before {
	content: "\f14b"
}

.usn_ion-ios-rose:before {
	content: "\f4a3"
}

.usn_ion-ios-sad:before {
	content: "\f207"
}

.usn_ion-ios-save:before {
	content: "\f1a6"
}

.usn_ion-ios-school:before {
	content: "\f209"
}

.usn_ion-ios-search:before {
	content: "\f4a5"
}

.usn_ion-ios-send:before {
	content: "\f20c"
}

.usn_ion-ios-settings:before {
	content: "\f4a7"
}

.usn_ion-ios-share:before {
	content: "\f211"
}

.usn_ion-ios-share-alt:before {
	content: "\f20f"
}

.usn_ion-ios-shirt:before {
	content: "\f213"
}

.usn_ion-ios-shuffle:before {
	content: "\f4a9"
}

.usn_ion-ios-skip-backward:before {
	content: "\f215"
}

.usn_ion-ios-skip-forward:before {
	content: "\f217"
}

.usn_ion-ios-snow:before {
	content: "\f218"
}

.usn_ion-ios-speedometer:before {
	content: "\f4b0"
}

.usn_ion-ios-square:before {
	content: "\f21a"
}

.usn_ion-ios-square-outline:before {
	content: "\f15c"
}

.usn_ion-ios-star:before {
	content: "\f4b3"
}

.usn_ion-ios-star-half:before {
	content: "\f4b1"
}

.usn_ion-ios-star-outline:before {
	content: "\f4b2"
}

.usn_ion-ios-stats:before {
	content: "\f21c"
}

.usn_ion-ios-stopwatch:before {
	content: "\f4b5"
}

.usn_ion-ios-subway:before {
	content: "\f21e"
}

.usn_ion-ios-sunny:before {
	content: "\f4b7"
}

.usn_ion-ios-swap:before {
	content: "\f21f"
}

.usn_ion-ios-switch:before {
	content: "\f221"
}

.usn_ion-ios-sync:before {
	content: "\f222"
}

.usn_ion-ios-tablet-landscape:before {
	content: "\f223"
}

.usn_ion-ios-tablet-portrait:before {
	content: "\f24e"
}

.usn_ion-ios-tennisball:before {
	content: "\f4bb"
}

.usn_ion-ios-text:before {
	content: "\f250"
}

.usn_ion-ios-thermometer:before {
	content: "\f252"
}

.usn_ion-ios-thumbs-down:before {
	content: "\f254"
}

.usn_ion-ios-thumbs-up:before {
	content: "\f256"
}

.usn_ion-ios-thunderstorm:before {
	content: "\f4bd"
}

.usn_ion-ios-time:before {
	content: "\f4bf"
}

.usn_ion-ios-timer:before {
	content: "\f4c1"
}

.usn_ion-ios-today:before {
	content: "\f14f"
}

.usn_ion-ios-train:before {
	content: "\f258"
}

.usn_ion-ios-transgender:before {
	content: "\f259"
}

.usn_ion-ios-trash:before {
	content: "\f4c5"
}

.usn_ion-ios-trending-down:before {
	content: "\f25a"
}

.usn_ion-ios-trending-up:before {
	content: "\f25b"
}

.usn_ion-ios-trophy:before {
	content: "\f25d"
}

.usn_ion-ios-tv:before {
	content: "\f115"
}

.usn_ion-ios-umbrella:before {
	content: "\f25f"
}

.usn_ion-ios-undo:before {
	content: "\f4c7"
}

.usn_ion-ios-unlock:before {
	content: "\f261"
}

.usn_ion-ios-videocam:before {
	content: "\f4cd"
}

.usn_ion-ios-volume-high:before {
	content: "\f11c"
}

.usn_ion-ios-volume-low:before {
	content: "\f11e"
}

.usn_ion-ios-volume-mute:before {
	content: "\f263"
}

.usn_ion-ios-volume-off:before {
	content: "\f264"
}

.usn_ion-ios-walk:before {
	content: "\f266"
}

.usn_ion-ios-wallet:before {
	content: "\f18b"
}

.usn_ion-ios-warning:before {
	content: "\f268"
}

.usn_ion-ios-watch:before {
	content: "\f269"
}

.usn_ion-ios-water:before {
	content: "\f26b"
}

.usn_ion-ios-wifi:before {
	content: "\f26d"
}

.usn_ion-ios-wine:before {
	content: "\f26f"
}

.usn_ion-ios-woman:before {
	content: "\f271"
}

.usn_ion-logo-android:before {
	content: "\f225"
}

.usn_ion-logo-angular:before {
	content: "\f227"
}

.usn_ion-logo-apple:before {
	content: "\f229"
}

.usn_ion-logo-bitbucket:before {
	content: "\f193"
}

.usn_ion-logo-bitcoin:before {
	content: "\f22b"
}

.usn_ion-logo-buffer:before {
	content: "\f22d"
}

.usn_ion-logo-chrome:before {
	content: "\f22f"
}

.usn_ion-logo-closed-captusn_ioning:before {
	content: "\f105"
}

.usn_ion-logo-codepen:before {
	content: "\f230"
}

.usn_ion-logo-css3:before {
	content: "\f231"
}

.usn_ion-logo-designernews:before {
	content: "\f232"
}

.usn_ion-logo-dribbble:before {
	content: "\f233"
}

.usn_ion-logo-dropbox:before {
	content: "\f234"
}

.usn_ion-logo-euro:before {
	content: "\f235"
}

.usn_ion-logo-facebook:before {
	content: "\f236"
}

.usn_ion-logo-flickr:before {
	content: "\f107"
}

.usn_ion-logo-foursquare:before {
	content: "\f237"
}

.usn_ion-logo-freebsd-devil:before {
	content: "\f238"
}

.usn_ion-logo-game-controller-a:before {
	content: "\f13b"
}

.usn_ion-logo-game-controller-b:before {
	content: "\f181"
}

.usn_ion-logo-github:before {
	content: "\f239"
}

.usn_ion-logo-google:before {
	content: "\f23a"
}

.usn_ion-logo-googleplus:before {
	content: "\f23b"
}

.usn_ion-logo-hackernews:before {
	content: "\f23c"
}

.usn_ion-logo-html5:before {
	content: "\f23d"
}

.usn_ion-logo-instagram:before {
	content: "\f23e"
}

.usn_ion-logo-usn_ionic:before {
	content: "\f150"
}

.usn_ion-logo-usn_ionitron:before {
	content: "\f151"
}

.usn_ion-logo-javascript:before {
	content: "\f23f"
}

.usn_ion-logo-linkedin:before {
	content: "\f240"
}

.usn_ion-logo-markdown:before {
	content: "\f241"
}

.usn_ion-logo-model-s:before {
	content: "\f153"
}

.usn_ion-logo-no-smoking:before {
	content: "\f109"
}

.usn_ion-logo-nodejs:before {
	content: "\f242"
}

.usn_ion-logo-npm:before {
	content: "\f195"
}

.usn_ion-logo-octocat:before {
	content: "\f243"
}

.usn_ion-logo-pinterest:before {
	content: "\f244"
}

.usn_ion-logo-playstatusn_ion:before {
	content: "\f245"
}

.usn_ion-logo-polymer:before {
	content: "\f15e"
}

.usn_ion-logo-python:before {
	content: "\f246"
}

.usn_ion-logo-reddit:before {
	content: "\f247"
}

.usn_ion-logo-rss:before {
	content: "\f248"
}

.usn_ion-logo-sass:before {
	content: "\f249"
}

.usn_ion-logo-skype:before {
	content: "\f24a"
}

.usn_ion-logo-slack:before {
	content: "\f10b"
}

.usn_ion-logo-snapchat:before {
	content: "\f24b"
}

.usn_ion-logo-steam:before {
	content: "\f24c"
}

.usn_ion-logo-tumblr:before {
	content: "\f24d"
}

.usn_ion-logo-tux:before {
	content: "\f2ae"
}

.usn_ion-logo-twitch:before {
	content: "\f2af"
}

.usn_ion-logo-twitter:before {
	content: "\f2b0"
}

.usn_ion-logo-usd:before {
	content: "\f2b1"
}

.usn_ion-logo-vimeo:before {
	content: "\f2c4"
}

.usn_ion-logo-vk:before {
	content: "\f10d"
}

.usn_ion-logo-whatsapp:before {
	content: "\f2c5"
}

.usn_ion-logo-windows:before {
	content: "\f32f"
}

.usn_ion-logo-wordpress:before {
	content: "\f330"
}

.usn_ion-logo-xbox:before {
	content: "\f34c"
}

.usn_ion-logo-xing:before {
	content: "\f10f"
}

.usn_ion-logo-yahoo:before {
	content: "\f34d"
}

.usn_ion-logo-yen:before {
	content: "\f34e"
}

.usn_ion-logo-youtube:before {
	content: "\f34f"
}

.usn_ion-md-add:before {
	content: "\f273"
}

.usn_ion-md-add-circle:before {
	content: "\f272"
}

.usn_ion-md-add-circle-outline:before {
	content: "\f158"
}

.usn_ion-md-airplane:before {
	content: "\f15a"
}

.usn_ion-md-alarm:before {
	content: "\f274"
}

.usn_ion-md-albums:before {
	content: "\f275"
}

.usn_ion-md-alert:before {
	content: "\f276"
}

.usn_ion-md-american-football:before {
	content: "\f277"
}

.usn_ion-md-analytics:before {
	content: "\f278"
}

.usn_ion-md-aperture:before {
	content: "\f279"
}

.usn_ion-md-apps:before {
	content: "\f27a"
}

.usn_ion-md-appstore:before {
	content: "\f27b"
}

.usn_ion-md-archive:before {
	content: "\f27c"
}

.usn_ion-md-arrow-back:before {
	content: "\f27d"
}

.usn_ion-md-arrow-down:before {
	content: "\f27e"
}

.usn_ion-md-arrow-dropdown:before {
	content: "\f280"
}

.usn_ion-md-arrow-dropdown-circle:before {
	content: "\f27f"
}

.usn_ion-md-arrow-dropleft:before {
	content: "\f282"
}

.usn_ion-md-arrow-dropleft-circle:before {
	content: "\f281"
}

.usn_ion-md-arrow-dropright:before {
	content: "\f284"
}

.usn_ion-md-arrow-dropright-circle:before {
	content: "\f283"
}

.usn_ion-md-arrow-dropup:before {
	content: "\f286"
}

.usn_ion-md-arrow-dropup-circle:before {
	content: "\f285"
}

.usn_ion-md-arrow-forward:before {
	content: "\f287"
}

.usn_ion-md-arrow-round-back:before {
	content: "\f288"
}

.usn_ion-md-arrow-round-down:before {
	content: "\f289"
}

.usn_ion-md-arrow-round-forward:before {
	content: "\f28a"
}

.usn_ion-md-arrow-round-up:before {
	content: "\f28b"
}

.usn_ion-md-arrow-up:before {
	content: "\f28c"
}

.usn_ion-md-at:before {
	content: "\f28d"
}

.usn_ion-md-attach:before {
	content: "\f28e"
}

.usn_ion-md-backspace:before {
	content: "\f28f"
}

.usn_ion-md-barcode:before {
	content: "\f290"
}

.usn_ion-md-baseball:before {
	content: "\f291"
}

.usn_ion-md-basket:before {
	content: "\f292"
}

.usn_ion-md-basketball:before {
	content: "\f293"
}

.usn_ion-md-battery-charging:before {
	content: "\f294"
}

.usn_ion-md-battery-dead:before {
	content: "\f295"
}

.usn_ion-md-battery-full:before {
	content: "\f296"
}

.usn_ion-md-beaker:before {
	content: "\f297"
}

.usn_ion-md-bed:before {
	content: "\f160"
}

.usn_ion-md-beer:before {
	content: "\f298"
}

.usn_ion-md-bicycle:before {
	content: "\f299"
}

.usn_ion-md-bluetooth:before {
	content: "\f29a"
}

.usn_ion-md-boat:before {
	content: "\f29b"
}

.usn_ion-md-body:before {
	content: "\f29c"
}

.usn_ion-md-bonfire:before {
	content: "\f29d"
}

.usn_ion-md-book:before {
	content: "\f29e"
}

.usn_ion-md-bookmark:before {
	content: "\f29f"
}

.usn_ion-md-bookmarks:before {
	content: "\f2a0"
}

.usn_ion-md-bowtie:before {
	content: "\f2a1"
}

.usn_ion-md-briefcase:before {
	content: "\f2a2"
}

.usn_ion-md-browsers:before {
	content: "\f2a3"
}

.usn_ion-md-brush:before {
	content: "\f2a4"
}

.usn_ion-md-bug:before {
	content: "\f2a5"
}

.usn_ion-md-build:before {
	content: "\f2a6"
}

.usn_ion-md-bulb:before {
	content: "\f2a7"
}

.usn_ion-md-bus:before {
	content: "\f2a8"
}

.usn_ion-md-business:before {
	content: "\f1a4"
}

.usn_ion-md-cafe:before {
	content: "\f2a9"
}

.usn_ion-md-calculator:before {
	content: "\f2aa"
}

.usn_ion-md-calendar:before {
	content: "\f2ab"
}

.usn_ion-md-call:before {
	content: "\f2ac"
}

.usn_ion-md-camera:before {
	content: "\f2ad"
}

.usn_ion-md-car:before {
	content: "\f2b2"
}

.usn_ion-md-card:before {
	content: "\f2b3"
}

.usn_ion-md-cart:before {
	content: "\f2b4"
}

.usn_ion-md-cash:before {
	content: "\f2b5"
}

.usn_ion-md-cellular:before {
	content: "\f164"
}

.usn_ion-md-chatboxes:before {
	content: "\f2b6"
}

.usn_ion-md-chatbubbles:before {
	content: "\f2b7"
}

.usn_ion-md-checkbox:before {
	content: "\f2b9"
}

.usn_ion-md-checkbox-outline:before {
	content: "\f2b8"
}

.usn_ion-md-checkmark:before {
	content: "\f2bc"
}

.usn_ion-md-checkmark-circle:before {
	content: "\f2bb"
}

.usn_ion-md-checkmark-circle-outline:before {
	content: "\f2ba"
}

.usn_ion-md-clipboard:before {
	content: "\f2bd"
}

.usn_ion-md-clock:before {
	content: "\f2be"
}

.usn_ion-md-close:before {
	content: "\f2c0"
}

.usn_ion-md-close-circle:before {
	content: "\f2bf"
}

.usn_ion-md-close-circle-outline:before {
	content: "\f166"
}

.usn_ion-md-cloud:before {
	content: "\f2c9"
}

.usn_ion-md-cloud-circle:before {
	content: "\f2c2"
}

.usn_ion-md-cloud-done:before {
	content: "\f2c3"
}

.usn_ion-md-cloud-download:before {
	content: "\f2c6"
}

.usn_ion-md-cloud-outline:before {
	content: "\f2c7"
}

.usn_ion-md-cloud-upload:before {
	content: "\f2c8"
}

.usn_ion-md-cloudy:before {
	content: "\f2cb"
}

.usn_ion-md-cloudy-night:before {
	content: "\f2ca"
}

.usn_ion-md-code:before {
	content: "\f2ce"
}

.usn_ion-md-code-download:before {
	content: "\f2cc"
}

.usn_ion-md-code-working:before {
	content: "\f2cd"
}

.usn_ion-md-cog:before {
	content: "\f2cf"
}

.usn_ion-md-color-fill:before {
	content: "\f2d0"
}

.usn_ion-md-color-filter:before {
	content: "\f2d1"
}

.usn_ion-md-color-palette:before {
	content: "\f2d2"
}

.usn_ion-md-color-wand:before {
	content: "\f2d3"
}

.usn_ion-md-compass:before {
	content: "\f2d4"
}

.usn_ion-md-construct:before {
	content: "\f2d5"
}

.usn_ion-md-contact:before {
	content: "\f2d6"
}

.usn_ion-md-contacts:before {
	content: "\f2d7"
}

.usn_ion-md-contract:before {
	content: "\f2d8"
}

.usn_ion-md-contrast:before {
	content: "\f2d9"
}

.usn_ion-md-copy:before {
	content: "\f2da"
}

.usn_ion-md-create:before {
	content: "\f2db"
}

.usn_ion-md-crop:before {
	content: "\f2dc"
}

.usn_ion-md-cube:before {
	content: "\f2dd"
}

.usn_ion-md-cut:before {
	content: "\f2de"
}

.usn_ion-md-desktop:before {
	content: "\f2df"
}

.usn_ion-md-disc:before {
	content: "\f2e0"
}

.usn_ion-md-document:before {
	content: "\f2e1"
}

.usn_ion-md-done-all:before {
	content: "\f2e2"
}

.usn_ion-md-download:before {
	content: "\f2e3"
}

.usn_ion-md-easel:before {
	content: "\f2e4"
}

.usn_ion-md-egg:before {
	content: "\f2e5"
}

.usn_ion-md-exit:before {
	content: "\f2e6"
}

.usn_ion-md-expand:before {
	content: "\f2e7"
}

.usn_ion-md-eye:before {
	content: "\f2e9"
}

.usn_ion-md-eye-off:before {
	content: "\f2e8"
}

.usn_ion-md-fastforward:before {
	content: "\f2ea"
}

.usn_ion-md-female:before {
	content: "\f2eb"
}

.usn_ion-md-filing:before {
	content: "\f2ec"
}

.usn_ion-md-film:before {
	content: "\f2ed"
}

.usn_ion-md-finger-print:before {
	content: "\f2ee"
}

.usn_ion-md-fitness:before {
	content: "\f1ac"
}

.usn_ion-md-flag:before {
	content: "\f2ef"
}

.usn_ion-md-flame:before {
	content: "\f2f0"
}

.usn_ion-md-flash:before {
	content: "\f2f1"
}

.usn_ion-md-flash-off:before {
	content: "\f169"
}

.usn_ion-md-flashlight:before {
	content: "\f16b"
}

.usn_ion-md-flask:before {
	content: "\f2f2"
}

.usn_ion-md-flower:before {
	content: "\f2f3"
}

.usn_ion-md-folder:before {
	content: "\f2f5"
}

.usn_ion-md-folder-open:before {
	content: "\f2f4"
}

.usn_ion-md-football:before {
	content: "\f2f6"
}

.usn_ion-md-funnel:before {
	content: "\f2f7"
}

.usn_ion-md-gift:before {
	content: "\f199"
}

.usn_ion-md-git-branch:before {
	content: "\f2fa"
}

.usn_ion-md-git-commit:before {
	content: "\f2fb"
}

.usn_ion-md-git-compare:before {
	content: "\f2fc"
}

.usn_ion-md-git-merge:before {
	content: "\f2fd"
}

.usn_ion-md-git-network:before {
	content: "\f2fe"
}

.usn_ion-md-git-pull-request:before {
	content: "\f2ff"
}

.usn_ion-md-glasses:before {
	content: "\f300"
}

.usn_ion-md-globe:before {
	content: "\f301"
}

.usn_ion-md-grid:before {
	content: "\f302"
}

.usn_ion-md-hammer:before {
	content: "\f303"
}

.usn_ion-md-hand:before {
	content: "\f304"
}

.usn_ion-md-happy:before {
	content: "\f305"
}

.usn_ion-md-headset:before {
	content: "\f306"
}

.usn_ion-md-heart:before {
	content: "\f308"
}

.usn_ion-md-heart-dislike:before {
	content: "\f167"
}

.usn_ion-md-heart-empty:before {
	content: "\f1a1"
}

.usn_ion-md-heart-half:before {
	content: "\f1a2"
}

.usn_ion-md-help:before {
	content: "\f30b"
}

.usn_ion-md-help-buoy:before {
	content: "\f309"
}

.usn_ion-md-help-circle:before {
	content: "\f30a"
}

.usn_ion-md-help-circle-outline:before {
	content: "\f16d"
}

.usn_ion-md-home:before {
	content: "\f30c"
}

.usn_ion-md-hourglass:before {
	content: "\f111"
}

.usn_ion-md-ice-cream:before {
	content: "\f30d"
}

.usn_ion-md-image:before {
	content: "\f30e"
}

.usn_ion-md-images:before {
	content: "\f30f"
}

.usn_ion-md-infinite:before {
	content: "\f310"
}

.usn_ion-md-informatusn_ion:before {
	content: "\f312"
}

.usn_ion-md-informatusn_ion-circle:before {
	content: "\f311"
}

.usn_ion-md-informatusn_ion-circle-outline:before {
	content: "\f16f"
}

.usn_ion-md-jet:before {
	content: "\f315"
}

.usn_ion-md-journal:before {
	content: "\f18d"
}

.usn_ion-md-key:before {
	content: "\f316"
}

.usn_ion-md-keypad:before {
	content: "\f317"
}

.usn_ion-md-laptop:before {
	content: "\f318"
}

.usn_ion-md-leaf:before {
	content: "\f319"
}

.usn_ion-md-link:before {
	content: "\f22e"
}

.usn_ion-md-list:before {
	content: "\f31b"
}

.usn_ion-md-list-box:before {
	content: "\f31a"
}

.usn_ion-md-locate:before {
	content: "\f31c"
}

.usn_ion-md-lock:before {
	content: "\f31d"
}

.usn_ion-md-log-in:before {
	content: "\f31e"
}

.usn_ion-md-log-out:before {
	content: "\f31f"
}

.usn_ion-md-magnet:before {
	content: "\f320"
}

.usn_ion-md-mail:before {
	content: "\f322"
}

.usn_ion-md-mail-open:before {
	content: "\f321"
}

.usn_ion-md-mail-unread:before {
	content: "\f172"
}

.usn_ion-md-male:before {
	content: "\f323"
}

.usn_ion-md-man:before {
	content: "\f324"
}

.usn_ion-md-map:before {
	content: "\f325"
}

.usn_ion-md-medal:before {
	content: "\f326"
}

.usn_ion-md-medical:before {
	content: "\f327"
}

.usn_ion-md-medkit:before {
	content: "\f328"
}

.usn_ion-md-megaphone:before {
	content: "\f329"
}

.usn_ion-md-menu:before {
	content: "\f32a"
}

.usn_ion-md-mic:before {
	content: "\f32c"
}

.usn_ion-md-mic-off:before {
	content: "\f32b"
}

.usn_ion-md-microphone:before {
	content: "\f32d"
}

.usn_ion-md-moon:before {
	content: "\f32e"
}

.usn_ion-md-more:before {
	content: "\f1c9"
}

.usn_ion-md-move:before {
	content: "\f331"
}

.usn_ion-md-musical-note:before {
	content: "\f332"
}

.usn_ion-md-musical-notes:before {
	content: "\f333"
}

.usn_ion-md-navigate:before {
	content: "\f334"
}

.usn_ion-md-notificatusn_ions:before {
	content: "\f338"
}

.usn_ion-md-notificatusn_ions-off:before {
	content: "\f336"
}

.usn_ion-md-notificatusn_ions-outline:before {
	content: "\f337"
}

.usn_ion-md-nuclear:before {
	content: "\f339"
}

.usn_ion-md-nutritusn_ion:before {
	content: "\f33a"
}

.usn_ion-md-open:before {
	content: "\f33b"
}

.usn_ion-md-optusn_ions:before {
	content: "\f33c"
}

.usn_ion-md-outlet:before {
	content: "\f33d"
}

.usn_ion-md-paper:before {
	content: "\f33f"
}

.usn_ion-md-paper-plane:before {
	content: "\f33e"
}

.usn_ion-md-partly-sunny:before {
	content: "\f340"
}

.usn_ion-md-pause:before {
	content: "\f341"
}

.usn_ion-md-paw:before {
	content: "\f342"
}

.usn_ion-md-people:before {
	content: "\f343"
}

.usn_ion-md-person:before {
	content: "\f345"
}

.usn_ion-md-person-add:before {
	content: "\f344"
}

.usn_ion-md-phone-landscape:before {
	content: "\f346"
}

.usn_ion-md-phone-portrait:before {
	content: "\f347"
}

.usn_ion-md-photos:before {
	content: "\f348"
}

.usn_ion-md-pie:before {
	content: "\f349"
}

.usn_ion-md-pin:before {
	content: "\f34a"
}

.usn_ion-md-pint:before {
	content: "\f34b"
}

.usn_ion-md-pizza:before {
	content: "\f354"
}

.usn_ion-md-planet:before {
	content: "\f356"
}

.usn_ion-md-play:before {
	content: "\f357"
}

.usn_ion-md-play-circle:before {
	content: "\f174"
}

.usn_ion-md-podium:before {
	content: "\f358"
}

.usn_ion-md-power:before {
	content: "\f359"
}

.usn_ion-md-pricetag:before {
	content: "\f35a"
}

.usn_ion-md-pricetags:before {
	content: "\f35b"
}

.usn_ion-md-print:before {
	content: "\f35c"
}

.usn_ion-md-pulse:before {
	content: "\f35d"
}

.usn_ion-md-qr-scanner:before {
	content: "\f35e"
}

.usn_ion-md-quote:before {
	content: "\f35f"
}

.usn_ion-md-radio:before {
	content: "\f362"
}

.usn_ion-md-radio-button-off:before {
	content: "\f360"
}

.usn_ion-md-radio-button-on:before {
	content: "\f361"
}

.usn_ion-md-rainy:before {
	content: "\f363"
}

.usn_ion-md-recording:before {
	content: "\f364"
}

.usn_ion-md-redo:before {
	content: "\f365"
}

.usn_ion-md-refresh:before {
	content: "\f366"
}

.usn_ion-md-refresh-circle:before {
	content: "\f228"
}

.usn_ion-md-remove:before {
	content: "\f368"
}

.usn_ion-md-remove-circle:before {
	content: "\f367"
}

.usn_ion-md-remove-circle-outline:before {
	content: "\f176"
}

.usn_ion-md-reorder:before {
	content: "\f369"
}

.usn_ion-md-repeat:before {
	content: "\f36a"
}

.usn_ion-md-resize:before {
	content: "\f36b"
}

.usn_ion-md-restaurant:before {
	content: "\f36c"
}

.usn_ion-md-return-left:before {
	content: "\f36d"
}

.usn_ion-md-return-right:before {
	content: "\f36e"
}

.usn_ion-md-reverse-camera:before {
	content: "\f36f"
}

.usn_ion-md-rewind:before {
	content: "\f370"
}

.usn_ion-md-ribbon:before {
	content: "\f371"
}

.usn_ion-md-rocket:before {
	content: "\f179"
}

.usn_ion-md-rose:before {
	content: "\f372"
}

.usn_ion-md-sad:before {
	content: "\f373"
}

.usn_ion-md-save:before {
	content: "\f1a9"
}

.usn_ion-md-school:before {
	content: "\f374"
}

.usn_ion-md-search:before {
	content: "\f375"
}

.usn_ion-md-send:before {
	content: "\f376"
}

.usn_ion-md-settings:before {
	content: "\f377"
}

.usn_ion-md-share:before {
	content: "\f379"
}

.usn_ion-md-share-alt:before {
	content: "\f378"
}

.usn_ion-md-shirt:before {
	content: "\f37a"
}

.usn_ion-md-shuffle:before {
	content: "\f37b"
}

.usn_ion-md-skip-backward:before {
	content: "\f37c"
}

.usn_ion-md-skip-forward:before {
	content: "\f37d"
}

.usn_ion-md-snow:before {
	content: "\f37e"
}

.usn_ion-md-speedometer:before {
	content: "\f37f"
}

.usn_ion-md-square:before {
	content: "\f381"
}

.usn_ion-md-square-outline:before {
	content: "\f380"
}

.usn_ion-md-star:before {
	content: "\f384"
}

.usn_ion-md-star-half:before {
	content: "\f382"
}

.usn_ion-md-star-outline:before {
	content: "\f383"
}

.usn_ion-md-stats:before {
	content: "\f385"
}

.usn_ion-md-stopwatch:before {
	content: "\f386"
}

.usn_ion-md-subway:before {
	content: "\f387"
}

.usn_ion-md-sunny:before {
	content: "\f388"
}

.usn_ion-md-swap:before {
	content: "\f389"
}

.usn_ion-md-switch:before {
	content: "\f38a"
}

.usn_ion-md-sync:before {
	content: "\f38b"
}

.usn_ion-md-tablet-landscape:before {
	content: "\f38c"
}

.usn_ion-md-tablet-portrait:before {
	content: "\f38d"
}

.usn_ion-md-tennisball:before {
	content: "\f38e"
}

.usn_ion-md-text:before {
	content: "\f38f"
}

.usn_ion-md-thermometer:before {
	content: "\f390"
}

.usn_ion-md-thumbs-down:before {
	content: "\f391"
}

.usn_ion-md-thumbs-up:before {
	content: "\f392"
}

.usn_ion-md-thunderstorm:before {
	content: "\f393"
}

.usn_ion-md-time:before {
	content: "\f394"
}

.usn_ion-md-timer:before {
	content: "\f395"
}

.usn_ion-md-today:before {
	content: "\f17d"
}

.usn_ion-md-train:before {
	content: "\f396"
}

.usn_ion-md-transgender:before {
	content: "\f397"
}

.usn_ion-md-trash:before {
	content: "\f398"
}

.usn_ion-md-trending-down:before {
	content: "\f399"
}

.usn_ion-md-trending-up:before {
	content: "\f39a"
}

.usn_ion-md-trophy:before {
	content: "\f39b"
}

.usn_ion-md-tv:before {
	content: "\f17f"
}

.usn_ion-md-umbrella:before {
	content: "\f39c"
}

.usn_ion-md-undo:before {
	content: "\f39d"
}

.usn_ion-md-unlock:before {
	content: "\f39e"
}

.usn_ion-md-videocam:before {
	content: "\f39f"
}

.usn_ion-md-volume-high:before {
	content: "\f123"
}

.usn_ion-md-volume-low:before {
	content: "\f131"
}

.usn_ion-md-volume-mute:before {
	content: "\f3a1"
}

.usn_ion-md-volume-off:before {
	content: "\f3a2"
}

.usn_ion-md-walk:before {
	content: "\f3a4"
}

.usn_ion-md-wallet:before {
	content: "\f18f"
}

.usn_ion-md-warning:before {
	content: "\f3a5"
}

.usn_ion-md-watch:before {
	content: "\f3a6"
}

.usn_ion-md-water:before {
	content: "\f3a7"
}

.usn_ion-md-wifi:before {
	content: "\f3a8"
}

.usn_ion-md-wine:before {
	content: "\f3a9"
}

.usn_ion-md-woman:before {
	content: "\f3aa"
}
/*	
--------------------------------------------------
Theme 
-------------------------------------------------- 
*/


/* 	
--------------------------------------------------
Table of contents
-------------------------------------------------- 

Body
Header
Footer
Generic
Base Backgrounds
- Background
- Secondary heading
- Heading
- Text
- Borders 
- Links
Base Buttons
- Background
- Borders
- Text
	
*/



/* Body */

body { 
    background: rgba(var(--body-bg-color1), 1); 
}
body.body-bg-linear { 
    background: linear-gradient(var(--body-bg-angle), rgba(var(--body-bg-color1), 1) 0%, rgba(var(--body-bg-color2), 1) 100%); 
}
body.body-bg-radial { 
    background: radial-gradient(farthest-side at var(--body-bg-start-perc) var(--body-bg-stop-perc), rgba(var(--body-bg-color1), 1) 0%, rgba(var(--body-bg-color2), 1) 100%); 
}


/* Header */

header#site-header {
    color: rgba(var(--header-text), 1);
}

header#site-header { 
    background: rgba(var(--header-bg-color1), 1); 
}
header#site-header.header-bg-linear { 
    background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%); 
}
header#site-header.header-bg-radial { 
    background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%); 
}

header#site-header #logo a { 
    color: rgba(var(--logo-link), 1);
}
header#site-header #logo a:hover,
header#site-header #logo a:focus,
header#site-header #logo a:active { 
    color: rgba(var(--logo-link-hover), 1);
}


/* Footer */

footer#site-footer {
    color: rgba(var(--footer-text), 1);
}

footer#site-footer { 
    background: rgba(var(--footer-bg-color1), 1); 
}
footer#site-footer.footer-bg-linear { 
    background: linear-gradient(var(--footer-bg-angle), rgba(var(--footer-bg-color1), 1) 0%, rgba(var(--footer-bg-color2), 1) 100%); 
}
footer#site-footer.footer-bg-radial { 
    background: radial-gradient(farthest-side at var(--footer-bg-start-perc) var(--footer-bg-stop-perc), rgba(var(--footer-bg-color1), 1) 0%, rgba(var(--footer-bg-color2), 1) 100%); 
}


/*	
--------------------------------------------------
White and Black
-------------------------------------------------- 
*/

.white-bg { 
    background: rgba(var(--true-white), 1);
}

.white-text { 
    color: rgba(var(--true-white), 1);
}

.black-bg { 
    background: rgba(var(--true-black), 1);
}

.black-text { 
    color: rgba(var(--true-black), 1);
}


/*	
--------------------------------------------------
Base Colours - Backgrounds
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */
.base-bg,
.item.item_overlay .inner .image.base-bg::before,
.usn_cmp_banner .item.item_overlay.base-bg .inner::before { 
    background: rgba(var(--base-bg-color1), 1); 
}


/* Backgrounds Linear */

.base-bg.base-bg-linear,
.item.item_overlay .inner .image.base-bg.base-bg-linear::before,
.usn_cmp_banner .item.item_overlay.base-bg.base-bg-linear .inner::before { 
    background: linear-gradient(var(--base-bg-angle), rgba(var(--base-bg-color1), 1) 0%, rgba(var(--base-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.base-bg.base-bg-radial,
.item.item_overlay .inner .image.base-bg.base-bg-radial::before,
.usn_cmp_banner .item.item_overlay.base-bg.base-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--base-bg-start-perc) var(--base-bg-stop-perc), rgba(var(--base-bg-color1), 1) 0%, rgba(var(--base-bg-color2), 1) 100%); 
}

/* Tables */

table,
table tr:nth-of-type(even) td,
.tables table tr:nth-of-type(even) td { 
    background:transparent;
}


/* Headings */

h1:not(.heading), 
h2:not(.heading), 
h3:not(.heading), 
h4:not(.heading), 
h5:not(.heading), 
h6:not(.heading),
thead {
    color: rgba(var(--base-heading), 1);
}

.base-heading {
    color: rgba(var(--base-heading), 1)!important;
}


/* Secondary Headings */

.base-secondary-heading {
    color: rgba(var(--base-secondary-heading), 1)!important;
}


/* Text */

body,
.base-text {
    color: rgba(var(--base-text), 1);
}


/* Text selection */

::selection { 
    color: rgba(var(--base-highlight-text), 1); 
    background-color: rgba(var(--base-highlight), 1); 
}


/* Borders */

.base-borders,
table, table th, table td {
    border-color: rgba(var(--base-borders), 1);
}
thead,
.quick-links ul li a::after { 
    background-color: rgba(var(--base-borders), 1);
}


/* Links */

a,
.base-link,
.base-bg a:not(.btn),
.base-text a:not(.btn),
.base-bg .base-text a:not(.btn) {
    color: rgba(var(--base-link), 1);
}

    a:not(.no-hover):hover,
    a:not(.no-hover):focus,
    a:not(.no-hover):active,
    .base-link:hover,
    .base-link:focus,
    .base-link:active,
    .base-bg a:not(.btn):not(.no-hover):hover,
    .base-bg a:not(.btn):not(.no-hover):focus,
    .base-bg a:not(.btn):not(.no-hover):active,
    .base-text a:not(.btn):not(.no-hover):hover,
    .base-text a:not(.btn):not(.no-hover):focus,
    .base-text a:not(.btn):not(.no-hover):active,
    .base-bg .base-text a:not(.btn):not(.no-hover):hover,
    .base-bg .base-text a:not(.btn):not(.no-hover):focus,
    .base-bg .base-text a:not(.btn):not(.no-hover):active {
        color: rgba(var(--base-link-hover), 1);
    }


/* Highlights */

.base-highlight-bg {
    background-color: rgba(var(--base-highlight), 1);
}

blockquote::before,
.base-bg blockquote::before,
.component .component.base-bg div > blockquote::before { 
    color: rgba(var(--base-highlight), 1);
}


/* Used in rich text editors */

.heading {
    color: rgba(var(--base-heading), 1);
}
.secondary-heading {
    color: rgba(var(--base-secondary-heading), 1);
}
blockquote,
.quote {
    color: rgba(var(--base-heading), 1);
}
blockquote::before,
.quote::before {
    color: rgba(var(--base-highlight), 1);
}

.base-highlight-text,
.label.item-label.base-label-text {
    color: rgba(var(--base-highlight-text), 1);
}

.base-bg .label:not(.item-label),
.label.item-label.base-label-bg {
    background-color: rgba(var(--base-highlight), 1);
    color: rgba(var(--base-highlight-text), 1);
}


/*	
--------------------------------------------------
Buttons
-------------------------------------------------- 
*/


/*	
--------------------------------------------------
Base Colours - Buttons
-------------------------------------------------- 
*/

/* Solid Buttons */
.btn.base-btn-bg, 
.btn-bg_base-btn-bg .btn {
    background: rgba(var(--base-btn-bg-color1), 1);
}

.base-btn-bg:hover, 
.btn-bg_base-btn-bg .btn:hover,
.btn.base-btn-bg:focus, 
.btn-bg_base-btn-bg .btn:focus,
.btn.base-btn-bg:active, 
.btn-bg_base-btn-bg .btn:active {
    background: rgba(var(--base-btn-bg-color1), 1);
}

/* Linear Buttons */
.btn.base-btn-bg.base-btn-bg-linear, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-linear .btn {
    background: linear-gradient(var(--base-btn-bg-angle), rgba(var(--base-btn-bg-color1), 1) 0%, rgba(var(--base-btn-bg-color2), 1) 100%); 
}

.base-btn-bg.base-btn-bg-linear:hover, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-linear .btn:hover,
.btn.base-btn-bg.base-btn-bg-linear:focus, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-linear .btn:focus,
.btn.base-btn-bg.base-btn-bg-linear:active, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-linear .btn:active {
    background: linear-gradient(var(--base-btn-bg-angle), rgba(var(--base-btn-bg-color1), 1) 0%, rgba(var(--base-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */
.btn.base-btn-bg.base-btn-bg-radial, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--base-btn-bg-start-perc) var(--base-btn-bg-stop-perc), rgba(var(--base-btn-bg-color1), 1) 0%, rgba(var(--base-btn-bg-color2), 1) 100%); 
}

.base-btn-bg.base-btn-bg-radial:hover, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-radial .btn:hover,
.btn.base-btn-bg.base-btn-bg-radial:focus, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-radial .btn:focus,
.btn.base-btn-bg.base-btn-bg-radial:active, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--base-btn-bg-start-perc) var(--base-btn-bg-stop-perc), rgba(var(--base-btn-bg-color1), 1) 0%, rgba(var(--base-btn-bg-color2), 1) 100%); 
}

/* Solid Buttons - inner <span> hover */
.btn.base-btn-bg-hover:hover > span, 
.btn.base-btn-bg-hover:focus > span, 
.btn.base-btn-bg-hover:active > span, 
.btn-bg_base-btn-bg-hover .btn:hover > span, 
.btn-bg_base-btn-bg-hover .btn:focus > span, 
.btn-bg_base-btn-bg-hover .btn:active > span,
a:hover .btn.base-btn-bg-hover > span, 
a:focus .btn.base-btn-bg-hover > span, 
a:active .btn.base-btn-bg-hover > span,
.btn.base-btn-bg-hover-solid:hover > span, 
.btn.base-btn-bg-hover-solid:focus > span, 
.btn.base-btn-bg-hover-solid:active > span, 
.btn-bg_base-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_base-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_base-btn-bg-hover-solid .btn:active > span,
a:hover .btn.base-btn-bg-hover-solid > span, 
a:focus .btn.base-btn-bg-hover-solid > span, 
a:active .btn.base-btn-bg-hover-solid > span {
    background: rgba(var(--base-btn-bg-hover-color1), 1);
}

/* Linear Buttons - inner <span> hover */
.btn.base-btn-bg.base-btn-bg-hover-linear:hover > span, 
.btn.base-btn-bg.base-btn-bg-hover-linear:focus > span, 
.btn.base-btn-bg.base-btn-bg-hover-linear:active > span, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-hover-linear .btn:active > span,
a:hover .btn.base-btn-bg.base-btn-bg-hover-linear > span, 
a:focus .btn.base-btn-bg.base-btn-bg-hover-linear > span, 
a:active .btn.base-btn-bg.base-btn-bg-hover-linear > span {
    background: linear-gradient(var(--base-btn-bg-hover-angle), rgba(var(--base-btn-bg-hover-color1), 1) 0%, rgba(var(--base-btn-bg-hover-color2), 1) 100%); 
}

/* Radial Buttons - inner <span> hover */
.btn.base-btn-bg.base-btn-bg-hover-radial:hover > span, 
.btn.base-btn-bg.base-btn-bg-hover-radial:focus > span, 
.btn.base-btn-bg.base-btn-bg-hover-radial:active > span, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_base-btn-bg.btn-bg_base-btn-bg-hover-radial .btn:active > span,
a:hover .btn.base-btn-bg.base-btn-hover-bg-radial > span, 
a:focus .btn.base-btn-bg.base-btn-hover-bg-radial > span, 
a:active .btn.base-btn-bg.base-btn-hover-bg-radial > span {
    background: radial-gradient(farthest-side at var(--base-btn-bg-hover-start-perc) var(--base-btn-bg-hover-stop-perc), rgba(var(--base-btn-bg-hover-color1), 1) 0%, rgba(var(--base-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.base-btn-borders, 
.btn-borders_base-btn-borders .btn {
    border-color: rgba(var(--base-btn-borders), 1);
}

/* Button Borders Hover */

.btn.base-btn-borders:hover, 
.btn-borders_base-btn-borders .btn:hover,
.btn.base-btn-borders:focus, 
.btn-borders_base-btn-borders .btn:focus,
.btn.base-btn-borders:active, 
.btn-borders_base-btn-borders .btn:active,
a:hover .btn.base-btn-borders, 
a:focus .btn.base-btn-borders, 
a:active .btn.base-btn-borders {
    border-color: rgba(var(--base-btn-borders-hover), 1);
}


/* Button Text */

.btn.base-btn-text, 
.btn-text_base-btn-text .btn {
    color: rgba(var(--base-btn-text), 1);
}

/* Button Text Hover */

.btn.base-btn-text:hover, 
.btn-text_base-btn-text .btn:hover,
.btn.base-btn-text:focus, 
.btn-text_base-btn-text .btn:focus,
.btn.base-btn-text:active, 
.btn-text_base-btn-text .btn:active,
a:hover .btn.base-btn-text, 
a:focus .btn.base-btn-text, 
a:active .btn.base-btn-text {
    color: rgba(var(--base-btn-text-hover), 1);
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_base-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--base-btn-bg-hover-color1),1);
    color: rgba(var(--base-btn-text-hover),1);
    border-color: rgba(var(--base-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.base-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.base-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.base-btn-bg-hover-linear input[type="submit"]:hover { 
    background: linear-gradient(var(--base-btn-bg-hover-angle), rgba(var(--base-btn-bg-hover-color1), 1) 0%, rgba(var(--base-btn-bg-hover-color2), 1) 100%); 
}
.umbraco-forms .btn-bg_base-btn-bg.base-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.base-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.base-btn-bg-hover-radial input[type="submit"]:hover { 
    background: radial-gradient(farthest-side at var(--base-btn-bg-hover-start-perc) var(--base-btn-bg-hover-stop-perc), rgba(var(--base-btn-bg-hover-color1), 1) 0%, rgba(var(--base-btn-bg-hover-color2), 1) 100%); 
}

.spinner-border {
    height: 20px;
    width: 20px;
    top: 3px;
    position: relative;
    margin-right: 0.5em;
}
/* 	
--------------------------------------------------
Plugins
-------------------------------------------------- 
*/


/* 	
--------------------------------------------------
Table of contents
-------------------------------------------------- 

Slick carousel (1.8.1)
Animate.css (3.7.2)
Bootstrap (4.3.1 - overrides)
	
*/


/*  
--------------------------------------------------
Slick Carousel (1.8.1)      
-------------------------------------------------- 
*/

.slick-slider * { 
    outline:none!important;
}

.slick-sr-only {
    border: 0!important;
    clip: rect(1px,1px,1px,1px)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important;
}

.component .slick-slider .slick-list,
.component .slick-slider .slick-track {
    display: flex;
    height: fit-content;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: none;
    z-index: 0;
}

/* Slick play / pause */
/* Slick prev / next */
.slick-slider .slick-autoplay-toggle-button span {
    display: none;
}

.slick-slider .slick-autoplay-toggle-button,
.slick-slider .slick-prev,
.slick-slider .slick-next { 
    position:absolute; 
    z-index:101;
    width:40px; height:40px;
    text-align:center;
    color: rgba(var(--base-link), 1);
    background-color: rgba(var(--base-bg-color1), 1);
    border: 0 none;
    border-radius: var(--base-border-radius);
    cursor:pointer;
    transition: all 0.4s ease-in-out 0s;
}

.slick-slider .slick-prev,
.slick-slider .slick-next { 
    position:absolute; top:50%;
    z-index:101;
    width:40px; height:40px;
    text-align:center;
    color: rgba(var(--base-link), 1);
    background-color: rgba(var(--base-bg-color1), 1);
    border: 0 none;
    border-radius: var(--btn-border-radius);
    cursor:pointer;
    transform:translateY(-50%);
    transition: all 0.4s ease-in-out 0s;
}

html.no-touch .slick-slider .slick-prev:hover,
html.no-touch .slick-slider .slick-next:hover { 
    color: rgba(var(--base-link-hover), 1);
}

.slick-slider .slick-autoplay-toggle-button { 
    bottom:0;
}

html[dir="ltr"] .usn_cmp_banner .slick-slider .slick-autoplay-toggle-button { 
    right: 0;
}

html[dir="ltr"] .slick-slider .slick-autoplay-toggle-button { 
    right: var(--base-half-spacing);
}

html[dir="rtl"] .usn_cmp_banner .slick-slider .slick-autoplay-toggle-button { 
    left: 0;
}

html[dir="rtl"] .slick-slider .slick-autoplay-toggle-button { 
    left: var(--base-half-spacing);
}

.slick-slider .slick-prev {
    left: 0;
    border-radius: 0 var(--btn-border-radius) var(--btn-border-radius) 0;
}
.slick-slider .slick-next {
    right: 0;
    border-radius: var(--btn-border-radius) 0 0 var(--btn-border-radius);
}

.row.slides.slick-slider:not(.listing_no-spacing) .slick-prev { 
    left: var(--base-half-spacing); 
}
.row.slides.slick-slider:not(.listing_no-spacing) .slick-next { 
    right: var(--base-half-spacing); 
}

.slick-autoplay-toggle-button:focus-visible,
.slick-prev:focus-visible,
.slick-next:focus-visible {
    outline-offset: -4px!important;
}

.slick-autoplay-toggle-button i.icon,
.slick-slider .slick-prev i.icon,
.slick-slider .slick-next i.icon { 
    font-size:20px;
    position:absolute; top:50%; left:50%;
    transform:translate(-50%, -50%);
}

.usn_cmp_banner .slick-slider .slick-autoplay-toggle-button,
.usn_cmp_banner .slick-slider .slick-prev,
.usn_cmp_banner .slick-slider .slick-next { 
    color: rgba(var(--true-white), 1);
    background:transparent;
    box-shadow: none;
}

html.no-touch .usn_cmp_banner .slick-slider .slick-autoplay-toggle-button:hover,
html.no-touch .usn_cmp_banner .slick-slider .slick-prev:hover,
html.no-touch .usn_cmp_banner .slick-slider .slick-next:hover { 
    color: rgba(var(--true-white), 1);
    opacity:0.7;
    background:transparent;
    box-shadow: none;
}

@media (min-width:1200px) { 

    .usn_cmp_banner .slick-slider .slick-autoplay-toggle-button,
    .usn_cmp_banner .slick-slider .slick-prev,
    .usn_cmp_banner .slick-slider .slick-next { 
        width:60px; height:60px;
    }
    .usn_cmp_banner .slick-slider .slick-prev i.icon,
    .usn_cmp_banner .slick-slider .slick-next i.icon { 
        font-size: 40px;
    }

}

/* Slick dots */

.slick-slider ul.slick-dots { 
    padding:0; margin:var(--base-half-spacing) 0 0; 
    text-align:center;
    height: 38px;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item_slideshow-block .slick-slider ul.slick-dots,
.usn_cmp_banner .slick-slider ul.slick-dots { 
    margin:0; padding:0;
    position:absolute; bottom:var(--base-half-spacing); left:50%;
    transform: translateX(-50%);
}
.slick-slider .slick-dots li { 
    margin:0 4px;
    width:16px; height:16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slick-slider .slick-dots li:only-child { 
    display:none!important;
}
.slick-slider .slick-dots li > button { 
    padding:0;
    border:0 none;
    text-indent:-9999px;
    opacity:0.5;
    outline:none;
    background: rgba(var(--base-text), 1);
    transition: all 0.4s ease-in-out 0s;
}

/*.circlular-dots */.slick-slider .slick-dots li > button { 
    width:12px; height:12px;
    border-radius:50%;
}

.linear-dots .slick-slider .slick-dots li > button { 
    width:30px; height:4px;
    border-radius:var(--base-border-radius);
}

.slick-slider .slick-dots li:not(.slick-active) > button:hover { 
    opacity:1;
    background: rgba(var(--base-link-hover), 1);
}
.slick-slider .slick-dots li.slick-active > button {
    width:16px; height:16px;
    opacity:1; 
    background: rgba(var(--base-highlight), 1);
}

.usn_cmp_banner .slick-slider ul.slick-dots li > button { 
    background: rgba(var(--true-white), 1);
}
footer#site-footer .slick-slider .slick-dots li > button {
    background: rgba(var(--footer-link), 1);
}

.usn_cmp_banner .slick-slider .slick-dots li.slick-active > button {
    background: rgba(var(--base-highlight), 1);
}
footer#site-footer .slick-slider .slick-dots li.slick-active > button {
    background: rgba(var(--footer-link-hover), 1);
}


/*  
--------------------------------------------------
Animate.css (3.7.2)       
-------------------------------------------------- 
*/

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

 @-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100px, 0, 0) skewX(-30deg);
        transform: translate3d(100px, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100px, 0, 0) skewX(-30deg);
        transform: translate3d(100px, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0) rotate(-120deg);
        transform: translate3d(-100px, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0) rotate(-120deg);
        transform: translate3d(-100px, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -100px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -100px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -100px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -100px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-100px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-100px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-100px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-100px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(100px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(100px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(100px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(100px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 100px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 100px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 100px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 100px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
.fast .animated,
.animated.fast {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
}
.faster .animated,
.animated.faster {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.slow .animated,
.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.slower .animated,
.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
@media (prefers-reduced-motion: reduce), (print) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
}

/* 
EXTENDED WITH THIS 
http://www.oxygenna.com/tutorials/scroll-animations-using-waypoints-js-animate-css 
*/

.os-animation {
    opacity: 0;

    /* Safari OSX, iOS performance improvements */ 
    will-change: transform;
}

.os-animation.animated {
    opacity: 1;
}

/* IE10+ specific styles go here */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .os-animation {
        opacity: 1!important;
    }
}


/*	
--------------------------------------------------
Bootstrap (overrides)
-------------------------------------------------- 
*/

.d-none { display:none; }

/* xs */
@media (min-width:0) and (max-width:575px) { 
    .d-xs-none_only { display:none!important; }
}

/* sm */
@media (min-width:576px) and (max-width:767px) { 
    .d-sm-none_only { display:none!important; }
}

/* md */
@media (min-width:768px) and (max-width:991px) { 
    .d-md-none_only { display:none!important; }
}

/* lg */
@media (min-width:992px) and (max-width:1199px) { 
    .d-lg-none_only { display:none!important; }
}

/* xl */
@media (min-width:1200px) { 
    .d-xl-none_only { display:none!important; }
}


/*	
--------------------------------------------------
END
-------------------------------------------------- 
*/
/*
--------------------------------------------------

Typography 2.0

- Variables
-- Body
-- h1 to h6
-- heading
--- heading small
--- heading large
-- intro
--- intro small
--- intro large
-- secondary heading
--- secondary heading small
--- secondary heading large
- quote
--- quote small
--- quote large
- button
--- button small
--- button large
- Main Navigation
-- Main Navigation dropdown
- Secondary Navigation
- Sub Navigation
- Footer Navigation
- Breadcrumb Navigation
- Anchor Navigation Component
- Accordion / Tabs
- Logo

-------------------------------------------------- 
*/


/* Body */

body,
input, textarea, label, .control-label, .form-control { 
    font-family:    var(--body-typography_font-name);
    font-weight:    var(--body-typography_font-weight);
    font-style:     var(--body-typography_font-style);
    line-height:    var(--body-typography_font-line-height);
    letter-spacing: var(--body-typography_font-letter-spacing);
    text-transform: var(--body-typography_font-transform);

    font-size:      var(--body-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    body,
    input, textarea, label, .control-label, .form-control {
        font-size:  var(--body-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    body,
    input, textarea, label, .control-label, .form-control {
        font-size:  var(--body-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    body,
    input, textarea, label, .control-label, .form-control {
        font-size:  var(--body-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    body,
    input, textarea, label, .control-label, .form-control {
        font-size:  var(--body-typography_font-size_xl); 
    }
}


/* h1 */

h1 { 
    font-family:    var(--h1-typography_font-name);
    font-weight:    var(--h1-typography_font-weight);
    font-style:     var(--h1-typography_font-style);
    line-height:    var(--h1-typography_font-line-height);
    letter-spacing: var(--h1-typography_font-letter-spacing);
    text-transform: var(--h1-typography_font-transform);

    font-size:      var(--h1-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    h1 {
        font-size:  var(--h1-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    h1 {
        font-size:  var(--h1-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    h1 {
        font-size:  var(--h1-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    h1 {
        font-size:  var(--h1-typography_font-size_xl); 
    }
}


/* h2 */

h2 { 
    font-family:    var(--h2-typography_font-name);
    font-weight:    var(--h2-typography_font-weight);
    font-style:     var(--h2-typography_font-style);
    line-height:    var(--h2-typography_font-line-height);
    letter-spacing: var(--h2-typography_font-letter-spacing);
    text-transform: var(--h2-typography_font-transform);

    font-size:      var(--h2-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    h2 {
        font-size:  var(--h2-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    h2 {
        font-size:  var(--h2-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    h2 {
        font-size:  var(--h2-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    h2 {
        font-size:  var(--h2-typography_font-size_xl); 
    }
}


/* h3 */

h3 { 
    font-family:    var(--h3-typography_font-name);
    font-weight:    var(--h3-typography_font-weight);
    font-style:     var(--h3-typography_font-style);
    line-height:    var(--h3-typography_font-line-height);
    letter-spacing: var(--h3-typography_font-letter-spacing);
    text-transform: var(--h3-typography_font-transform);

    font-size:      var(--h3-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    h3 {
        font-size:  var(--h3-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    h3 {
        font-size:  var(--h3-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    h3 {
        font-size:  var(--h3-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    h3 {
        font-size:  var(--h3-typography_font-size_xl); 
    }
}


/* h4 */

h4 { 
    font-family:    var(--h4-typography_font-name);
    font-weight:    var(--h4-typography_font-weight);
    font-style:     var(--h4-typography_font-style);
    line-height:    var(--h4-typography_font-line-height);
    letter-spacing: var(--h4-typography_font-letter-spacing);
    text-transform: var(--h4-typography_font-transform);

    font-size:      var(--h4-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    h4 {
        font-size:  var(--h4-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    h4 {
        font-size:  var(--h4-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    h4 {
        font-size:  var(--h4-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    h4 {
        font-size:  var(--h4-typography_font-size_xl); 
    }
}


/* h5 */

h5 { 
    font-family:    var(--h5-typography_font-name);
    font-weight:    var(--h5-typography_font-weight);
    font-style:     var(--h5-typography_font-style);
    line-height:    var(--h5-typography_font-line-height);
    letter-spacing: var(--h5-typography_font-letter-spacing);
    text-transform: var(--h5-typography_font-transform);

    font-size:      var(--h5-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    h5 {
        font-size:  var(--h5-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    h5 {
        font-size:  var(--h5-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    h5 {
        font-size:  var(--h5-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    h5 {
        font-size:  var(--h5-typography_font-size_xl); 
    }
}


/* h6 */

h6 { 
    font-family:    var(--h6-typography_font-name);
    font-weight:    var(--h6-typography_font-weight);
    font-style:     var(--h6-typography_font-style);
    line-height:    var(--h6-typography_font-line-height);
    letter-spacing: var(--h6-typography_font-letter-spacing);
    text-transform: var(--h6-typography_font-transform);

    font-size:      var(--h6-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    h6 {
        font-size:  var(--h6-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    h6 {
        font-size:  var(--h6-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    h6 {
        font-size:  var(--h6-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    h6 {
        font-size:  var(--h6-typography_font-size_xl); 
    }
}


/* p.heading, span.heading */

p.heading, span.heading { 
    font-family:    var(--p-heading-typography_font-name);
    font-weight:    var(--p-heading-typography_font-weight);
    font-style:     var(--p-heading-typography_font-style);
    line-height:    var(--p-heading-typography_font-line-height);
    letter-spacing: var(--p-heading-typography_font-letter-spacing);
    text-transform: var(--p-heading-typography_font-transform);

    font-size:      var(--p-heading-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    p.heading, span.heading {
        font-size:  var(--p-heading-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    p.heading, span.heading {
        font-size:  var(--p-heading-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    p.heading, span.heading {
        font-size:  var(--p-heading-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    p.heading, span.heading {
        font-size:  var(--p-heading-typography_font-size_xl); 
    }
}


/* p.heading.sm, span.heading.sm */

p.heading.sm, span.heading.sm { 
    font-family:    var(--p-heading_small-typography_font-name);
    font-weight:    var(--p-heading_small-typography_font-weight);
    font-style:     var(--p-heading_small-typography_font-style);
    line-height:    var(--p-heading_small-typography_font-line-height);
    letter-spacing: var(--p-heading_small-typography_font-letter-spacing);
    text-transform: var(--p-heading_small-typography_font-transform);

    font-size:      var(--p-heading_small-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    p.heading.sm, span.heading.sm {
        font-size:  var(--p-heading_small-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    p.heading.sm, span.heading.sm {
        font-size:  var(--p-heading_small-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    p.heading.sm, span.heading.sm {
        font-size:  var(--p-heading_small-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    p.heading.sm, span.heading.sm  {
        font-size:  var(--p-heading_small-typography_font-size_xl); 
    }
}


/* p.heading.lg, span.heading.lg  */

p.heading.lg, span.heading.lg  { 
    font-family:    var(--p-heading_large-typography_font-name);
    font-weight:    var(--p-heading_large-typography_font-weight);
    font-style:     var(--p-heading_large-typography_font-style);
    line-height:    var(--p-heading_large-typography_font-line-height);
    letter-spacing: var(--p-heading_large-typography_font-letter-spacing);
    text-transform: var(--p-heading_large-typography_font-transform);

    font-size:      var(--p-heading_large-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    p.heading.lg, span.heading.lg  {
        font-size:  var(--p-heading_large-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    p.heading.lg, span.heading.lg  {
        font-size:  var(--p-heading_large-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    p.heading.lg, span.heading.lg  {
        font-size:  var(--p-heading_large-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    p.heading.lg, span.heading.lg {
        font-size:  var(--p-heading_large-typography_font-size_xl); 
    }
}


/* .intro */

.intro { 
    font-family:    var(--p-intro-typography_font-name);
    font-weight:    var(--p-intro-typography_font-weight);
    font-style:     var(--p-intro-typography_font-style);
    line-height:    var(--p-intro-typography_font-line-height);
    letter-spacing: var(--p-intro-typography_font-letter-spacing);
    text-transform: var(--p-intro-typography_font-transform);

    font-size:      var(--p-intro-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .intro {
        font-size:  var(--p-intro-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .intro {
        font-size:  var(--p-intro-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .intro {
        font-size:  var(--p-intro-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .intro {
        font-size:  var(--p-intro-typography_font-size_xl); 
    }
}


/* .intro.sm */

.intro.sm { 
    font-family:    var(--p-intro_small-typography_font-name);
    font-weight:    var(--p-intro_small-typography_font-weight);
    font-style:     var(--p-intro_small-typography_font-style);
    line-height:    var(--p-intro_small-typography_font-line-height);
    letter-spacing: var(--p-intro_small-typography_font-letter-spacing);
    text-transform: var(--p-intro_small-typography_font-transform);

    font-size:      var(--p-intro_small-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .intro.sm {
        font-size:  var(--p-intro_small-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .intro.sm {
        font-size:  var(--p-intro_small-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .intro.sm {
        font-size:  var(--p-intro_small-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .intro.sm {
        font-size:  var(--p-intro_small-typography_font-size_xl); 
    }
}


/* .intro.lg */

.intro.lg { 
    font-family:    var(--p-intro_large-typography_font-name);
    font-weight:    var(--p-intro_large-typography_font-weight);
    font-style:     var(--p-intro_large-typography_font-style);
    line-height:    var(--p-intro_large-typography_font-line-height);
    letter-spacing: var(--p-intro_large-typography_font-letter-spacing);
    text-transform: var(--p-intro_large-typography_font-transform);

    font-size:      var(--p-intro_large-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .intro.lg {
        font-size:  var(--p-intro_large-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .intro.lg {
        font-size:  var(--p-intro_large-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .intro.lg {
        font-size:  var(--p-intro_large-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .intro.lg {
        font-size:  var(--p-intro_large-typography_font-size_xl); 
    }
}


/* .secondary-heading */

.secondary-heading { 
    font-family:    var(--secondary-heading-typography_font-name);
    font-weight:    var(--secondary-heading-typography_font-weight);
    font-style:     var(--secondary-heading-typography_font-style);
    line-height:    var(--secondary-heading-typography_font-line-height);
    letter-spacing: var(--secondary-heading-typography_font-letter-spacing);
    text-transform: var(--secondary-heading-typography_font-transform);

    font-size:      var(--secondary-heading-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .secondary-heading {
        font-size:  var(--secondary-heading-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .secondary-heading {
        font-size:  var(--secondary-heading-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .secondary-heading {
        font-size:  var(--secondary-heading-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .secondary-heading {
        font-size:  var(--secondary-heading-typography_font-size_xl); 
    }
}


/* .secondary-heading.sm */

.secondary-heading.sm { 
    font-family:    var(--secondary-heading_small-typography_font-name);
    font-weight:    var(--secondary-heading_small-typography_font-weight);
    font-style:     var(--secondary-heading_small-typography_font-style);
    line-height:    var(--secondary-heading_small-typography_font-line-height);
    letter-spacing: var(--secondary-heading_small-typography_font-letter-spacing);
    text-transform: var(--secondary-heading_small-typography_font-transform);

    font-size:      var(--secondary-heading_small-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .secondary-heading.sm {
        font-size:  var(--secondary-heading_small-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .secondary-heading.sm {
        font-size:  var(--secondary-heading_small-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .secondary-headin.small {
        font-size:  var(--secondary-heading_small-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .secondary-heading.sm {
        font-size:  var(--secondary-heading_small-typography_font-size_xl); 
    }
}


/* .secondary-heading.lg */

.secondary-heading.lg { 
    font-family:    var(--secondary-heading_large-typography_font-name);
    font-weight:    var(--secondary-heading_large-typography_font-weight);
    font-style:     var(--secondary-heading_large-typography_font-style);
    line-height:    var(--secondary-heading_large-typography_font-line-height);
    letter-spacing: var(--secondary-heading_large-typography_font-letter-spacing);
    text-transform: var(--secondary-heading_large-typography_font-transform);

    font-size:      var(--secondary-heading_large-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .secondary-heading.lg {
        font-size:  var(--secondary-heading_large-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .secondary-heading.lg {
        font-size:  var(--secondary-heading_large-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .secondary-heading.lg {
        font-size:  var(--secondary-heading_large-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .secondary-heading.lg {
        font-size:  var(--secondary-heading_large-typography_font-size_xl); 
    }
}


/* blockquote, blockquote p.quote, .quote */

blockquote, blockquote p.quote, .quote { 
    font-family:    var(--blockquote-typography_font-name);
    font-weight:    var(--blockquote-typography_font-weight);
    font-style:     var(--blockquote-typography_font-style);
    line-height:    var(--blockquote-typography_font-line-height);
    letter-spacing: var(--blockquote-typography_font-letter-spacing);
    text-transform: var(--blockquote-typography_font-transform);

    font-size:      var(--blockquote-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    blockquote, blockquote p.quote, .quote {
        font-size:  var(--blockquote-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    blockquote, blockquote p.quote, .quote {
        font-size:  var(--blockquote-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    blockquote, blockquote p.quote, .quote {
        font-size:  var(--blockquote-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    blockquote, blockquote p.quote, .quote {
        font-size:  var(--blockquote-typography_font-size_xl); 
    }
}


/* blockquote p.quote.sm, .quote.sm */

blockquote p.quote.sm, .quote.sm { 
    font-family:    var(--blockquote_small-typography_font-name);
    font-weight:    var(--blockquote_small-typography_font-weight);
    font-style:     var(--blockquote_small-typography_font-style);
    line-height:    var(--blockquote_small-typography_font-line-height);
    letter-spacing: var(--blockquote_small-typography_font-letter-spacing);
    text-transform: var(--blockquote_small-typography_font-transform);

    font-size:      var(--blockquote_small-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    blockquote p.quote.sm, .quote.sm {
        font-size:  var(--blockquote_small-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    blockquote p.quote.sm, .quote.sm {
        font-size:  var(--blockquote_small-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    blockquote p.quote.sm, .quote.sm {
        font-size:  var(--blockquote_small-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    blockquote p.quote.sm, .quote.sm {
        font-size:  var(--blockquote_small-typography_font-size_xl); 
    }
}


/* blockquote p.quote.lg, .quote.lg */

blockquote p.quote.lg, .quote.lg { 
    font-family:    var(--blockquote_large-typography_font-name);
    font-weight:    var(--blockquote_large-typography_font-weight);
    font-style:     var(--blockquote_large-typography_font-style);
    line-height:    var(--blockquote_large-typography_font-line-height);
    letter-spacing: var(--blockquote_large-typography_font-letter-spacing);
    text-transform: var(--blockquote_large-typography_font-transform);

    font-size:      var(--blockquote_large-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    blockquote p.quote.lg, .quote.lg {
        font-size:  var(--blockquote_large-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    blockquote p.quote.lg, .quote.lg {
        font-size:  var(--blockquote_large-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    blockquote p.quote.lg, .quote.lg {
        font-size:  var(--blockquote_large-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    blockquote p.quote.lg, .quote.lg {
        font-size:  var(--blockquote_large-typography_font-size_xl); 
    }
}


/* btn */

.btn { 
    font-family:    var(--btn-typography_font-name);
    font-weight:    var(--btn-typography_font-weight);
    font-style:     var(--btn-typography_font-style);
    line-height:    var(--btn-typography_font-line-height);
    letter-spacing: var(--btn-typography_font-letter-spacing);
    text-transform: var(--btn-typography_font-transform);

    font-size:      var(--btn-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .btn {
        font-size:  var(--btn-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .btn {
        font-size:  var(--btn-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .btn {
        font-size:  var(--btn-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .btn {
        font-size:  var(--btn-typography_font-size_xl); 
    }
}


/* .btn.btn-sm */

.btn.btn-sm { 
    font-family:    var(--btn_small-typography_font-name);
    font-weight:    var(--btn_small-typography_font-weight);
    font-style:     var(--btn_small-typography_font-style);
    line-height:    var(--btn_small-typography_font-line-height);
    letter-spacing: var(--btn_small-typography_font-letter-spacing);
    text-transform: var(--btn_small-typography_font-transform);

    font-size:      var(--btn_small-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .btn.btn-sm {
        font-size:  var(--btn_small-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .btn.btn-sm {
        font-size:  var(--btn_small-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .btn.btn-sm {
        font-size:  var(--btn_small-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .btn.btn-sm {
        font-size:  var(--btn_small-typography_font-size_xl); 
    }
}


/* .btn.btn-lg */

.btn.btn-lg { 
    font-family:    var(--btn_large-typography_font-name);
    font-weight:    var(--btn_large-typography_font-weight);
    font-style:     var(--btn_large-typography_font-style);
    line-height:    var(--btn_large-typography_font-line-height);
    letter-spacing: var(--btn_large-typography_font-letter-spacing);
    text-transform: var(--btn_large-typography_font-transform);

    font-size:      var(--btn_large-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .btn.btn-lg {
        font-size:  var(--btn_large-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .btn.btn-lg {
        font-size:  var(--btn_large-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .btn.btn-lg {
        font-size:  var(--btn_large-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .btn.btn-lg {
        font-size:  var(--btn_large-typography_font-size_xl); 
    }
}


/* Navigations */

/* Main Navigation */

nav.main > ul { 
    font-family:    var(--main-navigation-typography_font-name);
    font-weight:    var(--main-navigation-typography_font-weight);
    font-style:     var(--main-navigation-typography_font-style);
    line-height:    var(--main-navigation-typography_font-line-height);
    letter-spacing: var(--main-navigation-typography_font-letter-spacing);
    text-transform: var(--main-navigation-typography_font-transform);

    font-size:      var(--main-navigation-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    nav.main > ul {
        font-size:  var(--main-navigation-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    nav.main > ul,
    header#site-header #logo.no-image span {
        font-size:  var(--main-navigation-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    nav.main > ul {
        font-size:  var(--main-navigation-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    nav.main > ul {
        font-size:  var(--main-navigation-typography_font-size_xl); 
    }
}

/* Secondary Navigation */

nav.secondary > ul,
nav.secondary > ul .dropdown-menu, nav.secondary > ul .dropdown-menu a { 
    font-family:    var(--secondary-navigation-typography_font-name);
    font-weight:    var(--secondary-navigation-typography_font-weight);
    font-style:     var(--secondary-navigation-typography_font-style);
    line-height:    var(--secondary-navigation-typography_font-line-height);
    letter-spacing: var(--secondary-navigation-typography_font-letter-spacing);
    text-transform: var(--secondary-navigation-typography_font-transform);

    font-size:      var(--secondary-navigation-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    nav.secondary > ul,
    nav.secondary > ul .dropdown-menu, nav.secondary > ul .dropdown-menu a {
        font-size:  var(--secondary-navigation-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    nav.secondary > ul,
    nav.secondary > ul .dropdown-menu, nav.secondary > ul .dropdown-menu a {
        font-size:  var(--secondary-navigation-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    nav.secondary > ul,
    nav.secondary > ul .dropdown-menu, nav.secondary > ul .dropdown-menu a {
        font-size:  var(--secondary-navigation-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    nav.secondary > ul,
    nav.secondary > ul .dropdown-menu, nav.secondary > ul .dropdown-menu a {
        font-size:  var(--secondary-navigation-typography_font-size_xl); 
    }
}

/* Navigation Dropdowns */

nav.main > ul ul,
body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.secondary > ul .dropdown-menu, 
body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.secondary > ul .dropdown-menu a { 
    font-family:    var(--main-navigation_dropdowns-typography_font-name);
    font-weight:    var(--main-navigation_dropdowns-typography_font-weight);
    font-style:     var(--main-navigation_dropdowns-typography_font-style);
    line-height:    var(--main-navigation_dropdowns-typography_font-line-height);
    letter-spacing: var(--main-navigation_dropdowns-typography_font-letter-spacing);
    text-transform: var(--main-navigation_dropdowns-typography_font-transform);

    font-size:      var(--main-navigation_dropdowns-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    nav.main > ul ul,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.secondary > ul .dropdown-menu, 
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.secondary > ul .dropdown-menu a {
        font-size:  var(--main-navigation_dropdowns-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    nav.main > ul ul,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.secondary > ul .dropdown-menu, 
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.secondary > ul .dropdown-menu a {
        font-size:  var(--main-navigation_dropdowns-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    nav.main > ul ul,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.secondary > ul .dropdown-menu, 
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.secondary > ul .dropdown-menu a {
        font-size:  var(--main-navigation_dropdowns-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    nav.main > ul ul,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.secondary > ul .dropdown-menu, 
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.secondary > ul .dropdown-menu a {
        font-size:  var(--main-navigation_dropdowns-typography_font-size_xl); 
    }
}

/* Sub Navigation */

nav.sub > ul { 
    font-family:    var(--sub-navigation-typography_font-name);
    font-weight:    var(--sub-navigation-typography_font-weight);
    font-style:     var(--sub-navigation-typography_font-style);
    line-height:    var(--sub-navigation-typography_font-line-height);
    letter-spacing: var(--sub-navigation-typography_font-letter-spacing);
    text-transform: var(--sub-navigation-typography_font-transform);

    font-size:      var(--sub-navigation-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    nav.sub > ul {
        font-size:  var(--sub-navigation-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    nav.sub > ul {
        font-size:  var(--sub-navigation-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    nav.sub > ul {
        font-size:  var(--sub-navigation-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    nav.sub > ul {
        font-size:  var(--sub-navigation-typography_font-size_xl); 
    }
}

/* Footer Navigation */

nav.footer-navigation > ul { 
    font-family:    var(--footer-navigation-typography_font-name);
    font-weight:    var(--footer-navigation-typography_font-weight);
    font-style:     var(--footer-navigation-typography_font-style);
    line-height:    var(--footer-navigation-typography_font-line-height);
    letter-spacing: var(--footer-navigation-typography_font-letter-spacing);
    text-transform: var(--footer-navigation-typography_font-transform);

    font-size:      var(--footer-navigation-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    nav.footer-navigation > ul {
        font-size:  var(--footer-navigation-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    nav.footer-navigation > ul {
        font-size:  var(--footer-navigation-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    nav.footer-navigation > ul {
        font-size:  var(--footer-navigation-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    nav.footer-navigation > ul {
        font-size:  var(--footer-navigation-typography_font-size_xl); 
    }
}

/* Breadcrumb Navigation */

.breadcrumb-trail ol.breadcrumb { 
    font-family:    var(--breadcrumb-navigation-typography_font-name);
    font-weight:    var(--breadcrumb-navigation-typography_font-weight);
    font-style:     var(--breadcrumb-navigation-typography_font-style);
    line-height:    var(--breadcrumb-navigation-typography_font-line-height);
    letter-spacing: var(--breadcrumb-navigation-typography_font-letter-spacing);
    text-transform: var(--breadcrumb-navigation-typography_font-transform);

    font-size:      var(--breadcrumb-navigation-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .breadcrumb-trail ol.breadcrumb {
        font-size:  var(--breadcrumb-navigation-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .breadcrumb-trail ol.breadcrumb {
        font-size:  var(--breadcrumb-navigation-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .breadcrumb-trail ol.breadcrumb {
        font-size:  var(--breadcrumb-navigation-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .breadcrumb-trail ol.breadcrumb {
        font-size:  var(--breadcrumb-navigation-typography_font-size_xl); 
    }
}

/* Anchor Navigation Component */

.component.usn_cmp_anchornavigation ul.nav { 
    font-family:    var(--anchor-navigation-typography_font-name);
    font-weight:    var(--anchor-navigation-typography_font-weight);
    font-style:     var(--anchor-navigation-typography_font-style);
    line-height:    var(--anchor-navigation-typography_font-line-height);
    letter-spacing: var(--anchor-navigation-typography_font-letter-spacing);
    text-transform: var(--anchor-navigation-typography_font-transform);

    font-size:      var(--anchor-navigation-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .component.usn_cmp_anchornavigation ul.nav {
        font-size:  var(--anchor-navigation-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .component.usn_cmp_anchornavigation ul.nav {
        font-size:  var(--anchor-navigation-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .component.usn_cmp_anchornavigation ul.nav {
        font-size:  var(--anchor-navigation-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .component.usn_cmp_anchornavigation ul.nav {
        font-size:  var(--anchor-navigation-typography_font-size_xl); 
    }
}

/* Accordion / Tabs */

.repeatable .tab,
.item.item_filter-group .tab { 
    font-family:    var(--acc-tab-typography_font-name);
    font-weight:    var(--acc-tab-typography_font-weight);
    font-style:     var(--acc-tab-typography_font-style);
    line-height:    var(--acc-tab-typography_font-line-height);
    letter-spacing: var(--acc-tab-typography_font-letter-spacing);
    text-transform: var(--acc-tab-typography_font-transform);

    font-size:      var(--acc-tab-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) {
    .repeatable .tab,
    .item.item_filter-group .tab {
        font-size: var(--acc-tab-typography_font-size_sm);
    }
}

@media (min-width:768px) and (max-width:991px) {
    .repeatable .tab,
    .item.item_filter-group .tab {
        font-size: var(--acc-tab-typography_font-size_md);
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .repeatable .tab,
    .item.item_filter-group .tab {
        font-size: var(--acc-tab-typography_font-size_lg);
    }
}

@media (min-width:1200px) {
    .repeatable .tab,
    .item.item_filter-group .tab {
        font-size: var(--acc-tab-typography_font-size_xl);
    }
}

/* Logo */

header#site-header #logo.no-image span { 
    font-family:    var(--logo-typography_font-name);
    font-weight:    var(--logo-typography_font-weight);
    font-style:     var(--logo-typography_font-style);
    line-height:    var(--logo-typography_font-line-height);
    letter-spacing: var(--logo-typography_font-letter-spacing);
    text-transform: var(--logo-typography_font-transform);

    font-size:      var(--logo-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    header#site-header #logo.no-image span {
        font-size:  var(--logo-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    header#site-header #logo.no-image span {
        font-size:  var(--logo-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    header#site-header #logo.no-image span {
        font-size:  var(--logo-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    header#site-header #logo.no-image span {
        font-size:  var(--logo-typography_font-size_xl); 
    }
}


/*
--------------------------------------------------
Margins, paddings, spacing
-------------------------------------------------- 
*/

body {
    -webkit-font-smoothing: antialiased;
}


h1,
h2,
h3 {
    margin: var(--base-spacing) 0 var(--base-half-spacing);
}

h4,
h5,
h6,
p.heading {
    margin: calc(var(--base-spacing) / 3) 0;
}

p {
    margin: calc(var(--base-spacing) / 3) 0 var(--base-half-spacing);
}

.heading {
    margin: 0!important;
    display:block;
}

.secondary-heading {
    margin: 0!important;
    display:block;
}

.has-heading-seperator-above h1::before,
.has-heading-seperator-below h1::after,
.has-heading-seperator-above h2::before,
.has-heading-seperator-below h2::after,
.has-heading-seperator-above h3::before,
.has-heading-seperator-below h3::after,
.has-heading-seperator-above h4::before,
.has-heading-seperator-below h4::after,
.has-heading-seperator-above h5::before,
.has-heading-seperator-below h5::after,
.has-heading-seperator-above h6::before,
.has-heading-seperator-below h6::after,
.has-heading-seperator-above .heading::before,
.has-heading-seperator-below .heading::after,
.has-secondary-heading-seperator-above .secondary-heading::before,
.has-secondary-heading-seperator-below .secondary-heading::after {
    content:"";
    display:block;
    border-radius: var(--base-border-radius);
}

h1::before,
h2::before,
h3::before,
h4::before,
h5::before,
h6::before,
.heading::before,
.secondary-heading::before,
h1::after,
h2::after,
h3::after,
h4::after,
h5::after,
h6::after,
.heading::after,
.secondary-heading::after {
    width:25px; height:var(--base-border-width);
    margin: var(--base-half-spacing) 0;
    background: rgba(var(--base-highlight), 1);
}

.item.base-bg h1::before,
.item.base-bg h2::before,
.item.base-bg h3::before,
.item.base-bg h4::before,
.item.base-bg h5::before,
.item.base-bg h6::before,
.item.base-bg .heading::before,
.item.base-bg .secondary-heading::before,
.item.base-bg h1::after,
.item.base-bg h2::after,
.item.base-bg h3::after,
.item.base-bg h4::after,
.item.base-bg h5::after,
.item.base-bg h6::after,
.item.base-bg .heading::after,
.item.base-bg .secondary-heading::after,
.inner.base-bg h1::before,
.inner.base-bg h2::before,
.inner.base-bg h3::before,
.inner.base-bg h4::before,
.inner.base-bg h5::before,
.inner.base-bg h6::before,
.inner.base-bg .heading::before,
.inner.base-bg .secondary-heading::before,
.inner.base-bg h1::after,
.inner.base-bg h2::after,
.inner.base-bg h3::after,
.inner.base-bg h4::after,
.inner.base-bg h5::after,
.inner.base-bg h6::after,
.inner.base-bg .heading::after,
.inner.base-bg .secondary-heading::after {
    background: rgba(var(--base-highlight), 1);
}

footer#site-footer h1::before,
footer#site-footer h2::before,
footer#site-footer h3::before,
footer#site-footer h4::before,
footer#site-footer h5::before,
footer#site-footer h6::before,
footer#site-footer .heading::before,
footer#site-footer .secondary-heading::before,
footer#site-footer h1::after,
footer#site-footer h2::after,
footer#site-footer h3::after,
footer#site-footer h4::after,
footer#site-footer h5::after,
footer#site-footer h6::after,
footer#site-footer .heading::after,
footer#site-footer .secondary-heading::after {
    background: rgba(var(--footer-highlight), 1);
}

h1[style|="text-align: center;"]::before,
h1[style|="text-align: center"]::before,
h1[style|="text-align:center;"]::before,
h1[style|="text-align:center"]::before,
h2[style|="text-align: center;"]::before,
h2[style|="text-align: center"]::before,
h2[style|="text-align:center;"]::before,
h2[style|="text-align:center"]::before,
h3[style|="text-align: center;"]::before,
h3[style|="text-align: center"]::before,
h3[style|="text-align:center;"]::before,
h3[style|="text-align:center"]::before,
h4[style|="text-align: center;"]::before,
h4[style|="text-align: center"]::before,
h4[style|="text-align:center;"]::before,
h4[style|="text-align:center"]::before,
h5[style|="text-align: center;"]::before,
h5[style|="text-align: center"]::before,
h5[style|="text-align:center;"]::before,
h5[style|="text-align:center"]::before,
h6[style|="text-align: center;"]::before,
h6[style|="text-align: center"]::before,
h6[style|="text-align:center;"]::before,
h6[style|="text-align:center"]::before,
.heading[style|="text-align: center;"]::before,
.heading[style|="text-align: center"]::before,
.heading[style|="text-align:center;"]::before,
.heading[style|="text-align:center"]::before,
.secondary-heading[style|="text-align: center;"]::before,
.secondary-heading[style|="text-align: center"]::before,
.secondary-heading[style|="text-align:center;"]::before,
.secondary-heading[style|="text-align:center"]::before,
p[style|="text-align: center;"] .heading::before,
p[style|="text-align: center"] .heading::before,
p[style|="text-align:center;"] .heading::before,
p[style|="text-align:center"] .heading::before,
p[style|="text-align: center;"] .secondary-heading::before,
p[style|="text-align: center"] .secondary-heading::before,
p[style|="text-align:center;"] .secondary-heading::before,
p[style|="text-align:center"] .secondary-heading::before,
.text-center h1::before,
.text-center h2::before,
.text-center h3::before,
.text-center h4::before,
.text-center h5::before,
.text-center h6::before,
.text-center .heading::before,
.text-center .secondary-heading::before,
h1[style|="text-align: center;"]::after,
h1[style|="text-align: center"]::after,
h1[style|="text-align:center;"]::after,
h1[style|="text-align:center"]::after,
h2[style|="text-align: center;"]::after,
h2[style|="text-align: center"]::after,
h2[style|="text-align:center;"]::after,
h2[style|="text-align:center"]::after,
h3[style|="text-align: center;"]::after,
h3[style|="text-align: center"]::after,
h3[style|="text-align:center;"]::after,
h3[style|="text-align:center"]::after,
h4[style|="text-align: center;"]::after,
h4[style|="text-align: center"]::after,
h4[style|="text-align:center;"]::after,
h4[style|="text-align:center"]::after,
h5[style|="text-align: center;"]::after,
h5[style|="text-align: center"]::after,
h5[style|="text-align:center;"]::after,
h5[style|="text-align:center"]::after,
h6[style|="text-align: center;"]::after,
h6[style|="text-align: center"]::after,
h6[style|="text-align:center;"]::after,
h6[style|="text-align:center"]::after,
.heading[style|="text-align: center;"]::after,
.heading[style|="text-align: center"]::after,
.heading[style|="text-align:center;"]::after,
.heading[style|="text-align:center"]::after,
.secondary-heading[style|="text-align: center;"]::after,
.secondary-heading[style|="text-align: center"]::after,
.secondary-heading[style|="text-align:center;"]::after,
.secondary-heading[style|="text-align:center"]::after,
p[style|="text-align: center;"] .heading::after,
p[style|="text-align: center"] .heading::after,
p[style|="text-align:center;"] .heading::after,
p[style|="text-align:center"] .heading::after,
p[style|="text-align: center;"] .secondary-heading::after,
p[style|="text-align: center"] .secondary-heading::after,
p[style|="text-align:center;"] .secondary-heading::after,
p[style|="text-align:center"] .secondary-heading::after,
.text-center h1::after,
.text-center h2::after,
.text-center h3::after,
.text-center h4::after,
.text-center h5::after,
.text-center h6::after,
.text-center .heading::after,
.text-center .secondary-heading::after { 
    margin-left:auto; margin-right:auto;
}

h1[style|="text-align: right;"]::before,
h1[style|="text-align: right"]::before,
h1[style|="text-align:right;"]::before,
h1[style|="text-align:right"]::before,
h2[style|="text-align: right;"]::before,
h2[style|="text-align: right"]::before,
h2[style|="text-align:right;"]::before,
h2[style|="text-align:right"]::before,
h3[style|="text-align: right;"]::before,
h3[style|="text-align: right"]::before,
h3[style|="text-align:right;"]::before,
h3[style|="text-align:right"]::before,
h4[style|="text-align: right;"]::before,
h4[style|="text-align: right"]::before,
h4[style|="text-align:right;"]::before,
h4[style|="text-align:right"]::before,
h5[style|="text-align: right;"]::before,
h5[style|="text-align: right"]::before,
h5[style|="text-align:right;"]::before,
h5[style|="text-align:right"]::before,
h6[style|="text-align: right;"]::before,
h6[style|="text-align: right"]::before,
h6[style|="text-align:right;"]::before,
h6[style|="text-align:right"]::before,
.heading[style|="text-align: right;"]::before,
.heading[style|="text-align: right"]::before,
.heading[style|="text-align:right;"]::before,
.heading[style|="text-align:right"]::before,
.secondary-heading[style|="text-align: right;"]::before,
.secondary-heading[style|="text-align: right"]::before,
.secondary-heading[style|="text-align:right;"]::before,
.secondary-heading[style|="text-align:right"]::before,
p[style|="text-align: right;"] .heading::before,
p[style|="text-align: right"] .heading::before,
p[style|="text-align:right;"] .heading::before,
p[style|="text-align:right"] .heading::before,
p[style|="text-align: right;"] .secondary-heading::before,
p[style|="text-align: right"] .secondary-heading::before,
p[style|="text-align:right;"] .secondary-heading::before,
p[style|="text-align:right"] .secondary-heading::before,
.text-right h1::before,
.text-right h2::before,
.text-right h3::before,
.text-right h4::before,
.text-right h5::before,
.text-right h6::before,
.text-right .heading::before,
.text-right .secondary-heading::before,
h1[style|="text-align: right;"]::after,
h1[style|="text-align: right"]::after,
h1[style|="text-align:right;"]::after,
h1[style|="text-align:right"]::after,
h2[style|="text-align: right;"]::after,
h2[style|="text-align: right"]::after,
h2[style|="text-align:right;"]::after,
h2[style|="text-align:right"]::after,
h3[style|="text-align: right;"]::after,
h3[style|="text-align: right"]::after,
h3[style|="text-align:right;"]::after,
h3[style|="text-align:right"]::after,
h4[style|="text-align: right;"]::after,
h4[style|="text-align: right"]::after,
h4[style|="text-align:right;"]::after,
h4[style|="text-align:right"]::after,
h5[style|="text-align: right;"]::after,
h5[style|="text-align: right"]::after,
h5[style|="text-align:right;"]::after,
h5[style|="text-align:right"]::after,
h6[style|="text-align: right;"]::after,
h6[style|="text-align: right"]::after,
h6[style|="text-align:right;"]::after,
h6[style|="text-align:right"]::after,
.heading[style|="text-align: right;"]::after,
.heading[style|="text-align: right"]::after,
.heading[style|="text-align:right;"]::after,
.heading[style|="text-align:right"]::after,
.secondary-heading[style|="text-align: right;"]::after,
.secondary-heading[style|="text-align: right"]::after,
.secondary-heading[style|="text-align:right;"]::after,
.secondary-heading[style|="text-align:right"]::after,
p[style|="text-align: right;"] .heading::after,
p[style|="text-align: right"] .heading::after,
p[style|="text-align:right;"] .heading::after,
p[style|="text-align:right"] .heading::after,
p[style|="text-align: right;"] .secondary-heading::after,
p[style|="text-align: right"] .secondary-heading::after,
p[style|="text-align:right;"] .secondary-heading::after,
p[style|="text-align:right"] .secondary-heading::after,
.text-right h1::after,
.text-right h2::after,
.text-right h3::after,
.text-right h4::after,
.text-right h5::after,
.text-right h6::after,
.text-right .heading::after,
.text-right .secondary-heading::after { 
    margin-left:auto; 
}

p.caption {
    margin: calc(var(--base-spacing) / 3) 0 0;
    font-size: 80%;
    font-style: italic;
    opacity: 0.6;
}

.secondary-heading+.heading {
    margin: calc(var(--base-half-spacing) / 3) 0 0!important;
}

.heading+.secondary-heading,
.secondary-heading+.text,
.heading+.text {
    margin: calc(var(--base-spacing) / 3) 0 0!important;
}

.intro {
    display:block;
}

.link {
    margin-top: calc(var(--base-half-spacing) - 5px); margin-bottom:0;
}

@media (min-width:992px) { 
    .link {
        margin-top: calc(var(--base-spacing) - 5px);
    }
}

ul, ol { 
    margin: calc(var(--base-spacing) / 3) 20px var(--base-half-spacing); 
    padding:0;
}
ul ul, ol ol { 
    margin: calc(var(--base-spacing) / 3) 18px;
}

b,
strong {
    font-weight: bold;
}

i, em { 
    font-style: italic;
}

small {
    font-size: 90%;
}

table {
    margin: calc(var(--base-half-spacing) / 3) 0 var(--base-spacing);
}

blockquote, .quote {
    position: relative;
    padding: var(--base-spacing) 0 var(--base-half-spacing);
    margin: var(--base-half-spacing) 0;
    border: 0 none;
    display:block;
}

blockquote.sm, .quote.sm { 
    padding-top: calc(var(--base-spacing) / 1.5);
}

blockquote.lg, .quote.lg { 
    padding-top: calc(var(--base-spacing) * 1.25);
}

.item blockquote { 
    padding-bottom:0; margin-bottom:0;
}

blockquote::before, .quote::before {
    content: "\f35f";
    display: block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
}

blockquote::before, .quote::before {
    top: -8px;
    left: 0;
    font-size: 140%;
    transform: scaleX(-1) scaleY(-1);
}

.text-center blockquote::before, .text-center .quote::before {
    left: 50%;
    transform: translateX(-50%) scaleX(-1) scaleY(-1);
}

.text-right blockquote::before, .text-right .quote::before {
    right: 0;
    left: auto;
}

blockquote .quote { 
    padding: 0;
    margin: 0;
}
blockquote .quote::before { 
    display:none;
}

a.skip-to-content {
    position: fixed; top: 0; left: 50%; z-index: 10000;
    padding: 10px;
    color: rgba(var(--base-link), 1);
    background: rgba(var(--base-bg-color1), 1);
    width: auto; height: auto;
    transform: translateX(-50%) translateY(-105%);
}

a.skip-to-content:focus {
    top: 10px;
    color: rgba(var(--base-link-hover), 1);
    transform: translateX(-50%) translateY(0);
}
/*
.info > :first-child:not(li):not(.btn),
.text > :first-child:not(li):not(.btn),
.alert > :first-child:not(li):not(.btn) {
    margin-top: 0!important;
}

.info > :last-child:not(li):not(.btn),
.text > :last-child:not(li):not(.btn),
.alert > :last-child:not(li):not(.btn) {
    margin-bottom: 0!important;
}*/

.label { 
    display:inline-block;
    padding:0 3px;
    font-weight:bold;
    border-radius: calc(var(--base-border-radius) / 2);
}

/* Price */
.price { }
.price .now:not(:last-of-type) {
    font-size: 120%;
}
.price .was {
    text-decoration: line-through;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}
/*  
---------------------------------------------------
Body
---------------------------------------------------  
*/

/* remove blue band on iOS */
*:focus:not(.focus-visible) {
    outline: none;
}


html { 
    overflow-x: hidden;
    overflow-y: auto;
} 

body { 
    position:relative;
/*
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;*/
}

body.no-header {
    padding: 0;
}

#site { 
    position:relative; z-index:2; 
    padding: 0;
    margin: 0 auto;
}

body.max-width #site {
    box-shadow: var(--site-box-shadow_h) var(--site-box-shadow_v) var(--site-box-shadow_b) rgba(var(--true-black), var(--site-box-shadow_o));
}

a,
a::before, a::after { 
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

/* IE10+ specific styles go here */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    html, body { 
        overflow-x: hidden!important;
    }
}


/* Bootstrap 5 additions */
header#site-header .row > * {
	width: auto;
	max-width: auto;
}
.col, .col-12 {
	position: relative;
}

/* text alignment lagacy Bootstrap */
html[dir="ltr"] .text-left {
	text-align: left;
}
html[dir="ltr"] .text-right {
	text-align: right;
}

html[dir="rtl"] .text-left {
	text-align: right;
}
html[dir="rtl"] .text-right {
	text-align: left;
}

/* float lagacy Bootstrap */
html[dir="ltr"] .float-left {
	float: left;
}

html[dir="ltr"] .float-right {
	float: right;
}

html[dir="rtl"] .float-left {
	float: right;
}

html[dir="rtl"] .float-right {
	float: left;
}

#site-content {
    overflow-x: hidden;
}
/*  
---------------------------------------------------
Header
---------------------------------------------------  
*/

header#site-header {
    position: relative;
    position: sticky; 
    top: 0; right: 0; left: 0; z-index: 1001;
    width: 100%;
    min-height: var(--small-header);
    margin: 0 auto;
    right:auto; left:auto;
    box-shadow: 0 0 0 rgba(var(--true-black), 0);

    /* Safari OSX, iOS performance improvements */ 
    will-change: transform, opacity, top;

    -webkit-transition: 
        box-shadow 0.4s ease-in-out 0s, 
        top 0.3s ease-in-out 0s, 
        background-color 0.3s ease-in-out 0s;
    transition: 
        box-shadow 0.4s ease-in-out 0s, 
        top 0.3s ease-in-out 0s, 
        background-color 0.3s ease-in-out 0s;
}

html.nav-down:not(.reached-top) header#site-header, 
html.nav-up:not(.reached-top) header#site-header {
    box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
}
html.nav-down:not(.reached-top) header#site-header,
html.nav-up:not(.reached-top) header#site-header,
html.nav-down:not(.reached-top) header#site-header.header-bg-solid,
html.nav-up:not(.reached-top) header#site-header.header-bg-solid { 
    background: rgba(var(--header-bg-color1), 1); 
}
html.nav-down:not(.reached-top) header#site-header.header-bg-linear,
html.nav-up:not(.reached-top) header#site-header.header-bg-linear { 
    background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%); 
}
html.nav-down:not(.reached-top) header#site-header.header-bg-radial,
html.nav-up:not(.reached-top) header#site-header.header-bg-radial { 
    background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%); 
}

header#site-header .container-fluid,
header#site-header .container { 
    position:absolute; top:0; right:0; bottom:0; left:0;
}

header#site-header .row { 
    position: relative;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

header#site-header #logo {
    position: relative; top: 0;
    padding: var(--logo_sm-padding_top) var(--logo_sm-padding_right) var(--logo_sm-padding_bottom) var(--logo_sm-padding_left);
    height: var(--small-header);
}

    header#site-header #logo a {
        display: inline-block;
    }

@media screen and (min-width:1080px) {
    header#site-header #logo a {
        display: block;
    }
}

header#site-header #logo picture,
header#site-header #logo img { 
    width:auto; max-width:100%; height:auto; 
    height: calc(var(--small-header) - var(--logo_sm-padding_top) - var(--logo_sm-padding_bottom));
    max-height: calc(var(--small-header) - var(--logo_sm-padding_top) - var(--logo_sm-padding_bottom));
    border-radius:0;
}

header#site-header #logo img[src*='svg'],
header#site-header #logo img[src*="svg"] {
    width:100%;
}

body.browser-safari header#site-header #logo img[src*='svg'],
body.browser-safari header#site-header #logo img[src*="svg"] {
    width:auto;
}

header#site-header #logo:not(.no-image) span { 
    display:none;
}

header#site-header #logo.no-image span { 
    display: table-cell;
    vertical-align: middle;
    height: calc(var(--small-header) - var(--logo_sm-padding_top) - var(--logo_sm-padding_bottom));
    max-height: calc(var(--small-header) - var(--logo_sm-padding_top) - var(--logo_sm-padding_bottom));
}


/*  
---------------------------------------------------
Header

- Burger Navigation Open
---------------------------------------------------  
*/


/*  
---------------------------------------------------
Header

- Transparent header
---------------------------------------------------  
*/
/*  
---------------------------------------------------
Footer
---------------------------------------------------  
*/

footer#site-footer { 
    position: relative;
    overflow-x: hidden;
}

/*footer#site-footer .footer-item { 
    padding-bottom: var(--base-spacing)!important;
}*/

    footer#site-footer .footer-row .item.footer-item.usn_pod_image:has(> .image) {
        margin-bottom: 0 !important;
    }

    footer#site-footer .heading {
        margin-top: 0;
    }
footer#site-footer .footer-heading,
footer#site-footer a:not(.btn):hover .footer-heading,
footer#site-footer a:not(.btn):focus .footer-heading,
footer#site-footer a:not(.btn):active .footer-heading  { 
    color: rgba(var(--footer-heading), 1); 
}

footer#site-footer .footer-secondary-heading,
footer#site-footer a:not(.btn):hover .footer-secondary-heading,
footer#site-footer a:not(.btn):focus .footer-secondary-heading,
footer#site-footer a:not(.btn):active .footer-secondary-heading  { 
    color: rgba(var(--footer-highlight), 1); 
}

footer#site-footer .footer-text,
footer#site-footer a:not(.btn):hover .footer-text,
footer#site-footer a:not(.btn):focus .footer-text,
footer#site-footer a:not(.btn):active .footer-text  {
    color: rgba(var(--footer-text), 1);
}

footer#site-footer .footer-link,
footer#site-footer a:not(.btn) { 
    color: rgba(var(--footer-link), 1); 
}

footer#site-footer a.footer-link:not(.btn):hover,
footer#site-footer a.footer-link:not(.btn):focus,
footer#site-footer a.footer-link:not(.btn):active,
footer#site-footer a:not(.btn):hover,
footer#site-footer a:not(.btn):focus,
footer#site-footer a:not(.btn):active { 
    color: rgba(var(--footer-link-hover), 1); 
}

footer#site-footer .footer-highlight,
footer#site-footer blockquote::before  { 
    color: rgba(var(--footer-highlight), 1); 
}

blockquote::before,
.base-bg blockquote::before,
.component .component.base-bg div > blockquote::before { 
    color: rgba(var(--base-highlight), 1);
}

footer .listing .item {
    margin-bottom: var(--base-spacing);
}
/*  
Tables 
*/
footer#site-footer thead {
    color: rgba(var(--footer-heading), 1);
}
footer#site-footer table, footer#site-footer table th, footer#site-footer table td {
    border-color: rgba(var(--footer-borders), 1);
}

@media (min-width:0) and (max-width:575px) {
    footer#site-footer {
        padding-bottom: var(--pc-spacing);
    }
    footer#site-footer > .container-fluid,
    footer#site-footer > .container { 
        padding-top: var(--pc-spacing);
    }
}

@media (min-width:576px) {
    footer#site-footer {
        padding-bottom: var(--pc-spacing_sm);
    }
    footer#site-footer > .container-fluid,
    footer#site-footer > .container { 
        padding-top: var(--pc-spacing_sm);
    }
}

@media (min-width:768px) {

    footer#site-footer {
        padding-bottom: var(--pc-spacing_md);
    }
    footer#site-footer > .container-fluid,
    footer#site-footer > .container { 
        padding-top: var(--pc-spacing_md);
    }
}

@media (min-width:992px) {

    footer#site-footer {
        padding-bottom: var(--pc-spacing_lg);
    }
    footer#site-footer > .container-fluid,
    footer#site-footer > .container { 
        padding-top: var(--pc-spacing_lg);
    }

    footer#site-footer div[class^="offset-md-"]:not(.offset-lg-1):not(.offset-lg-2):not(.offset-lg-3):not(.offset-lg-4):not(.offset-lg-5):not(.offset-lg-6):not(.offset-lg-7):not(.offset-lg-8):not(.offset-lg-9):not(.offset-lg-10):not(.offset-lg-11):not(.offset-lg-12), 
    footer#site-footer div[class*=" offset-md-"]:not(.offset-lg-1):not(.offset-lg-2):not(.offset-lg-3):not(.offset-lg-4):not(.offset-lg-5):not(.offset-lg-6):not(.offset-lg-7):not(.offset-lg-8):not(.offset-lg-9):not(.offset-lg-10):not(.offset-lg-11):not(.offset-lg-12) { 
        margin-left:0!important;
    }
    
}

@media (min-width:1200px) {

    footer#site-footer {
        padding-bottom: calc(var(--pc-spacing_xl) * 2);
    }

        footer#site-footer > .container-fluid,
        footer#site-footer > .container {
            padding-top: var(--pc-spacing_xl);
        }
}
.playlandingpage {
    padding-top: 0;
    margin-bottom: 4em;
}

.playlandingpage-video-ratio-height {
    max-height: calc(100vh - 200px);
}

.playlandingpage__preamble {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 2rem;
}

.playlandingpage__category-item {
    margin: 0 0.5rem 0 0;
}

.playlandingpage__category-text {
    padding: 5px 10px;
    background-color: rgba(226, 212, 184);
    border-radius: 8px;
    font-weight: 600;
}

.playlandingpage__content-container {
    background-color: var(--bs-body-bg);
    padding: 0 0 4rem 0;
}

.playlandingpage__content {
    flex-direction: column;
}

.playlandingpage__divider {
    border-left: 1px solid;
    margin: 25px 2rem 0 2rem;
    display: none;
}

.playlandingpage__content-right {
    margin-top: 30px;
    font-weight: 600;
}

.playlandingpage__video-gallery {
    background-color: var(--bs-body-bg);
    padding: 0 0 1rem 0;
    margin-top: 1rem;
}

.playlandingpage__video-image {
    border-radius: 0;
}

.playlandingpage__video-lenght {
    position: absolute;
    color: white;
    background-color: black;
    padding: 5px;
    top: 0;
    right: 0;
}

.playlandingpage__video-locked {
    background-image: url('/images/SBC/sbc/sbc-lock.svg?v=QkXpSwh9-oEMVf8U961KWFBJlII');
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0.75em;
}

.playlandingpage__video-locked-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.5em;
    background-color: rgba(var(--base-btn-borders), 1);
    border-top-right-radius: 14px;
}


.playlandingpage__video-title {
    font-size: 18px;
    margin-top: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width:768px) {
    .playlandingpage {
        padding-top: 2rem;
    }

    .playlandingpage__video-title {
        font-size: 20px;
        margin-top: 1rem;
    }
}

@media (min-width:992px) {
    .playlandingpage__divider {
        display: block;
    }

    .playlandingpage__content {
        flex-direction: row;
    }

    .playlandingpage {
        padding-top: 4rem;
    }

    .playlandingpage__video-title {
        font-size: 24px;
        margin-top: 1rem;
    }
    .playlandingpage__content-container {
        padding: 0 1rem 4rem 1rem;
    }

    .playlandingpage__video-gallery {
        padding: 0 1rem 1rem 1rem;
    }
}

.playvideospage__top-container {
    background-color: var(--bs-body-bg);
    padding: 2rem 0;
}

.playvideospage__video-info {
    font-size: 14px;
    font-weight: 600;
}

.playvideospage__video-lenght {
    border-left: 1px solid;
    padding-left: 1rem;
    margin-left: 1rem;
}


.playvideospage__category-item {
    margin: 0 0.5rem 0 0;
}

.playvideospage__category-text {
    padding: 5px 10px;
    background-color: rgba(226, 212, 184);
    border-radius: 8px;
    border: 1px solid;
    font-weight: 600;
}

.playvideospage__category-text--selected {
    background-color: rgb(98, 181, 229);
}

.playvideospage__categorylist-wrapper{
    padding-left: 0;
    padding-right: 0;
}

@media (min-width:992px) {
    .playvideospage__top-container {
        padding: 2rem 1rem;
    }
}

.tag {
    padding: 5px 10px;
    margin-right: 0.25rem;
    margin-bottom: 0.5rem;
    background-color: var(--bs-body-bg);
    border-radius: 8px;
    border: 1px solid;
    color: black;
    font-weight: 600;
}

.tag--inverted {
    background: rgb(98, 181, 229);
}

label.tag {
    cursor: pointer;
    transition: all ease 0.25s;
}

label.tag:hover {
    background-color: rgba(226, 212, 184, 0.6);
    border-color: rgba(226, 212, 184, 0.6);
}

a.tag {
    cursor: pointer;
    transition: all ease 0.25s;
}

a.tag:hover {
    background-color: rgba(226, 212, 184, 0.6);
}

.tag-input:checked + .tag {
    background: rgba(226, 212, 184);
    border-color: rgba(226, 212, 184);
}

.card-img-top-wrapper{
    height: 230px;
}

.card-img-top {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.video-container {
    width: 100%;
    margin: 0 auto;
}

.video-thumbnail {
    position: relative;
    height:100%;
}

.thumbnail-image {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0;
    object-fit: cover;
}

.play-placerholder-cookieconsent{
    border-radius: 0;
}

.play-button {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.play-button:hover {
    transform: scale(1.5);
}

.video-iframe-wrapper {
    display: none;
}

.video-iframe-wrapper iframe {
    width: 100%;
    height: auto;
}

.email-validation-lock {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 101;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-in-out;
    background-color: white;
    border-radius: 1rem;
    height: auto;
    width: 80%;
    padding: 1em 2em;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

@media (min-width:768px) {
    .email-validation-lock {
        width: auto;
    }
}

.play-form-wrapper {
    transition: all 0.4s ease-in-out;
}

.play-form-wrapper--playlandingpage {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 101;
    transform: translate(-50%) scale(0.9);
    transition: all 0.4s ease-in-out;
    width: 70%;
    height: 100%;
}

@media (min-width:1200px) {
    .play-form-wrapper--playlandingpage {
        width: 100%;
    }
}

.play-form-content {
    background-color: white;
    border-radius: var(--base-border-radius);
    padding: 1em 2em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.play-form .button-container--single-next {
    justify-content: center;
    
}

.play-form .button-container--single-next input,
.play-form .button-container--single-next button {
    background: rgba(var(--base-btn-bg-color1), 1);
}

.play-form fieldset legend {
    padding-top: 0;
}

#email-validation-modal {
    border: none;
    background: transparent;
}

.hide {
    display: none;
}

.playvideospage iframe,
.playlandingpage iframe {
    width: 100%;
    height: 100%;
}

.umbraco-forms-submitmessage-html iframe {
    min-height: 620px;
}
/*  
---------------------------------------------------
Navigation
---------------------------------------------------  
*/

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*	
--------------------------------------------------
Breadcrumb navigation
-------------------------------------------------- 
*/

.breadcrumb-trail {
    overflow: hidden;
    height: auto;
    color: rgba(var(--base-text), 1);
}
footer#site-footer .breadcrumb-trail {
    color: rgba(var(--footer-text), 1);
}

.breadcrumb-trail ol.breadcrumb {
    margin: 0; padding: 5px 0;
    background: transparent; border-radius:0;
}

footer#site-footer .breadcrumb-trail .container-fluid ol.breadcrumb {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}

.breadcrumb-trail ol.breadcrumb li.breadcrumb-item {
    position: relative;
    display: inline-block;
    padding: 0!important;
}

html[dir="ltr"] .breadcrumb-trail ol.breadcrumb li.breadcrumb-item {
    margin-right: var(--base-half-spacing);
}

.breadcrumb-trail ol.breadcrumb li.breadcrumb-item span {
    display: block;
}

.breadcrumb-trail ol.breadcrumb li.breadcrumb-item::before {
    display:none!important;
}

.breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.breadcrumb-trail ol.breadcrumb li.breadcrumb-item a span,
.breadcrumb-trail ol.breadcrumb li.breadcrumb-item>span {
    text-overflow: ellipsis;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
}
.breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    display: block;
    color: rgba(var(--base-text), 1);
    padding: 5px 0; 
}
footer#site-footer .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
footer#site-footer .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    color: rgba(var(--footer-text), 1);
}

.breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--base-link), 1);
}
footer#site-footer .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--footer-link), 1);
}

.breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--base-text), 0.5);
}
footer#site-footer .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--footer-text), 0.5);
}

.breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon.before {
    position: relative; 
}

body:not(.breadcrumb-forward) .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon.before {
    top: 1px;
}

html[dir="ltr"] body:not(.breadcrumb-forward) .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon.before {
    margin-right: 12px;
}

html[dir="ltr"] body.breadcrumb-forward .breadcrumb-trail li.breadcrumb-item i.icon.before {
    float: right;
    margin-left: calc(var(--base-half-spacing) / 2);
}

body.breadcrumb-forward .breadcrumb-trail li.breadcrumb-item:last-child i.icon.before { 
    display:none;
}

html[dir="ltr"] body.breadcrumb-forward .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon.before::before {
    transform: rotate(180deg)
}


@media (min-width:600px) {

    .breadcrumb-trail ol.breadcrumb {
        padding: var(--base-half-spacing) 0;
    }
    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a span,
    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
        max-width: 200px;
    }

}

/*  
---------------------------------------------------
Burger Navigation
---------------------------------------------------  
*/

header#site-header .expand-header {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 300;
    width: var(--expand-nav-width);
    height: var(--small-header);
    display: block;
    text-indent: -9999px;
    text-decoration: none!important;
    cursor: pointer;
    background:none; border:0 none; outline:none;
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

header#site-header .expand-header:focus-visible {
    outline-offset: -6px!important;
}

header#site-header .expand-header span:before,
header#site-header .expand-header span,
header#site-header .expand-header span:after {
    content: "";
    display: block;
    width: calc(var(--expand-nav-width) / 2);
    height: var(--base-border-width);
    position: absolute;
    left: 0;
    background-color:  rgba(var(--main-navigation-link), 1);
    opacity: 1;

    -webkit-transition: 
        transform 0.4s ease-in-out 0s, 
        left 0.4s ease-in-out 0s, 
        top 0.4s ease-in-out 0s, 
        background-color 0.3s ease-in-out 0s, 
        width 0.3s ease-in-out 0s;
    transition: 
        transform 0.4s ease-in-out 0s, 
        left 0.4s ease-in-out 0s, 
        top 0.4s ease-in-out 0s, 
        background-color 0.3s ease-in-out 0s, 
        width 0.3s ease-in-out 0s;
}
header#site-header .expand-header.expand-uneven-lines:not(.active) span:before {
    width: calc((var(--expand-nav-width) / 2) - 10px);
}
header#site-header .expand-header.expand-uneven-lines:not(.active) span:after {
    width: calc((var(--expand-nav-width) / 2) - 5px);
}

header#site-header .expand-header span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

header#site-header .expand-header span:before {
    top: -8px;
}

header#site-header .expand-header span:after {
    top: 8px;
}

header#site-header .expand-header.expand-2-bars span { 
    background-color:transparent;
}

header#site-header .expand-header.expand-2-bars span:before {
    top: -4px;
}

header#site-header .expand-header.expand-2-bars span:after {
    top: 4px;
}

header#site-header .expand-header.expand-active-cross.active span {
    background-color:transparent;
}

header#site-header .expand-header.expand-active-cross.active span:before,
header#site-header .expand-header.expand-active-cross.active span:after {
    top: 0;
}

header#site-header .expand-header.expand-active-cross.active span::before {
    transform: rotate(-45deg);
}

header#site-header .expand-header.expand-active-cross.active span::after {
    transform: rotate(45deg);
}

header#site-header .expand-header.expand-active-minus.active span {
    background-color:  rgba(var(--main-navigation-link-active), 1);
}

header#site-header .expand-header.expand-active-minus.active span::before,
header#site-header .expand-header.expand-active-minus.active span::after {
    background-color:transparent;
}
/*  
---------------------------------------------------
CTA Navigation
---------------------------------------------------  
*/

/*  
---------------------------------------------------
Main Navigation
---------------------------------------------------  
*/

nav.main { 
    position: relative; z-index:2;
}

nav.main a:focus-visible,
nav.main .expand-subpages:focus-visible {
    outline-offset: -6px!important;
}

nav.main ul li {
    position: relative;
}

nav.main > ul > li {
	white-space: nowrap;
}

nav.main > ul ul li {
	white-space: wrap;
}

nav.main ul li > span {
    position: relative;
    display: block;
}

html.touch nav.main ul li > span {
    pointer-events: none;
}

nav.main ul li > span::before {
    content: "";
    position: absolute;
    transition: all 0.15s ease-in-out 0s;
}

html.no-touch nav.main ul li:not(.active):hover>span::before,
nav.main ul li:not(.active):focus>span::before,
nav.main ul li:not(.active):active>span::before,
nav.main ul li:not(.active).open-child>span::before {
    background:  rgba(var(--main-navigation-link-hover), 1);
}

nav.main ul li:not(.active):focus-within>span::before {
    background:  rgba(var(--main-navigation-link-active), 1);
}

nav.main ul li.active>span::before {
    background:  rgba(var(--main-navigation-link-active), 1);
}

nav.main ul li.has-child > .expand-subpages {
    display: block;
    position: absolute; top: 0; bottom: 0; z-index:-1;
    width: 60px;
    text-indent: -9999px;
    padding:0; margin:0;
    background:none; border:0 none;
}

html.touch nav.main ul li.has-child > .expand-subpages {
    z-index:100;
}

html[dir="ltr"] nav.main ul li.has-child > .expand-subpages {
    right: 0;
}
html[dir="rtl"] nav.main ul li.has-child > .expand-subpages {
    left: 0;
}

nav.main ul li.has-child>span::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    padding-top: 15px;
    text-align: center;
    color: rgba(var(--main-navigation-link), 1);
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

html.touch nav.main ul li > span::after {
    pointer-events: all;
    z-index: 10;
}

nav.main ul li:not(.active):hover>span::after,
nav.main ul li:not(.active):focus>span::after,
nav.main ul li:not(.active):active>span::after,
nav.main ul li:not(.active).open-child>span::after {
    color: rgba(var(--main-navigation-link-hover), 1);
}

nav.main ul li:not(.active):focus-within>span::after {
    color: rgba(var(--main-navigation-link-hover), 1);
}

nav.main ul li.active.has-child>span::after { 
    color: rgba(var(--main-navigation-link-active), 1);
}

nav.main ul li span a {
    display: block;
    color:  rgba(var(--main-navigation-link), 1);
    pointer-events: all;
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

nav.main ul>li>span>a:hover,
nav.main ul>li:hover>span>a,
nav.main ul>li.open-child>span>a {
    color:  rgba(var(--main-navigation-link-hover), 1);
}

nav.main ul>li:focus-within>span>a {
    color:  rgba(var(--main-navigation-link-hover), 1);
}

nav.main ul>li.active>span>a {
    color:  rgba(var(--main-navigation-link-active), 1);
}

/*  
---------------------------------------------------
Secondary Navigation
---------------------------------------------------  
*/

nav.secondary > ul > li {
	white-space: nowrap;
}

nav.secondary ul li span div,
nav.secondary ul li span a,
nav.secondary ul li a {
    display: block;
    color:  rgba(var(--secondary-navigation-link), 1);
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

nav.secondary ul li span div { 
    color:  rgba(var(--header-text), 1);
}

html.no-touch nav.secondary ul li span a:hover,
nav.secondary ul li span a:focus,
nav.secondary ul li span a:active,
html.no-touch nav.secondary ul li.dropdown>a:hover,
nav.secondary ul li.dropdown a:focus,
nav.secondary ul li.dropdown a:active,
nav.secondary ul li.dropdown.show>a {
    color:  rgba(var(--secondary-navigation-link-hover), 1);
}

nav.secondary ul li.dropdown:not(:focus-within),
nav.secondary ul li.dropdown > a.dropdown-toggle:not(:focus-within) {
    outline:0 none!important; box-shadow:none;
}

nav.secondary ul li.dropdown > a.dropdown-toggle::after {
    border: 0 none;
     
    position: relative;
    top: 3px;
    margin-left:5px;
    font-size:14px;
}

nav.secondary ul li.dropdown > a.dropdown-toggle { }

nav.secondary ul li.phone-number strong {
    color: rgba(var(--header-highlight), 1);
}

nav.secondary ul li.dropdown .dropdown-menu { 
    background: transparent; 
}

nav.secondary ul li.dropdown .dropdown-menu { 
    padding:0;
    border-radius: 0; border-color: var(--header-borders);
}

nav.secondary ul li.dropdown .dropdown-menu a { 
    color:  rgba(var(--secondary-navigation-link), 1);
	white-space: normal;
}

nav.secondary ul li.dropdown > a i { 
    color:  rgba(var(--secondary-navigation-link), 1);
}

nav.secondary ul li.dropdown > a i.before {
    margin: 0 !important;
}

html.no-touch nav.secondary ul li.dropdown .dropdown-menu a:hover,
nav.secondary ul li.dropdown .dropdown-menu a:focus,
nav.secondary ul li.dropdown .dropdown-menu a:active { 
    color:  rgba(var(--secondary-navigation-link-hover), 1);
    background:none!important;
}



/*  
---------------------------------------------------
Language Selector
---------------------------------------------------  
*/

nav.secondary ul li.language-selector picture,
nav.secondary ul li.language-selector a > img { 
    position:relative; top:1px;
    overflow:hidden;
    margin:0; padding:0;
    display:inline-block;
}

nav.secondary ul li.language-selector a > img { 
    top:-1px;
}

nav.secondary ul li.language-selector picture,
nav.secondary ul li.language-selector picture source,
nav.secondary ul li.language-selector picture img,
nav.secondary ul li.language-selector a > img { 
    width:14px; max-width:100%; height:14px;
    border-radius: var(--base-border-radius);
}

nav.secondary ul li.language-selector picture img {
    overflow:hidden; display:block;
}

nav.secondary ul li.language-selector a { 
    position:relative;
}



/*  
---------------------------------------------------
Members & Language dropdown
---------------------------------------------------  
*/

html[dir="ltr"] nav.secondary ul li.dropdown > a i + span {
    margin-left: 5px;
}

html[dir="rtl"] nav.secondary ul li.dropdown > a i + span {
    margin-right: 5px;
}

html[dir="ltr"] nav.secondary ul li.dropdown a > picture + span,
html[dir="ltr"] nav.secondary ul li.dropdown a > img + span { 
    margin-left: 5px;
}

html[dir="rtl"] nav.secondary ul li.dropdown a > picture + span,
html[dir="rtl"] nav.secondary ul li.dropdown a > img + span { 
    margin-right: 5px;
}

/*  
---------------------------------------------------
Sub Navigation
---------------------------------------------------  
*/

nav.sub { 
    border-width: var(--base-border-width) 0 0; border-style: solid; 
    border-color: rgba(var(--base-borders), 1);
    padding-top: var(--base-half-spacing);
    margin-bottom: var(--base-spacing);
}

nav.sub > p.heading {
    padding: 0 0 10px;
    color: rgba(var(--base-heading), 1);
}

nav.sub > p.heading a { 
    color: rgba(var(--base-heading), 1);
}

nav.sub > ul { 
}

nav.sub ul li > ul {
	padding-top:5px;
}

nav.sub ul li { 
    position:relative;
    padding:3px 0;
}

nav.sub ul li span { 
    position:relative;
    display:block;
}

html[dir="ltr"] nav.sub ul li.has-child > span {
	padding-right: 30px;
}

html[dir="rtl"] nav.sub ul li.has-child > span {
	padding-left: 30px;
}

nav.sub ul li span a { 
    display:block;
    color: rgba(var(--base-link), 1);
    transition:all 0.2s ease-in-out 0s;
}

nav.sub ul > li.active > span > a { 
    color: rgba(var(--base-heading), 1);
    opacity:0.6;
}

html.no-touch nav.sub ul li:not(.active) span a:hover { 
    padding-left:3px;
}
html.no-touch nav.sub ul li:not(.active) span a:hover,
nav.sub ul li:not(.active) span a:focus,
nav.sub ul li:not(.active) span a:active { 
    color: rgba(var(--base-link-hover), 1);
}


/* Levels */
nav.sub ul li:not(.active):not(.open-child) ul {
    padding: 5px 0 2px;
}
nav.sub ul ul ul {
    padding-left: 12px;
}
nav.sub ul ul li {
    padding:3px 0;
}
nav.sub ul ul li span a { 
    padding-left:12px;
}
html.no-touch nav.sub ul ul li:not(.active) span a:hover { 
    padding-left:15px;
}
nav.sub ul ul li span a::before { 
    content:"";
    position:absolute; top:11px; left:0;
    width:5px; height:var(--base-border-width);
    background-color: rgba(var(--base-borders), 1);
    transition:all 0.2s ease-in-out 0s;
}
html.no-touch nav.sub ul ul li:not(.active) span a:hover::before { 
    width:8px;
    background-color: rgba(var(--base-borders), 0.2);
}
nav.sub ul ul li.active span a::before { 
    background-color: rgba(var(--base-heading), 1);
}


/*  
---------------------------------------------------
Expand subpages
---------------------------------------------------  
*/

nav.sub ul li .expand-subpages { 
    position: absolute; top:5px; 
    width: 24px; height: 100%; max-height: 24px;
    background: transparent;
    border: var(--base-border-width) solid rgba(var(--base-borders), 1);
}
html[dir="ltr"] nav.sub ul li .expand-subpages {
    right: 0;
}
nav.sub ul li .expand-subpages > span { 
    display: none;
}

nav.sub ul li .expand-subpages::after {
    content:"";
    position: absolute; top: 50%; left: 50%; 
    color: rgba(var(--base-link), 1);
    transform: translate(-50%,-50%);
}
nav.sub ul li:not(.open-child) > .expand-subpages::after {
    color: rgba(var(--base-link-hover), 1);
}
nav .sub ul li.open-child > .expand-subpages::after {
    color: rgba(var(--base-heading), 1);
    opacity: 0.6;
}

nav.sub ul li:not(.active):not(.open-child) ul {
    display: none;
    padding: 5px 0 2px;
}

nav.sub ul li.active ul,
nav.sub ul li.open-child ul {
    display: block;
}

nav.sub ul li.active:not(.open-child) ul {
    display: none;
}


/*  
---------------------------------------------------
In this section
---------------------------------------------------  
*/

.in-this-section {
    position: relative; 
    border: var(--base-border-width) solid rgba(var(--base-borders), 1);
    margin-bottom:var(--base-spacing);
    border-radius: var(--base-border-radius);
}

.in-this-section > .expand-sub { 
    position: relative; 
    cursor: pointer;
    width:100%;
    padding:var(--base-half-spacing);
    margin:0;
    color: rgba(var(--base-heading), 1);
    font-weight: var(--p-heading-typography_font-weight);
    text-align:left;
    border:0 none; background:none;
}

html[dir="ltr"] .in-this-section > .expand-sub {
	text-align: left;
}

html[dir="rtl"] .in-this-section > .expand-sub {
	text-align: right;
}

.in-this-section > .expand-sub > i {
	position: relative;
	top: 2px;
	float: right;
	color: rgba(var(--base-highlight), 1);
	transition: all 0.25s ease-in-out 0s;
}

.in-this-section > .expand-sub.active > i { 
    transform: rotate(45deg);
}

.in-this-section > nav.sub { 
    margin:0; 
    padding:var(--base-half-spacing);
}

.in-this-section > nav.sub > .heading { 
    margin-top:0;
}

.in-this-section > nav.sub:not(.open) { 
    display:none;
}

/*	
--------------------------------------------------
Pagination navigation
-------------------------------------------------- 
*/

nav#pagination {
    padding: var(--base-spacing) 0;
}

nav#pagination .pagination {
    position: relative;
    margin: 0;
}

nav#pagination .pagination,
nav#pagination .pagination li a,
nav#pagination .pagination li a span {
    border-radius: 0;
}

nav#pagination .pagination li {
    margin:0 2.5px;
}

nav#pagination .pagination li.prev,
nav#pagination .pagination li.next { 
    font-size:18px;
}

nav#pagination .pagination li.prev { 
    margin-left:0;
}

nav#pagination .pagination li.next {
    margin-right:0;
}

nav#pagination .pagination li.prev,
nav#pagination .pagination li.next { 
    position: absolute;
}
nav#pagination .pagination li.prev { 
    left:0;
}
nav#pagination .pagination li.next {
    right:0;
}

nav#pagination .pagination li a {
    display:block;
    color: rgba(var(--base-link), 1);
    border-width: var(--btn-border-width);
    border-style: solid;
    border-color:  rgba(var(--base-borders), 1);
    border-radius: var(--base-border-radius);
    padding: 9px 16px;
    height:40px; min-width:40px;
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--true-black), 0);
}

nav#pagination .pagination li:not(.active) a:hover { 
    background-color: var(--base-borders);
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--true-black), var(--btn-box-shadow_o));
}

nav#pagination .pagination li.active a { 
    color: rgba(var(--base-highlight-text), 1);
    background-color: rgba(var(--base-highlight), 1);
    border-color:  rgba(var(--base-highlight), 1);
}

@media (min-width:576px) { 

    nav#pagination .pagination li a {
        padding: 14px 21px;
        height:50px; min-width:50px;
    }

}
body.no-header .component.usn_cmp_pagenavigation {
    top: calc(var(--small-header) + var(--base-half-spacing) - 1px);
    box-shadow: 0px 0.3px 0.3px hsl(var(--color-black) / 0.11), 0px 0.9px 1px -0.8px hsl(var(--color-black) / 0.11), 0px 2.2px 2.5px -1.7px hsl(var(--color-black) / 0.11), -0.1px 5.3px 6px -2.5px hsl(var(--color-black) / 0.11);
}

section.content.component.usn_cmp_pagenavigation.base-bg.base-bg-solid {
    background-color: white;
    --color-black: 0 0 0;
    box-shadow: 0px 0.3px 0.3px hsl(var(--color-black) / 0.11), 0px 0.9px 1px -0.8px hsl(var(--color-black) / 0.11), 0px 2.2px 2.5px -1.7px hsl(var(--color-black) / 0.11), -0.1px 5.3px 6px -2.5px hsl(var(--color-black) / 0.11);
    z-index: 999;
}

.page-navigation__list {
    padding: 1.2rem 0;
    margin: 0;
    display: flex;
}

.page-navigation__list-item a {
    padding: 5px 10px;
    margin-right: 0.75rem;
    border-radius: 8px;
    background-color: rgba(226, 212, 184, 0.6);
}

.page-navigation__list-item a:hover,
.page-navigation__list-item a:active,
.page-navigation__list-item a:focus {
    background-color: rgba(226, 212, 184);
    color: black !important;
    outline: none;
}

.page-navigation__description {
    display: block;
}

.expand-pagenavigation {
    display: none;
}

.page-navigation__list-item i {
    font-family: "Mark W01 Regular";
}

.page-navigation__list-item .usn_ion-ios-arrow-forward {
    margin-left: 0;
}

@media (max-width:1079px) {
    .expand-pagenavigation {
        display: block;
        text-align: center;
        width: 100%;
        border: none;
        background-color: transparent;
        font-size: 20px;
        padding: 0.75rem;
        color: var(--c2-heading);
    }

    [data-menu] {
        display: grid;
        grid-template-rows: 0fr;
        -webkit-transition: grid-template-rows .2s ease-out;
        transition: grid-template-rows .2s ease-out;
        transition: grid-template-rows .2s ease-out, -ms-grid-rows .2s ease-out;
    }

        [data-menu] > div {
            overflow: hidden;
        }

    .expand-pagenavigation[aria-expanded="true"] + [data-menu] {
        grid-template-rows: 1fr;
    }

    .page-navigation__description {
        display: none;
    }

    .page-navigation__menu-container {
        z-index: 1000;
        width: 100%;
        background-color: var(--color-white);
    }

    .page-navigation__list {
        display: block;
    }

    .page-navigation__list-item {
        margin-bottom: 0.5rem;
    }

        .page-navigation__list-item a {
            background-color: transparent;
            display: inline-block;
            font-family: "Mark W01 Medium";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            text-rendering: auto;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

            .page-navigation__list-item a:hover,
            .page-navigation__list-item a:active {
                background-color: transparent;
                color: black;
                outline: none;
            }

        .page-navigation__list-item .usn_ion-ios-arrow-forward:before {
            display: inline-block;
            height: 15px;
            width: 15px;
        }

        .page-navigation__list-item .usn_ion-ios-arrow-forward:hover {
            margin-left: 0.5rem;
        }
}

.page-navigation__icon svg {
    transform: rotate(90deg);
    margin-left: 0.5em;
    transition: transform 0.15s ease-in-out;
}

.expand-pagenavigation[aria-expanded="true"] svg {
    transform: rotate(270deg);
    transition: all 0.15s ease-in-out;
}

.menu-overlay {
    background-color: #000;
    height: 100vh;
    opacity: .6;
    position: fixed;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

/*	
--------------------------------------------------
Quick links navigation
-------------------------------------------------- 
*/

.quick-links ul li {
    position:relative;
    margin-bottom: 5px;
    flex-basis: 100%;
}

.quick-links ul li a {
    display: block;
}

.has-dash .quick-links ul li a,
.quick-links.has-dash ul li a { 
    padding-left: 15px;
}

.has-dash .quick-links ul li a::after,
.quick-links.has-dash ul li a::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    width: 5px;
    height: var(--base-border-width);
}

html.no-touch .has-dash .quick-links ul li a:hover::after, 
html.no-touch .quick-links.has-dash ul li a:hover::after {
    width: 8px;
}


/*	
--------------------------------------------------
Footer Quick Links
-------------------------------------------------- 
*/

footer#site-footer .heading + .quick-links { 
    margin-top:15px;
}

html.no-touch footer#site-footer .quick-links ul li a:hover,
footer#site-footer .quick-links ul li a:active,
footer#site-footer .quick-links ul li a:focus { 
    color:  rgba(var(--footer-link-hover), 1);
}

footer#site-footer .quick-links ul li a::after {
    background:  rgba(var(--footer-text), 1);
    opacity:0.3;
}

html.no-touch footer#site-footer .quick-links ul li a:hover::after {
    opacity:1;
    background:  rgba(var(--footer-link-hover), 1);
}

footer#site-footer .quick-links ul { 
    display:flex;
    flex-wrap: wrap;
}

@media (min-width:0) and (max-width:767px) {
    footer#site-footer .quick-links ul li  { 
        flex-basis: 50%;
        flex:0 0 50%;
    }
}

@media (min-width:768px) and (max-width:991px) { 

    footer#site-footer .footer-item:not(.col-md-1):not(.col-md-2):not(.col-md-3) .quick-links ul li  { 
        flex-basis: 50%;
        flex:0 0 50%;
    }

}

@media (min-width:992px) and (max-width:1199px) {
    footer#site-footer .footer-item:not(.col-lg-1):not(.col-lg-2):not(.col-lg-3) .quick-links ul li  { 
        flex-basis: 100%;
        flex:0 0 100%;
    }
}

@media (min-width:1200px) {
    footer#site-footer .footer-item:not(.col-lg-1):not(.col-lg-2):not(.col-lg-3) .quick-links ul li  { 
        flex-basis: 50%;
        flex:0 0 50%;
    }
}
/*  
---------------------------------------------------
Sitemap navigation
---------------------------------------------------  
*/

nav.sitemap {
    position: relative;
}

nav.sitemap ul.nav {
    display: block;
    margin: 0;
    padding: 0 0 8px;
}
nav.sitemap ul.nav ul.nav { 
    margin-left:var(--base-half-spacing);
}

nav.sitemap ul li {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}

nav.sitemap ul li::before,
nav.sitemap ul li::after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    background-color:  rgba(var(--base-borders), 1);
    transition: all 0.2s ease-in-out 0s;
}

nav.sitemap ul li::before {
    top: 0;
    bottom: 0;
    width: var(--base-border-width);
    height: 100%;
}

nav.sitemap ul li::after {
    top: 18px;
    width: 5px;
    height: var(--base-border-width);
}

/*
nav.sitemap ul li a:hover {
    padding-left: 18px;
}
*/

nav.sitemap ul li:not(.nav-item_no-link):hover::after {
    width: 8px;
    background-color: rgba(var(--base-borders), 0.5);
}

nav.sitemap ul ul {
    margin-left: 16px;
}


nav.sitemap ul li.nav-item_no-link .nav-link_no-link { 
    padding: 0.5rem 1rem;
}
/*	
--------------------------------------------------
Social navigation
-------------------------------------------------- 
*/

nav.social {
    margin-bottom: var(--base-spacing);
}

.item .inner nav.social {
    margin-bottom: 0;
}

nav.social ul {
    line-height: 0;
}

nav.social ul li {
    display: inline-block;
    position: relative;
    margin: 0 2px 5px 0!important;
}

nav.social ul li a {
    position: relative;
    display: block;
    float: left;
    width: 40px;
    height: 40px;
	line-height: 40px;
    transition: opacity 0.3s ease-in-out 0s;
}

.author-bio nav.social ul li a { 
    width:40px; height:40px;
}

nav.social ul li a img {
    display:block;
    width: 40px;
    height: 40px;
}

.author-bio nav.social ul li a img { 
    width:40px; height:40px;
}

html.no-touch nav.social ul li a:hover {
    opacity: 0.7;
}

/*	
--------------------------------------------------
Footer navigation
-------------------------------------------------- 
*/

footer#site-footer .row:only-of-type > .col > nav.footer-navigation { 
    padding-top:0!important;
}

footer#site-footer .container-fluid nav.footer-navigation {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}

nav.footer-navigation {
    padding: var(--base-spacing) 0 0;
}

nav.footer-navigation ul li {
    display: block;
    padding: 10px 0;
}

nav.footer-navigation ul li a,
nav.footer-navigation ul li div {
    display: inline;
    padding: 0;
}

footer#site-footer nav.footer-navigation ul li:not(.site-credit) a:not(.btn) { 
    color: rgba(var(--footer-link), 1);
}

footer#site-footer nav.footer-navigation ul li:not(.site-credit) a:not(.btn):hover,
footer#site-footer nav.footer-navigation ul li:not(.site-credit) a:not(.btn):focus,
footer#site-footer nav.footer-navigation ul li:not(.site-credit) a:not(.btn):active  { 
    color: rgba(var(--footer-link-hover), 1);
}

footer#site-footer nav.footer-navigation ul li.site-credit a:not(.btn) {
    font-weight:700;
    color: rgba(var(--footer-highlight), 1);
}

@media (min-width:768px) {
    nav.footer-navigation ul li {
        margin: 0 8px 0 0;
        padding: 0;
        display: inline-block;
    }
    nav.footer-navigation ul li.site-credit {
        clear: both;
        display: block;
        padding: 40px 0 0; margin-right:0;
    }
}

@media (min-width:768px) and (max-width:991px) {}

@media (min-width:992px) {

    nav.footer-navigation {
        padding-top: calc(var(--base-spacing) * 2);
    }
    nav.footer-navigation ul li.site-credit {
        float: right;
        clear: none;
        padding: 0; margin:0;
    }
}
/*  
---------------------------------------------------
Page Components
---------------------------------------------------  
*/

section.content {
    position: relative;
    display: block;
    height: auto; 
}

section.content.p-0 .component-inner > .container-fluid { 
    padding: 0;
}
section.content.p-0 .component-inner > .container-fluid > .row { 
    margin:0;
}

.content-col .component .component-inner > .container { 
    padding: 0;
}

body:not(.full-page) section.content .content-col > section.content.component {
    padding: 0;
}

body:not(.full-page) section.content .content-col > section.content.component.base-bg { 
    background:transparent!important;
}

body:not(.full-page) section.content .content-col > section.content.component:not(.usn_cmp_breadcrumb):not(.base-bg):not(.p-0) {
    padding: var(--base-half-spacing);
}

body:not(.full-page) section.content .content-col > section.content.component.usn_cmp_breadcrumb {
    padding: 0 var(--base-half-spacing);
}

body:not(.full-page) section.content .content-col > section.content.component:not(.base-bg):not(.p-0):not(:last-child) {
    margin-bottom: var(--pc-spacing);
}

body:not(.full-page) section.content .content-col > section.content.component:not(.usn_cmp_breadcrumb):not(:last-child):not(.p-0) {
    padding-bottom: var(--pc-spacing);
}

body:not(.full-page) section.content .content-col > section.content.component.meta { 
    padding-top: var(--content-col_pc-spacing);
}

body:not(.full-page) section.content .content-coll > section.content.component:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb):not(.base-bg):not(.p-0):first-child,
body:not(.full-page) section.content .content-coll > section.content.component:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb):not(.base-bg):not(.p-0) {
    padding: var(--base-spacing) !important;
}

.content .component-introduction {
    padding-bottom: var(--pc-spacing);
}

    .content .component-introduction.component-introduction--minus-margin {
        margin-bottom: -2em !important;
    }


@media screen and (min-width:600px) {
    .content .component-introduction.component-introduction--minus-margin {
        padding-bottom: 0 !important;
    }
}
body:not(.full-page) section.content section.content.component .component-introduction {
    padding-bottom: var(--content-col_pc-spacing);
}

section.content .component-outro {
    padding-top: var(--pc-spacing);
}

    section.content .component-outro.component-outro--minus-margin {
        margin-top: -2em !important;
        padding-top: 0 !important;
    }
body:not(.full-page) section.content section.content.component .component-outro {
    padding-top: var(--content-col_pc-spacing);
}

@media (min-width:0) and (max-width:575px) {
    section.content:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb):not(.usn_cmp_pagenavigation) {
        padding: var(--pc-spacing) 0;
    }
}

@media (min-width:576px) {
    section.content:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb):not(.usn_cmp_pagenavigation) {
        padding: var(--pc-spacing_sm) 0;
    }
}

@media (min-width:768px) {
    section.content:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb):not(.usn_cmp_pagenavigation) {
        padding: var(--pc-spacing_md) 0;
    }
}

@media (min-width:992px) {
    section.content:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb):not(.usn_cmp_pagenavigation) {
        padding: var(--pc-spacing_lg) 0;
    }

    body:not(.full-page) section.content .content-col > section.content.component:not(.usn_cmp_breadcrumb):not(.base-bg):not(.p-0):not(.usn_cmp_pagenavigation) {
        padding: var(--base-spacing);
    }

    body:not(.full-page) section.content .content-col > section.content.component.usn_cmp_breadcrumb:not(.usn_cmp_pagenavigation) {
        padding: 0 var(--base-spacing);
    }
}

@media (min-width:1200px) {
    section.content:not(.usn_cmp_banner):not(.usn_cmp_breadcrumb):not(.usn_cmp_pagenavigation) {
        padding: var(--pc-spacing_xl) 0;
    }
}



/*  
---------------------------------------------------
Max Width on a component

Custom class 'component-max-width' to max width any component. 
Adds spacing around the main component <section>.
Only works on layout 'Full Page'.
---------------------------------------------------  
*/

body.full-page section.content.component-max-width {
    margin: var(--pc-spacing);
    padding: var(--pc-spacing);
    max-width: calc(var(--component-max-width) - 30px);
    border-radius: var(--base-border-radius);
}
body.full-page section.content.component-max-width.usn_cmp_banner {
    padding:0!important;
}

@media (min-width:0) and (max-width:575px) {
    body.full-page section.content.component-max-width {
        margin: var(--pc-spacing);
        padding: var(--pc-spacing);
    }
}

@media (min-width:576px) {
    body.full-page section.content.component-max-width {
        margin: var(--pc-spacing_sm);
        padding: var(--pc-spacing_sm);
    }
}

@media (min-width:768px) {
    body.full-page section.content.component-max-width {
        margin: var(--pc-spacing_md);
        padding: var(--pc-spacing_md);
    }
}

@media (min-width:992px) {
    body.full-page section.content.component-max-width {
        margin: var(--pc-spacing_lg);
        padding: var(--pc-spacing_lg);
    }
}

@media (min-width:1200px) {
    body.full-page section.content.component-max-width {
        margin: var(--pc-spacing_xl);
        padding: var(--pc-spacing_xl);
    }
}

@media (min-width:1350px) {
    body.full-page section.content.component-max-width {
        margin: var(--pc-spacing_xl) auto;
        padding: var(--pc-spacing_xl);
    }
}



/*  
---------------------------------------------------
Intro / Outro column widths
---------------------------------------------------  
*/

@media (min-width:0) and (max-width:575px) {
    section.content .component-introduction .info.col { 
        flex: 0 0 var(--intro-col);
        max-width:var(--intro-col);
    }
    section.content .component-outro .info.col { 
        flex: 0 0 var(--outro-col);
        max-width:var(--outro-col);
    }
}

@media (min-width:576px) {
    section.content .component-introduction .info.col { 
        flex: 0 0 var(--intro-col_sm);
        max-width:var(--intro-col_sm);
    }
    section.content .component-outro .info.col {
        flex: 0 0 var(--outro-col_sm);
        max-width:var(--outro-col_sm);
    }
}

@media (min-width:768px) {
    section.content .component-introduction .info.col { 
        flex: 0 0 var(--outro-col_md);
        max-width:var(--intro-col_md);
    }
    section.content .component-outro .info.col { 
        flex: 0 0 var(--intro-col_md);
        max-width:var(--outro-col_md);
    }
}

@media (min-width:992px) {
    section.content .component-introduction .info.col { 
        flex: 0 0 var(--intro-col_lg);
        max-width:var(--intro-col_lg);
    }
    section.content .component-outro .info.col { 
        flex: 0 0 var(--outro-col_lg);
        max-width:var(--outro-col_lg);
    }
}

@media (min-width:1200px) {
    section.content .component-introduction .info.col {  
        flex: 0 0 var(--intro-col_xl);
        max-width:var(--intro-col_xl);
    }
    section.content .component-outro .info.col { 
        flex: 0 0 var(--outro-col_xl);
        max-width:var(--outro-col_xl);
    }
}

section.content.component .content-col.center-col.col .component-introduction .info.col,
section.content.component .content-col.center-col.col .component-outro .info.col,
body:not(.full-page) section.content .content-col .component-introduction .info.col,
body:not(.full-page) section.content .content-col .component-outro .info.col {  
    flex: 0 0 100%;
    max-width: 100%;
}

section.content.component.usn_cmp_splitcomponent .item_block .component-introduction .info.col,
section.content.component.usn_cmp_splitcomponent .item_block .component-outro .info.col { 
    flex: 0 0 100%;
    max-width: 100%;
}

/*  
---------------------------------------------------
Center column widths
When a user chooses the center col width on a component setting
---------------------------------------------------  
*/

@media (min-width:0) and (max-width:575px) {
    section.content.component .content-col.center-col.col { 
        flex: 0 0 var(--center-col);
        max-width:var(--center-col);
    }
}

@media (min-width:576px) {
    section.content.component .content-col.center-col.col { 
        flex: 0 0 var(--center-col_sm);
        max-width:var(--center-col_sm);
    }
}

@media (min-width:768px) {
    section.content.component .content-col.center-col.col { 
        flex: 0 0 var(--center-col_md);
        max-width:var(--center-col_md);
    }
}

@media (min-width:992px) {
    section.content.component .content-col.center-col.col { 
        flex: 0 0 var(--center-col_lg);
        max-width:var(--center-col_lg);
    }
}

@media (min-width:1200px) {
    section.content.component .content-col.center-col.col { 
        flex: 0 0 var(--center-col_xl);
        max-width:var(--center-col_xl);
    }
}

/*  
---------------------------------------------------
Page Components - Items per row & Carousels
---------------------------------------------------  
*/

.row.slides { 
    display: block; 
    flex-wrap: nowrap;
}

.row.slides .item { 
    flex: none!important;
    max-width: auto!important;
    margin-bottom: 0;
}

.row.slides:not(.listing_no-spacing) .item { 
    padding: 0 15px; 
}

.row:not(.slides):not(.listing_window-mosaic) .item.items-1 { 
    flex: 0 0 var(--items-1);
    max-width: var(--items-1);
}

/* Justify child items to end */
.justify-items-end .component-main.row {
    justify-content: flex-end!important;
}
/* Justify child items to center */
.justify-items-center .component-main.row {
    justify-content: center!important;
}

@media (min-width:576px) {

    .row:not(.slides):not(.listing_window-mosaic) .item.items-2,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-3,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-4,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-5,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-6,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-7,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-8 { 
        flex: 0 0 var(--items-2);
        max-width: var(--items-2);
    }

}

@media (min-width:768px) {

    .row:not(.slides):not(.listing_window-mosaic) .item.items-3,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-4,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-5,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-6,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-7,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-8 { 
        flex: 0 0 var(--items-2);
        max-width: var(--items-2);
    }

}

@media (min-width:992px) {

    .row:not(.slides):not(.listing_window-mosaic) .item.items-3 { 
        flex: 0 0 var(--items-3);
        max-width: var(--items-3);
    }

    .row:not(.slides):not(.listing_window-mosaic) .item.items-4,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-5 { 
        flex: 0 0 var(--items-4);
        max-width: var(--items-4);
    }
    .row:not(.slides):not(.listing_window-mosaic) .item.items-6 { 
        flex: 0 0 var(--items-5);
        max-width: var(--items-5);
    }
    .row:not(.slides):not(.listing_window-mosaic) .item.items-7 { 
        flex: 0 0 var(--items-6);
        max-width: var(--items-6);
    }
    .row:not(.slides):not(.listing_window-mosaic) .item.items-8 { 
        flex: 0 0 var(--items-7);
        max-width: var(--items-7);
    }

}

@media (min-width:1200px) {

    .row:not(.slides):not(.listing_window-mosaic) .item.items-5 { 
        flex: 0 0 var(--items-5);
        max-width: var(--items-5);
    }
    .row:not(.slides):not(.listing_window-mosaic) .item.items-6 { 
        flex: 0 0 var(--items-6);
        max-width: var(--items-6);
    }
    .row:not(.slides):not(.listing_window-mosaic) .item.items-7 { 
        flex: 0 0 var(--items-7);
        max-width: var(--items-7);
    }
    .row:not(.slides):not(.listing_window-mosaic) .item.items-8 { 
        flex: 0 0 var(--items-8);
        max-width: var(--items-8);
    }

}


/*  
---------------------------------------------------
Item Margins only

Margins relate to the number of items per row at 
each breakpoint.
---------------------------------------------------  
*/

/*
.listing:not(.listing_window-mosaic) .item:last-child {
    margin-bottom: 0!important;
}

@media (min-width:576px) and (max-width:767px) {

    .listing:not(.listing_window-mosaic) .item:not(.items-1):nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item:not(.items-1):nth-last-child(1) {
        margin-bottom: 0!important;
    }

}

@media (min-width:768px) and (max-width:991px) {

    .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(1) {
        margin-bottom: 0!important;
    }

}

@media (min-width:992px) and (max-width:1199px) {

    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(7), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(6), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(5), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(3), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(6), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(5), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(3), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(5), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(3), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(4), 
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(1) {
        margin-bottom: 0!important;
    }

}

@media (min-width:1200px) {

    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(8),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(7), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(6), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(5), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(3), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-8:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(7),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(6), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(5), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(3), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-7:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(6), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(5), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(3), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-6:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(5),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(4), 
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(2), 
    .listing:not(.listing_window-mosaic) .item.items-5:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(4),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-4:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(3),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-3:nth-last-child(1),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item.items-2:nth-last-child(1) {
        margin-bottom: 0!important;
    }

}

*/

/*  
---------------------------------------------------
Sticky

Choose preset class 'Sticky' to sticky anything
---------------------------------------------------  
*/

.sticky { 
    position: sticky!important; 
    top: 0; z-index:802;
    
    /* Safari OSX, iOS performance improvements */ 
    will-change: transform, top;

    transition: top 0.3s ease-in-out 0s;
}


/*  
---------------------------------------------------
Reusable components
---------------------------------------------------  
*/

/* Component padding */

/* Users can add these styles using the Settings on the component */
/*
.usn_cmp_reusablecomponents { 
    padding-bottom: 0!important;
}
.usn_cmp_reusablecomponents:not(:first-of-type) { 
    padding: 0!important;
}
*/

/* Component container */

.usn_cmp_reusablecomponents > .component-inner > .container-fluid { 
    padding-right: 0; padding-left: 0;
}

/* Tabs */

.usn_cmp_reusablecomponents > .component-inner > .container-fluid > div > .tabbed:not(.tab-basic) > .tabs > .nav,
.usn_cmp_reusablecomponents > .component-inner > .container > div > .tabbed:not(.tab-basic) > .tabs > .nav { 
    padding: calc(var(--base-spacing) / 2) 0;
}
.usn_cmp_reusablecomponents > .component-inner > .container-fluid > div > .tabbed > .tabs > .nav.justify-content-start.text-left { 
    padding-left: var(--base-spacing);
}
.usn_cmp_reusablecomponents > .component-inner > .container-fluid > div > .tabbed > .tabs > .nav.justify-content-end.text-right { 
    padding-right: var(--base-spacing);
}

/* Internal components */

/* Users can add these styles using the Settings on the component */
/*
.usn_cmp_reusablecomponents > .component-inner > .container .component { 
    padding: 0;
}
*/
.usn_cmp_reusablecomponents > .component-inner > .container .component .container { 
    padding-right: 0; padding-left: 0;
}

.has-color-bg .inner {
    border-radius: var(--base-border-radius) !important;
}

    .has-color-bg .inner .info,
    .has-color-bg .inner .meta {
        padding-inline: var(--base-half-spacing) 0 !important;
    }

    .has-color-bg .inner .image {
        padding: var(--base-half-spacing) !important;
        border-radius: var(--base-border-radius) !important;
        overflow: hidden;
    }
/*  
---------------------------------------------------
Alert 
---------------------------------------------------  
*/

/* Component only */
/*
.component.usn_cmp_alertbox { }*/

/* Split component block */
/*
.item_block.usn_cmp_alertbox { }*/

.alert {
    margin: 0;
    border-width: var(--base-border-width);
    border-radius: var(--base-border-radius);
}

.alert--top {
    border-radius: 0;
}

    .alert--top:before {
        display: none !important;
    }

.alert-success {
    --bs-alert-bg: #00AA6C;
    --bs-success-border-subtle: #00AA6C;
}

.alert-danger {
    --bs-alert-bg: #FF585D;
    --bs-danger-border-subtle: #FF585D;
}

.alert-warning {
    --bs-alert-bg: #F2B203;
    --bs-warning-border-subtle: #F2B203;
}

.alert-info {
    --bs-alert-bg: #62B5E5;
    --bs-info-border-subtle: #62B5E5;
}
/*  
---------------------------------------------------
Anchors 
---------------------------------------------------  
*/

/* Component only */
/*
.component.usn_cmp_anchornavigation { }*/

/* Not available as part of Split
.item_block.usn_cmp_anchornavigation { }*/


.component.usn_cmp_anchornavigation { 
    position: relative;
    top: 0; z-index:901;
    padding: var(--base-half-spacing) 0!important;
    width:100%;
    box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), 0);
    transition:top 0.5s ease-in-out 0s, box-shadow 0.5s ease-in-out 0s;
}

html.nav-down:not(.reached-top) .component.usn_cmp_anchornavigation, 
html.nav-up:not(.reached-top) .component.usn_cmp_anchornavigation {
    opacity:1;
    box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
}

.component.usn_cmp_anchornavigation,
.component.usn_cmp_anchornavigation ul.nav { 
    margin: 0;
}

.component.usn_cmp_anchornavigation ul.nav.justify-content-center { 
    text-align:center;
}
.component.usn_cmp_anchornavigation ul.nav.justify-content-start { 
    text-align:left;
}
.component.usn_cmp_anchornavigation ul.nav.justify-content-end { 
    text-align:right;
}

.component.usn_cmp_anchornavigation ul.nav li.nav-item { 
    position:relative;
}

.component.usn_cmp_anchornavigation ul.nav li.nav-item span {
    position: relative;
    display:inline-block;
}

.component.usn_cmp_anchornavigation ul.nav li.nav-item a.nav-link { 
    color:  rgba(var(--base-heading), 1);
    position:relative;
    display: block;
    cursor: pointer;
    outline: 0 none;
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}


/* 
---------------------------------------------------
Anchors Styles

Basic
Buttons
Underline
Linethrough
---------------------------------------------------  
*/


/*	
--------------------------------------------------
Tab Basic Style 
-------------------------------------------------- 
*/

.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item .nav-link { 
    padding: calc(var(--base-half-spacing) / 1.5) var(--base-half-spacing);
    border-width: var(--base-border-width); border-style: solid;
    border-radius: var(--base-border-radius) var(--base-border-radius) 0 0;
}

.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item .nav-link { 
    border-width: var(--base-border-width) var(--base-border-width) 0;
}

.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { 
    content: '';
    position:absolute; right:0; bottom:0; left:0;
    height: calc(var(--base-border-width) * 2);
    background: var(--base-highlight);
}

/* Tabs */
.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item .nav-link { 
    color: var(--base-link-hover);
    border-color: var(--base-borders);
    background: transparent;
}
.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { 
    background: rgba(var(--base-borders), 0.15);
}
.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { 
    color: var(--base-link-hover);
    background: rgba(var(--base-borders), 0.25);
}
.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item .nav-link.active { 
    color: var(--base-heading);
}
.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item .nav-link.active { 
    border-bottom-color: transparent!important;
}


.component.usn_cmp_anchornavigation nav.tab-basic ul.nav.justify-content-center li.nav-item { 
    margin: 0 2.5px;
}
.component.usn_cmp_anchornavigation nav.tab-basic ul.nav.justify-content-start li.nav-item { 
    margin-right:5px;
}
.component.usn_cmp_anchornavigation nav.tab-basic ul.nav.justify-content-end li.nav-item { 
    margin-left:5px;
}


/*	
--------------------------------------------------
Tab Button Style 
-------------------------------------------------- 
*/

.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav li.nav-item .nav-link { 
    padding:var(--btn_sm-padding_top) var(--btn_sm-padding_right) var(--btn_sm-padding_bottom) var(--btn_sm-padding_left);
    border-width: var(--base-border-width); border-style: solid;
    border-radius: var(--btn-border-radius);
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--base-btn-borders), var(--btn-box-shadow_o));
}

/* Tabs */
.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav li.nav-item .nav-link { 
    color: rgba(var(--base-heading), 1); 
    border-color: rgba(var(--base-borders), 0.25);
    background:transparent; 
}
.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { 
    color: rgba(var(--base-heading), 1); 
    border-color: rgba(var(--base-borders), 1);
}
.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav li.nav-item .nav-link.active { 
    color: rgba(var(--base-heading), 1); 
    border-color: rgba(var(--base-heading), 1);
}
/* Tab Box shadows */
.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav li.nav-item .nav-link { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--base-borders), 0.25);
}
.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--base-borders), var(--btn-box-shadow_o));
}
.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav li.nav-item .nav-link.active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--base-borders), var(--btn-box-shadow_o));
}

.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav.justify-content-center li.nav-item { 
    margin: 0 5px;
}
.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav.justify-content-start li.nav-item { 
    margin-right:10px;
}
.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav.justify-content-end li.nav-item { 
    margin-left:10px;
}


/*	
--------------------------------------------------
Tab Underline Style
-------------------------------------------------- 
*/

.component.usn_cmp_anchornavigation nav.tab-underline ul.nav li.nav-item .nav-link { 
    padding: 5px 0 2px;
    border-radius: 0;
    background:transparent;
}

.component.usn_cmp_anchornavigation nav.tab-underline ul.nav li.nav-item a.nav-link::after { 
    content: '';
    position:absolute; bottom:2px; 
    width:0; height:var(--base-border-width);
    opacity: 0;
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}
html[dir="ltr"] .component.usn_cmp_anchornavigation nav.tab-underline ul.nav li.nav-item a.nav-link::after { 
    left:0;
}

.component.usn_cmp_anchornavigation nav.tab-underline ul.nav li.nav-item .nav-link { 
    color:  rgba(var(--base-link), 1);
}

.component.usn_cmp_anchornavigation nav.tab-underline ul.nav li.nav-item .nav-link:not(.active):hover { 
    color:  rgba(var(--base-link-hover), 1);
}

.component.usn_cmp_anchornavigation nav.tab-underline ul.nav li.nav-item a.nav-link.active { 
    color:  rgba(var(--base-heading), 1);
}

.component.usn_cmp_anchornavigation nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { 
    width:100%;
    background:  rgba(var(--base-link-hover), 1);
    opacity: 1;
}

.component.usn_cmp_anchornavigation nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { 
    width:100%;
    background:  rgba(var(--base-heading), 1);
    opacity: 1;
}

.component.usn_cmp_anchornavigation nav.tab-underline ul.nav.justify-content-center li.nav-item {
    margin: 0 5px;
}

.component.usn_cmp_anchornavigation nav.tab-underline ul.nav.justify-content-start li.nav-item {
    margin-right: 10px;
}

.component.usn_cmp_anchornavigation nav.tab-underline ul.nav.justify-content-end li.nav-item {
    margin-left: 10px;
}


/*	
--------------------------------------------------
Tab Linethrough Style
-------------------------------------------------- 
*/

.component.usn_cmp_anchornavigation nav.tab-linethrough ul.nav li.nav-item .nav-link { 
    padding: 5px 5px 2px;
    border-radius: 0;
    background:transparent;
}

.component.usn_cmp_anchornavigation nav.tab-linethrough ul.nav li.nav-item a.nav-link::after { 
    content: '';
    position:absolute; top:50%; 
    width:0;
    height:var(--base-border-width);
    opacity: 0;
    transform: translateY(-50%);
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}
html[dir="ltr"] .component.usn_cmp_anchornavigation nav.tab-linethrough ul.nav li.nav-item a.nav-link::after { 
    left:0;
}

.component.usn_cmp_anchornavigation nav.tab-linethrough ul.nav li.nav-item .nav-link:not(.active) { 
    color:  rgba(var(--base-link), 1);
}

.component.usn_cmp_anchornavigation nav.tab-linethrough ul.nav li.nav-item .nav-link:not(.active):hover { 
    color:  rgba(var(--base-link-hover), 1);
}

.component.usn_cmp_anchornavigation nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { 
    color:  rgba(var(--base-heading), 1);
}

.component.usn_cmp_anchornavigation nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { 
    background:  rgba(var(--base-link-hover), 1);
    opacity: 1; width:100%;
}

.component.usn_cmp_anchornavigation nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { 
    background:  rgba(var(--base-heading), 1);
    opacity: 1;  width:100%;
}

.component.usn_cmp_anchornavigation nav.tab-linethrough ul.nav.justify-content-center li.nav-item {
    margin: 0 5px;
}

.component.usn_cmp_anchornavigation nav.tab-linethrough ul.nav.justify-content-start li.nav-item {
    margin-right: 10px;
}

.component.usn_cmp_anchornavigation nav.tab-linethrough ul.nav.justify-content-end li.nav-item {
    margin-left: 10px;
}


/* 
---------------------------------------------------
Anchors Expand
---------------------------------------------------  
*/

.component.usn_cmp_anchornavigation .expand-anchor {
    position:relative;
    color:  rgba(var(--base-heading), 1);
    width: 60px; height:15px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    border:0 none; background:none;
    font-size:0;
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

.component.usn_cmp_anchornavigation .expand-anchor span:before,
.component.usn_cmp_anchornavigation .expand-anchor span,
.component.usn_cmp_anchornavigation .expand-anchor span:after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius:50%;
    position: absolute;
    left: 0;
    background: rgba(var(--base-heading), 1);
    opacity: 1;
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

.component.usn_cmp_anchornavigation .expand-anchor:focus-visible * {
    outline: none!important;
}

.component.usn_cmp_anchornavigation .expand-anchor span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.component.usn_cmp_anchornavigation .expand-anchor span:before {
    top:0;
    left: -12px;
}

.component.usn_cmp_anchornavigation .expand-anchor span:after {
    top:0;
    left:auto;
    right: -12px;
}

.component.usn_cmp_anchornavigation .expand-anchor.anchor-active span {
    width: 0;
}

.component.usn_cmp_anchornavigation .expand-anchor.anchor-active span:before,
.component.usn_cmp_anchornavigation .expand-anchor.anchor-active span:after {
    top: 2px;
    left: -9px;
    border-radius:0; 
    width:20px; height:3px;
}

.component.usn_cmp_anchornavigation .expand-anchor.anchor-active span::before {
    transform: rotate(-45deg);
}

.component.usn_cmp_anchornavigation .expand-anchor.anchor-active span::after {
    transform: rotate(45deg);
}


.component.usn_cmp_anchornavigation .expand-anchor.justify-content-center { 
    text-align:center;
    margin-right:auto; margin-left:auto;
}
.component.usn_cmp_anchornavigation .expand-anchor.justify-content-start { 
    text-align:left; 
    margin-right:auto;
}
.component.usn_cmp_anchornavigation .expand-anchor.justify-content-end { 
    text-align:right; 
    margin-left:auto;
}

.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) .expand-anchor {
    display: none
}



/* 
---------------------------------------------------
Anchors Horizontal 
See anchors at all time, no expand/collapse, the area is horizontally scrolled
---------------------------------------------------  
*/

.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) {
    overflow-x:auto;
}
.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)::-webkit-scrollbar {
    display: none;
}
.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav {
    flex-wrap:nowrap;
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav.justify-content-center { 
    justify-content: flex-start!important;
}

html[dir="ltr"] .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav.justify-content-center li:first-child {
	margin-left: auto !important;
}
html[dir="ltr"] .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav.justify-content-center li:last-child {
	margin-right: auto !important;
}
html[dir="rtl"] .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav.justify-content-center li:first-child {
	margin-right: auto !important;
}
html[dir="rtl"] .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav.justify-content-center li:last-child {
	margin-left: auto !important;
}

.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav.justify-content-end { 
    justify-content: flex-start!important;
}

html[dir="ltr"] .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav.justify-content-end li:first-child {
	margin-left: auto !important;
}
html[dir="ltr"] .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav.justify-content-end li:last-child {
	margin-right: 0 !important;
}
html[dir="rtl"] .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav.justify-content-end li:first-child {
	margin-right: auto !important;
}
html[dir="rtl"] .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav.justify-content-end li:last-child {
	margin-left: 0 !important;
}

html[dir="ltr"] .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav li:first-child {
	padding-left: calc(var(--bs-gutter-x) * .5);
}
html[dir="ltr"] .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav li:last-child {
	padding-right: calc(var(--bs-gutter-x) * .5);
}
html[dir="rtl"] .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav li:first-child {
	padding-right: calc(var(--bs-gutter-x) * .5);
}
html[dir="rtl"] .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav li:last-child {
	padding-left: calc(var(--bs-gutter-x) * .5);
}

.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav a {
	text-wrap:nowrap;
}

/*  
---------------------------------------------------
Banner 
---------------------------------------------------  
*/

/* Component only */
.component.usn_cmp_banner {
    padding: 0;
    overflow: hidden;
    z-index: 801;
}

.component.usn_cmp_banner .slick-slider .slick-list,
.component.usn_cmp_banner .slick-slider .slick-track {
	display: block;
}

/* Not available as part of Split Component
.item_block.usn_cmp_banner { }*/

.component.usn_cmp_banner .item {
    position: relative;
}

.component.usn_cmp_banner .item.item_scale-banner,
.component.usn_cmp_banner .item.item_scale-banner > .image,
.component.usn_cmp_banner .item.item_scale-banner > .image .video {
    height: auto!important;
}

.component.usn_cmp_banner .item.item_scale-banner .container,
.component.usn_cmp_banner .item.item_scale-banner .row {
    height: 100%;
}

.component.usn_cmp_banner .item:not(.item_scale-banner),
.component.usn_cmp_banner .item:not(.item_scale-banner) .container,
.component.usn_cmp_banner .item:not(.item_scale-banner) .row,
.component.usn_cmp_banner .item:not(.item_scale-banner) > .image,
.component.usn_cmp_banner .item:not(.item_scale-banner) > .image .video {
	height: 100%;
}

    .component.usn_cmp_banner .item.item_short-banner,
    .component.usn_cmp_banner .item.item_short-banner .container,
    .component.usn_cmp_banner .item.item_short-banner .row,
    .component.usn_cmp_banner .item.item_short-banner > .image,
    .component.usn_cmp_banner .item.item_short-banner > .image .video {
        height: var(--short-banner);
        height: calc(var(--short-banner) - var(--small-header));
        min-height: calc(var(--short-bannerPX) - var(--small-header));
    }

body.no-header .component.usn_cmp_banner .item.item_short-banner,
body.no-header .component.usn_cmp_banner .item.item_short-banner .container,
body.no-header .component.usn_cmp_banner .item.item_short-banner .row,
body.no-header .component.usn_cmp_banner .item.item_short-banner > .image,
body.no-header .component.usn_cmp_banner .item.item_short-banner > .image .video {
    height: var(--short-banner);
    min-height: var(--short-bannerPX);
}

.component.usn_cmp_banner .item.item_medium-banner,
.component.usn_cmp_banner .item.item_medium-banner .container,
.component.usn_cmp_banner .item.item_medium-banner .row,
.component.usn_cmp_banner .item.item_medium-banner > .image,
.component.usn_cmp_banner .item.item_medium-banner > .image .video {
    height: var(--medium-banner);
    height: calc(var(--medium-banner) - var(--small-header));
    min-height: calc(var(--medium-bannerPX) - var(--small-header));
}

body.no-header .component.usn_cmp_banner .item.item_medium-banner,
body.no-header .component.usn_cmp_banner .item.item_medium-banner .container,
body.no-header .component.usn_cmp_banner .item.item_medium-banner .row,
body.no-header .component.usn_cmp_banner .item.item_medium-banner > .image,
body.no-header .component.usn_cmp_banner .item.item_medium-banner > .image .video {
    height: var(--medium-banner);
    min-height: var(--medium-bannerPX);
}

.component.usn_cmp_banner .item.item_takeover-banner,
.component.usn_cmp_banner .item.item_takeover-banner .container,
.component.usn_cmp_banner .item.item_takeover-banner .row,
.component.usn_cmp_banner .item.item_takeover-banner > .image,
.component.usn_cmp_banner .item.item_takeover-banner > .image .video {
    height: var(--takeover-banner);
    height: calc(var(--takeover-banner) - var(--small-header));
}

body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner,
body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .container,
body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .row,
body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner > .image,
body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner > .image .video {
    height: var(--takeover-banner);
    height: calc(var(--takeover-banner) - var(--small-header) - 110px);
}

body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner,
body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .container,
body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .row,
body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner > .image,
body.no-header.browser-ios .component.usn_cmp_banner .item.item_takeover-banner > .image .video {
    height: calc(var(--takeover-banner) - 110px);
}

@media (min-width: 0) and (max-width: 599px) {
    .component.usn_cmp_banner .item.item_medium-banner .image,
    .component.usn_cmp_banner .item.item_short-banner .image {
        min-height: 200px;
    }
}

.component.usn_cmp_banner .item:not(.item_scale-banner) > .image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat; background-position: center;
}

body:not(.browser-ios):not(.browser-safari) .parallax:not(.item_scale-banner) > .image {
    background-attachment: fixed;
    transform: none;
}

.component.usn_cmp_banner .item > .image img { 
    position:relative;
    z-index:1;
}

.component.usn_cmp_banner .item > .image .video { 
    z-index:2;
}

/* Fix jump in video while JS calculates size */
.component.usn_cmp_banner .item.item_short-banner > .image .video,
.component.usn_cmp_banner .item.item_medium-banner > .image .video,
.component.usn_cmp_banner .item.item_takeover-banner > .image .video {
	width: 100%;
	height: 100%;
}

.component.usn_cmp_banner .item:not(.item_scale-banner) > .image .video .video-player {
    position: absolute;
    top: 50%;
    left: 50%;
    width:100%; height:100%;
    transform: translate(-50%, -50%);
}

.component.usn_cmp_banner .item.item_scale-banner > .image picture + .video,
.component.usn_cmp_banner .item.item_scale-banner > .image img + .video { 
    position: absolute;
    top: 0;
    right:0;
    left: 0;
}

.component.usn_cmp_banner .item:not(.item_scale-banner) .inner,
.component.usn_cmp_banner .item.item_scale-banner .image + .inner {
	position: absolute; 
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
}

.component.usn_cmp_banner .item:not(.item_scale-banner) .inner {
	position: relative;
}

.component.usn_cmp_banner .item .inner::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0.55;
}

.component.usn_cmp_banner .item .info {
    position: relative;
    height: 100%;
    padding: 70px var(--base-half-spacing);
    z-index: 2;
}

.component.usn_cmp_banner:has(.scroll-prompt) .item .info {
	padding-bottom: 60px;
}

.component.usn_cmp_banner:has(.scroll-prompt):has(.slick-dots) .item .info {
	padding-bottom: 100px;
}

.component.usn_cmp_banner .item .info .d-table {
    height: 100%;
}

.component.usn_cmp_banner .item .info .d-table,
.component.usn_cmp_banner .item .info .d-table-cell {
    width: 100%;
}

.component.usn_cmp_banner .item .row.info_align-middle .info .d-table-cell {
    vertical-align: middle;
}

.component.usn_cmp_banner .item .row.info_align-bottom .info .d-table-cell {
    vertical-align: bottom;
}


/*  
---------------------------------------------------
Banner Info Column
---------------------------------------------------  
*/

@media (min-width:0) and (max-width:575px) {
    .component.usn_cmp_banner .item .info.col { 
        flex: 0 0 var(--banner-col);
        max-width:var(--banner-col);
    }
}

@media (min-width:576px) {
    .component.usn_cmp_banner .item .info.col { 
        flex: 0 0 var(--banner-col_sm);
        max-width:var(--banner-col_sm);
    }
}

@media (min-width:768px) {
    .component.usn_cmp_banner .item .info.col { 
        flex: 0 0 var(--banner-col_md);
        max-width:var(--banner-col_md);
    }
}

@media (min-width:992px) {
    .component.usn_cmp_banner .item .info.col { 
        flex: 0 0 var(--banner-col_lg);
        max-width:var(--banner-col_lg);
    }
}

@media (min-width:1200px) {
    .component.usn_cmp_banner .item .info.col { 
        flex: 0 0 var(--banner-col_xl);
        max-width:var(--banner-col_xl);
    }
}

@media (min-width: 0) and (max-width: 599px) {
    .component.usn_cmp_banner .item.item_medium-banner .info,
    .component.usn_cmp_banner .item.item_short-banner .info {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
}

/*  
---------------------------------------------------
Code 
---------------------------------------------------  
*/

/* Component only */
/*
.component.usn_cmp_codeblock { }*/

/* Split component block */
/*
.item_block.usn_cmp_codeblock { }*/
/*  
---------------------------------------------------
CTA Strip 
---------------------------------------------------  
*/

/*
.component.usn_cmp_ctastrip {}*/

/* Not available as part of Split Component
.item_block.usn_cmp_ctastrip { }*/


.component.usn_cmp_ctastrip .info {
    position: relative;
    margin-bottom: 0;
}

.component.usn_cmp_ctastrip .link { 
    margin-bottom:0;
}

.component.usn_cmp_ctastrip .info,
.component.usn_cmp_ctastrip .link { 
    padding:0 var(--base-half-spacing);
}
.component.usn_cmp_ctastrip .text-center .info,
.component.usn_cmp_ctastrip .text-center .link { 
    margin:0 auto;
}
.component.usn_cmp_ctastrip .text-center .info + .link {
    margin-top:var(--base-half-spacing);
}

@media (min-width:0) and (max-width:575px) {
    .component.usn_cmp_ctastrip .text-center .info,
    .component.usn_cmp_ctastrip .text-center .link { 
        flex: 0 0 var(--outro-col);
        max-width:var(--outro-col);
    }
}

@media (min-width:576px) {
    .component.usn_cmp_ctastrip .text-center .info,
    .component.usn_cmp_ctastrip .text-center .link { 
        flex: 0 0 var(--outro-col_sm);
        max-width:var(--outro-col_sm);
    }
}

@media (min-width:768px) {
    .component.usn_cmp_ctastrip .text-center .info,
    .component.usn_cmp_ctastrip .text-center .link { 
        flex: 0 0 var(--intro-col_md);
        max-width:var(--outro-col_md);
    }
}

@media (min-width:992px) {

    .component.usn_cmp_ctastrip .text-center .info,
    .component.usn_cmp_ctastrip .text-center .link { 
        flex: 0 0 var(--intro-col_lg);
        max-width:var(--outro-col_lg);
    }

    .component.usn_cmp_ctastrip .text-right .info,
    .component.usn_cmp_ctastrip .text-left .info { 
        flex: 0 0 70%;
        max-width: 70%;
    }
    .component.usn_cmp_ctastrip .text-left .link,
    .component.usn_cmp_ctastrip .text-right .link {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .component.usn_cmp_ctastrip .text-left .link a.btn,
    .component.usn_cmp_ctastrip .text-right .link a.btn { 
        display:block;
    }

    .component.usn_cmp_ctastrip .text-right .info { 
        order: 2; 
    }
    .component.usn_cmp_ctastrip .text-right .link { 
        order: 1; 
    }

    .component.usn_cmp_ctastrip .text-left .link,
    .component.usn_cmp_ctastrip .text-right .link { 
        margin:0;
    }

    .component.usn_cmp_ctastrip .text-center .info + .link {
        margin-top:var(--base-spacing);
    }

}

@media (min-width:1200px) { 

    .component.usn_cmp_ctastrip .text-center .info,
    .component.usn_cmp_ctastrip .text-center .link { 
        flex: 0 0 var(--intro-col_xl);
        max-width:var(--outro-col_xl);
    }

    .component.usn_cmp_ctastrip .text-right .info,
    .component.usn_cmp_ctastrip .text-left .info { 
        flex: 0 0 75%;
        max-width: 75%;
    }
    .component.usn_cmp_ctastrip .text-left .link,
    .component.usn_cmp_ctastrip .text-right .link {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
/*  
---------------------------------------------------
Data List 
---------------------------------------------------  
*/

/* Component only */
/*
.component.usn_cmp_datalist { }*/

/* Split component block */
/*
.item_block.usn_cmp_datalist { }*/


.listing.listing_data-list.data-list_boxed { 
    margin:0;
    padding:var(--base-half-spacing) 0;
}

.listing.listing_data-list .col-12:not(.item) { 
    margin-bottom: var(--base-half-spacing);
}

.listing.listing_data-list.data-list_boxed .list-title .heading { 
    margin-top:8px!important;
}

.listing.listing_data-list .item { 
    margin:8px 0!important;
}

.listing.listing_data-list .item.items-1:not(:last-child)::before { 
    content: "";
    position: absolute; bottom:-8px; right:15px; left:15px; 
    height:var(--base-border-width);
    background-color: rgba(var(--base-borders), 1);
}

footer#site-footer .listing.listing_data-list .item.items-1:not(:last-child)::before { 
    background-color: rgba(var(--footer-borders), 1);
}

footer#site-footer .listing.listing_data-list.data-list_boxed.has-borders.footer-borders {
    border-color: rgba(var(--footer-borders), 1);
}

.listing.listing_data-list .item > .title { 
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 100%;
    margin:0;
}

.listing.listing_data-list .item > .title + .text { 
    margin-top:4px;
}

.listing.listing_data-list .item > .title > span { 
    flex: auto;
}

.listing.listing_data-list .item > .title > span.text-left { 
    align-self: flex-start;
}

.listing.listing_data-list .item > .title > span.text-right { 
    align-self: flex-end;
    font-weight: bold;
}

/*  
---------------------------------------------------
Form 
---------------------------------------------------  
*/

/* Component only */
/*
.component.usn_cmp_form { }*/

/* Split component block */
/*
.item_block.usn_cmp_form { }*/
/*  
---------------------------------------------------
Gallery 
---------------------------------------------------  
*/

/* Component only */
/*
.component.usn_cmp_gallery { }*/

/* Split component block */
/*
.item_block.usn_cmp_gallery { }*/
/*  
---------------------------------------------------
Instagram Feed
---------------------------------------------------  
*/

/* Component only */
/*
.component.usn_cmp_instagramfeed { }*/

/* Split component block */
/*
.item_block.usn_cmp_instagramfeed { }*/

/*
.row.listing.listing_instagram { }*/

.row.listing.listing_instagram .item { 
    padding-left:15px; padding-right:15px;
}

.listing_no-spacing .listing.listing_instagram .item {
    padding: 0; margin: 0;
}


/*  
---------------------------------------------------
Grid 
---------------------------------------------------  
*/

/* Component only */
/*
.component.usn_cmp_gridlayout { }*/

/* Split component block */
/*
.item_block.usn_cmp_gridlayout { }*/


.usn_cmp_gridlayout .umb-grid { 
    margin-right: calc(var(--base-half-spacing) * -1);
    margin-left: calc(var(--base-half-spacing) * -1);
}
/*  
---------------------------------------------------
Links 
---------------------------------------------------  
*/

/* Component only */
/*
.component.usn_cmp_links { }*/

/* Split component block */
/*
.item_block.usn_cmp_links { }*/


.listing.listing_links:not(.listing_links-mini) { 
    margin-right:0; margin-left:0;
    border-style: solid;
    border-color:  rgba(var(--base-borders), 1);
}
html[dir="ltr"] .listing.listing_links:not(.listing_links-mini) {
    border-width: var(--base-border-width) 0 0 var(--base-border-width);
}
html[dir="rtl"] .listing.listing_links:not(.listing_links-mini) {
    border-width: var(--base-border-width) var(--base-border-width) 0 0;
}

.listing.listing_links:not(.listing_links-mini) .item {
    padding: 0;
    margin: 0;
}

.listing.listing_links:not(.listing_links-mini) .item a { 
    padding:var(--base-half-spacing);
    border-width: 0 var(--base-border-width) var(--base-border-width) 0; 
    border-style: solid;
    border-color: rgba(var(--base-borders), 1);
    height: 100%;
}
html[dir="ltr"] .listing.listing_links:not(.listing_links-mini) .item a {
    border-width: 0 var(--base-border-width) var(--base-border-width) 0;
}
html[dir="rtl"] .listing.listing_links:not(.listing_links-mini) .item a {
    border-width: 0 0 var(--base-border-width) var(--base-border-width);
}

.listing.listing_links:not(.listing_links-mini) .item a:hover { 
    background-color:  rgba(var(--base-borders), 0.1);
}

footer#site-footer .listing.listing_links:not(.listing_links-mini) { 
    border-color:  rgba(var(--footer-borders), 1);
}

footer#site-footer .listing.listing_links:not(.listing_links-mini) .item a { 
    border-color:  rgba(var(--footer-borders), 1);
}

footer#site-footer .listing.listing_links:not(.listing_links-mini) .item a:hover { 
    background-color:  rgba(var(--footer-borders), 0.1);
}

.listing.listing_links:not(.listing_links-mini) .item .heading { 
    margin-top:0;
}

/*  
---------------------------------------------------
Links - Mini Links
---------------------------------------------------  
*/

.listing.listing_links.listing_links-mini .item { 
    margin:5px 0;
}

.listing.listing_links.listing_links-mini .item a { 
    position:relative;
}

.listing.listing_links.listing_links-mini .has-dash .item a,
.listing.listing_links.listing_links-mini.has-dash .item a { 
    padding-left:15px;
}

.listing.listing_links.listing_links-mini .has-dash .item a::after,
.listing.listing_links.listing_links-mini.has-dash .item a::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    width: 5px;
    height: var(--base-border-width);
    background-color:  rgba(var(--base-link), 1);
}

.listing.listing_links.listing_links-mini .item a:hover::after {
    width: 8px;
    background-color:  rgba(var(--base-link-hover), 1);
}

footer#site-footer .listing.listing_links.listing_links-mini .item a::after {
    background-color:  rgba(var(--footer-link), 1);
}

footer#site-footer .listing.listing_links.listing_links-mini .item a:hover::after {
    background-color:  rgba(var(--footer-link-hover), 1);
}


/*  
---------------------------------------------------
Listing 

This is also the basis for:

- Windows
- Pods
- Footer items

---------------------------------------------------  
*/

.listing.listing_no-spacing { 
    overflow: hidden;
}

.listing.listing_search-results { 
    margin-top:var(--base-half-spacing);
    margin-bottom:var(--base-half-spacing);
}

.p-0 .listing.listing_no-spacing:not(.listing_window-mosaic):first-child { 
    margin-top: 0;
}

.p-0 .listing.listing_no-spacing:not(.listing_window-mosaic):last-child { 
    margin-bottom: 0;
}

.row.listing.listing_no-spacing:not(.listing_window-mosaic) {
    margin-right: 0;
    margin-left: 0;
}

.container-fluid .row.listing:not(.listing_no-spacing):not(.listing_window-mosaic) {
    margin-right: 0;
    margin-left: 0;
}

.repeatable.tabbed + .repeatable-content .listing { 
    margin-top: var(--base-spacing);
}

.listing:not(.listing_window-mosaic):not(.listing_data-list):not(.listing_links) > .item {
    padding-bottom: var(--base-spacing);
}

.listing.listing_no-spacing:not(.listing_window-mosaic):not(.listing_data-list):not(.listing_links) > .item {
    padding: 0;
    margin: 0;
}

.row.slides .item:not(.item_text-boxed) {
	height: auto;
}

.item .inner {
    position: relative;
    width: 100%;
    /* overflow: hidden; */
}

.item:not(.item_text-boxed) .inner {
    height: 100%;
}

.item.item_text-boxed .inner::after {
    content: "";
    display: block;
}

/*.item a:not(.btn) {
    display: block;
}*/

.item.item_text-boxed a:not(.btn) {
    overflow: hidden; height: 100%;
}

.item .text a:not(.btn) { 
    display: inline;
}

.item .link {
	display: block;
	align-items: center;
}

.usn_cmp_banner .item .link {
    display: block;
}

.item.text-center .link,
.item .text-center .link {
    justify-content: center;
}

.item.text-right .link,
.item .text-right .link {
    justify-content: flex-end;
}

.item .link a.link_non-btn:not(.btn) {
    display: inline-block;
    padding: var(--btn-padding_top) var(--btn-padding_right) var(--btn-padding_bottom) var(--btn-padding_left);
    margin: 5px 0;
    font-weight: var(--btn-typography_font-weight);
}

.hide-buttons .item .link { 
    display: none;
}

.item .image {
    position: relative;
    z-index: 0;
}

.item .image:not(.img-max) img { 
    width:100%;
}

/* Icon images */

.icon-images .image * { 
    max-width: 80px!important;
}
.icon-images .text-center .image * { 
    margin: 0 auto;
}
html[dir="ltr"] .icon-images .text-right .image * {
	margin-left: auto;
}
html[dir="rtl"] .icon-images .text-right .image * {
	margin-right: auto;
}

/* Icon images - add padding around icon image if there is a background color selected */
.icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg:not(.item_text-above) .image,
.listing:not(.listing_window-mosaic) .item.item_has-bg:not(.item_text-above) .image.img-max {
	margin-bottom: 0;
	padding-top: var(--base-spacing);
}

.icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg .image.rounded-circle,
.listing:not(.listing_window-mosaic) .item.item_has-bg .image.rounded-circle.img-max {
	padding-top: 0;
}

.icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-below:has(.rounded-circle) .inner,
.listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-below:has(.rounded-circle):has(.img-max) .inner {
	padding-top: var(--base-spacing);
}

.icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-above .inner,
.listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-above:has(.img-max) .inner {
	padding-bottom: var(--base-spacing);
}

html[dir="ltr"] .icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.text-left .image, 
html[dir="ltr"] .listing:not(.listing_window-mosaic) .item.item_has-bg.text-left .image.img-max,
html[dir="ltr"] .icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-right .image,
html[dir="ltr"] .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-right .image.img-max {
    margin-left:var(--base-spacing)!important;
}

html[dir="ltr"] .icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.text-right .image, 
html[dir="ltr"] .listing:not(.listing_window-mosaic) .item.item_has-bg.text-right .image.img-max,
html[dir="ltr"] .icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-left .image,
html[dir="ltr"] .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-left .image.img-max {
    margin-right:var(--base-spacing)!important;
}

html[dir="rtl"] .icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.text-left .image,
html[dir="rtl"] .listing:not(.listing_window-mosaic) .item.item_has-bg.text-left .image.img-max,
html[dir="rtl"] .icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-right .image,
html[dir="rtl"] .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-right .image.img-max {
	margin-right: var(--base-spacing)!important;
}

html[dir="rtl"] .icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.text-right .image,
html[dir="rtl"] .listing:not(.listing_window-mosaic) .item.item_has-bg.text-right .image.img-max,
html[dir="rtl"] .icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-left .image,
html[dir="rtl"] .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-left .image.img-max {
	margin-left: var(--base-spacing)!important;
}

/* Icon images — remove padding from info div if there is a background color selected and an icon image used */
/*.icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg .image + .info, 
.listing:not(.listing_window-mosaic) .item.item_has-bg .image.img-max + .info {
    padding-top:0;
}*/

/*
.item.item_text-boxed .inner,
.item.item_text-boxed .inner > a { 
    height:100%;
}
*/

.item.item_text-boxed .info {
    padding: var(--base-spacing);
    max-width:560px;
}

.item.item_text-boxed.text-center .info { 
    margin-left:auto;
    margin-right:auto;
}

.item.item_text-boxed.text-right .info { 
    margin-left:auto;
}

.listing .item.item_text-boxed .image + .info {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 2;
}

/* Align top */
.listing .item.item_text-boxed .image + .info.align-self-start {
    top: 0;
}

/* Align middle */
.listing .item.item_text-boxed .image + .info.align-self-center {
    top: 50%;
    transform: translateY(-50%);
}

/* Align bottom */
.listing .item.item_text-boxed .image + .info.align-self-end {
    top: auto;
    bottom: 0;
}

.listing .item.item_text-boxed .image + .info:not(.align-self-start):not(.align-self-center):not(.align-self-end) {
    top: auto;
    bottom: 0;
}


/* Overlay item with button and text reveal on hover */

/* Intitial state */
html.no-touch .item.item_text-boxed.item_hover-reveal a .image + .info .text, 
html.no-touch .item.item_text-boxed.item_hover-reveal a .image + .info .link {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out 0s;
}

/* Hover state */
html.no-touch .item.item_text-boxed.item_hover-reveal a:hover .image + .info .text, 
html.no-touch .item.item_text-boxed.item_hover-reveal a:hover .image + .info .link,
html.no-touch .item.item_text-boxed.item_hover-reveal a:focus .image + .info .text, 
html.no-touch .item.item_text-boxed.item_hover-reveal a:focus .image + .info .link,
html.no-touch .item.item_text-boxed.item_hover-reveal a:active .image + .info .text, 
html.no-touch .item.item_text-boxed.item_hover-reveal a:active .image + .info .link {
    opacity: 1;
    max-height: 300px;
    overflow: visible;
}

/* Focus within */
html.no-touch .item.item_text-boxed.item_hover-reveal a:focus-within .image + .info .text, 
html.no-touch .item.item_text-boxed.item_hover-reveal a:focus-within .image + .info .link {
    opacity: 1;
    max-height: 300px;
    overflow: visible;
}


/* Overlay item with image reveal on hover */

/* Intitial state */
html.no-touch .item.item_text-boxed.item_hover-reveal_image .image::before { 
    display: none;
}
html.no-touch .item.item_text-boxed.item_hover-reveal_image a .image {
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}

/* Hover state */
html.no-touch .item.item_text-boxed.item_hover-reveal_image a:hover .image, 
html.no-touch .item.item_text-boxed.item_hover-reveal_image a:focus .image, 
html.no-touch .item.item_text-boxed.item_hover-reveal_image a:active .image {
    opacity: 1;
}

/* Focus within */
html.no-touch .item.item_text-boxed.item_hover-reveal_image a:focus-within .image {
    opacity: 1;
}


/* Overlay item with hide image on hover */

/* Intitial state */
html.no-touch .item.item_text-boxed.item_hover-hide_image a .image {
    opacity: 1;
    transition: all 0.3s ease-in-out 0s;
}

/* Hover state */
html.no-touch .item.item_text-boxed.item_hover-hide_image a:hover .image, 
html.no-touch .item.item_text-boxed.item_hover-hide_image a:focus .image, 
html.no-touch .item.item_text-boxed.item_hover-hide_image a:active .image {
    opacity: 0;
}

/* Focus within */
html.no-touch .item.item_text-boxed.item_hover-hide_image a:focus-within .image {
    opacity: 0;
}

@media (min-width:0) and (max-width:575px) {}

@media (min-width:576px) and (max-width:991px) { }

@media (min-width:768px) { }

@media (min-width:992px) { 

    .listing.listing_search-results { 
        margin-top:var(--base-spacing);
        margin-bottom:var(--base-spacing);
    }

}

@media (min-width:1200px) {}


/*  
---------------------------------------------------
LISTING - Standard Layout
---------------------------------------------------  
*/

/*
.listing.listing_basic-grid {}*/

/*
.listing.listing_basic-grid .item {}*/

.item.item_text-below:not(.item_has-bg) .image,
.item.item_text-left:not(.item_has-bg) .image,
.item.item_text-right:not(.item_has-bg) .image,
.item.item_text-below:not(.item_has-bg) .flipimage,
.item.item_text-left:not(.item_has-bg) .flipimage,
.item.item_text-right:not(.item_has-bg) .flipimage {
    margin-bottom: var(--base-half-spacing);
}

.item.item_text-above:not(.item_has-bg) .image,
.item.item_text-above:not(.item_has-bg) .flipimage {
    margin-top: var(--base-half-spacing);
}

.item.item_text-below.item_has-bg .info,
.item.item_text-left.item_has-bg .info,
.item.item_text-right.item_has-bg .info,
.item.item_text-above.item_has-bg .info {
    padding: var(--base-spacing);
}

.item.item_text-left .image,
.item.item_text-right .image,
.item.item_text-left .flipimage,
.item.item_text-right .flipimage {
    align-self: flex-start;
}

.icon-images .item.item_text-left .image,
.icon-images .item.item_text-right .image,
.icon-images .item.item_text-left .flipimage,
.icon-images .item.item_text-right .flipimage {
    max-width: 50px;
}

@media (min-width:0) and (max-width:575px) {}

@media (min-width:768px) {

    .item.item_text-above:not(.item_has-bg) .image,
    .item.item_text-above:not(.item_has-bg) .flipimage {
        margin-top: var(--base-half-spacing);
    }

    .item.item_text-below:not(.item_has-bg) .image,
    .item.item_text-below:not(.item_has-bg) .flipimage {
        margin-bottom: var(--base-half-spacing);
    }

	.item.item_text-left:has(.image),
	.item.item_text-right:has(.image),
	.item.item_text-left:has(.image) .inner,
	.item.item_text-right:has(.image) .inner,
	.item.item_text-left:has(.image) .inner > a:not(.btn),
	.item.item_text-right:has(.image) .inner > a:not(.btn) {
		display: flex;
		flex-direction: row-reverse;
        justify-content:space-between;
	}
    .item.item_text-left:has(.image) .inner,
    .item.item_text-right:has(.image) .inner,
    .item.item_text-left:has(.image) .inner > a:not(.btn),
    .item.item_text-right:has(.image) .inner > a:not(.btn) { 
        width:100%;
    }
	.item.item_text-right:has(.image),
	.item.item_text-right:has(.image) .inner,
	.item.item_text-right:has(.image) .inner > a:not(.btn) {
		flex-direction: row;
        justify-content:flex-start;
	}

    .item.item_text-left .image,
    .item.item_text-right .image,
    .item.item_text-left .flipimage,
    .item.item_text-right .flipimage {
        flex: 0 0 40%;
        max-width: 40%;
        margin: 0 !important;
    }
    .icon-images .item.item_text-left .image,
    .icon-images .item.item_text-right .image,
    .icon-images .item.item_text-left .flipimage,
    .icon-images .item.item_text-right .flipimage {
        flex: 0 0 10%;
        max-width: 10%;
    }

	.icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-left .image,
	.listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-left .image.img-max,
	.icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-right .image,
	.listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-right .image.img-max {
		margin-bottom: var(--base-spacing) !important;
	}

    .item.item_text-left .flipimage + .info,
    .item.item_text-right .flipimage + .info {
        flex: 0 0 60%;
        -ms-flex: 0 0 60%;
        max-width: 60%;
    }

    .icon-images .item.item_text-left .flipimage + .info,
    .icon-images item.item_text-right .flipimage + .info {
        flex: 0 0 90%;
        -ms-flex: 0 0 90%;
        max-width: 90%;
    }
    
    /* Blog items - text left, text right */
    .item.item-blog.item_text-right:has(.image) .inner,
    .item.item-blog.item_text-left:has(.image) .inner {
        padding-bottom: calc(60px + (var(--base-spacing) * 2));
    }
    .item.item-blog.item_text-right:not(.item_has-bg):has(.image) .inner,
    .item.item-blog.item_text-left:not(.item_has-bg):has(.image) .inner {
        padding-bottom: calc(var(--base-spacing) * 3);
    }

    html[dir="ltr"] .item.item-blog.item_text-right:not(.item_has-bg):has(.image) .image + .info,
    .item.item-blog.item_text-right:not(.item_has-bg) .flipimage + .info {
        padding-left: var(--base-spacing);
    }
    html[dir="ltr"] .item.item-blog.item_text-left:not(.item_has-bg):has(.image) .image + .info,
    .item.item-blog.item_text-left:not(.item_has-bg) .flipimage + .info {
        padding-right: var(--base-spacing);
    }
	html[dir="rtl"] .item.item-blog.item_text-right:not(.item_has-bg):has(.image) .image + .info {
		padding-right: var(--base-spacing);
	}
	html[dir="rtl"] .item.item-blog.item_text-left:not(.item_has-bg):has(.image) .image + .info {
		padding-left: var(--base-spacing);
	}

    /* Non blog items - text left, text right */
    .item.item_text-right:not(.item_has-bg):not(.item-blog) .info {
        padding: 0 0 var(--base-spacing) 0;
    }
    .item.item_text-left:not(.item_has-bg):not(.item-blog) .info,
    .item.item_text-right:not(.item_has-bg):not(.item-blog) .flipimage + .info {
        padding: 0 0 var(--base-spacing) 0;
    }

    .item.item_text-left:not(.item_has-bg):not(.item-blog) .flipimage + .info {
        padding: 0 var(--base-spacing) var(--base-spacing) 0;
    }

    .icon-images .item.item_text-right:not(.item_has-bg):not(.item-blog) .flipimage + .info {
        padding: 0 0 var(--base-spacing) var(--base-half-spacing);
    }

    .icon-images .item.item_text-left:not(.item_has-bg):not(.item-blog) .flipimage + .info {
        padding: 0 var(--base-half-spacing) var(--base-spacing) 0;
    }

	html[dir="ltr"] .item.item_text-right:not(.item_has-bg):not(.item-blog):has(.image) .image + .info {
		padding-bottom: var(--base-spacing);
		padding-left: var(--base-half-spacing);
	}
	html[dir="ltr"] .item.item_text-left:not(.item_has-bg):not(.item-blog):has(.image) .image + .info {
		padding-right: var(--base-half-spacing);
		padding-bottom: var(--base-spacing);
	}
	html[dir="ltr"] .icon-images .item.item_text-right:not(.item_has-bg):not(.item-blog):has(.image) .image + .info {
		padding-bottom: var(--base-spacing);
		padding-left: var(--base-half-spacing);
	}
	html[dir="ltr"] .icon-images .item.item_text-left:not(.item_has-bg):not(.item-blog):has(.image) .image + .info {
		padding-right: var(--base-half-spacing);
		padding-bottom: var(--base-spacing);
	}

	html[dir="rtl"] .item.item_text-right:not(.item_has-bg):not(.item-blog):has(.image) .image + .info {
		padding-bottom: var(--base-spacing);
		padding-right: var(--base-half-spacing);
	}
	html[dir="rtl"] .item.item_text-left:not(.item_has-bg):not(.item-blog):has(.image) .image + .info {
		padding-left: var(--base-half-spacing);
		padding-bottom: var(--base-spacing);
	}
	html[dir="rtl"] .icon-images .item.item_text-right:not(.item_has-bg):not(.item-blog):has(.image) .image + .info {
		padding-bottom: var(--base-spacing);
		padding-right: var(--base-half-spacing);
	}
	html[dir="rtl"] .icon-images .item.item_text-left:not(.item_has-bg):not(.item-blog):has(.image) .image + .info {
		padding-left: var(--base-half-spacing);
		padding-bottom: var(--base-spacing);
	}
    
}

/*  
---------------------------------------------------
Listing Short
---------------------------------------------------  
*/

/*
.listing.listing_short { }*/

/*
.listing.listing_short .item.item_text-only { }*/
/*  
---------------------------------------------------
Pods 
---------------------------------------------------  
*/

/* Component only */
/*
.component.usn_cmp_pods { }*/

/* Split component block */
/*
.item_block.usn_cmp_pods { }*/


/*  
---------------------------------------------------
Pod items
---------------------------------------------------  
*/

/* Code */
/*
.item.usn_pod_code { }*/
.item.usn_pod_code .secondary-heading + .code-item,
.item.usn_pod_code .heading + .code-item { 
    margin-top: var(--base-half-spacing);
}

/* Accordion & Tabs */
.item.usn_pod_accordiontab .secondary-heading + .repeatable,
.item.usn_pod_accordiontab .heading + .repeatable { 
    margin-top: var(--base-half-spacing);
}

/* Alert */
/*
.item.usn_pod_alertbox { }*/
/* Does not need the margin top after secondary-heading or heading */

/* Form */
.item.usn_pod_form .secondary-heading + .form,
.item.usn_pod_form .heading + .form { 
    margin-top: var(--base-half-spacing);
}

.component.usn_cmp_pods .item.usn_pod_form:not(.items-1):not(.items-2) .form-group.col-md-6 {
    flex:0 0 100%; max-width:100%;
}

/* Image */
.item.usn_pod_image .secondary-heading + .image,
.item.usn_pod_image .heading + .image { 
    margin-top: var(--base-half-spacing);
}

/* Links */
.item.usn_pod_links .secondary-heading + .listing_links,
.item.usn_pod_links .heading + .listing_links { 
    margin-top: var(--base-half-spacing);
}

/* Data list */
/*
.item.usn_pod_datalist { }*/
/* Does not need the margin top after secondary-heading or heading */

/* Pricing */
.item.usn_pod_pricingtable .info { }
.item.usn_pod_pricingtable.item_has-bg .info {
	padding: var(--base-spacing);
}
.item.usn_pod_pricingtable .pricing-header .terms {
	font-family: var(--body-typography_font-name);
	font-weight: var(--body-typography_font-weight);
	font-style: italic;
	line-height: var(--body-typography_font-line-height);
	letter-spacing: var(--body-typography_font-letter-spacing);
	text-transform: var(--body-typography_font-transform);
	font-size: var(--body-typography_font-size);
}
.item.usn_pod_pricingtable .link + .pricing-features,
.item.usn_pod_pricingtable .pricing-features + .pricing-features {
	margin-top: var(--base-spacing);
}
.item.usn_pod_pricingtable .pricing-header + .pricing-features {
	padding-top: var(--base-spacing);
	margin-top: var(--base-half-spacing);
}
.item.usn_pod_pricingtable .pricing-features .feature {
	padding: 4px 0; margin:4px 0;
	border-bottom: var(--base-border-width) solid rgba(var(--base-borders), 1);
}
.item.usn_pod_pricingtable .pricing-features .feature-title + .feature {
	border-top: var(--base-border-width) solid rgba(var(--base-borders), 1);
	margin-top:8px;
}
.item.usn_pod_pricingtable .pricing-features:last-of-type .feature:last-of-type {
	border-bottom:0 none;
}

/* Subpage listing (POD tabbed) */
.item.usn_pod_podsubpagelisting .secondary-heading + .repeatable-content,
.item.usn_pod_podsubpagelisting .heading + .repeatable-content,
.item.usn_pod_podsubpagelisting .secondary-heading + .repeatable,
.item.usn_pod_podsubpagelisting .heading + .repeatable {
    margin-top:var(--base-half-spacing);
}

.item.usn_pod_podsubpagelisting .repeatable-content .listing .item { 
    margin-bottom:var(--base-half-spacing);
}

.item.usn_pod_podsubpagelisting .repeatable-content .listing .item:last-child { 
    margin-bottom:0;
}

/* Text with image */
/*
.item.usn_pod_textimage { }*/
/* Does not need the margin top after secondary-heading or heading */

/* Quote */
.item.usn_pod_quote .secondary-heading + .item-quote,
.item.usn_pod_quote .heading + .item-quote { 
    margin-top: var(--base-half-spacing);
}

/* Search with links */
.item.usn_pod_searchlinks .secondary-heading + .site-search,
.item.usn_pod_searchlinks .heading + .site-search,
.item.usn_pod_searchlinks .secondary-heading + nav.quick-links,
.item.usn_pod_searchlinks .heading + nav.quick-links { 
    margin-top: var(--base-half-spacing);
}

/* Social links */
.item.usn_pod_sociallinks .secondary-heading + nav.social,
.item.usn_pod_sociallinks .heading + nav.social { 
    margin-top: var(--base-half-spacing);
}

/* Video */
.item.usn_pod_video .secondary-heading + a,
.item.usn_pod_video .heading + a { 
    margin-top: var(--base-half-spacing);
}

/*	
--------------------------------------------------
Split Component
-------------------------------------------------- 
*/

/* Component only */
/*
.component.usn_cmp_splitcomponent { }*/

/* Not available as part of Split Component
.item_block.usn_cmp_splitcomponent { }*/


/* Item */
.component.usn_cmp_splitcomponent .component-main > .item.item_block { 
    position:relative; z-index:1;
    /*
    margin:var(--base-half-spacing)) 0;*/
}

/* Accordions & Tabs */
/*
.item_block.usn_cmp_accordiontab { }*/

/* Alert */
/*
.item_block.usn_cmp_alertbox { }*/

/* Code */
/*
.item_block.usn_cmp_codeblock { }*/

/* Form */
/*
.item_block.usn_cmp_form { }*/

/* Gallery */
/*
.item_block.usn_cmp_gallery { }*/

.component.usn_cmp_splitcomponent.p-0 .container-fluid .item_block.usn_cmp_gallery { 
    margin: 0;
    padding: 0;
}

/* Grid */
/*
.item_block.usn_cmp_gridlayout { }*/

/* Instagram feed */
/*
.item_block.usn_cmp_instagramfeed { }*/

/* Links */
/*
.item_block.usn_cmp_links { }*/

/* Pricelist */
/*
.item_block.usn_cmp_datalist { }*/

/* Pods */
/*
.item_block.usn_cmp_pods { }*/

/* Sitemap */
/*
.item_block.usn_cmp_sitemap { }*/

/* Subpage listing */
/*
.item_block.usn_cmp_subpagelisting { }*/

/* Text */
/*
.item_block.usn_cmp_text { }*/

.usn_cmp_splitcomponent.p-0 .container-fluid .item_block.usn_cmp_text .info { 
    padding: var(--base-half-spacing);
}

/* Windows */
/*
.item_block.usn_cmp_windows { }*/

@media (min-width:0) and (max-width:767px) {

    .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-2 {
        margin-top:0;
    }

}


/* xs */
@media (min-width:0) and (max-width:575px) {

}

/* sm */
@media (min-width:576px) {

}

/* md */
@media (min-width:768px) {

}

/* lg */
@media (min-width:992px) {

    /* Overlap item blocks */
    .component.usn_cmp_splitcomponent .component-main > .item.item_block.item_overlap-pull-left,
    .component.usn_cmp_splitcomponent .component-main > .item.item_block.item_overlap-pull-right { 
        position:relative; z-index:2;
    }
    /* Overlap item blocks - pull left */
    .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-2.item_overlap-pull-left { 
        left:-8.3333333%;
    }
    .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-1.item_overlap-pull-left.item_overlap-double { 
        left:-16.7%;
    }
    /* Overlap item blocks - pull right */
    .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-1.item_overlap-pull-right { 
        right:-8.3333333%;
    }
    .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-1.item_overlap-pull-right.item_overlap-double { 
        right:-16.7%;
    }

    /* Text Block */
    .component.usn_cmp_splitcomponent .container-fluid .item_block.usn_cmp_text .info { 
        max-width:500px;
        padding: var(--base-spacing);
        margin-left:auto; margin-right:auto;
    }

}

/* xl */
@media (min-width:1200px) {

    /* Text Block */
    .component.usn_cmp_splitcomponent .container-fluid .item_block.usn_cmp_text .info { 
        max-width:600px;
    }

}
/*	
--------------------------------------------------
Tab/Accordion 
-------------------------------------------------- 
*/

/* Component only */
/*
.component.usn_cmp_accordiontab { }*/

/* Split component block */
/*
.item_block.usn_cmp_accordiontab { }*/


.repeatable .nav-tabs {
    border: 0 none !important;
}

.repeatable .tab {
    position: relative;
    margin: 0;
}

    .repeatable .tab .nav-link {
        position: relative;
        display: block;
        cursor: pointer;
        outline: 0 none;
        -webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
        transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
    }

.repeatable .repeatable-content {
    padding: var(--base-half-spacing) 0;
}

.repeatable.accordion .repeatable-content {
    padding: 0;
}

    .repeatable.accordion .repeatable-content .text {
        padding: var(--base-half-spacing) 0;
    }


/*	
--------------------------------------------------
Tab Basic Style 
-------------------------------------------------- 
*/

.repeatable.tab-basic .tab .nav-link {
    padding: calc(var(--base-half-spacing) / 1.5) var(--base-half-spacing);
    border-width: var(--base-border-width);
    border-style: solid;
    border-radius: var(--base-border-radius) var(--base-border-radius) 0 0;
}

.repeatable.tabbed.tab-basic .tab .nav-link {
    border-width: var(--base-border-width) var(--base-border-width) 0;
}

.repeatable.accordion.tab-basic .tab .nav-link.collapsed {
    border-radius: var(--base-border-radius);
}

.repeatable.tab-basic .repeatable-content {
    padding: var(--base-half-spacing);
    border-width: var(--base-border-width);
    border-style: solid;
    border-radius: 0 var(--base-border-radius) var(--base-border-radius) var(--base-border-radius);
}

.repeatable.accordion.tab-basic .repeatable-content {
    border-radius: 0 0 var(--base-border-radius) var(--base-border-radius);
}

.repeatable.accordion.tab-basic .repeatable-content {
    padding: 0;
}

    .repeatable.accordion.tab-basic .repeatable-content .text {
        padding: var(--base-half-spacing);
    }

.repeatable.tabbed.tab-basic .tab .nav-link.active::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(var(--base-border-width) * 2);
    background: rgba(var(--base-highlight), 1);
}

/* Tabs */
.repeatable.tab-basic .tab .nav-link {
    color: rgba(var(--base-link-hover), 1);
    border-color: rgba(var(--base-borders), 1);
    background: transparent;
}

.repeatable.tabbed.tab-basic .tab .nav-link:not(.active) {
    background: rgba(var(--base-borders), 0.15);
}

    .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover,
    .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover {
        color: rgba(var(--base-link-hover), 1);
        background: rgba(var(--base-borders), 0.25);
    }

.repeatable.tabbed.tab-basic .tab .nav-link.active,
.repeatable.accordion.tab-basic .tab .nav-link {
    color: rgba(var(--base-heading), 1);
}

.repeatable.tabbed.tab-basic .tab .nav-link.active {
    border-bottom-color: transparent !important;
}

.repeatable.tab-basic .repeatable-content {
    border-color: rgba(var(--base-borders), 1);
    background: transparent;
}
/* Footer */
footer#site-footer .repeatable.tab-basic .tab .nav-link {
    color: rgba(var(--footer-link), 1);
    border-color: rgba(var(--footer-borders), 1);
    background: transparent;
}

footer#site-footer .repeatable.tabbed.tab-basic .tab .nav-link {
    background: rgba(var(--footer-borders), 0.5);
}

    footer#site-footer .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover,
    footer#site-footer .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover {
        color: rgba(var(--footer-link-hover), 1);
        background: rgba(var(--footer-borders), 0.75);
    }

    footer#site-footer .repeatable.tabbed.tab-basic .tab .nav-link.active,
    footer#site-footer .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) {
        color: rgba(var(--footer-heading), 1);
        background: transparent;
    }

footer#site-footer .repeatable.tab-basic .repeatable-content {
    border-color: rgba(var(--footer-borders), 1);
}


/*	
--------------------------------------------------
Tab Button Style 
-------------------------------------------------- 
*/

.repeatable.tab-buttons .tab .nav-link {
    padding: var(--btn-padding_top) var(--btn-padding_right) var(--btn-padding_bottom) var(--btn-padding_left);
    border-width: var(--base-border-width);
    border-style: solid;
    border-radius: var(--btn-border-radius);
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--base-btn-borders), var(--btn-box-shadow_o));
    text-align: left;
    width: 100%;
}

.repeatable.tab-buttons .repeatable-content {
    padding: var(--base-half-spacing) 0;
    border: 0 none;
}

.repeatable.accordion.tab-buttons .repeatable-content {
    padding: 0;
}

    .repeatable.accordion.tab-buttons .repeatable-content .text {
        padding: var(--base-half-spacing) 0;
    }

/* Tabs */
.repeatable.tab-buttons .tab .nav-link {
    color: rgba(var(--base-heading), 1);
    border-color: rgba(var(--base-borders), 0.25);
    background: transparent;
}

.repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover,
.repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover {
    color: rgba(var(--base-heading), 1);
    border-color: rgba(var(--base-borders), 1);
}

.repeatable.tabbed.tab-buttons .tab .nav-link.active,
.repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) {
    color: rgba(var(--base-heading), 1);
    border-color: rgba(var(--base-heading), 1);
}
/* Tab Box shadows */
.repeatable.tab-buttons .tab .nav-link {
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--base-borders), 0.25);
}

.repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover,
.repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover {
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--base-borders), var(--btn-box-shadow_o));
}

.repeatable.tabbed.tab-buttons .tab .nav-link.active,
.repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) {
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--base-borders), var(--btn-box-shadow_o));
}
/* Footer */
footer#site-footer .repeatable.tab-buttons .tab .nav-link {
    color: rgba(var(--footer-heading), 1);
    border-color: rgba(var(--footer-borders), 0.25);
    background: transparent;
}

footer#site-footer .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover,
footer#site-footer .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover {
    color: rgba(var(--footer-heading), 1);
    border-color: rgba(var(--footer-borders), 1);
}

footer#site-footer .repeatable.tabbed.tab-buttons .tab .nav-link.active,
footer#site-footer .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) {
    color: rgba(var(--footer-heading), 1);
    border-color: rgba(var(--footer-heading), 1);
}
/* Footer Box shadows */
footer#site-footer .repeatable.tab-buttons .tab .nav-link {
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--footer-borders), 0.25);
}

footer#site-footer .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover,
footer#site-footer .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover {
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--footer-borders), var(--btn-box-shadow_o));
}

footer#site-footer .repeatable.tabbed.tab-buttons .tab .nav-link.active,
footer#site-footer .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) {
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--footer-borders), var(--btn-box-shadow_o));
}


/*	
--------------------------------------------------
Tab Underline Style
-------------------------------------------------- 
*/

.repeatable.tab-underline .tab .nav-link {
    padding: 5px 0 2px;
    border-radius: 0;
    background: transparent;
}

    .repeatable.tab-underline .tab .nav-link::before {
        content: '';
        position: absolute;
        bottom: 2px;
        width: 0;
        height: var(--base-border-width);
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
        transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
    }

html[dir="ltr"] .repeatable.tab-underline .tab .nav-link::before {
    left: 0;
}

.repeatable.tabbed.tab-underline .tab .nav-link.active::before,
.repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before,
.repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before,
.repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before {
    opacity: 1;
    width: 100%;
}

.repeatable.tab-underline .repeatable-content {
    padding: var(--base-half-spacing) 0;
    border: 0 none;
}

.repeatable.accordion.tab-underline .repeatable-content {
    padding: 0;
}

    .repeatable.accordion.tab-underline .repeatable-content .text {
        padding: var(--base-half-spacing) 0;
    }

.repeatable.tab-underline .tab .nav-link {
    color: rgba(var(--base-link), 1);
    background: transparent;
}

.repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover,
.repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover {
    color: rgba(var(--base-link-hover), 1);
}

    .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before,
    .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before {
        background: rgba(var(--base-link-hover), 1);
    }

.repeatable.tabbed.tab-underline .tab .nav-link.active,
.repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) {
    color: rgba(var(--base-heading), 1);
}

    .repeatable.tabbed.tab-underline .tab .nav-link.active::before,
    .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before {
        background: rgba(var(--base-heading), 1);
    }
/* Footer */
footer#site-footer .repeatable.tab-underline .tab .nav-link {
    color: rgba(var(--footer-link), 1);
    background: transparent;
}

footer#site-footer .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover,
footer#site-footer .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover {
    color: rgba(var(--footer-link-hover), 1);
}

    footer#site-footer .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before,
    footer#site-footer .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before {
        background: rgba(var(--footer-link-hover), 1);
    }

footer#site-footer .repeatable.tabbed.tab-underline .tab .nav-link.active,
footer#site-footer .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) {
    color: rgba(var(--footer-heading), 1);
}

    footer#site-footer .repeatable.tabbed.tab-underline .tab .nav-link.active::before,
    footer#site-footer .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before {
        background: rgba(var(--footer-heading), 1);
    }

/*	
--------------------------------------------------
Tab Linethrough Style
-------------------------------------------------- 
*/

.repeatable.tabbed.tab-linethrough nav.tabs,
.repeatable.accordion.tab-linethrough .tab {
    margin: 0 -5px;
}

.repeatable.tab-linethrough .tab .nav-link {
    padding: 5px 5px 2px;
    border-radius: 0;
    background: transparent;
}

    .repeatable.tab-linethrough .tab .nav-link::before {
        content: '';
        position: absolute;
        top: 50%;
        width: 0;
        height: var(--base-border-width);
        opacity: 0;
        transform: translateY(-50%);
        -webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
        transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s, padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
    }

html[dir="ltr"] .repeatable.tab-linethrough .tab .nav-link::before {
    left: 0;
}

.repeatable.tabbed.tab-linethrough .tab .nav-link.active::before,
.repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before {
    opacity: 1;
    width: 100%;
}

.repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before,
.repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before {
    opacity: 1;
    width: 100%;
}

.repeatable.tab-linethrough .repeatable-content {
    padding: var(--base-half-spacing) 0;
    border: 0 none;
}

.repeatable.accordion.tab-linethrough .repeatable-content {
    padding: 0;
}

    .repeatable.accordion.tab-linethrough .repeatable-content .text {
        padding: var(--base-half-spacing) 0;
    }

.repeatable.tab-linethrough .tab .nav-link {
    color: rgba(var(--base-link), 1);
    background: transparent;
}

.repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover,
.repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover {
    color: rgba(var(--base-link-hover), 1);
}

    .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before,
    .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before {
        background: rgba(var(--base-link-hover), 1);
    }

.repeatable.tabbed.tab-linethrough .tab .nav-link.active,
.repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) {
    color: rgba(var(--base-heading), 1);
}

    .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before,
    .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before {
        background: rgba(var(--base-heading), 1);
    }
/* Footer */
footer#site-footer .repeatable.tab-linethrough .tab .nav-link {
    color: rgba(var(--footer-link), 1);
    background: transparent;
}

footer#site-footer .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover,
footer#site-footer .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover {
    color: rgba(var(--footer-link-hover), 1);
}

footer#site-footer .repeatable.tabbed.tab-linethrough .tab .nav-link.active,
footer#site-footer .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) {
    color: rgba(var(--footer-heading), 1);
}

    footer#site-footer .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before,
    footer#site-footer .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before {
        background: rgba(var(--footer-heading), 1);
    }


/*	
--------------------------------------------------
Tabbed Component
-------------------------------------------------- 
*/

/* Overrides to fix carousels inside tabs */
/* bootstrap hack: fix content width inside hidden tabs */
.tab-content {
    position: relative;
}

    .tab-content > .tab-pane {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: block; /* undo display:none          */
        height: 0; /* height:0 is also invisible */
        overflow-y: hidden; /* no-overflow                */
        opacity: 0;
    }

        .tab-content > .tab-pane:not(.active) {
            visibility: hidden;
        }

        .tab-content > .tab-pane.active {
            position: relative;
            overflow-y: visible;
            height: 100%; /* let the content decide it  */
            opacity: 1;
        }

        .tab-content > .tab-pane:not(:first-child) .item.os-animation {
            opacity: 0;
            transition: opacity 0.7s ease-in-out 0s;
        }

        .tab-content > .tab-pane.active:not(:first-child) .item.os-animation.animated {
            opacity: 1;
        }

/* bootstrap hack end */
/*
.repeatable.tabbed { }*/

.repeatable.tabbed .tabs {
    position: relative;
    z-index: 1;
}

.repeatable.tabbed .tab {
    display: inline-block;
    margin-right: 2px;
}

/* Tab Button Style */
.repeatable.tabbed.tab-buttons .tab .nav-link {
    margin: 0 5px 0 0;
}

.text-center .repeatable.tabbed.tab-buttons .tab .nav-link {
    margin: 0 2.5px;
}

.text-right .repeatable.tabbed.tab-buttons .tab .nav-link {
    margin: 0 0 0 5px;
}

/* Tab Underline Style */
.repeatable.tabbed.tab-underline .tab .nav-link {
    margin: 0 10px 0 0;
}

.text-center .repeatable.tabbed.tab-underline .tab .nav-link {
    margin: 0 5px;
}

.text-right .repeatable.tabbed.tab-underline .tab .nav-link {
    margin: 0 0 0 10px;
}

/* Tab Underline Style */
.repeatable.tabbed.tab-linethrough .tab .nav-link {
    margin: 0 10px 0 0;
}

.text-center .repeatable.tabbed.tab-linethrough .tab .nav-link {
    margin: 0 5px;
}

.text-right .repeatable.tabbed.tab-linethrough .tab .nav-link {
    margin: 0 0 0 10px;
}

.repeatable-content {
    position: relative;
    top: 0;
    z-index: 0;
}


/*	
--------------------------------------------------
Accordion Component
-------------------------------------------------- 
*/

/*
.repeatable.accordion { }*/

/*
.repeatable.accordion .tabs { }*/

.repeatable.accordion .tab:not(:first-child) {
    margin-top: 2px;
}

.repeatable.accordion.tab-buttons .tab:not(:first-child) {
    margin-top: 6px;
}

.repeatable.accordion.tab-underline .tab:not(:first-child) {
    margin-top: 10px;
}

.repeatable.accordion .tab .nav-link {
    padding-right: 50px;
}

    .repeatable.accordion .tab .nav-link::after {
        position: absolute;
        top: 50%;
        right: 0;
        width: 40px;
        text-align: center;
        transform: translateY(-50%);
    }

.repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before,
.repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before {
    width: calc(100% - 40px);
}

html[dir="ltr"] .repeatable.accordion.tab-underline .tab .nav-link::after,
html[dir="ltr"] .repeatable.accordion.tab-linethrough .tab .nav-link::after {
    text-align: right;
}

.repeatable.accordion .repeatable-content {
    border-top: 0 !important;
}

/*  
---------------------------------------------------
Window component

- With spacing
- No spacing
---------------------------------------------------  
*/

/* Component only */
/*
.component.usn_cmp_windows { }*/

/* Split component block */
/*
.item_block.usn_cmp_windows { }*/


/*  
---------------------------------------------------
Window - With spacing
---------------------------------------------------  
*/

.listing.listing_window-mosaic:not(.listing_no-spacing) {
    position: relative;
    margin-top: 0; margin-bottom:0;
}

section.content.p-0 .component-inner>.container-fluid .listing.listing_window-mosaic:not(.listing_no-spacing) {
    margin-left:0; margin-right:0;
}

.listing.listing_window-mosaic:not(.listing_no-spacing) {
    padding:var(--base-half-spacing); 
}
.listing.listing_window-mosaic:not(.listing_no-spacing) + .listing.listing_window-mosaic:not(.listing_no-spacing) { 
    padding-top:0;
}

.container-fluid:first-child .listing.listing_window-mosaic:not(.listing_no-spacing) {
    margin-top: 0;
}

.container-fluid:last-child .listing.listing_window-mosaic:not(.listing_no-spacing) {
    margin-bottom: 0;
}

.listing.listing_window-mosaic:not(.listing_no-spacing) .item {
    position: relative;
    margin: 0;
    overflow: hidden;
    width: var(--items-1);
}

.listing.listing_window-mosaic:not(.listing_no-spacing) .item::before {
    content: "";
    display: block;
}

.listing.listing_window-mosaic:not(.listing_no-spacing) .item { 
    height:var(--windows_basic);
    height: calc(var(--windows_basic) - var(--small-header-half) - var(--base-half-spacing) - 7.5px);
}
.listing.listing_window-mosaic:not(.listing_no-spacing) .item::before,
.listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner {
    padding-top: var(--windows_basic);
    padding-top: calc(var(--windows_basic) - var(--small-header-half) - var(--base-half-spacing) - 7.5px);
}

.listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner,
.listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner > a {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    -webkit-backface-visibility: hidden;
}

.listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner .info { 
    max-width:460px;
}

.listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner .info.justify-content-center { 
    margin:0 auto;
}

.listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner .info.justify-content-right { 
    left: auto; right: 0;
}


/*  
---------------------------------------------------
Window - No spacing
---------------------------------------------------  
*/

.listing.listing_window-mosaic.listing_no-spacing {
    position: relative;
    margin: 0;
}

.container-fluid .listing.listing_window-mosaic.listing_no-spacing {
    margin-right: -var(--base-half-spacing); margin-left: -var(--base-half-spacing);
}

.container-fluid:first-child .listing.listing_window-mosaic.listing_no-spacing {
    margin-top: 0;
}

.container-fluid:last-child .listing.listing_window-mosaic.listing_no-spacing {
    margin-bottom: 0;
}

.listing.listing_window-mosaic.listing_no-spacing .item {
    position: relative;
    margin: 0;
    overflow: hidden;
    width: var(--items-1);
}

.listing.listing_window-mosaic.listing_no-spacing .item::before {
    content: "";
    display: block;
}

.listing.listing_window-mosaic.listing_no-spacing .item { 
    height:var(--windows_basic);
    height:calc(var(--windows_basic) - var(--small-header-half));
}
.listing.listing_window-mosaic.listing_no-spacing .item::before,
.listing.listing_window-mosaic.listing_no-spacing .item .inner {
    padding-top: var(--windows_basic);
    padding-top: calc(var(--windows_basic) - var(--small-header-half));
}

.listing.listing_window-mosaic.listing_no-spacing .item .inner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    -webkit-backface-visibility: hidden;
}

.listing.listing_window-mosaic.listing_no-spacing .item .inner .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.listing.listing_window-mosaic.listing_no-spacing .item .inner .info { 
    max-width:460px;
}

.listing.listing_window-mosaic.listing_no-spacing .item .inner .info.justify-content-center { 
    margin:0 auto;
}

.listing.listing_window-mosaic.listing_no-spacing .item .inner .info.justify-content-right { 
    left: auto; right: 0;
}

.component-center.usn_cmp_customlayoutsplitblock {
    background-color: transparent;
}

.usn_cmp_customlayoutsplitblock.component-center .container {
    border-radius: 96px 0 96px 0;
}

/*small brekpoint*/
@media (min-width: 0) and (max-width: 599px) {
    section.content.component.usn_cmp_customlayoutsplitblock .content-col.center-col.col {
        padding: var(--pc-spacing_lg) var(--base-half-spacing) var(--pc-spacing_sm) !important;
    }
}

/*Large breakpoint*/
@media (min-width: 992px) {

    .usn_cmp_customlayoutsplitblock.component-center .container {
        border-radius: 192px 0 192px 0;
    }
}

@media (max-width: 575px) {
    .usn_cmp_splitcomponent .component-inner,
    .usn_cmp_customlayoutsplitblock .component-inner {
        margin: 0 !important;
    }

        .usn_cmp_splitcomponent .component-inner .container,
        .usn_cmp_customlayoutsplitblock .component-inner .container {
            /* padding: var(--pc-spacing_md) 24px;*/
            padding: 0;
            border-radius: 0 !important;
        }

            .usn_cmp_splitcomponent .component-inner .container > .row,
            .usn_cmp_customlayoutsplitblock .component-inner .container > .row {
                max-width: 100%;
                margin: 0 auto;
            }
}

.puff-container {
    gap: 2rem;
}

.puff-icon {
    width: auto;
    height: auto;
    max-width: 40px;
    max-height: 40px;
}

.puff-icon-md {
    width: auto;
    height: auto;
    max-width: 60px;
    max-height: 60px;
}

.puff-icon-lg {
    width: auto;
    height: auto;
    max-width: 80px;
    max-height: 80px;
}

.usn_cmp_puffblock.component-center .container {
    border-radius: 192px 0 192px 0;
}

@media (max-width: 768px) {
    .usn_cmp_puffblock.component-center .puffitem {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .component-center.usn_cmp_puffblock {
        background-color: transparent;
    }
}

@media (min-width: 576px) {
    .usn_cmp_puffblock .content-col.center-col.col {
        padding: 60px 80px !important;
        min-width: 100%;
    }
}

@media (max-width: 575px) {
    .usn_cmp_puffblock:has(.image) .component-inner {
        margin: 0 !important;
    }

        .usn_cmp_puffblock:has(.image) .component-inner .container {
            padding: var(--pc-spacing_md) 24px;
        }

            .usn_cmp_puffblock:has(.image) .component-inner .container .row {
                max-width: 100%;
                margin: 0 auto;
            }
}

/*  
---------------------------------------------------
SWP
---------------------------------------------------  
*/

.left-col .swp > .listing > .swp-item:first-child:not(.usn_pod_image):not(.usn_pod_video):not(.usn_pod_form):not(.item_text-boxed):not(.item_has-bg),
.right-col .swp > .listing > .swp-item:first-child:not(.usn_pod_image):not(.usn_pod_video):not(.usn_pod_form):not(.item_text-boxed):not(.item_has-bg) { 
    padding-top: var(--base-spacing);
    border-width: var(--base-border-width) 0 0; border-style: solid; 
    border-color:  rgba(var(--base-borders), 1);
}

.swp > .listing > .swp-item { 
    position: relative;
}

.swp > .listing.listing-pods > .item.swp-item:last-child {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.swp .item.item_text-left:not(.item_has-bg):not(.item-blog) .image+.info,
.swp .item.item_text-right:not(.item_has-bg):not(.item-blog) .image+.info { 
    padding-bottom:0;
}
.swp .item.item_text-left:not(.item_has-bg):not(.item-blog) .image+.info { 
    padding-right: var(--base-half-spacing);
}
.swp .item.item_text-right:not(.item_has-bg):not(.item-blog) .image+.info { 
    padding-left: var(--base-half-spacing);
}


/*  
---------------------------------------------------
SWP in a modal / lightbox
---------------------------------------------------  
*/

.modal.modal-pods .swp-item:not(.usn_pod_image):not(.usn_pod_video):not(.usn_pod_form):not(.item_text-boxed):not(.item_has-bg):not(.usn_pod_code) { 
    padding: var(--base-spacing);
}




/*  
----------------------------------------------------------------------------------------------------
All Forms
---------------------------------------------------------------------------------------------------- 
*/

.umbraco-forms-fieldset .row-fluid,
.umbraco-forms-navigation.row-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 0) and (max-width: 767px) {
    .umbraco-forms-fieldset .row-fluid .umbraco-forms-container,
    .umbraco-forms-navigation.row-fluid .umbraco-forms-container {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.form > .inner {
    padding: var(--base-spacing);
}

    .form > .inner .info {
        margin-bottom: var(--base-half-spacing);
    }

footer#site-footer .form .inner {
    padding: 0 !important;
    border: 0 none !important;
}

textarea {
    resize: none;
}

fieldset {
    margin: 0 0 var(--base-half-spacing);
}

    fieldset.buttons {
        margin: 0;
    }

.heading.umbraco-forms-caption:not(.main) {
    color: inherit;
}

legend {
    color: inherit;
    border-color: inherit;
    padding: 0 0 8px;
    margin: 10px 0 var(--base-half-spacing);
}

.form-group,
.umbraco-forms-field:not(.hidden) {
    position: relative;
    margin-bottom: 1rem;
}

.umbraco-forms-field .umbraco-forms-field-wrapper {
    position: relative;
}

.form-group.titleanddescription:not(:first-child) {
    margin-top: var(--base-spacing);
}

/*
.form-group.shortanswer {}*/

/*
.form-group.date {}*/

/*
.form-group.longanswer {}*/

/*
.form-group.uploadafile {}*/

/*
.form-group.password {}*/

/*
.form-group.dropdown {}*/

/*
.form-group.dropdownselect {}*/

/*
.form-group.checkbox {}*/

.form-group.checkbox > label {
    padding-left: 0;
}

/*
.form-group.checkbox.checkboxlist {}*/

/*
.form-group.singlecheckbox {}*/

/*
.form-group.radiobutton {}*/

/*
.form-group.multiplechoice {}*/

/*
.form-group.singlechoice {}*/

/*
.form-group.titleanddescription {}*/

.form-group.titleanddescription:first-child .heading {
    margin-top: 0;
}

label {
    position: relative;
    font-weight: normal;
    display: block;
}

.radio label,
.checkbox label {
    padding-left: 20px;
    margin-bottom: 5px;
}

label em.req,
.umbraco-forms-indicator {
    font-style: normal;
    color: rgba(var(--form-errors), 1);
}

.form-group .note,
.umbraco-forms-tooltip.help-block {
    display: block;
    margin-top: 5px;
    font-size: 85%;
    opacity: 0.8;
}

.umbraco-forms-tooltip.help-block {
    margin: 0 0 5px;
}

.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input,
.umbraco-forms-field.longanswer textarea,
.umbraco-forms-field.dropdown select {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    min-height: 40px;
    box-shadow: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: var(--form-field-border-width) solid rgba(var(--base-borders), 1);
    border-radius: var(--form-field-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.umbraco-forms-field.longanswer textarea {
    height: 200px;
}

.form-control {
    min-height: 40px;
    border: var(--form-field-border-width) solid rgba(var(--base-borders), 1);
    border-radius: var(--form-field-border-radius);
    box-shadow: none;
}

header#site-header .form-control:not(:focus) {
    border: var(--form-field-border-width) solid rgba(var(--header-borders), 1);
}

footer#site-footer .form-control:not(:focus) {
    border: var(--form-field-border-width) solid rgba(var(--footer-borders), 1);
}

.form-control:focus,
.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input:focus,
.umbraco-forms-field.longanswer textarea:focus,
.umbraco-forms-field.dropdown select:focus {
    border-color: rgba(var(--base-highlight), 1);
    box-shadow: 0 0 5px rgba(var(--base-highlight), 1);
    box-shadow: none !important;
}

.form-control:focus-visible,
.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input:focus-visible,
.umbraco-forms-field.longanswer textarea:focus-visible,
.umbraco-forms-field.dropdown select:focus-visible {
    outline: -webkit-focus-ring-color auto 2px !important;
    outline: rgba(var(--base-highlight), 1) auto 2px !important;
    outline-offset: 2px !important;
}

.form-group.uploadafile .form-control,
.umbraco-forms-field.fileupload:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input {
    padding-top: 5px;
}

/*
.form-group.shortanswer .form-control {}*/

/*
.form-group.date .form-control {}*/

/*
.form-group.longanswer .form-control {}*/

/*
.form-group.uploadafile .form-control {}*/

/*
.form-group.password .form-control {}*/

/*
.form-group.dropdown .form-control {}*/

/*
.form-group.dropdownselect .form-control {}*/

.umbraco-forms-field.checkbox .umbraco-forms-field-wrapper {
    position: absolute;
    top: 0;
}

.form-group.checkbox .form-control {
    min-height: auto;
    height: auto;
    width: auto;
}

.form-group.checkbox.checkboxlist .form-control {
    min-height: auto;
    height: auto;
    width: auto;
}

.form-group.singlecheckbox {
    min-height: auto;
    height: auto;
}

.form-group.radio .form-control,
.form-group.radiobutton .form-control {
    min-height: auto;
    height: auto;
    width: auto;
}

.form-group.multiplechoice .form-control {
    min-height: auto;
    height: auto;
    width: auto;
}

.form-group.singlechoice .form-control {
    min-height: auto;
    height: auto;
    width: auto;
}

.radio label input[type="radio"],
.checkbox label input[type="checkbox"] {
    position: absolute;
    top: 3px;
    left: -2px;
    margin: 0;
    width: auto;
}

.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper input,
.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper input,
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper input {
    position: relative;
    top: 1px;
}

.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper label,
.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper label,
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper label {
    display: inline-block;
    width: calc(100% - 30px);
    padding-left: 5px;
}

select,
select option {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.form-group.dropdown .form-control,
.form-group.date .form-control,
.umbraco-forms-field.date .umbraco-forms-field-wrapper input,
.umbraco-forms-field.dropdown .umbraco-forms-field-wrapper select {
    position: relative;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 0;
    background: none !important;
}

.form-group.dropdown::after,
.form-group.date::after,
.umbraco-forms-field.date .umbraco-forms-field-wrapper::after,
.umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after {
    font-family: "Ionicons";
    content: "\f280";
    position: absolute;
    top: 32px;
    right: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    min-height: 38px;
    padding: 6px 15px 3px 0;
    font-size: 20px;
    text-align: right;
    color: rgba(var(--base-text), 1);
    background-color: rgba(var(--true-white), 1);
    box-sizing: border-box;
    border-radius: var(--form-field-border-radius);
}

/* Triangle */
.directional-icons-triangle .form-group.dropdown::after,
.directional-icons-triangle .umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after {
    content: "\f280";
}
/* Arrow */
.directional-icons-arrow .form-group.dropdown::after,
.directional-icons-arrow .umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after {
    content: "\f118";
}
/* Chevron */
.directional-icons-chevron .form-group.dropdown::after,
.directional-icons-chevron .umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after {
    content: "\f3d0";
}

.form-group.date::after,
.umbraco-forms-field.date .umbraco-forms-field-wrapper::after {
    content: "\f2ab";
}

.form-group.dropdown.no-label::after,
.form-group.date.no-label::after,
.umbraco-forms-field.date .umbraco-forms-field-wrapper::after,
.umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after {
    top: 0;
}

.buttons .btn.prev + .btn.submit {
    float: right;
}


/* VALIDATION */

.form-control.input-validation-error,
.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input.input-validation-error,
.umbraco-forms-field.longanswer textarea.input-validation-error,
.umbraco-forms-field.dropdown select.input-validation-error {
    border-color: rgba(var(--form-errors), 1) !important;
    box-shadow: none;
    border-radius: var(--form-field-border-radius) var(--form-field-border-radius) 0 0;
}

    .form-control.input-validation-error:focus {
        border-color: rgba(var(--form-errors), 1) !important;
        box-shadow: 0 1px 1px rgba(var(--true-black), 0.75) inset, 0 0 8px rgba(var(--form-errors), 0.5) !important;
        box-shadow: none !important;
        border-radius: var(--form-field-border-radius) var(--form-field-border-radius) 0 0;
    }

.field-validation-error {
    display: block;
    padding: 5px;
    font-size: 12px;
    background-color: rgba(var(--form-errors), 1);
    color: rgba(var(--true-white), 1);
}

.validation-summary-errors {
    color: rgba(var(--base-highlight-text),1) !important;
    background: rgba(var(--base-highlight),1) !important;
    border-radius: 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.28px;
    padding: 8px 8px 8px 30px;
    position: relative;
}

.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}

.form .info + .alert,
.form .info + .form-inner {
    margin-top: var(--base-half-spacing);
}

    .form .info + .form-inner > .alert {
        margin-bottom: var(--base-half-spacing);
    }


/* Recaptcha */

.item_form-single_field .g-recaptcha {
    margin-top: var(--base-half-spacing);
}

.justify-content-center .item_form-single_field .g-recaptcha > div {
    margin: 0 auto;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.note-recaptcha {
    margin-top: var(--base-spacing);
}

    .note-recaptcha > p {
        margin: 0;
    }

    .note-recaptcha a {
        display: inline !important;
    }

    .note-recaptcha span {
        opacity: 0.8;
    }

.brf-list-container {
    position: absolute;
    background: #fff;
    border: 1px solid;
    border-radius: 4px;
    z-index: 999;
    top: 3em;
    max-height: 430px;
    overflow-y: auto;
}

.brf-list {
    margin: 0;
    list-style: none;
}

.brf-list-input {
    position: fixed;
    height: 0;
    width: 0;
    overflow: hidden !important;
    padding: 0;
    visibility: hidden;
    top: 0;
    left: 0;
}

@media screen and (min-width:992px) {
    .brf-list-container {
        top: 4em;
    }
}

.brf-list li {
    padding: .5em 1em;
    transition: all ease .125s;
}

    .brf-list li:hover,
    .brf-list li:active {
        background: #e4e0dd;
        cursor: pointer;
    }

.brf-list .brf-button {
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    text-transform: capitalize;
}

.brf-orgnumber {
    font-style: italic;
    margin-top: 0;
    font-size: .875em;
}

/*  
---------------------------------------------------
Contact Form
---------------------------------------------------  
*/

/*
.form.contact-form { }*/
/*  
---------------------------------------------------
Login Form
---------------------------------------------------  
*/

/*
.form.login-form { }*/


/*  
---------------------------------------------------
Show / hide password
---------------------------------------------------  
*/

.form .show-password { 
    position:absolute; top: calc(30px + var(--form-field-border-width));
    color: rgba(var(--base-text), 1);
}

html[dir="ltr"] .form .show-password { 
    right: calc(0px + var(--form-field-border-width));
}

.form .show-password label { 
    margin:0;
}

.form .show-password label span { 
    display:block;
    width: calc(40px - var(--form-field-border-width)); 
    height: calc(40px - var(--form-field-border-width)); 
    text-align:center;
    cursor:pointer;

    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

.form .show-password label input[type="checkbox"] {
    position: absolute; top:0; left:0;
    opacity:0;
}

.form .show-password label i { 
    position:relative; top:10px;
    font-size:20px;
}

.form .show-password label i.usn_ion-md-eye { 
    display:block;
}

.form .show-password label i.usn_ion-md-eye-off { 
    display:none!important;
}

.form .show-password label input[type="checkbox"]:checked + span i.usn_ion-md-eye { 
    display:none;
}

.form .show-password label input[type="checkbox"]:checked + span i.usn_ion-md-eye-off { 
    display:block!important;
}

/*  
---------------------------------------------------
Newsletter Form
---------------------------------------------------  
*/

/*
.form.newsletter-form { }*/

.item_form-single_field .form fieldset,
.item_form-single_field .form fieldset .form-group { 
    margin:0;
}

html[dir="ltr"] .item_form-single_field .form .form-control { 
    border-radius: var(--form-field-border-radius) var(--btn-border-radius) var(--btn-border-radius) var(--form-field-border-radius);
}

html[dir="rtl"] .item_form-single_field .form .form-control { 
    border-radius: var(--btn-border-radius) var(--form-field-border-radius) var(--form-field-border-radius) var(--btn-border-radius);
}

.item_form-single_field .form .form-inner { 
    position:relative;
}

.item_form-single_field .form .buttons { 
    position:absolute; 
    top:var(--base-border-width); right:var(--base-border-width);
    top: 0; right: 0;
    margin: 0;
}

.item_form-single_field .form label { 
    display:none;
}

.item_form-single_field .form .buttons .btn { 
    height:calc(40px - var(--base-border-width) - var(--base-border-width));
    height: 40px;
    margin: 0;
}

/*  
---------------------------------------------------
Site Search Form
---------------------------------------------------  
*/

/*
.form.site-search-form { }*/

.site-search {
    position: relative;
    margin: var(--base-half-spacing) 0;
}

header#site-header .site-search {
    margin-top: 0; margin-bottom: 0; 
}

.site-search .heading,
.site-search .expand-search {
    display: none;
}

.site-search .expand-search {
    margin: 0;
}

.site-search fieldset {
    position: relative;
    pointer-events: all;
    margin:0;
}

.site-search .form-group {
    margin:0;
}

.site-search .form-control {
    width: 100%;
    height: 50px;
    min-height: 50px;
    padding-right: 50px;
}

html[dir="ltr"] .site-search .form-control { 
    border-radius: var(--form-field-border-radius) var(--btn-border-radius) var(--btn-border-radius) var(--form-field-border-radius);
}

html[dir="rtl"] .site-search .form-control { 
    border-radius: var(--btn-border-radius) var(--form-field-border-radius) var(--form-field-border-radius) var(--btn-border-radius);
}

.site-search button.btn {
    /*width: calc(50px - var(--base-border-width) - var(--base-border-width));*/
    width: 50px;
    /*height: calc(50px - var(--base-border-width) - var(--base-border-width));*/
    height: 50px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: var(--base-border-width);
    right: var(--base-border-width);
    top: 0;
    right: 0;
    font-size: 25px;
    text-align: center;
}

footer#site-footer .site-search .form-control {
    width: 100%;
    height: 40px;
    min-height: 40px;
    padding-right: 40px;
}

footer#site-footer .site-search button.btn { 
    /*width: calc(40px - var(--base-border-width) - var(--base-border-width));*/
    width: 40px;
    /*height: calc(40px - var(--base-border-width) - var(--base-border-width));*/
    height: 40px;
    top: var(--base-border-width);
    right: var(--base-border-width);
    top: 0;
    right: 0;
}


/*  
--------------------------------------------------
Loading      
-------------------------------------------------- 
*/

.ajax-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 80px;
}

.ajax-wrap .ajax-loading {
    position:absolute; top:0; right:0; bottom:0; left:0; z-index:550;
    background: rgba(var(--base-bg-color1), 1);
    opacity:0.9;
    overflow: hidden;
}

.ajax-wrap .ajax-loading .loading { 
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
}

.ajax-wrap .ajax-loading .loading span.message {
    display: block;
    text-indent: -9999px;
    border: 10px solid rgba(var(--base-borders), 1);
    border-top: 10px solid rgba(var(--base-highlight), 1);
    border-radius: 50%;
    width: 70px; height: 70px;
    animation: spin 1.75s linear infinite;
}

.item_form-single_field .ajax-wrap .ajax-loading .loading span.message {
    border: 5px solid rgba(var(--base-borders), 1);
    border-top: 5px solid rgba(var(--base-highlight), 1);
    width: 30px; height: 30px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*  
---------------------------------------------------
Miscellaneous
---------------------------------------------------  
*/

a:focus,
.btn:focus,
button:focus {
    outline: none !important;
}

.nav-link:focus-visible {
    box-shadow: none;
}

a:focus-visible,
.btn:focus-visible,
button:focus-visible,
.item .image a:focus-visible img,
.item .image a:focus-visible picture,
.item .image a:focus-visible .overlayicon,
a:focus-visible .image::before,
.listing_no-spacing .item a:focus-visible .image,
.listing_no-spacing .item a:focus-visible .image img,
.listing_no-spacing .item a:focus-visible .image picture,
.listing_no-spacing .item a:focus-visible .image .overlayicon,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image img,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image picture,
header:focus-visible,
main:focus-visible > section:first-of-type,
section:focus-visible,
footer:focus-visible,
header#site-header nav.shopping-cart button.open-cart:focus-visible,
header#site-header nav.shopping-cart .ec-minicart:focus-visible {
    outline: 2px dashed rgba(var(--base-highlight), 1) !important;
    outline-offset: 2px !important;
}

/* Force opacity to increase on focus visible overlay items */
.item a:focus-visible .image::before {
    opacity: 1;
}

.form .inner.base-bg a:focus-visible,
.form .inner.base-bg .btn:focus-visible,
.form .inner.base-bg button:focus-visible {
    outline-color: rgba(var(--base-highlight), 1) !important;
}

header#site-header:focus-visible,
header#site-header a:focus-visible,
header#site-header .btn:focus-visible,
header#site-header button:focus-visible,
header#site-header .item .image a:focus-visible img,
header#site-header .item .image a:focus-visible picture,
header#site-header .item .image a:focus-visible .overlayicon,
header#site-header a:focus-visible .image::before,
header#site-header .listing_no-spacing .item a:focus-visible .image,
header#site-header .listing_no-spacing .item a:focus-visible .image img,
header#site-header .listing_no-spacing .item a:focus-visible .image picture,
header#site-header .listing_no-spacing .item a:focus-visible .image .overlayicon,
header#site-header .usn_cmp_windows .item.item_text-boxed a:focus-visible .image,
header#site-header .usn_cmp_windows .item.item_text-boxed a:focus-visible .image img,
header#site-header .usn_cmp_windows .item.item_text-boxed a:focus-visible .image picture,
header#site-header nav.shopping-cart button.open-cart:focus-visible,
header#site-header nav.shopping-cart .ec-minicart:focus-visible {
    outline-color: rgba(var(--header-highlight), 1) !important;
}

footer#site-footer:focus-visible,
footer#site-footer a:focus-visible,
footer#site-footer .btn:focus-visible,
footer#site-footer button:focus-visible,
footer#site-footer .item .image a:focus-visible img,
footer#site-footer .item .image a:focus-visible picture,
footer#site-footer .item .image a:focus-visible .overlayicon,
footer#site-footer a:focus-visible .image::before,
footer#site-footer .listing_no-spacing .item a:focus-visible .image,
footer#site-footer .listing_no-spacing .item a:focus-visible .image img,
footer#site-footer .listing_no-spacing .item a:focus-visible .image picture,
footer#site-footer .listing_no-spacing .item a:focus-visible .image .overlayicon,
footer#site-footer .usn_cmp_windows .item.item_text-boxed a:focus-visible .image,
footer#site-footer .usn_cmp_windows .item.item_text-boxed a:focus-visible .image img,
footer#site-footer .usn_cmp_windows .item.item_text-boxed a:focus-visible .image picture {
    outline-color: rgba(var(--footer-highlight), 1) !important;
}

.item .image a:focus-visible,
.item .image a:focus-visible img,
.item .image a:focus-visible picture,
.item .image a:focus-visible .overlayicon,
.listing_no-spacing .item a:focus-visible,
.listing_no-spacing .item a:focus-visible .image,
.listing_no-spacing .item a:focus-visible .image::before,
.listing_no-spacing .item a:focus-visible .image img,
.listing_no-spacing .item a:focus-visible .image picture,
.listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed a:focus-visible,
.item.item_text-boxed a:focus-visible .image,
.item.item_text-boxed a:focus-visible .image::before,
.item.item_text-boxed a:focus-visible .image img,
.item.item_text-boxed a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image::before,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image img,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image picture,
header:focus-visible,
main:focus-visible > section:first-of-type,
section:focus-visible,
footer:focus-visible,
header#site-header nav.shopping-cart button.open-cart:focus-visible,
header#site-header nav.shopping-cart .ec-minicart:focus-visible {
    outline-offset: -6px !important;
}

.item:focus-visible {
    z-index: 14;
}

.has-borders {
    border-width: var(--base-border-width);
    border-style: solid;
}

.has-box-shadows .form > .inner,
.has-box-shadows .listing.listing_no-spacing,
.has-box-shadows .listing:not(.listing_no-spacing):not(.listing_window-mosaic) .item.item_has-bg > .inner,
.has-box-shadows .listing:not(.listing_no-spacing) .image,
.listing .item.has-box-shadows .image,
.has-box-shadows .listing.listing_window-mosaic.basic-windows:not(.listing_no-spacing) .item,
.has-box-shadows:not(.usn_cmp_banner) .slick-slider .slick-prev,
.has-box-shadows:not(.usn_cmp_banner) .slick-slider .slick-next {
    box-shadow: var(--base-box-shadow_h) var(--base-box-shadow_v) var(--base-box-shadow_b) rgba(var(--true-black), var(--base-box-shadow_o));
}

.item .inner,
.form > .inner,
.item .image,
.item .image::before,
img,
.listing.listing_no-spacing,
.image-component .image,
.listing_window-mosaic .item,
.usn_cmp_splitcomponent .item.item_slideshow-block .slides,
.has-box-shadows .listing:not(.listing_no-spacing):not(.listing_window-mosaic) .item.item_has-bg > .inner {
    border-radius: var(--base-border-radius);
}

.listing:not(.listing_window-mosaic) .item.item_has-bg .image:not(.rounded-circle),
.listing:not(.listing_window-mosaic) .item.item_has-bg .image:not(.rounded-circle) img {
    border-radius: var(--base-border-radius) var(--base-border-radius) 0 0 !important;
}

.listing.listing_no-spacing .item,
.listing.listing_no-spacing .item .image,
.listing.listing_no-spacing .item .image *,
.usn_cmp_banner .item > .inner,
.usn_cmp_banner .item .image,
.usn_cmp_banner .item .image::before,
.usn_cmp_banner img {
    border-radius: 0;
}

.listing.listing_no-spacing.listing_border-radius .item .image,
.listing.listing_no-spacing.listing_border-radius .item .image * {
    border-radius: var(--base-border-radius);
}

.has-box-shadows footer#site-footer .form > .inner,
.has-box-shadows .listing.listing_no-spacing .item,
.has-box-shadows .listing.listing_no-spacing .item .image,
.has-box-shadows .listing.listing_no-spacing .item .image::before,
.has-box-shadows .listing.listing_no-spacing .item .image img,
.component.p-0 .listing.listing_no-spacing {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Image circle and has background but not overlay text */
.item.item_has-bg.item_text-above .inner.rounded-circle,
.item.item_has-bg.item_text-below .inner.rounded-circle,
.item.item_has-bg.item_text-left .inner.rounded-circle,
.item.item_has-bg.item_text-right .inner.rounded-circle {
    border-radius: var(--base-border-radius) !important;
}

iframe, object, embed, video {
    display: block;
    overflow: hidden;
}

video {
    width: 100%;
    height: auto;
}

/* Pre — Basic styling for code examples */
pre {
    display: block;
    font: normal 14px/32px Monaco,Monospace !important;
    color: #000000;
    border: var(--base-border-width) solid rgba(var(--base-borders), 1);
    background: #f7f7f7;
    background-image: -webkit-repeating-linear-gradient(top,#f7f7f7 0px,#f7f7f7 32px,#ececec 32px,#ececec 64px);
    background-image: -moz-repeating-linear-gradient(top,#f7f7f7 0px,#f7f7f7 32px,#ececec 32px,#ececec 64px);
    background-image: -ms-repeating-linear-gradient(top,#f7f7f7 0px,#f7f7f7 32px,#ececec 32px,#ececec 64px);
    background-image: repeating-linear-gradient(top,#f7f7f7 0px,#f7f7f7 32px,#ececec 32px,#ececec 64px);
    box-shadow: inset 0 0 15px rgba(var(--true-black), 0.05);
    padding: 0em var(--base-half-spacing);
    margin-bottom: var(--base-spacing);
    overflow: auto;
    height: auto;
    word-break: normal;
    word-wrap: normal;
    white-space: pre;
}

/*  
---------------------------------------------------
Authors
---------------------------------------------------  
*/

.component.author-bio.base-bg + .component.author-bio.base-bg {
	padding-top: var(--base-spacing) !important;
	border-width: var(--base-border-width) 0 0;
	border-style: solid;
	border-color: rgba(var(--base-borders), 1);
}

.author-bio nav.social {
    margin-top: var(--base-half-spacing);
}
.author-bio .secondary-heading {
    margin-bottom:var(--base-half-spacing);
}

.author-bio .item.item_text-left .info,
.author-bio .item.item_text-right .info { 
    padding-bottom:0!important;
}

section.content.component.author-bio { 
    padding:var(--base-half-spacing) 0;
}

@media (min-width:0) and (max-width:767px) {
    .author-bio {
        text-align: center;
    }
    .author-bio .image {
        max-width: 200px;
        float: none!important;
        margin-right: auto!important;
        margin-left: auto!important;
    }
}

@media (min-width:768px) {

    .author-bio .item.item_text-left .image,
    .author-bio .item.item_text-right .image { 
        flex: 0 0 30%;
        max-width: 30%; 
    }

    section.content.component.author-bio { 
        padding:var(--base-spacing) 0;
    }

}

@media (min-width:992px) {

    .author-bio .item.item_text-left .image,
    .author-bio .item.item_text-right .image { 
        flex: 0 0 25%;
        max-width: 25%; 
    }
    
}
/*  
---------------------------------------------------
Back to top
---------------------------------------------------  
*/

.usn_back-to-top { 
    display:block;
    transition: bottom 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
}
.usn_back-to-top .btn i { 
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
}
/*  
---------------------------------------------------
Buttons
---------------------------------------------------  
*/

.btn, button.btn { 
    margin: 5px 0;
}

/*html[dir="ltr"] .btn + .btn {
	margin-left: 5px;
}*/
html[dir="ltr"] .text-center .btn {
	margin-right: 2.5px;
	margin-left: 2.5px;
}

/*html[dir="rtl"] .btn + .btn {
	margin-right: 5px;
}*/

html[dir="rtl"] .text-center .btn {
	margin-right: 2.5px;
	margin-left: 2.5px;
}

.btn, button.btn {
    border-radius: var(--btn-border-radius);
    border-width: var(--btn-border-width); 
    border-style: solid;
    outline: none;
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--true-black), var(--btn-box-shadow_o));
}

.btn:hover, button.btn:hover,
.btn:focus, button.btn:focus,
.btn:active, button.btn:active {
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--base-btn-borders-hover), var(--btn-box-shadow_o));
}

.btn, button.btn, button {

    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s;
}

.btn, button.btn {
    padding:var(--btn-padding_top) var(--btn-padding_right) var(--btn-padding_bottom) var(--btn-padding_left);
}

.btn.btn-sm, button.btn.btn-sm {
    padding:var(--btn_sm-padding_top) var(--btn_sm-padding_right) var(--btn_sm-padding_bottom) var(--btn_sm-padding_left);
}

.btn.btn-lg, button.btn.btn-lg {
    padding:var(--btn_lg-padding_top) var(--btn_lg-padding_right) var(--btn_lg-padding_bottom) var(--btn_lg-padding_left);
}

.underline-buttons .btn, .underline-buttons button.btn, .btn.underline-btn, button.btn.underline-btn {
    padding:2px 0!important;
    background:none!important;
    border-width:0 0 var(--base-border-width) 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
}

.text-buttons .btn, .text-buttons button.btn, .btn.text-btn, button.btn.text-btn {
    padding:0!important;
    background:none!important;
    border:0 none!important;
    border-radius: 0!important;
    box-shadow: none!important;
}


/*  
---------------------------------------------------
Button hovers 

This could is related to the inclusion of gradient backgrounds. 
We need to include empty <span> inside buttons to activate hover.
---------------------------------------------------  
*/

.btn { 
    position:relative;
    z-index: 1; /* matters! */
}
.btn > span { 
    position: absolute; top:0; right:0; bottom:0; left:0; z-index: -1;
    border-radius: calc(var(--btn-border-radius) - var(--btn-border-width));
    opacity: 0;

    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}
a:hover .btn > span, 
a:focus .btn > span, 
a:active .btn > span, 
.btn:hover > span,
.btn:focus > span,
.btn:active > span {
  opacity: 1;
}

.underline-buttons .btn > span, 
.underline-buttons button.btn > span, 
.btn.underline-btn > span, button.btn.underline-btn > span,
.text-buttons .btn > span, 
.text-buttons button.btn > span, 
.btn.text-btn > span, button.btn.text-btn > span {
    display:none!important;
}

/* 	
-------------------------------------------------- 
Images
-------------------------------------------------- 
*/

.image {
	position: relative;
	overflow: hidden;
	transition: opacity 0.4s ease-in-out 0s;
}

.blur-up-lazy-loading .image img.lazyload:not(.lazyloaded),
.blur-up-lazy-loading .image img.lazyloading:not(.lazyloaded),
.blur-up-lazy-loading .image.background-image.lazyload:not(.lazyloaded),
.blur-up-lazy-loading .image.background-image.lazyloading:not(.lazyloaded) {
	filter: blur(5px);
	transform: scale(1.025);
}

img {
    width: 100%;
    max-width: 100%;
    height: auto;
    transform: scale(1);
    transform-origin: center;
}

.max-width-images img,
.max-width-images .image img { 
    max-width: auto;
}

.image img,
.image.background-image,
.image.icon-image {
    transform: scale(1);
    transform-origin: center;
}

.image img,
.image.icon-image {
    transition: all 0.4s ease-in-out 0s;
}

.image.background-image {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	transition: opacity 0.4s ease-in-out 0s, transform 0.4s ease-in-out 0s;
}

.image.background-image.body-background-image,
.image.background-image.header-background-image,
.image.background-image.footer-background-image,
.image.background-image.component-background-image {
    position:absolute; top:0; right:0; bottom:0; left:0; z-index:0;
    width:100%; height:100%; 
}
.image.background-image.component-background-image + .component-inner { 
    position: relative; z-index: 1;
}

.image.lazyload img,
.image.background-image.lazyload {
    display: block;
    width: 100%;
    height: auto;
}


/* IMAGE TRANSITIONS */

.image,
.image.video {
    overflow: hidden;
    padding: 0;
}

.image a:hover img,
a:hover .image img,
.item a:hover .image.background-image {
    transform: scale(1.05);
}

.no-zoom_hover .image a:hover img,
.no-zoom_hover a:hover .image img,
.no-zoom_hover .item a:hover .image.background-image {
    transform: scale(1);
}

.reverse-zoom_hover .image a:hover img,
.reverse-zoom_hover a:hover .image img,
.reverse-zoom_hover .item a:hover .image.background-image {
    transform: scale(0.95);
}

/*
.item.item_overlay a:hover { 
    transform: scale(0.975);
    box-shadow: 0 0 5px rgba(@true-black, 0.2);
}
*/

.image .caption {
    font-size: 85%;
    font-style: italic;
    opacity: 0.8;
}

    .image .caption:not(.caption-below) {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 101;
        padding: 5px 10px 7px;
        font-size: 85%;
        font-style: italic;
        opacity: 0.8;
        color: rgba(var(--true-white), 1);
        background-color: rgba(var(--true-black), 0.6);
    }

.image.rounded-circle .caption:not(.caption-below) {
    left: 50%;
    transform: translateX(-50%);
}

.image .caption.caption-below {
    padding: var(--base-half-spacing) 0 0;
    color: rgba(var(--base-text), 1);
}


i.fa,
i.before {
    margin-right: 5px;
}

i.fa.after,
i.after {
    margin-right: 0;
    margin-left: 5px;
}

i.fa.before.after,
i.before.after {
    margin-right: 5px;
    margin-left: 5px;
}


/* 	
-------------------------------------------------- 
RTE Images
-------------------------------------------------- 
*/

.img-max { 
    display:block;
}
.img-max:not(.image) {
    margin: 8px 0 var(--base-spacing) 0;
}
.img-max:first-child {
	margin-top:0;
}

.img-max > img { 
    max-width:100%; width:revert-layer;
}

.text-center .img-max > img {
	margin-left:auto; margin-right:auto;
}
.text-right .img-max > img {
	margin-left: auto;
}

.img-full { 
    display:block;
    margin:8px 0 var(--base-spacing) 0;
}
.img-full:first-child { 
	margin-top:0;
}
.img-full > img { 
    max-width:100%; width:100%;
}

.img-left { 
    float:left; display:block; max-width:50%; width:revert-layer;
    margin:8px var(--base-spacing) var(--base-spacing) 0;
}
.img-left:first-child {
	margin-top: 0;
}
/*
.img-left > img { }*/

.img-right { 
    float:right; display:block; max-width:50%; width:revert-layer;
    margin:8px 0 var(--base-spacing) var(--base-spacing);
}
.img-right:first-child {
	margin-top: 0;
}
/*
.img-right > img { }*/

/*
.img-rounded { }*/

.img-rounded > img { 
    border-radius: var(--base-border-radius);
}

/*
.img-circle { }*/

.img-rounded-circle > img { 
    border-radius: 50%;
}


/* Image errors */

.image .image-error::after,
.image.error-background-image::after { 
    content: attr(data-error-title);
    position: absolute;
    top:50%; left:50%;
    transform: translate(-50%,-50%);
    font-size: 14px; line-height: 18px;
    color: #000;
    text-align: center; text-transform: uppercase;
}



/* 	
-------------------------------------------------- 
Image Opacity 

	Image opacity when overlay is set
	Both initial and hover states
	Increments of 10%	
-------------------------------------------------- 
*/

.image.image-opacity-0,
a:hover .image.image_hover-opacity-0,
a:hover .image.image_hover-opacity-0,
a:focus .image.image_hover-opacity-0,
a:active .image.image_hover-opacity-0,
a:focus-visible .image.image_hover-opacity-0 {
	opacity: 0;
}
.image.image-opacity-5,
a:hover .image.image_hover-opacity-5,
a:hover .image.image_hover-opacity-5,
a:focus .image.image_hover-opacity-5,
a:active .image.image_hover-opacity-5,
a:focus-visible .image.image_hover-opacity-5 {
	opacity: 0.05;
}
.image.image-opacity-10,
a:hover .image.image_hover-opacity-10,
a:hover .image.image_hover-opacity-10,
a:focus .image.image_hover-opacity-10,
a:active .image.image_hover-opacity-10,
a:focus-visible .image.image_hover-opacity-10 {
	opacity: 0.1;
}
.image.image-opacity-15,
a:hover .image.image_hover-opacity-15,
a:hover .image.image_hover-opacity-15,
a:focus .image.image_hover-opacity-15,
a:active .image.image_hover-opacity-15,
a:focus-visible .image.image_hover-opacity-15 {
	opacity: 0.15;
}
.image.image-opacity-20,
a:hover .image.image_hover-opacity-20,
a:hover .image.image_hover-opacity-20,
a:focus .image.image_hover-opacity-20,
a:active .image.image_hover-opacity-20,
a:focus-visible .image.image_hover-opacity-20 {
	opacity: 0.2;
}
.image.image-opacity-25,
a:hover .image.image_hover-opacity-25,
a:hover .image.image_hover-opacity-25,
a:focus .image.image_hover-opacity-25,
a:active .image.image_hover-opacity-25,
a:focus-visible .image.image_hover-opacity-25 {
	opacity: 0.25;
}
.image.image-opacity-30,
a:hover .image.image_hover-opacity-30,
a:hover .image.image_hover-opacity-30,
a:focus .image.image_hover-opacity-30,
a:active .image.image_hover-opacity-30,
a:focus-visible .image.image_hover-opacity-30 {
	opacity: 0.3;
}
.image.image-opacity-35,
a:hover .image.image_hover-opacity-35,
a:hover .image.image_hover-opacity-35,
a:focus .image.image_hover-opacity-35,
a:active .image.image_hover-opacity-35,
a:focus-visible .image.image_hover-opacity-35 {
	opacity: 0.35;
}
.image.image-opacity-40,
a:hover .image.image_hover-opacity-40,
a:hover .image.image_hover-opacity-40,
a:focus .image.image_hover-opacity-40,
a:active .image.image_hover-opacity-40,
a:focus-visible .image.image_hover-opacity-40 {
	opacity: 0.4;
}
.image.image-opacity-45,
a:hover .image.image_hover-opacity-45,
a:hover .image.image_hover-opacity-45,
a:focus .image.image_hover-opacity-45,
a:active .image.image_hover-opacity-45,
a:focus-visible .image.image_hover-opacity-45 {
	opacity: 0.45;
}
.image.image-opacity-50,
a:hover .image.image_hover-opacity-50,
a:hover .image.image_hover-opacity-50,
a:focus .image.image_hover-opacity-50,
a:active .image.image_hover-opacity-50,
a:focus-visible .image.image_hover-opacity-50 {
	opacity: 0.5;
}
.image.image-opacity-55,
a:hover .image.image_hover-opacity-55,
a:hover .image.image_hover-opacity-55,
a:focus .image.image_hover-opacity-55,
a:active .image.image_hover-opacity-55,
a:focus-visible .image.image_hover-opacity-55 {
	opacity: 0.55;
}
.image.image-opacity-60,
a:hover .image.image_hover-opacity-60,
a:hover .image.image_hover-opacity-60,
a:focus .image.image_hover-opacity-60,
a:active .image.image_hover-opacity-60,
a:focus-visible .image.image_hover-opacity-60 {
	opacity: 0.6;
}
.image.image-opacity-65,
a:hover .image.image_hover-opacity-65,
a:hover .image.image_hover-opacity-65,
a:focus .image.image_hover-opacity-65,
a:active .image.image_hover-opacity-65,
a:focus-visible .image.image_hover-opacity-65 {
	opacity: 0.65;
}
.image.image-opacity-70,
a:hover .image.image_hover-opacity-70,
a:hover .image.image_hover-opacity-70,
a:focus .image.image_hover-opacity-70,
a:active .image.image_hover-opacity-70,
a:focus-visible .image.image_hover-opacity-70 {
	opacity: 0.7;
}
.image.image-opacity-75,
a:hover .image.image_hover-opacity-75,
a:hover .image.image_hover-opacity-75,
a:focus .image.image_hover-opacity-75,
a:active .image.image_hover-opacity-75,
a:focus-visible .image.image_hover-opacity-75 {
	opacity: 0.75;
}
.image.image-opacity-80,
a:hover .image.image_hover-opacity-80,
a:hover .image.image_hover-opacity-80,
a:focus .image.image_hover-opacity-80,
a:active .image.image_hover-opacity-80,
a:focus-visible .image.image_hover-opacity-80 {
	opacity: 0.8;
}
.image.image-opacity-85,
a:hover .image.image_hover-opacity-85,
a:hover .image.image_hover-opacity-85,
a:focus .image.image_hover-opacity-85,
a:active .image.image_hover-opacity-85,
a:focus-visible .image.image_hover-opacity-85 {
	opacity: 0.85;
}
.image.image-opacity-90,
a:hover .image.image_hover-opacity-90,
a:hover .image.image_hover-opacity-90,
a:focus .image.image_hover-opacity-90,
a:active .image.image_hover-opacity-90,
a:focus-visible .image.image_hover-opacity-90 {
	opacity: 0.9;
}
.image.image-opacity-95,
a:hover .image.image_hover-opacity-95,
a:hover .image.image_hover-opacity-95,
a:focus .image.image_hover-opacity-95,
a:active .image.image_hover-opacity-95,
a:focus-visible .image.image_hover-opacity-95 {
	opacity: 0.95;
}
.image.image-opacity-100,
a:hover .image.image_hover-opacity-100,
a:focus .image.image_hover-opacity-100,
a:active .image.image_hover-opacity-100,
a:focus-visible .image.image_hover-opacity-100 {
	opacity: 1;
}

/* Flip image */

.flipimage {
    position: relative;
    width: 100%;
}

    .item_overlay:hover .flipimage .flipimage__inner,
    .flipimage:hover .flipimage__inner {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

.item_overlay .flipimage + .info {
    transition: all 0.5s ease-in-out;
}

.item_overlay:hover .flipimage + .info {
    opacity: 0;
    visibility: hidden;
}

.item_overlay:hover .flipimage .flipimage__text p {
    color: rgba(var(--base-link), 1);
}

@media screen and (max-width:767px) {
    .item_overlay:hover .textimage-anchor .flipimage .flipimage__inner,
    .textimage-anchor .flipimage:hover .flipimage__inner {
        -webkit-transform: none;
        transform: none;
    }

    .item_overlay:hover .textimage-anchor .flipimage + .info {
        opacity: 1;
        visibility: visible;
    }
}

.flipimage .flipimage__inner {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.flipimage .image--front,
.flipimage .image--back {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100% !important;
    max-width: 100% !important;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.flipimage .image--front {
    z-index: 2;
}

.flipimage .image--back {
    z-index: 0;
    transform: rotateY(180deg);
}

    .flipimage .image--back img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.flipimage__text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    margin: 0;
    color: #fff;
}

    .flipimage__text p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        margin: 0;
        padding: .75em;
    }

/* Flip image */
/* Extend ratio */
.ratio-2x1 {
    --bs-aspect-ratio: 50%
}

.ratio-1x2 {
    --bs-aspect-ratio: 200%
}

.ratio-3x1 {
    --bs-aspect-ratio: 33.333333%
}

.ratio-2x3 {
    --bs-aspect-ratio: 150%
}

.ratio-4x1 {
    --bs-aspect-ratio: 25%
}

.ratio-1x4 {
    --bs-aspect-ratio: 400%
}

.ratio-3x4 {
    --bs-aspect-ratio: 1.3333333%
}

.ratio-9x16 {
    --bs-aspect-ratio: 1.777777777777778%
}

.ratio-16x10 {
    --bs-aspect-ratio: 62.5%
}

.ratio-10x16 {
    --bs-aspect-ratio: 160%
}

/* Extend ratio*/

/*  
---------------------------------------------------
Lazyframe Video
Used for inline Youtube and Vimeo videos
---------------------------------------------------  
*/

.lazyframe {
    position: relative;
    background: transparent;
    background-image:none!important;
}

.image.lazyframe img { 
    position:absolute; z-index:-1;
    top:50%; left:0; right:0;
    transform:translateY(-50%);
}

.lazyframe__title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px 17px;
    z-index: 3;
}

.lazyframe__title:after {
    z-index: -1;
}

.lazyframe:hover {
    cursor: pointer;
}

.lazyframe:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;

    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

.lazyframe[data-ratio="16:9"]:before {
    padding-top: 56.25%;
}

.lazyframe[data-ratio="4:3"]:before {
    padding-top: 75%;
}

.lazyframe[data-ratio="1:1"]:before {
    padding-top: 100%;
}

.lazyframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--true-black), 1);
}

.lazyframe[data-vendor="youtube"],
.lazyframe[data-vendor="youtube_nocookie"] {
    background-color:transparent;
}

.lazyframe[data-vendor="youtube"] .lazyframe__title,
.lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title {
    display: none;
}

.lazyframe[data-vendor="youtube"]:before,
.lazyframe[data-vendor="youtube_nocookie"]:before {
    padding-top: 56.25%;
}

.lazyframe[data-vendor="youtube"][data-ratio="16:9"]:before,
.lazyframe[data-vendor="youtube_nocookie"][data-ratio="16:9"]:before {
    padding-top: 56.25%;
}

.lazyframe[data-vendor="youtube"][data-ratio="4:3"]:before,
.lazyframe[data-vendor="youtube_nocookie"][data-ratio="4:3"]:before {
    padding-top: 75%;
}

.lazyframe[data-vendor="youtube"][data-ratio="1:1"]:before,
.lazyframe[data-vendor="youtube_nocookie"][data-ratio="1:1"]:before {
    padding-top: 100%;
}

.lazyframe[data-vendor="youtube"]:after,
.lazyframe[data-vendor="youtube_nocookie"]:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4=");
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0.8;
    border: none;
    z-index: 4;
    transform: translate(-50%, -50%);
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

.lazyframe[data-vendor="youtube"]:hover:after,
.lazyframe[data-vendor="youtube_nocookie"]:hover:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg==");
    opacity: 1;
}

.lazyframe[data-vendor="vimeo"] {
    background:transparent;
}

.lazyframe[data-vendor="vimeo"] .lazyframe__title {
    display: none;
}

.lazyframe[data-vendor="vimeo"]:before {
    padding-top: 48.25%;
}

.lazyframe[data-vendor="vimeo"][data-ratio="16:9"]:before {
    padding-top: 56.25%;
}

.lazyframe[data-vendor="vimeo"][data-ratio="4:3"]:before {
    padding-top: 75%;
}

.lazyframe[data-vendor="vimeo"][data-ratio="1:1"]:before {
    padding-top: 100%;
}

.lazyframe[data-vendor="vimeo"]:after {
    content: '';
	height: 40px;
	width: 65px;
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 3;
    background-color: rgba(var(--true-black), 0.5);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4=");
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-radius: 5px;
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    
    /* Centered play button */
    content: '';
    height: 40px;
    width: 65px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    background-color: rgba(var(--true-black), 0.5);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4=");
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 5px;
    transform: translate(-50%,-50%);
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

.lazyframe[data-vendor="vimeo"]:hover:after {
    background-color: rgba(var(--vimeo-bg), 1);
}
/*  
---------------------------------------------------
Lightbox
---------------------------------------------------  
*/

/*
#site { 
    transition: filter 0.3s ease-in-out 0s;
}

body.modal-open #site { 
    filter: blur(2px);
}
*/

html:has(.modal-open),
body.modal-open {
	overflow: hidden !important;
}

.modal-backdrop.show { 
    opacity: var(--modal-opacity);
}

html.windows body.modal-open,
html.windows body.modal-open .modal {
    padding-right: 0 !important;
}

.modal .modal-dialog {
    margin:0 auto; padding: 50px 0;
    max-width: 100%; width:100%;
    max-width: var(--modal-components-max-width);
}

.modal.modal-pods .modal-dialog {
    max-width: var(--modal-pods-max-width);
}

.modal-content {
	border: 0 none;
}
.modal:not(.lightbox) .modal-content,
.modal.lightbox .modal-content img,
.modal.lightbox .modal-content video,
.modal.lightbox .modal-content iframe {
	box-shadow: var(--base-box-shadow_h) var(--base-box-shadow_v) var(--base-box-shadow_b) rgba(var(--true-black), var(--base-box-shadow_o));
	border-radius: calc(var(--base-border-radius) + 2px);
}

.modal.lightbox .carousel-inner { 
	overflow: visible;
}

.lightbox-title .heading,
.lightbox-caption .text > p {
	color: rgba(var(--true-white), 1);
}

.carousel-control {
    width: 100px;
	z-index: 501;
}

html[dir="ltr"] .carousel-control.carousel-control-prev {
    left: 0;
}

html[dir="ltr"] .carousel-control.carousel-control-next {
    right: 0;
}

html[dir="rtl"] .carousel-control.carousel-control-prev {
    right: 0;
}

html[dir="rtl"] .carousel-control.carousel-control-next {
    left: 0;
}

.carousel-control .carousel-control-icon {
	background-image: none;
}

.carousel-control .carousel-control-icon { 
    position: absolute;
    top:50%; 
    width:40px; height:40px;
    text-align:center;
    font-size:20px; line-height: 40px;
    color: rgba(var(--base-link), 1);
    background-color: rgba(var(--base-bg-color1), 1);
    transform: translateY(-50%);
}
.carousel-control .carousel-control-icon:hover {
    color: rgba(var(--base-link-hover), 1);
}

.carousel-control.carousel-control-prev .carousel-control-icon {
    border-radius: 0 var(--btn-border-radius) var(--btn-border-radius) 0;
}

.carousel-control.carousel-control-next .carousel-control-icon {
    border-radius: var(--btn-border-radius) 0 0 var(--btn-border-radius);
}

html[dir="ltr"] .carousel-control.carousel-control-prev .carousel-control-icon {
    left:0;
}

html[dir="ltr"] .carousel-control.carousel-control-next .carousel-control-icon {
    right: 0;
}

html[dir="rtl"] .carousel-control.carousel-control-prev .carousel-control-icon {
    right: 0;
    transform: rotate(180deg);
}

html[dir="rtl"] .carousel-control.carousel-control-next .carousel-control-icon {
    left: 0;
    transform: rotate(180deg);
}

/* Close icon */
.modal::before { 
    content: "\f2c0";
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    position: fixed; top:0; z-index:1001;
    font-size:35px; line-height: 50px; text-align: center;
    width:50px; height:50px;
    cursor:pointer;

    color: rgba(var(--base-link), 1);
    background-color: rgba(var(--base-bg-color1), 1);
    box-shadow: 0 0 var(--base-half-spacing) rgba(var(--true-black), 0.15);

    transition: all 0.2s ease-in-out 0s;
}

.modal .close {
    position: fixed; top:0; z-index:1002;
    width:50px; height:50px;
    background: none; border: 0 none;
	padding:0; box-shadow: none;
}

html[dir="ltr"] .modal::before,
html[dir="ltr"] .modal .close {
    right: 0;
    border-radius: 0 0 0 var(--btn-border-radius);
}

html[dir="rtl"] .modal::before,
html[dir="rtl"] .modal .close {
    left: 0;
    border-radius: 0 0 var(--btn-border-radius) 0;
}

.modal .close:focus-visible {
    outline-offset: -6px!important;
}

@media (min-width:1350px) {   
    .modal .modal-dialog {
        padding: 50px;
    }
}


/*  
---------------------------------------------------
Links

- Logo
- Main Navigation
- Secondary Navigation
- Content
- Footer
- Buttons

---------------------------------------------------  
*/

/*  
---------------------------------------------------
Logo
---------------------------------------------------  
*/

body:not(.logo-underline-link) header#site-header #logo a:not(:hover):not(:focus):not(:active) { 
    text-decoration: none;
    text-decoration-color: transparent;
}

body:not(.logo-underline-link-hover) header#site-header #logo a:hover,
body:not(.logo-underline-link-hover) header#site-header #logo a:focus, 
body:not(.logo-underline-link-hover) header#site-header #logo a:active { 
    text-decoration: none;
    text-decoration-color: transparent;
}

body.logo-underline-link header#site-header #logo a:not(:hover):not(:focus):not(:active) { 
    text-decoration: underline;
    text-decoration-color: inherit;
}

body.logo-underline-link-hover header#site-header #logo a:hover,
body.logo-underline-link-hover header#site-header #logo a:focus, 
body.logo-underline-link-hover header#site-header #logo a:active { 
    text-decoration: underline;
    text-decoration-color: inherit;
}

/*  
---------------------------------------------------
Main Navigation
---------------------------------------------------  
*/

body:not(.main-navigation-underline-link) header#site-header nav.main a:not(:hover):not(:focus):not(:active) { 
    text-decoration: none;
    text-decoration-color: transparent;
}

body:not(.main-navigation-underline-link-hover) header#site-header nav.main a:hover,
body:not(.main-navigation-underline-link-hover) header#site-header nav.main a:focus, 
body:not(.main-navigation-underline-link-hover) header#site-header nav.main a:active { 
    text-decoration: none;
    text-decoration-color: transparent;
}

body.main-navigation-underline-link header#site-header nav.main a:not(:hover):not(:focus):not(:active) { 
    text-decoration: underline;
    text-decoration-color: inherit;
}

body.main-navigation-underline-link-hover header#site-header nav.main a:hover,
body.main-navigation-underline-link-hover header#site-header nav.main a:focus, 
body.main-navigation-underline-link-hover header#site-header nav.main a:active { 
    text-decoration: underline;
    text-decoration-color: inherit;
}

/*  
---------------------------------------------------
Secondary Navigation
---------------------------------------------------  
*/

body:not(.secondary-navigation-underline-link) header#site-header nav.secondary a:not(:hover):not(:focus):not(:active) { 
    text-decoration: none;
    text-decoration-color: transparent;
}

body:not(.secondary-navigation-underline-link-hover) header#site-header nav.secondary a:hover,
body:not(.secondary-navigation-underline-link-hover) header#site-header nav.secondary a:focus, 
body:not(.secondary-navigation-underline-link-hover) header#site-header nav.secondary a:active { 
    text-decoration: none;
    text-decoration-color: transparent;
}

body.secondary-navigation-underline-link header#site-header nav.secondary a:not(:hover):not(:focus):not(:active) { 
    text-decoration: underline;
    text-decoration-color: inherit;
}

body.secondary-navigation-underline-link-hover header#site-header nav.secondary a:hover,
body.secondary-navigation-underline-link-hover header#site-header nav.secondary a:focus, 
body.secondary-navigation-underline-link-hover header#site-header nav.secondary a:active { 
    text-decoration: underline;
    text-decoration-color: inherit;
}


/*  
---------------------------------------------------
Content
---------------------------------------------------  
*/

body:not(.content-underline-link) #site-content a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active),
body:not(.content-underline-link) .modal a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) { 
    text-decoration: none;
    text-decoration-color: transparent;
}

body:not(.content-underline-link-hover) #site-content a:not(.btn):not(.nav-button-link):hover,
body:not(.content-underline-link-hover) #site-content a:not(.btn):not(.nav-button-link):focus, 
body:not(.content-underline-link-hover) #site-content a:not(.btn):not(.nav-button-link):active,
body:not(.content-underline-link-hover) .modal a:not(.btn):not(.nav-button-link):hover,
body:not(.content-underline-link-hover) .modal a:not(.btn):not(.nav-button-link):focus, 
body:not(.content-underline-link-hover) .modal a:not(.btn):not(.nav-button-link):active { 
    text-decoration: none;
    text-decoration-color: transparent;
}

body.content-underline-link #site-content a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active),
body.content-underline-link .modal a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) { 
    text-decoration: underline;
    text-decoration-color: inherit;
}

body.content-underline-link-hover #site-content a:not(.btn):not(.nav-button-link):hover,
body.content-underline-link-hover #site-content a:not(.btn):not(.nav-button-link):focus, 
body.content-underline-link-hover #site-content a:not(.btn):not(.nav-button-link):active,
body.content-underline-link-hover .modal a:not(.btn):not(.nav-button-link):hover,
body.content-underline-link-hover .modal a:not(.btn):not(.nav-button-link):focus, 
body.content-underline-link-hover .modal a:not(.btn):not(.nav-button-link):active { 
    text-decoration: underline;
    text-decoration-color: inherit;
}

/* Content - Items only */

body.content-underline-link #site-content .item a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active),
body.content-underline-link .modal .item a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) { 
    text-decoration: none;
    text-decoration-color: transparent;
}
body.content-underline-link #site-content .item a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) .heading,
body.content-underline-link #site-content .item .heading a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active),
body.content-underline-link #site-content .item .text a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active),
body.content-underline-link #site-content .item .nav a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active),
body.content-underline-link #site-content .item nav a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active),
body.content-underline-link .modal .item a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) .heading,
body.content-underline-link .modal .item .heading a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active),
body.content-underline-link .modal .item .text a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active),
body.content-underline-link .modal .item .nav a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active),
body.content-underline-link .modal .item nav a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) { 
    text-decoration: underline!important;
    text-decoration-color: inherit!important;
}

body.content-underline-link-hover #site-content .item a:not(.btn):not(.nav-button-link):hover,
body.content-underline-link-hover #site-content .item a:not(.btn):not(.nav-button-link):focus, 
body.content-underline-link-hover #site-content .item a:not(.btn):not(.nav-button-link):active,
body.content-underline-link-hover .modal .item a:not(.btn):not(.nav-button-link):hover,
body.content-underline-link-hover .modal .item a:not(.btn):not(.nav-button-link):focus, 
body.content-underline-link-hover .modal .item a:not(.btn):not(.nav-button-link):active { 
    text-decoration: none;
    text-decoration-color: transparent;
}
body.content-underline-link-hover #site-content .item a:not(.btn):not(.nav-button-link):hover .heading,
body.content-underline-link-hover #site-content .item a:not(.btn):not(.nav-button-link):focus .heading, 
body.content-underline-link-hover #site-content .item a:not(.btn):not(.nav-button-link):active .heading,
body.content-underline-link-hover #site-content .item .heading a:not(.btn):not(.nav-button-link):hover,
body.content-underline-link-hover #site-content .item .heading a:not(.btn):not(.nav-button-link):focus, 
body.content-underline-link-hover #site-content .item .heading a:not(.btn):not(.nav-button-link):active,
body.content-underline-link-hover #site-content .item .text a:not(.btn):not(.nav-button-link):hover,
body.content-underline-link-hover #site-content .item .text a:not(.btn):not(.nav-button-link):focus, 
body.content-underline-link-hover #site-content .item .text a:not(.btn):not(.nav-button-link):active,
body.content-underline-link-hover #site-content .item .nav a:not(.btn):not(.nav-button-link):hover,
body.content-underline-link-hover #site-content .item .nav a:not(.btn):not(.nav-button-link):focus, 
body.content-underline-link-hover #site-content .item .nav a:not(.btn):not(.nav-button-link):active,
body.content-underline-link-hover #site-content .item nav a:not(.btn):not(.nav-button-link):hover,
body.content-underline-link-hover #site-content .item nav a:not(.btn):not(.nav-button-link):focus, 
body.content-underline-link-hover #site-content .item nav a:not(.btn):not(.nav-button-link):active,
body.content-underline-link-hover .modal .item a:not(.btn):not(.nav-button-link):hover .heading,
body.content-underline-link-hover .modal .item a:not(.btn):not(.nav-button-link):focus .heading, 
body.content-underline-link-hover .modal .item a:not(.btn):not(.nav-button-link):active .heading,
body.content-underline-link-hover .modal .item .heading a:not(.btn):not(.nav-button-link):hover,
body.content-underline-link-hover .modal .item .heading a:not(.btn):not(.nav-button-link):focus, 
body.content-underline-link-hover .modal .item .heading a:not(.btn):not(.nav-button-link):active,
body.content-underline-link-hover .modal .item .text a:not(.btn):not(.nav-button-link):hover,
body.content-underline-link-hover .modal .item .text a:not(.btn):not(.nav-button-link):focus, 
body.content-underline-link-hover .modal .item .text a:not(.btn):not(.nav-button-link):active,
body.content-underline-link-hover .modal .item .nav a:not(.btn):not(.nav-button-link):hover,
body.content-underline-link-hover .modal .item .nav a:not(.btn):not(.nav-button-link):focus, 
body.content-underline-link-hover .modal .item .nav a:not(.btn):not(.nav-button-link):active,
body.content-underline-link-hover .modal .item nav a:not(.btn):not(.nav-button-link):hover,
body.content-underline-link-hover .modal .item nav a:not(.btn):not(.nav-button-link):focus, 
body.content-underline-link-hover .modal .item nav a:not(.btn):not(.nav-button-link):active{ 
    text-decoration: underline!important;
    text-decoration-color: inherit!important;
}


/*  
---------------------------------------------------
Footer
---------------------------------------------------  
*/

body:not(.footer-underline-link) footer#site-footer a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) { 
    text-decoration: none;
    text-decoration-color: transparent;
}

body:not(.footer-underline-link-hover) footer#site-footer a:not(.btn):not(.nav-button-link):hover,
body:not(.footer-underline-link-hover) footer#site-footer a:not(.btn):not(.nav-button-link):focus, 
body:not(.footer-underline-link-hover) footer#site-footer a:not(.btn):not(.nav-button-link):active { 
    text-decoration: none;
    text-decoration-color: transparent;
}

body.footer-underline-link footer#site-footer a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) { 
    text-decoration: underline;
    text-decoration-color: inherit;
}

body.footer-underline-link-hover footer#site-footer a:not(.btn):not(.nav-button-link):hover,
body.footer-underline-link-hover footer#site-footer a:not(.btn):not(.nav-button-link):focus, 
body.footer-underline-link-hover footer#site-footer a:not(.btn):not(.nav-button-link):active { 
    text-decoration: underline;
    text-decoration-color: inherit;
}

/* Footer - Items only */

body.footer-underline-link footer#site-footer .item a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) { 
    text-decoration: none;
    text-decoration-color: transparent;
}
body.footer-underline-link footer#site-footer .item a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) .heading,
body.footer-underline-link footer#site-footer .item .text a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active),
body.footer-underline-link footer#site-footer .item .nav a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active),
body.footer-underline-link footer#site-footer .item nav a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) { 
    text-decoration: underline!important;
    text-decoration-color: inherit!important;
}

body.footer-underline-link-hover footer#site-footer .item a:not(.btn):not(.nav-button-link):hover,
body.footer-underline-link-hover footer#site-footer .item a:not(.btn):not(.nav-button-link):focus, 
body.footer-underline-link-hover footer#site-footer .item a:not(.btn):not(.nav-button-link):active { 
    text-decoration: none;
    text-decoration-color: transparent;
}
body.footer-underline-link-hover footer#site-footer .item a:not(.btn):not(.nav-button-link):hover .heading,
body.footer-underline-link-hover footer#site-footer .item a:not(.btn):not(.nav-button-link):focus .heading, 
body.footer-underline-link-hover footer#site-footer .item a:not(.btn):not(.nav-button-link):active .heading,
body.footer-underline-link-hover footer#site-footer .item .text a:not(.btn):not(.nav-button-link):hover,
body.footer-underline-link-hover footer#site-footer .item .text a:not(.btn):not(.nav-button-link):focus, 
body.footer-underline-link-hover footer#site-footer .item .text a:not(.btn):not(.nav-button-link):active,
body.footer-underline-link-hover footer#site-footer .item .nav a:not(.btn):not(.nav-button-link):hover,
body.footer-underline-link-hover footer#site-footer .item .nav a:not(.btn):not(.nav-button-link):focus, 
body.footer-underline-link-hover footer#site-footer .item .nav a:not(.btn):not(.nav-button-link):active,
body.footer-underline-link-hover footer#site-footer .item nav a:not(.btn):not(.nav-button-link):hover,
body.footer-underline-link-hover footer#site-footer .item nav a:not(.btn):not(.nav-button-link):focus, 
body.footer-underline-link-hover footer#site-footer .item nav a:not(.btn):not(.nav-button-link):active { 
    text-decoration: underline!important;
    text-decoration-color: inherit!important;
}



/*  
---------------------------------------------------
Buttons
---------------------------------------------------  
*/

body:not(.button-underline-link) .btn a:not(:hover):not(:focus):not(:active),
body:not(.button-underline-link) a:not(:hover):not(:focus):not(:active) .btn,
body:not(.button-underline-link) .btn:not(:hover):not(:focus):not(:active),
body:not(.button-underline-link) .nav-button-link:not(:hover):not(:focus):not(:active) { 
    text-decoration: none!important;
    text-decoration-color: transparent;
}

body:not(.button-underline-link-hover) .btn a:hover,
body:not(.button-underline-link-hover) .btn a:focus, 
body:not(.button-underline-link-hover) .btn a:active,
body:not(.button-underline-link-hover) a:hover .btn,
body:not(.button-underline-link-hover) a:focus .btn, 
body:not(.button-underline-link-hover) a:active .btn,
body:not(.button-underline-link-hover) .btn:hover,
body:not(.button-underline-link-hover) .btn:focus, 
body:not(.button-underline-link-hover) .btn:active,
body:not(.button-underline-link-hover) .nav-button-link:hover,
body:not(.button-underline-link-hover) .nav-button-link:focus, 
body:not(.button-underline-link-hover) .nav-button-link:active { 
    text-decoration: none!important;
    text-decoration-color: transparent;
}

body.button-underline-link .btn a:not(:hover):not(:focus):not(:active),
body.button-underline-link a:not(:hover):not(:focus):not(:active) .btn,
body.button-underline-link .btn:not(:hover):not(:focus):not(:active),
body.button-underline-link .nav-button-link:not(:hover):not(:focus):not(:active) { 
    text-decoration: underline!important;
    text-decoration-color: inherit;
}

body.button-underline-link-hover .btn a:hover,
body.button-underline-link-hover .btn a:focus, 
body.button-underline-link-hover .btn a:active,
body.button-underline-link-hover a:hover .btn,
body.button-underline-link-hover a:focus .btn, 
body.button-underline-link-hover a:active .btn,
body.button-underline-link-hover .btn:hover,
body.button-underline-link-hover .btn:focus, 
body.button-underline-link-hover .btn:active,
body.button-underline-link-hover .nav-button-link:hover,
body.button-underline-link-hover .nav-button-link:focus, 
body.button-underline-link-hover .nav-button-link:active { 
    text-decoration: underline!important;
    text-decoration-color: inherit;
}



/*  
---------------------------------------------------
Navigation override for active state
---------------------------------------------------  
*/

a.active,
a.active:hover,
a.active:focus,
a.active:active,
.active > a,
.active > a:hover,
.active > a:focus,
.active > a:active,
.active > span > a,
.active > span > a:hover,
.active > span > a:focus,
.active > span > a:active { 
    text-decoration: none!important;
    text-decoration-color: transparent!important;
}
/*  
---------------------------------------------------
Meta
---------------------------------------------------  
*/

.meta p,
.meta ul { 
    margin:5px 0;
}

.item .meta p,
.item .meta ul { 
    font-size:85%;
}

.meta a {
    display:inline!important;
}

.meta ul { 
    list-style: none; margin:0; padding:0; 
}
.meta ul li { 
    display:inline;
}
.meta ul li + li::before { 
    content:",";
    display:inline;
    position: relative; left:-3px;
}

.item .meta { 
    margin-top:var(--base-half-spacing);
}
.listing_short .item .meta { 
    margin-top:5px;
    font-size:90%;
}
.item.item_has-bg .meta {
    margin: 0;
    padding: 0 var(--base-spacing) var(--base-spacing);
}

.component.meta.base-bg { 
    margin-top:var(--base-spacing)!important;
    padding-top:var(--base-half-spacing)!important;
    border-width:var(--base-border-width) 0 0;
    border-style:solid;
    border-color: rgba(var(--base-borders), 1);
}

@media (min-width:768px) {

	.item.item_text-left:has(.image) .meta,
	.item.item_text-right:has(.image) .meta {
		position: absolute;
		bottom: 0;
	}
	html[dir="ltr"] .item.item_text-left:has(.image) .meta,
	html[dir="ltr"] .item.item_text-right:has(.image) .meta {
		left: 0;
	}
	html[dir="rtl"] .item.item_text-left:has(.image) .meta,
	html[dir="rtl"] .item.item_text-right:has(.image) .meta {
		right: 0;
	}

}
/*  
--------------------------------------------------
Notification
-------------------------------------------------- 
*/

.usn-notification {
    position: fixed;
    z-index: 1000;
    opacity: 0;
    border-radius: var(--base-border-radius);
    box-shadow: 0 0 0 transparent;
    transition: bottom 1s ease-in-out 0.2s, opacity 0.75s ease-in-out 0.1s, box-shadow 1s ease-in-out 0.2s;
}

.usn-notification .inner {
    padding:var(--base-half-spacing);
}
  
.usn-notification.open {
    opacity: 1;
    box-shadow: var(--base-box-shadow_h) var(--base-box-shadow_v) var(--base-box-shadow_b) rgba(var(--true-black), var(--base-box-shadow_o));
}
  
.usn-notification .heading {
    margin: 0;
}
  
.usn-notification .heading + .text {
    margin-top: 5px;
}

.usn-notification .link { 
    margin-top:var(--base-half-spacing);
    margin-bottom:0;
}
  
/*  
---------------------------------------------------
Overlay icons
---------------------------------------------------  
*/

.image .overlayicon { 
    content: "";
    position:absolute; top:0; z-index:101;
    width:100%; height:100%;
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

.image .overlayicon::before { 
    content: "";
    position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;
    width:100%; height:100%;
    background: rgba(var(--true-black), 1);
    opacity: 0.25;
    transition: all 0.3s ease-in-out 0s;
}

a:hover .image .overlayicon::before { 
    opacity: 0.5;
}

.item_overlay .image .overlayicon::before {
    opacity: 0.4;
}

.item_overlay a:hover .image .overlayicon::before {
    opacity: 0.8;
}

.image .overlayicon .icon { 
    position:absolute;
    top:50%; left:50%;
    z-index:101;
    text-align:center;
    font-size:3rem;
    transform: translate(-50%,-50%);
    transition: all 0.4s ease-in-out 0s;
    color: rgba(var(--true-white), 1);
}
a:hover .image .overlayicon .icon { 
    transform: translate(-50%,-50%) scale(1.25);
}

@media (min-width:0) and (max-width:575px) {}

@media (max-width:576px) {}

@media (max-width:767px) {}

@media (min-width:992px) {
    .image .overlayicon .icon { 
        font-size:4rem;
    }
    .items-5 .image .overlayicon .icon,
    .items-6 .image .overlayicon .icon { 
        font-size:2rem;
    }
    .items-7 .image .overlayicon .icon,
    .items-8 .image .overlayicon .icon { 
        font-size:1rem;
    }
}

@media (min-width:1200px) {
    .image .overlayicon .icon { 
        font-size:5rem;
    }
    .items-5 .image .overlayicon .icon,
    .items-6 .image .overlayicon .icon { 
        font-size:3rem;
    }
    .items-7 .image .overlayicon .icon,
    .items-8 .image .overlayicon .icon { 
        font-size:2rem;
    }
}




/* 	
-------------------------------------------------- 
Image icon
-------------------------------------------------- 
*/

.image.icon-image i.icon {
    font-size: 40px;
}
.item.item_has-bg .image.icon-image { 
    padding:var(--base-half-spacing) var(--base-spacing) 0;
}
.item.item_text-below.item_has-bg .image.icon-image + .info { 
    padding-top:0!important;
}
html.no-touch a:hover .image.icon-image {
    transform: scale(1.15);
}

@media (min-width:768px) {
    .image.icon-image { 
        text-align:center!important;
    }
    .item.item_text-below .text-left .image.icon-image { 
        text-align:left!important;
    }
    .item.item_text-below .text-right .image.icon-image { 
        text-align:right!important;
    }
}



/* 	
-------------------------------------------------- 
Overlay icon on Windows videos 
-------------------------------------------------- 
*/

.item.item_text-boxed.base-bg .image .overlayicon::before,
.item.item_text-boxed .inner.base-bg .image .overlayicon::before,
.item.item_text-boxed .image.base-bg .overlayicon::before { 
    background: rgba(var(--base-bg), 1);
}

.item.item_text-boxed.base-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.base-bg .image .overlayicon .icon,
.item.item_text-boxed .image.base-bg .overlayicon .icon {
    color: rgba(var(--base-heading), 1);
}
/*  
---------------------------------------------------
Scroll Prompt 
---------------------------------------------------  
*/

.scroll-prompt {
	position: absolute;
	bottom: var(--base-half-spacing);
	left: 50%;
	z-index: 100;
	width: 40px;
	text-align: center;
	transform: translateX(-50%);
}
.component.usn_cmp_banner:has(.slick-dots) .scroll-prompt {
	bottom: 45px;
}
.scroll-prompt.os-animation {
    opacity:0;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.scroll-prompt .scroll-link {
    display: inline-block;
    width: 100%; height: 30px;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none !important;
    color: rgba(var(--base-heading), 1);
    overflow: hidden;
    background: none; border: 0 none;
}

.scroll-prompt .scroll-link i {
    font-size: 30px; line-height: 1;
    display: block;
    padding: 0; margin: 0 0 0 2px;
    color: rgba(var(--base-heading), 1);
}

.scroll-prompt .mouse-scroll {
    position: relative;
    width: 21px; height: 35px;
    margin: 0 auto;
    transform-origin: top;
}

.scroll-prompt .mouse-scroll::before {
    content: "";
    position: absolute;
    background-color: rgba(var(--base-heading), 1);
}

.scroll-prompt.os-animation .mouse-scroll::before {
    opacity:0;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.scroll-prompt .scroll-link span { 
    display:none;
}

.scroll-prompt:not(.scroll-prompt-arrow) .scroll-link > i.icon,
.scroll-prompt.scroll-prompt-arrow .scroll-link > .mouse-scroll { 
    display:none!important;
}

@media (min-width:0) and (max-width:575px) {
    
    .component.usn_cmp_banner .item.item_scale-banner .scroll-prompt {
        position: relative;
        bottom: 0;
    }

}


/*  
---------------------------------------------------
- Mouse wheel .scroll-prompt-wheel
---------------------------------------------------  
*/

.scroll-prompt.scroll-prompt-wheel .mouse-scroll {
    border-width: 2px; border-style: solid; 
    border-color: rgba(var(--base-heading), 1);
    border-radius: 10px;
}

.scroll-prompt.scroll-prompt-wheel .mouse-scroll::before {
    top: 10px; left: 7px;
    width: 3px; height: 6px;
    border-radius: 50%;
}


/*  
---------------------------------------------------
- Line .scroll-prompt-line
---------------------------------------------------  
*/

.scroll-prompt.scroll-prompt-line .mouse-scroll {
    border:0 none!important;
}

.scroll-prompt.scroll-prompt-line .mouse-scroll::before {
    top: 10px; left: 9px;
    width: var(--base-border-width); height: 40px;
}
/*  
---------------------------------------------------
Tables
---------------------------------------------------  
*/

table {
    width: 100%;
    border-width: var(--base-border-width) 0 0 var(--base-border-width);
    border-style: solid;
}

thead { }

table th,
table td {
    padding: 10px;
    border-width: 0 var(--base-border-width) var(--base-border-width) 0;
    border-style: solid;
}

/*
table tr:nth-of-type(even) td { }*/

/*
.tables table tr:nth-of-type(even) td,
.tables .body .item:nth-of-type(even) { }*/

/*
table th { }*/

table tr p:first-of-type {
    margin-top: 0;
}

table tr p:last-of-type {
    margin-bottom: 0;
}
/*  
---------------------------------------------------
Directions

    - Main Navigation
    - Back to top
    - Accordions
    - Secondary Navigation
    - Slick Navigation
    - Breadcrumb Navigation
    - Pagination
    - Scroll prompt
    - Listing - Filter form
    - Sub Navigation

---------------------------------------------------  
*/

nav.main ul li.has-child > span::after,
.usn_back-to-top i.icon:before,
.repeatable.accordion .tab .nav-link::after,
nav.secondary ul li.dropdown > a.dropdown-toggle::after,
.slick-prev i.icon:before,
.slick-next i.icon:before,
.breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon:before,
nav#pagination .pagination li i.icon:before,
.scroll-prompt-arrow .scroll-link > i.icon:before,
.item.item_filter-group > .inner .tab > .nav-link::after,
nav.sub ul li .expand-subpages::after,
.carousel-control-icon {
	display: inline-block;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*  
---------------------------------------------------
Main Navigation
---------------------------------------------------  
*/



/*  
---------------------------------------------------
Secondary Navigation
---------------------------------------------------  
*/

/* Triangle */
.directional-icons-triangle nav.secondary ul li.dropdown > a.dropdown-toggle::after {
    content: "\f280"; /* down */

}

/* Arrow */
.directional-icons-arrow nav.secondary ul li.dropdown > a.dropdown-toggle::after {
    content: "\f118"; /* down */

}

/* Chevron */
.directional-icons-chevron nav.secondary ul li.dropdown > a.dropdown-toggle::after {
    content: "\f3d0"; /* down */

}

/*  
---------------------------------------------------
Back to top
---------------------------------------------------  
*/

/* Triangle */
.directional-icons-triangle .usn_back-to-top i.icon:before {
    content: "\f286"; /* up */
}

/* Arrow */
.directional-icons-arrow .usn_back-to-top i.icon:before {
    content: "\f11a"; /* up */
}

/* Chevron */
.directional-icons-chevron .usn_back-to-top i.icon:before {
    content: "\f3d8"; /* up */
}

/*  
---------------------------------------------------
Accordions
---------------------------------------------------  
*/

/* Triangle */
.directional-icons-triangle .repeatable.accordion .tab .nav-link::after {
    content: "\f280"; /* down */

}
.directional-icons-triangle .repeatable.accordion .tab .nav-link:not(.collapsed)::after {
    content: "\f286"; /* up */
}

/* Arrow */
.directional-icons-arrow .repeatable.accordion .tab .nav-link::after {
    content: "\f118"; /* down */

}
.directional-icons-arrow .repeatable.accordion .tab .nav-link:not(.collapsed)::after {
    content: "\f11a"; /* up */
}

/* Chevron */
.directional-icons-chevron .repeatable.accordion .tab .nav-link::after {
    content: "\f3d0"; /* down */

}
.directional-icons-chevron .repeatable.accordion .tab .nav-link:not(.collapsed)::after {
    content: "\f3d8"; /* up */
}


/*  
---------------------------------------------------
Slick Navigation & Lightbox
---------------------------------------------------  
*/

/* Triangle */
.directional-icons-triangle .slick-prev i.icon:before,
.directional-icons-triangle .carousel-control .carousel-control-icon.carousel-control-prev-icon::before {
	content: "\f282"; /* left */
}
.directional-icons-triangle .slick-next i.icon:before,
.directional-icons-triangle .carousel-control .carousel-control-icon.carousel-control-next-icon::before {
	content: "\f284"; /* right */
}

/* Arrow */
.directional-icons-arrow .slick-prev i.icon:before,
.directional-icons-arrow .carousel-control .carousel-control-icon.carousel-control-prev-icon::before {
	content: "\f117"; /* left */
}
.directional-icons-arrow .slick-next i.icon:before,
.directional-icons-arrow .carousel-control .carousel-control-icon.carousel-control-next-icon::before {
	content: "\f119"; /* right */
}

/* Chevron */
.directional-icons-chevron .slick-prev i.icon:before,
.directional-icons-chevron .carousel-control .carousel-control-icon.carousel-control-prev-icon::before {
	content: "\f3cf"; /* left */
}
.directional-icons-chevron .slick-next i.icon:before,
.directional-icons-chevron .carousel-control .carousel-control-icon.carousel-control-next-icon::before {
	content: "\f3d1"; /* right */
}

/*  
---------------------------------------------------
Breadcrumb Navigation
---------------------------------------------------  
*/

/* Triangle */
.directional-icons-triangle .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon:before { 
    content: "\f282"; /* left */
}

/* Arrow */
.directional-icons-arrow .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon:before { 
    content: "\f117"; /* left */
}

/* Chevron */
.directional-icons-chevron .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon:before { 
    content: "\f3cf"; /* left */
}

/*  
---------------------------------------------------
Pagination
---------------------------------------------------  
*/

/* Triangle */
.directional-icons-triangle nav#pagination .pagination li.prev i.icon:before {
    content: "\f282"; /* left */
}
.directional-icons-triangle nav#pagination .pagination li.next i.icon:before  {
    content: "\f284"; /* right */
}

/* Arrow */
.directional-icons-arrow nav#pagination .pagination li.prev i.icon:before {
    content: "\f117"; /* left */
}
.directional-icons-arrow nav#pagination .pagination li.next i.icon:before  {
    content: "\f119"; /* right */
}

/* Chevron */
.directional-icons-chevron nav#pagination .pagination li.prev i.icon:before {
    content: "\f3cf"; /* left */
}
.directional-icons-chevron nav#pagination .pagination li.next i.icon:before  {
    content: "\f3d1"; /* right */
}

/*  
---------------------------------------------------
Scroll prompt
---------------------------------------------------  
*/

/* Triangle */
.directional-icons-triangle .scroll-prompt-arrow .scroll-link > i.icon:before {
    content: "\f280"; /* down */

}

/* Arrow */
.directional-icons-arrow .scroll-prompt-arrow .scroll-link > i.icon:before {
    content: "\f118"; /* down */

}

/* Chevron */
.directional-icons-chevron .scroll-prompt-arrow .scroll-link > i.icon:before {
    content: "\f3d0"; /* down */

}


/*  
---------------------------------------------------
Listing - Filter form
---------------------------------------------------  
*/

/* Triangle */
.directional-icons-triangle .item.item_filter-group > .inner .tab > .nav-link::after {
    content: "\f280"; /* down */
}

.directional-icons-triangle .item.item_filter-group > .inner .tab > .nav-link:not(.collapsed)::after {
    content: "\f286"; /* up */
}

/* Arrow */
.directional-icons-arrow .item.item_filter-group > .inner .tab > .nav-link::after {
    content: "\f118"; /* down */
}

.directional-icons-arrow .item.item_filter-group > .inner .tab > .nav-link:not(.collapsed)::after {
    content: "\f11a"; /* up */
}

/* Chevron */
.directional-icons-chevron .item.item_filter-group > .inner .tab > .nav-link::after {
    content: "\f3d0"; /* down */
}

.directional-icons-chevron .item.item_filter-group > .inner .tab > .nav-link:not(.collapsed)::after {
    content: "\f3d8"; /* up */
}



/*  
---------------------------------------------------
Sub Navigation
---------------------------------------------------  
*/

/* Triangle */
.directional-icons-triangle nav.sub ul li .expand-subpages::after {
    content: "\f280"; /* down */
}

.directional-icons-triangle nav.sub ul li.open-child > .expand-subpages::after {
    content: "\f286"; /* up */
}

/* Arrow */
.directional-icons-arrow nav.sub ul li .expand-subpages::after {
    content: "\f118"; /* down */
}

.directional-icons-arrow nav.sub ul li.open-child > .expand-subpages::after {
    content: "\f11a"; /* up */
}

/* Chevron */
.directional-icons-chevron nav.sub ul li .expand-subpages::after {
    content: "\f3d0"; /* down */
}

.directional-icons-chevron nav.sub ul li.open-child > .expand-subpages::after {
    content: "\f3d8"; /* up */
}
.backofficelink {
    position: fixed;
    z-index: 99999999;
    top: 0;
    right: 0;
    padding: 0.25em .5em;
    border-radius: 0 0 4px 4px;
    background: var(--bs-dark);
}

    .backofficelink a {
        color: var(--bs-white);
        font-size: 14px;
        text-decoration: none;
    }

/*  
---------------------------------------------------
Shop
---------------------------------------------------  
*/

/*  
---------------------------------------------------
Mini Shopping Cart in header
---------------------------------------------------  
*/

header#site-header nav.shopping-cart > *:not(.icon) { 
    font-size:0!important;
}

header#site-header nav.shopping-cart {
    position: relative;
    z-index: 200;
}

header#site-header nav.shopping-cart i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 25px;
    color:  rgba(var(--main-navigation-link), 1);
    transform: translate(-50%, -50%);
}

header#site-header nav.shopping-cart button.open-cart { 
    position: relative;
    background: none; border: 0 none; padding: 0;
}

header#site-header nav.shopping-cart span.amount {
    position: absolute; top: calc(50% - 10px); left: calc(50% + 10px);
    min-width: 22px; height: 22px;
    padding: 0 4px;
    font-size: 12px; line-height: 22px;
    font-weight: 700;
    border-radius: 22px;
    color: rgba(var(--base-highlight-text), 1);
    background-color: rgba(var(--base-highlight), 1);
    transform: translate(-50%,-50%);
    opacity: 1;
    transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0.3s;
}

header#site-header nav.shopping-cart.snipcart-summary-empty span.amount {
    opacity: 0;
    background-color: rgba(var(--form-success), 1);
    transform: scale(2.5) translate(-50%,-50%);
}



/*  
---------------------------------------------------
Shop options and buttons
---------------------------------------------------  
*/

.heading + .shop_product-options_form,
.secondary-heading + .shop_product-options_form,
.price + .shop_product-options_form,
.text + .shop_product-options_form,
.shop_product-options_form + .shop_buttons,
.heading + .shop_buttons,
.secondary-heading + .shop_buttons,
.text + .shop_buttons {
    margin-top: var(--base-half-spacing);
}

.item.usn_pod_podproductinfo.item_has-bg .info {
    padding: var(--base-spacing);
}

.buttons.shop_buttons .btn:only-of-type {
    margin-bottom: 0;
}

.info.shop_product-info .labels + .heading,
.info.shop_product-info .labels + .secondary-heading,
.info.shop_product-info .labels + .text,
.info.shop_product-info .labels + .price,
.info.shop_product-info .labels + .buttons {
    margin-top: var(--base-half-spacing);
}
/*  
----------------------------------------------------------------------------------------------------
Snipcart - https://snipcart.com/
---------------------------------------------------------------------------------------------------- 
*/

/* 
---------------------------------- 
Snipcart overrides
---------------------------------- 
*/

html.usn #snipcart {

    /* ----------------- 
    Buttons
    ----------------- */

    /* Default */
    --color-buttonPrimary: rgba(var(--base-btn-text), 1);
    --borderColor-buttonPrimary: rgba(var(--base-btn-borders), 1);
    --bgColor-buttonPrimary: rgba(var(--base-btn-bg-color1), 1);

    /* Hover */
    --color-buttonPrimary-hover: rgba(var(--base-btn-text-hover), 1);
    --borderColor-buttonPrimary-hover: rgba(var(--base-btn-borders-hover),1);
    --bgColor-buttonPrimary-hover: rgba(var(--base-btn-bg-hover-color1), 1);
    --shadow-buttonPrimary-hover: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--true-black), var(--btn-box-shadow_o));

    /* Active */
    --color-buttonPrimary-active: rgba(var(--base-btn-text-hover), 1);
    --borderColor-buttonPrimary-active: rgba(var(--base-btn-borders-hover),1);
    --bgColor-buttonPrimary-active: rgba(var(--base-btn-bg-hover-color1), 1);
    --shadow-buttonPrimary-active: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--true-black), var(--btn-box-shadow_o));

    /* Focus */
    --color-buttonPrimary-focus: rgba(var(--base-btn-text-hover), 1);
    --borderColor-buttonPrimary-focus: rgba(var(--base-btn-borders-hover),1);
    --bgColor-buttonPrimary-focus: rgba(var(--base-btn-bg-hover-color1), 1);
    --shadow-buttonPrimary-focus: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--true-black), var(--btn-box-shadow_o));

    /* Default */
    --color-buttonSecondary: rgba(var(--base-btn-text), 1);
    --borderColor-buttonSecondary: rgba(var(--base-btn-borders), 1);
    --bgColor-buttonSecondary: rgba(var(--base-btn-bg-color1), 1);

    /* Hover */
    --color-buttonSecondary-hover: rgba(var(--base-btn-text-hover), 1);
    --borderColor-buttonSecondary-hover: rgba(var(--base-btn-borders-hover),1);
    --bgColor-buttonSecondary-hover: rgba(var(--base-btn-bg-hover-color1), 1);
    --shadow-buttonSecondary-hover: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--true-black), var(--btn-box-shadow_o));

    /* Active */
    --color-buttonSecondary-active: rgba(var(--base-btn-text-hover), 1);
    --borderColor-buttonSecondary-active: rgba(var(--base-btn-borders-hover),1);
    --bgColor-buttonSecondary-active: rgba(var(--base-btn-bg-hover-color1), 1);
    --shadow-buttonSecondary-active: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--true-black), var(--btn-box-shadow_o));

    /* Focus */
    --color-buttonSecondary-focus: rgba(var(--base-btn-text-hover), 1);
    --borderColor-buttonSecondary-focus: rgba(var(--base-btn-borders-hover),1);
    --bgColor-buttonSecondary-focus: rgba(var(--base-btn-bg-hover-color1), 1);
    --shadow-buttonSecondary-focus: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--true-black), var(--btn-box-shadow_o));

    /* Success */
    --color-buttonPrimary-success: #fff;
    --borderColor-buttonPrimary-success: rgba(var(--form-success), 1);
    --bgColor-buttonPrimary-success: rgba(var(--form-success), 1);

    /* Error */
    --color-buttonPrimary-error: #fff;
    --borderColor-buttonPrimary-error: rgba(var(--form-errors), 1);
    --bgColor-buttonPrimary-error: rgba(var(--form-errors), 1);


    /* ----------------- 
    Links
    ----------------- */

    /* Default */
    --color-link: rgba(var(--base-link), 1);
    --borderColor-link: rgba(var(--base-link), 1);
    --bgColor-link: transparent;

    /* Hover */
    --color-link-hover: rgba(var(--base-link), 1);
    --borderColor-link-hover: rgba(var(--base-link), 1);
    --bgColor-link-hover: transparent;

    /* Active */
    --color-link-active: rgba(var(--base-link), 1);
    --borderColor-link-active: rgba(var(--base-link), 1);
    --bgColor-link-active: transparent;

    /* Focus */
    --color-link-focus: rgba(var(--base-link), 1);
    --borderColor-link-focus: rgba(var(--base-link), 1);
    --bgColor-link-focus: transparent;
    --shadow-link-focus: none;


    /* ----------------------- 
    PART: Input
    ----------------------- */

    --color-input: rgba(var(--base-text), 1);
    --borderColor-input: rgba(var(--base-borders), 1);
    --bgColor-input: rgba(var(--base-bg-color1), 1);

    /* Hover */
    --color-input-hover: rgba(var(--base-text), 1);
    --borderColor-input-hover: rgba(var(--base-highlight), 1);
    --bgColor-input-hover: rgba(var(--base-bg-color1), 1);
    --shadow-input-hover: none;

    /* Focus */
    --color-input-focus: rgba(var(--base-text), 1);
    --borderColor-input-focus: rgba(var(--base-highlight), 1);
    --bgColor-input-focus: rgba(var(--base-bg-color1), 1);
    --shadow-input-focus: none;

    /* Active */
    --color-input-active: rgba(var(--base-text), 1);
    --borderColor-input-active: rgba(var(--base-highlight), 1);
    --bgColor-input-active: rgba(var(--base-bg-color1), 1);
    --shadow-input-active: none;

    /* Checked */
    --color-input-checked: rgba(var(--base-highlight-text), 1);
    --borderColor-input-checked: rgba(var(--base-highlight), 1);
    --bgColor-input-checked: rgba(var(--base-highlight), 1);
    --shadow-input-checked: none;

    /* Disabled */
    /* --color-input-disabled
    --borderColor-input-disabled
    --bgColor-input-disabled */

    /* Error */
    --color-input-error: rgba(var(--form-errors), 1);
    --borderColor-input-error: rgba(var(--form-errors), 1);
    --bgColor-input-error: rgba(var(--base-bg-color1), 1);

    /* Autofill */
    --bgColor-input-autofill: rgba(var(--base-bg-color1), 1);

    /* ----------------------- 
    PART: Label
    ----------------------- */

    --color-inputLabel: rgba(var(--base-text), 1);

    /* Hover */
    --color-inputLabel-hover: rgba(var(--base-text), 1);

    /* Focus */
    --color-inputLabel-focus: rgba(var(--base-text), 1);

    /* ----------------------- 
    PART: Icon
    ----------------------- */

    --color-icon: rgba(var(--base-link), 1);

    --color-inputIcon: rgba(var(--base-link), 1);

    /* Hover */
    --color-inputIcon-hover: rgba(var(--base-link-hover), 1);

    /* Focus */
    --color-inputIcon-focus: rgba(var(--base-link-hover), 1);

    /* Checked */
    --color-inputIcon-checked: rgba(var(--base-link-hover), 1);

    /* Disabled */
    /* --color-inputIcon-error */

    /* -----------------------
    PART: Placeholder
    ----------------------- */

    --color-inputPlaceholder: rgba(var(--base-text), 1);


    /* -----------------------
    Badges
    ----------------------- */

    /* Complete */
    --color-badge: rgba(var(--base-highlight-text), 1);
    --borderColor-badge: rgba(var(--base-highlight), 1);
    --bgColor-badge: rgba(var(--base-highlight), 1);

    /* Active */
    --color-badge-active: rgba(var(--base-highlight-text), 1);
    --borderColor-badge-active: rgba(var(--base-highlight), 1);
    --bgColor-badge-active: rgba(var(--base-highlight), 1);

    /* Disabled */
    --color-badge-disabled: rgba(var(--base-text), 1);
    --borderColor-badge-disabled: rgba(var(--base-borders), 1);
    --bgColor-badge-disabled: rgba(var(--base-bg-color1), 1);


    /* -----------------------
    Global
    ----------------------- */

    /* Default */
    --color-default: rgba(var(--base-text), 1);
    --borderColor-default: rgba(var(--base-borders), 1);
    --bgColor-default: rgba(var(--base-bg-color1), 1);

    /* Alt */
    --color-alt: rgba(var(--base-text), 1);
    --bgColor-alt: rgba(var(--base-bg-color1), 1);

    /* Success */
    --color-success: #ffffff;
    --bgColor-success: rgba(var(--form-success), 1);

    /* Error */
    --color-error: #ffffff;
    --borderColor-error: rgba(var(--form-errors), 1);
    --bgColor-error: rgba(var(--form-errors), 1);

    /* Modal */
    --bgColor-modal: rgba(var(--base-bg-color1), 1);
    --bgColor-modalVeil: rgba(var(--base-bg-color1), 0.5);

}


/* ----------------- 
    Color fixes
----------------- */

html.usn #snipcart legend, 
html.usn #snipcart label, 
html.usn #snipcart p {
    color: rgba(var(--base-text), 1)!important;
}

html.usn #snipcart .snipcart__box,
html.usn #snipcart .snipcart-cart-summary__content,
html.usn #snipcart .snipcart-layout__content:not(.snipcart-layout__content--side):not(.snipcart-checkout__content) .snipcart-item-line__container { 
    border: var(--base-border-width) solid rgba(var(--base-borders), 1);
}

html.usn #snipcart .snipcart-item-line { 
    box-shadow: none;
}

html.usn #snipcart .snipcart-summary-fees__total,
html.usn #snipcart .snipcart-modal__header-summary span { 
    color:rgba(var(--base-heading), 1);
}

html.usn #snipcart .snipcart-cart-summary,
html.usn #snipcart .snipcart__box--gray,
html.usn #snipcart .snipcart-cart-summary-side .snipcart-cart__secondary-header {
    background-color: var(--bgColor-default);
}

html.usn #snipcart .snipcart-cart-summary--edit.snipcart-modal__container { 
    box-shadow: var(--site-box-shadow_h) var(--site-box-shadow_v) var(--site-box-shadow_b) rgba(var(--true-black), var(--site-box-shadow_o));
}

html.usn #snipcart .snipcart-summary-fees__discounts-icon > svg > path { 
    fill:rgba(var(--base-link), 1)
}

html.usn #snipcart .snipcart-flash-message--error * { 
    color: #fff !important;
}
html.usn #snipcart .snipcart-flash-message--error svg > path {
    fill: #fff !important;
}

html.usn #snipcart .snipcart-cart-summary-side .snipcart-cart__footer { 
    box-shadow: 0 -10px 10px rgba(var(--true-black), 0.05);
}

html.usn #snipcart .required__asterisk {
    color: rgba(var(--form-errors), 1);
}

html.usn #snipcart .snipcart-button-icon.is-danger {
    color: rgba(var(--true-white), 1);
    background-color: rgba(var(--form-errors), 1);
}


/* ----------------- 
    Spacing fixes
----------------- */

html.usn #snipcart .snipcart-summary-fees .snipcart-summary-fees__notice { 
    padding-bottom:var(--base-half-spacing);
}

html.usn #snipcart .snipcart-cart-summary-item { 
    margin-right:0;
}

html.usn #snipcart .snipcart-layout__content.snipcart-checkout__content .snipcart-item-line { 
    margin:0; padding:0; 
}

html.usn #snipcart .snipcart-form__select { 
    padding-top: 0!important; padding-bottom: 0!important;
}

@media (min-width: 1024px) {
    html.usn #snipcart .snipcart-layout__content.snipcart-checkout__content .snipcart-cart__secondary-header,
    html.usn #snipcart .snipcart-layout__content.snipcart-checkout__content .snipcart-cart__footer {
        padding-left:32px; padding-right:32px;
    }
}

html.usn #snipcart h1::before,
html.usn #snipcart h2::before,
html.usn #snipcart h3::before,
html.usn #snipcart h4::before,
html.usn #snipcart h5::before,
html.usn #snipcart h6::before,
html.usn #snipcart .heading::before,
html.usn #snipcart h1::after,
html.usn #snipcart h2::after,
html.usn #snipcart h3::after,
html.usn #snipcart h4::after,
html.usn #snipcart h5::after,
html.usn #snipcart h6::after,
html.usn #snipcart .heading::after { 
    display: none;
}

html.usn #snipcart .snipcart-order__details__content { 
    padding-bottom: var(--base-spacing);
}

html.usn #snipcart .snipcart-form__label {
    white-space: normal;
}

html.usn #snipcart .snipcart-checkbox + label:before {
    min-width: 20px;
}

html.usn #snipcart .snipcart-checkbox + label {
    align-items: flex-start;
}

html.usn #snipcart .snipcart-empty-cart {
    height: 100vh;
}

html.usn #snipcart .snipcart-empty-cart__title {
    height: 100%;
}

html.usn #snipcart .snipcart-empty-cart .snipcart-button-secondary { 
    margin: 0 0 var(--base-spacing);
}


/* ----------------- 
    Border width & radius
----------------- */

html.usn #snipcart .snipcart__box,
html.usn #snipcart .snipcart-cart-summary__content,
html.usn #snipcart .snipcart-layout__content:not(.snipcart-layout__content--side):not(.snipcart-checkout__content) .snipcart-item-line__container { 
    border-radius: var(--base-border-radius);
}

html.usn #snipcart .snipcart-input__input, 
html.usn #snipcart .snipcart-input,
html.usn #snipcart .snipcart-item-quantity__quantity,
html.usn #snipcart .snipcart-form__select,
html.usn #snipcart .snipcart-form__select-wrapper { 
    border-radius: var(--form-field-border-radius);
}

html.usn #snipcart .snipcart-typeahead__select--focus .snipcart-form__select { 
    border-radius: var(--form-field-border-radius) var(--form-field-border-radius) 0 0;
}

html.usn #snipcart .snipcart-typeahead__select--focus .snipcart-typeahead__suggestions { 
    border-radius: 0 0 var(--form-field-border-radius) var(--form-field-border-radius);
}

html.usn #snipcart .snipcart-button, 
html.usn #snipcart .snipcart-button-primary, 
html.usn #snipcart .snipcart-button-secondary,
html.usn #snipcart .snipcart-discount-box__button {
    border-radius: var(--btn-border-radius);
    border-width: var(--btn-border-width); 
}


/* ----------------- 
    Typography
----------------- */

html.usn #snipcart,
html.usn #snipcart .snipcart__font--secondary, 
html.usn #snipcart .snipcart__font--subtitle, 
html.usn #snipcart .snipcart__font--subtitle-small, 
html.usn #snipcart .snipcart__font--tiny,
html.usn #snipcart .snipcart-form__label {
    font-family:    var(--body-typography_font-name);
    font-weight:    var(--body-typography_font-weight);
    font-style:     var(--body-typography_font-style);
    line-height:    var(--body-typography_font-line-height);
    letter-spacing: var(--body-typography_font-letter-spacing);
    text-transform: var(--body-typography_font-transform);

    font-size:      var(--body-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) {
    html.usn #snipcart,
    html.usn #snipcart .snipcart__font--secondary,
    html.usn #snipcart .snipcart__font--subtitle,
    html.usn #snipcart .snipcart__font--subtitle-small,
    html.usn #snipcart .snipcart__font--tiny,
    html.usn #snipcart .snipcart-form__label {
        font-size: var(--body-typography_font-size_sm);
    }
}

@media (min-width:768px) and (max-width:991px) {
    html.usn #snipcart,
    html.usn #snipcart .snipcart__font--secondary,
    html.usn #snipcart .snipcart__font--subtitle,
    html.usn #snipcart .snipcart__font--subtitle-small,
    html.usn #snipcart .snipcart__font--tiny,
    html.usn #snipcart .snipcart-form__label {
        font-size: var(--body-typography_font-size_md);
    }
}

@media (min-width:992px) and (max-width:1199px) {
    html.usn #snipcart,
    html.usn #snipcart .snipcart__font--secondary,
    html.usn #snipcart .snipcart__font--subtitle,
    html.usn #snipcart .snipcart__font--subtitle-small,
    html.usn #snipcart .snipcart__font--tiny,
    html.usn #snipcart .snipcart-form__label {
        font-size: var(--body-typography_font-size_lg);
    }
}

@media (min-width:1200px) { 
    html.usn #snipcart,
    html.usn #snipcart .snipcart__font--secondary, 
    html.usn #snipcart .snipcart__font--subtitle, 
    html.usn #snipcart .snipcart__font--subtitle-small, 
    html.usn #snipcart .snipcart__font--tiny,
html.usn #snipcart .snipcart-form__label {
        font-size:  var(--body-typography_font-size_xl); 
    }
}

html.usn #snipcart h1.snipcart__font--secondary,
html.usn #snipcart h1.snipcart__font--subtitle,
html.usn #snipcart .snipcart__font--large { 
    font-family:    var(--p-heading-typography_font-name);
    font-weight:    var(--p-heading-typography_font-weight);
    font-style:     var(--p-heading-typography_font-style);
    line-height:    var(--p-heading-typography_font-line-height);
    letter-spacing: var(--p-heading-typography_font-letter-spacing);
    text-transform: var(--p-heading-typography_font-transform);

    font-size:      var(--p-heading-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    html.usn #snipcart h1.snipcart__font--secondary,
    html.usn #snipcart h1.snipcart__font--subtitle,
    html.usn #snipcart .snipcart__font--large {
        font-size:  var(--p-heading-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    html.usn #snipcart h1.snipcart__font--secondary,
    html.usn #snipcart h1.snipcart__font--subtitle,
    html.usn #snipcart .snipcart__font--large {
        font-size:  var(--p-heading-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    html.usn #snipcart h1.snipcart__font--secondary,
    html.usn #snipcart h1.snipcart__font--subtitle,
    html.usn #snipcart .snipcart__font--large {
        font-size:  var(--p-heading-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    html.usn #snipcart h1.snipcart__font--secondary,
    html.usn #snipcart h1.snipcart__font--subtitle,
    html.usn #snipcart .snipcart__font--large {
        font-size:  var(--p-heading-typography_font-size_xl); 
    }
}

html.usn #snipcart h2.snipcart__font--secondary,
html.usn #snipcart h3.snipcart-cart-header__title { 
    font-family:    var(--p-heading-typography_font-name);
    font-weight:    var(--p-heading-typography_font-weight);
    font-style:     var(--p-heading-typography_font-style);
    line-height:    var(--p-heading-typography_font-line-height);
    letter-spacing: var(--p-heading-typography_font-letter-spacing);
    text-transform: var(--p-heading-typography_font-transform);

    font-size:      var(--p-heading-typography_font-size); 
}

html.usn #snipcart .snipcart-base-button__label { 
    font-family:    var(--btn-typography_font-name);
    font-weight:    var(--btn-typography_font-weight);
    font-style:     var(--btn-typography_font-style);
    line-height:    var(--btn-typography_font-line-height);
    letter-spacing: var(--btn-typography_font-letter-spacing);
    text-transform: var(--btn-typography_font-transform);

    font-size:      var(--btn-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    html.usn #snipcart .snipcart-base-button__label { 
        font-size:  var(--btn-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    html.usn #snipcart .snipcart-base-button__label { 
        font-size:  var(--btn-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    html.usn #snipcart .snipcart-base-button__label { 
        font-size:  var(--btn-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    html.usn #snipcart .snipcart-base-button__label { 
        font-size:  var(--btn-typography_font-size_xl); 
    }
}


html.usn #snipcart .snipcart-typeahead__suggestions img {
    max-width: 120px;
    padding: 10px 0;
}
/*  
----------------------------------------------------------------------------------------------------
Ecwid - http://open.ecwid.com/39sfFq
----------------------------------------------------------------------------------------------------

Cart icon
Store grid
Store button
Store typography

*/

/*  
---------------------------------------------------
Cart icon
---------------------------------------------------  
*/

html#ecwid_html.usn body#ecwid_body .ec-cart-widget { 
    position:relative;
}

html#ecwid_html.usn body#ecwid_body .ec-cart-widget .ec-minicart { 
    padding:0!important;
    transition: none!important;
}

html#ecwid_html.usn body#ecwid_body .ec-cart-widget .ec-minicart .ec-minicart__icon { 
    display:none!important;
}

html#ecwid_html.usn body#ecwid_body .ec-minicart__counter {
    position: absolute !important;
    right: auto !important;
    color: rgba(var(--base-highlight-text), 1) !important;
    background: rgba(var(--base-highlight), 1) !important;
    border-radius: 22px;
    padding: 0 4px;
    font-weight: bold;
    min-width: 20px !important;
    height: 20px !important;
    transform: translate(-50%,-50%);
}

html#ecwid_html.usn body#ecwid_body .ec-minicart--xs .ec-minicart__counter::after, 
html#ecwid_html.usn body#ecwid_body .ec-minicart--s .ec-minicart__counter::after, 
html#ecwid_html.usn body#ecwid_body .ec-minicart--m .ec-minicart__counter::after, 
html#ecwid_html.usn body#ecwid_body .ec-minicart--l .ec-minicart__counter::after, 
html#ecwid_html.usn body#ecwid_body .ec-minicart--xl .ec-minicart__counter::after, 
html#ecwid_html.usn body#ecwid_body .ec-minicart--xxl .ec-minicart__counter::after { 
    background:  rgba(var(--base-highlight), 1)!important;
}


/*  
---------------------------------------------------
Store grid
---------------------------------------------------  
*/

html#ecwid_html.usn body#ecwid_body div.ecwid-productBrowser {
    background:transparent;
}

html#ecwid_html.usn body#ecwid_body div.ecwid-productBrowser { 
    padding:0!important;
}

html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-store__content-wrapper:not(.ec-store__content-wrapper--wide) { 
    max-width:100%!important;
}

html#ecwid_html.usn body#ecwid_body .ec-size .ec-store a .grid-product__title-inner { 
    font-weight:bold;
}

html#ecwid_html.usn body#ecwid_body .ec-size .ec-store__category-page .ec-store__content-wrapper {
    display: flex;
    flex-direction: column;
}
html#ecwid_html.usn body#ecwid_body .ec-size .ec-store__category-page .ec-grid {
    order: 1;
}
html#ecwid_html.usn body#ecwid_body .ec-size .ec-store__category-page .ec-pager {
    order: 2;
}
html#ecwid_html.usn body#ecwid_body .ec-size .ec-store__category-page .ec-footer {
    order: 3;
}
html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-footer { 
    padding-top:var(--base-spacing);
}

html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .grid__products .grid-product__image ~ .grid-product__title + .grid-product__price { 
    padding-top:5px;
    margin:0;
}


/*  
---------------------------------------------------
Store button
---------------------------------------------------  
*/

html#ecwid_html.usn body#ecwid_body .ec-size.ec-size--s .ec-store .details-product-purchase__controls { 
    max-width:100%;
}
html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .form-control__button { 
    border-radius: var(--btn-border-radius);
    border-width: var(--btn-border-width); 
}


/*  
---------------------------------------------------
Store typography
---------------------------------------------------  
*/

/* Body */

html#ecwid_html.usn body#ecwid_body .ec-size .ec-store { 
    font-family:    var(--body-typography_font-name)!important;
    font-weight:    var(--body-typography_font-weight)!important;
    font-style:     var(--body-typography_font-style)!important;
    line-height:    var(--body-typography_font-line-height)!important;
    letter-spacing: var(--body-typography_font-letter-spacing)!important;
    text-transform: var(--body-typography_font-transform)!important;

    font-size:      var(--body-typography_font-size)!important; 
}

@media (min-width:576px) and (max-width:767px) { 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store { 
        font-size:  var(--body-typography_font-size_sm)!important; 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store { 
        font-size:  var(--body-typography_font-size_md)!important; 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store { 
        font-size:  var(--body-typography_font-size_lg)!important; 
    }
}

@media (min-width:1200px) { 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store { 
        font-size:  var(--body-typography_font-size_xl)!important; 
    }
}

/* Page title */

html#ecwid_html.usn body#ecwid_body .ec-size .ec-store h1, 
html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-header-h1,
html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .product-details__product-title { 
    font-family:    var(--h1-typography_font-name)!important;
    font-weight:    var(--h1-typography_font-weight)!important;
    font-style:     var(--h1-typography_font-style)!important;
    line-height:    var(--h1-typography_font-line-height)!important;
    letter-spacing: var(--h1-typography_font-letter-spacing)!important;
    text-transform: var(--h1-typography_font-transform)!important;

    font-size:      var(--h1-typography_font-size)!important; 

    color:  rgba(var(--base-heading), 1)!important;
}

@media (min-width:576px) and (max-width:767px) { 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store h1, 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-header-h1,
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .product-details__product-title { 
        font-size:  var(--h1-typography_font-size_sm)!important; 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store h1, 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-header-h1,
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .product-details__product-title { 
        font-size:  var(--h1-typography_font-size_md)!important; 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store h1, 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-header-h1,
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .product-details__product-title { 
        font-size:  var(--h1-typography_font-size_lg)!important; 
    }
}

@media (min-width:1200px) { 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store h1, 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .ec-header-h1,
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .product-details__product-title { 
        font-size:  var(--h1-typography_font-size_xl)!important; 
    }
}


/* Product listing heading */

html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .grid-product__title-inner { 
    font-family:    var(--p-heading_small-typography_font-name)!important;
    font-weight:    var(--p-heading_small-typography_font-weight)!important;
    font-style:     var(--p-heading_small-typography_font-style)!important;
    line-height:    var(--p-heading_small-typography_font-line-height)!important;
    letter-spacing: var(--p-heading_small-typography_font-letter-spacing)!important;
    text-transform: var(--p-heading_small-typography_font-transform)!important;

    font-size:      var(--p-heading_small-typography_font-size)!important; 

    color: rgba(var(--base-heading), 1)!important;
}

@media (min-width:576px) and (max-width:767px) { 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .grid-product__title-inner {
        font-size:  var(--p-heading_small-typography_font-size_sm)!important; 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .grid-product__title-inner {
        font-size:  var(--p-heading_small-typography_font-size_md)!important; 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .grid-product__title-inner {
        font-size:  var(--p-heading_small-typography_font-size_lg)!important; 
    }
}

@media (min-width:1200px) { 
    html#ecwid_html.usn body#ecwid_body .ec-size .ec-store .grid-product__title-inner {
        font-size:  var(--p-heading_small-typography_font-size_xl)!important; 
    }
}
/*  
---------------------------------------------------
Listings
---------------------------------------------------  
*/

.usn_cmp_listing {

}


.listing-component {
}

/* Labels */
.listing .item .labels {
    padding-top: var(--base-half-spacing);
}
.listing .item .image ~ .labels {
    position: absolute;
    z-index: 21;
    padding-top: 0;
}
.item:not(.item_text-left):not(.no-image) .image ~ .labels {
    left: 5px;
}
.item:not(.item_text-above):not(.no-image) .image ~ .labels {
    top: 5px;
}
.item.item_text-above:not(.no-image) .image ~ .labels {
    bottom: 5px;
}

.item .labels > .label {
    margin-right: -2px;
    padding: 1px 4px;
}

/*  
---------------------------------------------------
Listings - Filter form
---------------------------------------------------  
*/


.listing_filter-form {
	transition: all 0.35s ease-in-out 0s;
}

.listing_filter-form.listing_filter-form_full-width { }


/* Items */
.listing_filter-form .item {
	padding-top: calc(var(--base-half-spacing) / 2);
	border-width: var(--base-border-width) 0 0;
	border-style: solid;
	border-color: rgba(var(--base-borders), 1);
}


/* Tab */
.item.item_filter-group > .inner .tab {
	position: relative;
	margin: 0;
}
.listing_filter-form .item.item_filter-group > .inner .tab {
	padding-bottom: calc(var(--base-half-spacing) / 2);
}

.item.item_filter-group > .inner .tab > .nav-link {
	border: 0 none; background:none;
	padding: 0 22px 0 0;
	color: rgba(var(--base-heading), 1);
	width: 100%;
}
html[dir="ltr"] .item.item_filter-group > .inner .tab > .nav-link {
	text-align: left;
}
.item.item_filter-group > .inner .tab > .nav-link::after { 
	position: absolute; top:0; right:0;
    width: 20px; height: 20px;
    text-align: center;
    line-height: var(--acc-tab-typography_font-line-height);
}


/* Filter summary */
.item.item_filter-group > .inner .filter-summary {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-size: 80%;
	padding-bottom: calc(var(--base-half-spacing) / 2);
	margin-bottom: var(--base-half-spacing);
	border-bottom: var(--base-border-width) solid rgba(var(--base-borders), 0.1);
}
.item.item_filter-group > .inner .filter-summary .btn {
	padding: 0; border: 0 none; box-shadow: none;
	color: rgba(var(--base-heading), 1);
}



/* Filters */
.listing_filter-form .item.item_filter-group > .inner .filters {
	position: relative;
}
.listing_filter-form .filter-form_configurable .item.item_filter-group > .inner .filters {
	padding-bottom: var(--base-half-spacing);
	margin: 0;
}
/* Remove accordion animation */
.listing_filter-form .filter-form_configurable .item .filters.collapsing {
	-webkit-transition: none;
	transition: none;
	display: none;
}

.listing_filter-form .filter-form_configurable .item.item_filter-group > .inner .filters .form-group { 
	margin: 0;
}



/* Text field with a button */
.listing_filter-form .item.item_filter-group.item_filter-groups_text-field > .inner .filters:has(.btn) .form-group .form-control {
	padding-right: 55px;
}
html[dir="ltr"] .listing_filter-form .item.item_filter-group.item_filter-groups_text-field > .inner .filters:has(.btn) .form-group .form-control {
	border-radius: var(--form-field-border-radius) var(--btn-border-radius) var(--btn-border-radius) var(--form-field-border-radius);
}
html[dir="rtl"] .listing_filter-form .item.item_filter-group.item_filter-groups_text-field > .inner .filters:has(.btn) .form-group .form-control {
	border-radius: var(--btn-border-radius) var(--form-field-border-radius) var(--form-field-border-radius) var(--btn-border-radius);
}
.listing_filter-form .item.item_filter-group.item_filter-groups_text-field > .inner .filters .btn {
	position: absolute; top: 0; right: 0;
	margin: 0; padding: 0;
	width: 40px; height: 40px;
	font-size: 25px;
}


/* Selected */

.item.item_filter-selected {
	margin-bottom: var(--base-half-spacing);
}

.item.item_filter-selected > .inner .filter-summary {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.item.item_filter-selected > .inner { 
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.item.item_filter-selected > .inner .filter-summary { 
	display: flex;
	flex-direction: row;
	align-items: center; 
}
.item.item_filter-selected > .inner .filter-summary { 
	order: 2;
}
.item.item_filter-selected > .inner > .filters {
	order: 1;
	padding-bottom: calc(var(--base-half-spacing) / 2);
} 

.item.item_filter-selected > .inner .filter-summary .btn {
	padding-right: 0; padding-left: 0;
}

.item.item_filter-selected > .inner > .filters .btn {
	border-color: rgba(var(--base-borders), 0.25);
	color: rgba(var(--base-text), 1);
}

.item.item_filter-selected > .inner > .filters .btn:hover {
	border-color: rgba(var(--base-borders), 1);
}

.cookieconsent-placeholder {
    position: relative;
    aspect-ratio: 16/9;
    width: 100%;
}

.cookieconsent-placeholder a {
    text-decoration: underline !important;
}

.container .listing.listing_window-mosaic.basic-windows.windows-1:not(.listing_no-spacing) .item .inner .cookieconsent-placeholder {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.cookieconsent-placeholder .cookieconsent-placeholder__image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    object-position: center;
    min-width: 100%;
}

.cookieconsent-placeholder .cookieconsent-placeholder__text {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: white;
    padding: 1rem;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: var(--base-border-radius);
}

.cookieconsent-placeholder .cookieconsent-placeholder__text p {
    margin-top: 0;
}

.cookieconsent-placeholder--play {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
}
/*  
---------------------------------------------------
Ebbot placeholder
---------------------------------------------------  
*/

.ebbot-placeholder {
    position: fixed;
    z-index: 16777270;
    bottom: 25px;
    right: 30px;
    display: flex;
    align-items: end;
}

@media (width >= 768px) {
    .ebbot-placeholder {
        right: 15px;
    }
}

.ebbot-placeholder__button {
    align-items: center;
    background: #fcce64;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    padding: 8px;
    width: 65px;
    height: 65px;
    aspect-ratio: 1/1;
    border: none;
}

    .ebbot-placeholder__button[aria-expanded="true"] img {
        display: none;
    }

    .ebbot-placeholder__button[aria-expanded="false"] svg {
        display: none;
    }

.ebbot-placehoder__text {
    background: #fcce64;
    padding-inline: 1rem;
    margin-inline: 1rem;
    border-radius: var(--base-border-radius);
}

    .ebbot-placehoder__text[aria-hidden="true"] {
        display: none;
    }

    .ebbot-placehoder__text a {
        text-decoration: underline;
    }