@charset "UTF-8";
/*?
# Variables
*/
/*?
## Breakpoints
*/
/*?
### Applied only to very narrow
`$break-xsmall`
*/
/*? ### Applied only to narrow
`$break-small`
*/
/*? ### Applied to smaller than medium screens
`$break-medium`
*/
/*? ### Everything larger than medium screens
`$break-large`
*/
/*? ### 1300px for skins
`$break-skin`
*/
/*? ### The max width of the page
`$break-page-max`
*/
/*?
## Colours

### Base
*/
/*?
```variables
$background: #efefef
$text: #000000
$black: #000000
$white: #FFFFFF
```
*/
/*?
### Vibrant
*/
/*?
```variables
$red: #e32116
$green: #32a530
$blue: #4296cd
$mid-blue: #35495e
$dark-blue: #1a262d
$yellow: #f0c30b
```
*/
/*?
### Monochromatics
*/
/*?
```variables
$dark-grey: #101010
$mid-grey: #888888
$grey: #c4c4c4
$off-grey: #d3d3d3
$light-grey: #edefed
$off-white: #f6f7f6
```
*/
/*?
### Special
*/
/*?
```variables
$light-tint: rgba(255, 255, 255, 0.17)
```
*/
/*?
## Fonts
*/
/*?
```variables
$font-default: Clear Sans, Helvetica Neue, Arial, Helvetica, Geneva, sans-serif
```
*/
/*

100
200
300
400 = normal
500
600
700 = bold
800
900

*/
@import url("https://fonts.googleapis.com/css?family=Bitter");
@font-face {
  font-family: 'Clear Sans';
  src: url("../fonts/ClearSans-Thin.eot");
  src: url("../fonts/ClearSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/ClearSans-Thin.woff") format("woff"), url("../fonts/ClearSans-Thin.ttf") format("truetype"), url("../fonts/ClearSans-Thin.svg#clear_sans_thin") format("svg");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Clear Sans';
  src: url("../fonts/ClearSans-Light.eot");
  src: url("../fonts/ClearSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/ClearSans-Light.woff") format("woff"), url("../fonts/ClearSans-Light.ttf") format("truetype"), url("../fonts/ClearSans-Light.svg#clear_sans_light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Clear Sans';
  src: url("../fonts/ClearSans-Regular.eot");
  src: url("../fonts/ClearSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ClearSans-Regular.woff") format("woff"), url("../fonts/ClearSans-Regular.ttf") format("truetype"), url("../fonts/ClearSans-Regular.svg#clear_sans_regular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Clear Sans';
  src: url("../fonts/ClearSans-Medium.eot");
  src: url("../fonts/ClearSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/ClearSans-Medium.woff") format("woff"), url("../fonts/ClearSans-Medium.ttf") format("truetype"), url("../fonts/ClearSans-Medium.svg#clear_sans_medium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Clear Sans';
  src: url("../fonts/ClearSans-Bold.eot");
  src: url("../fonts/ClearSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ClearSans-Bold.woff") format("woff"), url("../fonts/ClearSans-Bold.ttf") format("truetype"), url("../fonts/ClearSans-Bold.svg#clear_sans_bold") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon:before, .btn--icon:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon--twitter:before {
  content: "\f099"; }

.icon--facebook:before {
  content: "\f09a"; }

.icon--gplus:before {
  content: "\f0d5"; }

.icon--youtube:before {
  content: "\ea9d"; }

.ss-starplain:before {
  content: '★' !important;
  font-family: sans-serif !important;
  position: relative;
  top: -0.1em; }

/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-pika.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSGizmo";
  src: url("../fonts/ss-gizmo.eot");
  src: url("../fonts/ss-gizmo.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-gizmo.woff") format("woff"), url("../fonts/ss-gizmo.ttf") format("truetype"), url("../fonts/ss-gizmo.svg#SSGizmo") format("svg");
  font-weight: normal;
  font-style: normal; }

.ss-icon, .input-wrap.is-loading:after, .inline-carousel .owl-prev:before,
.inline-carousel .owl-next:before, .deals__expand-btn, .ss-icon.ss-gizmo, .ss-gizmo.input-wrap.is-loading:after, .inline-carousel .ss-gizmo.owl-prev:before,
.inline-carousel .ss-gizmo.owl-next:before, .ss-gizmo.deals__expand-btn,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-gizmo:before, [class*=" ss-"].ss-gizmo:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-gizmo.right:after, [class*=" ss-"].ss-gizmo.right:after {
  font-family: "SSGizmo";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased; }

[class^="ss-"].right:before,
[class*=" ss-"].right:before,
[class*=" ss-"].ss-gizmo.right:before {
  display: none;
  content: ''; }

.ss-cursor:before, .ss-cursor.right:after {
  content: ''; }

.ss-crosshair:before, .ss-crosshair.right:after {
  content: '⌖'; }

.ss-search:before, .ss-search.right:after {
  content: '🔎'; }

.ss-zoomin:before, .ss-zoomin.right:after {
  content: ''; }

.ss-zoomout:before, .ss-zoomout.right:after {
  content: ''; }

.ss-view:before, .ss-view.right:after {
  content: '👀'; }

.ss-attach:before, .ss-attach.right:after {
  content: '📎'; }

.ss-link:before, .ss-link.right:after {
  content: '🔗'; }

.ss-unlink:before, .ss-unlink.right:after {
  content: ''; }

.ss-move:before, .ss-move.right:after {
  content: ''; }

.ss-write:before, .calc .textput:after, .ss-write.right:after {
  content: '✎'; }

.ss-writingdisabled:before, .ss-writingdisabled.right:after {
  content: ''; }

.ss-erase:before, .ss-erase.right:after {
  content: '✐'; }

.ss-compose:before, .ss-compose.right:after {
  content: '📝'; }

.ss-lock:before, .ss-lock.right:after {
  content: '🔒'; }

.ss-unlock:before, .ss-unlock.right:after {
  content: '🔓'; }

.ss-key:before, .ss-key.right:after {
  content: '🔑'; }

.ss-backspace:before, .ss-backspace.right:after {
  content: '⌫'; }

.ss-ban:before, .ss-ban.right:after {
  content: '🚫'; }

.ss-smoking:before, .ss-smoking.right:after {
  content: '🚬'; }

.ss-nosmoking:before, .ss-nosmoking.right:after {
  content: '🚭'; }

.ss-trash:before, .ss-trash.right:after {
  content: ''; }

.ss-target:before, .ss-target.right:after {
  content: '◎'; }

.ss-tag:before, .ss-tag.right:after {
  content: ''; }

.ss-bookmark:before, .ss-bookmark.right:after {
  content: '🔖'; }

.ss-flag:before, .ss-flag.right:after {
  content: '⚑'; }

.ss-like:before, .ss-like.right:after {
  content: '👍'; }

.ss-dislike:before, .ss-dislike.right:after {
  content: '👎'; }

.ss-heart:before, .ss-heart.right:after {
  content: '♥'; }

.ss-star:before, .ss-star.right:after {
  content: '⋆'; }

.ss-sample:before, .ss-sample.right:after {
  content: ''; }

.ss-crop:before, .ss-crop.right:after {
  content: ''; }

.ss-layers:before, .ss-layers.right:after {
  content: ''; }

.ss-layergroup:before, .ss-layergroup.right:after {
  content: ''; }

.ss-pen:before, .ss-pen.right:after {
  content: '✒'; }

.ss-bezier:before, .ss-bezier.right:after {
  content: ''; }

.ss-pixels:before, .ss-pixels.right:after {
  content: ''; }

.ss-phone:before, .ss-phone.right:after {
  content: '📞'; }

.ss-phonedisabled:before, .ss-phonedisabled.right:after {
  content: ''; }

.ss-touchtonephone:before, .ss-touchtonephone.right:after {
  content: '☏'; }

.ss-mail:before, .ss-mail.right:after {
  content: '✉'; }

.ss-inbox:before, .ss-inbox.right:after {
  content: '📥'; }

.ss-outbox:before, .ss-outbox.right:after {
  content: '📤'; }

.ss-chat:before, .ss-chat.right:after {
  content: '💬'; }

.ss-user:before, .ss-user.right:after {
  content: '👤'; }

.ss-users:before, .ss-users.right:after {
  content: '👥'; }

.ss-usergroup:before, .ss-usergroup.right:after {
  content: ''; }

.ss-businessuser:before, .ss-businessuser.right:after {
  content: ''; }

.ss-man:before, .ss-man.right:after {
  content: '👨'; }

.ss-male:before, .ss-male.right:after {
  content: ''; }

.ss-woman:before, .ss-woman.right:after {
  content: '👩'; }

.ss-female:before, .ss-female.right:after {
  content: ''; }

.ss-raisedhand:before, .ss-raisedhand.right:after {
  content: '✋'; }

.ss-hand:before, .ss-hand.right:after {
  content: ''; }

.ss-pointup:before, .ss-pointup.right:after {
  content: '👆'; }

.ss-pointupright:before, .ss-pointupright.right:after {
  content: ''; }

.ss-pointright:before, .ss-pointright.right:after {
  content: '👉'; }

.ss-pointdownright:before, .ss-pointdownright.right:after {
  content: ''; }

.ss-pointdown:before, .ss-pointdown.right:after {
  content: '👇'; }

.ss-pointdownleft:before, .ss-pointdownleft.right:after {
  content: ''; }

.ss-pointleft:before, .ss-pointleft.right:after {
  content: '👈'; }

.ss-pointupleft:before, .ss-pointupleft.right:after {
  content: ''; }

.ss-cart:before, .ss-cart.right:after {
  content: ''; }

.ss-creditcard:before, .ss-creditcard.right:after {
  content: '💳'; }

.ss-calculator:before, .ss-calculator.right:after {
  content: ''; }

.ss-barchart:before, .ss-barchart.right:after {
  content: '📊'; }

.ss-piechart:before, .ss-piechart.right:after {
  content: ''; }

.ss-box:before, .ss-box.right:after {
  content: '📦'; }

.ss-home:before, .ss-home.right:after {
  content: '⌂'; }

.ss-globe:before, .ss-globe.right:after {
  content: '🌎'; }

.ss-navigate:before, .ss-navigate.right:after {
  content: ''; }

.ss-compass:before, .ss-compass.right:after {
  content: ''; }

.ss-signpost:before, .ss-signpost.right:after {
  content: ''; }

.ss-location:before, .ss-location.right:after {
  content: ''; }

.ss-floppydisk:before, .ss-floppydisk.right:after {
  content: '💾'; }

.ss-database:before, .ss-database.right:after {
  content: ''; }

.ss-hdd:before, .ss-hdd.right:after {
  content: ''; }

.ss-microchip:before, .ss-microchip.right:after {
  content: ''; }

.ss-music:before, .ss-music.right:after {
  content: '♫'; }

.ss-headphones:before, .ss-headphones.right:after {
  content: '🎧'; }

.ss-discdrive:before, .ss-discdrive.right:after {
  content: ''; }

.ss-volume:before, .ss-volume.right:after {
  content: '🔈'; }

.ss-lowvolume:before, .ss-lowvolume.right:after {
  content: '🔉'; }

.ss-mediumvolume:before, .ss-mediumvolume.right:after {
  content: ''; }

.ss-highvolume:before, .ss-highvolume.right:after {
  content: '🔊'; }

.ss-airplay:before, .ss-airplay.right:after {
  content: ''; }

.ss-camera:before, .ss-camera.right:after {
  content: '📷'; }

.ss-picture:before, .ss-picture.right:after {
  content: '🌄'; }

.ss-video:before, .ss-video.right:after {
  content: '📹'; }

.ss-webcam:before, .ss-webcam.right:after {
  content: ''; }

.ss-film:before, .ss-film.right:after {
  content: ''; }

.ss-playvideo:before, .ss-playvideo.right:after {
  content: ''; }

.ss-videogame:before, .ss-videogame.right:after {
  content: '🎮'; }

.ss-play:before, .ss-play.right:after {
  content: '▶'; }

.ss-pause:before, .ss-pause.right:after {
  content: ''; }

.ss-stop:before, .ss-stop.right:after {
  content: '■'; }

.ss-record:before, .ss-record.right:after {
  content: '●'; }

.ss-rewind:before, .ss-rewind.right:after {
  content: '⏪'; }

.ss-fastforward:before, .ss-fastforward.right:after {
  content: '⏩'; }

.ss-skipback:before, .ss-skipback.right:after {
  content: '⏮'; }

.ss-skipforward:before, .ss-skipforward.right:after {
  content: '⏭'; }

.ss-eject:before, .ss-eject.right:after {
  content: '⏏'; }

.ss-repeat:before, .ss-repeat.right:after {
  content: '🔁'; }

.ss-replay:before, .ss-replay.right:after {
  content: '↺'; }

.ss-shuffle:before, .ss-shuffle.right:after {
  content: '🔀'; }

.ss-index:before, .ss-index.right:after {
  content: ''; }

.ss-storagebox:before, .ss-storagebox.right:after {
  content: ''; }

.ss-book:before, .ss-book.right:after {
  content: '📕'; }

.ss-notebook:before, .ss-notebook.right:after {
  content: '📓'; }

.ss-newspaper:before, .ss-newspaper.right:after {
  content: '📰'; }

.ss-gridlines:before, .ss-gridlines.right:after {
  content: ''; }

.ss-rows:before, .ss-rows.right:after {
  content: ''; }

.ss-columns:before, .ss-columns.right:after {
  content: ''; }

.ss-thumbnails:before, .ss-thumbnails.right:after {
  content: ''; }

.ss-mouse:before, .ss-mouse.right:after {
  content: ''; }

.ss-usb:before, .ss-usb.right:after {
  content: ''; }

.ss-desktop:before, .ss-desktop.right:after {
  content: '💻'; }

.ss-laptop:before, .ss-laptop.right:after {
  content: ''; }

.ss-tablet:before, .ss-tablet.right:after {
  content: ''; }

.ss-smartphone:before, .ss-smartphone.right:after {
  content: ''; }

.ss-cell:before, .ss-cell.right:after {
  content: '📱'; }

.ss-battery:before, .ss-battery.right:after {
  content: '🔋'; }

.ss-highbattery:before, .ss-highbattery.right:after {
  content: ''; }

.ss-mediumbattery:before, .ss-mediumbattery.right:after {
  content: ''; }

.ss-lowbattery:before, .ss-lowbattery.right:after {
  content: ''; }

.ss-chargingbattery:before, .ss-chargingbattery.right:after {
  content: ''; }

.ss-lightbulb:before, .ss-lightbulb.right:after {
  content: '💡'; }

.ss-washer:before, .ss-washer.right:after {
  content: ''; }

.ss-downloadcloud:before, .ss-downloadcloud.right:after {
  content: ''; }

.ss-download:before, .ss-download.right:after {
  content: ''; }

.ss-downloadbox:before, .ss-downloadbox.right:after {
  content: ''; }

.ss-uploadcloud:before, .ss-uploadcloud.right:after {
  content: ''; }

.ss-upload:before, .ss-upload.right:after {
  content: ''; }

.ss-uploadbox:before, .ss-uploadbox.right:after {
  content: ''; }

.ss-fork:before, .ss-fork.right:after {
  content: ''; }

.ss-merge:before, .ss-merge.right:after {
  content: ''; }

.ss-refresh:before, .ss-refresh.right:after {
  content: '↻'; }

.ss-sync:before, .ss-sync.right:after {
  content: ''; }

.ss-loading:before, .btn.cursor--wait:before,
.input-list__item.cursor--wait:before, .ss-loading.right:after, .input-wrap.is-loading:after {
  content: ''; }

.ss-file:before, .ss-file.right:after {
  content: '📄'; }

.ss-files:before, .ss-files.right:after {
  content: ''; }

.ss-addfile:before, .ss-addfile.right:after {
  content: ''; }

.ss-removefile:before, .ss-removefile.right:after {
  content: ''; }

.ss-checkfile:before, .ss-checkfile.right:after {
  content: ''; }

.ss-deletefile:before, .ss-deletefile.right:after {
  content: ''; }

.ss-exe:before, .ss-exe.right:after {
  content: ''; }

.ss-zip:before, .ss-zip.right:after {
  content: ''; }

.ss-doc:before, .ss-doc.right:after {
  content: ''; }

.ss-pdf:before, .ss-pdf.right:after {
  content: ''; }

.ss-jpg:before, .ss-jpg.right:after {
  content: ''; }

.ss-png:before, .ss-png.right:after {
  content: ''; }

.ss-mp3:before, .ss-mp3.right:after {
  content: ''; }

.ss-rar:before, .ss-rar.right:after {
  content: ''; }

.ss-gif:before, .ss-gif.right:after {
  content: ''; }

.ss-folder:before, .ss-folder.right:after {
  content: '📁'; }

.ss-openfolder:before, .ss-openfolder.right:after {
  content: '📂'; }

.ss-downloadfolder:before, .ss-downloadfolder.right:after {
  content: ''; }

.ss-uploadfolder:before, .ss-uploadfolder.right:after {
  content: ''; }

.ss-quote:before, .ss-quote.right:after {
  content: '“'; }

.ss-unquote:before, .ss-unquote.right:after {
  content: '”'; }

.ss-print:before, .ss-print.right:after {
  content: '⎙'; }

.ss-copier:before, .ss-copier.right:after {
  content: ''; }

.ss-fax:before, .ss-fax.right:after {
  content: '📠'; }

.ss-scanner:before, .ss-scanner.right:after {
  content: ''; }

.ss-printregistration:before, .ss-printregistration.right:after {
  content: ''; }

.ss-shredder:before, .ss-shredder.right:after {
  content: ''; }

.ss-expand:before, .ss-expand.right:after {
  content: '⤢'; }

.ss-contract:before, .ss-contract.right:after {
  content: ''; }

.ss-help:before, .ss-help.right:after {
  content: '❓'; }

.ss-info:before, .ss-info.right:after {
  content: 'ℹ'; }

.ss-alert:before, .ss-alert.right:after {
  content: '⚠'; }

.ss-caution:before, .ss-caution.right:after {
  content: '⛔'; }

.ss-logout:before, .ss-logout.right:after {
  content: ''; }

.ss-login:before, .ss-login.right:after {
  content: ''; }

.ss-scaleup:before, .ss-scaleup.right:after {
  content: ''; }

.ss-scaledown:before, .ss-scaledown.right:after {
  content: ''; }

.ss-plus:before, .ss-plus.right:after {
  content: '+'; }

.ss-hyphen:before, .ss-hyphen.right:after {
  content: '-'; }

.ss-check:before, .ss-check.right:after {
  content: '✓'; }

.ss-delete:before, .ss-delete.right:after {
  content: '␡'; }

.ss-notifications:before, .ss-notifications.right:after {
  content: '🔔'; }

.ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after {
  content: '🔕'; }

.ss-clock:before, .ss-clock.right:after {
  content: '⏲'; }

.ss-stopwatch:before, .ss-stopwatch.right:after {
  content: '⏱'; }

.ss-alarmclock:before, .ss-alarmclock.right:after {
  content: '⏰'; }

.ss-egg:before, .ss-egg.right:after {
  content: ''; }

.ss-eggs:before, .ss-eggs.right:after {
  content: ''; }

.ss-cheese:before, .ss-cheese.right:after {
  content: ''; }

.ss-chickenleg:before, .ss-chickenleg.right:after {
  content: '🍗'; }

.ss-pizzapie:before, .ss-pizzapie.right:after {
  content: ''; }

.ss-pizza:before, .ss-pizza.right:after {
  content: '🍕'; }

.ss-cheesepizza:before, .ss-cheesepizza.right:after {
  content: ''; }

.ss-frenchfries:before, .ss-frenchfries.right:after {
  content: '🍟'; }

.ss-apple:before, .ss-apple.right:after {
  content: '🍏'; }

.ss-carrot:before, .ss-carrot.right:after {
  content: ''; }

.ss-broccoli:before, .ss-broccoli.right:after {
  content: ''; }

.ss-cucumber:before, .ss-cucumber.right:after {
  content: ''; }

.ss-orange:before, .ss-orange.right:after {
  content: '🍊'; }

.ss-lemon:before, .ss-lemon.right:after {
  content: '🍋'; }

.ss-onion:before, .ss-onion.right:after {
  content: ''; }

.ss-bellpepper:before, .ss-bellpepper.right:after {
  content: ''; }

.ss-peas:before, .ss-peas.right:after {
  content: ''; }

.ss-grapes:before, .ss-grapes.right:after {
  content: '🍇'; }

.ss-strawberry:before, .ss-strawberry.right:after {
  content: '🍓'; }

.ss-bread:before, .ss-bread.right:after {
  content: '🍞'; }

.ss-mug:before, .ss-mug.right:after {
  content: '☕'; }

.ss-mugs:before, .ss-mugs.right:after {
  content: ''; }

.ss-espresso:before, .ss-espresso.right:after {
  content: ''; }

.ss-macchiato:before, .ss-macchiato.right:after {
  content: ''; }

.ss-cappucino:before, .ss-cappucino.right:after {
  content: ''; }

.ss-latte:before, .ss-latte.right:after {
  content: ''; }

.ss-icedcoffee:before, .ss-icedcoffee.right:after {
  content: ''; }

.ss-coffeebean:before, .ss-coffeebean.right:after {
  content: ''; }

.ss-coffeemilk:before, .ss-coffeemilk.right:after {
  content: ''; }

.ss-coffeefoam:before, .ss-coffeefoam.right:after {
  content: ''; }

.ss-coffeesugar:before, .ss-coffeesugar.right:after {
  content: ''; }

.ss-sugarpackets:before, .ss-sugarpackets.right:after {
  content: ''; }

.ss-capsule:before, .ss-capsule.right:after {
  content: ''; }

.ss-capsulerecycling:before, .ss-capsulerecycling.right:after {
  content: ''; }

.ss-insertcapsule:before, .ss-insertcapsule.right:after {
  content: ''; }

.ss-tea:before, .ss-tea.right:after {
  content: '🍵'; }

.ss-teabag:before, .ss-teabag.right:after {
  content: ''; }

.ss-jug:before, .ss-jug.right:after {
  content: ''; }

.ss-pitcher:before, .ss-pitcher.right:after {
  content: ''; }

.ss-kettle:before, .ss-kettle.right:after {
  content: ''; }

.ss-wineglass:before, .ss-wineglass.right:after {
  content: '🍷'; }

.ss-sugar:before, .ss-sugar.right:after {
  content: ''; }

.ss-oven:before, .ss-oven.right:after {
  content: ''; }

.ss-stove:before, .ss-stove.right:after {
  content: ''; }

.ss-vent:before, .ss-vent.right:after {
  content: ''; }

.ss-exhaust:before, .ss-exhaust.right:after {
  content: ''; }

.ss-steam:before, .ss-steam.right:after {
  content: '♨'; }

.ss-dishwasher:before, .ss-dishwasher.right:after {
  content: ''; }

.ss-toaster:before, .ss-toaster.right:after {
  content: ''; }

.ss-microwave:before, .ss-microwave.right:after {
  content: ''; }

.ss-electrickettle:before, .ss-electrickettle.right:after {
  content: ''; }

.ss-refrigerator:before, .ss-refrigerator.right:after {
  content: ''; }

.ss-freezer:before, .ss-freezer.right:after {
  content: ''; }

.ss-utensils:before, .ss-utensils.right:after {
  content: '🍴'; }

.ss-cookingutensils:before, .ss-cookingutensils.right:after {
  content: ''; }

.ss-whisk:before, .ss-whisk.right:after {
  content: ''; }

.ss-pizzacutter:before, .ss-pizzacutter.right:after {
  content: ''; }

.ss-measuringcup:before, .ss-measuringcup.right:after {
  content: ''; }

.ss-colander:before, .ss-colander.right:after {
  content: ''; }

.ss-eggtimer:before, .ss-eggtimer.right:after {
  content: ''; }

.ss-platter:before, .ss-platter.right:after {
  content: ''; }

.ss-plates:before, .ss-plates.right:after {
  content: ''; }

.ss-steamplate:before, .ss-steamplate.right:after {
  content: ''; }

.ss-cups:before, .ss-cups.right:after {
  content: ''; }

.ss-steamglass:before, .ss-steamglass.right:after {
  content: ''; }

.ss-pot:before, .ss-pot.right:after {
  content: ''; }

.ss-steampot:before, .ss-steampot.right:after {
  content: ''; }

.ss-chef:before, .ss-chef.right:after {
  content: ''; }

.ss-weathervane:before, .ss-weathervane.right:after {
  content: ''; }

.ss-thermometer:before, .ss-thermometer.right:after {
  content: ''; }

.ss-thermometerup:before, .ss-thermometerup.right:after {
  content: ''; }

.ss-thermometerdown:before, .ss-thermometerdown.right:after {
  content: ''; }

.ss-droplet:before, .ss-droplet.right:after {
  content: '💧'; }

.ss-sunrise:before, .ss-sunrise.right:after {
  content: '🌅'; }

.ss-sunset:before, .ss-sunset.right:after {
  content: '🌇'; }

.ss-sun:before, .ss-sun.right:after {
  content: '☀'; }

.ss-cloud:before, .ss-cloud.right:after {
  content: '☁'; }

.ss-clouds:before, .ss-clouds.right:after {
  content: ''; }

.ss-partlycloudy:before, .ss-partlycloudy.right:after {
  content: '⛅'; }

.ss-rain:before, .ss-rain.right:after {
  content: '☔'; }

.ss-rainheavy:before, .ss-rainheavy.right:after {
  content: ''; }

.ss-lightning:before, .ss-lightning.right:after {
  content: '☇'; }

.ss-thunderstorm:before, .ss-thunderstorm.right:after {
  content: '⛈'; }

.ss-umbrella:before, .ss-umbrella.right:after {
  content: '☂'; }

.ss-rainumbrella:before, .ss-rainumbrella.right:after {
  content: ''; }

.ss-rainbow:before, .ss-rainbow.right:after {
  content: '🌈'; }

.ss-rainbowclouds:before, .ss-rainbowclouds.right:after {
  content: ''; }

.ss-fog:before, .ss-fog.right:after {
  content: ''; }

.ss-wind:before, .ss-wind.right:after {
  content: ''; }

.ss-tornado:before, .ss-tornado.right:after {
  content: ''; }

.ss-snowflake:before, .ss-snowflake.right:after {
  content: '❄'; }

.ss-snowcrystal:before, .ss-snowcrystal.right:after {
  content: '❆'; }

.ss-lightsnow:before, .ss-lightsnow.right:after {
  content: ''; }

.ss-snow:before, .ss-snow.right:after {
  content: ''; }

.ss-heavysnow:before, .ss-heavysnow.right:after {
  content: ''; }

.ss-hail:before, .ss-hail.right:after {
  content: ''; }

.ss-crescentmoon:before, .ss-crescentmoon.right:after {
  content: '🌙'; }

.ss-waxingcrescentmoon:before, .ss-waxingcrescentmoon.right:after {
  content: '🌒'; }

.ss-firstquartermoon:before, .ss-firstquartermoon.right:after {
  content: '🌓'; }

.ss-waxinggibbousmoon:before, .ss-waxinggibbousmoon.right:after {
  content: '🌔'; }

.ss-waninggibbousmoon:before, .ss-waninggibbousmoon.right:after {
  content: '🌖'; }

.ss-lastquartermoon:before, .ss-lastquartermoon.right:after {
  content: '🌗'; }

.ss-waningcrescentmoon:before, .ss-waningcrescentmoon.right:after {
  content: '🌘'; }

.ss-fan:before, .ss-fan.right:after {
  content: ''; }

.ss-bike:before, .ss-bike.right:after {
  content: '🚲'; }

.ss-wheelchair:before, .ss-wheelchair.right:after {
  content: '♿'; }

.ss-briefcase:before, .ss-briefcase.right:after {
  content: '💼'; }

.ss-hanger:before, .ss-hanger.right:after {
  content: ''; }

.ss-comb:before, .ss-comb.right:after {
  content: ''; }

.ss-medicalcross:before, .ss-medicalcross.right:after {
  content: ''; }

.ss-up:before, .ss-up.right:after {
  content: '⬆'; }

.ss-upright:before, .ss-upright.right:after {
  content: '⬈'; }

.ss-right:before, .ss-right.right:after {
  content: '➡'; }

.ss-downright:before, .ss-downright.right:after {
  content: '⬊'; }

.ss-down:before, .ss-down.right:after {
  content: '⬇'; }

.ss-downleft:before, .ss-downleft.right:after {
  content: '⬋'; }

.ss-left:before, .ss-left.right:after {
  content: '⬅'; }

.ss-upleft:before, .ss-upleft.right:after {
  content: '⬉'; }

.ss-navigateup:before, .ss-navigateup.right:after {
  content: ''; }

.ss-navigateright:before, .inline-carousel .owl-next:before, .ss-navigateright.right:after {
  content: '▻'; }

.ss-navigatedown:before, .ss-navigatedown.right:after {
  content: ''; }

.ss-navigateleft:before, .inline-carousel .owl-prev:before, .ss-navigateleft.right:after {
  content: '◅'; }

.ss-retweet:before, .ss-retweet.right:after {
  content: ''; }

.ss-share:before, .ss-share.right:after {
  content: ''; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title], .tooltip--link {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.giga {
  font-size: 70px;
  font-size: 4.375rem;
  line-height: 110%; }

.mega {
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 110%; }

.kilo, .title h1 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 110%; }

h1, .alpha {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.125; }

h2, .beta {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.15; }

h3, .gamma, .isle__mid {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.15; }

h4, .delta, .btn--slim, .btn--tiny, ul[id^="parsley-"] li,
div[id^="parsley-"] span, .paginate, .cat, .isle__top, .isle__bot {
  font-size: 15px;
  font-size: 0.9375rem; }

.epsilon, .deals__nodeals, .modal--small .modal__title, .list--keyval--spacey, .tabs-redux--groups {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 150%; }

.tiny {
  font-size: 14px;
  font-size: 0.875rem; }

.gamma--nice {
  margin: 0.5em 0; }

@media handheld, only screen and (max-width: 752px) {
  .n-beta {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.15; }
  .n-gamma {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.15; } }

h1 img, h2 img, h3 img, h4 img {
  vertical-align: middle; }

.paragraph__intro {
  font-weight: bold; }

.gamma--lh {
  line-height: 135% !important; }

ul, ol, li, dl, dd, dt, blockquote {
  margin: 0;
  padding: 0; }

.smallcaps, .cat, .isle__top, .tabs ul li, .tabs-redux--page li {
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase; }

.weight--normal {
  font-weight: normal; }

.weight--inherit {
  font-weight: inherit; }

b, .weight--bold, .deals__heading, .modal--small .modal__title {
  font-weight: 700; }
  small b, small .weight--bold, small .deals__heading, small .modal--small .modal__title, .modal--small small .modal__title {
    font-weight: 500; }

.dropcap::first-letter {
  font-size: 50px;
  font-size: 3.125rem;
  font-weight: bold;
  float: left;
  line-height: 44px;
  margin: 0 8px 0 0;
  display: block; }

.dropcap p:first-of-type {
  font-weight: bold; }

.stat {
  font-family: Bitter, "Clear Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: bold; }

blockquote cite {
  font-weight: bold;
  font-style: normal; }

.link, .text a {
  border: none;
  background: transparent;
  cursor: pointer;
  line-height: inherit;
  color: inherit;
  padding: 0;
  margin: 0; }
  .link:hover, .text a:hover {
    text-decoration: underline; }
  .link:focus, .text a:focus {
    opacity: 0.8;
    outline: none; }
  .link--obvious, .text a {
    color: red; }
  .link--gray {
    color: gray; }
  .link--blue {
    color: #4296cd; }
  .link--arr-down {
    position: relative; }
    .link--arr-down:after {
      content: '';
      display: inline-block;
      width: 1em;
      height: 1em;
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KCTxwYXRoIGQ9Ik0xNi42Myw2LjMybDEuMDksMS40M0wxMCwxMy42OEwyLjI0LDcuNzZsMS4xMy0xLjQzTDEwLDExLjE1TDE2LjYzLDYuMzJ6IiBmaWxsPSJyZWQiLz4NCjwvc3ZnPg0K);
      background-repeat: no-repeat;
      background-size: 20px 20px;
      background-position: center 7px;
      color: inherit; }
  .link--underline {
    text-decoration: underline; }
  .link--grey {
    color: #b3b3b3; }
  .link--nobreak {
    white-space: nowrap; }
  .link--disabled {
    pointer-events: none;
    color: rgba(0, 0, 0, 0.5);
    cursor: default; }
  .link--fade {
    color: inherit;
    opacity: 0.4;
    text-decoration: underline; }
    .link--fade:hover {
      opacity: 1; }

.text h2, .text h3, .text h4 {
  margin-bottom: 0; }

.text h2 {
  margin-top: 1.6em; }

.text h3, .text h4 {
  margin-top: 2em; }

.text ul, .text ol {
  margin-top: 16px;
  margin-top: 1rem; }

a[disabled] {
  pointer-events: none; }

.nobreak {
  white-space: nowrap; }

.dobreak {
  word-break: break-word; }

.inline {
  display: inline-block; }

.block {
  display: block; }

abbr[title], .tooltip--link {
  border-bottom: 1px dotted rgba(196, 196, 196, 0.6);
  border-radius: 2px; }

.read ol {
  list-style-position: inside; }

.read ul {
  list-style: square;
  padding: 5px 40px; }

.read li {
  margin-bottom: 7px; }

/*?
# Buttons
*/
/*
## Button groups

With some space applied, wrapping onto their own lines on narrow:
```html
<div class="btn-group btn-group--space btn-group--wrap">
	<a class="btn" href="#">label</a>
	<a class="btn" href="#">label</a>
</div>
```
*/
/*?
## Lozenge buttons
```html
<div class="btn-group loz">
	<a class="btn loz__item" href="#">label</a>
	<a class="btn loz__item" href="#">label</a>
</div>
```
*/
.btn-group .btn {
  float: left;
  margin-left: 0;
  margin-right: 0; }

.btn-group--space .btn {
  margin-left: 0.5em;
  margin-right: 0.5em; }
  .btn-group--space .btn:first-child {
    margin-left: 0; }
  .btn-group--space .btn:last-child {
    margin-right: 0; }

@media handheld, only screen and (max-width: 752px) {
  .btn-group--wrap .btn {
    display: block;
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em; } }

.btn-absolute {
  padding-bottom: 50px;
  position: relative; }
  .btn-absolute__wrap {
    position: absolute;
    bottom: 0;
    right: 10px;
    left: 10px; }

/*?
## Button variants
```html
<div class="btn-group btn-group--space">
	<a class="btn" href="#">default</a>
	<a class="btn btn--disabled" href="#">Disabled</a>
	<a class="btn btn--inactive" href="#">Inactive</a>
	<a class="btn btn--blend" href="#">Blend</a>
	<a class="btn btn--bare" href="#">Bare</a>
	<a class="btn btn--slim" href="#">Slim</a>
	<a class="btn btn--tiny" href="#">Tiny</a>
	<a class="btn btn--wide" href="#">Wide</a>
	<a class="btn btn--raise" href="#">Raise</a>
	<a class="btn btn--sharp" href="#">Sharp</a>
</div>
```
*/
.btn {
  background: #e32116;
  color: #FFFFFF;
  line-height: 1.25;
  font-weight: bold;
  padding: 10px 15px;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  border: none;
  word-wrap: break-word;
  cursor: pointer;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  transition: background-color 0.1s; }
  .btn:hover {
    -webkit-transition-duration: 0.025s;
    -moz-transition-duration: 0.025s;
    -ms-transition-duration: 0.025s;
    -o-transition-duration: 0.025s;
    transition-duration: 0.025s; }
  .btn::selection {
    background: transparent; }

.btn--disabled {
  cursor: default;
  opacity: 0.3;
  pointer-events: none; }

.btn--inactive {
  pointer-events: none; }

.btn span[class^="ss-"] {
  vertical-align: middle;
  line-height: 100%; }

.btn--blend {
  color: #e32116;
  text-decoration: underline;
  background: transparent;
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
  border-radius: 0;
  display: inline;
  padding: 0;
  margin: 0; }
  .btn--blend:hover {
    background: transparent;
    text-decoration: none; }

.btn--full-width {
  display: block; }

input.btn--full-width,
button.btn--full-width {
  width: 100%; }

.btn--bare {
  padding-left: 5px;
  padding-right: 5px;
  background: transparent;
  color: #e32116; }

.btn--slim {
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: baseline; }
  .btn--slim span, .btn--slim i {
    display: inline-block;
    margin-top: -4px; }

.btn--tiny {
  padding: 0 5px;
  line-height: 1.5em;
  min-width: 0;
  vertical-align: middle;
  font-weight: 500;
  margin-top: -4px; }

.btn--wide {
  min-width: 3em; }

.btn--raise {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); }

.btn--sharp {
  border-radius: 0; }

/*?
## Button icons

Use `btn--icon` together with `icon--*` or `ss-*` classes.

```html
<a class="btn btn--icon ss-write btn--light-grey" href="#">Edit</a>
```
*/
.btn:link,
.btn:visited .btn:focus,
.btn:hover,
.btn:active {
  outline: none;
  text-decoration: none; }

/*?
## Button wrap
Used to expand the hover area
```html
<a class="btn-wrap" href="#" style="display:block;width:100px;height:100px;background:rgba(140,130,180,0.1)">
	<span class="btn">label</span>
</a>
```
*/
.btn-wrap:hover .btn,
.btn-wrap.is-active .btn,
.btn:hover,
.btn:focus {
  color: #fff;
  background: #b51a11;
  text-decoration: none;
  outline: none; }

.btn-wrap:hover .btn {
  opacity: 0.9; }

.btn-wrap:hover .btn:hover {
  opacity: 1; }

/*?
## Button colours
```html
<div class="btn-group btn-group--space">
	<a class="btn btn--red" href="#">Red</a>
	<a class="btn btn--red-inv" href="#">Red inverted</a>
	<a class="btn btn--green" href="#">Green</a>
	<a class="btn btn--white" href="#">White</a>
	<a class="btn btn--blue" href="#">Blue</a>
	<a class="btn btn--blue__invert" href="#">Blue inverted</a>
	<a class="btn btn--light-grey" href="#">Light grey</a>
	<a class="btn btn--grey" href="#">Grey</a>
	<a class="btn btn--yellow" href="#">Yellow</a>
</div>
```
*/
.btn--red {
  background: #e32116;
  color: #FFFFFF; }
  .btn--red:hover {
    background: #b51a11;
    color: #FFFFFF; }
  .btn--red:active, .btn--red:focus {
    background: #86130d;
    color: #FFFFFF; }

.btn--red-inv {
  background: #FFFFFF;
  color: #e32116; }

.btn--white, .btn-group--white .btn {
  background: #fff;
  color: #888888; }
  .btn--white:focus, .btn-group--white .btn:focus {
    background: #b8b8b8; }
  .btn--white:hover, .btn-group--white .btn:hover, .btn--white:active, .btn-group--white .btn:active {
    background: #cfcfcf;
    color: #363636; }
  .btn--white.on, .btn-group--white .on.btn {
    background: #1a262d;
    color: #f0c30b; }

.btn--blue {
  background: #4296cd;
  color: #FFFFFF; }
  .btn--blue:hover {
    background: #2e7bae;
    color: #FFFFFF; }
  .btn--blue:active, .btn--blue:focus {
    background: #235f86;
    color: #FFFFFF; }

.btn--blue__invert {
  border-radius: 3px 3px 0 0;
  background: #edefed;
  color: #4296cd; }

.btn--green {
  color: #fff;
  background: #32a530; }
  .btn--green:hover {
    background: #267d25; }
  .btn--green:active, .btn--green:focus {
    background: #2c912a; }

.btn--light-grey, .btn-group--light-grey .btn {
  background: #edefed;
  color: #35495e;
  border: 1px solid #edefed; }
  .btn--light-grey:hover, .btn-group--light-grey .btn:hover {
    background: none;
    color: #e32116;
    border-color: #edefed; }

.btn--grey {
  background: #c4c4c4;
  color: #000; }
  .btn--grey:hover {
    background: #888888; }

.btn--yellow {
  background: #f0c30b;
  color: #000000; }
  .btn--yellow:focus, .btn--yellow:hover, .btn--yellow:active {
    color: #fff; }
  .btn--yellow:hover, .btn--yellow:active {
    background: #d0ab10; }
  .btn--yellow:focus {
    background: #bb9c14; }

/*?
## Social buttons

Use `btn--icon` together with `btn--$social` and `icon--$social`.

Youtube doesn't have its own button colour.

```html
<a class="btn btn--icon btn--facebook icon--facebook" href="#">Facebook</a>
<a class="btn btn--icon btn--twitter icon--twitter" href="#">Twitter</a>
<a class="btn btn--icon btn--gplus icon--gplus" href="#">Gplus</a>
<a class="btn btn--icon btn--gplus icon--youtube" href="#">Youtube</a>
```
*/
.btn--twitter {
  background: #00aced; }
  .btn--twitter:hover {
    background: #00a0dc; }

.btn--facebook {
  background: #3b5998; }
  .btn--facebook:hover {
    background: #223f7c; }

.btn--gplus {
  background: #dd4b39; }
  .btn--gplus:hover {
    background: #b33526; }

.btn.cursor--wait:before,
.input-list__item.cursor--wait:before {
  font-family: "SSGizmo";
  -webkit-animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
  -ms-animation: rotation 2s infinite linear;
  -o-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
  width: 25px;
  height: 12px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  line-height: 18px; }

.input-list__item.cursor--wait:before {
  position: absolute;
  left: 10px;
  top: 15px; }

.input-list__item.cursor--wait select {
  text-indent: 30px; }

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

@-moz-keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

@-o-keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.btn:before {
  font-size: 120%;
  line-height: 100%;
  vertical-align: middle;
  margin-right: 0.5em; }

/* Braintree Paypal button */
#paypal-button {
  border-radius: 3px; }

#braintree-paypal-button {
  width: 100% !important;
  background: #019cde;
  border-radius: 3px; }

#braintree-paypal-button img {
  width: auto !important;
  margin: 0 auto !important; }

#braintree-paypal-loggedin {
  padding: 13px 0 12px 0 !important;
  border: none !important; }

#bt-pp-cancel {
  line-height: 35px !important;
  font-size: 13px !important;
  margin-right: 15px !important; }

.textput {
  font-family: "Clear Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  outline: none;
  border: 0;
  padding: 0 5px; }
  .textput--as-text[type="text"]:not(:focus), .textput--as-text[type="email"]:not(:focus) {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: inherit;
    padding-left: 0; }
  .textput--preset[type="text"]:not(:focus), .textput--preset[type="email"]:not(:focus) {
    border-color: rgba(196, 196, 196, 0.3);
    box-shadow: none; }

.textput__inline {
  display: inline-block;
  border-radius: 3px;
  background: #edefed; }

.selectput {
  border: 1px solid #d6d6d6;
  outline: none; }
  .selectput:hover:not(:disabled) {
    border: 1px solid #c4c4c4; }
  .selectput:focus:not(:disabled) {
    border: 1px solid #aac3d3;
    box-shadow: 0 0 3px rgba(66, 150, 205, 0.3); }
  .selectput:disabled {
    pointer-events: none; }

.selectput__hidden {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: auto; }

.rangeslider,
.rangeslider__fill {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: #888888;
  border-radius: 5px; }

.rangeslider {
  position: relative; }

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4; }

.rangeslider__fill {
  background: #888888;
  position: relative;
  top: 0; }

.rangeslider__handle {
  border: 0px solid transparent;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #e32116;
  cursor: pointer;
  -webkit-appearance: none;
  position: absolute;
  top: -6px; }

.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.rangeslider__handle:active {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); }

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); }

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: -1px 0 0 0;
  background: none; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: #888888;
  border-radius: 5px; }

input[type=range]::-webkit-slider-thumb {
  border: 0px solid transparent;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #e32116;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.5px; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #cfcfcf; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: #888888;
  border-radius: 5px; }

input[type=range]::-moz-range-thumb {
  border: 0px solid transparent;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #e32116;
  cursor: pointer; }

input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #c9c9c9;
  border-radius: 10px; }

input[type=range]::-ms-fill-upper {
  background: #888888;
  border-radius: 10px; }

input[type=range]::-ms-thumb {
  border: 0px solid transparent;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #e32116;
  cursor: pointer;
  height: 5px; }

input[type=range]:focus::-ms-fill-lower {
  background: #888888; }

input[type=range]:focus::-ms-fill-upper {
  background: #cfcfcf; }

/* forms */
label, input, button, select, textarea {
  font-family: "Clear Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

label {
  display: block;
  margin-bottom: .3125em; }

select,
textarea {
  display: inline-block;
  height: auto;
  padding: .5em .375em;
  margin-bottom: 10px;
  font-size: 0.875em;
  line-height: 1.25;
  color: #000000;
  -webkit-border-radius: .1875em;
  -moz-border-radius: .1875em;
  border-radius: .1875em; }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  display: inline-block;
  height: auto;
  padding: .5em .375em;
  font-size: 0.875em;
  line-height: 1.25;
  color: #000000;
  -webkit-border-radius: .1875em;
  -moz-border-radius: .1875em;
  border-radius: .1875em;
  box-sizing: border-box; }

textarea {
  width: 100%;
  height: auto;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear 0.2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s; }

textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s; }

input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
  outline: 0;
  /* IE6-9 */ }

input[type="radio"], input[type="checkbox"] {
  margin: 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted #4d4d4d;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

select,
input[type="file"] {
  height: 1.875em;
  /* In IE7,the height of the select element cannot be changed by height,only font-size */
  *margin-top: .25em;
  /* For IE7,add top margin to align select with labels */
  line-height: 1.875em; }

select {
  width: 13.75em;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  outline: none; }

input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999; }

input[class*="span"],
select[class*="span"],
textarea[class*="span"] {
  float: none;
  margin-left: 0; }

input,
textarea {
  margin-left: 0; }

input[disabled], input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly],
input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eee; }

input[type="radio"][disabled], input[type="radio"][readonly], input[type="checkbox"][disabled], input[type="checkbox"][readonly] {
  background-color: transparent; }

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b; }

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7; }

/* Error handling */
.parsley--bottom div[id^="parsley-"] {
  position: absolute;
  bottom: -10px;
  right: 0;
  left: 0; }

.parsley--bottom p {
  position: relative;
  padding-bottom: 20px; }

.parsley-error {
  border-color: #e32116 !important; }

input.parsley-error,
select.parsley-error {
  margin-bottom: 0 !important; }

ul[id^="parsley-"] li,
div[id^="parsley-"] span {
  vertical-align: top;
  margin: 5px 0 10px;
  display: block;
  font-weight: bold;
  color: #000000; }
  ul[id^="parsley-"] li.parsley-required,
  div[id^="parsley-"] span.parsley-required {
    color: #e32116; }

.parsley-errors-list {
  list-style: none; }
  .parsley-errors-list li[class^="parsley-"] {
    color: #e32116; }

/* Custom fields */
.textput--carreg,
.textput--ccnum {
  padding-left: 45px !important; 
  border: 2px solid #4296cd !important;
  }

/* Input wrap */
.input-wrap {
  position: relative;
  margin-bottom: 15px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.input-wrap--no-marg {
  margin-bottom: 0; }

.input-wrap--push-d {
  margin-top: 25px; }
  @media handheld, only screen and (max-width: 752px) {
    .input-wrap--push-d {
      margin-top: 0; } }

.input-wrap.is-loading:after {
  position: absolute;
  right: 3%;
  top: 45%;
  -webkit-animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
  -ms-animation: rotation 2s infinite linear;
  -o-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
  width: 25px;
  height: 25px;
  margin-top: -13px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  vertical-align: middle; }

.input-wrap label {
  margin-bottom: 0;
  line-height: inherit; }

.input-wrap__label {
  display: block;
  text-align: left;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 3px;
  text-transform: uppercase;
  color: #000000;
  opacity: 0.7; }
  .input-wrap:hover .input-wrap__label {
    opacity: 1; }

.input-wrap input,
.input-wrap select,
.input-wrap textarea {
  height: 42px;
  font-size: 18px;
  width: 100%; }

.input-wrap textarea {
  height: auto; }

/*.input-wrap input,
.input-wrap select:hover {
	color: inherit;
}*/
.input-wrap select {
  cursor: pointer; }

.input-wrap .checkbox {
  width: auto;
  line-height: inherit;
  height: auto;
  margin-right: 0.5em;
  margin-top: 0; }

.input-wrap--small,
.input-wrap--small input,
.input-wrap--small select {
  height: 34px;
  line-height: 34px; }

.input-wrap--small input,
.input-wrap--small select {
  font-size: 16px; }

.input-wrap--small select {
  padding-top: 0;
  padding-bottom: 0; }

.input-wrap--transparent input,
.input-wrap--transparent select {
  background: transparent;
  border: 1px solid; }

/* Input label */
.input-label {
  margin-right: 0.5em; }

/* Input list */
.input-list,
.input-list__item,
.input-list label {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.input-list__item {
  margin-bottom: 0; }

.input-list {
  margin-bottom: 10px;
  list-style-type: none; }

.input-list.grid .input-list__item:last-of-type, .datalist .input-list.item .input-list__item:last-of-type {
  padding-right: 0; }

.input-list__item-label {
  font-size: 0.9375em; }

.radio-group {
  display: table;
  table-layout: fixed;
  width: 100%; }

.radio-group__item {
  overflow: hidden;
  display: table-cell;
  padding-bottom: 0.2em;
  font-size: 16px;
  text-align: center;
  opacity: 0.8;
  cursor: pointer; }

.radio-group__item-label,
.radio-group__item-input {
  display: block;
  cursor: pointer; }

.radio-group__item-label {
  padding-bottom: 0.5em; }

.radio-group__item-input {
  border: 1px solid transparent;
  border-radius: 50%;
  width: 0.8em;
  height: 0.8em;
  margin-left: auto;
  margin-right: auto;
  line-height: 0;
  position: relative; }

.radio-group__item-input:before,
.radio-group__item-input:after {
  content: '';
  position: absolute;
  width: 500px;
  border-top: 1px solid #ddd;
  background: orange;
  top: 50%;
  pointer-events: none;
  z-index: -1; }

.radio-group__item-input:before {
  right: 100%; }

.radio-group__item-input:after {
  left: 100%; }

.radio-group__item:first-child .radio-group__item-input:before,
.radio-group__item:last-child .radio-group__item-input:after {
  content: none; }

.radio-group__item-input .radio {
  margin-top: 0; }

select[multiple], select[size] {
  height: auto; }

/*
Rating input
Usage:
<div class="rating-input">
	<div>
		<input id="rating-0" name="rating" type="radio" value=""/><label for="rating-0"></label>
		<input id="rating-1" name="rating" type="radio" value="1"/><label for="rating-1"></label>
		<input id="rating-2" name="rating" type="radio" value="2"/><label for="rating-2"></label>
		<input id="rating-3" name="rating" type="radio" value="3"/><label for="rating-3"></label>
		<input id="rating-4" name="rating" type="radio" value="4"/><label for="rating-4"></label>
		<input id="rating-5" name="rating" type="radio" value="5"/><label for="rating-5"></label>
	</div>
</div>

The first input, rating-0, has its value set to blank, and is used as a "nothing entered" placeholder
providing the implementation with a possibility of blanking the initial "empty" state.
This "blank" state/input is hidden when output.

Ensure you're using unique IDs!

Sizes:
rating-input--small (85px wide)
rating-input (140px wide, 28px tall)
rating-input--large (200px wide)
*/
.rating-input {
  width: 140px;
  display: inline-block;
  vertical-align: bottom; }
  .rating-input--small {
    width: 85px; }
  .rating-input--large {
    width: 200px; }
  .rating-input div {
    display: table;
    table-layout: fixed;
    width: 100%; }
  .rating-input input,
  .rating-input input[value=""] + label {
    display: none; }
  .rating-input label {
    position: relative;
    display: table-cell;
    cursor: pointer;
    height: 0;
    background-position: top center;
    background-size: 100% 100%;
    background-image: url("../img/rating-blue-off.png"); }
    .rating-input label:before {
      content: '';
      display: block;
      padding-bottom: 100%; }
  .rating-input input:checked ~ label,
  .rating-input input:checked ~ label {
    background-image: url("../img/rating-blue-off.png"); }
  .rating-input label,
  .rating-input input:checked + label {
    background-image: url("../img/rating-blue-on.png"); }
  .rating-input:hover label,
  .rating-input:hover input:checked ~ label {
    background-image: url("../img/rating-blue-on.png"); }
  .rating-input:hover label:hover ~ label {
    background-image: url("../img/rating-blue-off.png"); }

.loz--left, .loz--middle,
.loz--middle[type],
.loz--left[type],
[type].loz--middle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0; }

.loz--right, .loz--middle,
.loz--middle[type],
.loz--right[type],
[type].loz--middle {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 0; }

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px; }

/* fade out, then in */
.owl-fadeInOut-out {
  z-index: 10;
  -webkit-animation: fadeOut .2s both ease;
  -moz-animation: fadeOut .2s both ease;
  animation: fadeOut .2s both ease; }

.owl-fadeInOut-in {
  -webkit-animation: fadeIn .2s both ease;
  -moz-animation: fadeIn .2s both ease;
  animation: fadeIn .2s both ease;
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  animation-delay: .2s; }

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease; }

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both; }

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1; } }

@-moz-keyframes empty {
  0% {
    opacity: 1; } }

@keyframes empty {
  0% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); } }

@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); } }

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px); }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); } }

@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }

@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0); } }

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    transform: translateZ(-500px); }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0); } }

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }

@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8); } }

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8); } }

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%); } }

@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%); } }

@keyframes goDown {
  from {
    transform: translateY(-100%); } }

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5); } }

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5); } }

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5); } }

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5); } }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

body.gallery-open {
  overflow: hidden; }

.gallery {
  background: rgba(26, 38, 45, 0.97);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none; }
  .gallery.on {
    display: block; }
  .gallery__next, .gallery__prev {
    font-size: 50px;
    color: #fff;
    background: transparent !important;
    width: 60px !important;
    cursor: pointer;
    position: absolute;
    top: 40%;
    padding: 100px 50px;
    margin-top: -75px;
    opacity: 0.8;
    z-index: 3;
    cursor: pointer; }
    @media handheld, only screen and (max-width: 752px) {
      .gallery__next, .gallery__prev {
        padding: 20px 25px; } }
    .gallery__next span, .gallery__prev span {
      padding: 10px 0;
      vertical-align: middle;
      display: block; }
    .gallery__next:hover, .gallery__prev:hover {
      opacity: 1;
      color: #f0c30b; }
  .gallery__prev {
    left: 0;
    padding-left: 25px; }
  .gallery__next {
    right: 0;
    padding-right: 25px; }
  .gallery .close {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    display: block;
    z-index: 5;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
    .gallery .close span {
      display: block;
      float: right;
      background:   #fff;
      width: 60px;
      height: 60px;
      line-height: 68px;
      font-size: 40px;
      vertical-align: middle; }
  .gallery .gallery-carousel {
    margin: 0 auto;
    position: absolute;
    bottom: 160px;
    left: 5px;
    right: 5px;
    top: 5px;
    width: auto;
    overflow: hidden; }
    @media handheld, only screen and (max-width: 752px) {
      .gallery .gallery-carousel {
        left: 0;
        right: 0;
        top: 0;
        bottom: 50px; } }
    .gallery .gallery-carousel li {
      height: 100%;
      width: 100%;
      list-style: none;
      pointer-events: none;
      position: relative; }
    .gallery .gallery-carousel img {
      max-height: 78vh;
      max-width: 100%;
      width: auto;
      position: relative;
      z-index: 2; }
  .gallery .image-thumbs {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: auto;
    padding-top: 20px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    font-size: 0;
    white-space: nowrap;
    user-select: none;
    z-index: 2; }
    .gallery .image-thumbs li {
      width: 120px;
      height: auto;
      display: inline-block;
      list-style: none;
      white-space: nowrap;
      background: #1a262d;
      vertical-align: middle; }
    .gallery .image-thumbs img {
      display: block;
      width: 100%;
      height: auto; }
    .gallery .image-thumbs a {
      display: block; }
      .gallery .image-thumbs a img {
        border-bottom: 3px solid transparent;
        opacity: 0.4; }
      .gallery .image-thumbs a:hover img {
        opacity: 1;
        border-bottom-color: #e32116; }
      .gallery .image-thumbs a.on img {
        opacity: 1;
        border-bottom-color: #f0c30b; }

@media handheld, only screen and (min-width: 960px) {
  .gallery .image-thumbs {
    padding-bottom: 40px; } }

/*?
# Elements
*/
/*?
## Read more prompt
```html
<span class="more">&hellip;</span>
```
*/
.more {
  background: #d3d3d3;
  color: #d3d3d3;
  border-radius: 3px;
  font-weight: bold;
  position: relative;
  padding: 0 3px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  height: 14px; }
  .more:before {
    content: "…";
    position: absolute;
    top: -10px;
    color: #fff;
    font-size: normal; }
  .more:hover {
    background:   #e32116;
    color: #e32116; }

/*?
## Tooltip
```html
<span class="tooltip" data-title="This is the tooltip">Hover me</span>
```
```html
<span class="tooltip tooltip--long" data-title="Longer tooltip which breaks the text over multiple lines">Hover me</span>
```
If you want the trigger to appear as an icon, don't put any text in the element, and add the icon modifier:
```html
<span class="tooltip tooltip--icon" data-title="This is the tooltip"></span>
```
*/
.tooltip {
  position: relative;
  display: inline-block; }

.tooltip--icon {
  width: 18px;
  height: 18px;
  padding: 9px;
  margin: -9px;
  vertical-align: top; }

.tooltip--icon:before {
  content: '?';
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
  text-align: center;
  border-radius: 50%;
  color: #888888;
  cursor: help;
  border-radius: 100%;
  border: 1px solid #c4c4c4; }

.tooltip--link {
  cursor: help; }

.mzr-no-touch .tooltip:hover,
.tooltip.on {
  z-index: 30; }
  .mzr-no-touch .tooltip:hover:before,
  .tooltip.on:before {
    background: #1a262d;
    color: #f0c30b;
    border-color: #1a262d; }

.mzr-no-touch .tooltip:hover:after,
.tooltip.on:after {
  content: attr(data-title);
  text-transform: none;
  position: absolute;
  top: 0;
  left: 100%;
  padding: 8px 10px;
  line-height: 22px;
  font-size: 16px;
  white-space: nowrap;
  background: #1a262d;
  border-radius: 3px;
  color: #f0c30b;
  text-align: left;
  margin-left: 0; }
  @media handheld, only screen and (max-width: 752px) {
    .mzr-no-touch .tooltip:hover:after,
    .tooltip.on:after {
      position: fixed;
      top: 10%;
      left: 1em;
      right: 1em;
      overflow: auto; } }

.mzr-no-touch .tooltip--long:hover:after,
.tooltip--long.on:after {
  white-space: normal;
  width: 250px; }

/*?
## (Speech) Bubble
```html
<div class="bubble">Content</div>
```
*/
.bubble {
  position: relative;
  background: #f3f4f5;
  padding: 15px;
  border-radius: 3px; }

.bubble:after {
  display: block;
  content: " ";
  position: absolute;
  top: -8px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #f3f4f5; }

/*?
## Progress indicator
```html
<div class="progress-indicator">
	<div class="progress-indicator__step is-passed"></div>
	<div class="progress-indicator__step"></div>
	<div class="progress-indicator__step"></div>
</div>
```
*/
.progress-indicator {
  vertical-align: middle;
  width: 100%;
  height: 1em;
  box-sizing: content-box;
  text-align: right;
  margin-top: 2px; }

.progress-indicator__step {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 8px;
  position: relative;
  background: #edefed;
  border-radius: 50%; }

.progress-indicator__step.is-passed {
  background: #e32116; }

@media handheld, only screen and (max-width: 752px) {
  .progress-indicator {
    margin-top: 10px;
    text-align: center; }
  .progress-indicator__step {
    width: 10px;
    height: 10px; } }

/*?
## Slider
```html
<div class="slider">
	<div class="inner">
		<span class="slider__start">1k</span>
		<div class="slider__current bubble--top"><p><span rv-text="car.mileage"></span>k</p></div>
		<span class="slider__end">250k</span>
		<input class="slider__input" type="range" min="1" max="250" name="mileage" rv-value="car.mileage" {?mileage}value="{mileage}"{/mileage} required />
	</div>
</div>
```
*/
.slider .inner {
  margin-left: 2.5em;
  margin-right: 2.5em;
  margin-bottom: 1em;
  padding-top: 1.5em;
  position: relative; }

.slider__input {
  width: 100%;
  cursor: col-resize; }

.slider__start,
.slider__end {
  display: block;
  position: absolute;
  width: 100px;
  top: 0;
  font-size: 16px;
  cursor: default; }

.slider__current {
  position: absolute;
  left: 0;
  top: -30px;
  bottom: 0;
  margin-left: 9px; }
  .slider__current p {
    position: relative;
    left: -50%;
    color: #fff;
    padding: 5px 10px;
    margin: 0;
    background: rgba(0, 0, 0, 0.8); }
    .slider__current p:after {
      display: block;
      content: ' ';
      position: absolute;
      width: 0;
      height: 0;
      margin-left: 50%;
      left: -8px;
      bottom: -16px;
      border-top: 8px solid rgba(0, 0, 0, 0.8);
      border-bottom: 8px solid transparent;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent; }

.slider__start,
.slider__end {
  opacity: 0.8; }

.slider__start {
  left: 0;
  text-align: left; }

.slider__end {
  right: 0;
  text-align: right; }

/*?
## Numbers in circles
```html
<span class="number">4</span>
```
The number will be inserted automatically when using number--auto.
Use `.number-reset` to create a new counting context, or just use
the default context which is created automatically for body.
```html
<span class="number number--auto"></span>
<span class="number number--auto"></span>
```
*/
body,
.number-reset {
  counter-reset: auto-step-counter; }

.number {
  margin-right: 5px;
  margin-top: -0.2em;
  color: #fff;
  background-color: #e32116;
  display: inline-block;
  line-height: 28px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  overflow: hidden;
  font-size: 70%;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -0.05em;
  text-indent: 0; }
  .number--auto {
    counter-increment: auto-step-counter; }
    .number--auto:before {
      content: counter(auto-step-counter); }

/*?
## FAQ expanders
```html
<dl class="faq">
	<dt data-class="parent:on" class="link link--obvious">How does it work?</dt>
	<dd>
		<p>This is how it works...</p>
	</dd>
</dl>
```
*/
.faq dt {
  padding: 15px 25px 15px 0;
  position: relative; }
  .faq dt:after {
    position: absolute;
    right: 0;
    top: 10px;
    vertical-align: bottom;
    line-height: 180%;
    content: '⬊';
    font-family: "SSGizmo";
    font-weight: normal; }
  .faq dt:hover {
    color: #e32116; }

.faq dd {
  opacity: 0;
  max-height: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden; }

.faq.on dt:after {
  content: '⬆'; }

.faq.on dd {
  opacity: 1;
  max-height: 1000px;
  padding: 0 0 30px 0; }

/* Overflow elements */
.overflower {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 150px;
  border-radius: 3px; }

.overflower__zebra > * {
  padding: 10px;
  cursor: pointer; }
  .overflower__zebra > *:nth-of-type(odd) {
    background: #edefed; }
  .overflower__zebra > *:hover {
    background: #101010;
    color: #fff; }

/* Search field */
.search-field {
  display: flex;
  position: relative;
  margin-bottom: 10px; }
  .search-field div {
    position: absolute;
    bottom: -34px;
    left: 0; }
  .search-field .search-field__input {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 26px;
    margin-bottom: 0; }
  .search-field .search-field__button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    float: left;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    background: #32a530;
    color: #FFFFFF; }
    .search-field .search-field__button:hover {
      color: #FFFFFF;
      background: #47ae45; }
    .search-field .search-field__button:active {
      color: #FFFFFF;
      background: #2d952b; }
    .search-field .search-field__button:focus {
      box-shadow: 0 0 3px 2px #5bb759; }
  .search-field .search-field__results {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #FFFFFF;
    padding: 0.25em 0;
    display: none;
    z-index: 10; }
  .search-field .search-field__input:focus ~ .search-field__results {
    display: block; }
  .search-field .search-field__result {
    list-style-type: none;
    line-height: 1.5;
    margin: 1px 0; }
    .search-field .search-field__result:hover {
      background: #edefed; }
    .search-field .search-field__result a {
      display: block;
      padding: 0.1em 0.5em; }
    .search-field .search-field__result small {
      visibility: hidden;
      font-size: 0.5em;
      font-weight: bold;
      vertical-align: middle;
      margin-left: 1em;
      text-decoration: underline; }
    .search-field .search-field__result:hover small {
      visibility: visible; }

.livesearch__results {
  background: #fff;
  max-height: 0;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s; }
  .livesearch__results.on {
    max-height: 500px;
    opacity: 1;
    margin-bottom: 20px; }
  .livesearch__results:after {
    bottom: 100%;
    left: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(41, 55, 64, 0);
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -9px; }
  .livesearch__results img {
    margin-top: -5px; }
  .livesearch__results li {
    border-bottom: 1px solid #edefed; }
    .livesearch__results li:last-of-type {
      border-bottom: none; }
  .livesearch__results li a {
    display: block; }
  .livesearch__results li a:hover, .livesearch__results li.on a {
    color: #e32116; }

/* Section */
.section {
  position: relative; }
  .section--island {
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #FFFFFF;
    box-shadow: 0 1px 4px #e2e2e2; }
  .section--shade {
    background: #efefef;
    box-shadow: 0 1px 4px #efefef; }
  .section--narrow {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto; }
  .section--inline {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 10px; }

/*?
## Column divider
```html
<div class="cf">
	<div class="col w-5 pad--top">One</div>
	<div class="col w-2 column-divider marg--top-half"><span>OR</span></div>
	<div class="col w-5 pad--top">The other</div>
</div>
```
*/
.column-divider {
  line-height: 95px;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  color: #888888; }

.column-divider span {
  position: relative; }

.column-divider span:before,
.column-divider span:after {
  content: '';
  position: absolute;
  bottom: 120%;
  left: 50%;
  height: 125%;
  border-left: 1px solid #edefed; }

.column-divider span:before {
  bottom: 120%; }

.column-divider span:after {
  top: 120%; }

@media handheld, only screen and (max-width: 752px) {
  .column-divider {
    line-height: normal;
    border-top: 1px solid #edefed;
    margin-top: 25px; }
  .column-divider span {
    position: relative;
    background: #FFFFFF;
    top: -13px;
    background: #FFF;
    padding: 0 10px; }
  .column-divider span:before,
  .column-divider span:after {
    display: none; } }

.badge {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  border: 1px solid #e32116;
  color: #e32116;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 7px; }
  .badge--yellow {
    color: #f0c30b;
    border-color: #f0c30b; }
  .badge--slim {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px; }

.badge--ribbon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  position: absolute;
  z-index: 1;
  background: rgba(227, 33, 22, 0.9);
  line-height: 1.2em;
  top: 15px;
  right: -51px;
  width: 90px;
  padding: 10px 50px;
  color: #fff;
  font-weight: bold;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  text-align: center; }

.badge--gbreg {
  background: #fff url(../img/icon-gbreg.png) no-repeat 50%;
  -webkit-background-size: 17px 32px;
  -moz-background-size: 17px 32px;
  -ms-background-size: 17px 32px;
  -o-background-size: 17px 32px;
  background-size: 17px 32px;
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 3px 0 0 3px;
  font-size: 0;
  width: 20px;
  height: 34px;
  border: none;
  border-right: 1px solid #c4c4c4; }

.badge--ccnum {
  position: absolute;
  top: 5px;
  left: 9px;
  font-size: 30px;
  color: #edefed; }

.badge--overlay {
  position: absolute;
  top: 20px;
  left: 20px;
  border: none;
  width: 120px; }

/*?
## Flag (Media object, ish)
See http://csswizardry.com/2013/05/the-flag-object/
```html
<div class="flag">
	<div class="flag__image">
		<img src="{author.img}" width="55">
	</div>
	<div class="flag__body">
		<span class="block smallcaps txt--grey delta">Words By</span>
		<strong>The writer</strong>
	</div>
</div>
```
Use `flag--rev` to reverse the look, with the image to the right instead of left.
`flag--top` and `flag--bottom` align the image to the top or bottom instead of middle.
*/
.flag, .tabs-redux--groups .tab {
  display: table; }
  .flag__image, .tabs-redux--groups .tab__icon, .flag__body, .tabs-redux--groups .tab__body {
    display: table-cell;
    vertical-align: middle; }
    .flag--top .flag__image, .flag--top .tabs-redux--groups .tab__icon, .tabs-redux--groups .flag--top .tab__icon, .flag--top .flag__body, .flag--top .tabs-redux--groups .tab__body, .tabs-redux--groups .flag--top .tab__body {
      vertical-align: top; }
    .flag--bottom .flag__image, .flag--bottom .tabs-redux--groups .tab__icon, .tabs-redux--groups .flag--bottom .tab__icon, .flag--bottom .flag__body, .flag--bottom .tabs-redux--groups .tab__body, .tabs-redux--groups .flag--bottom .tab__body {
      vertical-align: bottom; }
  .flag__image, .tabs-redux--groups .tab__icon {
    padding-right: 10px; }
    .flag__image > img, .tabs-redux--groups .tab__icon > img {
      display: block;
      max-width: none; }
    .flag--rev .flag__image, .flag--rev .tabs-redux--groups .tab__icon, .tabs-redux--groups .flag--rev .tab__icon {
      padding-right: 0;
      padding-left: 10px; }
  .flag__body, .tabs-redux--groups .tab__body {
    width: 100%; }

/*?
## Progress bar
```html
<p class="progress"><span class="progress__bar" style="width: 73%"> 584</span></p>
```
*/
.progress {
  display: block;
  border-radius: 3px;
  position: relative; }
  .progress__bar {
    border-radius: 3px;
    min-height: 5px;
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
    vertical-align: middle;
    text-align: right;
    background-color: #c4c4c4;
    border-bottom: none !important;
    box-sizing: border-box; }
  .progress__bar--overlap {
    position: absolute;
    top: 0;
    left: 0; }
  .progress__bar--outline {
    background-color: rgba(0, 0, 0, 0.2); }
  .progress__bar__1 {
    background: #E32015; }
  .progress__bar__2 {
    background: #DC4E1A; }
  .progress__bar__3 {
    background: #D5761D; }
  .progress__bar__4 {
    background: #CE9921; }
  .progress__bar__5 {
    background: #C7B824; }
  .progress__bar__6 {
    background: #ADC027; }
  .progress__bar__7 {
    background: #88B92A; }
  .progress__bar__8 {
    background: #68B22C; }
  .progress__bar__9 {
    background: #4BAB2E; }
  .progress__bar__10 {
    background: #31A530; }
  .progress--components {
    padding-bottom: 25px; }
    .progress--components .progress__bar {
      border-radius: 3px 3px 3px 0; }
      .progress--components .progress__bar--outline {
        background-color: rgba(0, 0, 0, 0.18);
        top: 25px;
        border-radius: 0 0 3px 3px;
        height: 0px;
        padding-top: 3px;
        color: #888;
        line-height: 33px;
        white-space: nowrap; }

.table.sortable a {
  display: block; }

.table.sortable th {
  cursor: pointer;
  color: #888888; }
  .table.sortable th:hover, .table.sortable th.sorttable_sorted, .table.sortable th.sorttable_sorted_reverse {
    color: #e32116; }
  .table.sortable th.sortby.sorttable_sorted span {
    display: none; }
  .table.sortable th.sortby.sorttable_sorted:after {
    content: " \25B2"; }
  .table.sortable th.sortby.sorttable_sorted_reverse span {
    display: none; }
  .table.sortable th.sortby.sorttable_sorted_reverse:after {
    content: " \25BC"; }

.table.sortable thead th {
  padding-top: 5px;
  padding-bottom: 5px; }

.table {
  width: 100%; }

.table img {
  display: inline-block; }

.table--results td {
  padding: 2px 2px 2px 10px; }

.table--results tr:nth-child(odd) {
  background-color: #edefed; }

.table--keyval td {
  padding: 5px 10px; }

.table--keyval td.key {
  font-weight: bold;
  width: 60%; }

.table--keyval td.val {
  text-align: right; }

.table--capstats td {
  padding: 2px 15px; }

.table--capstats tr:nth-child(2n) {
  background-color: #fff; }

.table--capstats thead tr {
  background: #edefed !important; }

.table--capstats thead tr th {
  padding: 30px 15px 5px;
  border-bottom: 1px solid #c4c4c4; }

/*?
## Carousels
```html
<div class="inline-carousel marg--bottom">
	{#slides}
	<div>
		<div class="imageWrapper imageWrapper--3_2">
			<img data-src="{image.src}" alt="{image.alt}" />
		</div>
		<p>{description}</p>
	</div>
	{/slides}
</div>
```
*/
.inline-carousel {
  position: relative; }
  .inline-carousel:hover .owl-prev,
  .inline-carousel:hover .owl-next {
    opacity: 0.5; }
  .inline-carousel .owl-prev,
  .inline-carousel .owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15%;
    min-width: 25px;
    max-width: 100px;
    cursor: pointer;
    text-align: center;
    color: transparent;
    transition: background-color 0.25s ease, opacity 0.5s ease;
    background-color: transparent;
    opacity: 0.3; }
    .inline-carousel .owl-prev:hover,
    .inline-carousel .owl-next:hover {
      transition-duration: 0.1s, 0s;
      background-color: rgba(0, 0, 0, 0.1);
      opacity: 1; }
    .inline-carousel .owl-prev:before,
    .inline-carousel .owl-next:before {
      position: absolute;
      top: 47%;
      color: #FFFFFF;
      font-size: 60px; }
  .inline-carousel .owl-prev {
    left: 0; }
  .inline-carousel .owl-next {
    right: 0; }

.features-list li {
  list-style: none;
  border-bottom: 1px solid #edefed; }
  .features-list li:last-of-type {
    border-bottom: none; }
  .features-list li a.on, .features-list li a:hover {
    background: #1a262d;
    color: #fff;
    position: relative; }

@media handheld, only screen and (max-width: 752px) {
  .features-list {
    margin: 30px 0 20px; }
    .features-list li {
      border-bottom-color: #fff; }
    .features-list a {
      background: #edefed; } }

.features-list__goindex.on a, .features-list__goindex a {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #1a262d;
  padding-right: 20px; }
  .features-list__goindex.on a:hover, .features-list__goindex a:hover {
    background: #1a262d;
    color: #fff; }
  .features-list__goindex.on a:after, .features-list__goindex a:after {
    display: none; }

.features-list strong {
  display: block; }

.features-list a {
  display: block;
  padding: 15px 20px;
  padding-right: 40px; }

.articles .article {
  margin-bottom: 20px; }
  .articles .article a {
    display: block; }
  .articles .article a:hover h2 {
    color: #e32116; }

/*?
## Pagination
```html
<div class="paginate">
	<a href="{prevlink}" class="btn"><span>Prev</span></a>
	<a href="{nextlink}" class="btn"><span>Next</span></a>
</div>
```
*/
.filters span {
  width: 300px;
  word-wrap: normal; }

.filters .btn {
  background: #fff;
  color: #888888; }

.filters .btn:hover {
  background: #c4c4c4;
  color: #fff; }

.filters .btn.on {
  background: #888888;
  color: #fff; }

.carfinder .tabs--groups a:hover {
  background: #edefed; }

.carfinder .tabs--groups strong {
  color: #1a262d; }

.carfinder .tabs--groups i {
  font-style: normal; }

.carfinder .tabs--groups a.on {
  background: #1a262d; }
  .carfinder .tabs--groups a.on strong {
    color: #f0c30b; }
  .carfinder .tabs--groups a.on:after {
    border-top-color: #1a262d; }

.carfinder .tabs--groups em {
  font-style: normal;
  opacity: 0.5; }

.carfinder__categories, .carfinder__makes {
  margin-bottom: 30px;
  padding-top: 20px; }
  .carfinder__categories li, .carfinder__makes li {
    float: left;
    text-align: center;
    list-style: none;
    -webkit-transform: translate3d(0, 0, 0);
    animation: carfinder-fade-in 0.6s 0.3s both ease-out paused; }
    .carfinder__categories li:nth-child(n+8), .carfinder__makes li:nth-child(n+8) {
      animation-delay: 0.5s; }
    .carfinder__categories li .car, .carfinder__makes li .car {
      position: relative;
      animation: carfinder-drive-in 0.5s 0.5s ease-out both;
      animation-play-state: inherit; }
    .carfinder__categories li:nth-child(n+8) .car, .carfinder__makes li:nth-child(n+8) .car {
      animation-delay: 0.6s; }
  .carfinder__categories.on li,
  .no-js .carfinder__categories li,
  .carfinder__categories li.show, .carfinder__makes.on li,
  .no-js .carfinder__makes li,
  .carfinder__makes li.show {
    animation-play-state: running; }
  .carfinder__categories .car,
  .carfinder__categories .usage, .carfinder__makes .car,
  .carfinder__makes .usage {
    display: block;
    margin: 0 auto; }
  .carfinder__categories .car, .carfinder__makes .car {
    width: 96px;
    height: 42px; }
  .carfinder__categories .usage, .carfinder__makes .usage {
    width: 96px;
    height: 51px; }
  .carfinder__categories .make, .carfinder__makes .make {
    width: 35px;
    height: 35px; }
  .carfinder__categories strong, .carfinder__makes strong {
    display: block;
    color: #9AA3AE;
    margin-top: 5px;
    height: 40px; }
  .carfinder__categories .road, .carfinder__makes .road {
    display: block;
    width: 100%;
    border-bottom: 5px solid #35495E;
    box-shadow: 0 3px 0 #edefed;
    margin-top: -2px;
    margin-bottom: 15px; }
  .carfinder__categories a, .carfinder__makes a {
    display: block;
    padding: 20px 0 0; }
    .carfinder__categories a:hover .car, .carfinder__makes a:hover .car {
      position: relative;
      top: -5px; }
    .carfinder__categories a:hover strong, .carfinder__makes a:hover strong {
      color: #35495e; }

.carfinder__categories li {
  width: 14.28%; }

@media handheld, only screen and (max-width: 752px) {
  .carfinder__categories li {
    width: 20%; }
  .carfinder__categories a {
    padding: 5px 0; }
  .carfinder__categories .car {
    width: 84px;
    height: auto; } }

@media handheld, only screen and (max-width: 512px) {
  .carfinder__categories li {
    width: 33%; }
  .carfinder__categories .car {
    width: 72px;
    height: auto; } }

.carfinder__makes li {
  width: 16.6%;
  text-align: left;
  font-weight: bold; }

.carfinder__makes a {
  margin-right: 10px;
  border-top: 1px solid #edefed;
  color: #9AA3AE;
  padding: 15px 0; }
  .carfinder__makes a:hover {
    border-top-color: #f0c30b;
    color: #1a262d; }

@media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
  .carfinder__makes li {
    width: 20%;
    height: 50px; } }

@media handheld, only screen and (max-width: 752px) {
  .carfinder__makes li {
    width: 33.3%; } }

@media handheld, only screen and (max-width: 512px) {
  .carfinder__makes li {
    width: 50%; } }

@keyframes carfinder-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes carfinder-drive-in {
  0% {
    opacity: 0;
    left: -300px; }
  15% {
    opacity: 1; }
  100% {
    left: 0; } }

.carfinder.adloaded .carfinder__categories li {
  width: 20%; }

/*?
## Notice
```html
<span class="notice">No longer on sale</span>
```
*/
.notice {
  display: inline-block;
  padding: 2px 5px;
  vertical-align: middle;
  line-height: 1.25;
  border-radius: 3px;
  background: transparent;
  color: inherit;
  border: 2px solid currentColor; }

.calc .textput {
  font-weight: bold;
  position: relative;
  margin: 2px 0; }
  .calc .textput:after {
    font-family: "SSGizmo";
    font-size: 80%;
    margin-left: 5px;
    color: #c4c4c4; }
  .calc .textput input[type="range"] {
    vertical-align: middle; }
  .calc .textput.Bad, .calc .textput.Poor {
    color: #e32116; }
  .calc .textput.Bad:hover, .calc .textput.Poor:hover {
    color: #f1756e; }
  .calc .textput.Average {
    color: #eb7d24; }
  .calc .textput.Average:hover {
    color: #f1756e; }
  .calc .textput.Good, .calc .textput.Excellent {
    color: #32a530; }
  .calc .textput.Good:hover, .calc .textput.Excellent:hover {
    color: #6ad368; }
  .calc .textput > div {
    position: absolute;
    left: 0;
    top: -50px;
    bottom: 0;
    display: none;
    padding-left: 50%; }
    .calc .textput > div p {
      position: relative;
      left: -50%;
      width: 200px;
      padding: 17px 15px;
      margin: 0;
      background: rgba(0, 0, 0, 0.8); }
      .calc .textput > div p:after {
        display: block;
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 106px;
        bottom: -16px;
        border-top: 8px solid rgba(0, 0, 0, 0.8);
        border-bottom: 8px solid transparent;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent; }
  .calc .textput:hover, .calc .textput.on {
    color: #fff !important;
    background: #888888; }
    .calc .textput:hover div, .calc .textput.on div {
      display: block; }

@media handheld, only screen and (max-width: 752px) {
  .calc .textput > div {
    position: fixed;
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    z-index: 10; }
    .calc .textput > div p {
      width: auto;
      padding: 20px 15px 50px; }
      .calc .textput > div p:after {
        display: none; } }

/*?
## Ratings
```html
<ul class="ratings">
	<li class="ratings__row">
		<span class="ratings__label">Running costs</span>
		<span class="ratings__value">4/5</span>
	</li>
	<li class="ratings__row">
		<span class="ratings__label">Quality</span>
		<span class="ratings__value">2/5</span>
	</li>
	<li class="ratings__row">
		<span class="ratings__label">Average MPG</span>
		<span class="ratings__value">140 mpg</span>
	</li>
</ul>
```
*/
.ratings__row {
  position: relative;
  overflow: hidden; }
  .ratings__row:before {
    content: '';
    position: absolute;
    height: 0px;
    left: 0;
    right: 0;
    top: 11px;
    border-bottom: 1px solid #edefed; }

.ratings__label, .ratings__value {
  display: inline-block;
  position: relative;
  z-index: 1;
  background: white; }

.ratings__label {
  max-width: 200px;
  padding-right: 5px; }

.ratings__value {
  padding-left: 5px;
  float: right;
  vertical-align: middle; }

/*?
## Rating
```html
<span class="rating rating--blue rating--3"></span>
```

You can set the width using inline css.
If you do, please keep widths to multiples of 5!
```html
<span class="rating rating--blue rating--{theRating}" style="width: 95px"></span>
```
*/
.rating {
  width: 120px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  color: transparent;
  font-size: 0; }
  .rating:before, .rating:after {
    content: '';
    background-size: auto 100%;
    background-repeat: repeat-x;
    display: inline-block;
    padding-top: 20%; }
  .rating--small {
    width: 85px; }
  .rating--large {
    width: 200px; }
  .rating--blue:before {
    background-image: url("../img/rating-blue-on.png"); }
  .rating--blue:after {
    background-image: url("../img/rating-blue-off.png"); }
  .rating--red:before {
    background-image: url("../img/rating-red-on.png"); }
  .rating--red:after {
    background-image: url("../img/rating-red-off.png"); }
  .rating--0:before {
    width: 0%; }
  .rating--0:after {
    width: 100%; }
  .rating--1:before {
    width: 20%; }
  .rating--1:after {
    width: 80%; }
  .rating--2:before {
    width: 40%; }
  .rating--2:after {
    width: 60%; }
  .rating--3:before {
    width: 60%; }
  .rating--3:after {
    width: 40%; }
  .rating--4:before {
    width: 80%; }
  .rating--4:after {
    width: 20%; }
  .rating--5:before {
    width: 100%; }
  .rating--5:after {
    width: 0%; }

/*?
## tag
```html
<span class="tag tag--grey">24 months</span>
```
*/
.tag {
  border: 1px solid;
  border-radius: 0.2em;
  display: inline-block;
  padding: 0.2em;
  line-height: 1;
  font-weight: 500;
  vertical-align: middle;
  margin-top: -0.3em; }
  .tag--grey {
    color: #555;
    border-color: #777; }

/*?
## Category tag label
```html
<span class="cat bg--yellow">Category</span>
```
*/
.cat {
  float: left;
  margin: 0 0 10px 0;
  padding: 0 6px 1px;
  line-height: 1.334em; }
  .cat.bg--red, .modal--small .cat.modal__title {
    color: #fff; }
  .cat.bg--white {
    color: #888888; }
  .cat.bg--dark-blue, .cat.quickbar__container {
    color: #fff; }

/*?
## Midline
```html
<span class="midline">Text</span>
```
*/
.midline {
  font-size: 12px;
  line-height: inherit;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7); }

/*?
## Helpbox
```html
<div class="helpbox">
	<h3 class="helpbox__title">Let us help you...</h3>
	<ul class="helpbox__list">
		<li><a href="" target="_blank"><i class="align--v ss-crosshair"></i>Test Drive This Vehicle</a></li>
	</ul>
</div>
```
*/
.helpbox {
  background: #e32116;
  color: #FFFFFF;
  padding: 5px 10px; }
  .helpbox__title,
  .helpbox__list a {
    line-height: 1.2;
    padding: 10px 5px; }
  .helpbox__title {
    margin: 0;
    font-weight: bold; }
  .helpbox__list {
    list-style: none;
    font-weight: 500; }
    .helpbox__list li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
      .helpbox__list li:last-child {
        border-bottom: 0; }
    .helpbox__list a {
      display: block; }
      .helpbox__list a:hover {
        text-decoration: underline; }
    .helpbox__list i {
      display: inline-block;
      width: 1em;
      margin-right: 0.25em; }

/*?
## Page hero
```html
<div class="page-hero">
	<h1>Title</h1>
	<p>Lead</p>
</div>
```
*/
.page-hero {
  background: #e32116;
  padding: 0 10px 60px; }
  .page-hero h1, .page-hero p {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    color: #FFFFFF; }
  .page-hero h1 {
    margin-top: 2.5em; }
  .page-hero p {
    padding: 0 3em;
    margin-top: 0.5em;
    margin-bottom: 3em;
    font-weight: normal; }

/*?
## Big text
```html
<div class="big-text">
	<p>Text</p>
	<a class="btn" href="">CTA</a>
</div>
```
*/
.big-text {
  text-align: center; }
  .big-text p {
    font-size: 32px;
    font-weight: normal;
    max-width: 800px;
    margin: 20px auto;
    padding: 0 20px; }

.car-grid {
  text-align: left;
  margin: 20px 0 40px; }
  .car-grid .car {
    text-align: left;
    vertical-align: top;
    font-size: 18px;
    list-style-type: none;
    min-height: 180px; }
    .car-grid .car a {
      display: block;
      margin: 10px; }
      @media handheld, only screen and (max-width: 512px) {
        .car-grid .car a {
          margin: 2px; } }
    .car-grid .car p, .car-grid .car h3 {
      margin: 0;
      line-height: inherit; }
    .car-grid .car h3 {
      font-size: inherit;
      font-weight: bold;
      text-transform: capitalize; }
    .car-grid .car p {
      font-size: 0.8em;
      line-height: 1.2;
      color: #c4c4c4; }

.isle {
  position: relative;
  text-align: center;
  display: block;
  overflow: hidden;
  padding: 10px 5px;
  background: #f6f7f6;
  margin-bottom: 10px; }
  .isle--box {
    min-height: 67px; }
    @media handheld, only screen and (max-width: 752px) {
      .isle--box {
        min-height: 0; } }
  .isle--air {
    padding: 20px 5px; }
  .isle.on {
    box-shadow: 0 0 1px 3px rgba(66, 150, 205, 0.7);
    border-radius: 2px;
    z-index: 10; }
  .isle__top, .isle__mit, .isle__mid, .isle__icon, .isle__bot, .isle__sub {
    display: block;
    margin: 0 auto; }
  @media handheld, only screen and (max-width: 752px) {
    .isle__mit, .isle__mid {
      margin-bottom: 10px; } }
  .isle__mit {
    margin-top: 10px; }
  .isle__mid {
    margin-top: 5px;
    line-height: 1.2; }
  .isle__icon {
    line-height: 0;
    margin-bottom: 5px; }
  .isle__sub {
    font-size: 14px;
    margin: 0 -10px -20px;
    padding: 5px 0;
    background: rgba(237, 239, 237, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.4); }
  .isle__mit + .isle__sub,
  .isle__mid + .isle__sub,
  .isle__icon + .isle__sub {
    margin-top: 30px; }
  .isle__bot + .isle__sub {
    margin-top: 5px; }
  .isle__bottom {
    width: 96%;
    position: absolute;
    bottom: 4px;
    left: 4px; }

.isle--air.on {
  position: relative;
  box-shadow: none;
  background-color: #e32116;
  color: #fff;
  overflow: inherit; }
  .isle--air.on:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #e32116;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%); }

.card {
  box-sizing: border-box;
  text-align: center;
  border: solid 1px #eeeeee; }
  .card__title {
    margin: 10px 0 0;
    font-weight: normal; }
  .card__content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center; }

.map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .map-wrap {
    position: relative;
    height: 0;
    padding-top: 100%; }

/*?
## Twoliner

Puts text over two lines

```html
<div class="twoliner">
	<span>Offer Price</span>
	<strong>£19,000</strong>
</div>
```
```html
<div class="twoliner">
	<span>Offer Price</span>
	<em>£19,000</em>
</div>
```
```html
<div class="twoliner">
	<em>Offer Price</em>
	<span>£19,000</span>
</div>
```
*/
.twoliner {
  display: inline-block;
  color: #888888; }
  .twoliner strong, .twoliner span, .twoliner em {
    display: inline-block;
    color: #000000;
    line-height: 1.2; }
    .twoliner strong:last-child, .twoliner span:last-child, .twoliner em:last-child {
      display: block; }
  .twoliner strong {
    font-size: 1.1em; }
  .twoliner em {
    font-style: normal; }
  .twoliner span {
    font-size: 0.85em; }

.deals {
  list-style: none;
  background: #FFFFFF; }
  .deals__heading {
    color: #b3b3b3; }
  .deals__groupheading {
    background: #edefed; }
  .deals__expand-btn {
    float: right;
    display: inline-block;
    font-size: 2em;
    line-height: 1;
    padding: 0.15em 0.25em;
    margin: -0.15em -0.25em;
    color: #000000; }
    .deals__expand-btn:before {
      content: ''; }
  .deals__group--close .deals {
    display: none; }
    .deals__group--close .deals__groupheading {
      color: #c4c4c4; }
    .deals__group--close .deals__expand-btn:before {
      content: ''; }
  .deals__deal {
    padding: 10px;
    margin: 5px 0;
    border-bottom: solid 2px #ddd; }
    @media handheld, only screen and (max-width: 752px) {
      .deals__deal {
        padding: 0; } }
    .deals__deal:last-child {
      border-bottom: 0; }
    .deals__deal-title {
      font-size: 1.3em;
      font-weight: 700;
      margin: 0.5em 0 0.25em; }
    .deals__deal-specs {
      position: relative; }
    .deals__deal-toggle,
    .deals__deal .specs-list {
      line-height: 2; }
    .deals__deal .specs-list li {
      background-color: transparent; }
    .deals__deal-more {
      margin-top: 0.9em;
      display: none; }
    .deals__deal .if-expanded {
      display: none; }
    .deals__deal .else-expanded {
      display: inline; }
    .deals__deal--expanded .if-expanded {
      display: inline; }
    .deals__deal--expanded .else-expanded {
      display: none; }
    .deals__deal--expanded .specs-list {
      max-height: none;
      max-width: none; }
    .deals__deal--expanded .deals__deal-more {
      display: block; }

.js-dynamic-form.is-loading {
  background: url(../img/loading.gif) no-repeat center center #FFFFFF;
  min-height: 200px; }

.specs-list .spec:before {
  content: '';
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  line-height: inherit;
  vertical-align: middle;
  padding-right: 0.25em;
  background: no-repeat center center; }

.specs-list .spec--ncap:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSJub25lIiBkPSJNNzIuNjcsNDlDNzEuOTksMzgsNjMsMjkuMTQsNTIsMjguNDdWNDlINzIuNjd6Ii8+DQoJPHBhdGggZmlsbD0ibm9uZSIgZD0iTTQ5LDM4LjA0di05LjU3QzM4LDI5LjE0LDI5LjE0LDM4LDI4LjQ3LDQ5aDkuNTdDMzguNjcsNDMsNDMsMzguNjcsNDksMzguMDR6Ii8+DQoJPHBhdGggZmlsbD0ibm9uZSIgZD0iTTI4LjQ3LDUyQzI5LjE0LDYzLDM4LDcxLjk5LDQ5LDcyLjY3VjUySDI4LjQ3eiIvPg0KCTxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik01Miw2My4xdjkuNTdDNjMsNzEuOTksNzEuOTksNjMsNzIuNjcsNTJINjMuMUM2Mi40Nyw1OCw1OCw2Mi40Nyw1Miw2My4xeiIvPg0KCTxwYXRoIGQ9Ik05OCw0OUg3NS4zOEM3NC43LDM3LDY1LDI2LjQ0LDUyLDI1Ljc2VjIwaC0zdjUuNzZDMzcsMjYuNDQsMjYuNDQsMzcsMjUuNzYsNDlIM3YzaDIyLjc2QzI2LjQ0LDY1LDM3LDc0LjcsNDksNzUuMzhWODFoMw0KCQl2LTUuNjJDNjUsNzQuNyw3NC43LDY1LDc1LjM4LDUySDk4VjQ5eiBNNzIuNjcsNDlINTJWMjguNDdDNjMsMjkuMTQsNzEuOTksMzgsNzIuNjcsNDl6IE00OSwyOC40N3Y5LjU3DQoJCUM0MywzOC42NywzOC42Nyw0MywzOC4wNCw0OWgtOS41N0MyOS4xNCwzOCwzOCwyOS4xNCw0OSwyOC40N3ogTTI4LjQ3LDUySDQ5djIwLjY3QzM4LDcxLjk5LDI5LjE0LDYzLDI4LjQ3LDUyeiBNNTIsNzIuNjdWNjMuMQ0KCQlDNTgsNjIuNDcsNjIuNDcsNTgsNjMuMSw1Mmg5LjU3QzcxLjk5LDYzLDYzLDcxLjk5LDUyLDcyLjY3eiIvPg0KPC9nPg0KPC9zdmc+DQo="); }

.specs-list .spec--fuel:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNMzYuMDcsNTIuNTFsLTEwLjE1LTYuOTlMMjcsNDQuMDljMC44MS0xLjA4LDE5Ljk3LTI2LjUxLDIzLjk3LTMwLjQ0YzQuMDItMy45Niw3LjctNS43NSwxMy45NC04LjA1bDEuMTksMy4yMg0KCWMtNS44OSwyLjE3LTkuMTIsMy43NC0xMi43Miw3LjI4QzUwLjA3LDE5LjM0LDM1LDM5LjE5LDMwLjgyLDQ0LjcybDQuNDQsMy4wNmM0LjIxLTUuNzgsMTguNjQtMjUuMzMsMjMuMjMtMjguMzYNCgljMC42NC0wLjQyLDEuMjMtMC44MywxLjc5LTEuMjJjMy45LTIuNjgsNi40Ny00LjQ1LDE1LjE3LTUuMDVsMC4yNCwzLjQyYy03Ljc2LDAuNTMtOS43OCwxLjkzLTEzLjQ2LDQuNDUNCgljLTAuNTgsMC40LTEuMTgsMC44MS0xLjg1LDEuMjVjLTMuNDUsMi4yOC0xNS44NCwxOC41MS0yMy4zMywyOC44NkwzNi4wNyw1Mi41MXoiLz4NCjxwYXRoIGQ9Ik0zNiw5NS4zN2MtMC4xMywwLTAuMjcsMC0wLjQxLTAuMDFjLTMuODYtMC4xMy03LjAxLTIuMDItOC42NS01LjE5Yy0xLjU5LTMuMDgtMS40NS02Ljc2LDAuNDEtMTAuOTUNCgljMC44MS0xLjgyLDYuOTUtMTYuOTEsNy4wMS0xNy4wN2wxLjYyLTMuOThsMS41Nyw0YzAuMDYsMC4xNSw2LjA0LDE1LjQsNi44NCwxNy4yNmMwLjcsMS42MywyLjgyLDYuNTgsMC4xOCwxMS4yDQoJQzQyLjg1LDkzLjY1LDM5LjcyLDk1LjM3LDM2LDk1LjM3eiBNMzUuOTMsNjcuNDJjLTEuOSw0LjY3LTQuODcsMTEuOTItNS40NCwxMy4xOWMtMS40MiwzLjE5LTEuNTgsNS44Ny0wLjUsNy45OA0KCWMxLjA1LDIuMDQsMy4xMywzLjI1LDUuNzEsMy4zNGMwLjEsMCwwLjE5LDAsMC4yOSwwYzIuNSwwLDQuNDktMS4wNyw1LjYtM2MxLjgtMy4xNCwwLjE4LTYuOS0wLjM1LTguMTR2MA0KCUM0MC42OCw3OS40OSwzNy43OCw3Mi4xNCwzNS45Myw2Ny40MnoiLz4NCjwvc3ZnPg0K"); }

.specs-list .spec--tax:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNOTIuNzksNDkuM2MwLTIuMjEsMS43NC00LjAxLDMuOTItNC4xYy0wLjEyLTEuMjctMC4yOS0yLjUzLTAuNS0zLjc2Yy0yLjEzLDAuNDctNC4yNy0wLjgyLTQuODQtMi45NQ0KCQljLTAuNTctMi4xMiwwLjYzLTQuMywyLjY5LTQuOTdjLTAuNDQtMS4xOS0wLjkzLTIuMzUtMS40Ny0zLjQ5Yy0xLjkzLDAuOTctNC4zMSwwLjI4LTUuNC0xLjYyYy0xLjA5LTEuODgtMC41MS00LjI3LDEuMjctNS40Nw0KCQljLTAuNzMtMS4wMy0xLjUxLTIuMDMtMi4zMi0yLjk5Yy0xLjYxLDEuNC00LjA2LDEuMzQtNS41OS0wLjJjLTEuNTMtMS41My0xLjYtMy45Ni0wLjIxLTUuNThjLTAuOTctMC44MS0xLjk3LTEuNTctMy4wMS0yLjMNCgkJYy0xLjIsMS43NS0zLjU3LDIuMzEtNS40NCwxLjIzcy0yLjU3LTMuNC0xLjY2LTUuMzJjLTEuMTQtMC41My0yLjMtMS4wMS0zLjQ5LTEuNDRjLTAuNzEsMi0yLjg1LDMuMTQtNC45MywyLjU5DQoJCWMtMi4wOC0wLjU2LTMuMzUtMi42MS0yLjk4LTQuNjljLTEuMjMtMC4yMS0yLjQ4LTAuMzctMy43NS0wLjQ5Yy0wLjE4LDIuMS0xLjk0LDMuNzUtNC4wOSwzLjc1cy0zLjkxLTEuNjUtNC4wOS0zLjc1DQoJCWMtMS4yNiwwLjExLTIuNTEsMC4yNy0zLjc1LDAuNDljMC4zNywyLjA4LTAuOSw0LjEzLTIuOTgsNC42OWMtMi4wOCwwLjU2LTQuMjItMC41OS00LjkzLTIuNTljLTEuMTksMC40My0yLjM1LDAuOTItMy40OSwxLjQ0DQoJCWMwLjkxLDEuOTEsMC4yMSw0LjI0LTEuNjYsNS4zMmMtMS44NywxLjA4LTQuMjQsMC41Mi01LjQ0LTEuMjNjLTEuMDMsMC43My0yLjA0LDEuNDktMy4wMSwyLjNjMS4zOSwxLjYxLDEuMzIsNC4wNS0wLjIxLDUuNTgNCgkJYy0xLjUzLDEuNTMtMy45OCwxLjYtNS41OSwwLjJjLTAuODEsMC45Ny0xLjU5LDEuOTYtMi4zMiwyLjk5YzEuNzgsMS4xOSwyLjM2LDMuNTgsMS4yNyw1LjQ3cy0zLjQ3LDIuNTktNS40LDEuNjINCgkJYy0wLjUzLDEuMTQtMS4wMywyLjMxLTEuNDcsMy40OWMyLjA2LDAuNjcsMy4yNiwyLjg1LDIuNjksNC45N2MtMC41NywyLjEzLTIuNzEsMy40Mi00Ljg0LDIuOTVjLTAuMjIsMS4yNC0wLjM5LDIuNDktMC41LDMuNzYNCgkJYzIuMTgsMC4xLDMuOTIsMS45LDMuOTIsNC4xYzAsMi4yMi0xLjc2LDQuMDMtMy45Niw0LjFjMC4xMSwxLjI3LDAuMjcsMi41MywwLjQ4LDMuNzhjMi4xNS0wLjUxLDQuMzMsMC43OCw0LjkxLDIuOTMNCgkJYzAuNTgsMi4xNi0wLjY4LDQuMzgtMi44Miw1LjAxYzAuNDQsMS4yLDAuOTIsMi4zOCwxLjQ1LDMuNTNjMS45NS0xLjA4LDQuNDItMC40LDUuNTQsMS41NGMxLjEzLDEuOTUsMC40Nyw0LjQ0LTEuNDYsNS41OA0KCQljMC43MywxLjA1LDEuNTEsMi4wNiwyLjMyLDMuMDRjMS42MS0xLjU3LDQuMTgtMS41Nyw1Ljc4LDAuMDNzMS42LDQuMTksMC4wMSw1Ljc5YzAuOTgsMC44MiwxLjk5LDEuNjEsMy4wMywyLjM1DQoJCWMxLjE0LTEuOTYsMy42NS0yLjYzLDUuNjEtMS41czIuNjQsMy42NSwxLjUsNS42MWMwLDAuMDEtMC4wMSwwLjAxLTAuMDEsMC4wMmMxLjE2LDAuNTQsMi4zNCwxLjA0LDMuNTUsMS40OA0KCQljMC0wLjAxLDAtMC4wMiwwLjAxLTAuMDNjMC41OS0yLjE5LDIuODQtMy40OSw1LjAzLTIuOXMzLjQ5LDIuODQsMi45LDUuMDNjMCwwLjAxLTAuNDUsMC4wMi0wLjQ2LDAuMDMNCgkJYzEuMjUsMC4yMiwyLjM2LDAuMzgsMy4zNiwwLjVjMC0wLjAxLDAtMC4wMiwwLTAuMDNjMC0yLjI3LDIuNzMtNC4xMSw1LTQuMTFzNSwxLjg0LDUsNC4xMWMwLDAuMDEsMCwwLjAyLDAsMC4wMw0KCQljMS0wLjExLDIuMTEtMC4yOCwzLjM3LTAuNWMwLTAuMDEtMC4yMy0wLjAyLTAuMjMtMC4wM2MtMC41OS0yLjE5LDAuNi00LjQ0LDIuNzktNS4wM3M0LjM5LDAuNzEsNC45NywyLjkNCgkJYzAsMC4wMS0wLjAyLDAuMDItMC4wMiwwLjAzYzEuMjEtMC40NCwyLjM4LTAuOTQsMy41My0xLjQ4YzAtMC4wMS0wLjAxLTAuMDEtMC4wMi0wLjAyYy0xLjEzLTEuOTYtMC40Ni00LjQ4LDEuNS01LjYxDQoJCXM0LjQ3LTAuNDYsNS42MSwxLjVjMS4wNC0wLjc0LDIuMDUtMS41MiwzLjAzLTIuMzVjLTEuNTktMS42MS0xLjU5LTQuMiwwLjAxLTUuNzljMS41OS0xLjU5LDQuMTctMS42LDUuNzgtMC4wMw0KCQljMC44Mi0wLjk4LDEuNTktMiwyLjMyLTMuMDRjLTEuOTMtMS4xNS0yLjU4LTMuNjMtMS40Ni01LjU4YzEuMTItMS45NCwzLjU5LTIuNjIsNS41NC0xLjU0YzAuNTMtMS4xNSwxLjAxLTIuMzMsMS40NS0zLjUzDQoJCWMtMi4xNC0wLjYyLTMuNC0yLjg0LTIuODItNS4wMWMwLjU4LTIuMTUsMi43NS0zLjQ0LDQuOTEtMi45M2MwLjIxLTEuMjQsMC4zNy0yLjUsMC40OC0zLjc4Qzk0LjU1LDUzLjMzLDkyLjc5LDUxLjUyLDkyLjc5LDQ5LjN6DQoJCSBNNTEsODguMDNjLTIxLjI4LDAtMzguNTQtMTcuMjUtMzguNTQtMzguNTRjMC0yMS4yOCwxNy4yNS0zOC41NCwzOC41NC0zOC41NFM4OS41NCwyOC4yMSw4OS41NCw0OS41DQoJCUM4OS41NCw3MC43OCw3Mi4yOSw4OC4wMyw1MSw4OC4wM3oiLz4NCgk8Zz4NCgkJPHBhdGggZD0iTTQwLjIxLDI2LjkzaC00LjA1bDEuOTQtMy4zMmg1LjY1djIzLjQ0aC0zLjU0VjI2LjkzeiIvPg0KCQk8cGF0aCBkPSJNNTYuMyw0My43Mmg4LjczdjMuMzJINDkuMjlsOC4xNC05Ljg1YzAuOC0wLjk4LDEuNDctMS44MywyLjAxLTIuNTVjMC41NC0wLjcyLDAuOTUtMS4zMiwxLjI0LTEuODENCgkJCWMwLjU4LTAuOTUsMC44Ny0xLjgxLDAuODctMi41N2MwLTEuMDktMC4zOC0yLjAxLTEuMTUtMi43NXMtMS43Mi0xLjExLTIuODUtMS4xMWMtMi4zNywwLTMuNzIsMS40LTQuMDcsNC4yMWgtMy41Mg0KCQkJYzAuNTctNC45NCwzLjA2LTcuNDEsNy40OC03LjQxYzIuMTQsMCwzLjkzLDAuNjgsNS4zNywyLjAzYzEuNDYsMS4zNiwyLjE5LDMuMDQsMi4xOSw1LjA0YzAsMS4yOC0wLjM0LDIuNTMtMS4wMiwzLjc1DQoJCQljLTAuMzQsMC42NC0wLjg1LDEuMzktMS41MSwyLjI3cy0xLjUsMS45MS0yLjUxLDMuMUw1Ni4zLDQzLjcyeiIvPg0KCTwvZz4NCgk8cGF0aCBkPSJNNTAuNjYsODAuNzVjLTYuNTEsMC0xMS44LTUuMjktMTEuOC0xMS44czUuMjktMTEuOCwxMS44LTExLjhzMTEuOCw1LjI5LDExLjgsMTEuOFM1Ny4xNiw4MC43NSw1MC42Niw4MC43NXogTTUwLjY2LDYwLjY0DQoJCWMtNC41OCwwLTguMzEsMy43My04LjMxLDguMzFjMCw0LjU4LDMuNzMsOC4zMSw4LjMxLDguMzFzOC4zMS0zLjczLDguMzEtOC4zMUM1OC45Nyw2NC4zNyw1NS4yNCw2MC42NCw1MC42Niw2MC42NHoiLz4NCgk8Zz4NCgkJPHBhdGggZD0iTTY1Ljk0LDYzLjk2YzAsMC4xOC0wLjAxLDAuMzYtMC4wMSwwLjU0YzguODctMS41NCwxNy41OS00LjU1LDI2LjA1LTkuMDJsLTEuNjMtMy4wOGMtOC4wMyw0LjI0LTE2LjI5LDcuMTEtMjQuNyw4LjYxDQoJCQlDNjUuODQsNjEuOTYsNjUuOTQsNjIuOTUsNjUuOTQsNjMuOTZ6Ii8+DQoJCTxwYXRoIGQ9Ik0zNi4wNyw2My45NmMwLTEuMTEsMC4xMy0yLjE5LDAuMzYtMy4yNGMtOC4zLTEuNTctMTYuNzktNC4zNi0yNS4zNy04LjM2bC0xLjQ3LDMuMTZjOC45NCw0LjE3LDE3LjgxLDcuMDcsMjYuNDksOC42OA0KCQkJQzM2LjA3LDY0LjEyLDM2LjA3LDY0LjA0LDM2LjA3LDYzLjk2eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K"); }

.specs-list .spec--gears:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNNTUuMDIsOTQuMTJjLTAuODMsMC0xLjU2LTAuNTgtMS43My0xLjQxTDUxLjM2LDgzaC0zLjk1bC0xLjk0LDkuNzFjLTAuMTgsMC45MS0xLjA0LDEuNTItMS45NiwxLjQNCgljLTMuODctMC41MS03LjY5LTEuNTMtMTEuMzMtMy4wNGMtMC44Ni0wLjM2LTEuMjktMS4zMi0wLjk5LTIuMTlsMy4xOS05LjM5bC0zLjQyLTEuOTdsLTYuNTMsNy40NWMtMC42MSwwLjctMS42NiwwLjgtMi40LDAuMjMNCgljLTMuMTEtMi4zOS01Ljg5LTUuMTgtOC4yOC04LjNjLTAuNTYtMC43NC0wLjQ2LTEuNzgsMC4yNC0yLjRsNy40NC02LjUzbC0xLjk3LTMuNDJsLTkuMzYsMy4xOGMtMC44OCwwLjMtMS44NC0wLjE0LTIuMTktMQ0KCWMtMS40OC0zLjU5LTIuNDktNy40LTMtMTEuMzNjLTAuMTItMC45MiwwLjQ4LTEuNzcsMS4zOS0xLjk1bDkuNy0xLjkzdi0zLjk0bC05LjY5LTEuOTNjLTAuOTEtMC4xOC0xLjUyLTEuMDQtMS40LTEuOTYNCgljMC41Mi0zLjk3LDEuNTQtNy43OCwzLjAxLTExLjMyYzAuMzYtMC44NiwxLjMyLTEuMjksMi4yLTAuOTlsOS4zNCwzLjE3bDEuOTctMy40MmwtNy4zOS02LjQ5Yy0wLjctMC42MS0wLjgtMS42Ni0wLjIzLTIuNA0KCWMyLjM5LTMuMSw1LjE4LTUuODksOC4yOS04LjI4YzAuNzQtMC41NywxLjc5LTAuNDYsMi40LDAuMjRsNi40OCw3LjM5bDMuNDItMS45N2wtMy4xNi05LjNjLTAuMy0wLjg4LDAuMTQtMS44NCwwLjk5LTIuMTkNCgljMy41OC0xLjQ4LDcuMzktMi40OSwxMS4zMi0zYzAuOTItMC4xMiwxLjc4LDAuMzksMS45NiwxLjNMNDcuNDEsMTZoMy45NGwxLjkyLTkuNTdjMC4xOC0wLjkxLDEuMDMtMS40NywxLjk2LTEuMzUNCgljMy45OCwwLjUyLDcuNzksMS41NSwxMS4zMiwzLjAxYzAuODYsMC4zNiwxLjI5LDEuMzMsMC45OSwyLjIxbC0zLjE2LDkuMzJsMy40MiwxLjk4bDYuNDgtNy4zOWMwLjYxLTAuNywxLjY2LTAuOCwyLjQtMC4yNA0KCWMzLjExLDIuMzksNS45LDUuMTcsOC4yOSw4LjI4YzAuNTcsMC43NCwwLjQ2LDEuNzktMC4yMywyLjRsLTcuMzksNi40OWwxLjk3LDMuNDJsOS4zMy0zLjE3YzAuODgtMC4zLDEuODQsMC4xNCwyLjE5LDAuOTkNCgljMS41MSwzLjYyLDIuNTMsNy40MywzLjA0LDExLjMyYzAuMTIsMC45Mi0wLjQsMS43OC0xLjMxLDEuOTZMODMsNDcuNTh2My45NWw5LjU5LDEuOTNjMC45MSwwLjE4LDEuNDcsMS4wMywxLjM2LDEuOTUNCgljLTAuNSwzLjg5LTEuNTQsNy43LTMuMDQsMTEuMzNjLTAuMzUsMC44Ni0xLjMzLDEuMjktMi4yMSwxbC05LjM3LTMuMThsLTEuOTgsMy40Mmw3LjQ0LDYuNTJjMC43LDAuNjEsMC44LDEuNjYsMC4yNCwyLjQNCgljLTIuMzksMy4xMS01LjE3LDUuOS04LjI4LDguM2MtMC43NCwwLjU3LTEuNzksMC40Ni0yLjQtMC4yM2wtNi41My03LjQ0bC0zLjQyLDEuOTdsMy4xOSw5LjRjMC4zLDAuODgtMC4xNCwxLjg0LTAuOTksMi4xOQ0KCWMtMy42MywxLjUxLTcuNDUsMi41My0xMS4zMywzLjA0QzU1LjE3LDk0LjEyLDU1LjEsOTQuMTIsNTUuMDIsOTQuMTJ6IE00NS45Nyw3OWg2Ljg0YzAuODQsMCwxLjU2LDAuODMsMS43MywxLjY1bDEuODksOS42DQoJYzIuNDgtMC40Myw0LjkxLTEuMDIsNy4yOC0xLjg5bC0zLjExLTkuMTRjLTAuMjctMC44LDAuMDYtMS42NiwwLjc5LTIuMDhsNS45Mi0zLjQxYzAuNzMtMC40MiwxLjY1LTAuMjYsMi4yMSwwLjM3bDYuMzcsNy4yNw0KCWMxLjkzLTEuNjEsMy43MS0zLjM5LDUuMzItNS4zM2wtNy4yNi02LjM3Yy0wLjYzLTAuNTUtMC43OC0xLjQ4LTAuMzYtMi4yMWwzLjQyLTUuOTJjMC40Mi0wLjczLDEuMy0xLjA2LDIuMDktMC43OWw5LjE0LDMuMQ0KCWMwLjg3LTIuMzYsMS41Mi00LjgsMS45NC03LjI3bC05LjYtMS44OEM3OS43NCw1NC41Myw3OSw1My44MSw3OSw1Mi45N3YtNi44NGMwLTAuODQsMC43NC0xLjU2LDEuNTYtMS43M2w5LjUxLTEuODgNCgljLTAuNDMtMi40OC0xLjA1LTQuOTEtMS45Mi03LjI3bC05LjA5LDMuMDljLTAuOCwwLjI3LTEuNjYtMC4wNi0yLjA4LTAuNzlsLTMuNDEtNS45MmMtMC40Mi0wLjczLTAuMjctMS42NSwwLjM3LTIuMjFsNy4yMi02LjMzDQoJYy0xLjYxLTEuOTMtMy4zOS0zLjcxLTUuMzItNS4zMWwtNi4zMiw3LjIxYy0wLjU1LDAuNjMtMS40OCwwLjc4LTIuMjEsMC4zNmwtNS45Mi0zLjQyYy0wLjczLTAuNDItMS4wNi0xLjMtMC43OS0yLjA5bDMuMDgtOS4wOA0KCWMtMi4zMS0wLjg0LTQuNzQtMS40OC03LjI2LTEuOTFsLTEuODcsOS41OEM1NC4zNywxOS4yNyw1My42NCwyMCw1Mi44LDIwaC02Ljg0Yy0wLjg0LDAtMS41Ni0wLjczLTEuNzMtMS41NWwtMS44Ny05LjUxDQoJYy0yLjUsMC40Mi00LjkzLDEuMDMtNy4yNiwxLjg5bDMuMDgsOS4wNmMwLjI3LDAuOC0wLjA2LDEuNjYtMC43OSwyLjA4bC01LjkyLDMuNDFjLTAuNzMsMC40Mi0xLjY1LDAuMjYtMi4yLTAuMzdsLTYuMzItNy4yMQ0KCWMtMS45MywxLjYxLTMuNzEsMy4zOC01LjMyLDUuMzFsNy4yMSw2LjMzYzAuNjMsMC41NSwwLjc4LDEuNDgsMC4zNiwyLjIxbC0zLjQyLDUuOTJjLTAuNDIsMC43My0xLjMsMS4wNi0yLjA5LDAuNzlsLTkuMTEtMy4wOQ0KCWMtMC44NSwyLjMyLTEuNDksNC43NS0xLjkyLDcuMjZsOS43LDEuODhjMC44MiwwLjE2LDEuNjQsMC44OSwxLjY0LDEuNzN2Ni44NGMwLDAuODQtMC44MiwxLjU2LTEuNjQsMS43M2wtOS42LDEuODgNCgljMC40MiwyLjUsMS4wMSw0LjkzLDEuODcsNy4yN2w5LjExLTMuMWMwLjgtMC4yNywxLjY2LDAuMDYsMi4wOCwwLjc5bDMuNDEsNS45MmMwLjQyLDAuNzMsMC4yNiwxLjY1LTAuMzcsMi4ybC03LjI2LDYuMzcNCgljMS42MSwxLjkzLDMuMzksMy43Miw1LjMyLDUuMzNsNi4zNy03LjI3YzAuNTUtMC42MywxLjQ4LTAuNzgsMi4yMS0wLjM2bDUuOTIsMy40MmMwLjczLDAuNDIsMS4wNiwxLjMsMC43OSwyLjA5bC0zLjExLDkuMTcNCgljMi4zNywwLjg4LDQuODEsMS41Myw3LjI4LDEuOTZsMS44OS05LjcyQzQ0LjQsNzkuODMsNDUuMTMsNzksNDUuOTcsNzl6Ii8+DQo8cGF0aCBkPSJNNDkuNDMsNjcuNDhjLTkuODUsMC0xNy44Ny04LjAyLTE3Ljg3LTE3Ljg3czguMDItMTcuODcsMTcuODctMTcuODdjOS44NSwwLDE3Ljg3LDguMDIsMTcuODcsMTcuODcNCglTNTkuMjksNjcuNDgsNDkuNDMsNjcuNDh6IE00OS40MywzNS4yN2MtNy45MSwwLTE0LjM1LDYuNDQtMTQuMzUsMTQuMzVzNi40NCwxNC4zNSwxNC4zNSwxNC4zNXMxNC4zNS02LjQ0LDE0LjM1LTE0LjM1DQoJUzU3LjM1LDM1LjI3LDQ5LjQzLDM1LjI3eiIvPg0KPC9zdmc+DQo="); }

.specs-list .spec--insurance:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSJub25lIiBkPSJNODMuNTQsMTQuNDdjLTEyLjc3LDAtMjIuODUtMi4xNy0zMy44Ni04LjczYy0xMS4wMSw2LjU1LTIxLjA5LDguNzMtMzMuODYsOC43Mw0KCQljLTEuNDYsNDQuNjEsMjUuNzIsNzQuNTUsMzMuODYsNzQuNTVDNTcuODEsODkuMDIsODQuOTksNTkuMDgsODMuNTQsMTQuNDd6Ii8+DQoJPHBhdGggZD0iTTQ5LjY3LDkwLjUyYy0xLjY1LDAtNS4zMS0wLjkzLTExLjM0LTcuMTZDMzQuNTksNzkuNSwyNy40Nyw3MC45MiwyMS43Niw1Ni44Yy01LjQyLTEzLjM5LTcuOTMtMjcuNjQtNy40NS00Mi4zN0wxNC4zNiwxMw0KCQloMS40NWMxMy4zNCwwLDIyLjkzLTIuNDgsMzMuMS04LjUzTDQ5LjY3LDRsMC43NywwLjQ3QzYwLjYxLDEwLjUyLDcwLjIsMTMsODMuNTQsMTNoMS40NWwwLjA1LDEuNDQNCgkJYzAuNDgsMTQuNzMtMi4wMywyOC45OC03LjQ1LDQyLjM3Yy01LjcyLDE0LjEyLTEyLjg0LDIyLjctMTYuNTcsMjYuNTZDNTQuOTksODkuNTksNTEuMzIsOTAuNTIsNDkuNjcsOTAuNTJ6IE0xNy4yNywxNS45Ng0KCQljLTAuMjYsMTMuOCwyLjE4LDI3LjE1LDcuMjcsMzkuNzFjNS41MywxMy42NSwxMi4zNiwyMS45LDE1Ljk1LDI1LjZjNC40Niw0LjYxLDcuNzQsNi4yNCw5LjE5LDYuMjRjMS40NSwwLDQuNzItMS42NCw5LjE5LTYuMjQNCgkJYzMuNTgtMy43LDEwLjQyLTExLjk1LDE1Ljk1LTI1LjZjNS4wOS0xMi41Niw3LjUzLTI1LjkyLDcuMjctMzkuNzJjLTEyLjg1LTAuMTctMjIuMzktMi42Ny0zMi40LTguNDgNCgkJQzM5LjY2LDEzLjI4LDMwLjEyLDE1Ljc5LDE3LjI3LDE1Ljk2eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggZD0iTTUwLDUuNzlWNDdIMjBjLTIuNzktOS00LjQxLTE5Ljk2LTQuMDUtMzIuNzJDMjcuMzgsMTMuMDQsMzksMTAuNDUsNTAsNS43OXoiLz4NCgk8cGF0aCBmaWxsPSJub25lIiBkPSJNNTAsNS43OVY0N0gyMGMtMi43OS05LTQuNDEtMTkuOTYtNC4wNS0zMi43MkMyNy4zOCwxMy4wNCwzOSwxMC40NSw1MCw1Ljc5eiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggZD0iTTUwLDg4LjY1VjQ3LjM3bDI4Ljk4LDAuMDFDNzQuNDgsNjUuMTcsNTgsODkuMDIsNTAsODguNjV6Ii8+DQoJPHBhdGggZmlsbD0ibm9uZSIgZD0iTTUwLDg4LjY1VjQ3LjM3bDI4Ljk4LDAuMDFDNzQuNDgsNjUuMTcsNTgsODkuMDIsNTAsODguNjV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); }

.specs-list .spec--doors:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNNjkuOTYsODBIMTdWMTJoMS4wNGMxNi40NCwwLDU1LjkzLDMuNSw2Ny40NiwzNmwwLjE3LDAuNDZsLTAuMjIsMC40NEw2OS45Niw4MHogTTE5LDc4aDQ5LjUybDE0LjUxLTI5LjUzDQoJQzcyLjA0LDE4LjU0LDM2LDE0LjUsMTksMTQuMzNWNzh6Ii8+DQo8cGF0aCBkPSJNNzkuMyw0OS44MUwyNCw0OS4xM3YtMjkuNGwwLjk2LDAuMDJjOS4xMiwwLjE1LDE3Ljg0LDEuNjYsMjUuNDMsNC4zNWM1Ljk1LDIuMTEsMTEuMTUsNC45NiwxNS41Niw4LjQ3DQoJYzUuMzEsNC4yMiw5LjU1LDkuNDYsMTIuNDUsMTUuNTZMNzkuMyw0OS44MXogTTI2LDQ2LjgybDQ5LjM2LDAuNjFjLTUuMi05LjgtMTMuODQtMTYuOS0yNS43Ny0yMS4xM0M0Mi41NiwyMy44MSwzNCwyMi4zNywyNiwyMi4xMQ0KCVY0Ni44MnoiLz4NCjxyZWN0IHg9IjI0IiB5PSI1MyIgd2lkdGg9IjExIiBoZWlnaHQ9IjIiLz4NCjwvc3ZnPg0K"); }

.specs-list .spec--mpg:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8bGluZSBmaWxsPSJub25lIiB4MT0iNjcuMzMiIHkxPSI2OS41MyIgeDI9IjMyLjE5IiB5Mj0iMzcuNCIvPg0KCTxyZWN0IHg9IjI1Ljk1IiB5PSI1Mi4wNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzM4IC0wLjY3NDggMC42NzQ4IC0wLjczOCA1MC40MTAxIDEyNi41MDEyKSIgd2lkdGg9IjQ3LjYyIiBoZWlnaHQ9IjIuODMiLz4NCjwvZz4NCjxnPg0KCTxsaW5lIGZpbGw9Im5vbmUiIHgxPSIzMi4xOSIgeTE9IjY5LjUzIiB4Mj0iNjcuMzMiIHkyPSIzNy40Ii8+DQoJPHJlY3QgeD0iNDguMzUiIHk9IjI5LjY1IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC42NzQ4IC0wLjczOCAwLjczOCAtMC42NzQ4IDQzLjg4NDEgMTI2LjI2NTQpIiB3aWR0aD0iMi44MyIgaGVpZ2h0PSI0Ny42MiIvPg0KPC9nPg0KPHBhdGggZD0iTTgzLDg5SDE3VjEyLjI4YzAtMC45NCwwLjA1LTUuNDMsMi4wMS03LjQyQzE5LjY1LDQuMjEsMjAuNDcsNCwyMS4zMiw0aDM2LjQ5bDIuNTUsMTAuNDNMODMsMTkuNDRWODl6IE0yMCw4Nmg2MFYyMS43DQoJbC0yMi4wNi00LjgyTDU1LjU5LDdIMjEuMzJjLTAuMDUsMC0wLjA3LTAuMjEtMC4yMS0wLjA3QzIwLjI3LDcuNzksMjAsMTAuNTMsMjAsMTIuMjV2MC4wMlY4NnoiLz4NCjxyZWN0IHg9IjMzIiB5PSIxNCIgd2lkdGg9IjI2IiBoZWlnaHQ9IjMiLz4NCjxyZWN0IHg9IjY1Ljc3IiB5PSIxMC41MyIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuOTgwMiAtMC4xOTggMC4xOTggLTAuOTgwMiAxMzAuMjkyNSA0MC43Nzg5KSIgd2lkdGg9IjIuODMiIGhlaWdodD0iNi42OSIvPg0KPHJlY3QgeD0iNzQuODIiIHk9IjEyLjUxIiB0cmFuc2Zvcm09Im1hdHJpeCgtMC45ODAyIC0wLjE5OCAwLjE5OCAtMC45ODAyIDE0Ny44MjAyIDQ2LjQ5MzkpIiB3aWR0aD0iMi44MyIgaGVpZ2h0PSI2LjY5Ii8+DQo8cmVjdCB4PSI2My42IiB5PSIxMC4zNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuOTc4MSAtMC4yMDgyIDAuMjA4MiAtMC45NzgxIDE0MC40MTk1IDM4LjMwOSkiIHdpZHRoPSIxNy4yNSIgaGVpZ2h0PSIyLjgzIi8+DQo8L3N2Zz4NCg=="); }

.specs-list .spec--co2:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNNjMuNTUsODIuOTdjLTMuMzIsMC02LjczLTAuNzctMTAuMTgtMi4zYy0zLjE3LTEuNDEtNi4zMS0zLjQzLTkuMzQtNi4wMWMtNC40MSwzLjAyLTkuNTYsNC42Ni0xNS4wMSw0Ljc4DQoJYy01LjM4LDAuMTEtMTAuNzItMS4zMS0xNS4wNS00LjAyYy02Ljg5LTQuMy0xMC4yNS0xMS4xNi05LjEtMTguNDdjLTMuMDItNC4xOC00LjUyLTguNTQtNC40My0xMi45OQ0KCWMwLjA4LTQuMjIsMS42Mi04LjM0LDQuNDUtMTEuOTNjMy43NS00Ljc0LDkuNDEtOC4yMSwxNS45NS05Ljc3YzYuNi0xLjU4LDEzLjQxLTEuMDksMTkuNzgsMS40MmMyLjU2LTQuMTMsNy4yNi03LjAzLDEzLjEyLTguMDQNCgljMy45MS0wLjY3LDguMDQtMC40NiwxMS45NCwwLjYxYzMuODcsMS4wNiw3LjMzLDIuOTIsMTAuMDYsNS40MWM0LjM3LTAuNjgsOC42MS0wLjA5LDEyLjMxLDEuNzJjMy41OCwxLjc1LDYuNTgsNC41Nyw4LjY0LDguMTUNCgljMi4wNiwzLjU3LDMuMDcsNy43NiwyLjg1LDExLjc5Yy0wLjIyLDMuOTktMS42LDcuNzEtNCwxMC44NGMxLjczLDIuOTUsMi41OCw1Ljg5LDIuNSw4Ljc2Yy0wLjA3LDIuODYtMS4wNyw1LjU0LTIuODksNy43NQ0KCWMtMy41Nyw0LjMzLTkuNzIsNi4xMy0xNC45OSw0LjUxYy00LjU0LDQuODMtOS43Myw3LjQ0LTE1LjQzLDcuNzdDNjQuMzYsODIuOTYsNjMuOTUsODIuOTcsNjMuNTUsODIuOTd6IE00NC4xOSw3MC43N2wwLjkzLDAuODQNCgljNi4zNyw1LjcxLDEzLjI5LDguNjYsMTkuNDcsOC4zMWM1LjE2LTAuMyw5Ljg3LTIuODIsMTQuMDMtNy41MWwwLjcxLTAuOEw4MC4zLDcyYzQuMjgsMS43Myw5LjUzLDAuMzUsMTIuNTItMy4yNg0KCWMzLjA2LTMuNzEsMi45MS04Ljc3LTAuNDEtMTMuODhsLTAuNjItMC45NmwwLjc0LTAuODZjMi40LTIuNzksMy43Ny02LjIsMy45OC05Ljg5YzAuMTktMy40NS0wLjY4LTcuMDQtMi40NS0xMC4xDQoJYy0xLjc2LTMuMDYtNC4zMS01LjQ3LTcuMzUtNi45NWMtMy4zNy0xLjY1LTcuMTQtMi4wOS0xMS4xOC0xLjMybC0wLjc4LDAuMTRsLTAuNTYtMC41NWMtNC44Mi00LjczLTEyLjY0LTYuOTctMTkuOTQtNS43Mg0KCWMtNS40NywwLjk0LTkuNywzLjcyLTExLjYsNy42NEw0MiwyNy41OEw0MC42NywyN2MtNi4xMi0yLjctMTIuNzMtMy4zMS0xOS4xMy0xLjc3Yy01Ljg4LDEuNDEtMTAuOTUsNC41LTE0LjI4LDguNw0KCWMtNS4yMSw2LjYtNS4wNiwxNC41MywwLjQyLDIxLjc1bDAuNDEsMC41NGwtMC4xMywwLjY2Yy0wLjY0LDMuMjctMC4yMyw2LjM3LDEuMjEsOS4yMmMxLjMzLDIuNjQsMy41NSw0Ljk5LDYuNCw2Ljc3DQoJYzMuODMsMi4zOSw4LjU4LDMuNjYsMTMuMzgsMy41NmM1LjIyLTAuMTEsMTAuMTUtMS44LDE0LjI1LTQuODlMNDQuMTksNzAuNzd6Ii8+DQo8Zz4NCgk8cGF0aCBkPSJNMzcuNDYsMzkuOTJjLTAuNTQtMC44Ni0xLjItMS41OC0xLjk4LTIuMTZjLTAuNzgtMC41OC0xLjY0LTEuMDItMi41OC0xLjMyYy0wLjk0LTAuMzEtMS45Mi0wLjQ1LTIuOTUtMC40NQ0KCQljLTEuODcsMC0zLjQ4LDAuMzUtNC44MywxLjA3Yy0xLjM0LDAuNzItMi40NSwxLjY1LTMuMzEsMi44M2MtMC44NiwxLjE4LTEuNDksMi41LTEuOSwzLjk4Yy0wLjQxLDEuNDgtMC42MiwzLTAuNjIsNC41NQ0KCQljMCwxLjUzLDAuMjEsMy4wNCwwLjYyLDQuNTNjMC40MSwxLjQ5LDEuMDUsMi44MiwxLjksNGMwLjg2LDEuMTgsMS45NiwyLjEyLDMuMzEsMi44M3MyLjk1LDEuMDcsNC44MywxLjA3DQoJCWMxLjMyLDAsMi41MS0wLjI0LDMuNTYtMC43MmMxLjA2LTAuNDcsMS45Ni0xLjEyLDIuNzMtMS45NGMwLjc2LTAuODIsMS4zOS0xLjc3LDEuODYtMi44NmMwLjQ3LTEuMDksMC43OC0yLjI4LDAuOTEtMy41NWgyLjY5DQoJCWMtMC4xOSwxLjc0LTAuNiwzLjMyLTEuMjIsNC43MmMtMC42MywxLjQtMS40NSwyLjU5LTIuNDYsMy41NmMtMSwwLjk4LTIuMTgsMS43My0zLjU1LDIuMjZjLTEuMzYsMC41My0yLjg2LDAuNzktNC41MywwLjc5DQoJCWMtMi4yMSwwLTQuMTctMC40MS01Ljg0LTEuMjFjLTEuNjctMC44LTMuMDYtMS44OC00LjE4LTMuMjNzLTEuOTQtMi45LTIuNDktNC42N2MtMC41NS0xLjc2LTAuODMtMy42My0wLjgzLTUuNTkNCgkJYzAtMS45NSwwLjI4LTMuODEsMC44My01LjU5YzAuNTUtMS43NiwxLjM5LTMuMzMsMi40OS00LjY5YzEuMTEtMS4zNiwyLjUtMi40NSw0LjE4LTMuMjVjMS42Ny0wLjgsMy42My0xLjIxLDUuODQtMS4yMQ0KCQljMS4zNCwwLDIuNjYsMC4yLDMuOTMsMC42YzEuMjgsMC40LDIuNDUsMC45OCwzLjQ4LDEuNzZjMS4wNSwwLjc4LDEuOTIsMS43NCwyLjYxLDIuODZjMC42OSwxLjEzLDEuMTUsMi40NSwxLjMyLDMuOTJoLTIuNjkNCgkJQzM4LjQsNDEuNzUsMzgsNDAuNzgsMzcuNDYsMzkuOTJ6Ii8+DQoJPHBhdGggZD0iTTQ1LjE3LDQyLjgzYzAuNTUtMS43NiwxLjM5LTMuMzMsMi40OS00LjY5YzEuMTEtMS4zNiwyLjUtMi40NSw0LjE4LTMuMjVjMS42Ny0wLjgsMy42My0xLjIxLDUuODQtMS4yMQ0KCQlzNC4xNSwwLjQxLDUuODIsMS4yMWMxLjY2LDAuOCwzLjA1LDEuODgsNC4xNSwzLjI1YzEuMTEsMS4zNiwxLjk0LDIuOTIsMi40OSw0LjY5YzAuNTUsMS43NywwLjgzLDMuNjMsMC44Myw1LjU5DQoJCWMwLDEuOTUtMC4yOCwzLjgxLTAuODMsNS41OWMtMC41NSwxLjc3LTEuMzksMy4zMy0yLjQ5LDQuNjdjLTEuMTEsMS4zNC0yLjQ5LDIuNDItNC4xNSwzLjIzYy0xLjY2LDAuOC0zLjYsMS4yMS01LjgyLDEuMjENCgkJcy00LjE3LTAuNDEtNS44NC0xLjIxYy0xLjY3LTAuOC0zLjA2LTEuODgtNC4xOC0zLjIzYy0xLjExLTEuMzQtMS45NC0yLjktMi40OS00LjY3Yy0wLjU1LTEuNzYtMC44My0zLjYzLTAuODMtNS41OQ0KCQlDNDQuMzQsNDYuNDcsNDQuNjIsNDQuNiw0NS4xNyw0Mi44M3ogTTQ3LjY1LDUyLjk0YzAuNDEsMS40OSwxLjA1LDIuODIsMS45LDRjMC44NiwxLjE4LDEuOTYsMi4xMiwzLjMxLDIuODNzMi45NSwxLjA3LDQuODMsMS4wNw0KCQljMS44NywwLDMuNDgtMC4zNSw0LjgyLTEuMDdjMS4zMy0wLjcyLDIuNDItMS42NSwzLjI4LTIuODNjMC44Ni0xLjE4LDEuNDktMi41MSwxLjktNGMwLjQxLTEuNDksMC42Mi0zLDAuNjItNC41Mw0KCQljMC0xLjU1LTAuMjEtMy4wNy0wLjYyLTQuNTVjLTAuNDEtMS40OC0xLjA1LTIuOC0xLjktMy45OGMtMC44Ni0xLjE4LTEuOTUtMi4xMi0zLjI4LTIuODNjLTEuMzMtMC43Mi0yLjkzLTEuMDctNC44Mi0xLjA3DQoJCWMtMS44NywwLTMuNDgsMC4zNS00LjgzLDEuMDdzLTIuNDUsMS42NS0zLjMxLDIuODNjLTAuODYsMS4xOC0xLjQ5LDIuNS0xLjksMy45OHMtMC42MiwzLTAuNjIsNC41NQ0KCQlDNDcuMDMsNDkuOTUsNDcuMjQsNTEuNDYsNDcuNjUsNTIuOTR6Ii8+DQo8L2c+DQo8Zz4NCgk8cGF0aCBkPSJNNzUuNzYsNTIuMDdjMC4yMy0wLjc0LDAuNTctMS4zOSwxLjA2LTEuOTNjMC40Ny0wLjU0LDEuMDctMC45NywxLjc5LTEuMjdjMC43MS0wLjMxLDEuNTItMC40NiwyLjQyLTAuNDYNCgkJYzAuNzQsMCwxLjQ0LDAuMTEsMi4wOSwwLjMzYzAuNjUsMC4yMiwxLjIyLDAuNTMsMS43MSwwLjk1YzAuNDgsMC40MSwwLjg3LDAuOTMsMS4xNSwxLjU0YzAuMjksMC42MiwwLjQyLDEuMzIsMC40MiwyLjEzDQoJCWMwLDAuNzYtMC4xMiwxLjQzLTAuMzUsMi4wMWMtMC4yMywwLjU4LTAuNTQsMS4xLTAuOTQsMS41NmMtMC4zOSwwLjQ2LTAuODMsMC44OC0xLjMzLDEuMjVjLTAuNSwwLjM3LTEuMDEsMC43My0xLjU1LDEuMDcNCgkJYy0wLjUzLDAuMzItMS4wNywwLjY0LTEuNiwwLjk2Yy0wLjUzLDAuMzItMS4wMiwwLjY1LTEuNDcsMXMtMC44MywwLjc0LTEuMTMsMS4xNWMtMC4zMiwwLjQxLTAuNTIsMC44OC0wLjYyLDEuNDJoOC44MXYxLjgySDc1LjAyDQoJCWMwLjA4LTEuMDEsMC4yNi0xLjg4LDAuNTQtMi42YzAuMjktMC43MiwwLjY0LTEuMzQsMS4wOC0xLjg3YzAuNDQtMC41MywwLjkzLTEsMS40OC0xLjRjMC41NS0wLjQxLDEuMTItMC43OCwxLjcyLTEuMTMNCgkJYzAuNzMtMC40NSwxLjM3LTAuODcsMS45Mi0xLjI1YzAuNTUtMC4zNywxLTAuNzYsMS4zNy0xLjE1YzAuMzYtMC4zOSwwLjY0LTAuOCwwLjgzLTEuMjZjMC4xOS0wLjQ1LDAuMjgtMC45OCwwLjI4LTEuNTgNCgkJYzAtMC40Ni0wLjA5LTAuODktMC4yNi0xLjI3Yy0wLjE4LTAuMzctMC40Mi0wLjcxLTAuNzItMC45OHMtMC42NS0wLjQ4LTEuMDYtMC42M2MtMC40MS0wLjE0LTAuODQtMC4yMi0xLjI5LTAuMjINCgkJYy0wLjYsMC0xLjExLDAuMTItMS41NCwwLjM3Yy0wLjQzLDAuMjUtMC43OCwwLjU3LTEuMDYsMC45OGMtMC4yOCwwLjQxLTAuNDcsMC44Ni0wLjYsMS4zN2MtMC4xMiwwLjUxLTAuMTgsMS4wMi0wLjE1LDEuNTRINzUuNQ0KCQlDNzUuNDYsNTMuNjIsNzUuNTQsNTIuODEsNzUuNzYsNTIuMDd6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); }

.uiutil-actionable {
  cursor: pointer; }
  .uiutil-actionable:hover {
    opacity: 0.75; }

/*?
## Modal window
```html
<a href="#popup" class="js-open-modal">Open modal</a>
<div id="popup" class="mfp-hide modal modal--large">Content</div>
```
*/
.modal {
  margin: 0 auto;
  position: relative; }
  .modal--large {
    max-width: 800px;
    min-height: 500px; }
  .modal--medium {
    max-width: 600px; }
  .modal--small {
    max-width: 300px;
    position: relative; }
    .modal--small .modal__title {
      padding-right: 35px; }

/* Social block */
.social--banner {
  margin: 0 auto;
  max-width: 1110px;
  padding: 10px 0;
  line-height: 34px; }
  @media only screen and (max-width: 1130px) {
    .social--banner {
      max-width: none;
      padding-left: 10px;
      padding-right: 10px; } }

.social__item {
  float: left;
  display: inline-block;
  margin-right: 20px;
  padding-left: 10px;
  margin-left: -10px;
  padding-right: 10px;
  line-height: inherit;
  font-size: 14px;
  vertical-align: middle;
  opacity: 0.4; }
  .social__item:hover {
    opacity: 0.7;
    text-decoration: none; }
  .social__item--last {
    float: right;
    margin-right: 0;
    padding-right: 0;
    margin-left: 20px; }
  .social__item i {
    margin-right: 0.25em;
    font-size: 24px;
    vertical-align: -5px;
    line-height: inherit;
    margin: 0 0.3em 0 0; }
  @media handheld, only screen and (max-width: 752px) {
    .social__item {
      font-size: 0; }
      .social__item--last {
        font-size: 14px; } }

/*?
# Common / Utilities
*/
body {
  font-family: "Clear Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-align: center;
  color: #000000;
  background: #efefef;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.main {
  position: relative; }

.container, .nav, .quickbar__container {
  max-width: 1110px;
  margin: 0 auto;
  text-align: left;
  padding: 20px;
  position: relative;
}

.container-no-pad {
  max-width: 1110px;
  margin: 0 auto;
  text-align: left;
  /*padding-right: 20px;*/
  /*padding-left: 20px;*/
  position: relative;
}

.container-side-pad {
  max-width: 1110px;
  margin: 0 auto;
  text-align: left;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
}

  @media handheld, only screen and (max-width: 752px) {
    .container, .nav, .quickbar__container {
      padding: 20px 10px; } }
  @media handheld, only screen and (max-width: 512px) {
    .container, .nav, .quickbar__container {
      padding: 10px 5px; } }
  .container--has-mpu {
    padding-right: 340px;
    max-width: 790px; }
    @media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
      .container--has-mpu {
        padding-right: 0; } }
    @media handheld, only screen and (max-width: 752px) {
      .container--has-mpu {
        max-width: 100%;
        padding-right: 5px; } }

a {
  color: inherit;
  text-decoration: none; }

/*?
## Clearfix (`cf`)
http://nicolasgallagher.com/micro-clearfix-hack/

Use `cf` to clear floats.
*/
.cf:before, .btn-group:before, .paginate:before, .page-hero:before, .big-text:before, .car-grid:before, .social:before, .list--inline:before, .list--twocol:before, .w-main:before,
.w-side:before,
.m-main:before,
.m-side:before, .nav:before, .quickbar__container:before,
.cf:after,
.btn-group:after,
.paginate:after,
.page-hero:after,
.big-text:after,
.car-grid:after,
.social:after,
.list--inline:after,
.list--twocol:after,
.w-main:after,
.w-side:after,
.m-main:after,
.m-side:after,
.nav:after,
.quickbar__container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after, .btn-group:after, .paginate:after, .page-hero:after, .big-text:after, .car-grid:after, .social:after, .list--inline:after, .list--twocol:after, .w-main:after,
.w-side:after,
.m-main:after,
.m-side:after, .nav:after, .quickbar__container:after {
  clear: both; }

.cf, .btn-group, .paginate, .page-hero, .big-text, .car-grid, .social, .list--inline, .list--twocol, .w-main,
.w-side,
.m-main,
.m-side, .nav, .quickbar__container {
  *zoom: 1; }

/*?
## Show/hide

`hidden` does what it says on the tin.

### Javascript

`hidden--no-js` hides the element if js is not enabled.

`hidden--js` hides the element if js is enabled.

### Touch

`hidden--touch` hides the element if the device supports touch.

`hidden--no-touch` hides the element if the device does not support touch.
*/
.hidden {
  display: none; }

.no-js .hidden--no-js {
  display: none; }

.mzr-js .hidden--js {
  display: none; }

.mzr-touch .hidden--touch {
  display: none; }

.mzr-no-touch .hidden--no-touch {
  display: none; }

/*?
## Dividers

```html
<hr>
```

Horizontal ruler with label
```html
<hr label="Look at me">
```
*/
hr {
  background-color: transparent;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  margin: 20px 0; }

hr[label] {
  position: relative; }
  hr[label]:before {
    content: attr(label);
    position: absolute;
    left: 0;
    top: -0.5em;
    font-size: 14px;
    line-height: 1em;
    width: 100%;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75), -1px -1px 0 rgba(255, 255, 255, 0.75); }

/*?
## Lozenge [1|2|3]

Works with 1 or more items.

```html
<div class="loz">
	<a class="loz__item">First</a>
	<a class="loz__item">Second</a>
	<a class="loz__item">Third</a>
</div>
```
*/
.loz, .paginate, .quickbar__buttons {
  list-style: none;
  word-spacing: -0.4em; }
  .loz__item, .paginate a, .quickbar__buttons .btn {
    word-spacing: normal;
    display: inline-block;
    border-radius: 0 0 0 0;
    border-left: 1px solid transparent; }
    .loz__item:first-child, .paginate a:first-child, .quickbar__buttons .btn:first-child {
      border-radius: 3px 0 0 3px; }
    .loz__item:last-child, .paginate a:last-child, .quickbar__buttons .btn:last-child {
      border-radius: 0 3px 3px 0; }
    .loz__item:first-child:last-child, .paginate a:first-child:last-child, .quickbar__buttons .btn:first-child:last-child {
      border-radius: 3px 3px 3px 3px; }
    .loz__item:not(:first-child), .paginate a:not(:first-child), .quickbar__buttons .btn:not(:first-child) {
      border-left-color: rgba(0, 0, 0, 0.06); }

/*?
## Borders

```html
<div class="bdr--top bdr--dark-grey">
Dark grey top border
</div>
```
*/
.bdr, .subspromo__img {
  border: 1px solid; }

.bdr--top {
  border-top: 1px solid; }

.bdr--right {
  border-right: 1px solid; }

.bdr--bottom {
  border-bottom: 1px solid; }

.bdr--left {
  border-left: 1px solid; }

.bdr--green {
  border-color: #32a530; }

.bdr--yellow {
  border-color: #f0c30b; }

.bdr--red {
  border-color: #e32116; }

.bdr--dark-grey {
  border-color: #101010; }

.bdr--grey {
  border-color: #c4c4c4; }

.bdr--light-grey, .subspromo__img {
  border-color: #edefed; }

.bdr--off-grey {
  border-color: #d3d3d3; }

.bdr--mid-grey {
  border-color: #888888; }

.bdr--white {
  border-color: #FFFFFF; }

.bdr--light-tint {
  border-color: rgba(255, 255, 255, 0.17); }

/*?
### Fat border
```html
<div class="bdr--top bdr--fat bdr--red">
Fat border
</div>
```
*/
.bdr--fat {
  border-width: 5px; }

/*?
### Shadow border
```html
<div class="bdr--shadow">
Shadow border
</div>
```
*/
.bdr--shadow {
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
  z-index: 1;
  position: relative; }

/*?
## Background (`bg`)

```variables
bg--white: #FFFFFF
bg--mid-blue: #35495e
bg--dark-blue: #1a262d
bg--red: #e32116
bg--yellow: #f0c30b
bg--light-yellow: #fbf0c2
bg--green: #32a530
bg--grey: #c4c4c4
bg--light-grey: #edefed
bg--light-tint: rgba(255, 255, 255, 0.17)
```
*/
.bg--white {
  background: #FFFFFF; }

.bg--mid-blue {
  background: #35495e; }

.bg--dark-blue, .quickbar__container {
  background: #1a262d; }

.bg--red, .modal--small .modal__title {
  background: #e32116; }

.bg--yellow {
  background: #f0c30b; }

.bg--light-yellow {
  background: #fbf0c2; }

.bg--green {
  background: #32a530; }

.bg--grey {
  background: #c4c4c4; }

.bg--light-grey {
  background: #edefed; }

.bg--light-tint {
  background: rgba(255, 255, 255, 0.17); }

/*?
## Text colours (`txt`)

```variables
txt--white: #FFFFFF
txt--yellow: #f0c30b
txt--red: #e32116
txt--blue: #4296cd
txt--mid-blue: #35495e
txt--dark-blue: #1a262d
txt--grey: #c4c4c4
txt--mid-grey: #888888
txt--light-grey: #edefed
txt--green: #32a530
txt--black: #000000
txt--light-tint: rgba(255, 255, 255, 0.6)
```
*/
.txt--white {
  color: #FFFFFF; }

.txt--yellow, .quickbar__price {
  color: #f0c30b; }

.txt--red {
  color: #e32116; }

.txt--blue {
  color: #4296cd; }

.txt--mid-blue {
  color: #35495e; }

.txt--dark-blue {
  color: #1a262d; }

.txt--grey {
  color: #c4c4c4; }

.txt--mid-grey, .list--keyval--focus .key {
  color: #888888; }

.txt--light-grey {
  color: #edefed; }

.txt--green {
  color: #32a530; }

.txt--black {
  color: #000000; }

.txt--light-tint {
  color: rgba(255, 255, 255, 0.6); }

.imageWrapper {
  position: relative;
  overflow: hidden;
  background: url(../img/loading.gif) no-repeat 50%;
  -webkit-background-size: 32px 32px;
  -moz-background-size: 32px 32px;
  -ms-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  background-size: 32px 32px;
  background-color: #e2e2e2; }
  .imageWrapper iframe, .imageWrapper img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%; }
  .imageWrapper img {
    height: auto; }
  .imageWrapper iframe {
    height: 100%; }

.imageWrapper--4_3 {
  padding-top: 75%; }

.imageWrapper--16_9 {
  padding-top: 56.25%; }

.imageWrapper--3_2 {
  padding-top: 66.3%; }

.imageWrapper--natural {
  padding-top: none; }
  .imageWrapper--natural img {
    position: relative;
    display: block; }

.imageOverlay {
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 20px;
  color: #fff;
  transition: all 200ms ease; }
  .imageOverlay.on {
    padding: 0;
    top: 0px;
    right: 0px;
    width: 100%; }
  .imageOverlay h3 {
    margin: 10px; }
  .imageOverlay .btn {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    border-radius: 0; }

.imageOverlay--no-bg {
  background: none; }

dl dt {
  font-weight: bold; }

.pad {
  padding: 20px; }

.no-pad {
  padding: 0; }

.pad--top {
  padding-top: 20px; }

.pad--right {
  padding-right: 20px; }

.pad--bottom, .subspromo__title {
  padding-bottom: 20px; }

.pad--left {
  padding-left: 20px; }

@media handheld, only screen and (max-width: 752px) {
  .pad {
    padding: 10px; }
  .pad--top {
    padding-top: 10px; }
  .pad--right {
    padding-right: 10px; }
  .pad--bottom, .subspromo__title {
    padding-bottom: 10px; }
  .pad--left {
    padding-left: 10px; } }

.pad--half, .deals__heading, .deals__groupheading, .modal--small .modal__title, .modal--small .modal__content {
  padding: 10px; }

.pad--top-half {
  padding-top: 10px; }

.pad--right-half {
  padding-right: 10px; }

.pad--bottom-half {
  padding-bottom: 10px; }

.pad--left-half {
  padding-left: 10px; }

.marg, .paginate {
  margin: 20px; }

.no-marg, .subspromo__title {
  margin: 0; }

.marg--right {
  margin-right: 20px; }

.marg--bottom, .deals__nodeals {
  margin-bottom: 20px; }

.marg--left, .subspromo__img {
  margin-left: 20px; }

.marg--half {
  margin: 10px; }

.marg--top-half, .deals__groupheading {
  margin-top: 10px; }

.marg--right-half {
  margin-right: 10px; }

.marg--bottom-half {
  margin-bottom: 10px; }

.marg--left-half {
  margin-left: 10px; }

.backgroundCover {
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-fill: fit;
  -moz-background-fill: fit;
  -ms-background-fill: fit;
  -o-background-fill: fit;
  background-fill: fit;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.backgroundCover--stretch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }

.list--inline {
  text-align: center; }
  .list--inline li, .list--inline .list__item {
    list-style: none;
    margin-right: 0.5em;
    float: left; }
    @media handheld, only screen and (max-width: 752px) {
      .list--inline li, .list--inline .list__item {
        display: inline-block;
        float: none; } }
    .list--inline li:after, .list--inline .list__item:after {
      content: '·';
      padding-left: 0.5em; }
    .list--inline li--label:after, .list--inline .list__item--label:after {
      content: ':';
      padding-left: 0; }
    .list--inline li:last-of-type:after, .list--inline .list__item:last-of-type:after {
      content: '';
      padding-left: none; }

.list--bullet li {
  list-style: none;
  padding: 0 1.5em 8px 1.5em;
  margin-bottom: 8px;
  position: relative;
  font-weight: 500;
  border-bottom: 1px solid #edefed; }
  .list--bullet li .list__point {
    position: absolute;
    top: 4px;
    left: 0; }
  .list--bullet li:first-of-type {
    border-radius: 3px 3px 0 0; }
  .list--bullet li:last-of-type {
    border-radius: 0 0 3px 3px;
    border-bottom: none; }

.list--explain li {
  list-style: none;
  margin-bottom: 20px;
  position: relative;
  padding-left: 45px; }

.list--explain .number {
  position: absolute;
  left: 0;
  top: 4px; }

.list--points li {
  list-style: none; }

.list--points strong {
  margin: 0 10px 10px 0;
  float: left; }

.list--numbers li {
  list-style: none; }

.list--numbers strong {
  display: block;
  margin-bottom: 10px; }

.list--split li {
  list-style: none;
  text-align: right;
  padding: 5px 0; }
  .list--split li em {
    float: left;
    font-style: normal; }

.list--keyval {
  display: table; }
  .list--keyval li {
    display: table-row;
    line-height: 1.25; }
  .list--keyval .key, .list--keyval .val {
    display: table-cell;
    line-height: 1.1; }
  .list--keyval .key {
    text-align: right; }
  .list--keyval--spacey li {
    margin: 0.5em 0; }
  .list--keyval--spacey .key {
    text-align: left;
    padding: 0 20px 20px 0; }
  .list--keyval .val {
    padding: 0 0 10px 10px;
    text-align: left; }
  .list--keyval small {
    display: block;
    width: 100%; }

.list--check li {
  list-style: none; }
  .list--check li:before {
    content: '✓';
    font-family: "SSGizmo";
    position: relative;
    left: 0;
    vertical-align: middle;
    margin-right: 10px; }

.list--cross li {
  list-style: none; }
  .list--cross li:before {
    content: '␡';
    font-family: "SSGizmo";
    position: relative;
    left: 0;
    vertical-align: middle;
    margin-right: 10px; }

.list--icons li {
  list-style: none;
  padding-left: 45px;
  position: relative;
  margin-bottom: 10px; }
  .list--icons li:before {
    position: absolute;
    left: 0;
    font-size: 37px; }

.list--simple li, .list--simple .list__item {
  list-style: none;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px; }

.list--twocol li {
  float: left;
  width: 50%; }
  @media handheld, only screen and (max-width: 512px) {
    .list--twocol li {
      width: 100%; } }

.list--dash {
  list-style: none;
  text-indent: -0.6em; }
  .list--dash--inside {
    padding-left: 1em; }
  .list--dash li:before {
    content: '-';
    display: inline-block;
    margin-right: 0.3em;
    margin-left: -0.3em;
    width: 0.6em;
    text-indent: 0; }

.datalist .item {
  list-style-type: none; }
  .datalist .item--head, .datalist .item--runt {
    border-bottom: none; }
  .datalist .item--head p, .datalist .item--head h3, .datalist .item--head h4, .datalist .item--tail p, .datalist .item--tail h3, .datalist .item--tail h4 {
    float: left;
    box-sizing: border-box;
    margin: 0;
    padding: 0 10px; }
  .datalist .item--head {
    padding-bottom: 20px; }
    .datalist .item--head h3, .datalist .item--head h4 {
      border-right: 1px solid #c4c4c4;
      cursor: default; }
      .datalist .item--head h3:last-child, .datalist .item--head h4:last-child {
        border-right: none; }
      .datalist .item--head h3 span, .datalist .item--head h4 span {
        cursor: pointer;
        line-height: 1.3;
        float: right;
        position: relative;
        top: 0.2em; }
  .datalist .item--tail {
    border-bottom: 1px solid #c4c4c4;
    font-size: 21px; }
    .datalist .item--tail p {
      line-height: 60px; }
  .datalist .item--runt {
    margin-top: 20px;
    text-align: center; }

.cursor--wait {
  cursor: wait; }

.cursor--zoom-in {
  cursor: zoom-in; }

.cursor--pointer {
  cursor: pointer; }

.align--v {
  vertical-align: middle; }

.align--l {
  text-align: left; }

.align--r, .subspromo {
  text-align: right; }

.align--c, .paginate, .deals__groupheading, .deals__nodeals {
  text-align: center; }

.middle {
  display: table;
  text-align: center; }
  .middle__body {
    display: table-cell;
    vertical-align: middle; }

.scrollable {
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  overflow-scrolling: touch; }

/* grid */
/*?
# Grid

### Basics

The grid system is a 12 column system, and you add classes to say how many columns a thing should span: `12 = 100%`, `3 = 25%`. Please also see the "Main & Side" section.

`.grid` is the wrapping class, but most often you don't need it and `.cf` is enough (`.grid` adds padding between columns as well as clears floats).

`.col` is the column class, all columns should have it, or its inverted friend `col--right`.

### Widths

Then we have modifiers for different screen sizes, there's `wide`, `medium`, `small` and `xsmall`.

So for example, if you want the element to always span 6 columns, add `col w-6`.

If you want the element to be 6 columns on wide, but 8 on medium, and 12 on narrow, use `col w-6 m-8 n-12`.

The `w-*` classes are always applied (not wrapped in a media query), whereas the smaller sizes are wrapped in media queries and apply downwards.
That means `w` applies to all screen sizes, `m` applies to medium and downwards, and so on. The narrower breakpoint modifiers overwrite the wider ones.

### Style

Try to always define the column width modifiers in size order, i.e. `w-* m-* n-* xn-*`.

### Layout

When building a layout its usually easiest to put elements in the order that the narrowest screen requires, and then use a combination of `col` and `col--right` to get the right order.

It's possible to nest the grids, and it often helps when constructing complicated layouts that change substantially across different screen sizes.

### Hiding

You can hide elements (doesn't have to be columns) conditionally depending on breakpoints:

```html
<div class="w-hide bg--green">Hidden on wide</div>
<div class="m-hide bg--yellow">Hidden on medium and smaller</div>
<div class="n-hide bg--red">Hidden on narrow</div>
```

### Main & Side columns

There are two special widths which are handy: `main` and `side`, both which exist for `w-` and `m-` (see note just below regarding cascading).

The main column takes up 100% of its wrapper, and has a right padding of `320px`. The side column is always 300px wide, and has a negative left margin applied to make it appear next to the main column. This means that MPUs (which are `300px` wide) are guaranteed their space, and the main column shrinks to ensure the sidebar fits.

The special sizes apply on a different basis than your normal columns - they only apply within the breakpoint/screen size they're defined for, and doesn't cascade to smaller sizes (for example `w-main` only applies to wide screens and not smaller ones).

Please make sure to **always put the `*-main` just next to `*-side` in the markup** as the implementation relies on the adjacent sibling selector (`+`). By putting the side before the main their order is switched.

### Example with `col--right`

```html
<div class="cf">
	<div class="col w-5 m-7 n-9 bg--grey">A</div>
	<div class="col col--right w-2 m-5 n-3 bg--mid-blue">B</div>
	<div class="col w-5 m-12 bg--light-grey">C</div>
</div>
```

### Example with main and side colums

```html
<div class="cf">
	<div class="col w-main bg--grey">MAIN</div>
	<div class="col w-side bg--light-grey">SIDE</div>
</div>
```

### Flipping main & side around

Put the `*-side` before the `*-main` to switch the order around.

```html
<div class="cf">
	<div class="col w-side bg--light-grey">SIDE</div>
	<div class="col w-main bg--grey">MAIN, but on the right</div>
</div>
```
*/
.grid:before, .datalist .item:before,
.grid:after,
.datalist .item:after {
  content: '';
  display: table; }

.grid:after, .datalist .item:after {
  clear: both; }

.grid, .datalist .item {
  margin-left: -10px;
  margin-right: -10px;
  list-style-type: none; }
  .grid.col, .datalist .col.item, .datalist .item.w-main, .datalist
  .item.w-side, .datalist
  .item.m-main, .datalist
  .item.m-side, .grid.w-main,
  .grid.w-side,
  .grid.m-main,
  .grid.m-side {
    margin-left: 0;
    margin-right: 0; }

.grid > .col, .datalist .item > .col, .grid > .w-main, .datalist .item > .w-main, .grid >
.w-side, .datalist .item >
.w-side, .grid >
.m-main, .datalist .item >
.m-main, .grid >
.m-side, .datalist .item >
.m-side {
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px; }

.grid--center > .col, .grid--center > .w-main, .grid--center >
.w-side, .grid--center >
.m-main, .grid--center >
.m-side {
  margin-left: auto;
  margin-right: auto;
  float: none; }

@media handheld, only screen and (min-width: 960px) {
  .grid--auto {
    display: table;
    width: 100%; }
    .grid--auto > .col, .grid--auto > .w-main, .grid--auto >
    .w-side, .grid--auto >
    .m-main, .grid--auto >
    .m-side {
      display: table-cell;
      float: none;
      vertical-align: top; } }

.grid--pad > .col, .grid--pad > .w-main, .grid--pad >
.w-side, .grid--pad >
.m-main, .grid--pad >
.m-side {
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px; }

.grid--pad-more > .col, .grid--pad-more > .w-main, .grid--pad-more >
.w-side, .grid--pad-more >
.m-main, .grid--pad-more >
.m-side {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px; }

@media handheld, only screen and (max-width: 752px) {
  .grid > .col, .datalist .item > .col, .grid > .w-main, .datalist .item > .w-main, .grid >
  .w-side, .datalist .item >
  .w-side, .grid >
  .m-main, .datalist .item >
  .m-main, .grid >
  .m-side, .datalist .item >
  .m-side {
    padding-left: 5px;
    padding-right: 5px; }
  .grid--pad-more > .col, .grid--pad-more > .w-main, .grid--pad-more >
  .w-side, .grid--pad-more >
  .m-main, .grid--pad-more >
  .m-side {
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px; } }

.grid--push {
  margin-top: 40px; }

.col, .w-main,
.w-side,
.m-main,
.m-side {
  float: left; }

.col--right, .subspromo__img {
  float: right; }

.w-1 {
  width: 8.33%; }

.w-2 {
  width: 16.66%; }

.one-fifth {
  width: 20%; }

.w-3 {
  width: 25%; }

.w-4 {
  width: 33.33%; }

.w-5 {
  width: 41.66%; }

.w-6 {
  width: 50%; }

.w-7 {
  width: 58.33%; }

.w-8 {
  width: 66.66%; }

.w-9 {
  width: 75%; }

.w-10 {
  width: 83.33%; }

.w-11 {
  width: 91.66%; }

.w-12 {
  width: 100%; }

.w-h-0 {
  min-height: 0; }

.w-h-150 {
  min-height: 150px; }

.w-h-280 {
  min-height: 280px; }

.w-h-450 {
  min-height: 450px; }

@media handheld, only screen and (min-width: 960px) {
  .w-hide {
    display: none; } }

@media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
  .m-1 {
    width: 8.33%; }
  .m-2 {
    width: 16.66%; }
  .m-fifth {
    width: 20%; }
  .m-3 {
    width: 25%; }
  .m-4 {
    width: 33.33%; }
  .m-5 {
    width: 41.66%; }
  .m-6 {
    width: 50%; }
  .m-7 {
    width: 58.33%; }
  .m-8 {
    width: 66.66%; }
  .m-9 {
    width: 75%; }
  .m-10 {
    width: 83.33%; }
  .m-11 {
    width: 91.66%; }
  .m-12 {
    width: 100%; }
  .m-hide {
    display: none; }
  .m-h-0 {
    min-height: 0; }
  .m-h-150 {
    min-height: 150px; }
  .m-h-280 {
    min-height: 280px; }
  .m-h-450 {
    min-height: 450px; } }

@media handheld, only screen and (max-width: 752px) {
  .n-1 {
    width: 8.33%; }
  .n-2 {
    width: 16.66%; }
  .n-fifth {
    width: 20%; }
  .n-3 {
    width: 25%; }
  .n-4 {
    width: 33.33%; }
  .n-5 {
    width: 41.66%; }
  .n-6 {
    width: 50%; }
  .n-7 {
    width: 58.33%; }
  .n-8 {
    width: 66.66%; }
  .n-9 {
    width: 75%; }
  .n-10 {
    width: 83.33%; }
  .n-11 {
    width: 91.66%; }
  .n-12 {
    width: 100%; }
  .n-hide {
    display: none; }
  .n-h-0 {
    min-height: 0; }
  .n-h-150 {
    min-height: 150px; }
  .n-h-280 {
    min-height: 280px; }
  .n-h-450 {
    min-height: 450px; } }

@media handheld, only screen and (max-width: 512px) {
  .xn-1 {
    width: 8.33%; }
  .xn-2 {
    width: 16.66%; }
  .xn-f {
    width: 20%; }
  .xn-3 {
    width: 25%; }
  .xn-4 {
    width: 33.33%; }
  .xn-5 {
    width: 41.66%; }
  .xn-6 {
    width: 50%; }
  .xn-7 {
    width: 58.33%; }
  .xn-8 {
    width: 66.66%; }
  .xn-9 {
    width: 75%; }
  .xn-10 {
    width: 83.33%; }
  .xn-11 {
    width: 91.66%; }
  .xn-12 {
    width: 100%; }
  .xn-h-0 {
    min-height: 0; }
  .xn-h-150 {
    min-height: 150px; }
  .xn-h-280 {
    min-height: 280px; }
  .xn-h-450 {
    min-height: 450px; } }

.w-main,
.w-side,
.m-main,
.m-side {
  box-sizing: border-box; }

.w-main,
.w-side,
.m-main,
.m-side {
  width: 100%; }

@media handheld, only screen and (min-width: 960px) {
  .w-main {
    padding-right: 320px; }
  .w-side {
    width: 300px; }
    .w-main + .w-side {
      margin-left: -300px; }
    .w-side + .w-main {
      padding-right: 0;
      padding-left: 320px;
      margin-left: -300px; } }

@media handheld, only screen and (min-width: 752px) and (max-width: 960px) {
  .m-main {
    padding-right: 320px; }
  .m-side {
    width: 300px; }
    .m-main + .m-side {
      margin-left: -300px; }
    .m-side + .m-main {
      padding-right: 0;
      padding-left: 320px;
      margin-left: -300px; } }

.flex-grid {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: flex-start; }

.flex-col {
  display: flex;
  flex-direction: column; }

.flex-grid > li {
  box-sizing: border-box;
  flex-grow: 0;
  flex-basis: 23%;
  margin: 1%;
  justify-content: center; }

.flex-grid__item {
  flex: 1;
  flex-direction: column; }

.fg--flex {
  display: flex; }

.fg--center {
  justify-content: center; }

.masthead {
  background: #fff;
  position: relative;
  z-index: 20; }
  .masthead__social {
    background: #edefed; }
    @media handheld, only screen and (max-width: 752px) {
      .masthead__social {
        display: none; } }
  .masthead .back {
    display: block;
    color: #888888;
    margin-bottom: 10px; }
    .masthead .back:hover {
      color: #000000; }
  .masthead .ss-user {
    font-size: 19px;
    vertical-align: middle;
    color: #c4c4c4;
    margin-right: 5px; }

.logo {
  width: 150px;
  height: 28px;
  font-size: 0;
  margin: 2px 0 0;
  display: inline-block;
  vertical-align: middle;
  background: url(../img/wc-logo.png) no-repeat 0 0;
  -webkit-background-size: 150px 28px;
  -moz-background-size: 150px 28px;
  -ms-background-size: 150px 28px;
  -o-background-size: 150px 28px;
  background-size: 150px 28px; }
  .logo a {
    display: block;
    width: 100%;
    height: 100%; }

.signin--valuations {
  margin-top: 15px; }

@media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
  .logo {
    margin-top: 6px;
    width: 110px;
    height: 20px;
    -webkit-background-size: 110px 20px;
    -moz-background-size: 110px 20px;
    -ms-background-size: 110px 20px;
    -o-background-size: 110px 20px;
    background-size: 110px 20px; }
  .masthead .badge {
    position: relative;
    margin-left: 5px;
    top: 2px;
    left: 0; } }

/* Feedback button */
.feedbackify {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  padding-top: 0;
  padding-bottom: 0;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-align: right; }
  .feedbackify.on {
    bottom: 0; }
  .feedbackify a {
    background-color: #e32116;
    padding: 10px 15px;
    display: inline-block;
    font-weight: bold;
    border-radius: 3px 3px 0 0; }
  .feedbackify .badge {
    position: static;
    color: #fff;
    border-radius: 0;
    border: none;
    padding-left: 0;
    padding-right: 10px; }

/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `cmn-toggle-switch` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 36px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0;
  text-align: left; }

.cmn-toggle-switch:focus {
  outline: none; }

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 17px;
  left: 10px;
  right: 10px;
  height: 2px;
  background-color: #000; }

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  content: ""; }

.open-nav:hover .cmn-toggle-switch span,
.open-nav:hover .cmn-toggle-switch span::before,
.open-nav:hover .cmn-toggle-switch span::after {
  background-color: #e32116 !important; }

.cmn-toggle-switch span::before {
  top: -7px; }

.cmn-toggle-switch span::after {
  bottom: -7px; }

/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.cmn-toggle-switch__htx span {
  transition: background 0s 0; }

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  transition-duration: 0, 0;
  transition-delay: 0, 0s; }

.cmn-toggle-switch__htx span::before {
  transition-property: top, transform; }

.cmn-toggle-switch__htx span::after {
  transition-property: bottom, transform; }

/* active state, i.e. menu open */
.nav.on .cmn-toggle-switch__htx span {
  background: none !important; }

.nav.on .cmn-toggle-switch__htx span::before {
  top: 0;
  transform: rotate(45deg); }

.nav.on .cmn-toggle-switch__htx span::after {
  bottom: 0;
  transform: rotate(-45deg); }

.nav.on .cmn-toggle-switch__htx span::before,
.nav.on .cmn-toggle-switch__htx span::after {
  transition-delay: 0s, 0; }

.nav {
  /*
	 * nav--dropdown is adapted from:
	 * Dropit v1.1.0
	 * http://dev7studios.com/dropit
	 */
  /* These styles assume you are using ul and li */ }
  @media handheld, only screen and (max-width: 69em) {
    .nav {
      padding: 20px 10px 10px; } }
  .nav__logo {
    float: left;
    position: relative;
    z-index: 10; }
  .nav__button {
    outline: none;
    border: none;
    background: none;
    padding: 0;
    float: left;
    margin-left: 10px; }
    .nav__button i, .nav__button strong {
      float: left;
      font-style: normal;
      color: #1a262d; }
    .nav__button i {
      margin: 5px 0 0 0; }
    .nav__button strong {
      font-weight: bold;
      padding: 8px 5px; }
    .nav__button:hover strong {
      color: #e32116; }
  .nav__more {
    padding: 10px 20px;
    margin: 0 0 20px 20px;
    background: #1a262d;
    width: 200px;
    display: none;
    position: absolute;
    top: 54px;
    right: 0; }
    .nav__more a {
      display: block;
      color: #fff;
      padding: 2px 0; }
      .nav__more a:hover {
        color: #f0c30b; }
    .nav__more strong {
      padding: 5px 0;
      display: block; }
    .nav__more li {
      list-style: none;
      padding: 1px 0; }
    .nav__more ul ul {
      margin-bottom: 10px; }
  .nav.on .nav__more {
    display: block; }
  .nav__aux {
    text-align: left;
    position: absolute;
    right: 20px;
    top: 17px; }
    .nav__aux .open-nav {
      background: transparent;
      font-weight: normal;
      width: 90px; }
  .nav__mains {
    float: left;
    margin-top: 5px;
    margin-left: 10px; }
    .nav__mains li {
      float: left;
      padding: 0;
      list-style: none;
      border-right: 1px solid #edefed; }
      .nav__mains li:last-of-type {
        border-right: none; }
    .nav__mains a {
      color: #1a262d;
      font-weight: bold;
      padding: 25px 20px; }
      .nav__mains a:hover {
        color: #e32116; }
    @media handheld, only screen and (max-width: 69em) {
      .nav__mains {
        display: block;
        float: none;
        margin: 45px -10px -10px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        break: break-word;
        border-top: 1px solid #edefed; }
        .nav__mains li {
          float: none;
          display: inline-block; }
        .nav__mains a {
          display: inline-block;
          padding: 15px 20px; } }
  .nav__trigger {
    position: relative; }
  .nav__sub {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    white-space: nowrap;
    background: #FFFFFF; }
    .nav__sub li {
      border: none; }
    .nav__sub a {
      padding-left: 10px;
      padding-right: 10px; }
    @media handheld, only screen and (min-width: 69em) {
      .nav__sub {
        padding: 5px 10px; }
        .nav__sub li {
          line-height: 1.8; }
        .nav__sub a {
          padding: 5px; } }
    @media handheld, only screen and (max-width: 69em) {
      .nav__sub {
        position: static;
        top: auto;
        left: auto;
        z-index: initial; } }
  .nav--open .nav__sub {
    display: block; }
  @media handheld, only screen and (max-width: 69em) {
    .nav--open a {
      padding-right: 5px; }
    .nav--open .nav__sub {
      display: inline-block;
      background: #fafafa; }
    .nav--open a {
      padding-left: 10px;
      padding-right: 10px; } }

.search {
  border-left: 1px solid #edefed;
  padding-left: 10px;
  margin-left: 10px; }
  .search input {
    margin-bottom: 0;
    border-color: #edefed;
    position: relative;
    display: none;
    float: left; }
  .search button {
    content: '';
    font-family: "SSGizmo";
    vertical-align: middle;
    font-variant: normal;
    font-size: 150%;
    padding-left: 5px;
    position: relative;
    top: 4px;
    cursor: pointer;
    float: right;
    background: none;
    border: none;
    outline: none; }
    .search button:hover {
      color: #e32116; }
  .search.on input {
    display: block; }

.tabs {
  position: relative;
  border-radius: 0 0 3px 3px;
  z-index: 16; }
  .tabs.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0; }
  .tabs--groups ul li {
    text-transform: none;
    font-weight: normal; }
    .tabs--groups ul li:first-of-type a {
      border-left: none; }
  .tabs--groups strong {
    display: block; }
  .tabs--groups span {
    float: left;
    font-size: 37px;
    vertical-align: middle;
    padding: 10px 17px 0 0;
    line-height: 45px; }
  .tabs--groups a.on {
    position: relative; }
    .tabs--groups a.on:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(41, 55, 64, 0);
      border-top-color: #e32116;
      border-width: 11px;
      margin-left: -11px; }
  .tabs .next,
  .tabs .prev {
    display: none; }
  .tabs ul, .tabs ol {
    width: 100%;
    list-style: none; }
  .tabs ul li {
    float: left; }
    .tabs ul li a {
      padding: 15px 20px;
      color: #888888;
      background: #FFFFFF;
      display: block;
      border-left: 1px solid #e3e3e3; }
    .tabs ul li i {
      font-style: normal; }
    .tabs ul li img, .tabs ul li span {
      opacity: 0.2;
      color: #000000; }
    .tabs ul li span {
      margin-top: -2px; }
    .tabs ul li a:hover {
      color: #000000;
      background: #FFFFFF; }
      .tabs ul li a:hover span {
        opacity: 1; }
    .tabs ul li a.on {
      color: #FFFFFF;
      background: #e32116;
      border-left: #e32116; }
      .tabs ul li a.on:hover span {
        opacity: 0.2; }
  .tabs ol {
    width: auto; }
  .tabs ol li:last-of-type a {
    border-right: none; }
  .tabs ol li span {
    float: left;
    margin-right: 10px;
    background-color: #888888;
    color: #1a262d;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    border-radius: 2px;
    font-size: 12px; }
  .tabs ol li a {
    font-weight: bold;
    padding: 16px 20px;
    display: block;
    background: #1a262d;
    color: #888888;
    border-right: 1px solid #304754; }
  .tabs ol li a.on, .tabs ol li a.on:hover {
    background: #1a262d;
    color: #fff;
    position: relative; }
    .tabs ol li a.on span, .tabs ol li a.on:hover span {
      background: #fff; }
    .tabs ol li a.on:after, .tabs ol li a.on:hover:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(41, 55, 64, 0);
      border-top-color: #1a262d;
      border-width: 11px;
      margin-left: -11px; }
  .tabs ol li a:hover {
    color: #fff; }
    .tabs ol li a:hover span {
      background: #fff; }

.tabs-redux.stick {
  z-index: 100; }

.tabs-redux ul, .tabs-redux ol {
  display: table;
  width: 100%;
  table-layout: fixed; }

.tabs-redux li {
  position: relative;
  float: none;
  display: table-cell;
  vertical-align: top; }

.tabs-redux a {
  cursor: pointer; }

.tabs-redux--groups {
  font-weight: normal; }
  .tabs-redux--groups li {
    color: #888888; }
    .tabs-redux--groups li:first-child a {
      border-radius: 4px 0 0 0;
      border-left: 0; }
    .tabs-redux--groups li:last-child a {
      border-radius: 0 4px 0 0; }
  .tabs-redux--groups .tab {
    position: relative;
    padding: 15px;
    background: #FFFFFF;
    border-left: 1px solid rgba(196, 196, 196, 0.3); }
    @media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
      .tabs-redux--groups .tab {
        padding: 15px 10px; } }
    @media handheld, only screen and (max-width: 752px) {
      .tabs-redux--groups .tab {
        display: block;
        margin: 0 5px;
        padding: 7px 2px;
        border-left: 0;
        border-radius: 4px !important; } }
    .tabs-redux--groups .tab:hover {
      color: #000000; }
      .tabs-redux--groups .tab:hover .tab__icon {
        opacity: 0.7; }
      .tabs-redux--groups .tab:hover.on .tab__icon {
        opacity: 0.2; }
    .tabs-redux--groups .tab.on {
      background: #e32116;
      color: #FFFFFF; }
      .tabs-redux--groups .tab.on:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: transparent;
        border-top-color: #e32116;
        border-width: 11px;
        margin-left: -11px; }
  .tabs-redux--groups .tab__icon {
    font-size: 40px;
    color: #000000;
    opacity: 0.2;
    padding-right: 20px;
    padding-top: 0.25em;
    vertical-align: middle; }
    @media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
      .tabs-redux--groups .tab__icon {
        font-size: 35px;
        padding-right: 10px; } }
  @media handheld, only screen and (max-width: 752px) {
    .tabs-redux--groups .tab__icon, .tabs-redux--groups .tab__body {
      display: block; }
    .tabs-redux--groups .tab__icon {
      text-align: center; }
    .tabs-redux--groups .tab__body {
      text-align: center; } }
  .tabs-redux--groups strong {
    display: block; }
  .tabs-redux--groups span {
    line-height: 1.2; }

.tabs-redux--narrow ul, .tabs-redux--narrow ol {
  width: 70%;
  margin-left: auto;
  margin-right: auto; }

.tabs-redux--page {
  background: #FFFFFF; }
  @media handheld, only screen and (max-width: 752px) {
    .tabs-redux--page li {
      display: block; }
      .tabs-redux--page li a {
        border-left: 0;
        border-bottom: 1px solid #e3e3e3;
        border-bottom-color: rgba(210, 200, 200, 0.4); } }
  .tabs-redux--page li:first-child a {
    border-left: none; }
  .tabs-redux--page a {
    border-left: 1px solid #e3e3e3;
    border-left-color: rgba(210, 200, 200, 0.4);
    padding: 15px 20px;
    color: #888888;
    background: none;
    display: block; }
    @media handheld, only screen and (max-width: 752px) {
      .tabs-redux--page a {
        padding: 15px 10px; } }
    .tabs-redux--page a:hover {
      background: #e32116;
      color: #FFFFFF; }
    .tabs-redux--page a.on {
      color: #FFFFFF;
      background: #e32116;
      border-left: #e32116; }

.tabs-redux--numbered ol {
  counter-reset: step-counter; }

.tabs-redux--numbered li {
  text-align: left;
  counter-increment: step-counter; }

.tabs-redux--numbered a:before {
  content: counter(step-counter);
  position: relative;
  display: inline-block;
  float: left;
  width: 1.5em;
  height: 1.5em;
  top: -0.1em;
  margin-right: 0.75em;
  font-size: 0.8em;
  line-height: 1.5;
  vertical-align: middle;
  text-align: center;
  border-radius: 2px;
  background-color: #888888;
  color: #1a262d; }
  @media handheld, only screen and (max-width: 752px) {
    .tabs-redux--numbered a:before {
      display: block;
      float: none;
      margin-bottom: 0.5em; } }

.tabs-redux--numbered a:hover:not([disabled]):before, .tabs-redux--numbered a.on:before {
  background: #FFFFFF; }

.tabs-redux--arrowed ul, .tabs-redux--arrowed ol {
  text-align: center;
  overflow: hidden;
  padding-bottom: 11px;
  margin-bottom: -11px; }

.tabs-redux--arrowed li {
  background: #1a262d;
  border-right: 1px solid #304754;
  vertical-align: middle; }
  @media handheld, only screen and (max-width: 752px) {
    .tabs-redux--arrowed li {
      vertical-align: top; } }
  .tabs-redux--arrowed li:last-child {
    border-right: none; }

.tabs-redux--arrowed a {
  display: block;
  padding: 66px 20px;
  margin: -50px 0;
  line-height: 1;
  font-weight: bold;
  color: #888888; }
  @media handheld, only screen and (max-width: 752px) {
    .tabs-redux--arrowed a {
      padding-left: 10px;
      padding-right: 10px; } }
  .tabs-redux--arrowed a.on, .tabs-redux--arrowed a:hover:not([disabled]) {
    color: #FFFFFF; }
    .tabs-redux--arrowed a.on:after, .tabs-redux--arrowed a:hover:not([disabled]):after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(41, 55, 64, 0);
      border-top-color: #1a262d;
      border-width: 11px;
      margin-left: -11px; }

.tabs-redux--arrowed:hover a.on:not(:hover) {
  color: #c4c4c4; }
  .tabs-redux--arrowed:hover a.on:not(:hover):after {
    top: 98%; }

.tabs-redux--types li {
  padding-right: 2px; }
  .tabs-redux--types li:last-child {
    padding-right: 0; }

.tabs-redux--types a {
  display: block;
  font-weight: 700;
  background: #FFFFFF;
  color: #101010;
  padding: 10px 5px 10px 15px;
  line-height: 1.5;
  border-bottom-width: 4px;
  border-bottom-style: solid; }
  @media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
    .tabs-redux--types a {
      padding: 10px 5px; } }
  .tabs-redux--types a.on, .tabs-redux--types a:hover {
    border-bottom-width: 6px;
    margin-bottom: -2px;
    background-color: #282828;
    color: #FFFFFF; }
  .tabs-redux--types a:hover {
    background-color: #343434; }
  .tabs-redux--types a:before {
    line-height: 0;
    margin-right: 0.5em; }

.tabs-redux--freeform ul {
  table-layout: auto; }

.tabs-redux--overscroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap; }
  .tabs-redux--overscroll.tabs-redux--arrowed {
    padding-bottom: 11px; }

.mzr-js .tab-redux:not(.on) {
  display: none; }

.breadcrumb {
  font-weight: normal;
  float: left;
  margin-left: 15px; }
  .breadcrumb img {
    margin: 0 5px;
    opacity: 0.5; }
  .breadcrumb a {
    padding: 5px 0 0px 10px;
    display: inline-block;
    color: #35495e;
    font-weight: bold; }
  .breadcrumb a:hover {
    color: #e32116; }
    .breadcrumb a:hover img {
      opacity: 1; }
  .breadcrumb a:after {
    content: '▻';
    font-family: "SSGizmo";
    vertical-align: middle;
    font-size: 100%;
    padding-left: 10px;
    position: relative;
    top: 2px;
    color: #ddd;
    font-weight: normal; }
  .breadcrumb a:last-of-type:after {
    display: none; }

/* Temp - make these an icon font */
.icon.executive {
  background-image: url(../img/icons/executive.png);
  width: 40px;
  float: left;
  height: 24px;
  background-size: 40px auto;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 13px; }

.breadcrumb a:hover .icon.executive {
  background-image: url(../img/icons/executive_alt.png); }

.icon.executive.white {
  background-image: url(../img/icons/executive_white.png);
  height: 35px;
  width: 35px;
  background-size: 35px auto;
  float: right;
  margin: 12px 20px 0 0; }

@media handheld, only screen and (max-width: 752px) {
  .breadcrumb {
    padding: 10px 0 0;
    margin: 0 0 -5px -5px;
    float: none;
    clear: both; }
  .tabs {
    position: static !important;
    margin-bottom: 20px; }
    .tabs .next, .tabs .prev {
      display: none; }
    .tabs.sticky {
      position: static; }
    .tabs ul li {
      float: none;
      width: auto;
      background: none; }
      .tabs ul li a {
        border: none;
        background: #fff;
        border-bottom: 1px solid #edefed;
        padding: 10px 0px;
        white-space: nowrap; }
        .tabs ul li a:hover {
          color: #000; }
        .tabs ul li a.on:hover {
          color: #fff; }
      .tabs ul li:first-of-type a {
        border-radius: 3px 3px 0 0;
        border-bottom: 1px solid #edefed; }
      .tabs ul li:last-of-type a {
        border-radius: 0 0 3px 3px;
        border-bottom: none; }
    .tabs ol {
      padding-bottom: 10px; }
    .tabs ol li {
      width: 50%;
      float: left; }
      .tabs ol li:first-of-type {
        width: 100%; }
    .tabs ol li a {
      margin-bottom: 0;
      border-bottom: 1px solid #304754; }
      .tabs ol li a:after {
        display: none; }
  .sections__list .col.w-4, .sections__list .w-4.w-main, .sections__list
  .w-4.w-side, .sections__list
  .w-4.m-main, .sections__list
  .w-4.m-side {
    float: left;
    width: 33.33%; }
  .sections__list a {
    border-radius: 3px !important;
    text-align: center;
    height: 70px;
    margin: 0 10px; }
  .sections__list strong {
    margin-bottom: 40px; }
  .sections__list span {
    float: none;
    padding: 0; }
  .sections__list ul {
    margin: 0 -10px;
    width: auto; } }

.page {
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 300; }

.page__header {
  background: #35495e;
  color: #fff;
  position: relative;
  padding-bottom: 227px;
  margin-bottom: -227px; }
  .page__header .backgroundCover {
    opacity: 0.08; }

.page__header--compact {
  padding-bottom: 0;
  margin-bottom: 0; }

.page__header--no-overlap {
  margin-bottom: 0; }

.page__header--minusmarg {
  padding-bottom: 20px !important;
  margin-bottom: -20px !important; }

.page__title {
  padding: 0;
  margin: 0 0 0 -3px;
  letter-spacing: -1px; }

.read {
  overflow-x: hidden; }

.read a,
.review__text a {
  color: #e32116;
  border-bottom: 1px solid #d3d3d3;
  font-weight: bold; }
  .read a:hover,
  .review__text a:hover {
    background: #fff; }

.read img {
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

.read iframe {
  max-width: 100%;
  margin: 0 auto; }

.mastfoot {
  margin-top: 1em;
  position: relative;
  z-index: 10;
  background-color: #fff; }
  .mastfoot__link {
    color: #4296cd; }
    .mastfoot__link:hover {
      text-decoration: underline; }
  .mastfoot__social {
    background: #edefed; }
  .mastfoot .badge {
    margin-right: 5px; }
    @media handheld, only screen and (max-width: 752px) {
      .mastfoot .badge {
        float: right; } }

.subspromo__img {
  margin-top: -50px; }

@media handheld, only screen and (max-width: 752px) {
  .subspromo {
    text-align: left;
    background: #edefed;
    padding: 20px 30px !important;
    margin-top: 20px; }
    .subspromo__img {
      width: 90px; } }

@media handheld, only screen and (min-width: 960px) {
  body.skin .main,
  body.skin .masthead,
  body.skin .mastfoot,
  body.skin #betamessage {
    max-width: 975px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    padding-left: 20px;
    padding-right: 20px; }
  body.skin .masthead {
    max-width: 1015px;
    padding-left: 0;
    padding-right: 0; }
  body.skin.layout .has-mpu {
    max-width: 660px;
    padding-right: 340px; }
  body.skin .masthead {
    z-index: 3; }
  body.skin .leaderboard-holder {
    max-width: 975px;
    width: 100%; } }

.skin-link {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  z-index: 1; }

.skin-holder {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  background-position: 50% 0; }

.superheader-holder {
  margin: 0 auto;
  margin-top: 20px;
  display: inline-block;
  position: relative;
  z-index: 2; }

.outbrain {
  text-align: center; }
  .outbrain li {
    list-style: none; }

@media handheld, only screen and (min-width: 960px) {
  .ad--mpu--pull_right {
    position: absolute;
    right: -330px;
    z-index: 10; }
  .ad--mpu--aside {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    z-index: 10;
    width: 300px; }
  .ad--mpu--aside--base {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10; }
  .ad--mobile.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0; }
  .ad--mobile {
    display: none; }
  .ad--tablet {
    display: none; } }

@media only screen and (min-width: 1300px) {
  .ad--skin {
    display: block; } }

@media handheld, only screen and (max-width: 752px) {
  .ad--desktop {
    display: none; }
  .ad--mobile {
    float: none !important;
    text-align: center; }
  .banner-holder {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background: rgba(255, 255, 255, 0.8); } }

@media handheld, only screen and (min-width: 960px) {
  .superheader-holder {
    display: none; }
    .superheader-holder.adloaded {
      display: inline-block; }
  .leaderboard-holder {
    display: none;
    z-index: 2;
    position: relative; }
    .leaderboard-holder.adloaded {
      display: inline-block;
      padding: 20px; }
  .sections.adloaded .sections__carousel {
    margin-right: 320px;
    min-height: 600px;
  }
  .sections.adloaded .sections__carousel_3_side_banners {
    margin-right: 320px;
    min-height: 820px;
  }
  .sections.adloaded .sections__carousel_4_side_banners {
    margin-right: 320px;
    min-height: 1060px;
  }
  .sections.adloaded .sections__carousel_5_side_banners {
    margin-right: 320px;
    min-height: 1330px;
  }
  .sections .ad--mpu {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2; }
  .sections .ad--half-mpu {
    top: 320px; }
  .commercial.adloaded .commercial__blocks {
    margin-right: 320px; }
  .commercial .ad--mpu {
    position: absolute;
    top: 0;
    right: 0; }
  .commercial .ad--half-mpu {
    top: 300px; }
  .carfinder.adloaded .carfinder__blocks {
    margin-right: 320px; }
  .carfinder .ad--mpu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
  .carlist.adloaded table {
    margin-right: 320px;
    width: auto; }
    .carlist.adloaded table td {
      padding-right: 5px; }
    .carlist.adloaded table .image {
      display: block;
      padding-right: 0; }
    .carlist.adloaded table .starting {
      display: none; }
  .carlist .ad--mpu {
    position: absolute;
    top: 0;
    right: 0; }
  .category.adloaded .category__intro {
    margin-right: 320px; }
  .category .ad--mpu {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2; }
  .articles {
    position: relative; }
    .articles.adloaded .grid, .articles.adloaded .datalist .item, .datalist .articles.adloaded .item {
      margin-right: 320px; }
    .articles .ad--mpu {
      position: absolute;
      top: 20px;
      right: 20px; }
  .review-summary {
    position: relative;
    overflow: hidden; }
    .review-summary.adloaded .review-summary__blocks {
      margin-right: 320px; }
    .review-summary.adloaded .review__procon,
    .review-summary.adloaded .review__topline {
      float: none;
      width: 100%; }
    .review-summary .ad--mpu {
      position: absolute;
      top: 0;
      right: 0; }
  .results {
    position: relative; }
    .results.adloaded .results__options {
      margin-right: 320px;
      min-height: 250px; }
    .results.adloaded .col.w-6, .results.adloaded .w-6.w-main, .results.adloaded
    .w-6.w-side, .results.adloaded
    .w-6.m-main, .results.adloaded
    .w-6.m-side {
      float: none;
      width: 100%; }
    .results .ad--mpu {
      position: absolute;
      top: 0;
      right: 0; }
  .features--advice {
    position: relative; }
    .features--advice.adloaded .grid, .features--advice.adloaded .datalist .item, .datalist .features--advice.adloaded .item {
      margin-right: 300px; }
    .features--advice .ad--mpu {
      position: absolute;
      top: 20px;
      right: 0; }
    .features--advice .ad--half-mpu {
      top: 320px; } }

.carlist {
  /*.name {
		width: 20%;
		padding-left: 2%;
	}
	.starting {
		width: 10%;
		padding-left: 2%;
	}
	.target {
		width: 10%;
		padding-left: 2%;
	}

	.rating {
		width: 13%;
		padding-left: 2%;
		text-align: center;

		img {
			max-width: 100%;
		}
	}*/
  /*tr:hover {
		background: $dark-blue;
		color: #fff;
	}*/ }
  .carlist img.target {
    display: inline-block; }
  .carlist td, .carlist th {
    padding-left: 20px; }
  .carlist thead {
    vertical-align: top; }
    .carlist thead th {
      padding-bottom: 20px;
      white-space: nowrap; }
  .carlist .ranking {
    text-align: right;
    margin-right: 0; }
  .carlist .image {
    width: 125px;
    padding-left: 2%; }
  .carlist .starting,
  .carlist .target {
    white-space: nowrap; }
  .carlist .name .gamma, .carlist .name .isle__mid {
    position: relative; }
  .carlist .name a:hover {
    color: #e32116; }
  .carlist .table--allcars .ranking {
    display: none; }

@media handheld, only screen and (max-width: 752px) {
  .carlist {
    padding-left: 0;
    padding-right: 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
    .carlist table {
      min-width: 720px; }
    .carlist h1 {
      margin: 20px; }
    .carlist td {
      padding-left: 8px; }
    .carlist td.image {
      padding-right: 0; }
    .carlist td.name strong {
      display: block; }
    .carlist td.name .ss-downright {
      display: none; } }

.top-picks {
  position: relative; }
  .top-picks .article {
    position: relative; }
  .top-picks .badge--overlay {
    padding: 0;
    top: 8px;
    left: 17px;
    width: 53px; }
    .top-picks .badge--overlay:hover {
      transform: scale(1.02); }
    .top-picks .badge--overlay img {
      width: 100%; }

@media handheld, only screen and (max-width: 752px) {
  .top-picks .top-picks__item {
    width: 50%;
    float: left; }
    .top-picks .top-picks__item--winner {
      width: 100%; } }

@media handheld, only screen and (max-width: 512px) {
  .top-picks .top-picks__item {
    width: 100%;
    float: left; }
    .top-picks .top-picks__item .pad {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; }
    .top-picks .top-picks__item--winner .pad {
      padding: 20px; } }

.rivals__item--row {
  background: #fff; }

.rivals__item--on.rivals__item--row,
.rivals__item--on {
  background: #e32116;
  color: #fff; }
  .rivals__item--on.rivals__item--row .number,
  .rivals__item--on .number {
    background: #fff;
    color: #e32116; }

.caption {
  position: relative;
  line-height: 1.2; }
  .caption strong {
    width: 95%;
    display: block; }
  .caption .ss-zoomin {
    position: absolute;
    top: 12px;
    right: 10px; }
  .caption:hover .ss-zoomin {
    color: #f0c30b; }

.category__intro p {
  margin: 0 0 20px 0; }

.category a {
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #ddd; }

.category a:hover {
  color: #e32116;
  border-bottom-color: #e32116; }

/*
<div class="title">
	<h1>Title <small>Sub title</small></h1>
</div>
*/
.title {
  position: relative;
  line-height: 36px;
  vertical-align: baseline;
  padding: 14px 20px 12px;
  overflow: hidden;
  color: #fff;
  background: #e32116; }
  .title h1, .title h2, .title p {
    display: inline-block;
    margin: 0;
    padding: 0; }
  .title h1 {
    float: left;
    line-height: inherit;
    margin-right: 5px;
    letter-spacing: -0.01em; }
  .title small {
    display: inline-block;
    margin-top: -0.25em;
    padding-left: 10px;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    font-weight: normal; }
  .title h2 {
    font-weight: normal;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    padding-left: 18px;
    margin: 18px 0 0 0; }
  .title .rating {
    float: right;
    padding: 20px 20px 0 20px; }
  .title .icon img {
    vertical-align: middle; }

@media handheld, only screen and (max-width: 752px) {
  .title {
    padding: 20px 10px; }
    .title h1, .title h2 {
      border: none;
      display: block; }
    .title h1 {
      font-size: 30px; }
  .title--reviews {
    background: #fff;
    color: #000000; }
    .title--reviews small {
      display: block;
      padding-left: 0;
      margin-left: 0;
      margin-top: 10px;
      color: #888888;
      vertical-align: middle; }
    .title--reviews h2 {
      margin-top: 10px;
      color: #888888; } }

@media handheld, only screen and (max-width: 752px) {
  .review__header {
    padding: 0 10px; } }

.halfpage {
  position: absolute;
  left: 0;
  width: 48%;
  z-index: 10;
  margin-top: 40px; }

@media handheld, only screen and (max-width: 752px) {
  .halfpage {
    margin-top: 20px;
    width: auto;
    position: static; } }

.stats {
  padding: 20px 0; }

.stats--summary {
  position: relative; }
  .stats--summary p {
    margin: 0; }
  .stats--summary .icon {
    font-size: 50px;
    display: block;
    margin-top: 20px; }
  .stats--summary .delta, .stats--summary .btn--slim, .stats--summary .btn--tiny, .stats--summary ul[id^="parsley-"] li, ul[id^="parsley-"] .stats--summary li, .stats--summary
  div[id^="parsley-"] span,
  div[id^="parsley-"] .stats--summary span, .stats--summary .paginate, .stats--summary .cat, .stats--summary .isle__top, .stats--summary .isle__bot, .stats--summary sub {
    opacity: 0.4; }
  .stats--summary sub {
    vertical-align: middle; }
  .stats--summary .stat {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 20px;
    padding-top: 20px; }

.reviews__summary .grid, .reviews__summary .datalist .item, .datalist .reviews__summary .item {
  background: #fff;
  margin: 0;
  padding: 20px 10px 5px 10px; }

.reviews__summary p {
  margin-bottom: 0; }

.review__text p {
  margin-bottom: 20px; }

.user-review p {
  word-wrap: break-word; }

.link-tweet {
  display: block; }
  .link-tweet .icon--twitter {
    color: transparent; }
  .link-tweet:hover .icon--twitter {
    color: #00aced; }

.open-gallery {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  position: relative; }

.open-gallery__overlay {
  position: absolute;
  bottom: 13px;
  right: 11px; }
  .open-gallery__overlay i {
    line-height: 0.7;
    font-size: 1.2em;
    vertical-align: middle;
    margin-left: 0.25em; }

.more a {
  padding: 8px 12px;
  display: block; }

.quickbar {
  position: fixed;
  bottom: -150px;
  -webkit-transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  -ms-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s;
  left: 0;
  right: 0;
  z-index: 2;
  color: #fff; }
  .quickbar.on {
    bottom: 0; }
  .quickbar .container, .quickbar .nav, .quickbar .quickbar__container {
    overflow: hidden; }
  .quickbar__container {
    padding: 0 10px 5px;
    box-sizing: border-box; }
  .quickbar__price, .quickbar__title {
    font-size: 26px; }
  .quickbar__title {
    margin: 10px 0 0; }
  .quickbar__buttons {
    vertical-align: middle;
    display: inline-block; }
  .quickbar__price {
    margin: 0.15em 0 0;
    vertical-align: bottom; }
    @media handheld, only screen and (max-width: 752px) {
      .quickbar__price {
        display: inline-block; } }

.vehicleoptions {
  min-height: 300px; }

@media handheld, only screen and (max-width: 752px) {
  .vehicleoptions__title, .vehicleoptions__rating {
    display: none !important; } }

.vehicleoptions__item {
  color: #c4c4c4;
  text-align: center; }
  .vehicleoptions__item h2, .vehicleoptions__item h3, .vehicleoptions__item p {
    padding: 0;
    margin: 0; }
  .vehicleoptions__item h3 {
    font-size: 16px;
    font-size: 1rem; }
  .vehicleoptions__item h2 {
    padding: 5% 0 10px 0;
    font-size: 21px;
    font-size: 1.3125rem;
    color: #000000;
    line-height: 1.2em; }
  .vehicleoptions__item .inner {
    margin: 0 0 20px 0;
    padding: 10px;
    background: #fff;
    position: relative;
    height: 120px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 40px; }
  .vehicleoptions__item p {
    margin: 5px 0 0;
    padding: 5px 10px;
    background-color: #c4c4c4;
    color: #fff !important;
    position: absolute;
    bottom: 20px;
    right: 10px;
    left: 10px;
    -webkit-box-shadow: 0 -20px 25px #fff;
    -moz-box-shadow: 0 -20px 25px #fff;
    -ms-box-shadow: 0 -20px 25px #fff;
    -o-box-shadow: 0 -20px 25px #fff;
    box-shadow: 0 -20px 25px #fff; }

@media handheld, only screen and (max-width: 752px) {
  .vehicleoptions__item {
    width: 50%; }
    .vehicleoptions__item h2 {
      font-size: 16px; } }

.vehicleoptions__item--standard h2 {
  color: #32a530; }

.vehicleoptions__item--standard p {
  background-color: #32a530;
  color: #fff; }

.vehicleoptions__item--pack h2 {
  color: #4296cd; }

.vehicleoptions__item--pack p {
  background-color: #4296cd;
  color: #fff; }

.vehicleoptions__item--available {
  cursor: pointer; }
  .vehicleoptions__item--available:hover .inner, .vehicleoptions__item--available.on .inner {
    background: #1a262d; }
  .vehicleoptions__item--available:hover p, .vehicleoptions__item--available.on p {
    background-color: #4296cd;
    -webkit-box-shadow: 0 -20px 25px #1a262d;
    -moz-box-shadow: 0 -20px 25px #1a262d;
    -ms-box-shadow: 0 -20px 25px #1a262d;
    -o-box-shadow: 0 -20px 25px #1a262d;
    box-shadow: 0 -20px 25px #1a262d; }
  .vehicleoptions__item--available.on .ss-plus:before {
    content: '-'; }
  .vehicleoptions__item--available h2 {
    color: #f0c30b; }
  .vehicleoptions__item--available p {
    background-color: #f0c30b;
    color: #000; }

.survey {
  color: #fff;
  position: relative;
  z-index: 2; }
  .survey .textput {
    color: #1a262d; }

@media handheld, only screen and (max-width: 752px) {
  .review-carousel .grid.pad, .review-carousel .datalist .pad.item, .datalist .review-carousel .pad.item {
    padding: 0; }
  .topten__item--rating {
    padding: 20px 0;
    text-align: left; } }

.table--editions tr:nth-of-type(even) {
  background: #fff; }

@media handheld, only screen and (min-width: 960px) {

  .advice_height_2_side_banners {
    min-height: 500px;
  }
  .advice_height_3_side_banners {
    min-height: 760px;
  }
  .advice_height_4_side_banners {
    min-height: 1040px;
  }
  .advice_height_5_side_banners {
    min-height: 1300px;
  }

  .reviews_new_car_home_height_3_side_banners {
    min-height: 775px;
  }
  .reviews_new_car_home_height_4_side_banners {
    min-height: 1040px;
  }
  .reviews_new_car_home_height_5_side_banners {
    min-height: 1300px;
  }
  .pad--top10 {
    padding-top: 10px;
  }
  .pad--top20 {
    padding-top: 20px;
  }
}

.pad--right20 {
  padding-right: 20px;
}

/* side banners */
.page-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.banner-container {
  width: 200px;
  position: fixed;
  top: 20%;
  transform: translateY(-20%);
  z-index: 1000;
}

.left-banner {
  left: calc(50% - 555px - 200px);
}

.right-banner {
  left: calc(50% + 555px);
}

.main-content-wrapper {
  flex: 1;
  max-width: 1110px;
  margin: 0 auto;

}

/* Hide banners on smaller screens */
@media (max-width: 1210px) {
  .banner-container {
    display: none;
  }

  .page-wrapper {
    display: block;
  }

  .main-content-wrapper {
    margin: 0 auto; /* center content normally when banners are hidden */
  }
}

@media handheld, only screen and (max-width: 69em) {
  .zero {
    position: sticky !important;
    top: 0;
    width: 100%;
    background-color: white;
    z-index: 1001;
    text-align: center;
  }

  .grid, .datalist .item {
    margin-left: 0px;
  }

  .input-list__item {
    margin-bottom: 5px; }

}

/* TILE GRID WRAPPER – must NOT be flex */
.home-tiles-grid {
    margin-top: 20px;
}

/* TILE CARD */
.home-tile-card {
    background: #fff;
    border-radius: 8px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);

    /* FLEX ONLY INSIDE THE TILE */
    display: flex;
    flex-direction: column;

    margin-bottom: 20px;
}

/* ICON */
.home-tile-icon {
    /*max-width: 110px;*/
    max-height: 60px;
    height: auto;
    margin: 0 auto 10px;
}

/* TITLE – align titles across tiles */
.home-tile-title {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 14px;
    font-weight: 600;
}

/* TEXT – pushes button down */
.home-tile-text {
    margin-bottom: auto;
    color: #333;
    line-height: 1.45;
}

/* BUTTON ROW – aligned across tiles */
.home-tile-btn-wrap {
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-top: 20px;
}

.carfinder__makes .usage2 {
    display: block;
    margin: 0 auto;
    max-height: 42px;
}
@media handheld, only screen and (max-width: 69em){
    .carfinder__makes .usage2 {
        display: block;
        margin: 0 auto;
        max-height: 32px;
    }
}