@font-face {
    font-family: "SSSocialRegular";
    src: url(https://cdn2.capterra-static.com/assets/symbolset/social-regular/ss-social-regular-45b23ff1bde337a25f515d78b11ebb2b51f268006393f5048929d2c326b082bd.eot);
    src: url(https://cdn2.capterra-static.com/assets/symbolset/social-regular/ss-social-regular-45b23ff1bde337a25f515d78b11ebb2b51f268006393f5048929d2c326b082bd.eot?#iefix) format("embedded-opentype"), url(https://cdn2.capterra-static.com/assets/symbolset/social-regular/ss-social-regular-3d5629a5cbadabfd67e7c99b9e71569f356ebf7fddabd5b3c24e37b49a48c605.woff) format("woff"), url(https://cdn2.capterra-static.com/assets/symbolset/social-regular/ss-social-regular-6d92fe3d25085919d9acf2ed052197ea987f1bd3fc4e515fd8cae9baea7d33b7.ttf) format("truetype"), url(https://cdn1.capterra-static.com/assets/symbolset/social-regular/ss-social-regular-4a336b884caf1e64d238894f36062350e0f8581e3d153ac704d8c55cf11eee62.svg#SSSocialRegular) format("svg");
    font-weight: normal;
    font-style: normal
}

html:hover [class^="ss-"] {
    -ms-zoom: 1
}

.ss-icon,
.ss-icon.ss-social-regular,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"].ss-social-regular:before,
[class*=" ss-"].ss-social-regular:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-social-regular.right:after,
[class*=" ss-"].ss-social-regular.right:after {
    font-family: "SSSocialRegular";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -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 {
    display: none;
    content: ''
}

.ss-facebook:before,
.ss-facebook.right:after {
    content: ''
}

.ss-twitter:before,
.ss-twitter.right:after {
    content: ''
}

.ss-linkedin:before,
.ss-linkedin.right:after {
    content: ''
}

.ss-googleplus:before,
.ss-googleplus.right:after {
    content: ''
}

.ss-appdotnet:before,
.ss-appdotnet.right:after {
    content: ''
}

.ss-zerply:before,
.ss-zerply.right:after {
    content: ''
}

.ss-reddit:before,
.ss-reddit.right:after {
    content: ''
}

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

.ss-tumblr:before,
.ss-tumblr.right:after {
    content: ''
}

.ss-wordpress:before,
.ss-wordpress.right:after {
    content: ''
}

.ss-blogger:before,
.ss-blogger.right:after {
    content: ''
}

.ss-posterous:before,
.ss-posterous.right:after {
    content: ''
}

.ss-quora:before,
.ss-quora.right:after {
    content: ''
}

.ss-youtube:before,
.ss-youtube.right:after {
    content: ''
}

.ss-vimeo:before,
.ss-vimeo.right:after {
    content: ''
}

.ss-vine:before,
.ss-vine.right:after {
    content: ''
}

.ss-letterboxd:before,
.ss-letterboxd.right:after {
    content: ''
}

.ss-flickr:before,
.ss-flickr.right:after {
    content: ''
}

.ss-instagram:before,
.ss-instagram.right:after {
    content: ''
}

.ss-500px:before,
.ss-500px.right:after {
    content: ''
}

.ss-etsy:before,
.ss-etsy.right:after {
    content: ''
}

.ss-pinterest:before,
.ss-pinterest.right:after {
    content: ''
}

.ss-svpply:before,
.ss-svpply.right:after {
    content: ''
}

.ss-readmill:before,
.ss-readmill.right:after {
    content: ''
}

.ss-dropbox:before,
.ss-dropbox.right:after {
    content: ''
}

.ss-pinboard:before,
.ss-pinboard.right:after {
    content: ''
}

.ss-delicious:before,
.ss-delicious.right:after {
    content: ''
}

.ss-dribbble:before,
.ss-dribbble.right:after {
    content: ''
}

.ss-behance:before,
.ss-behance.right:after {
    content: ''
}

.ss-github:before,
.ss-github.right:after {
    content: ''
}

.ss-octocat:before,
.ss-octocat.right:after {
    content: ''
}

.ss-stackoverflow:before,
.ss-stackoverflow.right:after {
    content: ''
}

.ss-paypal:before,
.ss-paypal.right:after {
    content: ''
}

.ss-kickstarter:before,
.ss-kickstarter.right:after {
    content: ''
}

.ss-foursquare:before,
.ss-foursquare.right:after {
    content: ''
}

.ss-yelp:before,
.ss-yelp.right:after {
    content: ''
}

.ss-skype:before,
.ss-skype.right:after {
    content: ''
}

.ss-rdio:before,
.ss-rdio.right:after {
    content: ''
}

.ss-spotify:before,
.ss-spotify.right:after {
    content: ''
}

.ss-lastfm:before,
.ss-lastfm.right:after {
    content: ''
}

.ss-soundcloud:before,
.ss-soundcloud.right:after {
    content: ''
}

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

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

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

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

.ss-rss:before,
.ss-rss.right:after {
    content: ''
}

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

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

.ss-microsoft:before,
.ss-microsoft.right:after {
    content: ''
}

.ss-windows:before,
.ss-windows.right:after {
    content: ''
}

.ss-android:before,
.ss-android.right:after {
    content: ''
}

.ss-blackberry:before,
.ss-blackberry.right:after {
    content: ''
}

.ss-fivehundredpx:before,
.ss-fivehundredpx.right:after {
    content: ''
}

@font-face {
    font-family: "SSStandard";
    src: url(https://cdn2.capterra-static.com/assets/symbolset/standard/ss-standard-830bea2097c9aedcd049f75146ad63bab60a62195e43cd088e47f3999a7aa555.eot);
    src: url(https://cdn2.capterra-static.com/assets/symbolset/standard/ss-standard-830bea2097c9aedcd049f75146ad63bab60a62195e43cd088e47f3999a7aa555.eot?#iefix) format("embedded-opentype"), url(https://cdn2.capterra-static.com/assets/symbolset/standard/ss-standard-d2aae940b6d023c99cbd656bbd0868f51bcf4a93455efef42cc95d8a4c7bceca.woff) format("woff"), url(https://cdn1.capterra-static.com/assets/symbolset/standard/ss-standard-513f5a83c1d4fe5263ddcf12bae8200b2b77dbb0b89b57bb72cf6d85e7a49d17.ttf) format("truetype"), url(https://cdn2.capterra-static.com/assets/symbolset/standard/ss-standard-a05c6c5bdf987a8bd0362056a7425a2fd172a237d372433a7f099ca4296466d8.svg#SSStandard) format("svg");
    font-weight: normal;
    font-style: normal
}

html:hover [class^="ss-"] {
    -ms-zoom: 1
}

.ss-icon,
.ss-icon.ss-standard,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"].ss-standard:before,
[class*=" ss-"].ss-standard:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-standard.right:after,
[class*=" ss-"].ss-standard.right:after {
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -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 {
    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-move:before,
.ss-move.right:after {
    content: ''
}

.ss-write:before,
.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-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-halfheart:before,
.ss-halfheart.right:after {
    content: ''
}

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

.ss-halfstar:before,
.ss-halfstar.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-fill:before,
.ss-fill.right:after {
    content: ''
}

.ss-stroke:before,
.ss-stroke.right:after {
    content: ''
}

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

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

.ss-rss:before,
.ss-rss.right:after {
    content: ''
}

.ss-facetime:before,
.ss-facetime.right:after {
    content: ''
}

.ss-reply:before,
.ss-reply.right:after {
    content: '↩'
}

.ss-send:before,
.ss-send.right:after {
    content: ''
}

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

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

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

.ss-ellipsischat:before,
.ss-ellipsischat.right:after {
    content: ''
}

.ss-ellipsis:before,
.ss-ellipsis.right:after {
    content: '…'
}

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

.ss-femaleuser:before,
.ss-femaleuser.right:after {
    content: '👧'
}

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

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

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

.ss-dollarsign:before,
.ss-dollarsign.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-buildings:before,
.ss-buildings.right:after {
    content: '🏢'
}

.ss-warehouse:before,
.ss-warehouse.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-map:before,
.ss-map.right:after {
    content: ''
}

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

.ss-pin:before,
.ss-pin.right:after {
    content: '📍'
}

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

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

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

.ss-mic:before,
.ss-mic.right:after {
    content: '🎤'
}

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

.ss-lowvolume:before,
.ss-lowvolume.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-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-book:before,
.ss-book.right:after {
    content: '📕'
}

.ss-openbook:before,
.ss-openbook.right:after {
    content: '📖'
}

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

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

.ss-grid:before,
.ss-grid.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-filter:before,
.ss-filter.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-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-emptybattery:before,
.ss-emptybattery.right:after {
    content: ''
}

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

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

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

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

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

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

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

.ss-transfer:before,
.ss-transfer.right:after {
    content: '⇆'
}

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

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

.ss-loading:before,
.ss-loading.right:after {
    content: ''
}

.ss-wifi:before,
.ss-wifi.right:after {
    content: ''
}

.ss-connection:before,
.ss-connection.right:after {
    content: ''
}

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

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

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

.ss-text:before,
.ss-text.right:after {
    content: ''
}

.ss-font:before,
.ss-font.right:after {
    content: ''
}

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

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

.ss-list:before,
.ss-list.right:after {
    content: ''
}

.ss-layout:before,
.ss-layout.right:after {
    content: ''
}

.ss-action:before,
.ss-action.right:after {
    content: ''
}

.ss-redirect:before,
.ss-redirect.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-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-settings:before,
.ss-settings.right:after {
    content: '⚙'
}

.ss-dashboard:before,
.ss-dashboard.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-calendar:before,
.ss-calendar.right:after {
    content: '📅'
}

.ss-addcalendar:before,
.ss-addcalendar.right:after {
    content: ''
}

.ss-removecalendar:before,
.ss-removecalendar.right:after {
    content: ''
}

.ss-checkcalendar:before,
.ss-checkcalendar.right:after {
    content: ''
}

.ss-deletecalendar:before,
.ss-deletecalendar.right:after {
    content: ''
}

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

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

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

.ss-flask:before,
.ss-flask.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,
.ss-navigateright.right:after {
    content: '▻'
}

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

.ss-navigateleft:before,
.ss-navigateleft.right:after {
    content: '◅'
}

.ss-directup:before,
.ss-directup.right:after {
    content: '▴'
}

.ss-directright:before,
.ss-directright.right:after {
    content: '▹'
}

.ss-dropdown:before,
.ss-dropdown.right:after {
    content: '▾'
}

.ss-directleft:before,
.ss-directleft.right:after {
    content: '◃'
}

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

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

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

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

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

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

.ss-batteryempty:before,
.ss-batteryempty.right:after {
    content: ''
}

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

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

.ss-calendaradd:before,
.ss-calendaradd.right:after {
    content: ''
}

.ss-calendarremove:before,
.ss-calendarremove.right:after {
    content: ''
}

.ss-calendarcheck:before,
.ss-calendarcheck.right:after {
    content: ''
}

.ss-calendardelete:before,
.ss-calendardelete.right:after {
    content: ''
}

@font-face {
    font-family: 'nimbus';
    src: url(https://cdn1.capterra-static.com/assets/symbolset/nimbus-icons/nimbus-ac35aa444d6d102fb7705617dc7dc5be3c79893552c06484782cfd194bc0e501.eot);
    src: url(https://cdn1.capterra-static.com/assets/symbolset/nimbus-icons/nimbus-ac35aa444d6d102fb7705617dc7dc5be3c79893552c06484782cfd194bc0e501.eot) format("embedded-opentype"), url(https://cdn2.capterra-static.com/assets/symbolset/nimbus-icons/nimbus-1d67c67c8e83f3aa6c88dbbaac02ff854124a3b33e13993fc16fe3eccd307102.ttf) format("truetype"), url(https://cdn1.capterra-static.com/assets/symbolset/nimbus-icons/nimbus-fe12287df7a340e5e35fabb91870a56564590cb5f844d503225509473767ac6c.woff) format("woff"), url(https://cdn2.capterra-static.com/assets/symbolset/nimbus-icons/nimbus-1a5bb226dace5b2f5c447954b27a77456eef21eecc71fe741f62247163082100.svg) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'nimbus' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon {
    width: 18px;
    height: 18px;
    font-size: 18px
}

.icon-large {
    width: 24px;
    height: 24px;
    font-size: 24px
}

.icon-alert:before {
    content: "\e900"
}

.icon-android:before {
    content: "\e901"
}

.icon-apple:before {
    content: "\e902"
}

.icon-arrow-down-fill:before {
    content: "\e903"
}
.icon-arrow-down{  
    font-family: simple-line-icons !important;
}
.icon-arrow-down:before {
    content: "\e604"
} 

.icon-arrow-left-fill:before {
    content: "\e905"
}

.icon-arrow-left:before {
    content: "\e906"
}

.icon-arrow-right-fill:before {
    content: "\e907"
}

.icon-arrow-right:before {
    content: "\e908"
}

.icon-arrow-up:before {
    content: "\e909"
}

.icon-arrow-up-fill:before {
    content: "\e90a"
}

.icon-award:before {
    content: "\e90b"
}

.icon-book:before {
    content: "\e90c"
}

.icon-browser:before {
    content: "\e90d"
}

.icon-calendar:before {
    content: "\e90e"
}

.icon-cart:before {
    content: "\e90f"
}

.icon-check-fill:before {
    content: "\e910"
}

.icon-check:before {
    content: "\e911"
}

.icon-chevron-down:before {
    content: "\e912"
}

.icon-chevron-left:before {
    content: "\e913"
}

.icon-chevron-right:before {
    content: "\e914"
}

.icon-chevron-up:before {
    content: "\e915"
}

.icon-clock:before {
    content: "\e916"
}

.icon-close-fill:before {
    content: "\e917"
}

.icon-close:before {
    content: "\e918"
}

.icon-cloud:before {
    content: "\e919"
}

.icon-code:before {
    content: "\e91a"
}

.icon-compare:before {
    content: "\e91b"
}

.icon-dashboard:before {
    content: "\e91c"
}

.icon-document:before {
    content: "\e91d"
}

.icon-double-chevron-left:before {
    content: "\e91e"
}

.icon-double-chevron-right:before {
    content: "\e91f"
}

.icon-download:before {
    content: "\e920"
}

.icon-edit:before {
    content: "\e921"
}

.icon-external-link:before {
    content: "\e922"
}

.icon-facebook:before {
    content: "\e923"
}

.icon-feature:before {
    content: "\e924"
}

.icon-filter:before {
    content: "\e925"
}

.icon-frown:before {
    content: "\e926"
}

.icon-google:before {
    content: "\e927"
}

.icon-graph:before {
    content: "\e928"
}

.icon-heart-empty:before {
    content: "\e929"
}

.icon-heart-full:before {
    content: "\e92a"
}

.icon-home:before {
    content: "\e92b"
}

.icon-image:before {
    content: "\e92c"
}

.icon-international:before {
    content: "\e92d"
}

.icon-ios:before {
    content: "\e92e"
}

.icon-key:before {
    content: "\e92f"
}

.icon-label:before {
    content: "\e930"
}

.icon-link:before {
    content: "\e931"
}

.icon-linkedin:before {
    content: "\e932"
}

.icon-list:before {
    content: "\e933"
}

.icon-location:before {
    content: "\e934"
}

.icon-lock:before {
    content: "\e935"
}

.icon-mail:before {
    content: "\e936"
}

.icon-meh:before {
    content: "\e937"
}

.icon-menu:before {
    content: "\e938"
}

.icon-minus:before {
    content: "\e939"
}

.icon-money:before {
    content: "\e93a"
}

.icon-more:before {
    content: "\e93b"
}

.icon-notification:before {
    content: "\e93c"
}

.icon-office:before {
    content: "\e93d"
}

.icon-phone:before {
    content: "\e93e"
}

.icon-plus:before {
    content: "\e93f"
}

.icon-price:before {
    content: "\e940"
}

.icon-question:before {
    content: "\e941"
}

.icon-rating:before {
    content: "\e942"
}

.icon-reddit:before {
    content: "\e943"
}

.icon-refresh:before {
    content: "\e944"
}

.icon-review:before {
    content: "\e945"
}

.icon-save:before {
    content: "\e946"
}

.icon-search:before {
    content: "\e947"
}

.icon-setting:before {
    content: "\e948"
}

.icon-share:before {
    content: "\e949"
}

.icon-small-business:before {
    content: "\e94a"
}

.icon-smile:before {
    content: "\e94b"
}

.icon-software-used:before {
    content: "\e94c"
}

.icon-software:before {
    content: "\e94d"
}

.icon-sort-triangle:before {
    content: "\e94e"
}

.icon-star-empty:before {
    content: "\e94f"
}

.icon-star-full:before {
    content: "\e950"
}

.icon-star-half:before {
    content: "\e951"
}

.icon-target:before {
    content: "\e952"
}

.icon-thumbs-down:before {
    content: "\e953"
}

.icon-thumbs-up:before {
    content: "\e954"
}

.icon-tiny-chevron-down:before {
    content: "\e955"
}

.icon-tiny-chevron-left:before {
    content: "\e956"
}

.icon-tiny-chevron-right:before {
    content: "\e957"
}

.icon-tiny-chevron-up:before {
    content: "\e958"
}

.icon-trend-down:before {
    content: "\e959"
}

.icon-trend-up:before {
    content: "\e95a"
}

.icon-twitter:before {
    content: "\e95b"
}

.icon-unlock:before {
    content: "\e95c"
}

.icon-user-add:before {
    content: "\e95d"
}

.icon-user-confirm:before {
    content: "\e95e"
}

.icon-user-reject:before {
    content: "\e95f"
}

.icon-user:before {
    content: "\e960"
}

.icon-windows:before {
    content: "\e961"
}

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.site-main {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

body {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -ms-flex-direction: column;
    flex-direction: column
}

a {
    outline: 0;
    border: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:visited,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 800
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: none;
    border-radius: 0.125rem
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
table,
th,
td,
caption,
hr {
    margin: 0;
    padding: 0
}

abbr[title],
dfn[title] {
    cursor: help
}

u,
ins {
    text-decoration: none
}

ins {
    border-bottom: 1px solid
}

img {
    font-style: italic
}

.cf::after,
.nav::after,
.card-list::after,
.breadcrumbs::after {
    clear: both;
    content: "";
    display: table
}

.float-right,
.article-body .alignright {
    float: right !important
}

.float-left,
.article-body .alignleft {
    float: left !important
}

.float-none {
    float: none !important
}

.float-center {
    text-align: center
}

.float-center>* {
    display: inline-block
}

.clear {
    clear: both
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.auto-margin {
    margin: auto !important
}

.no-margin {
    margin: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.base-margin {
    margin: 24px;
    margin: 1.5rem
}

.base-margin-top {
    margin-top: 24px;
    margin-top: 1.5rem
}

.base-margin-bottom {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.base-margin-right {
    margin-right: 24px;
    margin-right: 1.5rem
}

.base-margin-left {
    margin-left: 24px;
    margin-left: 1.5rem
}

.quarter-margin {
    margin: 6px;
    margin: 0.375rem
}

.quarter-margin-top {
    margin-top: 6px;
    margin-top: 0.375rem
}

.quarter-margin-bottom {
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.quarter-margin-right {
    margin-right: 6px;
    margin-right: 0.375rem
}

.quarter-margin-left {
    margin-left: 6px;
    margin-left: 0.375rem
}

.half-margin {
    margin: 12px;
    margin: 0.75rem
}

.half-margin-bottom {
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.half-margin-top {
    margin-top: 12px;
    margin-top: 0.75rem
}

.half-margin-right {
    margin-right: 12px;
    margin-right: 0.75rem
}

.half-margin-left {
    margin-left: 12px;
    margin-left: 0.75rem
}

.three-halves-margin {
    margin: 36px;
    margin: 2.25rem
}

.three-halves-margin-bottom {
    margin-bottom: 36px;
    margin-bottom: 2.25rem
}

.three-halves-margin-top {
    margin-top: 36px;
    margin-top: 2.25rem
}

.three-halves-margin-right {
    margin-right: 36px;
    margin-right: 2.25rem
}

.three-halves-margin-left {
    margin-left: 36px;
    margin-left: 2.25rem
}

.double-margin {
    margin: 48px;
    margin: 3rem
}

.double-margin-bottom {
    margin-bottom: 48px;
    margin-bottom: 3rem
}

.double-margin-top {
    margin-top: 48px;
    margin-top: 3rem
}

.double-margin-right {
    margin-right: 48px;
    margin-right: 3rem
}

.double-margin-left {
    margin-left: 48px;
    margin-left: 3rem
}

.huge-margin {
    margin: 120px;
    margin: 7.5rem
}

.huge-margin-bottom {
    margin-bottom: 120px;
    margin-bottom: 7.5rem
}

.huge-margin-top {
    margin-top: 120px;
    margin-top: 7.5rem
}

.huge-margin-right {
    margin-right: 120px;
    margin-right: 7.5rem
}

.huge-margin-left {
    margin-left: 120px;
    margin-left: 7.5rem
}

.theta-margin-top {
    margin-top: 4px;
    margin-top: 0.25rem
}

.no-padding {
    padding: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

@media only screen and (max-width: 767px) {
    .no-padding-palm {
        padding: 0 !important
    }
}

@media only screen and (max-width: 767px) {
    .no-padding-bottom-palm {
        padding-bottom: 0 !important
    }
}

@media only screen and (max-width: 960px) {
    .no-padding-top-portable {
        padding-top: 0 !important
    }
}

@media only screen and (max-width: 767px) {
    .quarter-margin-left-palm {
        margin-left: 6px !important
    }
}

@media only screen and (max-width: 767px) {
    .no-margin-bottom-palm {
        margin-bottom: 0 !important
    }
}

@media only screen and (max-width: 767px) {
    .no-margin-left-palm {
        margin-left: 0 !important
    }
}

@media only screen and (max-width: 767px) {
    .no-margin-right-palm {
        margin-right: 0 !important
    }
}

.base-padding {
    padding: 24px;
    padding: 1.5rem
}

.base-padding-top {
    padding-top: 24px;
    padding-top: 1.5rem
}

.base-padding-bottom {
    padding-bottom: 24px;
    padding-bottom: 1.5rem
}

.base-padding-right {
    padding-right: 24px;
    padding-right: 1.5rem
}

.base-padding-left {
    padding-left: 24px;
    padding-left: 1.5rem
}

.three-halves-padding {
    padding: 36px;
    padding: 2.25rem
}

.three-halves-padding-bottom {
    padding-bottom: 36px;
    padding-bottom: 2.25rem
}

.three-halves-padding-top {
    padding-top: 36px;
    padding-top: 2.25rem
}

.three-halves-padding-right {
    padding-right: 36px;
    padding-right: 2.25rem
}

.three-halves-padding-left {
    padding-left: 36px;
    padding-left: 2.25rem
}

.double-padding {
    padding: 48px;
    padding: 3rem
}

.double-padding-top {
    padding-top: 48px;
    padding-top: 3rem
}

.double-padding-bottom {
    padding-bottom: 48px;
    padding-bottom: 3rem
}

.double-padding-right {
    padding-right: 48px;
    padding-right: 3rem
}

.double-padding-left {
    padding-left: 48px;
    padding-left: 3rem
}

.quarter-padding {
    padding: 6px;
    padding: 0.375rem
}

.quarter-padding-top {
    padding-top: 6px;
    padding-top: 0.375rem
}

.quarter-padding-bottom {
    padding-bottom: 6px;
    padding-bottom: 0.375rem
}

.quarter-padding-right {
    padding-right: 6px;
    padding-right: 0.375rem
}

.quarter-padding-left {
    padding-left: 6px;
    padding-left: 0.375rem
}

.half-padding {
    padding: 12px;
    padding: 0.75rem
}

.half-padding-bottom {
    padding-bottom: 12px;
    padding-bottom: 0.75rem
}

.half-padding-top {
    padding-top: 12px;
    padding-top: 0.75rem
}

.half-padding-right {
    padding-right: 12px;
    padding-right: 0.75rem
}

.half-padding-left {
    padding-left: 12px;
    padding-left: 0.75rem
}

.huge-padding {
    padding: 120px;
    padding: 7.5rem
}

.huge-padding-bottom {
    padding-bottom: 120px;
    padding-bottom: 7.5rem
}

.huge-padding-top {
    padding-top: 120px;
    padding-top: 7.5rem
}

.huge-padding-right {
    padding-right: 120px;
    padding-right: 7.5rem
}

.huge-padding-left {
    padding-left: 120px;
    padding-left: 7.5rem
}

@media only screen and (max-width: 767px) {
    .palm-base-margin-top {
        margin-top: 24px;
        margin-top: 1.5rem
    }
}

.opacity-quarter {
    opacity: 0.25
}

.opacity-half {
    opacity: 0.5
}

.opacity-threequarters {
    opacity: 0.75
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

@media only screen and (max-width: 767px) {
    .text-mobile-left {
        text-align: left !important
    }
}

@media only screen and (max-width: 767px) {
    .text-mobile-center {
        text-align: center !important
    }
}

@media only screen and (max-width: 767px) {
    .text-mobile-right {
        text-align: right !important
    }
}

.vertical-middle {
    vertical-align: middle
}

.no-underline {
    text-decoration: none
}

.no-underline-hover:hover {
    text-decoration: none !important
}

.underline-hover:hover {
    text-decoration: underline !important
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate:hover.hover-truncated {
    background-color: white;
    white-space: normal;
    overflow: visible;
    text-overflow: clip
}

.line-break {
    display: block
}

@media only screen and (max-width: 767px) {
    .line-break {
        display: inline
    }
}

.word-break {
    word-break: break-word
}

.uppercase {
    text-transform: uppercase
}

.weight-normal {
    font-weight: 400
}

.weight-bold {
    font-weight: 700
}


.code {
    font-family: Courier, "Courier New", monospace
}

.color-text {
    color: #707070
}

.color-white {
    color: white !important
}

.color-gray {
    color: #607480 !important
}

.color-blue {
    color: #044D80 !important
}

.color-brand-blue {
    color: #68C5ED !important
}

.color-action-blue {
    color: #1C6FD1 !important
}

.color-action-orange {
    color: #FF6200 !important
}

.color-brand-orange {
    color: #FF9D28 !important
}

.color-brand-red {
    color: #E54747 !important
}

.color-light-red {
    color: #F47575 !important
}

.color-green {
    color: #037602 !important
}

.color-light-green {
    color: #21AC21 !important
}

.color-red {
    color: #E54747 !important
}

.color-yellow {
    color: #FF6200 !important
}

.color-black {
    color: #363A41
}

.color-text-gray {
    color: #607480;
}

.color-text-light-gray {
    color: #707070
}

.color-blue-gray {
    color: #93B4D8
}

.highlight {
    background-color: #FFF0DD
}

.bg-light-gray {
    background-color: #F2F8FB !important
}

.color-twitter {
    background-color: #00acee
}

.color-rss {
    background-color: #ff8940
}

.rule {
    color: #93B4D8;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.rule-dotted {
    border-bottom-style: dotted
}

.rule-dashed {
    border-bottom-style: dashed
}

.rule-double-pad {
    padding-top: 24px;
    padding-top: 1.5rem;
    margin-bottom: 48px;
    margin-bottom: 3rem
}

.rule-half {
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.rule-red {
    margin-right: 100%;
    height: 2px;
    width: 200px;
    border: none;
    background-color: #E54747
}

.rule-blue {
    margin-right: 100%;
    height: 2px;
    width: 200px;
    border: none;
    background-color: #044D80
}

.rule-orange {
    margin-right: 100%;
    height: 2px;
    width: 200px;
    border: none;
    background-color: #FF9D28
}

.rule-brand-blue {
    margin-right: 100%;
    height: 2px;
    width: 200px;
    border: none;
    background-color: #68C5ED
}

@media only screen and (max-width: 767px) {
    .rule-center-mobile {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 768px) {
    .rule-center-desk {
        margin-left: auto;
        margin-right: auto
    }
}

.border-bottom {
    border-bottom: 1px solid #e1e1e1
}

.border-top {
    border-top: 1px solid #e1e1e1
}

.border-right {
    border-right: 1px solid #e1e1e1
}

.border-left {
    border-left: 1px solid #e1e1e1
}

.icon-lead[class*="ss-"]:before,
.icon-lead[class^="ss-"]:before,
.icon-follow[class*="ss-"]:before,
.icon-follow[class^="ss-"]:before {
    vertical-align: middle
}

.icon-lead[class*="ss-"]:before,
.icon-lead[class^="ss-"]:before {
    margin-right: 0.5em
}

.icon-follow[class*="ss-"]:before,
.icon-follow[class^="ss-"]:before {
    margin-left: 0.5em
}

.flex-video {
    position: relative;
    padding-bottom: 67.5%;
    height: 0;
    overflow: hidden
}

.flex-video.widescreen {
    padding-bottom: 57.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video iframe,
.flex-video video {
    position: absolute;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%
}

.hide {
    display: none !important
}

.hide-visibility {
    visibility: hidden;
    width: 0;
    height: 0
}

.safe-hide {
    display: none
}

.show {
    display: inherit
}

@media only screen and (max-width: 767px) {
    .hide-palm {
        display: none !important
    }
    .show-palm {
        display: inherit
    }
    .hide-visibility-palm {
        visibility: hidden;
        width: 0;
        height: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .hide-lap {
        display: none !important
    }
    .show-lap {
        display: inherit
    }
    .hide-visibility-lap {
        visibility: hidden;
        width: 0;
        height: 0
    }
}

@media only screen and (min-width: 768px) {
    .hide-lap-and-up {
        display: none !important
    }
    .show-lap-and-up {
        display: inherit
    }
    .hide-visibility-lap-and-up {
        visibility: hidden;
        width: 0;
        height: 0
    }
}

@media only screen and (max-width: 960px) {
    .hide-portable {
        display: none !important
    }
    .show-portable {
        display: inherit
    }
    .hide-visibility-portable {
        visibility: hidden;
        width: 0;
        height: 0
    }
}

@media only screen and (min-width: 961px) {
    .hide-desk {
        display: none !important
    }
    .show-desk {
        display: inherit
    }
    .hide-visibility-desk {
        visibility: hidden;
        width: 0;
        height: 0
    }
}

.block {
    display: block
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.relative {
    position: relative
}

.fixed {
    position: fixed
}

.grayscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(5%)
}

.grayscale:hover {
    filter: grayscale(5%);
    -webkit-filter: grayscale(5%);
    -moz-filter: grayscale(5%)
}

.fancy-heading {
    overflow: hidden;
    text-align: center;
    text-transform: uppercase
}

.fancy-heading:before,
.fancy-heading:after {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 5px;
    width: 50%;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1
}

.fancy-heading:before {
    right: 0.5em;
    margin-left: -50%
}

.fancy-heading:after {
    left: 0.5em;
    margin-right: -50%
}

.circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 5px 8px 5px 8px;
    margin-right: .5em
}

.circle.orange-circle {
    background-color: #FF9D28
}

.circle.blue-circle {
    background-color: #044D80
}

.circle.green-circle {
    background-color: #21AC21
}

.border-right {
    border-right: 1px solid #e1e1e1
}

.border-right.no-border-mobile {
    border: none
}

.border-default {
    border: 1px solid #e1e1e1
}

.rule-dotted-buyers-guide {
    border: none;
    border-top: 1px dashed #93B4D8;
    color: #93B4D8
}

.inset-shadow-separator {
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width: 767px) {
    .hide-for-mobile {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .show-for-mobile {
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .show-for-mobile {
        display: none
    }
}

/*a {
    color: #212529;
    text-decoration: none;
    font-weight: bold
}*/



a.no-underline {
    text-decoration: none !important
}

a.no-underline:hover {
    text-decoration: none
}

a.no-underline:active {
    text-decoration: none
}

a.dark-mode {
    color: #68C5ED;
    text-decoration: underline
}

a.dark-mode:hover {
    color: #3CAEDF;
    text-decoration: underline
}

a.dark-mode:active {
    color: #1B9BD3;
    text-decoration: underline
}

small {
    font-size: 75%
}

hr {
    color: #e2e2e2;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 23px;
    margin-bottom: 1.4375rem
}

table {
    width: 100%
}

video {
    max-width: 100%;
    height: auto
}


.post-content {
    margin-top: 24px
}

.alert {
    padding: 12px;
    padding: 0.75rem;
    border-radius: 0.125rem
}

.alert>:last-child {
    margin-bottom: 0
}

.alert[class*="ss-"]:before,
.alert[class^="ss-"]:before {
    margin-right: 0.5em;
    vertical-align: middle
}

.alert {
    background-color: white;
    color: #404040
}

.alert a {
    color: #999999
}

.alert a:hover {
    color: #595959
}

.alert[class*="ss-"]:before,
.alert[class^="ss-"]:before {
    color: #cccccc
}

.alert-info {
    background-color: #ffce94;
    color: #40270a
}

.alert-info a {
    color: #995e18
}

.alert-info a:hover {
    color: #59370e
}

.alert-info[class*="ss-"]:before,
.alert-info[class^="ss-"]:before {
    color: #cc7e20
}

.button,
.product-compare-stack .view-comparison {
    background-color: #fc404f;
    color: white;
    font-weight: 600 !important;
    line-height: .75em !important;
    display: inline-block;
    box-sizing: border-box;
    height: 2.75rem;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    margin: 0;
    padding: .9rem 1.25rem;
    border-radius: .25rem;
    border: 2px solid #fc404f
}

.button:hover,
.product-compare-stack .view-comparison:hover {
    background: #1964bc;
    color: white
}

.button:active,
.product-compare-stack .view-comparison:active {
    background: #185eb2;
    color: white
}

.button:visited,
.product-compare-stack .view-comparison:visited {
    color: white
}

.button:hover,
.product-compare-stack .view-comparison:hover {
    color: white;
    background-color: #054EA5;
    text-decoration: none;
    border: 2px solid #054EA5
}

.button:active,
.product-compare-stack .view-comparison:active {
    color: white;
    background-color: #003574;
    text-decoration: none;
    border: 2px solid #003574
}

.button[class*="ss-"]:before,
.product-compare-stack [class*="ss-"].view-comparison:before,
.button[class^="ss-"]:before,
.product-compare-stack [class^="ss-"].view-comparison:before {
    margin-right: 0.5em;
    vertical-align: middle
}

.button [class*="icon-"],
.product-compare-stack .view-comparison [class*="icon-"] {
    line-height: 0.75rem;
    margin-left: 6px
}

.button.button-secondary,
.product-compare-stack .button-secondary.view-comparison {
    background-color: transparent;
    border: 2px solid #1C6FD1;
    color: #1C6FD1
}

.button.button-secondary:hover,
.product-compare-stack .button-secondary.view-comparison:hover {
    background-color: transparent;
    border: 2px solid #054EA5;
    color: #054EA5
}

.button.button-secondary:active,
.product-compare-stack .button-secondary.view-comparison:active {
    background-color: transparent;
    border: 2px solid #003574;
    color: #003574
}

.button.button-tertiary,
.product-compare-stack .button-tertiary.view-comparison {
    background-color: transparent;
    color: #1C6FD1;
    border: 2px solid transparent
}

.button.button-tertiary:hover,
.product-compare-stack .button-tertiary.view-comparison:hover {
    background-color: #D9F4FC;
    border: 2px solid #D9F4FC
}

.button.button-tertiary:active,
.product-compare-stack .button-tertiary.view-comparison:active {
    background-color: #A2DFFA;
    border: 2px solid #A2DFFA
}

.button.button-disabled,
.product-compare-stack .button-disabled.view-comparison {
    background-color: #707070;
    color: white;
    cursor: not-allowed;
    border: 2px solid #707070
}

.button.button-disabled-secondary,
.product-compare-stack .button-disabled-secondary.view-comparison {
    background-color: transparent;
    border: 2px solid #707070;
    color: #707070
}

.button.button-disabled-tertiary,
.product-compare-stack .button-disabled-tertiary.view-comparison {
    background-color: transparent;
    color: #707070;
    border: 2px solid transparent
}

.button.button-animation,
.product-compare-stack .button-animation.view-comparison {
    -webkit-animation: wiggle 1s 1;
    -o-animation: wiggle 1s 1;
    animation: wiggle 1s 1
}

.button-transition {
    transition: 1s ease;
    background: #1C6FD1
}

@keyframes wiggle {
    0% {
        transform: rotate(3deg)
    }
    20% {
        transform: rotate(-3deg)
    }
    40% {
        transform: rotate(3deg)
    }
    60% {
        transform: rotate(-3deg)
    }
    80% {
        transform: rotate(3deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

.button-full,
.ck-button,
.ck-button-c-d {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .button-full-mobile {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }
}

.button-centered {
    margin-left: auto;
    margin-right: auto
}

.button-margin-bottom {
    margin-bottom: 24px
}

.button-preferred,
.product-compare-stack .view-comparison {
    background-color: #2F316B;
    color: white;
    border: 2px solid #2F316B
}

.button-preferred:hover,
.product-compare-stack .view-comparison:hover {
    background: transparent;
    color: #2F316B
}

.button-preferred:active,
.product-compare-stack .view-comparison:active {
    background: transparent;
    color: #2F316B
}

.button-preferred:visited,
.product-compare-stack .view-comparison:visited {
    color: #FFF
}

.button-preferred:hover,
.product-compare-stack .view-comparison:hover {
    color: #2F316B;
    background-color: transparent;
    text-decoration: none;
    border: 2px solid #2F316B
}

.button-preferred:active,
.product-compare-stack .view-comparison:active {
    color: white;
    background-color: transparent;
    text-decoration: none;
    border: 2px solid #2F316B
}

.button-preferred-dark,
.search-icon-secondary {
    background-color: #FF9D28;
    color: white;
    border: 2px solid #FF9D28;
    color: #002E47 !important
}

.button-preferred-dark:hover,
.search-icon-secondary:hover {
    background: #e68d24;
    color: white
}

.button-preferred-dark:active,
.search-icon-secondary:active {
    background: #d98522;
    color: white
}

.button-preferred-dark:visited,
.search-icon-secondary:visited {
    color: white
}

.button-preferred-dark:hover,
.search-icon-secondary:hover {
    color: #002E47;
    background-color: #F58805;
    text-decoration: none;
    border: 2px solid #F58805
}

.button-preferred-dark:active,
.search-icon-secondary:active {
    color: #002E47;
    background-color: #E97205;
    text-decoration: none;
    border: 2px solid #E97205
}

.button-dark {
    background-color: #68C5ED;
    color: white;
    border: 2px solid #68C5ED;
    color: #002E47 !important
}

.button-dark:hover {
    background: #5eb1d5;
    color: white
}

.button-dark:active {
    background: #58a7c9;
    color: white
}

.button-dark:visited {
    color: white
}

.button-dark:hover {
    color: #002E47;
    background-color: #3CAEDF;
    text-decoration: none;
    border: 2px solid #3CAEDF
}

.button-dark:active {
    color: #002E47;
    background-color: #1B9BD3;
    text-decoration: none;
    border: 2px solid #1B9BD3
}

.button-interior {
    background-color: #3e73ad;
    color: white
}

.button-interior:hover {
    background: #38689c;
    color: white
}

.button-interior:active {
    background: #356293;
    color: white
}

.button-interior:visited {
    color: white
}

.why-free-link {
    margin-left: 1rem
}

.card {
    padding: 24px;
    padding: 1.5rem;
    border-radius: 0.125rem
}

.card>:last-child {
    margin-bottom: 0
}

.card-thin {
    padding: 12px;
    padding: 0.75rem
}

.card-thick {
    padding: 43.2px;
    padding: 2.7rem
}

.card {
    background-color: white;
    box-shadow: 0 0.1875em #f0f0f0
}

.card.dark-shadow {
    box-shadow: 0 0.1875em #a6c1df
}

.card-interior {
    background-color: #eff4f9;
    box-shadow: 0 0.1875em #d9e5f1
}

.card-interior .card-heading {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    color: #4a5a6c
}

.card-primary {
    background-color: #ffe7d9;
    box-shadow: 0 0.1875em #ffd8bf
}

.card-primary .card-heading {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    color: #bf4a00
}

.card-secondary {
    background-color: #e8f6fc;
    box-shadow: 0 0.1875em #d9f1fb
}

.card-secondary .card-heading {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    color: #4e94b2
}

.card-positive {
    background-color: #d9ead9;
    box-shadow: 0 0.1875em #c0ddc0
}

.card-positive .card-heading {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    color: #025902
}

.card-negative {
    background-color: #fbe3e3;
    box-shadow: 0 0.1875em #f9d1d1
}

.card-negative .card-heading {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    color: #ac3535
}

.card-light {
    background-color: #fafcfd;
    box-shadow: 0 0.1875em #f9fcfd
}

.card-light .card-heading {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    color: #797c7e
}

.card-list {
    list-style: none;
    margin-left: 0
}

.card-list li {
    border-bottom: 1px solid #e1e1e1;
    padding: 0.5rem 0
}

.card-list li:first-child {
    border-top: 1px solid #e1e1e1
}

.card-list li:last-child {
    border-bottom: none
}

.card-list a {
    text-decoration: none
}

.card-list a[class^="ss-"]:before {
    float: right;
    padding-left: 5px;
    font-size: 0.625em;
    line-height: 2.4em;
    color: #93B4D8
}

.card-list.card-list-thin {
    padding-top: 0;
    padding-bottom: 0
}

.card-list.dark-blue a {
    color: #033a60
}

.card-list.dark-blue a:hover {
    color: #022a46
}

.card-list.dark-blue a:before {
    color: #033a60
}

fieldset {
    padding: 24px;
    padding: 1.5rem;
    border: 1px solid #c9daec
}

legend {
    padding: 6px;
    padding: 0.375rem;
    font-size: 14px;
    font-size: 0.875rem;
    background-color: #c9daec;
    color: #6e87a2;
    font-weight: 600
}

.text-area-small {
    min-height: 0 !important
}

.text-input,
.text-input-secondary:focus,
.text-input-secondary:active,
.search-text-input,
.text-area {
    box-sizing: border-box;
    width: 100%;
    padding: 0.5em;
    border: 1px solid #1C6FD1;
    border-radius: 0.125rem;
    background-color: #F7FAFB
}

.text-input:focus,
.text-input-secondary:focus,
.search-text-input:focus,
.text-input:active,
.text-input-secondary:active,
.search-text-input:active,
.text-area:focus,
.text-area:active {
    border-color: #1C6FD1;
    background-color: white;
    box-shadow: 2px 2px 10px rgba(28, 111, 209, 0.2);
    outline: none
}

.text-input:focus::placeholder,
.text-input-secondary:focus::placeholder,
.search-text-input:focus::placeholder,
.text-input:active::placeholder,
.text-input-secondary:active::placeholder,
.search-text-input:active::placeholder,
.text-area:focus::placeholder,
.text-area:active::placeholder {
    color: #707070
}

.text-input:focus::-moz-placeholder,
.text-input-secondary:focus::-moz-placeholder,
.search-text-input:focus::-moz-placeholder,
.text-input:active::-moz-placeholder,
.text-input-secondary:active::-moz-placeholder,
.search-text-input:active::-moz-placeholder,
.text-area:focus::-moz-placeholder,
.text-area:active::-moz-placeholder {
    color: #707070;
    opacity: 1
}

.text-input:disabled,
.text-input-secondary:disabled:focus,
.text-input-secondary:disabled:active,
.search-text-input:disabled,
.text-area:disabled {
    background-color: #707070;
    border-color: #707070;
    color: white
}

.text-input.currency,
.currency.text-input-secondary:focus,
.currency.text-input-secondary:active,
.currency.search-text-input,
.text-area.currency {
    padding-left: 20px;
    padding-left: 1.25rem
}

.text-input.percentage,
.percentage.text-input-secondary:focus,
.percentage.text-input-secondary:active,
.percentage.search-text-input,
.text-area.percentage {
    padding-left: 10px;
    padding-left: 0.625rem;
    padding-right: 12px;
    padding-right: 0.75rem
}

.text-input::placeholder,
.text-input-secondary:focus::placeholder,
.text-input-secondary:active::placeholder,
.search-text-input::placeholder,
.text-area::placeholder {
    color: #707070
}

.text-input::-moz-placeholder,
.text-input-secondary:focus::-moz-placeholder,
.text-input-secondary:active::-moz-placeholder,
.search-text-input::-moz-placeholder,
.text-area::-moz-placeholder {
    color: #707070;
    opacity: 1
}

.text-input.error,
.error.text-input-secondary:focus,
.error.text-input-secondary:active,
.error.search-text-input,
.text-area.error {
    border-color: #E54747
}

.text-input.input-thin,
.input-thin.text-input-secondary:focus,
.input-thin.text-input-secondary:active,
.input-thin.search-text-input,
.text-area.input-thin {
    padding: .25em .5em
}

.text-area {
    min-height: 8em;
    overflow: auto;
    resize: vertical
}

.text-area.thin {
    min-height: 4em
}

.select {
    width: 100%
}

.form-option-list {
    margin-bottom: 0;
    margin-left: 0;
    list-style: none
}

.form-option-list>li label,
.form-option-list>li .label {
    display: inline
}

.form-option-list>li .checkbox,
.form-option-list>li .radio {
    margin-right: 0.25em;
    -moz-transform: scale(1.2)
}

.form-section {
    border-bottom: 1px dotted #93B4D8;
    padding-bottom: 33.6px;
    padding-bottom: 2.1rem;
    margin-bottom: 36px;
    margin-bottom: 2.25rem
}

.form-section.last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.styled-radio-list {
    margin-top: 12px;
    margin-top: 0.75rem
}

.styled-radio-list input[type=radio] {
    display: none;
    margin: 10px;
    margin: 0.625rem
}

.styled-radio-list input[type=radio]:checked+label {
    background-image: none;
    background-color: #5c8bac;
    border-color: #367199;
    color: white;
    outline: 0;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
    background-color: #5c8bac
}

.styled-radio-list input[type=radio]+label {
    display: inline-block;
    padding: 8px 23px;
    margin: -4px;
    margin: -0.25rem;
    margin-right: 4px;
    margin-right: 0.25rem;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #60758c;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #e9f0f7;
    border: 1px solid #cdced0;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
    transition: background-color 0.4s ease
}

.styled-radio-list input[type=radio]+label:hover,
.styled-radio-list input[type=radio]+label.square-filled {
    color: white;
    border-color: #437aa0;
    background-color: #5c8bac
}

@media only screen and (max-width: 767px) {
    .styled-radio-list input[type=radio]+label {
        padding: 0;
        margin-right: -3px;
        font-size: 14px;
        line-height: 39px;
        border-radius: 0;
        width: 10%;
        height: 3em
    }
}

.styled-radio-list .bottom-label {
    display: inline-block;
    max-width: 56px;
    vertical-align: top
}

.styled-radio-list .bottom-label span {
    color: #9b9da0;
    font-size: 12px;
    font-weight: 600;
    margin-top: 4px;
    margin-top: 0.25rem;
    text-align: center;
    line-height: 1.2em;
    display: block
}

@media only screen and (max-width: 767px) {
    .styled-radio-list .bottom-label {
        display: inline;
        max-width: none;
        vertical-align: none
    }
    .styled-radio-list .bottom-label span {
        display: none
    }
}

.select-dropdown {
    position: relative;
    background-color: white;
    width: 100%;
    max-width: 100%
}

.select-dropdown select {
    max-width: 100%;
    width: 100%;
    height: 36px;
    font-size: 14px;
    padding: 8px 24px 8px 10px;
    border: 1px solid #afb0b3;
    border-radius: 0.125rem;
    background-color: transparent;
    color: #607480;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select-dropdown select:active,
.select-dropdown select:focus {
    outline: none;
    border-color: #016300
}

.select-dropdown select::-ms-expand {
    display: none
}

.select-dropdown select.error {
    border-color: #E54747
}

.select-dropdown::before,
.select-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none
}

.select-dropdown::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #9b9da0;
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -.3em
}

.select-dropdown::before {
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0
}

.select-dropdown-label {
    width: auto;
    padding-right: 6px;
    vertical-align: text-bottom;
    margin-top: 0.7em
}

@media only screen and (max-width: 767px) {
    .select-dropdown-label {
        display: block;
        margin-bottom: 0.4rem;
        font-weight: 700
    }
}

label {
    cursor: pointer
}

label,
.label {
    font-size: 14px
}

.label-heading {
    font-weight: 400
}

.label-heading abbr[title] {
    color: #E54747
}

.additional {
    display: block;
    font-weight: 400
}

.error-message {
    padding-top: 0.25em;
    color: #E54747
}

.select-plain {
    height: 34px;
    overflow: hidden;
    background: url(../img/dropdown-arrow.gif) no-repeat 95% transparent;
    width: 100%;
    border: 1px solid #a1a1a1;
    border-radius: 3px
}

.select-plain.error {
    border-color: #E54747
}

.select-plain select {
    background: transparent;
    line-height: 1.2;
    border-radius: 3px;
    border: none;
    height: 34px;
    -webkit-appearance: none;
    width: 107%;
    padding: 0.25em 0.5em;
    box-shadow: rgba(0, 0, 0, 0.04) 0px -14px 3px inset, #fff 0px 1px inset;
    position: relative
}

.select-plain select:focus,
.select-plain select:hover {
    outline: none;
    cursor: pointer
}

.select-plain select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.location-selector-link {
    cursor: pointer;
    padding-right: 3px;
    display: inline-block
}

.loc-flag {
    margin-right: 6px;
    width: 26px;
    margin-top: -2px;
    vertical-align: middle;
    border: 1px solid #928e87
}

@media only screen and (max-width: 767px) {
    .footer-contact {
        clear: left
    }
}

.stack-content,
.stack-30,
.stack-40,
.stack-50,
.stack-65,
.stack-75,
.stack-content-secondary,
.stack-content-thin,
.stack-content-thick,
.stack-content-fat,
.site-header-content {
    box-sizing: content-box;
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-left: 1.5rem;
    padding-right: 24px;
    padding-right: 1.5rem
}

.stack-content::after,
.stack-30::after,
.stack-40::after,
.stack-50::after,
.stack-65::after,
.stack-75::after,
.stack-content-secondary::after,
.stack-content-thin::after,
.stack-content-thick::after,
.stack-content-fat::after,
.site-header-content::after {
    clear: both;
    content: "";
    display: table
}

@media only screen and (max-width: 767px) {
    .stack-content,
    .stack-30,
    .stack-40,
    .stack-50,
    .stack-65,
    .stack-75,
    .stack-content-secondary,
    .stack-content-thin,
    .stack-content-thick,
    .stack-content-fat,
    .site-header-content {
        padding-left: 18px;
        padding-left: 1.125rem;
        padding-right: 18px;
        padding-right: 1.125rem
    }
}

.grid {
    margin-left: -24px;
    margin-left: -1.5rem;
    list-style: none;
    margin-bottom: 0
}

.grid::after {
    clear: both;
    content: "";
    display: table
}

.grid-reverse>.cell {
    float: right
}

.grid-center>.cell {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.grid-slim {
    margin-left: -18px;
    margin-left: -1.125rem
}

.grid-thin {
    margin-left: -12px;
    margin-left: -0.75rem
}

.grid-skinny {
    margin-left: -6px;
    margin-left: -0.375rem
}

.grid-thick {
    margin-left: -36px;
    margin-left: -2.25rem
}

.grid-fat {
    margin-left: -48px;
    margin-left: -3rem
}

@media only screen and (max-width: 767px) {
    .palm-gutter-normal {
        margin-left: -24px;
        margin-left: -1.5rem
    }
}

.grid-collapse {
    margin-left: 0
}

.grid-form-fields>li:last-child {
    margin-bottom: 0
}

.grid-form-fields>li.margin-small {
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.cell {
    float: left;
    padding-left: 24px;
    padding-left: 1.5rem
}

.grid-slim>.cell {
    padding-left: 18px;
    padding-left: 1.125rem
}

.grid-thin>.cell {
    padding-left: 12px;
    padding-left: 0.75rem
}

.grid-skinny>.cell {
    padding-left: 6px;
    padding-left: 0.375rem
}

.grid-thick>.cell {
    padding-left: 36px;
    padding-left: 2.25rem
}

.grid-fat>.cell {
    padding-left: 48px;
    padding-left: 3rem
}

@media only screen and (max-width: 767px) {
    .palm-gutter-normal>.cell {
        padding-left: 24px;
        padding-left: 1.5rem
    }
}

.grid-collapse>.cell {
    padding-left: 0
}

.one-whole {
    width: 100%
}

.one-half,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
    width: 50%
}

.one-third,
.two-sixths,
.four-twelfths {
    width: 33.333%
}

.two-thirds,
.four-sixths,
.eight-twelfths {
    width: 66.666%
}

.one-quarter,
.two-eighths,
.three-twelfths {
    width: 25%
}

.three-quarters,
.six-eighths,
.nine-twelfths {
    width: 75%
}

.one-fifth,
.two-tenths {
    width: 20%
}

.two-fifths,
.four-tenths {
    width: 40%
}

.three-fifths,
.six-tenths {
    width: 60%
}

.four-fifths,
.eight-tenths {
    width: 80%
}

.one-sixth,
.two-twelfths {
    width: 16.666%
}

.five-sixths,
.ten-twelfths {
    width: 83.333%
}

.one-seventh {
    width: 14.285%
}

.two-sevenths {
    width: 28.571%
}

.three-sevenths {
    width: 42.857%
}

.four-sevenths {
    width: 57.142%
}

.five-sevenths {
    width: 71.428%
}

.six-sevenths {
    width: 85.714%
}

.one-eighth {
    width: 12.5%
}

.three-eighths {
    width: 37.5%
}

.five-eighths {
    width: 62.5%
}

.seven-eighths {
    width: 87.5%
}

.four-ninths {
    width: 44.5%
}

.one-tenth {
    width: 10%
}

.three-tenths {
    width: 30%
}

.seven-tenths {
    width: 70%
}

.nine-tenths {
    width: 90%
}

.three-elevenths {
    width: 37%
}

.one-twelfth {
    width: 8.333%
}

.five-twelfths {
    width: 41.666%
}

.seven-twelfths {
    width: 58.333%
}

.eleven-twelfths {
    width: 91.666%
}

@media only screen and (max-width: 767px) {
    .palm-one-whole {
        width: 100%
    }
    .palm-one-half,
    .palm-two-quarters,
    .palm-three-sixths,
    .palm-four-eighths,
    .palm-five-tenths,
    .palm-six-twelfths {
        width: 50%
    }
    .palm-one-third,
    .palm-two-sixths,
    .palm-four-twelfths {
        width: 33.333%
    }
    .palm-two-thirds,
    .palm-four-sixths,
    .palm-eight-twelfths {
        width: 66.666%
    }
    .palm-one-quarter,
    .palm-two-eighths,
    .palm-three-twelfths {
        width: 25%
    }
    .palm-three-quarters,
    .palm-six-eighths,
    .palm-nine-twelfths {
        width: 75%
    }
    .palm-one-fifth,
    .palm-two-tenths {
        width: 20%
    }
    .palm-two-fifths,
    .palm-four-tenths {
        width: 40%
    }
    .palm-three-fifths,
    .palm-six-tenths {
        width: 60%
    }
    .palm-four-fifths,
    .palm-eight-tenths {
        width: 80%
    }
    .palm-one-sixth,
    .palm-two-twelfths {
        width: 16.666%
    }
    .palm-five-sixths,
    .palm-ten-twelfths {
        width: 83.333%
    }
    .palm-one-seventh {
        width: 14.285%
    }
    .palm-two-sevenths {
        width: 28.571%
    }
    .palm-three-sevenths {
        width: 42.857%
    }
    .palm-four-sevenths {
        width: 57.142%
    }
    .palm-five-sevenths {
        width: 71.428%
    }
    .palm-six-sevenths {
        width: 85.714%
    }
    .palm-one-eighth {
        width: 12.5%
    }
    .palm-three-eighths {
        width: 37.5%
    }
    .palm-five-eighths {
        width: 62.5%
    }
    .palm-seven-eighths {
        width: 87.5%
    }
    .palm-four-ninths {
        width: 44.5%
    }
    .palm-one-tenth {
        width: 10%
    }
    .palm-three-tenths {
        width: 30%
    }
    .palm-seven-tenths {
        width: 70%
    }
    .palm-nine-tenths {
        width: 90%
    }
    .palm-three-elevenths {
        width: 37%
    }
    .palm-one-twelfth {
        width: 8.333%
    }
    .palm-five-twelfths {
        width: 41.666%
    }
    .palm-seven-twelfths {
        width: 58.333%
    }
    .palm-eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .lap-one-whole {
        width: 100%
    }
    .lap-one-half,
    .lap-two-quarters,
    .lap-three-sixths,
    .lap-four-eighths,
    .lap-five-tenths,
    .lap-six-twelfths {
        width: 50%
    }
    .lap-one-third,
    .lap-two-sixths,
    .lap-four-twelfths {
        width: 33.333%
    }
    .lap-two-thirds,
    .lap-four-sixths,
    .lap-eight-twelfths {
        width: 66.666%
    }
    .lap-one-quarter,
    .lap-two-eighths,
    .lap-three-twelfths {
        width: 25%
    }
    .lap-three-quarters,
    .lap-six-eighths,
    .lap-nine-twelfths {
        width: 75%
    }
    .lap-one-fifth,
    .lap-two-tenths {
        width: 20%
    }
    .lap-two-fifths,
    .lap-four-tenths {
        width: 40%
    }
    .lap-three-fifths,
    .lap-six-tenths {
        width: 60%
    }
    .lap-four-fifths,
    .lap-eight-tenths {
        width: 80%
    }
    .lap-one-sixth,
    .lap-two-twelfths {
        width: 16.666%
    }
    .lap-five-sixths,
    .lap-ten-twelfths {
        width: 83.333%
    }
    .lap-one-seventh {
        width: 14.285%
    }
    .lap-two-sevenths {
        width: 28.571%
    }
    .lap-three-sevenths {
        width: 42.857%
    }
    .lap-four-sevenths {
        width: 57.142%
    }
    .lap-five-sevenths {
        width: 71.428%
    }
    .lap-six-sevenths {
        width: 85.714%
    }
    .lap-one-eighth {
        width: 12.5%
    }
    .lap-three-eighths {
        width: 37.5%
    }
    .lap-five-eighths {
        width: 62.5%
    }
    .lap-seven-eighths {
        width: 87.5%
    }
    .lap-four-ninths {
        width: 44.5%
    }
    .lap-one-tenth {
        width: 10%
    }
    .lap-three-tenths {
        width: 30%
    }
    .lap-seven-tenths {
        width: 70%
    }
    .lap-nine-tenths {
        width: 90%
    }
    .lap-three-elevenths {
        width: 37%
    }
    .lap-one-twelfth {
        width: 8.333%
    }
    .lap-five-twelfths {
        width: 41.666%
    }
    .lap-seven-twelfths {
        width: 58.333%
    }
    .lap-eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (max-width: 960px) {
    .portable-one-whole {
        width: 100%
    }
    .portable-one-half,
    .portable-two-quarters,
    .portable-three-sixths,
    .portable-four-eighths,
    .portable-five-tenths,
    .portable-six-twelfths {
        width: 50%
    }
    .portable-one-third,
    .portable-two-sixths,
    .portable-four-twelfths {
        width: 33.333%
    }
    .portable-two-thirds,
    .portable-four-sixths,
    .portable-eight-twelfths {
        width: 66.666%
    }
    .portable-one-quarter,
    .portable-two-eighths,
    .portable-three-twelfths {
        width: 25%
    }
    .portable-three-quarters,
    .portable-six-eighths,
    .portable-nine-twelfths {
        width: 75%
    }
    .portable-one-fifth,
    .portable-two-tenths {
        width: 20%
    }
    .portable-two-fifths,
    .portable-four-tenths {
        width: 40%
    }
    .portable-three-fifths,
    .portable-six-tenths {
        width: 60%
    }
    .portable-four-fifths,
    .portable-eight-tenths {
        width: 80%
    }
    .portable-one-sixth,
    .portable-two-twelfths {
        width: 16.666%
    }
    .portable-five-sixths,
    .portable-ten-twelfths {
        width: 83.333%
    }
    .portable-one-seventh {
        width: 14.285%
    }
    .portable-two-sevenths {
        width: 28.571%
    }
    .portable-three-sevenths {
        width: 42.857%
    }
    .portable-four-sevenths {
        width: 57.142%
    }
    .portable-five-sevenths {
        width: 71.428%
    }
    .portable-six-sevenths {
        width: 85.714%
    }
    .portable-one-eighth {
        width: 12.5%
    }
    .portable-three-eighths {
        width: 37.5%
    }
    .portable-five-eighths {
        width: 62.5%
    }
    .portable-seven-eighths {
        width: 87.5%
    }
    .portable-four-ninths {
        width: 44.5%
    }
    .portable-one-tenth {
        width: 10%
    }
    .portable-three-tenths {
        width: 30%
    }
    .portable-seven-tenths {
        width: 70%
    }
    .portable-nine-tenths {
        width: 90%
    }
    .portable-three-elevenths {
        width: 37%
    }
    .portable-one-twelfth {
        width: 8.333%
    }
    .portable-five-twelfths {
        width: 41.666%
    }
    .portable-seven-twelfths {
        width: 58.333%
    }
    .portable-eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width: 961px) {
    .desk-one-whole {
        width: 100%
    }
    .desk-one-half,
    .desk-two-quarters,
    .desk-three-sixths,
    .desk-four-eighths,
    .desk-five-tenths,
    .desk-six-twelfths {
        width: 50%
    }
    .desk-one-third,
    .desk-two-sixths,
    .desk-four-twelfths {
        width: 33.333%
    }
    .desk-two-thirds,
    .desk-four-sixths,
    .desk-eight-twelfths {
        width: 66.666%
    }
    .desk-one-quarter,
    .desk-two-eighths,
    .desk-three-twelfths {
        width: 25%
    }
    .desk-three-quarters,
    .desk-six-eighths,
    .desk-nine-twelfths {
        width: 75%
    }
    .desk-one-fifth,
    .desk-two-tenths {
        width: 20%
    }
    .desk-two-fifths,
    .desk-four-tenths {
        width: 40%
    }
    .desk-three-fifths,
    .desk-six-tenths {
        width: 60%
    }
    .desk-four-fifths,
    .desk-eight-tenths {
        width: 80%
    }
    .desk-one-sixth,
    .desk-two-twelfths {
        width: 16.666%
    }
    .desk-five-sixths,
    .desk-ten-twelfths {
        width: 83.333%
    }
    .desk-one-seventh {
        width: 14.285%
    }
    .desk-two-sevenths {
        width: 28.571%
    }
    .desk-three-sevenths {
        width: 42.857%
    }
    .desk-four-sevenths {
        width: 57.142%
    }
    .desk-five-sevenths {
        width: 71.428%
    }
    .desk-six-sevenths {
        width: 85.714%
    }
    .desk-one-eighth {
        width: 12.5%
    }
    .desk-three-eighths {
        width: 37.5%
    }
    .desk-five-eighths {
        width: 62.5%
    }
    .desk-seven-eighths {
        width: 87.5%
    }
    .desk-four-ninths {
        width: 44.5%
    }
    .desk-one-tenth {
        width: 10%
    }
    .desk-three-tenths {
        width: 30%
    }
    .desk-seven-tenths {
        width: 70%
    }
    .desk-nine-tenths {
        width: 90%
    }
    .desk-three-elevenths {
        width: 37%
    }
    .desk-one-twelfth {
        width: 8.333%
    }
    .desk-five-twelfths {
        width: 41.666%
    }
    .desk-seven-twelfths {
        width: 58.333%
    }
    .desk-eleven-twelfths {
        width: 91.666%
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #363A41;
    font-weight: 400
}

h1,
.alpha {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 1.4;
    letter-spacing: .3px;
    font-family: 'Open Sans', serif
}

@media only screen and (max-width: 767px) {
    h1,
    .alpha {
        font-size: 36px;
        font-size: 2.25rem
    }
}

h2.comparison-header {
    font-family: 'Open Sans', serif !important;
    font-size: 36px;
    color: black !important;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: .35px;
    text-align: center;
    margin-bottom: 12px
}

h2,
.beta {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.45;
    letter-spacing: .35px
}

@media only screen and (max-width: 767px) {
    h2,
    .beta {
        font-size: 24px;
        font-size: 1.5rem
    }
}

h3,
.gamma {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: .4px
}

@media only screen and (max-width: 767px) {
    h3,
    .gamma {
        font-size: 20px;
        font-size: 1.25rem
    }
}

h4,
.delta {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.55;
    letter-spacing: .45px
}

@media only screen and (max-width: 767px) {
    h4.delta-palm-epsilon,
    .delta.delta-palm-epsilon {
        font-size: 16px;
    }
}

h5,
.epsilon {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .5px
}

.epsilon-header,
.button,
.product-compare-stack .view-comparison {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6em;
    text-transform: uppercase;
    letter-spacing: 0.18em
}

.zeta-header,
.back-to-top {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.6em;
    text-transform: uppercase;
    letter-spacing: 0.18em
}

.giga {
    font-size: 90px;
    font-size: 5.625rem
}

@media only screen and (max-width: 767px) {
    .giga {
        font-size: 72px;
        font-size: 4.5rem
    }
}

.mega {
    font-size: 72px;
    font-size: 4.5rem
}

@media only screen and (max-width: 767px) {
    .mega {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.kilo {
    font-size: 60px;
    font-size: 3.75rem
}

@media only screen and (max-width: 767px) {
    .kilo {
        font-size: 42px;
        font-size: 2.625rem
    }
}

.article-body h2 {
    font-size: 24px;
    font-size: 1.5rem
}

.article-body h3 {
    font-size: 20px;
    font-size: 1.25rem
}

.article-body h4 {
    font-size: 16px;
    font-size: 1rem
}

.article-body h5 {
    font-size: 16px;
    font-size: 1rem
}

img {
    max-width: 100%;
    height: auto
}

.image-radius {
    border-radius: 0.125rem
}

.image-right {
    float: right;
    margin-bottom: 24px;
    margin-left: 24px
}

.image-center {
    display: block;
    margin-right: auto;
    margin-bottom: 24px;
    margin-left: auto
}

.thumbnail {
    display: block;
    padding: 0.25em;
    border: 1px solid #e1e1e1;
    border-radius: 0.125rem;
    background-color: white;
    line-height: 0
}

.thumbnail:hover {
    border-color: #1C6FD1;
    box-shadow: 0 0 0.25em #c9daec
}

.thumbnail:active {
    border-color: #003574;
    box-shadow: 0 0 0.25em #c9daec
}

.thumbnail.no-hover {
    border-color: #93B4D8;
    box-shadow: none
}

.grid-thumbnail {
    display: block;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    text-align: center;
    border-radius: 0;
    box-shadow: 0 0.25em 0.25em -0.125em #c9daec
}

.grid-thumbnail img {
    max-height: 96px
}

.border-light {
    border: 1px solid #b1c9e3;
    border-radius: 0.125rem
}

.island {
    padding: 24px;
    padding: 1.5rem;
    border-radius: 0.125rem;
    background-color: white
}

.island>:last-child {
    margin-bottom: 0
}

.island.tooltip {
    position: relative
}

.island.tooltip:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -12px;
    top: 50%;
    left: 100%;
    border-top: 12px solid transparent;
    border-right: 12px solid transparent;
    border-left: 12px solid white;
    border-bottom: 12px solid transparent
}

.island-nopad {
    padding: 0
}

.island-skinny {
    padding: 6px;
    padding: 0.375rem
}

.island-thin {
    padding: 12px;
    padding: 0.75rem
}

.island-thick {
    padding: 36px;
    padding: 2.25rem
}

@media only screen and (max-width: 767px) {
    .island-thick {
        padding: 12px;
        padding: 0.75rem
    }
}

.island-inherit-color h1,
.island-inherit-color h2,
.island-inherit-color h3,
.island-inherit-color h4,
.island-inherit-color h5,
.island-inherit-color h6 {
    color: inherit
}

.island-primary {
    background-color: white;
    border: 1px solid #e1e1e1
}

.island-primary-light {
    background-color: #F2F8FB;
    border: 1px solid #e1e1e1
}

.island-hover:hover {
    box-shadow: 2px 2px 10px rgba(28, 111, 209, 0.2)
}

.island-secondary {
    background-color: #cddbe6
}

.island-secondary.island-outline {
    background-color: transparent;
    border: 1px solid #82a6c0
}

.island-secondary.island-outline.island-inherit-color {
    color: #044573
}

.island-secondary.island-outline.island-fill {
    background-color: #e6edf2
}

.island-secondary.island-outline .border-left {
    border-left: 1px solid #82a6c0
}

.island-secondary.island-inherit-color {
    color: #033253
}

.island-secondary.island-inherit-color a {
    color: #033253
}

.island-secondary.island-inherit-color a:hover {
    color: #021f33
}

.island-bold {
    background-color: #ccd5da
}

.island-bold.island-outline {
    background-color: transparent;
    border: 1px solid #8097a3
}

.island-bold.island-outline.island-inherit-color {
    color: #002940
}

.island-bold.island-outline.island-fill {
    background-color: #e6eaed
}

.island-bold.island-outline .border-left {
    border-left: 1px solid #8097a3
}

.island-bold.island-inherit-color {
    color: #001e2e
}

.island-bold.island-inherit-color a {
    color: #001e2e
}

.island-bold.island-inherit-color a:hover {
    color: #00121c
}

.island-bold h3 {
    color: white
}

.island-bold.island-transparent {
    background-color: rgba(9, 62, 96, 0.3);
    border: none
}

.island-positive {
    background-color: #cde4cc
}

.island-positive.island-outline {
    background-color: transparent;
    border: 1px solid #81bb81
}

.island-positive.island-outline.island-inherit-color {
    color: #036a02
}

.island-positive.island-outline.island-fill {
    background-color: #e6f1e6
}

.island-positive.island-outline .border-left {
    border-left: 1px solid #81bb81
}

.island-positive.island-inherit-color {
    color: #024d01
}

.island-positive.island-inherit-color a {
    color: #024d01
}

.island-positive.island-inherit-color a:hover {
    color: #012f01
}

.island-positive-light {
    background-color: #EEFFEB;
    border: 1px solid #21AC21
}

.island-negative {
    background-color: snow
}

.island-negative.island-outline {
    background-color: transparent;
    border: 1px solid #fef4f4
}

.island-negative.island-outline.island-inherit-color {
    color: #e4d1d1
}

.island-negative.island-outline.island-fill {
    background-color: #fffdfd
}

.island-negative.island-outline .border-left {
    border-left: 1px solid #fef4f4
}

.island-negative.island-inherit-color {
    color: #a49797
}

.island-negative.island-inherit-color a {
    color: #a49797
}

.island-negative.island-inherit-color a:hover {
    color: #655d5d
}

.island-interior {
    background-color: #002E47;
    border: 1px solid #044D80;
    border-radius: 0.125rem
}

.island-light {
    background-color: #D9F4FC;
    border: 1px solid #A2DFFA
}

.island-light.island-light-color {
    color: #367199
}

.island-info {
    background-color: #FFF0DD;
    border: 1px solid #FFBC6B
}

.island-outline {
    background-color: transparent;
    border: 1px solid #68C5ED
}

.check-list {
    margin-left: 0;
    list-style: none
}

.check-list.no-top-border li:first-child {
    border-top: none
}

.check-list.check-list-border-bottom {
    border-bottom: 1px solid #e1e1e1
}

.check-list.no-border-top li:first-child {
    border-top: none
}

.check-list.no-border li {
    border-top: none
}

.check-list li {
    padding-top: 12px;
    padding-top: 0.75rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    border-top: 1px solid #e1e1e1
}

.check-list li[class*="ss-"]:before {
    display: inline-block;
    line-height: 2em;
    margin-right: 6px;
    margin-right: 0.375rem
}

.check-list li.ss-check:before {
    background-color: #21AC21;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.check-list li i {
    margin-right: 0.25rem
}

.check-list li .icon.feature-enabled,
.check-list li .icon.feature-disabled {
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 0;
}

.check-list li .icon.feature-enabled {
    background: url(../img/svg/list-icon.svg) no-repeat left center;
}

.check-list li .icon.feature-disabled {
    background: url(../img/svg/cross.svg) no-repeat left center;
    background-size: 13px;
}

.check-list li.ss-delete:before {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.check-list li[class*="ss-"].feature-disabled:before {
    color: #707070
}

.check-list li[class*="ss-"].feature-enabled:before {
    color: #21AC21
}

.check-list li.ss-check.feature-disabled:before {
    background-color: #707070;
    color: #707070
}

.check-list a {
    text-decoration: none
}

.check-list-slim li {
    padding-top: 6px;
    padding-top: 0.375rem;
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    border-top: 1px dotted #e2e2e2;
    display: flex;
    align-items: center;
}

.check-list-thin li {
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem
}

@media only screen and (min-width: 961px) {
    .features-check-list {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2
    }
    .features-check-list>* {
        -webkit-column-break-inside: avoid;
        column-break-inside: avoid
    }
}

.check-list-borderless {
    list-style: none;
    margin-left: 0
}

.check-list-borderless li {
    padding-bottom: 12px;
    padding-bottom: 0.75rem
}

.check-list-borderless span {
    padding-left: 28.8px;
    padding-left: 1.8rem;
    display: block
}

.check-list-borderless i {
    float: left
}

.bullet-list {
    margin-left: 24px;
    margin-left: 1.5rem
}

.secondary-numbered-list,
.outlined-numbered-list {
    counter-reset: custom-list-counter;
    list-style-type: none;
    margin-left: 36px;
    margin-left: 2.25rem
}

.secondary-numbered-list li,
.outlined-numbered-list li {
    position: relative;
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.secondary-numbered-list li:before,
.outlined-numbered-list li:before {
    content: counter(custom-list-counter);
    counter-increment: custom-list-counter;
    position: absolute;
    left: -36px;
    left: -2.25rem;
    width: 24px;
    width: 1.5rem;
    background: #044D80;
    color: white;
    text-align: center;
    font-weight: 700;
    border-radius: 0.125rem
}

.secondary-numbered-list.dotted-border li,
.outlined-numbered-list.dotted-border li {
    border-bottom: 1px dotted #93B4D8;
    padding-bottom: 12px;
    padding-bottom: 0.75rem
}

.secondary-numbered-list.dotted-border li:last-child,
.outlined-numbered-list.dotted-border li:last-child {
    border-bottom: none
}

.outlined-numbered-list li {
    padding-left: 12px;
    padding-left: 0.75rem
}

.outlined-numbered-list li:before {
    width: 32.4px;
    width: 2.025rem;
    background: white;
    border: 1px solid #044D80;
    border-radius: 50%;
    color: #044D80;
    font-size: 16px;
    font-weight: 400
}

.outlined-numbered-list.orange li:before {
    border-color: #FF6200;
    color: #FF6200
}

.trending-category-list {
    margin-left: 0;
    list-style: none;
    column-count: 2
}

.trending-category-list li {
    padding-top: 12px;
    padding-top: 0.75rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e1e1e1
}

.trending-category-list li:first-child,
.trending-category-list li:nth-child(4) {
    border-top: 1px solid #e1e1e1
}

@media only screen and (max-width: 767px) {
    .trending-category-list {
        column-count: 1
    }
    .trending-category-list li:nth-child(4) {
        border-top: none
    }
}

.data-table {
    border: 1px solid #e1e1e1;
    border-radius: 0.125rem;
    width: 100%;
    table-layout: fixed
}

.data-table thead th {
    background-color: #002E47;
    color: white;
    font-weight: 400;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px
}

.data-table tbody tr:nth-child(odd) {
    background-color: #F2F8FB
}

.data-table tbody td {
    font-size: 16px;
    text-align: center;
    padding: 12px;
    padding: 0.75rem;
    width: 100%;
    vertical-align: top
}

.data-table tbody td.td-one-third {
    width: 30%
}

.data-table tbody td.td-two-thirds {
    width: 70%
}

.data-cell-divider {
    border-right: 1px solid #e1e1e1
}

.nav,
.card-list {
    margin: 0;
    list-style: none
}

.nav [class^="ModalPopper"],
.card-list [class^="ModalPopper"] {
    visibility: visible
}

.nav-horizontal {
    display: inline-block
}

.nav-horizontal>li {
    float: left
}

.categories {
    margin-bottom: 24px;
    padding-bottom: 24px
}

.categories a {
    padding: 12px;
    text-decoration: none;
    font-weight: 700
}

#overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
    background-color: rgba(99, 121, 133, 0.25);
    overflow: hidden
}

#side-navigation {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: -100%;
    overflow: hidden;
    transition: all 0.3s ease
}

#side-navigation .main-side-nav {
    display: inline-block;
    background-color: white;
    height: 100%;
    width: 80%;
    padding-top: 1rem
}

#side-navigation .main-side-nav li {
    text-decoration: none
}

#side-navigation .main-side-nav li>a {
    padding: 0.75rem 1rem;
    display: block;
    color: #177FAD;
    font-weight: normal
}

#side-navigation .main-side-nav li.current-location {
    padding: 0.75rem 0.75rem;
    border-left: 4px solid #FF6200;
    font-weight: bold;
    color: #177FAD
}

#side-navigation #shadow-close-navigation {
    position: absolute;
    height: 100%;
    width: 20%;
    top: 0;
    right: 0
}

#side-navigation.show-side-navigation {
    left: 0
}

.close-navigation {
    top: 0.25rem !important;
    float: right;
    padding-right: 0.75rem
}

.open-navigation {
    padding-top: 0.3rem;
    height: 38px;
    width: 38px;
    margin-bottom: 0
}

#toggle-search {
    padding-top: 0.3rem;
    padding-left: 0.55rem;
    height: 38px;
    width: 38px
}

#toggle-search:hover {
    color: #1C6FD1
}

#toggle-search:active {
    color: #FF6200
}

#mobile-search-drawer {
    display: none;
    height: 48px;
    width: 100%;
    left: 0;
    background-color: white
}

.overflow-hidden {
    overflow: hidden
}

.mobile-nav-heading {
    padding-left: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e1e1e1
}

#uw-auth-cta-mobile {
    width: auto;
    height: auto;
    padding: 24px 18px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 0px
}

[class*="pull-"] {
    position: relative
}

.pull-none {
    right: 0
}

.pull-one-whole {
    right: 100%
}

.pull-one-half,
.pull-two-quarters,
.pull-three-sixths,
.pull-four-eighths,
.pull-five-tenths,
.pull-six-twelfths {
    right: 50%
}

.pull-one-third,
.pull-two-sixths,
.pull-four-twelfths {
    right: 33.333%
}

.pull-two-thirds,
.pull-four-sixths,
.pull-eight-twelfths {
    right: 66.666%
}

.pull-one-quarter,
.pull-two-eighths,
.pull-three-twelfths {
    right: 25%
}

.pull-three-quarters,
.pull-six-eighths,
.pull-nine-twelfths {
    right: 75%
}

.pull-one-fifth,
.pull-two-tenths {
    right: 20%
}

.pull-two-fifths,
.pull-four-tenths {
    right: 40%
}

.pull-three-fifths,
.pull-six-tenths {
    right: 60%
}

.pull-four-fifths,
.pull-eight-tenths {
    right: 80%
}

.pull-one-sixth,
.pull-two-twelfths {
    right: 16.666%
}

.pull-five-sixths,
.pull-ten-twelfths {
    right: 83.333%
}

.pull-one-eighth {
    right: 12.5%
}

.pull-three-eighths {
    right: 37.5%
}

.pull-five-eighths {
    right: 62.5%
}

.pull-seven-eighths {
    right: 87.5%
}

.pull-one-tenth {
    right: 10%
}

.pull-three-tenths {
    right: 30%
}

.pull-seven-tenths {
    right: 70%
}

.pull-nine-tenths {
    right: 90%
}

.pull-one-twelfth {
    right: 8.333%
}

.pull-five-twelfths {
    right: 41.666%
}

.pull-seven-twelfths {
    right: 58.333%
}

.pull-eleven-twelfths {
    right: 91.666%
}

@media only screen and (max-width: 767px) {
    .pull-palm-none {
        right: 0
    }
    .pull-palm-one-whole {
        right: 100%
    }
    .pull-palm-one-half,
    .pull-palm-two-quarters,
    .pull-palm-three-sixths,
    .pull-palm-four-eighths,
    .pull-palm-five-tenths,
    .pull-palm-six-twelfths {
        right: 50%
    }
    .pull-palm-one-third,
    .pull-palm-two-sixths,
    .pull-palm-four-twelfths {
        right: 33.333%
    }
    .pull-palm-two-thirds,
    .pull-palm-four-sixths,
    .pull-palm-eight-twelfths {
        right: 66.666%
    }
    .pull-palm-one-quarter,
    .pull-palm-two-eighths,
    .pull-palm-three-twelfths {
        right: 25%
    }
    .pull-palm-three-quarters,
    .pull-palm-six-eighths,
    .pull-palm-nine-twelfths {
        right: 75%
    }
    .pull-palm-one-fifth,
    .pull-palm-two-tenths {
        right: 20%
    }
    .pull-palm-two-fifths,
    .pull-palm-four-tenths {
        right: 40%
    }
    .pull-palm-three-fifths,
    .pull-palm-six-tenths {
        right: 60%
    }
    .pull-palm-four-fifths,
    .pull-palm-eight-tenths {
        right: 80%
    }
    .pull-palm-one-sixth,
    .pull-palm-two-twelfths {
        right: 16.666%
    }
    .pull-palm-five-sixths,
    .pull-palm-ten-twelfths {
        right: 83.333%
    }
    .pull-palm-one-eighth {
        right: 12.5%
    }
    .pull-palm-three-eighths {
        right: 37.5%
    }
    .pull-palm-five-eighths {
        right: 62.5%
    }
    .pull-palm-seven-eighths {
        right: 87.5%
    }
    .pull-palm-one-tenth {
        right: 10%
    }
    .pull-palm-three-tenths {
        right: 30%
    }
    .pull-palm-seven-tenths {
        right: 70%
    }
    .pull-palm-nine-tenths {
        right: 90%
    }
    .pull-palm-one-twelfth {
        right: 8.333%
    }
    .pull-palm-five-twelfths {
        right: 41.666%
    }
    .pull-palm-seven-twelfths {
        right: 58.333%
    }
    .pull-palm-eleven-twelfths {
        right: 91.666%
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .pull-lap-none {
        right: 0
    }
    .pull-lap-one-whole {
        right: 100%
    }
    .pull-lap-one-half,
    .pull-lap-two-quarters,
    .pull-lap-three-sixths,
    .pull-lap-four-eighths,
    .pull-lap-five-tenths,
    .pull-lap-six-twelfths {
        right: 50%
    }
    .pull-lap-one-third,
    .pull-lap-two-sixths,
    .pull-lap-four-twelfths {
        right: 33.333%
    }
    .pull-lap-two-thirds,
    .pull-lap-four-sixths,
    .pull-lap-eight-twelfths {
        right: 66.666%
    }
    .pull-lap-one-quarter,
    .pull-lap-two-eighths,
    .pull-lap-three-twelfths {
        right: 25%
    }
    .pull-lap-three-quarters,
    .pull-lap-six-eighths,
    .pull-lap-nine-twelfths {
        right: 75%
    }
    .pull-lap-one-fifth,
    .pull-lap-two-tenths {
        right: 20%
    }
    .pull-lap-two-fifths,
    .pull-lap-four-tenths {
        right: 40%
    }
    .pull-lap-three-fifths,
    .pull-lap-six-tenths {
        right: 60%
    }
    .pull-lap-four-fifths,
    .pull-lap-eight-tenths {
        right: 80%
    }
    .pull-lap-one-sixth,
    .pull-lap-two-twelfths {
        right: 16.666%
    }
    .pull-lap-five-sixths,
    .pull-lap-ten-twelfths {
        right: 83.333%
    }
    .pull-lap-one-eighth {
        right: 12.5%
    }
    .pull-lap-three-eighths {
        right: 37.5%
    }
    .pull-lap-five-eighths {
        right: 62.5%
    }
    .pull-lap-seven-eighths {
        right: 87.5%
    }
    .pull-lap-one-tenth {
        right: 10%
    }
    .pull-lap-three-tenths {
        right: 30%
    }
    .pull-lap-seven-tenths {
        right: 70%
    }
    .pull-lap-nine-tenths {
        right: 90%
    }
    .pull-lap-one-twelfth {
        right: 8.333%
    }
    .pull-lap-five-twelfths {
        right: 41.666%
    }
    .pull-lap-seven-twelfths {
        right: 58.333%
    }
    .pull-lap-eleven-twelfths {
        right: 91.666%
    }
}

@media only screen and (max-width: 960px) {
    .pull-portable-none {
        right: 0
    }
    .pull-portable-one-whole {
        right: 100%
    }
    .pull-portable-one-half,
    .pull-portable-two-quarters,
    .pull-portable-three-sixths,
    .pull-portable-four-eighths,
    .pull-portable-five-tenths,
    .pull-portable-six-twelfths {
        right: 50%
    }
    .pull-portable-one-third,
    .pull-portable-two-sixths,
    .pull-portable-four-twelfths {
        right: 33.333%
    }
    .pull-portable-two-thirds,
    .pull-portable-four-sixths,
    .pull-portable-eight-twelfths {
        right: 66.666%
    }
    .pull-portable-one-quarter,
    .pull-portable-two-eighths,
    .pull-portable-three-twelfths {
        right: 25%
    }
    .pull-portable-three-quarters,
    .pull-portable-six-eighths,
    .pull-portable-nine-twelfths {
        right: 75%
    }
    .pull-portable-one-fifth,
    .pull-portable-two-tenths {
        right: 20%
    }
    .pull-portable-two-fifths,
    .pull-portable-four-tenths {
        right: 40%
    }
    .pull-portable-three-fifths,
    .pull-portable-six-tenths {
        right: 60%
    }
    .pull-portable-four-fifths,
    .pull-portable-eight-tenths {
        right: 80%
    }
    .pull-portable-one-sixth,
    .pull-portable-two-twelfths {
        right: 16.666%
    }
    .pull-portable-five-sixths,
    .pull-portable-ten-twelfths {
        right: 83.333%
    }
    .pull-portable-one-eighth {
        right: 12.5%
    }
    .pull-portable-three-eighths {
        right: 37.5%
    }
    .pull-portable-five-eighths {
        right: 62.5%
    }
    .pull-portable-seven-eighths {
        right: 87.5%
    }
    .pull-portable-one-tenth {
        right: 10%
    }
    .pull-portable-three-tenths {
        right: 30%
    }
    .pull-portable-seven-tenths {
        right: 70%
    }
    .pull-portable-nine-tenths {
        right: 90%
    }
    .pull-portable-one-twelfth {
        right: 8.333%
    }
    .pull-portable-five-twelfths {
        right: 41.666%
    }
    .pull-portable-seven-twelfths {
        right: 58.333%
    }
    .pull-portable-eleven-twelfths {
        right: 91.666%
    }
}

@media only screen and (min-width: 961px) {
    .pull-desk-none {
        right: 0
    }
    .pull-desk-one-whole {
        right: 100%
    }
    .pull-desk-one-half,
    .pull-desk-two-quarters,
    .pull-desk-three-sixths,
    .pull-desk-four-eighths,
    .pull-desk-five-tenths,
    .pull-desk-six-twelfths {
        right: 50%
    }
    .pull-desk-one-third,
    .pull-desk-two-sixths,
    .pull-desk-four-twelfths {
        right: 33.333%
    }
    .pull-desk-two-thirds,
    .pull-desk-four-sixths,
    .pull-desk-eight-twelfths {
        right: 66.666%
    }
    .pull-desk-one-quarter,
    .pull-desk-two-eighths,
    .pull-desk-three-twelfths {
        right: 25%
    }
    .pull-desk-three-quarters,
    .pull-desk-six-eighths,
    .pull-desk-nine-twelfths {
        right: 75%
    }
    .pull-desk-one-fifth,
    .pull-desk-two-tenths {
        right: 20%
    }
    .pull-desk-two-fifths,
    .pull-desk-four-tenths {
        right: 40%
    }
    .pull-desk-three-fifths,
    .pull-desk-six-tenths {
        right: 60%
    }
    .pull-desk-four-fifths,
    .pull-desk-eight-tenths {
        right: 80%
    }
    .pull-desk-one-sixth,
    .pull-desk-two-twelfths {
        right: 16.666%
    }
    .pull-desk-five-sixths,
    .pull-desk-ten-twelfths {
        right: 83.333%
    }
    .pull-desk-one-eighth {
        right: 12.5%
    }
    .pull-desk-three-eighths {
        right: 37.5%
    }
    .pull-desk-five-eighths {
        right: 62.5%
    }
    .pull-desk-seven-eighths {
        right: 87.5%
    }
    .pull-desk-one-tenth {
        right: 10%
    }
    .pull-desk-three-tenths {
        right: 30%
    }
    .pull-desk-seven-tenths {
        right: 70%
    }
    .pull-desk-nine-tenths {
        right: 90%
    }
    .pull-desk-one-twelfth {
        right: 8.333%
    }
    .pull-desk-five-twelfths {
        right: 41.666%
    }
    .pull-desk-seven-twelfths {
        right: 58.333%
    }
    .pull-desk-eleven-twelfths {
        right: 91.666%
    }
}

[class*="push-"] {
    position: relative
}

.push-none {
    left: 0
}

.push-one-whole {
    left: 100%
}

.push-one-half,
.push-two-quarters,
.push-three-sixths,
.push-four-eighths,
.push-five-tenths,
.push-six-twelfths {
    left: 50%
}

.push-one-third,
.push-two-sixths,
.push-four-twelfths {
    left: 33.333%
}

.push-two-thirds,
.push-four-sixths,
.push-eight-twelfths {
    left: 66.666%
}

.push-one-quarter,
.push-two-eighths,
.push-three-twelfths {
    left: 25%
}

.push-three-quarters,
.push-six-eighths,
.push-nine-twelfths {
    left: 75%
}

.push-one-fifth,
.push-two-tenths {
    left: 20%
}

.push-two-fifths,
.push-four-tenths {
    left: 40%
}

.push-three-fifths,
.push-six-tenths {
    left: 60%
}

.push-four-fifths,
.push-eight-tenths {
    left: 80%
}

.push-one-sixth,
.push-two-twelfths {
    left: 16.666%
}

.push-five-sixths,
.push-ten-twelfths {
    left: 83.333%
}

.push-one-eighth {
    left: 12.5%
}

.push-three-eighths {
    left: 37.5%
}

.push-five-eighths {
    left: 62.5%
}

.push-seven-eighths {
    left: 87.5%
}

.push-one-tenth {
    left: 10%
}

.push-three-tenths {
    left: 30%
}

.push-seven-tenths {
    left: 70%
}

.push-nine-tenths {
    left: 90%
}

.push-one-twelfth {
    left: 8.333%
}

.push-five-twelfths {
    left: 41.666%
}

.push-seven-twelfths {
    left: 58.333%
}

.push-eleven-twelfths {
    left: 91.666%
}

@media only screen and (max-width: 767px) {
    .push-palm-none {
        left: 0
    }
    .push-palm-one-whole {
        left: 100%
    }
    .push-palm-one-half,
    .push-palm-two-quarters,
    .push-palm-three-sixths,
    .push-palm-four-eighths,
    .push-palm-five-tenths,
    .push-palm-six-twelfths {
        left: 50%
    }
    .push-palm-one-third,
    .push-palm-two-sixths,
    .push-palm-four-twelfths {
        left: 33.333%
    }
    .push-palm-two-thirds,
    .push-palm-four-sixths,
    .push-palm-eight-twelfths {
        left: 66.666%
    }
    .push-palm-one-quarter,
    .push-palm-two-eighths,
    .push-palm-three-twelfths {
        left: 25%
    }
    .push-palm-three-quarters,
    .push-palm-six-eighths,
    .push-palm-nine-twelfths {
        left: 75%
    }
    .push-palm-one-fifth,
    .push-palm-two-tenths {
        left: 20%
    }
    .push-palm-two-fifths,
    .push-palm-four-tenths {
        left: 40%
    }
    .push-palm-three-fifths,
    .push-palm-six-tenths {
        left: 60%
    }
    .push-palm-four-fifths,
    .push-palm-eight-tenths {
        left: 80%
    }
    .push-palm-one-sixth,
    .push-palm-two-twelfths {
        left: 16.666%
    }
    .push-palm-five-sixths,
    .push-palm-ten-twelfths {
        left: 83.333%
    }
    .push-palm-one-eighth {
        left: 12.5%
    }
    .push-palm-three-eighths {
        left: 37.5%
    }
    .push-palm-five-eighths {
        left: 62.5%
    }
    .push-palm-seven-eighths {
        left: 87.5%
    }
    .push-palm-one-tenth {
        left: 10%
    }
    .push-palm-three-tenths {
        left: 30%
    }
    .push-palm-seven-tenths {
        left: 70%
    }
    .push-palm-nine-tenths {
        left: 90%
    }
    .push-palm-one-twelfth {
        left: 8.333%
    }
    .push-palm-five-twelfths {
        left: 41.666%
    }
    .push-palm-seven-twelfths {
        left: 58.333%
    }
    .push-palm-eleven-twelfths {
        left: 91.666%
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .push-lap-none {
        left: 0
    }
    .push-lap-one-whole {
        left: 100%
    }
    .push-lap-one-half,
    .push-lap-two-quarters,
    .push-lap-three-sixths,
    .push-lap-four-eighths,
    .push-lap-five-tenths,
    .push-lap-six-twelfths {
        left: 50%
    }
    .push-lap-one-third,
    .push-lap-two-sixths,
    .push-lap-four-twelfths {
        left: 33.333%
    }
    .push-lap-two-thirds,
    .push-lap-four-sixths,
    .push-lap-eight-twelfths {
        left: 66.666%
    }
    .push-lap-one-quarter,
    .push-lap-two-eighths,
    .push-lap-three-twelfths {
        left: 25%
    }
    .push-lap-three-quarters,
    .push-lap-six-eighths,
    .push-lap-nine-twelfths {
        left: 75%
    }
    .push-lap-one-fifth,
    .push-lap-two-tenths {
        left: 20%
    }
    .push-lap-two-fifths,
    .push-lap-four-tenths {
        left: 40%
    }
    .push-lap-three-fifths,
    .push-lap-six-tenths {
        left: 60%
    }
    .push-lap-four-fifths,
    .push-lap-eight-tenths {
        left: 80%
    }
    .push-lap-one-sixth,
    .push-lap-two-twelfths {
        left: 16.666%
    }
    .push-lap-five-sixths,
    .push-lap-ten-twelfths {
        left: 83.333%
    }
    .push-lap-one-eighth {
        left: 12.5%
    }
    .push-lap-three-eighths {
        left: 37.5%
    }
    .push-lap-five-eighths {
        left: 62.5%
    }
    .push-lap-seven-eighths {
        left: 87.5%
    }
    .push-lap-one-tenth {
        left: 10%
    }
    .push-lap-three-tenths {
        left: 30%
    }
    .push-lap-seven-tenths {
        left: 70%
    }
    .push-lap-nine-tenths {
        left: 90%
    }
    .push-lap-one-twelfth {
        left: 8.333%
    }
    .push-lap-five-twelfths {
        left: 41.666%
    }
    .push-lap-seven-twelfths {
        left: 58.333%
    }
    .push-lap-eleven-twelfths {
        left: 91.666%
    }
}

@media only screen and (max-width: 960px) {
    .push-portable-none {
        left: 0
    }
    .push-portable-one-whole {
        left: 100%
    }
    .push-portable-one-half,
    .push-portable-two-quarters,
    .push-portable-three-sixths,
    .push-portable-four-eighths,
    .push-portable-five-tenths,
    .push-portable-six-twelfths {
        left: 50%
    }
    .push-portable-one-third,
    .push-portable-two-sixths,
    .push-portable-four-twelfths {
        left: 33.333%
    }
    .push-portable-two-thirds,
    .push-portable-four-sixths,
    .push-portable-eight-twelfths {
        left: 66.666%
    }
    .push-portable-one-quarter,
    .push-portable-two-eighths,
    .push-portable-three-twelfths {
        left: 25%
    }
    .push-portable-three-quarters,
    .push-portable-six-eighths,
    .push-portable-nine-twelfths {
        left: 75%
    }
    .push-portable-one-fifth,
    .push-portable-two-tenths {
        left: 20%
    }
    .push-portable-two-fifths,
    .push-portable-four-tenths {
        left: 40%
    }
    .push-portable-three-fifths,
    .push-portable-six-tenths {
        left: 60%
    }
    .push-portable-four-fifths,
    .push-portable-eight-tenths {
        left: 80%
    }
    .push-portable-one-sixth,
    .push-portable-two-twelfths {
        left: 16.666%
    }
    .push-portable-five-sixths,
    .push-portable-ten-twelfths {
        left: 83.333%
    }
    .push-portable-one-eighth {
        left: 12.5%
    }
    .push-portable-three-eighths {
        left: 37.5%
    }
    .push-portable-five-eighths {
        left: 62.5%
    }
    .push-portable-seven-eighths {
        left: 87.5%
    }
    .push-portable-one-tenth {
        left: 10%
    }
    .push-portable-three-tenths {
        left: 30%
    }
    .push-portable-seven-tenths {
        left: 70%
    }
    .push-portable-nine-tenths {
        left: 90%
    }
    .push-portable-one-twelfth {
        left: 8.333%
    }
    .push-portable-five-twelfths {
        left: 41.666%
    }
    .push-portable-seven-twelfths {
        left: 58.333%
    }
    .push-portable-eleven-twelfths {
        left: 91.666%
    }
}

@media only screen and (min-width: 961px) {
    .push-desk-none {
        left: 0
    }
    .push-desk-one-whole {
        left: 100%
    }
    .push-desk-one-half,
    .push-desk-two-quarters,
    .push-desk-three-sixths,
    .push-desk-four-eighths,
    .push-desk-five-tenths,
    .push-desk-six-twelfths {
        left: 50%
    }
    .push-desk-one-third,
    .push-desk-two-sixths,
    .push-desk-four-twelfths {
        left: 33.333%
    }
    .push-desk-two-thirds,
    .push-desk-four-sixths,
    .push-desk-eight-twelfths {
        left: 66.666%
    }
    .push-desk-one-quarter,
    .push-desk-two-eighths,
    .push-desk-three-twelfths {
        left: 25%
    }
    .push-desk-three-quarters,
    .push-desk-six-eighths,
    .push-desk-nine-twelfths {
        left: 75%
    }
    .push-desk-one-fifth,
    .push-desk-two-tenths {
        left: 20%
    }
    .push-desk-two-fifths,
    .push-desk-four-tenths {
        left: 40%
    }
    .push-desk-three-fifths,
    .push-desk-six-tenths {
        left: 60%
    }
    .push-desk-four-fifths,
    .push-desk-eight-tenths {
        left: 80%
    }
    .push-desk-one-sixth,
    .push-desk-two-twelfths {
        left: 16.666%
    }
    .push-desk-five-sixths,
    .push-desk-ten-twelfths {
        left: 83.333%
    }
    .push-desk-one-eighth {
        left: 12.5%
    }
    .push-desk-three-eighths {
        left: 37.5%
    }
    .push-desk-five-eighths {
        left: 62.5%
    }
    .push-desk-seven-eighths {
        left: 87.5%
    }
    .push-desk-one-tenth {
        left: 10%
    }
    .push-desk-three-tenths {
        left: 30%
    }
    .push-desk-seven-tenths {
        left: 70%
    }
    .push-desk-nine-tenths {
        left: 90%
    }
    .push-desk-one-twelfth {
        left: 8.333%
    }
    .push-desk-five-twelfths {
        left: 41.666%
    }
    .push-desk-seven-twelfths {
        left: 58.333%
    }
    .push-desk-eleven-twelfths {
        left: 91.666%
    }
}

q {
    quotes: "‘" "’" "“" "”"
}

q:before {
    content: "‘";
    content: open-quote
}

q:after {
    content: "’";
    content: close-quote
}

q q:before {
    content: "“";
    content: open-quote
}

q q:after {
    content: "”";
    content: close-quote
}

blockquote {
    font-family: "Open Sans", arial, sans-serif;
    font-style: italic;
    font-weight: 400
}

blockquote p:last-of-type {
    margin-bottom: 12px
}

.bubble {
    box-sizing: content-box;
    position: relative;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    padding: 24px;
    padding: 1.5rem;
    border-radius: 0.125rem;
    font-weight: 300;
    background-color: white;
    border: 1px solid #c9daec
}

.bubble q {
    font-style: italic !important
}

.bubble:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 23px;
    margin-top: 1px;
    height: 0;
    width: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #c9daec;
    border-top-color: rgba(147, 180, 216, 0.5)
}

.bubble:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 24px;
    height: 0;
    width: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid white
}

.bubble>*:last-child {
    margin-bottom: 0
}

.bubble.half-margin-bottom {
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.bubble-source {
    display: block;
    font-family: "Open Sans", arial, sans-serif;
    font-style: normal;
    color: #686b71
}

.bubble-source::after {
    clear: both;
    content: "";
    display: table
}

.bubble-logo,
.bubble-thumbnail {
    float: left;
    width: 84px;
    width: 5.25rem;
    margin-right: 12px;
    margin-right: 0.75rem;
    padding-right: 12px;
    padding-right: 0.75rem;
    border-right: 1px dotted rgba(0, 0, 0, 0.25)
}

.bubble-logo img,
.bubble-thumbnail img {
    display: inline-block;
    vertical-align: middle
}

.bubble-logo-fade {
    opacity: 0.35
}

.bubble-source-name {
    float: left;
    padding-top: 8px;
    padding-top: 0.5rem
}

.stack {
    background-color: white
}

.stack-blue-gray {
    background-color: #F2F8FB
}

/*.stack-white-blue {
    background-color: #F7FAFB
}*/

.stack-brand-blue {
    background-color: #68C5ED
}

.stack-light-gray {
    background-color: #D9F4FC
}

.stack-positive {
    background-color: #037602
}

.stack-positive-light {
    background-color: #EEFFEB
}

.stack-blue {
    background-color: #044D80
}

.stack-action-blue {
    background-color: #1C6FD1
}

.stack-dark-gray {
    background-color: #363A41
}

.stack-orange {
    background-color: #FF9D28
}

.stack-midnight {
    background-color: #002E47
}

.stack.stack-angle-red {
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDMwMCA2MDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qxe2ZpbGw6I2Y0NzU3NX08L3N0eWxlPjxwYXRoIGQ9Ik0zMDAgMHY2MDBIMkwxOTAuOTYuMTIgMzAwIDB6TTEzMC42MiAyNTZsNzAuNDEtMjIzLjNoLTQuMzdMMTI2LjM3IDI1Nmg0LjI1eiIgZmlsbD0iI2U1NDc0NyIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zMDAgMHY2MDBINTcuMzZMMjQ2LjMyLjEyIDMwMCAwek04LjI0IDUzM2wzMC40MS05Ni4xMWgtNC4zNkw0IDUzM3oiLz48L3N2Zz4K) right/contain no-repeat, #002E47
}

@media only screen and (max-width: 767px) {
    .stack.stack-angle-red {
        background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDMwMCA2MDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qxe2ZpbGw6I2Y0NzU3NX08L3N0eWxlPjxwYXRoIGQ9Ik0zMDAgMHY2MDBIMkwxOTAuOTYuMTIgMzAwIDB6TTEzMC42MiAyNTZsNzAuNDEtMjIzLjNoLTQuMzdMMTI2LjM3IDI1Nmg0LjI1eiIgZmlsbD0iI2U1NDc0NyIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zMDAgMHY2MDBINTcuMzZMMjQ2LjMyLjEyIDMwMCAwek04LjI0IDUzM2wzMC40MS05Ni4xMWgtNC4zNkw0IDUzM3oiLz48L3N2Zz4K) 100% 0%/contain no-repeat, #002E47
    }
}

.stack.stack-angle-orange {
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDMwMCA2MDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2ZmOWQyOH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMDAgMHY2MDBIMkwxOTAuOTYuMTIgMzAwIDB6TTEzMC42MiAyNTZsNzAuNDEtMjIzLjNoLTQuMzdMMTI2LjM3IDI1Nmg0LjI1eiIvPjxwYXRoIGQ9Ik0zMDAgMHY2MDBINTcuMzZMMjQ2LjMyLjEyIDMwMCAweiIgZmlsbD0iI2ZmYmM2YiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LjI0IDUzM2wzMC40MS05Ni4xMWgtNC4zNkw0IDUzM3oiLz48L3N2Zz4K) right/contain no-repeat, #002E47
}

@media only screen and (max-width: 767px) {
    .stack.stack-angle-orange {
        background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDMwMCA2MDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2ZmOWQyOH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMDAgMHY2MDBIMkwxOTAuOTYuMTIgMzAwIDB6TTEzMC42MiAyNTZsNzAuNDEtMjIzLjNoLTQuMzdMMTI2LjM3IDI1Nmg0LjI1eiIvPjxwYXRoIGQ9Ik0zMDAgMHY2MDBINTcuMzZMMjQ2LjMyLjEyIDMwMCAweiIgZmlsbD0iI2ZmYmM2YiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LjI0IDUzM2wzMC40MS05Ni4xMWgtNC4zNkw0IDUzM3oiLz48L3N2Zz4K) 100% 0%/contain no-repeat, #002E47
    }
}

.stack-content {
    padding-top: 24px
}

.stack-content.no-width {
    max-width: none
}

.stack-wide {
    max-width: 1230px;
    padding: 0
}

.stack-30 {
    max-width: 30%
}

@media only screen and (max-width: 767px) {
    .stack-30 {
        max-width: 100%
    }
}

.stack-40 {
    max-width: 40%
}

@media only screen and (max-width: 767px) {
    .stack-40 {
        max-width: 100%
    }
}

.stack-50 {
    max-width: 50%
}

@media only screen and (max-width: 767px) {
    .stack-50 {
        max-width: 100%
    }
}

.stack-65 {
    max-width: 65%
}

@media only screen and (max-width: 767px) {
    .stack-65 {
        max-width: 100%
    }
}

.stack-75 {
    max-width: 75%
}

@media only screen and (max-width: 767px) {
    .stack-75 {
        max-width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .stack-mobile-full {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.stack-content-secondary {
    padding-top: 36px;
    padding-top: 2.25rem;
    padding-bottom: 36px;
    padding-bottom: 2.25rem
}

.stack-content-thin {
    padding-top: 12px
}

.stack-content-thick {
    padding-top: 48px;
    padding-bottom: 24px
}

.stack-content-fat {
    padding-top: 72px;
    padding-bottom: 48px
}

@media only screen and (max-width: 767px) {
    .stack-content-fat {
        padding-top: 48px;
        padding-bottom: 24px
    }
}

.stack-bold-tiled {
    background: url(/assets/staff/profiles/square-pattern.png);
    background-color: #01121d
}

.square-pattern {
    background: url(/assets/staff/profiles/square-pattern.png)
}

.reviews {
    margin-bottom: 12px
}

.reviews-stars {
    margin-right: 6px;
    vertical-align: middle;
    text-decoration: none !important;
    white-space: nowrap
}

.reviews-stars .icon-star-full {
    display: inline-block;
    position: relative;
    color: transparent
}

.reviews-stars .icon-star-full .icon-star-full,
.reviews-stars .icon-star-full .icon-star-half {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #2F316B;
    text-shadow: none
}

.reviews-stars .icon-star-full .icon-star-full,
.reviews-stars .icon-star-full .icon-star-empty {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #2F316B;
    text-shadow: none
}

.reviews-stars.no-margin-right {
    margin-right: 0
}

.reviews-count {
    text-decoration: none;
    color: #1C6FD1;
    white-space: pre-line
}

.lead {
    font-size: 20px;
    font-size: 1.25rem
}

.milli {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4

}

.micro {
    font-size: 12px;
    font-size: 0.75rem
}

.material-icons,
.filter-show-data-icon.accordion-down:after,
.filter-show-data-icon.accordion-up:after,
.filter-checkbox-container .filter-checkbox:after,
.red-description-toggle .accordion-down:after,
.red-description-toggle .accordion-up:after,
.feature-description-toggle .accordion-down:after,
.feature-description-toggle .accordion-up:after,
.ck-button label span:before,
.ck-button-c-d label span:before {
    vertical-align: middle;
    position: relative;
    top: -1px
}

.material-icons,
.filter-show-data-icon.accordion-down:after,
.filter-show-data-icon.accordion-up:after,
.filter-checkbox-container .filter-checkbox:after,
.red-description-toggle .accordion-down:after,
.red-description-toggle .accordion-up:after,
.feature-description-toggle .accordion-down:after,
.feature-description-toggle .accordion-up:after,
.ck-button label span:before,
.ck-button-c-d label span:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga'
}

.material-icons.md-16,
.md-16.filter-show-data-icon.accordion-down:after,
.md-16.filter-show-data-icon.accordion-up:after,
.filter-checkbox-container .md-16.filter-checkbox:after,
.red-description-toggle .md-16.accordion-down:after,
.red-description-toggle .md-16.accordion-up:after,
.feature-description-toggle .md-16.accordion-down:after,
.feature-description-toggle .md-16.accordion-up:after,
.ck-button label span.md-16:before,
.ck-button-c-d label span.md-16:before {
    font-size: 16px
}

.material-icons.md-18,
.md-18.filter-show-data-icon.accordion-down:after,
.md-18.filter-show-data-icon.accordion-up:after,
.filter-checkbox-container .md-18.filter-checkbox:after,
.red-description-toggle .md-18.accordion-down:after,
.red-description-toggle .md-18.accordion-up:after,
.feature-description-toggle .md-18.accordion-down:after,
.feature-description-toggle .md-18.accordion-up:after,
.ck-button label span.md-18:before,
.ck-button-c-d label span.md-18:before {
    font-size: 18px
}

.material-icons.md-20,
.md-20.filter-show-data-icon.accordion-down:after,
.md-20.filter-show-data-icon.accordion-up:after,
.filter-checkbox-container .md-20.filter-checkbox:after,
.red-description-toggle .md-20.accordion-down:after,
.red-description-toggle .md-20.accordion-up:after,
.feature-description-toggle .md-20.accordion-down:after,
.feature-description-toggle .md-20.accordion-up:after,
.ck-button label span.md-20:before,
.ck-button-c-d label span.md-20:before {
    font-size: 20px
}

.material-icons.md-24,
.md-24.filter-show-data-icon.accordion-down:after,
.md-24.filter-show-data-icon.accordion-up:after,
.filter-checkbox-container .md-24.filter-checkbox:after,
.red-description-toggle .md-24.accordion-down:after,
.red-description-toggle .md-24.accordion-up:after,
.feature-description-toggle .md-24.accordion-down:after,
.feature-description-toggle .md-24.accordion-up:after,
.ck-button label span.md-24:before,
.ck-button-c-d label span.md-24:before {
    font-size: 24px
}

.material-icons.md-32,
.md-32.filter-show-data-icon.accordion-down:after,
.md-32.filter-show-data-icon.accordion-up:after,
.filter-checkbox-container .md-32.filter-checkbox:after,
.red-description-toggle .md-32.accordion-down:after,
.red-description-toggle .md-32.accordion-up:after,
.feature-description-toggle .md-32.accordion-down:after,
.feature-description-toggle .md-32.accordion-up:after,
.ck-button label span.md-32:before,
.ck-button-c-d label span.md-32:before {
    font-size: 32px
}

.material-icons.md-36,
.md-36.filter-show-data-icon.accordion-down:after,
.md-36.filter-show-data-icon.accordion-up:after,
.filter-checkbox-container .md-36.filter-checkbox:after,
.red-description-toggle .md-36.accordion-down:after,
.red-description-toggle .md-36.accordion-up:after,
.feature-description-toggle .md-36.accordion-down:after,
.feature-description-toggle .md-36.accordion-up:after,
.ck-button label span.md-36:before,
.ck-button-c-d label span.md-36:before {
    font-size: 36px
}

.material-icons.md-48,
.md-48.filter-show-data-icon.accordion-down:after,
.md-48.filter-show-data-icon.accordion-up:after,
.filter-checkbox-container .md-48.filter-checkbox:after,
.red-description-toggle .md-48.accordion-down:after,
.red-description-toggle .md-48.accordion-up:after,
.feature-description-toggle .md-48.accordion-down:after,
.feature-description-toggle .md-48.accordion-up:after,
.ck-button label span.md-48:before,
.ck-button-c-d label span.md-48:before {
    font-size: 48px
}

.circle-check {
    line-height: 1.4rem;
    background-color: #1C6FD1;
    color: white;
    border-radius: 50%;
    text-align: center;
    width: 24px;
    height: 24px;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.breadcrumbs {
    margin: 0;
    list-style: none
}

.breadcrumbs>li,
.breadcrumbs>li>a {
    display: inline-block;
    *display: inline;
    zoom: 1
}

.site-breadcrumbs {
    margin-top: -8px;
    margin-top: -0.5rem;
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.site-breadcrumbs [class*="ss-"]:before {
    font-size: 12px;
    vertical-align: middle;
    margin-left: 0.5em;
    margin-right: 0.5em;
    color: #1C6FD1
}

.select {
    background: #fafbfd url(../img/select-arrow-gray.png) no-repeat 97% 50%;
    background-size: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cdced0;
    border-radius: 0.125rem;
    box-shadow: 0 2px #cdced0;
    margin-bottom: 18px;
    margin-bottom: 1.125rem;
    overflow: hidden;
    width: 100%
}

.select:active,
.select:focus {
    border-color: #016300;
    outline: none
}

.select.secondary {
    background: url(../img/select-arrow-blue.png) no-repeat 100% 50%;
    background-size: 34px;
    border-color: #b4cad9;
    box-shadow: 0 2px #b4cad9;
    height: 34px
}

.select select {
    background: transparent;
    border: none;
    color: #707887;
    width: 107%;
    font-size: 14px;
    line-height: 1.2em;
    padding: 0.5em;
    -webkit-appearance: none
}

.select select:focus,
.select select:active {
    border-color: #016300;
    outline: none
}

.select select:hover {
    cursor: pointer
}

.select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.product-filter-reset {
    text-decoration: none;
    color: #E54747;
    font-size: 14px
}

.product-filter-reset:before {
    margin-right: 0.25em;
    vertical-align: middle;
    color: #E54747
}

.product-filter-reset:visited {
    color: #D22626
}

.product-filter-reset:hover {
    color: #C30D0D
}

.product-filter-reset:hover:before {
    color: #C30D0D
}

@supports (position: sticky) or (position: -webkit-sticky) {
    @media only screen and (min-width: 961px) {
        .conditional-sticky {
            padding-left:24px;
            padding-left: 1.5rem;
            position: sticky;
            position: -webkit-sticky;
            top: 1rem;
            left: 0;
            max-width: 25%
        }
    }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
        .conditional-sticky {
            position: sticky;
            position: -webkit-sticky;
            top: 1rem;
            left: 1rem
        }
    }
    .conditional-sticky.mobile-filter-header {
        box-shadow: 0 0.15rem 0.15rem rgba(99, 121, 133, 0.25);
        background: #F7FAFB;
        padding: 0.5rem 1rem;
        z-index: 999;
        width: 100vw
    }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
        .conditional-sticky.mobile-filter-header {
            position: sticky;
            position: -webkit-sticky;
            top: -1px;
            left: 0
        }
    }
    @media only screen and (max-width: 767px) {
        .conditional-sticky.mobile-filter-header {
            position: sticky;
            position: -webkit-sticky;
            top: -1px;
            left: 0
        }
    }
}

.filter-card {
    border: 1px solid #044D80;
    background-color: white
}

.filter-header {
    background-color: #044D80;
    color: white;
    margin: 0;
    padding: 0.5em 1em
}

.collapsed {
    display: none
}

.recommended-filter-toggle {
    background-color: #1C6FD1;
    border-top: none;
    color: white;
    margin: 0;
    padding: 0.5rem 0.75rem;
    cursor: pointer
}

.recommended-filter-toggle:hover {
    background-color: #1964bc
}

.recommended-filter-toggle:active {
    background-color: #185eb2
}

.filter-toggle {
    margin: 0;
    padding: 0.5rem 0.75rem;
    color: #363A41;
    border-top: 2px solid #D9F4FC;
    cursor: pointer
}

.filter-toggle:hover {
    background-color: #D9F4FC
}

.filter-toggle:active {
    border-color: #d0eaf2;
    background-color: #d0eaf2
}

.filter-show-data-icon {
    float: right;
    font-size: 14px;
    line-height: 1.75rem;
    color: #044D80;
    text-decoration: none
}

.filter-show-data-icon.accordion-down:after {
    content: 'keyboard_arrow_down'
}

.filter-show-data-icon.accordion-up:after {
    content: 'keyboard_arrow_up'
}

.directory-filter {
    margin-bottom: 20px;
    padding-left: 14px;
    padding-top: 8px;
    border-radius: 0.125rem
}

.directory-filter li {
    padding-bottom: 4px
}

@media only screen and (max-width: 767px) {
    .directory-filter li {
        padding: 8px 0px 8px 0px
    }
}

.directory-form-option-list {
    margin-bottom: 0;
    margin-left: 0;
    list-style: none
}

.directory-filter-contents {
    min-height: 110px;
    max-height: 34vh;
    overflow-y: auto
}

.product-filter-actions {
    height: 130px;
    padding: 1rem;
    background-color: #F7FAFB;
    border-top: 1px solid #044D80
}

.results-header {
    margin-bottom: 0.5rem
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .results-header {
        height: 2.75rem
    }
}

@media only screen and (max-width: 767px) {
    .results-header {
        margin-bottom: 0.75rem
    }
}

.results-header h3 {
    padding-right: 1rem;
    border-right: 2px solid #93B4D8;
    margin-right: 0.5rem
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .results-header h3 {
        padding-right: 0.5rem;
        margin-right: 0.2rem
    }
}

.results-header .sort-options-link {
    padding: 0.2rem 0;
    display: inline-block
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .results-header .sort-options-link {
        padding: 0.2rem 0 0 0.2rem;
        margin-left: 0.2rem
    }
}

@media only screen and (max-width: 767px) {
    .results-header .sort-options-link {
        margin-left: 0.5rem
    }
}

.filter-checkbox-container {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 25px
}

.filter-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.filter-checkbox {
    position: absolute;
    top: 5px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: white;
    border: 1px solid #e1e1e1
}

.filter-checkbox-container:hover input~.filter-checkbox {
    border: 1px solid #1C6FD1
}

.filter-checkbox-container:active input~.filter-checkbox {
    background-color: #1C6FD1
}

.filter-checkbox-container input:checked~.filter-checkbox {
    background-color: #1C6FD1;
    border-color: #1C6FD1
}

.filter-checkbox:after {
    content: "";
    position: absolute;
    display: none
}

.filter-checkbox-container input:checked~.filter-checkbox:after {
    display: block;
    content: "check"
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .filter-checkbox-container input:checked~.filter-checkbox:after {
        font-size: .6em
    }
}

.filter-checkbox-container .filter-checkbox:after {
    color: white;
    font-size: 1em;
    left: -1px
}

#filter-drawer {
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 1001;
    top: 0;
    right: -100vw;
    overflow: hidden;
    transition: all 0.3s ease;
    padding-bottom: 2rem
}

#filter-drawer-contents {
    height: 100vh;
    width: 80vw;
    left: 20vw;
    position: relative
}

.hidden-filter-content {
    position: relative;
    width: 100vw;
    height: 95vh;
    overflow-y: scroll;
    left: 0;
    background-color: white;
    padding-top: 58px;
    padding-bottom: 108px
}

.hidden-filter-content h3 {
    width: 80vw
}

.hidden-filter-header {
    z-index: 1001;
    position: absolute;
    top: 0;
    left: 0;
    width: 80vw;
    background-color: white;
    border-bottom: 1px solid #e1e1e1;
    box-shadow: 0 0.15rem 0.15rem rgba(99, 121, 133, 0.25)
}

.hidden-filter-header a {
    border-right: 2px solid #93B4D8;
    padding: 0.25rem 0.75rem 0.25rem 0.5rem;
    margin-right: 0.5rem
}

.hidden-filter-actions {
    position: absolute;
    z-index: 1002;
    bottom: 0;
    width: 80vw;
    height: 17vw;
    left: 0;
    background-color: #F7FAFB;
    padding: 8px;
    border-top: 1px solid #e1e1e1;
    box-shadow: 0 -0.15rem 0.15rem rgba(99, 121, 133, 0.25)
}

.hidden-filter-actions .product-filter-reset {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    color: #E54747;
    position: relative;
    top: 11px;
    padding: 10px
}

#shadow-close-filter-drawer {
    display: none;
    position: fixed;
    height: 100vh;
    width: 20vw;
    left: 0
}

.listing,
.listing-padded {
    padding: 12px;
    padding: 0.75rem
}

@media only screen and (min-width: 768px) {
    .listing .button,
    .listing-padded .button,
    .listing .product-compare-stack .view-comparison,
    .product-compare-stack .listing .view-comparison,
    .listing-padded .product-compare-stack .view-comparison,
    .product-compare-stack .listing-padded .view-comparison {
        margin-bottom: 6px
    }
}

@media only screen and (max-width: 767px) {
    .listing,
    .listing-padded {
        max-width: 30em;
        margin-left: auto;
        margin-right: auto
    }
    .listing .button,
    .listing-padded .button,
    .listing .product-compare-stack .view-comparison,
    .product-compare-stack .listing .view-comparison,
    .listing-padded .product-compare-stack .view-comparison,
    .product-compare-stack .listing-padded .view-comparison {
        margin-bottom: 12px;
        margin-bottom: 0.75rem
    }
}

.listing-padded {
    padding: 24px;
    padding: 1.5rem
}

.listing-background {
    background: -webkit-linear-gradient(left, #fff 57%, #F7FAFB 57%)
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .listing-background {
        background: -webkit-linear-gradient(left, #fff 73%, #F7FAFB 73%)
    }
}

@media only screen and (max-width: 767px) {
    .listing-background {
        background: white
    }
}

.redesign-listing {
    border-top: 2px solid #93B4D8
}

.redesign-listing:last-child {
    border-bottom: 2px solid #c9daec
}

@media only screen and (max-width: 767px) {
    .redesign-listing {
        padding-top: 0.75rem;
        margin-left: auto;
        margin-right: auto
    }
}

.redesign-c-d-container {
    border: 1px solid #e1e1e1;
    margin-bottom: 1rem
}

.redesign-c-d-container:hover {
    border-color: #1C6FD1;
    box-shadow: 0 0 2px 2px rgba(178, 204, 219, 0.25)
}

.redesign-c-d-container:hover .product-compare-tab {
    border-color: #1C6FD1
}

.redesign-c-d-container.thick-border {
    border-width: 2px;
    margin-bottom: 3rem
}

@media only screen and (max-width: 960px) {
    .redesign-c-d-container.thick-border {
        margin-bottom: 1rem
    }
}

.redesign-listing-c-d {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    padding: 24px
}

.redesign-listing-c-d.redesign-description-default {
    max-height: 15rem
}

.redesign-listing-c-d.redesign-description-default:hover {
    max-height: 15.5rem
}

@media only screen and (max-width: 960px) {
    .redesign-listing-c-d {
        padding: 12px
    }
}

.redesign-listing-c-d.redesign-description-expanded {
    max-height: 22rem
}

.redesign-listing-c-d:after {
    position: absolute;
    bottom: 0;
    height: 50%;
    width: 100%;
    content: "";
    -moz-box-shadow: inset 0 -3rem 4rem -2rem #fff;
    -webkit-box-shadow: inset 0 -3rem 4rem -2rem #fff;
    box-shadow: inset 0 -3rem 4rem -2rem #fff;
    pointer-events: none
}

.redesign-listing-c-d:hover {
    border-color: #1C6FD1
}

.redesign-listing-c-d:hover:after {
    -moz-box-shadow: inset 0 -2rem 4rem -2rem #fff;
    -webkit-box-shadow: inset 0 -2rem 4rem -2rem #fff;
    box-shadow: inset 0 -2rem 4rem -2rem #fff
}

.listing-thumbnail-container,
.spotlight-listing-thumbnail-container,
.compare-thumbnail-container {
    display: block;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 7em;
    max-height: 7em;
    padding-left: 0
}

.listing-thumbnail-container:before,
.spotlight-listing-thumbnail-container:before,
.compare-thumbnail-container:before {
    content: "";
    display: block;
    padding-top: 100%
}

.redesign-listing-thumbnail-container {
    display: block;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 4em;
    max-height: 4em;
    padding-left: 0
}

.redesign-listing-thumbnail-container:before {
    content: "";
    display: block;
    padding-top: 100%
}

.spotlight-listing-thumbnail-container {
    max-width: 119px
}

@media only screen and (max-width: 767px) {
    .spotlight-listing-thumbnail-container {
        width: 100%
    }
}

.listing-thumbnail,
.general-review-thumbnail {
    position: absolute;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    background-color: white;
    border-radius: 0.125rem;
    overflow: hidden
}

.listing-thumbnail img,
.general-review-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 6px;
    padding: 0.375rem
}

.lt-ie9 .listing-thumbnail img,
.lt-ie9 .general-review-thumbnail img {
    position: static
}

.listing-name {
    font-size: 1.375em;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 700;
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.listing-name a {
    color: #1C6FD1
}

.listing-name a:hover {
    color: #054EA5
}

.listing-name a:active {
    color: #003574
}

.listing-vendor {
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    font-family: "Open Sans", arial, sans-serif;
    color: #607480
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .redesign-main-listing-section {
        border-bottom: 1px solid #e1e1e1
    }
}

.listing-description,
.listing-quote {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.6em
}

@media only screen and (max-width: 767px) {
    .listing-description,
    .listing-quote {
        margin-bottom: 12px;
        margin-bottom: 0.75rem;
        font-size: 14px
    }
}

.listing-description a.spotlight-link,
.listing-quote a.spotlight-link {
    margin-left: 4px
}

.listing-quote p:last-of-type {
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.listing-quote cite {
    margin-bottom: 0
}

.red-show-toggle-icon {
    font-size: 16px;
    color: #044573;
    text-decoration: none
}

.red-description-toggle {
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 0.25rem 0
}

.red-description-toggle .accordion-down:after {
    content: 'keyboard_arrow_down'
}

.red-description-toggle .accordion-up:after {
    content: 'keyboard_arrow_up'
}

.red-description-toggle:hover {
    color: #FF6200;
    background-color: #F7FAFB
}

.red-description-toggle:focus {
    outline: none !important
}

.feature-description-toggle {
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 0.25rem 0;
    color: #1C6FD1
}

.feature-description-toggle .accordion-down:after {
    content: 'keyboard_arrow_down'
}

.feature-description-toggle .accordion-up:after {
    content: 'keyboard_arrow_up'
}

.feature-description-toggle:hover {
    color: #FF6200;
    background-color: #F7FAFB
}

.feature-description-toggle:focus {
    outline: none !important
}

.listing-stack-container {
    text-align: center;
    height: 100%
}

.listing-stack-container-c-d {
    padding-left: 24px
}

.listing-stack-container-c-d .reviews-stars {
    display: block;
    margin-top: 12px
}

@media only screen and (max-width: 960px) {
    .listing-stack-container-c-d {
        background-color: #F7FAFB;
        border-top: 1px solid #e1e1e1
    }
    .listing-stack-container-c-d .reviews-stars {
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .listing-stack-container-c-d {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
}

@media only screen and (max-width: 767px) {
    .listing-stack-container-c-d {
        padding-left: 0;
        padding-right: 0
    }
}

.listing-stack {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .listing-stack {
        padding-left: 0
    }
}

.listing-stack .review-information {
    padding: 0.75rem 0;
    border-bottom: 2px solid #D9F4FC
}

@media only screen and (max-width: 767px) {
    .listing-stack .review-information {
        border-top: 1px solid #e1e1e1;
        background-color: #F7FAFB;
        text-align: left;
        padding: 1rem 1rem 0.25rem 1rem;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 1168px) and (min-width: 961px) {
    .listing-stack .review-information .reviews-count {
        white-space: normal
    }
}

.listing-stack .review-information-c-d {
    padding: 0.75rem 0
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .listing-stack .review-information-c-d {
        text-align: left
    }
}

.listing-stack .pricing-information {
    padding: 0.75rem 0
}

@media only screen and (max-width: 767px) {
    .listing-stack .pricing-information {
        background-color: #F7FAFB;
        border-bottom: 1px solid #e1e1e1;
        text-align: left;
        padding: 1rem 1rem 0 1rem
    }
    .listing-stack .pricing-information p {
        display: inline-block;
        margin-right: 0.5rem
    }
}

.listing-stack .pricing-information-c-d {
    padding: 0.25rem 0
}

.listing-stack .pricing-information-c-d .reviews {
    margin-bottom: 6px
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .listing-stack .pricing-information-c-d {
        text-align: left;
        margin-bottom: 0
    }
    .listing-stack .pricing-information-c-d .reviews {
        margin-top: 12px
    }
    .listing-stack .pricing-information-c-d a {
        display: inline-block
    }
}

@media only screen and (max-width: 767px) {
    .listing-stack .pricing-information-c-d {
        background-color: #F7FAFB;
        text-align: left;
        padding: 0 0.75rem 0 0.75rem
    }
    .listing-stack .pricing-information-c-d:first-child {
        padding-top: 0.5rem
    }
    .listing-stack .pricing-information-c-d a {
        padding-top: 0;
        display: inline-block
    }
}

.redesign-action-button-container {
    padding-right: 0.25rem
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .redesign-action-button-container {
        border-top: 1px solid #e1e1e1;
        padding-top: 6px;
        padding-right: 0;
        background-color: white
    }
}

@media only screen and (max-width: 767px) {
    .redesign-action-button-container {
        padding-right: 0
    }
}

.redesign-visit-container {
    margin-top: 12px;
    float: right
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .redesign-visit-container {
        margin-top: 6px
    }
}

@media only screen and (max-width: 767px) {
    .redesign-visit-container {
        margin-top: 0.76rem;
        margin-bottom: 0.5rem
    }
}

.visit-website-button {
    margin-bottom: 6px
}

.redesign-compare-button {
    margin-top: 12px;
    margin-bottom: 6px
}

@media only screen and (max-width: 767px) {
    .redesign-compare-button {
        margin-top: 1.15rem
    }
}

.redesign-details-button {
    margin-top: 6px
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .redesign-details-button {
        margin-top: 6px;
        margin-bottom: 12px
    }
}

.ck-button,
.ck-button-c-d {
    padding: 0
}

.ck-button-c-d {
    width: auto
}

.ck-button label,
.ck-button-c-d label {
    font-size: 16px;
    font-size: 1rem;
    color: #1C6FD1
}

.ck-button label:hover,
.ck-button-c-d label:hover {
    color: #FF6200
}

.ck-button label span,
.ck-button-c-d label span {
    text-align: center;
    display: block
}

.ck-button label span:before,
.ck-button-c-d label span:before {
    content: '';
    display: inline-block;
    background-color: white;
    border: 1px solid #e1e1e1;
    height: 14px;
    width: 14px;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    margin-right: 6px;
    margin-right: 0.375rem
}

.ck-button-c-d label span {
    text-align: left;
    display: block
}

.ck-button-c-d label span:before {
    content: '';
    display: inline-block;
    background-color: white;
    border: 1px solid #e1e1e1;
    height: 14px;
    width: 14px;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    margin-right: 6px;
    margin-right: 0.375rem
}

.ck-button label input,
.ck-button-c-d label input {
    position: absolute;
    top: -20px;
    display: none
}

.ck-button input:checked+span:before,
.ck-button-c-d input:checked+span:before {
    content: 'check';
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold
}

.ck-button input:checked+span a,
.ck-button-c-d input:checked+span a {
    font-size: 16px
}

.ck-button input:disabled+span,
.ck-button-c-d input:disabled+span {
    color: #607480;
    font-style: italic
}

.ck-button input:disabled+span:before,
.ck-button-c-d input:disabled+span:before {
    background-color: #D9F4FC
}

.buttons-background {
    background-color: #F7FAFB;
    padding: 12px 24px;
    border-top: 1px solid #e1e1e1
}

@media only screen and (max-width: 960px) {
    .buttons-background {
        padding: 12px
    }
}

.redesign-c-d-description {
    border-right: 1px solid #e1e1e1;
    padding-right: 24px
}

@media only screen and (max-width: 960px) {
    .redesign-c-d-description {
        border-right: none;
        padding-right: 0
    }
}

.rank-meta {
    margin-right: 12px;
    margin-right: 0.75rem;
    text-align: center
}

@media only screen and (max-width: 960px) {
    .rank-meta {
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .rank-meta {
        margin-bottom: 12px;
        margin-bottom: 0.75rem
    }
}

.rank-reviews-count {
    padding-top: 12px;
    padding-top: 0.75rem;
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
    line-height: 1;
    background-color: #e6edf2;
    position: relative;
    width: 68px
}

.rank-reviews-count a {
    text-decoration: none
}

.rank-reviews-count a:visited {
    color: #044D80
}

.rank-reviews-count a:hover {
    color: #022740
}

.rank-reviews-count:after {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 0;
    height: 10px;
    width: 0;
    border: solid 40px #E7F1F8;
    border-width: 16px 34px;
    border-bottom-color: transparent
}

@media only screen and (max-width: 767px) {
    .rank-reviews-count:after {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .rank-reviews-count {
        padding-top: 12px;
        padding-top: 0.75rem;
        padding-bottom: 12px;
        padding-bottom: 0.75rem;
        width: 100%
    }
}

.rank-reviews-count-number {
    font-size: 32px;
    font-weight: 600
}

.rank-placement {
    padding-top: 6px;
    padding-top: 0.375rem;
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    margin-top: -32.4px;
    margin-top: -2.025rem;
    background-color: #6894b3;
    border-bottom: 1px solid #cddbe6;
    border-top-right-radius: 0.125rem;
    color: white;
    font-size: 1.25em;
    font-weight: 600;
    position: relative;
    width: 68px;
    z-index: 1
}

.rank-placement:before {
    content: ' ';
    position: absolute;
    top: 0%;
    left: -8px;
    height: 0;
    width: 0;
    border-width: 4px 4px;
    border-style: solid;
    border-color: transparent #5A98BE #5A98BE transparent;
    z-index: 0
}

@media only screen and (max-width: 767px) {
    .rank-placement {
        width: 100%
    }
}

.rank-buttons .button,
.rank-buttons .product-compare-stack .view-comparison,
.product-compare-stack .rank-buttons .view-comparison {
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.rank-buttons .button:last-child,
.rank-buttons .product-compare-stack .view-comparison:last-child,
.product-compare-stack .rank-buttons .view-comparison:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 960px) {
    .rank-buttons {
        margin-top: 12px;
        margin-top: 0.75rem;
        margin-left: 0
    }
}

.tabs {
    margin-left: 0;
    list-style: none
}

.tabs::after {
    clear: both;
    content: "";
    display: table
}

.tab {
    display: block;
    float: left;
    margin-bottom: -1px;
    margin-left: 6px;
    margin-left: 0.375rem;
    margin-right: 6px;
    margin-right: 0.375rem;
    padding: 12px 12px;
    padding: 0.75rem 0.75rem;
    outline: none !important;
    color: #607480;
    font-weight: 400;
    text-decoration: none
}

.tab:hover {
    border-bottom: 4px solid #FF6200
}

@media only screen and (max-width: 767px) {
    .tab {
        margin-left: 0;
        margin-right: 4px;
        margin-right: 0.25rem;
        padding: 12px;
        padding: 0.75rem
    }
}

.tab.active {
    background-color: white;
    border-bottom: 4px solid #FF6200;
    font-weight: 700;
    color: #363A41
}

@media only screen and (min-width: 768px) {
    .top20-dropdown-trigger {
        display: none
    }
}

.top20-dropdown-list {
    list-style-type: none;
    margin: 0
}

@media only screen and (min-width: 768px) {
    .top20-dropdown-list li {
        display: inline
    }
}

@media only screen and (max-width: 767px) {
    .top20-dropdown-trigger {
        display: inline-flex
    }
    .top20-dropdown-list {
        display: none;
        position: absolute;
        left: 113px;
        top: 49px;
        background-color: white;
        min-width: 170px;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        z-index: 999999
    }
    .top20-dropdown-list li a {
        display: block;
        background-color: white;
        border-color: #e2e2e2;
        width: 100%;
        border-radius: 0
    }
    .top20-dropdown-list li a:last-child {
        border-bottom-right-radius: 0.125rem;
        border-bottom-left-radius: 0.125rem
    }
    .top20-dropdown-list li a.active {
        background-color: #e4ecf5
    }
}

.red-tabs {
    margin-left: 0;
    list-style: none
}

.red-tabs::after {
    clear: both;
    content: "";
    display: table
}

.red-tab {
    display: block;
    float: left;
    margin-left: 6px;
    margin-left: 0.375rem;
    margin-right: 6px;
    margin-right: 0.375rem;
    padding: 12px 12px;
    padding: 0.75rem 0.75rem;
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
    outline: none !important;
    color: #707070;
    text-decoration: none !important;
    border-bottom: 4px solid transparent;
    font-weight: 400
}

.red-tab:hover {
    color: #707070;
    text-decoration: none !important;
    border-bottom: 4px solid #68C5ED
}

@media only screen and (max-width: 767px) {
    .red-tab {
        margin-left: 0;
        margin-right: 4px;
        margin-right: 0.25rem;
        padding: 12px;
        padding: 0.75rem
    }
}

.red-tab.active {
    box-sizing: border-box;
    border-bottom: 4px solid #68C5ED;
    color: white;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .top20-dropdown-trigger {
        display: none
    }
}

.top20-dropdown-list {
    list-style-type: none;
    margin: 0
}

@media only screen and (min-width: 768px) {
    .top20-dropdown-list li {
        display: inline
    }
}

@media only screen and (max-width: 767px) {
    .top20-dropdown-trigger {
        display: inline-flex
    }
    .top20-dropdown-list {
        display: none;
        position: absolute;
        left: 113px;
        top: 49px;
        background-color: white;
        min-width: 170px;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        z-index: 999999
    }
    .top20-dropdown-list li a {
        display: block;
        background-color: white;
        border-color: #e2e2e2;
        width: 100%;
        border-radius: 0
    }
    .top20-dropdown-list li a:last-child {
        border-bottom-right-radius: 0.125rem;
        border-bottom-left-radius: 0.125rem
    }
    .top20-dropdown-list li a.active {
        background-color: #e4ecf5
    }
}

.red-menu {
    white-space: nowrap;
    overflow: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.red-menu .red-item {
    display: inline-block;
    height: 100%
}

.red-menu-wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 0px;
    max-height: 3.25rem
}

.red-menu-wrapper ::-webkit-scrollbar {
    width: 0;
    background: transparent
}

@media only screen and (max-width: 767px) {
    .red-menu-wrapper {
        padding-left: 30px;
        padding-right: 30px
    }
}

.red-paddle {
    position: absolute;
    top: 15px;
    bottom: 0;
    cursor: pointer
}

.red-left-paddle {
    left: 0
}

.red-right-paddle {
    right: 0
}

.red-inactive-nav-arrow {
    color: #607480 !important;
    cursor: not-allowed;
    pointer-events: none;
    filter: alpha(opacity=40)
}

.red-subnav-dot {
    height: 6px;
    width: 6px;
    margin: 0 4px;
    background-color: #93B4D8;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease
}

.red-subnav-dot-active {
    background-color: #ee8343
}

.our-story-buttons {
    border-right: 1px solid #e1e1e1
}

@media only screen and (max-width: 767px) {
    .our-story-buttons {
        border: none
    }
}

.about-profile {
    position: relative;
    margin-bottom: 48px;
    margin-bottom: 3rem
}

@media only screen and (max-width: 767px) {
    .about-profile {
        margin-bottom: 60px;
        margin-bottom: 3.75rem
    }
}

.about-profile:hover .about-profile-social {
    display: block
}

.about-profile-image {
    background-color: #e9f0f7;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    padding: 6px 4px 0px 4px;
    padding: 0.375rem 0.25rem 0px 0.25rem;
    max-width: 100%;
    height: auto;
    line-height: 1.42857143;
    filter: saturate(0%);
    opacity: .9;
    box-shadow: inset 0 -6px rgba(0, 0, 0, 0.05)
}

.about-profile-image:hover {
    filter: saturate(100%);
    opacity: .95
}

.about-profile-name {
    margin-bottom: 0;
    font-weight: 600;
    text-align: center
}

.about-profile-dept {
    color: #6e87a2;
    text-align: center
}

.about-profile-social {
    display: none;
    width: 100%;
    background-color: rgba(33, 120, 189, 0.75);
    border-radius: 50%;
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0%
}

.about-profile-social:before {
    content: "";
    display: block;
    padding-top: 100%
}

@media only screen and (max-width: 767px) {
    .about-profile-social:before {
        padding-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .about-profile-social {
        display: block;
        background-color: transparent;
        border-radius: 0;
        position: relative;
        margin-top: 12px;
        margin-top: 0.75rem
    }
}

.about-profile-links {
    margin: -12px 0 0 0;
    margin: -0.75rem 0 0 0;
    list-style: none;
    width: 100%;
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0%
}

@media only screen and (max-width: 767px) {
    .about-profile-links {
        font-size: 1em
    }
}

.about-profile-links li {
    display: inline-block;
    margin-right: 0.1em
}

@media only screen and (max-width: 767px) {
    .about-profile-links li {
        margin-right: 0.3em
    }
}

.about-profile-links li:last-child {
    margin-right: 0
}

.about-profile-links .ss-social-regular,
.about-profile-links .ss-info {
    display: block;
    text-decoration: none;
    text-align: center;
    color: white;
    height: 1.5em;
    width: 1.5em;
    line-height: 1.5em
}

.about-profile-links .ss-social-regular:before,
.about-profile-links .ss-info:before {
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .about-profile-links .ss-social-regular,
    .about-profile-links .ss-info {
        color: #044D80
    }
}

.lt-ie9 .about-profile-links {
    position: static;
    transform: none
}

.customer-logo {
    padding: 24px;
    padding: 1.5rem
}

.customer-logo.border-top {
    border-top: 1px dotted #c9daec
}

.customer-logo.border-right {
    border-right: 1px dotted #c9daec
}

.customer-logo img {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .customer-logo {
        padding: 12px;
        padding: 0.75rem
    }
}

.badge {
    display: block;
    margin-top: -60px;
    margin-top: -3.75rem
}

.social-media-scroll {
    width: 120px
}

@media only screen and (max-width: 767px) {
    .social-media-scroll {
        width: auto;
        position: relative !important
    }
}

.social-media-scroll .capshare-counter {
    background: white !important
}

.social-media-scroll .capshare-button {
    margin-left: 0x;
    margin-right: 0
}

.social-media-scroll .capshare-options {
    margin-bottom: 0
}

.stack-content-team-profile {
    padding-top: 48px;
    padding-top: 3rem;
    position: relative;
    height: 400px
}

@media only screen and (max-width: 767px) {
    .stack-content-team-profile {
        height: 370px
    }
}

.team-profile-social {
    border-top: 2px solid #044D80;
    list-style-type: none;
    padding-top: 16px;
    padding-top: 1rem;
    margin: 24px;
    margin: 1.5rem
}

.team-profile-social li {
    margin-top: 24px;
    margin-top: 1.5rem;
    text-align: center
}

.team-profile-social a {
    font-size: 24px;
    text-decoration: none;
    color: #044D80
}

.team-profile-social a:hover {
    color: #022f4f
}

@media only screen and (max-width: 767px) {
    .team-profile-social {
        margin: 48px 0 0 0;
        margin: 3rem 0 0 0
    }
    .team-profile-social li {
        display: inline-block;
        margin: 0 24px;
        margin: 0 1.5rem
    }
}

.team-profile-image {
    position: absolute;
    right: 24px;
    bottom: 0%;
    width: 450px
}

@media only screen and (max-width: 767px) {
    .team-profile-image {
        left: 24px;
        left: 1.5rem;
        width: 275px
    }
}

.team-profile-heading {
    margin-top: 96px;
    margin-top: 6rem
}

.team-profile-heading hr {
    width: 100px;
    border-width: 2px
}

@media only screen and (max-width: 767px) {
    .team-profile-heading {
        margin-top: 0
    }
}

.content-reveal {
    max-height: 280px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.05);
    padding-bottom: 0;
    overflow: hidden;
    transition: max-height 0.2s linear
}

.content-reveal:hover {
    max-height: 550px;
    border-color: #4f82a6
}

.content-reveal:hover .ss-info:before {
    color: #4f82a6;
    opacity: .85
}

.content-reveal .ss-info:before {
    position: absolute;
    right: 6px;
    bottom: 4px;
    opacity: .45
}

@media only screen and (max-width: 960px) {
    .content-reveal .ss-info:before {
        display: none
    }
}

@media only screen and (max-width: 960px) {
    .content-reveal {
        max-height: none
    }
}

.award-decription,
.award-name {
    background-color: #F2F8FB;
    margin: 0 -12px;
    margin: 0 -0.75rem;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .award-decription,
    .award-name {
        background-color: transparent
    }
}

.award-decription .line-break,
.award-name .line-break {
    font-weight: 500;
    color: #607480
}

@media only screen and (max-width: 767px) {
    .award-decription .line-break,
    .award-name .line-break {
        display: block
    }
}

.award-decription {
    border-top: 1px dotted #93B4D8;
    padding: 12px;
    padding: 0.75rem
}

@media only screen and (max-width: 767px) {
    .award-decription {
        border-top: none
    }
}

.award-name {
    font-weight: 600;
    padding: 6px 12px;
    padding: 0.375rem 0.75rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .award-name {
        padding: 0
    }
}

.award-logo {
    padding: 4px 12px 8px 12px;
    padding: 0.25rem 0.75rem 0.5rem 0.75rem
}

@media only screen and (max-width: 767px) {
    .award-logo {
        max-width: 115px;
        border: none;
        float: left;
        margin: 0 1em 0 0;
        padding: 0
    }
}

.article-meta {
    margin-bottom: 12px;
    color: #607480;
    font-style: italic
}

.blog-category-name {
    margin-bottom: 0
}

.blog-category-name a {
    display: block;
    margin: 24px 24px 12px;
    margin: 1.5rem 1.5rem 0.75rem;
    text-decoration: none;
    color: #363A41
}

.blog-category-name a:hover {
    color: #044D80
}

@media only screen and (max-width: 767px) {
    .blog-category-teaser {
        max-width: 20em;
        margin-left: auto;
        margin-right: auto
    }
}

.blog-category-description {
    padding: 0 24px 24px 24px;
    padding: 0 1.5rem 1.5rem 1.5rem
}

.blog-category-image {
    display: block;
    border-top-left-radius: 0.1875em;
    border-top-right-radius: 0.1875em
}

.avatar {
    border-radius: 0.125rem
}

.capshare-options {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.capshare-options::after {
    clear: both;
    content: "";
    display: table
}

.capshare-options .ss-social-regular {
    display: block;
    margin-bottom: 0.25em;
    height: 2.25em;
    line-height: 2.25em;
    border-radius: 0.125rem;
    text-align: center;
    color: white
}

.capshare-options .ss-social-regular:before {
    vertical-align: middle
}

.capshare-options .ss-linkedin {
    background-color: #0e76a8;
    box-shadow: 0 0.125em #0b597e
}

.capshare-options .ss-twitter {
    background-color: #00acee;
    box-shadow: 0 0.125em #0081b3
}

.capshare-options .ss-facebook {
    background-color: #3b5998;
    box-shadow: 0 0.125em #2c4372
}

.capshare-options .ss-reddit {
    background-color: #ff4500;
    box-shadow: 0 0.125em #bf3400
}

.capshare-options .ss-mail {
    background-color: #a9469c;
    box-shadow: 0 0.125em #7d2272;
    text-decoration: none;
    cursor: pointer
}

.capshare-button {
    display: inline-block;
    width: 4em;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    margin-right: 6px;
    margin-right: 0.375rem
}

.capshare-button:last-child {
    margin-right: 0
}

.capshare-button:hover {
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .capshare-button {
        width: 16.9%
    }
}

.capshare-counter {
    display: none;
    border: 1px solid #e2e2e2;
    border-radius: 0.125rem;
    background-color: #eff4f9;
    font-size: 12px;
    text-align: center;
    color: #6e87a2
}

.tags a {
    display: inline-block;
    margin-bottom: 0.25em;
    padding: 0.25em 0.5em;
    border: 1px solid #e1e1e1;
    border-radius: 0.125rem;
    font-size: 14px;
    text-decoration: none
}

.tags a:hover {
    background-color: #e4ecf5
}

.tags a[class*="ss-"]:before,
.tags a[class^="ss-"]:before {
    margin-right: 0.5em;
    vertical-align: middle
}

.author-bio {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    border-bottom: 1px dotted #93B4D8
}

.author-bio:last-child {
    border-bottom: none
}

.author-bio .ss-social-regular {
    display: inline-block;
    height: 1.75em;
    width: 1.75em;
    line-height: 2em;
    margin-left: 0.25em;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 200px;
    background-color: #044D80;
    color: white;
    text-align: center
}

.author-bio .ss-linkedin {
    background-color: #0e76a8
}

.author-bio .ss-twitter {
    background-color: #00acee
}

.author-bio .ss-facebook {
    background-color: #3b5998
}

.author-bio-name {
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.author-bio-social {
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    text-align: right
}

.comment {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    border-bottom: 1px dotted #93B4D8;
    overflow-x: hidden
}

.post-teaser {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    border: 1px solid #e1e1e1;
    background-color: #F2F8FB
}

.article-body {
    font-size: 112.5%
}

@media only screen and (max-width: 767px) {
    .article-body {
        font-size: 1em
    }
}

.article-body .alignleft {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    margin-right: 24px;
    margin-right: 1.5rem
}

.article-body .alignright {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    margin-left: 24px;
    margin-left: 1.5rem
}

.article-body .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.article-body .alignnone {
    margin: 0
}

.article-body blockquote {
    font-size: 116.667%;
    background-color: #e4ecf5;
    padding: 24px;
    padding: 1.5rem;
    border-radius: 0.125rem
}

.article-body blockquote>*:last-child {
    margin-bottom: 0
}

.article-body .source {
    font-size: 66.667%;
    color: #6e87a2
}

.pagination-links {
    font-weight: 600
}

.pagination-links a {
    text-decoration: none;
    color: #044D80
}

.pagination-links a:hover {
    color: #022740
}

.pagination-links [class*="ss-"]:before,
.pagination-links [class*="ss-"]:after {
    vertical-align: middle;
    font-size: 0.66667em
}

.wp-caption {
    max-width: 100%
}

.wp-caption img {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.wp-caption-text {
    font-size: 80%;
    color: #6e87a2
}

.alignleft .wp-caption-text,
.alignright .wp-caption-text {
    margin-bottom: 0
}

.browse .search-form {
    margin-bottom: 24px
}

.browse-group {
    border-top: 1px solid #e1e1e1
}

.browse-alpha {
    margin-right: -24px;
    margin-right: -1.5rem;
    font-size: 1.75em;
    font-weight: 500;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .browse-alpha {
        text-align: left
    }
}

@supports (position: sticky) {
    .alpha-sticky {
        position: sticky;
        top: 0;
        left: 0
    }
}

.browse-group-list {
    list-style-type: none;
    margin-left: 0;
    border-left: 1px solid #e1e1e1;
    background-color: white
}

.browse-group-list li {
    background-color: white
}

.browse-group-list li.even a {
    background-color: #F7FAFB
}

.browse-group-list li a {
    display: block;
    padding: 12px 12px 12px 24px
}

.browse-group-list li a:hover {
    background-color: #F2F8FB;
    color: #054EA5
}

.blog-ad-buildings {
    background: url("blog_ad_buildings.png") center/cover #044573 no-repeat;
    opacity: 0.9;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    border-radius: 3px;
    border-radius: 0.1875rem
}

.blog-ad-buildings:hover {
    opacity: 1
}

.blog-ad-description {
    color: white;
    padding: 20px 24px;
    padding: 1.25rem 1.5rem
}

.pricing-guide-logo-container {
    width: 52px
}

.features-logo-container {
    width: 40px
}

.sticky-filter {
    z-index: 1000;
    padding-bottom: 0
}

.sticky-filter .sort-options {
    border-right: 1px solid #CADFE8;
    padding-right: 0.75em;
    height: 100%
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .sticky-filter .sort-options {
        border-right: none;
        padding-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .sticky-filter .sort-options {
        border-right: none;
        padding-right: 0;
        border-bottom: 1px solid #CADFE8
    }
}

.sticky-filter .filter-options {
    padding-left: 24px
}

.flexible-info-icon {
    font-size: 12px
}

@media only screen and (max-width: 767px) {
    .flexible-info-icon {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .info-icon-mobile-touch-target {
        padding-top: 18px;
        padding-right: 8px
    }
}

#filter-rating-toggle,
#filter-users-toggle,
#filter-deployment-toggle,
#filter-features-toggle {
    background-color: white;
    padding: 0.5em;
    border: 1px solid #c9daec;
    box-shadow: 0 0.125em #c9daec;
    border-radius: 0.125rem;
    cursor: pointer
}

#filter-rating-toggle i,
#filter-users-toggle i,
#filter-deployment-toggle i,
#filter-features-toggle i {
    font-size: 9px;
    margin-top: 0.5em;
    color: #93B4D8
}

#filter-rating-toggle p,
#filter-users-toggle p,
#filter-deployment-toggle p,
#filter-features-toggle p {
    margin-bottom: 0;
    overflow: hidden
}

#filter-rating-toggle.filter-active,
#filter-users-toggle.filter-active,
#filter-deployment-toggle.filter-active,
#filter-features-toggle.filter-active {
    border-color: #21AC21;
    background-color: #EEFFEB;
    box-shadow: 0 0.125em #8FE17B;
    cursor: pointer
}

#filter-rating-toggle.filter-active p,
#filter-users-toggle.filter-active p,
#filter-deployment-toggle.filter-active p,
#filter-features-toggle.filter-active p {
    color: white
}

#filter-rating-toggle.filter-active i,
#filter-users-toggle.filter-active i,
#filter-deployment-toggle.filter-active i,
#filter-features-toggle.filter-active i {
    color: white
}

#filter-rating,
#filter-users,
#filter-deployment,
#filter-features {
    display: none;
    background-color: white;
    max-height: 10em;
    width: auto;
    overflow: auto;
    position: absolute;
    z-index: 1000;
    padding: 0.5em 0.5em 0.5em 0.75em;
    margin-top: 0.5em;
    border: 1px solid #c9daec;
    box-shadow: 0 0.125em #c9daec;
    border-radius: 0.125rem
}

#filter-rating ul,
#filter-users ul,
#filter-deployment ul,
#filter-features ul {
    list-style: none;
    margin-left: 0
}

#filter-rating ul li:hover,
#filter-users ul li:hover,
#filter-deployment ul li:hover,
#filter-features ul li:hover {
    color: #044D80
}

#filter-rating ul .checkbox,
#filter-users ul .checkbox,
#filter-deployment ul .checkbox,
#filter-features ul .checkbox {
    display: inline-block;
    margin-right: 0.5em
}

.faq-list {
    list-style: none;
    margin-left: 0
}

.faq-list ul {
    list-style-type: disc
}

.pagination {
    padding-bottom: 0.5em
}

.pagination a {
    text-decoration: none;
    padding: 0.25em 0.75em;
    font-size: 1.125em
}

.pagination .current {
    padding: 0.25em 0.5em;
    font-size: 1.125em;
    font-weight: bold
}

.pagination-container {
    padding-top: 1em;
    padding-bottom: 3em
}

#loading-category {
    height: 50px;
    width: 100%;
    background: url("capterra-loader.gif") no-repeat 50% 50%
}

.mobile-header-show {
    display: none
}

@media only screen and (max-width: 414px) {
    .mobile-header-show {
        display: block
    }
}

@media only screen and (max-width: 414px) {
    .mobile-header-hide {
        display: none
    }
}

.set-min-height {
    min-height: 1px
}

.loading-spinner {
    display: none;
    text-align: center
}

.tippy-tooltip {
    text-align: left
}

.no-scroll {
    overflow: hidden
}

.red-footer-search-input {
    width: 40vw
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .red-footer-search-input {
        width: 80vw
    }
}

@media only screen and (max-width: 767px) {
    .red-footer-search-input {
        width: 70%;
        padding: 0.5em 1em
    }
}

.red-footer-search-button {
    position: relative;
    color: #1C6FD1;
    height: 42px;
    margin-top: 1px;
    font-size: 16px;
    background-color: white;
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
    padding: 6px 12px;
    right: 1rem;
    border: 1px solid #1C6FD1
}

.red-footer-search-button:hover,
.red-footer-search-button:focus {
    background-color: #1C6FD1;
    outline: none;
    color: white
}

.red-footer-categories-separator {
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
    width: 35vw;
    padding: 20px
}

.red-related-categories-list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.red-related-categories-item {
    margin: 14px 0
}

.footer-bottom {
    color: white
}

.footer-bottom .nav,
.footer-bottom .card-list {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.footer-bottom .nav li,
.footer-bottom .card-list li {
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.footer-bottom a {
    color: white;
    text-decoration: none;
    font-weight: normal
}

.footer-bottom a:hover {
    color: #68C5ED
}

.footer-bottom.footer-back-to-top {
    padding-bottom: 48px;
    padding-bottom: 3rem
}

.footer-nav-social [class*="ss-"]:before {
    margin-right: 1.5em;
    vertical-align: middle
}

.footer-nav-social li {
    padding-top: 12px;
    padding-bottom: 0px;
    display: inline-block
}

.footer-nav-social a {
    font-size: 24px;
    font-size: 1.5rem;
    color: white;
    text-decoration: none
}

.footer-nav-social a:hover {
    color: #68C5ED
}

.footer-nav-vendors [class*="ss-"]:before {
    margin-right: 0.5em;
    vertical-align: middle;
    color: #FF9D28
}

.footer-heading {
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    border-bottom: 1px solid #e1e1e1;
    color: white
}

.back-to-top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    font-weight: 600 !important;
    padding: 9px 18px;
    vertical-align: middle;
    background-color: #707070;
    border: 2px solid #707070;
    box-shadow: 2px 2px 10px rgba(28, 111, 209, 0.2);
    border-radius: 200px;
    color: white;
    text-decoration: none;
    z-index: 1001
}

@media only screen and (max-width: 767px) {
    .back-to-top {
        position: fixed;
        right: 16px;
        bottom: 16px;
        padding: 9px 18px
    }
}

.back-to-top:hover {
    text-decoration: none;
    background-color: #84a2af;
    border: 2px solid #84a2af;
    color: white
}

body.mozbar-margin-wGA7MhRhQ3WS {
    position: static
}

.country-selector {
    padding: 0.5rem;
    border: 1px solid #e1e1e1;
    border-radius: 0.125rem
}

.country-selector:hover,
.country-selector:active {
    border-color: #68C5ED
}

.language-selector-overlay {
    position: fixed;
    top: 0%;
    left: 0%;
    height: 0;
    width: 100%;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.5)
}

.language-selector-content {
    padding: 24px;
    padding: 1.5rem;
    width: 80%;
    max-height: 90%;
    border-radius: 0.125rem;
    box-shadow: 1px 1px 6px 3px rgba(46, 46, 46, 0.3);
    position: fixed;
    top: 7%;
    right: 0%;
    left: 0%;
    z-index: 1002;
    margin: auto
}

@media only screen and (max-width: 767px) {
    .language-selector-content {
        width: 90%;
        max-height: 90%;
        overflow: auto;
        top: 5%
    }
}

.language-selector-content.overflow-scroll {
    overflow: scroll
}

.language-selector-content .ls-close-button {
    float: right;
    z-index: 1005;
    font-size: 16px;
    position: absolute;
    top: 30px;
    right: 30px
}

.language-selector-content .ls-close-button:hover {
    cursor: pointer
}

.language-selector-content .ls-close-button.inner-close-button {
    position: absolute;
    top: 30px;
    right: 22px
}

.country-list {
    column-count: 3;
    column-fill: balance
}

.country-list ul li {
    padding: 0.5rem 0
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .country-list {
        column-count: 2
    }
}

@media only screen and (max-width: 767px) {
    .country-list {
        column-count: 1
    }
}

.site-header {
    position: relative;
    background-color: white;
    -ms-flex: none;
    flex: none;
    border-bottom: 1px solid #e1e1e1;
    z-index: 1000
}

.site-header a {
    color: #177FAD !important;
    text-decoration: none
}

.site-header a:hover {
    text-decoration: none
}

.site-header a:active {
    text-decoration: none
}

.site-header-content {
    padding-top: 0.75rem;
    padding-bottom: 0.45rem
}

.site-logo {
    vertical-align: middle;
    height: 40px;
    height: 2.5rem;
    width: auto
}

@media only screen and (max-width: 767px) {
    .site-logo-wrapper {
        text-align: center;
        margin-bottom: 0.25rem
    }
}

.site-logo-side-nav {
    max-width: 120px
}

.profile-picture {
    border-radius: 4px 4px !important;
    margin-left: 6px
}

.main-nav {
    width: 100%
}

.main-nav li.search-slidedown {
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-left: 0;
    width: 100%
}

.main-nav li.search-slidedown.section-nav {
    display: none
}

.main-nav li.search-slidedown.is-open-for-palm {
    display: block
}

@media only screen and (max-width: 767px) {
    .main-nav {
        float: none;
        font-size: 14px
    }
}

.nav-button {
    background-color: #177FAD;
    color: white;
    display: inline-block;
    box-sizing: border-box;
    height: 2.75rem;
    vertical-align: middle;
    white-space: nowrap;
    font-family: "Open Sans", arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    border: none;
    margin: 0;
    line-height: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 0.125rem
}

.nav-button:hover {
    background: #15729c;
    color: white
}

.nav-button:active {
    background: #146c93;
    color: white
}

.nav-button:visited {
    color: white
}

.nav-button.nav-button-preferred {
    background-color: #F26822
}

.nav-button.nav-button-preferred:hover {
    text-decoration: none;
    background-color: #da5e1f
}

.nav-button.nav-button-preferred:active {
    background-color: #ce581d
}

.nav-button.nav-button-tertiary {
    background-color: transparent;
    color: #177FAD;
    text-decoration: none
}

.nav-button.nav-button-tertiary:hover {
    background-color: #edeff0;
    text-decoration: none;
    cursor: pointer
}

.section-nav {
    display: inline-block;
    padding-bottom: 8px
}

.section-nav.legal {
    padding-bottom: 3px
}

.section-nav li {
    margin-right: 24px;
    margin-right: 1.5rem
}

.section-nav li:last-child {
    margin-right: 0
}

.section-nav li.legal-link {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    margin-top: 12px;
    margin-top: 0.75rem
}

@media only screen and (min-width: 961px) {
    .section-nav li {
        float: left !important
    }
}

.section-nav a {
    text-decoration: none;
    color: #707070 !important;
    border-radius: 2px 2px 0 0;
    font-weight: 400;
    padding: 12px
}

.section-nav a:hover {
    color: #707070 !important;
    border-bottom: 4px solid #68C5ED
}

.section-nav a.active {
    color: white !important;
    font-weight: 700;
    border-bottom: 4px solid #68C5ED
}

@media only screen and (max-width: 960px) {
    .section-nav li {
        margin: 16px 0 16px 0
    }
    .section-nav br.hide-portable {
        display: none
    }
    .section-nav a {
        padding-left: 24px;
        border-left: 4px solid transparent
    }
    .section-nav a:hover {
        border-bottom: none;
        border-left: 4px solid #68C5ED
    }
    .section-nav a.active {
        border-bottom: none;
        border-left: 4px solid #68C5ED
    }
}

.m-section-nav {
    display: block
}

.m-section-nav li {
    margin-bottom: 12px
}

.m-section-nav li a {
    position: relative;
    text-decoration: none;
    color: #607480 !important
}

.m-section-nav li a:hover {
    color: #363A41 !important;
    border-bottom: 4px solid #FF6200
}

.m-section-nav li a.active {
    color: #363A41 !important;
    border-bottom: 4px solid #FF6200;
    font-weight: 700
}

.toggle-section-nav {
    float: right;
    display: none;
    line-height: 1;
    text-decoration: none
}

.toggle-section-nav:before {
    vertical-align: middle
}

.toggle-section-nav:hover {
    color: #437aa0
}

@media only screen and (max-width: 767px) {
    .toggle-section-nav {
        display: block
    }
}

.directory-header {
    background-color: #F7FAFB;
    border-bottom: 1px solid #e1e1e1
}

.midnight-header {
    background-color: #002E47
}

.slant-red {
    background-image: url("https://cdn2.capterra-static.com/images/backgrounds/slant-red");
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 18vw;
    min-height: 18vw
}

.subheading-link {
    color: #68C5ED !important;
    text-decoration: none;
    font-weight: bold
}

.subheading-link:hover {
    color: #3CAEDF !important;
    text-decoration: underline
}

.subheading-link:active {
    color: #1B9BD3 !important;
    text-decoration: underline
}

.hero-stack {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48c3R5bGU%2BLnN0MntkaXNwbGF5OmlubGluZX0uc3Q0e2ZpbGw6IzA0NGQ4MH08L3N0eWxlPjxnIGlkPSJMYXllcl8yIj48cGF0aCBjbGFzcz0ic3Q0IiBkPSJNODkuNCAxMDUuODhsMTcuNjEtNTUuODVoLTIuOTFsLTE3LjUyIDU1Ljg1ek00NjYuODUgMGwxLjA4IDM5OS45MkwyIDQwMCAxMjguMDkuMDggNDY2Ljg1IDB6TTY5Ljc5IDIxNy45OWgtMi45NEwyMy42OSAzNTUuNTNoMi43M2w0My4zNy0xMzcuNTR6Ii8%2BPC9nPjwvc3ZnPg%3D%3D) right/contain no-repeat, #002E47;
    padding-bottom: 8rem;
    padding-top: 2rem
}

@media only screen and (max-width: 767px) {
    .hero-stack {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48c3R5bGU%2BLnN0MntkaXNwbGF5OmlubGluZX0uc3Q0e2ZpbGw6IzA0NGQ4MH08L3N0eWxlPjxnIGlkPSJMYXllcl8yIj48cGF0aCBjbGFzcz0ic3Q0IiBkPSJNODkuNCAxMDUuODhsMTcuNjEtNTUuODVoLTIuOTFsLTE3LjUyIDU1Ljg1ek00NjYuODUgMGwxLjA4IDM5OS45MkwyIDQwMCAxMjguMDkuMDggNDY2Ljg1IDB6TTY5Ljc5IDIxNy45OWgtMi45NEwyMy42OSAzNTUuNTNoMi43M2w0My4zNy0xMzcuNTR6Ii8%2BPC9nPjwvc3ZnPg%3D%3D) -95% 0%/cover no-repeat, #002E47
    }
}

.hero-stack .section-title-slash {
    height: 48px;
    display: inline-block;
    vertical-align: -12%
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .hero-stack {
        background: #002E47
    }
}

.homepage-illustration {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 80px
}

@media only screen and (max-width: 767px) {
    .homepage-illustration {
        max-width: 30vw
    }
}

.benefits-card {
    background-color: white;
    margin-top: -6rem;
    padding: 2rem 1rem;
    box-shadow: 0 4px 12px rgba(0, 46, 71, 0.1)
}

@media only screen and (max-width: 960px) {
    .benefits-card {
        margin-bottom: 6rem
    }
}

.section-title-slash {
    height: 36px;
    display: inline-block;
    vertical-align: -36%
}

.popular-categories {
    padding-bottom: 3rem
}

.popular-categories .toggle-products {
    display: none
}

.popular-categories .toggle-products:first-child {
    border-top: none
}

#view-all-categories-button {
    margin-right: 1rem
}

@media only screen and (max-width: 767px) {
    #view-all-categories-button {
        margin-bottom: 1rem
    }
}

.popular-categories-listings {
    padding: 1.5rem 0;
    border-bottom: 1px solid #e1e1e1
}

.popular-categories-listings .popular-categories-links {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 960px) {
    .popular-categories-listings .popular-categories-links {
        margin-top: 1rem
    }
}

@media only screen and (max-width: 767px) {
    .popular-categories-listings .popular-categories-links {
        display: block
    }
    .popular-categories-listings .popular-categories-links span {
        display: block;
        padding-top: 1rem
    }
    .popular-categories-listings .popular-categories-links span:first-child {
        padding-top: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .callout-stack {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.reviews-section {
    margin-bottom: 4rem
}

.reviews-section img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 450px
}

.testimonial {
    padding-top: 6rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48cGF0aCBkPSJNMTEyLjY3IDE2Ny43bC00LjA1LTUuOTdjMTAuMDgtMzguOTEgMjYuMDktODIuMjUgNDguMDQtMTMwLjAzaDMzLjE5Yy01LjQgMjAuODEtMTAuNzkgNDQuMzQtMTYuMTkgNzAuNTgtNS4yMiAyNi4wNi04Ljk5IDQ3Ljg3LTExLjMzIDY1LjQyaC00OS42NnptLTk5LjU4IDBsLTMuMjQtNS45N2MzLjk2LTE2LjI5IDEwLjM0LTM2LjU2IDE5LjE2LTYwLjgxUzQ3LjI3IDUzLjYgNTcuMzUgMzEuN2gzMy4xOWMtMTEuODcgNDUuOTctMjEuMTQgOTEuMy0yNy44IDEzNkgxMy4wOXoiIGZpbGw9IiNkOWY0ZmMiLz48L3N2Zz4%3D);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: 0 60px
}

@media only screen and (max-width: 960px) {
    .testimonial {
        background-position: 0 10%;
        padding-top: 2rem
    }
}

.resource-card {
    border: 1px solid #e1e1e1;
    min-height: 370px
}

.resource-card:hover {
    border-color: #1C6FD1;
    -webkit-box-shadow: 0 0 4px #93B4D8;
    -moz-box-shadow: 0 0 4px #93B4D8;
    box-shadow: 0 0 4px #93B4D8
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .resource-card {
        margin-bottom: 1rem
    }
}

@media only screen and (max-width: 767px) {
    .resource-card {
        height: auto;
        margin-bottom: 1rem
    }
}

.resource-card .resource-card-image {
    height: auto
}

.resource-card .resource-card-image a img {
    object-fit: contain;
    width: 100%
}

.resource-card .resource-card-copy {
    height: 60%;
    padding: 1rem
}

.resource-list h4 {
    display: block;
    text-align: left;
    border-top: 1px solid #e1e1e1;
    padding: 0.5rem 0
}

.resource-list h4 span {
    position: relative;
    right: 0
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .resource-list h4 {
        margin-left: 15vw;
        margin-right: 15vw
    }
}

.resource-list h4:last-child {
    border-bottom: 1px solid #e1e1e1
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .resource-list h4:last-child {
        border-bottom: none
    }
}

@media only screen and (max-width: 767px) {
    .resource-list h4:last-child {
        border-bottom: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .resource-list h4:last-child.resource-list-last {
        border-bottom: 1px solid #e1e1e1
    }
}

@media only screen and (max-width: 767px) {
    .resource-list h4:last-child.resource-list-last {
        border-bottom: 1px solid #e1e1e1
    }
}

.hub-social-icons a {
    color: white !important;
    font-size: 20px;
    text-decoration: none;
    padding: 8px 10px 5px 10px;
    margin-right: 6px;
    margin-right: 0.375rem;
    border-radius: 0.125rem
}

.hub-header-graphic {
    position: absolute;
    bottom: 0;
    width: 213px
}

.hub-header-graphic.research {
    margin-left: 12px;
    margin-left: 0.75rem;
    width: 240px
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .hub-header-graphic.research {
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .hub-header-graphic {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: -24px;
        margin-bottom: -1.5rem
    }
    .hub-header-graphic.research {
        width: 100%;
        margin-left: 0
    }
}

.survey-report-title {
    color: white;
    font-size: 60px;
    font-weight: 600;
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
    position: relative
}

.survey-report-title:after {
    content: '';
    border-bottom: 2px solid white;
    height: 2px;
    width: 150px;
    position: absolute;
    bottom: 0%;
    left: 0%
}

.survey-content {
    color: #525862;
    font-size: 16px;
    line-height: 1.75em;
    position: relative
}

.survey-content .intro-paragraph {
    color: #363A41;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 57.6px;
    margin-bottom: 3.6rem
}

.survey-content b {
    font-weight: 600
}

.survey-content h2 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 72px;
    margin-top: 4.5rem;
    margin-bottom: 48px;
    margin-bottom: 3rem;
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
    position: relative
}

.survey-content h2.orange:after {
    border-color: #FF6200
}

.survey-content h2:after {
    content: '';
    border-bottom: 2px solid #044D80;
    height: 2px;
    width: 150px;
    position: absolute;
    bottom: 0%;
    left: 0%
}

@media only screen and (max-width: 767px) {
    .survey-content h2 {
        margin-top: 24px;
        margin-top: 1.5rem
    }
}

.survey-content h3 {
    font-size: 20px;
    font-weight: 600
}

@media only screen and (min-width: 768px) {
    .survey-content .callout-margin {
        margin-top: 140px
    }
}

.survey-content .callout {
    border-top: 2px solid #044D80;
    color: #363A41;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
    max-width: 213px;
    padding-top: 16.8px;
    padding-top: 1.05rem;
    position: absolute;
    right: 0
}

.survey-content .callout.orange {
    border-color: #FF6200
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .survey-content .callout {
        max-width: 175px
    }
}

@media only screen and (max-width: 767px) {
    .survey-content .callout {
        display: none
    }
}

.survey-content .heading-image {
    position: absolute;
    padding-top: 48px;
    padding-top: 3rem;
    right: 0;
    max-width: 213px
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .survey-content .heading-image {
        max-width: 175px
    }
}

@media only screen and (max-width: 767px) {
    .survey-content .heading-image {
        display: block;
        max-width: none;
        position: relative;
        margin-top: 48px;
        margin-top: 3rem
    }
}

.survey-content .gray-box {
    background-color: #c7d8eb;
    border-radius: 0.125rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    padding: 24px;
    padding: 1.5rem
}

.survey-content .gray-box .check-list,
.survey-content .gray-box p {
    margin-bottom: 0
}

.survey-content .report-chart {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    line-height: normal;
    padding-top: 24px;
    padding-top: 1.5rem;
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.survey-content .report-chart h3 {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.survey-content .report-chart img {
    display: block;
    margin: 0 auto
}

.survey-content .chart-callout {
    position: absolute;
    border-top: 1px solid #e1e1e1;
    color: #707887;
    line-height: 1.5em;
    font-size: 16px;
    font-style: italic;
    right: 0;
    padding-top: 16px;
    padding-top: 1rem;
    width: 213px
}

@media only screen and (max-width: 767px) {
    .survey-content .chart-callout {
        position: relative;
        border-top: none
    }
    .survey-content .chart-callout .tweet-this {
        display: block;
        margin-bottom: 12px;
        margin-bottom: 0.75rem
    }
}

.author-bio-social a {
    text-decoration: none;
    margin-left: 12px;
    margin-left: 0.75rem
}

@media only screen and (max-width: 767px) {
    .author-bio-social {
        text-align: left
    }
}

.tweet-this {
    background-color: #1C6FD1;
    border-radius: 200px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans', 'Arial', 'sans-serif' !important;
    text-transform: uppercase;
    letter-spacing: .18em;
    display: block;
    text-align: center;
    text-decoration: none !important;
    line-height: 1.75em;
    margin-top: 8px;
    margin-top: 0.5rem;
    padding: 4px 12px;
    width: 180px
}

.tweet-this.orange {
    background-color: #FF6200;
    box-shadow: 0 2px #bf4a00
}

.tweet-this.orange:hover {
    background-color: #e65800
}

.tweet-this.talentlms {
    background-color: #1A74B8;
    box-shadow: 0 2px #14578a
}

.tweet-this.talentlms:hover {
    background-color: #155d93
}

.tweet-this:hover {
    background-color: #054EA5;
    color: white
}

.tweet-this.active {
    background-color: #003574;
    color: white
}

.bucket-category-list {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.bucket-category-list h3 {
    background-color: #F2F8FB;
    margin-left: -12px;
    margin-left: -0.75rem;
    margin-right: -12px;
    margin-right: -0.75rem;
    padding: 12px;
    padding: 0.75rem
}

.bucket-logo-list {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.bucket-logo-list li {
    border: 1px solid #e1e1e1;
    border-radius: 0.125rem;
    display: inline-block;
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
    padding: 4px;
    padding: 0.25rem;
    height: 38px;
    width: 68.6px;
    text-align: center
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .bucket-logo-list li {
        width: 63px
    }
}

@media only screen and (max-width: 767px) {
    .bucket-logo-list li {
        width: 78px
    }
}

.bucket-logo-list li img {
    max-height: 28px;
    vertical-align: middle
}

.bucket-logo-list li:hover {
    border-color: #1C6FD1
}

.bucket-logo-list a {
    display: inline-block;
    height: 100%;
    width: 100%
}

.island-clickable {
    color: #1C6FD1;
    text-align: center;
    text-decoration: none
}

.island-clickable:hover {
    text-decoration: none;
    color: #054EA5
}

.island-clickable:active {
    text-decoration: none;
    color: #054EA5
}

.island-clickable i {
    display: block;
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.off-canvas-stack {
    display: none;
    width: 100%;
    z-index: 999;
    box-shadow: none;
    position: fixed;
    top: 0%;
    left: 0%
}

.off-canvas-stack .stack {
    background-color: #f4f8fb
}

.off-canvas-stack.is-showing {
    display: block;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

@media only screen and (min-width: 961px) {
    .desk-omega-halves:nth-child(2n+1) {
        clear: left
    }
}

@media only screen and (min-width: 961px) {
    .desk-omega-thirds:nth-child(3n+1) {
        clear: left
    }
}

@media only screen and (max-width: 767px) {
    .desk-omega-sixths:nth-child(6n+1) {
        clear: left
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .lap-omega-halves:nth-child(2n+1) {
        clear: left
    }
}

@media only screen and (max-width: 767px) {
    .palm-omega-halves:nth-child(2n+1) {
        clear: left
    }
}

.server-error-graphic {
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.server-error-graphic img {
    max-height: 547px
}

.error-body {
    background: url(https://cdn2.capterra-static.com/assets/errors/distil-bg-d52814234de61f046b4905c38dc62f788de3502d7e0e7e831e1320fde5575848.png) left/auto #044D80 no-repeat
}

#dUF_unblock_text,
#dCF_captcha_text {
    font-size: 12px
}

#dUF_first_name,
#dUF_last_name,
#dUF_email,
#dUF_city,
#dUF_unblock {
    padding-bottom: 12px
}

.distil-form input {
    display: block
}

.underline {
    text-decoration: underline
}

.connect-error-message {
    color: #cf5d60;
    margin-top: -6px;
    margin-top: -0.375rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem
}

.spotlight-product-info {
    margin-left: -1.125em
}

@media only screen and (max-width: 960px) {
    .spotlight-product-info {
        margin-left: 0
    }
}

.spotlight-vendor-name {
    display: inline
}

.spotlight-target>* {
    display: inline
}

.spotlight-target>*:first-child {
    margin-right: 0.25em
}

.island .spotlight-target {
    margin-bottom: 4px;
    margin-bottom: 0.25rem
}

.reviews-pill {
    background-color: #1C6FD1;
    color: white;
    border-radius: 0.125rem;
    padding: 0.25em .6em;
    font-size: 0.875em;
    font-weight: normal
}

a.reviews-pill:hover {
    background-color: #1964bc;
    color: white
}

.active .reviews-pill {
    background-color: #044D80
}

.media-viewer-screen-container,
.media-viewer-thumbnail-container,
.media-lightbox-thumbnail-launcher {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    border: 1px solid #c9daec;
    border-radius: 0.125rem
}

.media-viewer-screen-container:before,
.media-viewer-thumbnail-container:before,
.media-lightbox-thumbnail-launcher:before {
    content: "";
    display: block;
    padding-top: 75%
}

.media-viewer-screen-container:hover,
.media-viewer-thumbnail-container:hover,
.media-lightbox-thumbnail-launcher:hover {
    border-color: #016300
}

.media-viewer-screen-container {
    background-color: #e4ecf5
}

.media-viewer-thumbnail-container {
    background-color: white
}

.media-viewer-thumbnail-container.active {
    border: 1px solid #016300
}

.media-lightbox-thumbnail-launcher {
    background-color: white
}

.media-viewer-screen,
.media-viewer-thumbnail {
    box-sizing: content-box;
    position: absolute;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%
}

.media-viewer-screen img,
.media-viewer-thumbnail img {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%
}

.media-viewer-screen iframe,
.media-viewer-screen video,
.media-viewer-thumbnail iframe,
.media-viewer-thumbnail video {
    position: absolute;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%
}

.lt-ie9 .media-viewer-screen img,
.lt-ie9 .media-viewer-thumbnail img {
    position: static
}

.media-viewer-screen {
    margin: 12px;
    margin: 0.75rem
}

.media-viewer-screen img {
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width: 767px) {
    .media-viewer-screen {
        margin: 12px;
        margin: 0.75rem
    }
}

.media-viewer-thumbnail {
    margin: 4px;
    margin: 0.25rem
}

.average-ratings-heading {
    display: inline-block;
    padding-right: 16px;
    padding-right: 1rem
}

.border-left-dotted {
    border-left: 1px dotted #e2e2e2;
    padding-left: 18px;
    padding-left: 1.125rem
}

.border-right-dotted {
    border-right: 1px dotted #e2e2e2
}

.border-right-dotted:last-of-type {
    border-right: none
}

@media only screen and (max-width: 767px) {
    .border-right-dotted {
        border-right: none
    }
}

.view-comparison {
    font-size: 16px
}

.view-comparison:hover {
    color: #054EA5;
    text-decoration: underline
}

.view-comparison:active {
    color: #003574;
    text-decoration: underline
}

.product-compare-selections,
.product-compare-selections-c-d {
    position: relative;
    text-align: center;
    margin-top: 5px;
    margin-top: 0.3125rem
}

.product-compare-selections .uw-saveProductBtn,
.product-compare-selections-c-d .uw-saveProductBtn {
    margin: 10px 0
}

.product-compare-selections label,
.product-compare-selections-c-d label {
    display: inline;
    font-size: 16px;
    text-decoration: none;
    letter-spacing: -0.02em
}

.product-compare-selections .limit-tooltip,
.product-compare-selections-c-d .limit-tooltip {
    white-space: pre-line !important;
    z-index: 900;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 0.125rem;
    display: block;
    color: white;
    font-size: 13.33333px;
    line-height: 1.3em;
    text-align: center;
    padding: 6px;
    padding: 0.375rem;
    position: absolute;
    max-width: 120px;
    top: -100px;
    margin-left: -4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    -moz-animation: mymove .25s linear;
    -webkit-animation: mymove .25s linear
}

.product-compare-selections .limit-tooltip:after,
.product-compare-selections-c-d .limit-tooltip:after {
    content: " ";
    position: absolute;
    top: 100%;
    bottom: -8px;
    left: 50%;
    height: 0;
    width: 0;
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: rgba(0, 0, 0, 0.75);
    border-width: 6px;
    margin-left: -6px
}

@-moz-keyframes mymove {
    0% {
        -moz-transform: scale(0, 0);
        opacity: 0
    }
    50% {
        -moz-transform: scale(1.2, 1.2);
        opacity: 0.3
    }
    75% {
        -moz-transform: scale(0.9, 0.9);
        opacity: 0.7
    }
    100% {
        -moz-transform: scale(1, 1);
        opacity: 1
    }
}

@-webkit-keyframes mymove {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.3
    }
    75% {
        -webkit-transform: scale(0.9, 0.9);
        opacity: 0.7
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1
    }
}

.product-compare-selections .checkbox,
.product-compare-selections-c-d .checkbox {
    color: #1C6FD1;
    display: inline-block;
    cursor: pointer;
    margin-right: 0 !important;
    line-height: 18px;
    transform: none !important;
    text-decoration: none;
    font-weight: bold
}

.product-compare-selections .checkbox:before,
.product-compare-selections-c-d .checkbox:before {
    content: "";
    display: inline-block;
    background-color: white;
    border: 1px solid #7d99b8;
    color: #033a60;
    height: 14px;
    width: 14px;
    text-align: center;
    margin-right: 6px;
    margin-right: 0.375rem;
    vertical-align: text-bottom
}

.product-compare-selections .checkbox:hover,
.product-compare-selections-c-d .checkbox:hover {
    color: #054EA5;
    text-decoration: underline
}

.product-compare-selections .checkbox:hover:before,
.product-compare-selections-c-d .checkbox:hover:before {
    border-color: #677e97
}

.product-compare-selections input:disabled+label,
.product-compare-selections-c-d input:disabled+label {
    color: #cdced0;
    cursor: default
}

.product-compare-selections input:disabled+label:before,
.product-compare-selections-c-d input:disabled+label:before {
    background-color: #e1e1e3;
    border-color: #e1e1e3 !important
}

.product-compare-selections input:disabled+label:hover,
.product-compare-selections-c-d input:disabled+label:hover {
    color: #cdced0
}

.product-compare-selections .checkbox:before,
.product-compare-selections-c-d .checkbox:before {
    border-radius: 0.0625rem
}

.product-compare-selections input[type=checkbox],
.product-compare-selections-c-d input[type=checkbox] {
    display: none;
    cursor: pointer
}

.product-compare-selections input[type=checkbox]:checked+label:before,
.product-compare-selections-c-d input[type=checkbox]:checked+label:before {
    content: "\2714";
    background-color: #1C6FD1;
    border-color: #1C6FD1;
    color: white;
    line-height: 1em;
    -moz-transform: scale(1.1)
}

.product-compare-selections input[type=checkbox]:checked+label:before,
.product-compare-selections-c-d input[type=checkbox]:checked+label:before {
    font-size: 14px
}

.product-compare-selections-c-d {
    text-align: left !important;
    margin-top: 0.7rem
}

.product-compare-tab {
    background: #F7FAFB;
    padding: 6px 12px 6px 24px;
    margin-top: -38px;
    margin-left: -2px;
    width: 12.5rem;
    border: 2px solid #93B4D8;
    border-bottom: none
}

.product-compare-stack {
    border-top: 1px solid #e1e1e1;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000
}

.product-compare-stack a {
    font-size: 13.33333px
}

.product-compare-stack p {
    font-size: 16px;
    margin-top: 3px;
    margin-top: 0.1875rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

@media only screen and (max-width: 767px) {
    .product-compare-stack p {
        font-size: 14px
    }
}

.product-compare-stack ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 14.11765px;
    margin-bottom: 0.88235rem
}

.product-compare-stack ul li {
    background-color: #93B4D8;
    border-radius: 0.125rem;
    display: inline-block;
    font-size: 14px;
    margin-right: 24px;
    margin-right: 1.5rem;
    padding: 3px;
    padding: 0.1875rem;
    text-align: center;
    position: relative;
    height: 76px;
    width: 75px;
    vertical-align: middle;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media only screen and (max-width: 767px) {
    .product-compare-stack ul li {
        height: 58px;
        width: 58px;
        margin-right: 12px;
        margin-right: 0.75rem;
        padding: 3px;
        padding: 0.1875rem
    }
}

.product-compare-stack ul li:hover {
    border-color: #8cabcd
}

.product-compare-stack .view-comparison {
    margin-right: 1em
}

.product-compare-stack .view-comparison:focus {
    outline: none
}

.product-compare-stack .remove-all-product-comparisons {
    color: #363A41
}

.product-compare-stack .remove-all-product-comparisons:hover {
    color: #E54747
}

.product-compare-stack .toggle-product-compare {
    background-color: #E54747;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px rgba(0, 0, 0, 0.1);
    color: white;
    display: block;
    padding: 1px 4px;
    padding: 0.0625rem 0.25rem;
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 1
}

.product-compare-stack .toggle-product-compare i {
    font-size: 14px;
    align: center
}

.product-compare-stack .toggle-product-compare:hover,
.product-compare-stack .toggle-product-compare:focus {
    background-color: #C30D0D;
    color: white;
    outline: none
}

@media only screen and (max-width: 767px) {
    .product-compare-stack {
        padding-bottom: 1em
    }
}

.product-name-tooltip {
    position: relative;
    display: block
}

.product-name-tooltip:before {
    position: absolute;
    top: -44px;
    right: 50%;
    content: attr(data-title);
    margin-top: 5px;
    display: none;
    padding: 3px 6px;
    color: white;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 500;
    word-wrap: break-word;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 0.125rem;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 1000001
}

.product-name-tooltip:after {
    content: "";
    position: absolute;
    top: -14px;
    right: 50%;
    margin-right: -5px;
    border: 5px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.8);
    z-index: 1000001;
    display: none;
    height: 0;
    width: 0;
    color: rgba(0, 0, 0, 0.8);
    pointer-events: none
}

.product-name-tooltip .adframe-hover:before {
    bottom: 100%;
    width: 135px;
    word-wrap: normal;
    z-index: 1000001
}

.product-name-tooltip .adframe-hover:after {
    bottom: auto
}

.product-name-tooltip:hover:before,
.product-name-tooltip:hover:after,
.product-name-tooltip:focus:before,
.product-name-tooltip:focus:after {
    display: inline-block;
    text-decoration: none
}

.adframe-tooltip {
    position: relative;
    display: block
}

.adframe-tooltip:before {
    position: absolute;
    top: -46px;
    right: 50%;
    content: attr(data-title);
    margin-top: 5px;
    display: none;
    padding: 3px 6px;
    color: white;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 500;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 0.125rem;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    bottom: 100%;
    width: 120px;
    word-wrap: normal;
    top: auto;
    z-index: 1000001
}

.adframe-tooltip:after {
    content: "";
    position: absolute;
    top: -14px;
    right: 50%;
    margin-right: -5px;
    border: 5px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.8);
    z-index: 1000001;
    display: none;
    height: 0;
    width: 0;
    top: auto;
    color: rgba(0, 0, 0, 0.8);
    pointer-events: none;
    bottom: auto
}

.adframe-tooltip:hover:before,
.adframe-tooltip:hover:after,
.adframe-tooltip:focus:before,
.adframe-tooltip:focus:after {
    display: inline-block;
    text-decoration: none
}

.mobile-view {
    display: none
}

@media only screen and (max-width: 960px) {
    .mobile-view {
        display: block
    }
}

.compare-product-head-details {
    margin-bottom: 15px;
    text-align: center;
}

.compare-thumbnail-container {
    max-width: 6em;
    max-height: 6em
}

.compare-product-names {
    color: #2F316B;
    display: block;
    /*font-size: 36px;
    text-align: center;
    margin-top: 6px;
    margin-top: 0.375rem*/
}

@media only screen and (max-width: 767px) {
    .compare-product-names {
        margin-top: 0;
        margin-bottom: 10px;
        padding: 0 15px;
        font-size: 20px !important
    }

}

.compare-product-names span {
    font-size: 1rem;
    line-height: 1.75rem;
    border: 1px dashed #2F316B;
    border-radius: 50%;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
    height: 2rem;
    width: 2rem;
    display: inline-block;
    vertical-align: middle;
    opacity: .75;
    text-align: center;
}

.compare-product-name {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    line-height: 1.3;
    text-decoration: none;
    padding-bottom: 0px
}

.compare-product-name.small {
    font-size: 16px
}

.remove-product {
    display: block;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    text-decoration: none
}

.remove-product:hover {
    text-decoration: none
}

.remove-compared-product {
    text-align: right
}

.product-confirm-checkmark {
    top: .5rem;
    position: relative;
    padding-right: 3rem;
    color: #1C6FD1
}

.similar-products-stack {
    margin-bottom: 2rem
}

.similar-products-stack a#add-another-product {
    position: relative;
    display: inline-block
}

.similar-products-stack a#add-another-product span.limit-tooltip {
    display: none
}

.similar-products-stack.disabled img {
    opacity: 0.5
}

.similar-products-stack.disabled div,
.similar-products-stack.disabled span,
.similar-products-stack.disabled a,
.similar-products-stack.disabled h2 {
    color: #d4d4d4 !important
}

.similar-products-stack.disabled .versus {
    border-color: #d4d4d4 !important
}

.similar-products-stack.disabled .add-similar-to-compare:hover .limit-tooltip,
.similar-products-stack.disabled #add-another-product:hover .limit-tooltip {
    display: block;
    z-index: 100
}

.similar-products-stack.disabled a#add-another-product:hover .limit-tooltip {
    margin-left: -21px;
    top: -125px;
    white-space: normal
}

.similar-products-stack.disabled .limit-tooltip {
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 0.125rem;
    display: block;
    color: white;
    font-size: 13.33333px;
    line-height: 1.3em;
    text-align: center;
    padding: 6px;
    padding: 0.375rem;
    position: absolute;
    width: 200px;
    top: -120px;
    margin-left: -44px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    -moz-animation: mymove .25s linear;
    -webkit-animation: mymove .25s linear;
    white-space: normal
}

.similar-products-stack.disabled .limit-tooltip:after {
    content: " ";
    position: absolute;
    top: 100%;
    bottom: -8px;
    left: 50%;
    height: 0;
    width: 0;
    border: solid transparent;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: rgba(0, 0, 0, 0.75);
    border-width: 6px;
    margin-left: -6px
}

.similar-products-list {
    margin-bottom: 3rem;
    border-bottom: 1px solid #1C6FD1
}

.similar-products-list .similar-products-list-item {
    font-size: .95rem;
    font-weight: 300;
    padding: 1rem;
    border-bottom: 1px dashed #93B4D8;
    color: #607480
}

.similar-products-list .similar-products-list-item .cell {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

@media only screen and (max-width: 767px) {
    .similar-products-list .similar-products-list-item .cell {
        display: inline-block
    }
    .compare-product-name{font-size: 1.25rem;}
}

.similar-products-list .similar-products-list-item .versus {
    color: #1C6FD1;
    font-size: 2rem;
    line-height: 2.4rem;
    border: 1px dashed #1C6FD1;
    border-radius: 50%;
    display: inline-block;
    height: 2.4rem;
    width: 2.4rem;
    min-width: 2.4rem;
    margin-right: .8rem;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .similar-products-list .similar-products-list-item .versus {
        margin-top: 0.5rem
    }
}

.similar-products-list .similar-products-list-item:hover {
    background-color: #d1e0e9
}

.similar-products-list .similar-products-list-item:hover .versus {
    color: #FF6200;
    border-color: #FF6200
}

.similar-products-list .similar-products-list-item .add-similar-to-compare {
    text-decoration: none;
    color: #1C6FD1;
    top: .45rem;
    position: relative;
    display: inline-block
}

.similar-products-list .similar-products-list-item .add-similar-to-compare:hover {
    color: #FF6200
}

.similar-products-list .similar-products-list-item .add-similar-to-compare span.limit-tooltip {
    display: none
}

.similar-products-list .similar-products-list-item .listing-thumbnail-container,
.similar-products-list .similar-products-list-item .spotlight-listing-thumbnail-container,
.similar-products-list .similar-products-list-item .compare-thumbnail-container {
    max-height: 3em;
    max-width: 3em;
    margin: 0 8px 0 0
}

.similar-products-list .similar-products-list-item #review-count {
    color: #1C6FD1
}

.similar-products-list a:last-child .similar-products-list-item {
    border-bottom: none
}

.similar-products-list .product-name {
    font-size: 20px;
    font-weight: 700;
    color: #1C6FD1;
    margin: 0 8px
}

.similar-products-list .reviews-stars {
    margin: 0 8px
}

.similar-software-table-heading {
    border-top: 6px solid #1C6FD1;
    border-bottom: 1px solid #1C6FD1;
    padding: 20px 0 0 0;
    color: #1C6FD1
}

.compare-heading {
    position: relative;
    background-color: #4f82a6;
    color: white;
    font-size: 16px;
    font-weight: 600;
    padding-top: 6px;
    padding-top: 0.375rem;
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    padding-left: 12px;
    padding-left: 0.75rem;
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 0;
    box-shadow: 0 4px rgba(0, 0, 0, 0.08);
    border-top-right-radius: 0.125rem;
    border-top-left-radius: 0.125rem
}

.compare-heading.no-margin-top {
    margin-top: 0
}

.mobile-compare-table {
    overflow: scroll;
    margin:0;
    word-wrap: break-word;
    border: 1px solid #e1e1e1
}

.mobile-compare-table table {
    table-layout: fixed
}

.mobile-compare-table table .compare-columns-1 {
    width: 100%
}

@media screen and (min-width: 481px) and (max-width: 960px) {
    .mobile-compare-table table .compare-columns-2 {
        width: 50% !important
    }
}

@media screen and (max-width: 480px) {
    .mobile-compare-table table .compare-columns-2 {
        width: 15rem !important
    }
}

@media screen and (min-width: 681px) and (max-width: 960px) {
    .mobile-compare-table table .compare-columns-3 {
        width: 33.3% !important
    }
}

@media screen and (max-width: 680px) {
    .mobile-compare-table table .compare-columns-3 {
        width: 15rem !important
    }
}

.mobile-compare-table table .compare-columns-4 {
    width: 15rem !important
}

.mobile-compare-table .mobile-compare-heading {
    position: relative;
    background-color: #F2F8FB;
    color: white;
    font-size: 16px;
    font-weight: 600;
    padding-top: 6px;
    padding-top: 0.375rem;
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    box-shadow: 0 4px rgba(0, 0, 0, 0.08)
}

.mobile-compare-table .mobile-compare-subheader {
    padding: .5rem;
    border-top: solid 1px #93B4D8;
    background-color: #F2F8FB
}

.mobile-compare-table .mobile-compare-data {
    text-align: left;
    border-right: 1px solid #e1e1e1;
    padding: .5rem;
    vertical-align: top;
    background: #fff
}

.mobile-compare-table .mobile-compare-data:last-child {
    border-right: none
}
.mobile-compare-table .mobile-compare-data .palm-one-whole p{font-size: 1rem; line-height: 1.4}

.compare-heading-table {
    width: 100%;
    table-layout: fixed;
    margin-top: -12px;
    margin-top: -0.75rem;
    margin-bottom: 0
}

.compare-heading-table tr:first-child th {
    padding-bottom: 10px;
    border-bottom: none;
}

.compare-heading-table tr th {
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}

.compare-heading-table th {
    text-align: left;
    font-weight: 500;
    width: 100%;
    vertical-align: top;
}

.compare-heading-table .add-product {
    background-color: #F7FAFB;
    border: 1px dashed #1C6FD1;
    border-radius: 0.125rem;
    color: #1C6FD1;
    display: block;
    padding: 1.25rem 1.5rem;
    margin-top: 0.2rem;
    text-align: center;
    text-decoration: none
}

.compare-heading-table .add-product:hover {
    background-color: transparent;
    border-color: #054EA5;
    color: #054EA5
}

.compare-heading-table .product-name-tooltip {
    display: inline-block
}

.compare-heading-table .product-name-tooltip:before {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    top: -33px
}

.compare-heading-table .product-name-tooltip:after {
    top: -6px
}

.compare-section-table {
    border: 1px solid #e1e1e1;
    border-radius: 0.125rem;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 0
}
.compare-section-table tr{
    background: #fff
}
.compare-section-table tr:nth-child(odd) {
    background-color: #F2F8FB
}

.compare-section-table tr:nth-child(even) {
    background-color: white
}

.compare-section-table td {
    color: #3b4856;
    font-size: 14px;
    padding-top: 12px;
    padding-top: 0.75rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    width: 100%;
    vertical-align: top;
}

.compare-section-table td h4,
.compare-section-table td p {
    margin-bottom: 0
}

.compare-section-table td.cell-divider {
    margin-top: 0
}

.compare-section-table .cell-divider:last-child {
    padding-right: 12px;
    padding-right: 0.75rem
}

.icon-circle:before {
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
    line-height: 2em;
    margin-right: 6px;
    margin-right: 0.375rem;
    text-align: center;
    height: 20px;
    width: 20px;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-circle.ss-check:before {
    background-color: #21AC21;
    color: white
}

.icon-circle.delete:before {
    background-color: #707070;
    color: white
}

.cell-divider {
    background: #fff;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding-right: 12px;
    padding-right: 0.75rem;
    padding-left: 12px;
    padding-left: 0.75rem;
    margin-top: -12px;
    margin-top: -0.75rem;
    padding-top: 12px;
    padding-top: 0.75rem
}

/*.cell-divider:last-child {
    padding-right: 0;
    position: relative
}*/

@media only screen and (max-width: 767px) {
    .cell-divider:last-child {
        padding-left: 0;
        border-left: none
    }
}

.thumbnail-count {
    position: absolute;
    bottom: 0%;
    left: 0%;
    background-color: rgba(0, 0, 0, 0.65);
    color: white;
    padding: 2px 8px;
    padding: 0.125rem 0.5rem;
    border-radius: 0.125rem;
    z-index: 1
}

.platform-list {
    list-style-type: none;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    margin-left: 0
}

.platform-list li {
    display: inline-block;
    color: #363A41;
    margin-right: 12px;
    margin-right: 0.75rem
}

.platform-list li:last-child {
    margin-right: 0
}

.platform-list li i {
    font-size: 14px;
    color: #707070;
}

.platform-list li [data-tooltip]:before {
    bottom: 40px
}

.platform-list li [data-tooltip]:after {
    bottom: 30px
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .platform-list li {
        margin-right: 6px;
        margin-right: 0.375rem
    }
}

.platform-list .ss-ios:before {
    content: "iOS";
    position: relative;
    font-family: "Open Sans", arial, sans-serif;
    font-size: 14px;
    font-weight: 700
}

.platform-list i[class*="ss-"].disabled,
.platform-list span.disabled {
    color: #707070
}


.mobile-button {
    display: inline-flex;
    width: 100%;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 24px
}

@media only screen and (min-width: 961px) {
    .mobile-button {
        display: none
    }
}

.show-more {
    display: inline-block;
    margin: auto;
    width: 82.5%
}

@media only screen and (max-width: 767px) {
    .show-more {
        width: 100%
    }
}

@media only screen and (min-width: 961px) {
    .comparison-container:nth-of-type(odd) {
        margin-right: 12px
    }
}

@media only screen and (min-width: 961px) {
    .comparison-container:nth-of-type(even) {
        margin-left: 12px
    }
}

@media only screen and (max-width: 960px) {
    .comparison-container:nth-child(n+6) {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .mobile-comparison-container:nth-child(n+6) {
        display: none
    }
}

.comparison-container {
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    background-color: white;
    padding: 24px;
    margin-top: 24px;
    display: inline-flex;
    justify-content: center;
    width: 588px;
    height: 110px;
    overflow: auto;
    cursor: pointer
}

.comparison-container:last-of-type {
    margin-bottom: 24px
}

.mobile-comparison-container {
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    background-color: white;
    padding: 24px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer
}

.mobile-comparison-container:last-of-type {
    margin-bottom: 24px
}

@media screen and (min-width: 450px) and (max-width: 960px) {
    .tablet-comparison {
        width: 50% !important
    }
}

.more-comparisons {
    display: none
}

@media only screen and (min-width: 961px) {
    .more-comparisons {
        display: block
    }
}

.comparison-container:hover {
    border: 1px solid #1C6FD1;
    border-radius: 2px;
    box-shadow: 0 0 4px #93B4D8
}

.comparison-container:hover .canned-compare-prod-name a {
    color: #FF6200 !important
}

.comparison-container:hover>.vs-icon {
    background-color: #FF6200
}

.names-logo {
    display: inline-block;
    width: 100%
}

.names-left {
    display: inline-block;
    padding-right: 12px;
    text-align: right;
    width: 190px
}

.names-right {
    display: inline-block;
    padding-left: 12px;
    text-align: left;
    width: 190px
}

.canned-compare-prod-name {
    font-size: 16px;
    color: #1C6FD1;
    font-weight: 400;
    line-height: 1.24;
    letter-spacing: .34px;
    padding-top: 4px
}

.canned-compare-vendor-name {
    font-size: 14px;
    color: #607480;
    font-weight: 400;
    line-height: 1.20;
    letter-spacing: .50px;
    padding-top: 8px
}

.vs-icon {
    background-color: #1C6FD1;
    font-weight: 700;
    line-height: 32px;
    color: white;
    border-radius: 50%;
    height: 36px !important;
    width: 36px !important;
    margin: 12px;
    text-align: center
}

@media only screen and (max-width: 960px) {
    .vs-icon {
        margin: 12px auto
    }
}

.comp-listing-thumbnail-container {
    position: relative;
    width: 100%;
    max-width: 56px;
    max-height: 56px;
    padding-left: 0;
    float: left;
    margin-right: 12px
}

.comp-listing-thumbnail-container:before {
    content: "";
    display: block;
    padding-top: 100%
}

.comp-thumbnail {
    padding: 0.25em;
    border: 1px solid #c9daec;
    border-radius: 0.125rem;
    background-color: white;
    line-height: 0
}

.comp-listing-thumbnail {
    position: absolute;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    background-color: white;
    border-radius: 0.125rem;
    overflow: hidden
}

.comp-listing-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 6px;
    padding: 0.375rem
}

.product-reviews-heading {
    display: inline-block;
    padding-bottom: 16px;
    padding-bottom: 1rem
}

.reviews-margin {
    margin-top: 8px;
    margin-top: 0.5rem
}

.reviews-margin .push-desk-seven-twelfths {
    margin-left: -4px;
    margin-left: -0.25rem
}

.review-user-thumb {
    background-color: #c9daec;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: inline-block;
    text-align: center
}

.review-user-thumb:before {
    color: #afb0b3;
    font-size: 30px;
    line-height: 2em;
    vertical-align: middle !important;
    margin: 0 auto;
    margin-right: 0 !important
}

@media only screen and (max-width: 767px) {
    .review-user-thumb {
        margin-bottom: 12px;
        margin-bottom: 0.75rem
    }
}

.overall-rating-container {
    text-align: center
}

.overall-rating-container .reviews-stars {
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    .overall-rating-container {
        text-align: left;
        margin-top: 12px;
        margin-top: 0.75rem;
        margin-bottom: 12px;
        margin-bottom: 0.75rem
    }
}

.overall-rating {
    font-size: 3.75em;
    font-weight: 300;
    line-height: 1.28em
}

@media only screen and (max-width: 767px) {
    .overall-rating {
        line-height: 1em
    }
}

.no-padding-left {
    padding-left: 0
}

.cell-review {
    border-top: 1px solid #e1e1e1;
    padding-top: 24px;
    padding-top: 1.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.cell-review q {
    font-style: italic !important
}

.cell-review .island-light {
    background-color: #e6edf2;
    color: #3F5D6F
}

.cell-review .island-light .border-left-dotted,
.cell-review .island-light .border-right-dotted {
    border-color: #89a7c9
}

@media only screen and (max-width: 767px) {
    .cell-review .island-light .border-left-dotted,
    .cell-review .island-light .border-right-dotted {
        border: none
    }
}

@media only screen and (max-width: 767px) {
    .cell-review .island-light .gauge-wrapper {
        margin-top: 24px;
        margin-top: 1.5rem;
        width: inherit
    }
}

.cell-review:first-of-type {
    border-top: none
}

.cell-review .styled-radio-list label {
    padding: 5px 22px !important;
    font-size: 16px !important
}

.reviewer-details {
    font-weight: 500
}

.reviewer-details div[itemprop="author"] {
    text-transform: capitalize
}

.gauge-svg-image {
    position: relative;
    width: 70%;
    height: auto
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .gauge-svg-image {
        width: 85%
    }
}

@media only screen and (max-width: 767px) {
    .gauge-svg-image {
        width: 55%
    }
}

.gauge-wrapper {
    position: relative;
    margin-top: -6px;
    margin-top: -0.375rem
}

@media only screen and (max-width: 767px) {
    .gauge-wrapper {
        width: 285px
    }
}

.gauge-label {
    font-weight: 600;
    display: block;
    line-height: 1.3em
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .gauge-label .line-break {
        display: inline
    }
}

.gauge-label-text {
    position: absolute;
    bottom: -22px;
    font-size: 12px;
    color: #677e97;
    line-height: 1.3;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .gauge-label-text {
        display: none
    }
}

.gauge-label-text:nth-of-type(1) {
    right: 89px
}

.gauge-label-text:nth-of-type(2) {
    right: 0px
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .gauge-label-text:nth-of-type(2) {
        right: -11px
    }
}

.recent-reviews-label {
    position: relative;
    background-color: #e9bd43;
    color: white;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3em;
    text-align: center;
    border-radius: 0.125rem;
    padding: 4px 6px;
    padding: 0.25rem 0.375rem;
    margin-left: 12px;
    margin-left: 0.75rem
}

.recent-reviews-label:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #e9bd43;
    border-width: 6px;
    margin-top: -6px;
    margin-top: -0.375rem
}

@media only screen and (max-width: 315px) {
    .partial-external-link-text {
        display: none
    }
}

@media only screen and (max-width: 230px) {
    .partial-profile-link-text {
        display: none
    }
}

.product-hyphenation {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.product-listing-info {
    display: inline-block
}

@media only screen and (min-width: 768px) {
    .product-listing-info {
        width: 70%;
        padding-right: 12px;
        padding-right: 0.75rem
    }
}

@media only screen and (max-width: 767px) {
    .product-listing-info {
        width: 60%;
        padding-right: 6px;
        padding-right: 0.375rem
    }
}

.visit-product-button-link {
    float: right;
    display: inline-block
}

@media only screen and (min-width: 768px) {
    .visit-product-button-link {
        width: 30%
    }
}

@media only screen and (max-width: 767px) {
    .visit-product-button-link {
        width: 40%
    }
}

.sticky-comparison-table-header {
    background-color: #F7FAFB
}

a#reviews {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden
}

a#reviews.basic-vendor {
    top: -150px
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    a#reviews {
        top: -210px
    }
    a#reviews.basic-vendor {
        top: -170px
    }
}

@media only screen and (max-width: 767px) {
    a#reviews {
        top: -260px
    }
}

.review-comments {
    font-weight: 500
}

.review-comments>*:last-child {
    margin-bottom: 0
}

.review-comments p {
    margin-bottom: 18px !important;
    font-size: .97em;
    line-height: 1.65em
}

.review-response {
    margin-left: 24px;
    margin-left: 1.5rem;
    padding-left: 24px;
    padding-left: 1.5rem;
    border-left: 1px solid #c9daec
}

.review-response>*:last-child {
    margin-bottom: 0
}

.review-response-heading {
    font-weight: 700;
    margin-bottom: 0
}

.review-thumb {
    max-width: 60px;
    max-height: 60px;
    display: inline-block;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .reviews-list .border-right-dotted {
        border-right: none
    }
}

.text-input-secondary:focus,
.text-input-secondary:active {
    border-color: #127cc0
}

.cell-review .bubble {
    font-style: normal !important
}

.reviews-col {
    height: 118px
}

@media only screen and (max-width: 767px) {
    .reviews-col {
        height: inherit
    }
}

.review-form-heading {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-top: 4px;
    margin-top: 0.25rem;
    position: relative
}

.reviews-character-count {
    float: right;
    font-weight: 500;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .card-mobile {
        padding: 24px;
        padding: 1.5rem
    }
}

.linkedin-tooltip {
    font-size: 16px;
    color: #82a6c0;
    display: inline;
    position: relative;
    text-align: center
}

.linkedin-tooltip:hover:after,
.linkedin-tooltip:focus:after,
.linkedin-tooltip:active:after,
.linkedin-tooltip.tooltip-active:after {
    content: attr(data-title);
    position: absolute;
    top: -10px;
    left: 105%;
    background-color: rgba(24, 39, 53, 0.9);
    border-radius: 0.125rem;
    color: white;
    font-weight: 500;
    padding: 6px;
    padding: 0.375rem;
    width: 164px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    z-index: 999999
}

.linkedin-review img {
    max-height: 1.25rem;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: -4px
}

.anonymous-checkbox input[type=checkbox] {
    display: none
}

.anonymous-checkbox input[type=checkbox]+label:before {
    display: inline-block
}

.anonymous-checkbox .custom-checkbox,
.anonymous-checkbox .custom-checkbox-label {
    vertical-align: middle;
    cursor: pointer
}

.anonymous-checkbox .custom-checkbox-label {
    position: relative
}

.anonymous-checkbox .custom-checkbox+.custom-checkbox-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1.5em;
    height: 1.5em;
    padding: 4px;
    margin-right: 10px;
    text-align: center
}

.anonymous-checkbox .custom-checkbox:checked+.custom-checkbox-label:before {
    font-family: "SSStandard";
    line-height: 1.4em;
    padding: 2px 1px 0 0;
    content: "check";
    background-color: #21AC21;
    border: 2px solid #037602;
    color: #fefefe
}

.guideline-list {
    font-size: 15px
}

.large-tooltip {
    font-size: 14px;
    color: #82a6c0;
    display: inline;
    position: relative;
    text-align: left
}

.large-tooltip:hover:before,
.large-tooltip:focus:before,
.large-tooltip:active:before,
.large-tooltip.tooltip-active:before {
    content: "";
    position: absolute;
    bottom: 24px;
    left: 0%;
    border: solid;
    border-color: rgba(24, 39, 53, 0.9) transparent;
    border-width: 6px 6px 0 6px;
    z-index: 999999
}

.large-tooltip:hover:after,
.large-tooltip:focus:after,
.large-tooltip:active:after,
.large-tooltip.tooltip-active:after {
    content: attr(data-title);
    position: absolute;
    bottom: 30px;
    left: -186px;
    background-color: rgba(24, 39, 53, 0.9);
    border-radius: 0.125rem;
    color: white;
    font-weight: 500;
    padding: 6px;
    padding: 0.375rem;
    width: 375px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    z-index: 999999
}

select:disabled {
    opacity: .85;
    background-color: #e8ebef;
    border-color: #d0d0d0
}

.search {
    position: relative
}

.stack-software {
    background: url(https://cdn1.capterra-static.com/images/directory-header.png) center/cover #044D80;
    border-top: 1px solid #2a6893
}

.stack-arrow {
    height: 0;
    width: 0;
    border-top: 15px solid #044D80;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    position: relative;
    bottom: -27px;
    left: 50%;
    margin-left: -15.38462px;
    margin-left: -0.96154rem
}

.search-mobile-label {
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .search-mobile-label {
        font-size: 15px
    }
}

.search-bar-icon {
    position: relative;
    color: #363A41;
    background: #fff url(https://cdn0.capterra-static.com/assets/images/tests/home-search-bar-icon.png) no-repeat scroll 12px 12px;
    background-size: 15px;
    height: 42px;
    padding-left: 36px;
    padding-left: 2.25rem
}

.search-icon {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0.25em 0.85em 0.25em 0.95em;
    height: 40px;
    background: none;
    border: none;
    background-color: #FF6200;
    color: white;
    border-radius: 0 2px 2px 0;
    border-radius: 0 0.125rem 0.125rem 0
}

.search-icon:hover,
.search-icon:focus {
    background-color: #e65800;
    outline: none
}

.search-icon-secondary {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 200px 200px 0
}

.search-container {
    max-width: 50%;
    margin: auto
}

@media only screen and (max-width: 767px) {
    .search-container {
        max-width: 90%
    }
}

.nav-search-button {
    position: relative;
    color: #177FAD;
    height: 42px;
    margin-top: 1px;
    font-size: 16px;
    background-color: white;
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
    padding: 6px 12px;
    right: 1rem;
    border: 1px solid #177FAD
}

.nav-search-button:hover,
.nav-search-button:focus {
    background-color: #177FAD;
    outline: none;
    color: white
}

@media only screen and (max-width: 767px) {
    .nav-search-button {
        position: absolute;
        top: 0%;
        right: 0%;
        height: 38px;
        border-radius: 0 0.125rem 0.125rem 0;
        margin-top: 0;
        right: 5vw;
        width: 25vw
    }
}

.search-bar-nav {
    float: right
}

@media only screen and (max-width: 767px) {
    .search-bar-nav {
        float: none
    }
    .search-bar-nav a {
        margin-top: 0.5rem
    }
    .search-bar-nav .section-nav {
        border: none;
        padding-right: 0
    }
}

.search-text-input {
    border: 1px solid #e1e1e1;
    height: 42px;
    background: white
}

.search-text-input.search-input-homepage {
    height: 44px;
    border-radius: 200px;
    padding-left: 1rem
}

@media only screen and (max-width: 767px) {
    .search-text-input.search-input-homepage {
        box-shadow: 0 0 6px rgba(0, 46, 71, 0.4)
    }
}

.search-text-input.padding-right {
    padding-right: 80px
}

.search-text-input:active,
.search-text-input:focus {
    border-color: #FF9D28
}

.search-text-input:active.search-input-homepage,
.search-text-input:focus.search-input-homepage {
    border-color: #FF9D28
}

.search-text-input.main-nav {
    display: inline-block;
    font-size: 16px;
    width: 20vw;
    height: 42px;
    margin-top: 1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.search-text-input.main-nav:focus {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5)
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .search-text-input.main-nav {
        width: 24vw
    }
}

@media only screen and (max-width: 767px) {
    .search-text-input.main-nav {
        font-size: 14px;
        width: 50vw;
        margin-top: 0.7rem;
        height: 38px;
        padding-right: 72px
    }
}

.search-text-input.mobile-main-nav {
    display: inline-block;
    position: relative;
    font-size: 16px;
    width: 68vw;
    height: 38px;
    left: 5vw
}

.results-count {
    background-color: #044D80;
    padding: 2px 6px;
    padding: 0.125rem 0.375rem;
    color: white;
    font-weight: 600;
    border-radius: 2px
}

.search-results,
.general-search-results {
    margin-left: 0;
    list-style: none
}

.search-results li,
.general-search-results li {
    padding: 12px;
    padding: 0.75rem;
    border-bottom: 1px dotted #e2e2e2
}

@media only screen and (max-width: 767px) {
    .search-results li,
    .general-search-results li {
        padding-left: 0;
        padding-right: 0
    }
}

.search-results li:hover,
.general-search-results li:hover {
    background-color: #eff4f9
}

@media only screen and (max-width: 767px) {
    .search-results li:hover,
    .general-search-results li:hover {
        background: none
    }
}

.search-results li:first-child,
.general-search-results li:first-child {
    padding-top: 16px;
    padding-top: 1rem
}

.search-results li.last-item,
.general-search-results li.last-item {
    border-bottom: none;
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.search-results a,
.general-search-results a {
    text-decoration: none
}

.search-results h3,
.general-search-results h3 {
    margin-top: -4px;
    margin-top: -0.25rem;
    margin-bottom: 0;
    font-weight: 600
}

.search-results h3.search-results-heading,
.general-search-results h3.search-results-heading {
    font-weight: 600;
    color: rgba(34, 34, 34, 0.6);
    border-bottom: 1px solid rgba(34, 34, 34, 0.25);
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.search-results p,
.general-search-results p {
    margin-bottom: 2px
}

.search-results .highlight,
.general-search-results .highlight {
    background-color: #ffce94
}

.general-search-results li {
    border-bottom: 1px solid #e1e1e1;
    padding: 10px;
    padding: 0.625rem
}

@media only screen and (max-width: 767px) {
    .general-search-results li {
        padding-right: 0;
        padding-left: 0
    }
}

.general-search-results li a {
    text-decoration: none;
    font-weight: 600
}

.general-search-results li:first-child {
    border-top: 1px solid #e1e1e1
}

.general-search-results li:hover {
    background-color: #F2F8FB
}

@media only screen and (max-width: 767px) {
    .general-search-results li:hover {
        background: none
    }
}

.general-search-results li h2 {
    margin-top: 6px;
    margin-top: 0.375rem
}

@media only screen and (max-width: 767px) {
    .general-search-results li h2 {
        margin-top: 0
    }
}

.pop-software-thumb-container {
    max-width: 4.5em;
    max-height: 4.5em
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .pop-software-thumb-container {
        margin-bottom: 12px;
        margin-bottom: 0.75rem
    }
}

.general-review-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2.4px;
    padding: 0.15rem
}

.bcs-host-div {
    word-break: break-word
}

.sem-listing {
    padding: 12px 6px;
    padding: 0.75rem 0.375rem;
    border-top: 1px solid #e1e1e1
}

.sem-listing:last-child {
    border-bottom: 1px solid #e1e1e1
}

.sem-listing:hover {
    background-color: #eff4f9
}

.sem-listing-description {
    font-size: 13.2px
}

@media only screen and (min-width: 768px) {
    .sem-reviews {
        margin-left: 18px;
        margin-left: 1.125rem
    }
}

.sem-listing-logo {
    display: block;
    background: white;
    padding: 20px 10px;
    padding: 1.25rem 0.625rem;
    text-align: center;
    text-decoration: none;
    border: 1px solid #a6c1df;
    border-radius: 0.125rem
}

.sem-listing-logo img {
    vertical-align: middle
}

.sem-listing-logo:hover {
    opacity: 0.8
}

.sem-trust-logos {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    padding-left: 36px;
    padding-left: 2.25rem;
    border-left: 1px dotted rgba(255, 255, 255, 0.35)
}

@media only screen and (max-width: 767px) {
    .sem-trust-logos {
        padding-top: 24px;
        padding-top: 1.5rem;
        padding-left: 0;
        border-top: 1px solid #516692;
        border-left: none
    }
}

.table-fixed-header {
    background: white
}

.lightbox-overlay {
    position: fixed;
    top: 0%;
    left: 0%;
    height: 0;
    width: 100%;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.5)
}

.lightbox {
    padding: 24px;
    padding: 1.5rem;
    max-width: 650px;
    width: 66.666%;
    border-radius: 0.125rem;
    box-shadow: 1px 1px 6px 3px rgba(46, 46, 46, 0.3);
    position: fixed;
    top: 7%;
    right: 0%;
    left: 0%;
    z-index: 1002;
    margin: auto
}

@media only screen and (max-width: 767px) {
    .lightbox {
        width: 90%;
        max-height: 90%;
        overflow: auto;
        top: 5%
    }
}

.lightbox.overflow-scroll {
    overflow: scroll
}

.lightbox.lightbox-thin {
    max-width: 500px
}

.lightbox.why-free-lightbox {
    position: fixed;
    top: 32%;
    right: 0%;
    left: 0%
}

.close-button {
    float: right;
    font-size: 16px;
    position: absolute;
    top: 30px;
    right: 30px
}

.close-button:hover {
    cursor: pointer
}

.close-button.inner-close-button {
    position: absolute;
    top: 30px;
    right: 22px
}

.close-button.image-lightbox-close {
    position: absolute;
    top: -30px;
    right: -30px
}

.lightbox-ebook {
    max-width: 77%
}

.lightbox-title {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.3
}

.lightbox-list {
    margin-left: 30px;
    margin-left: 1.875rem
}

.modal-content .prev:before,
.modal-content .next:before {
    position: absolute;
    top: 50%;
    color: white;
    font-size: 36px;
    cursor: pointer;
    margin-top: -24px;
    margin-top: -1.5rem
}

.modal-content .prev:before {
    left: -44px
}

.modal-content .next:before {
    right: -44px
}

.modal-content .slide-screenshot-container {
    display: block;
    max-height: 60vh;
    max-width: 650px
}

.modal-content .slide-screenshot {
    display: block;
    padding: 12px;
    padding: 0.75rem;
    border: 1px solid #e1e1e1;
    border-radius: 0.125rem;
    max-height: 60vh;
    margin: 0 auto
}

.modal-content .thumbnail-container {
    position: absolute;
    bottom: -100px;
    width: 100%
}

.login-lightbox {
    max-width: 32rem;
    border-radius: 0.125rem;
    background-color: white;
    box-shadow: 1px 1px 6px 3px rgba(46, 46, 46, 0.3);
    position: fixed;
    top: 7%;
    right: 0%;
    left: 0%;
    z-index: 1002;
    margin: auto;
    max-height: 86%;
    overflow: inherit
}

@media only screen and (max-width: 767px) {
    .login-lightbox {
        max-width: 90%;
        top: 5%
    }
}

.login-lightbox ul {
    list-style-type: none !important
}

.blue-header {
    border-radius: 0.125rem 0.125rem 0 0;
    background: #044D80;
    color: white
}

.blue-header .close-button {
    float: right;
    font-size: 16px;
    position: absolute;
    top: -30px;
    right: -30px
}

.blue-header .close-button:hover {
    cursor: pointer
}

.blue-header .close-button.inner-close-button {
    position: absolute;
    top: 1rem;
    right: 1.5rem
}

.lightbox-body {
    box-sizing: border-box;
    padding: 1.5rem
}

.lightbox-footer {
    border-radius: 0 0 0.125rem 0.125rem;
    padding: 1.5rem;
    height: auto;
    background-color: #f1f8fc;
    border-top: 2px solid #cadfe7
}

.vendor-benefits-table {
    width: 100%;
    border-collapse: separate
}

.vendor-benefits-table tr {
    text-align: left
}

.vendor-benefits-table tr:first-child {
    border-bottom: 1px solid #b8cee6
}

.vendor-benefits-table td {
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem
}

.vendor-benefits-table td:nth-child(1) {
    padding-right: 4px;
    padding-right: 0.25rem;
    border-bottom: 1px solid #b8cee6
}

.vendor-benefits-table td:nth-child(2) {
    text-align: center;
    color: #03416d;
    background-color: #F2F8FB;
    border-right: 1px solid #88ccfb;
    border-bottom: 1px solid #88ccfb;
    border-left: 1px solid #88ccfb;
    padding-left: 31.2px;
    padding-left: 1.95rem;
    padding-right: 31.2px;
    padding-right: 1.95rem
}

@media only screen and (max-width: 767px) {
    .vendor-benefits-table td:nth-child(2) {
        padding-left: 24px;
        padding-left: 1.5rem;
        padding-right: 24px;
        padding-right: 1.5rem
    }
}

.vendor-benefits-table td:nth-child(3) {
    text-align: center;
    color: #FF6200;
    background-color: #fffaf4;
    border-right: 1px solid #ffd0b3;
    border-bottom: 1px solid #ffd0b3;
    padding-left: 24px;
    padding-left: 1.5rem;
    padding-right: 24px;
    padding-right: 1.5rem
}

.vendor-benefits-table td:last-child {
    background-color: none
}

.vendor-benefits-table th {
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem
}

.vendor-benefits-table th:nth-child(1) {
    padding-right: 4px;
    padding-right: 0.25rem;
    border-bottom: 1px solid #b8cee6
}

.vendor-benefits-table th:nth-child(2) {
    text-align: center;
    color: #044573;
    background-color: #F2F8FB;
    border: 1px solid #88ccfb
}

.vendor-benefits-table th:nth-child(3) {
    text-align: center;
    color: #d95300;
    background-color: #fff7f2;
    border-top: 1px solid #ffd0b3;
    border-right: 1px solid #ffd0b3;
    border-bottom: 1px solid #ffd0b3
}

.blurb-copy {
    margin-top: 12px;
    margin-top: 0.75rem
}

.orange-underline,
.blue-underline {
    background: url(/assets/vendors/thank-you/orange-underline.svg) bottom/contain no-repeat;
    padding-bottom: 8px;
    padding-bottom: 0.5rem
}

.orange-underline.small,
.small.blue-underline {
    padding-bottom: 4.8px;
    padding-bottom: 0.3rem
}

.orange-underline.large,
.large.blue-underline {
    padding-bottom: 12px;
    padding-bottom: 0.75rem
}

@media only screen and (max-width: 767px) {
    .orange-underline,
    .blue-underline {
        padding-bottom: 6px;
        padding-bottom: 0.375rem
    }
}

.blue-underline {
    background: url(/assets/vendors/thank-you/blue-underline.svg) no-repeat bottom
}

.top-left-arrow {
    position: absolute;
    margin-top: -8px;
    margin-top: -0.5rem;
    margin-left: -40px
}

.form-container input[type="radio"] {
    display: none;
    cursor: pointer
}

.form-container input[type="radio"]:checked+label:before {
    content: "\2714";
    background-color: #367199;
    border-color: #367199;
    color: white;
    line-height: 1em;
    -moz-transform: scale(1.1)
}

.currency-input,
.percentage-input {
    color: #6e87a2;
    display: inline-block;
    height: inherit;
    padding: 7px 10px;
    position: absolute
}

.percentage-input {
    margin-left: 50.4px;
    margin-left: 3.15rem
}

@media only screen and (max-width: 767px) {
    .percentage-input {
        margin-left: 64.8px;
        margin-left: 4.05rem
    }
}

.radio-button {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    margin-right: 0 !important;
    line-height: 18px;
    transform: none !important
}

.radio-button:before {
    content: "";
    display: inline-block;
    background-color: white;
    border: 1px solid #b4cad9;
    border-radius: 50%;
    color: #033253;
    height: 16px;
    width: 17px;
    text-align: center;
    margin-right: 6px;
    margin-right: 0.375rem;
    vertical-align: text-bottom;
    padding-top: 1px
}

.help-tooltip {
    font-size: 14px;
    color: #82a6c0;
    display: inline;
    position: relative;
    text-align: center
}

.help-tooltip:hover:before,
.help-tooltip:focus:before,
.help-tooltip:active:before,
.help-tooltip.tooltip-active:before {
    content: "";
    position: absolute;
    bottom: 24px;
    left: 0%;
    border: solid;
    border-color: rgba(24, 39, 53, 0.9) transparent;
    border-width: 6px 6px 0 6px;
    z-index: 999999
}

.help-tooltip:hover:after,
.help-tooltip:focus:after,
.help-tooltip:active:after,
.help-tooltip.tooltip-active:after {
    content: attr(data-title);
    position: absolute;
    bottom: 30px;
    left: -86px;
    background-color: rgba(24, 39, 53, 0.9);
    border-radius: 0.125rem;
    color: white;
    font-weight: 500;
    padding: 6px;
    padding: 0.375rem;
    width: 175px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    z-index: 999999
}

.slider {
    margin-bottom: 20px;
    margin-bottom: 1.25rem
}

.slider input,
.slider .percentage-input,
.slider .currency-input {
    margin-top: 18px;
    margin-top: 1.125rem
}

.bid-heading {
    color: #54585e;
    display: inline-block;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.bid-heading i {
    color: #21AC21
}

.bid-amount {
    color: #037602;
    font-size: 36px;
    line-height: 1em
}

.stack-positive-light.form-complete {
    background-color: #EEFFEB
}

.stack-positive-light.form-complete .mega {
    line-height: 1.125
}

.stack-positive-light.form-complete .form-edit {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0.15rem;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    display: inline-block;
    margin-top: 6px;
    margin-top: 0.375rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    padding: 3px 12px;
    padding: 0.1875rem 0.75rem;
    font-size: 14px
}

.stack-positive-light.form-complete .form-edit:hover {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.1);
    text-decoration: underline
}

.ppc-bid-bg {
    background-image: url(/assets/vendors/ppc-bid-estimator-background.png);
    background-repeat: no-repeat;
    background-position: top center
}

@media only screen and (max-width: 767px) {
    .palm-text-left {
        text-align: left !important
    }
}

@media only screen and (max-width: 767px) {
    .palm-text-center {
        text-align: center !important
    }
}

.form-container label.error:not(.valid),
.success-container label.error:not(.valid) {
    color: white;
    font-size: 14px;
    text-align: center;
    position: absolute;
    background-color: #FDE8E8;
    padding: 1px 6px;
    padding: 0.0625rem 0.375rem;
    border-radius: 0.125rem
}

.form-container label.error:not(.valid):before,
.success-container label.error:not(.valid):before {
    content: " ";
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    top: 50%;
    right: 100%;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #E54747;
    border-width: 6px;
    margin-top: -6px;
    margin-top: -0.375rem
}

.form-container label.error:not(.valid) {
    margin-left: 94px;
    margin-top: -30px
}

@media only screen and (max-width: 767px) {
    .form-container label.error:not(.valid) {
        margin-left: 110px
    }
}

.success-container label.error:not(.valid) {
    margin-left: 284px;
    margin-top: -42px
}

@media only screen and (max-width: 767px) {
    .success-container label.error:not(.valid):before {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .success-container label.error:not(.valid) {
        margin-left: 0px;
        margin-top: -6px;
        margin-top: -0.375rem;
        margin-bottom: 6px;
        margin-bottom: 0.375rem;
        position: relative
    }
}

.table-scrollable {
    position: relative;
    overflow: auto
}

@media only screen and (max-width: 767px) {
    .table-scrollable {
        max-width: 100%
    }
}

.table-sorttable {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    position: relative;
    overflow: auto
}

.table-sorttable .header-row:hover {
    background-color: transparent !important
}

.table-sorttable.no-alternate-rows tr th:nth-child(odd),
.table-sorttable.no-alternate-rows tr td:nth-child(odd) {
    background: white
}

.table-sorttable .header-row th {
    border-bottom: 2px solid #93B4D8 !important;
    font-weight: 600;
    cursor: pointer;
    vertical-align: bottom;
    background: white
}

.table-sorttable .header-row th.product-label:after {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px
}

.table-sorttable .header-row th.sorttable_sorted:after {
    background: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-down-b-128.png) no-repeat 3px 3px;
    background-size: contain
}

.table-sorttable .header-row th.sorttable_sorted_reverse:after {
    background: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-up-b-128.png) no-repeat 3px 3px;
    background-size: cover
}

.table-sorttable .header-row th.sorttable_nosort:after {
    display: none
}

.table-sorttable .header-row th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort) {
    cursor: pointer
}

.table-sorttable .header-row th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
    background: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-down-b-128.png) no-repeat 3px 3px;
    background-size: contain
}

.table-sorttable .header-row.pricing th:after,
.table-sorttable .header-row.pricing th.sorttable_sorted::after,
.table-sorttable .header-row.pricing th.sorttable_sorted_reverse:after {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px
}

.table-sorttable .product-label {
    padding-left: 0
}

.table-sorttable .features-head {
    font-size: 14px;
    text-align: center;
    vertical-align: bottom
}

.table-sorttable .features-head:after {
    content: " ";
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto
}

.table-sorttable .features-product-name {
    padding-left: 0;
    line-height: 1.4em;
    max-width: 150px;
    overflow-wrap: break-word
}

.table-sorttable .features-product-name a {
    font-weight: 600;
    text-decoration: none
}

.table-sorttable th.sorttable_nosort {
    cursor: auto
}

.table-sorttable th,
.table-sorttable td {
    text-align: left;
    padding: 8px;
    padding: 0.5rem;
    border-bottom: 1px solid #b8cee6
}

.table-sorttable tr th:nth-child(odd),
.table-sorttable tr td:nth-child(odd) {
    background: #cbdbec
}

.table-sorttable tr th:first-child,
.table-sorttable tr td:nth-child(even) {
    background: white
}

.table-sorttable tr td:first-child,
.table-sorttable tr td:nth-child(2) {
    background: transparent
}

.table-sorttable .vendor-name {
    padding-left: 0 !important;
    max-width: 200px
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .table-sorttable .vendor-name {
        max-width: 175px
    }
}

.table-sorttable .pricing-details {
    width: 210px
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .table-sorttable .pricing-details {
        max-width: 125px
    }
}

@media only screen and (max-width: 767px) {
    .table-sorttable .pricing-details {
        max-width: 75px
    }
}

.icon-circle {
    height: 25px;
    width: 25px;
    border-radius: 100%;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    display: inline-block
}

.icon-circle.check {
    background-color: #21AC21
}

.icon-circle.delete {
    background-color: #707070
}

.icon-circle i {
    color: rgba(255, 255, 255, 0.95);
    line-height: inherit;
    font-size: 14px
}

.icon-circle i:before {
    vertical-align: middle
}

.popular-alternatives {
    border: 1px solid #4f82a6;
    border-radius: 0.125rem;
    position: relative
}

.popular-alternatives .pa-heading {
    background-color: #044D80;
    color: white;
    font-weight: 600;
    margin-bottom: 0;
    padding-top: 2px;
    padding-top: 0.125rem;
    padding-bottom: 2px;
    padding-bottom: 0.125rem;
    padding-left: 24px;
    padding-left: 1.5rem;
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
    text-shadow: 0 2px rgba(0, 0, 0, 0.15);
    position: relative
}

.popular-alternatives .popular-alternatives-list {
    list-style-type: none;
    display: block;
    padding: 6px;
    padding: 0.375rem;
    margin-left: 12px;
    margin-left: 0.75rem;
    margin-bottom: 0
}

.popular-alternatives .popular-alternatives-list .cell {
    padding-left: 0
}

.popular-alternatives .popular-alternatives-list li {
    border-bottom: 1px dotted #98b8da
}

.popular-alternatives .popular-alternatives-list li:last-child {
    border-bottom: none
}

.popular-alternatives .popular-alternatives-list li:hover {
    background-color: #c7d8eb
}

.popular-alternatives .popular-alternatives-list .ss-navigateright:before {
    font-size: 12px
}

.popular-alternatives .icon-circle {
    position: absolute;
    top: -4px;
    top: -0.25rem;
    left: -12px;
    left: -0.75rem;
    background-color: white;
    border: 1px solid #044D80;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    box-shadow: 0 4px rgba(0, 0, 0, 0.2);
    z-index: 1
}

.popular-alternatives .icon-circle i {
    color: #eb5a00;
    font-size: 16px;
    text-align: center;
    line-height: 1.95em
}

.popular-alternatives .icon-circle i:before {
    vertical-align: middle;
    display: block
}

.popular-alternatives .alternatives-reviews {
    text-align: right
}

@media only screen and (max-width: 767px) {
    .popular-alternatives .alternatives-reviews {
        text-align: left
    }
}

.reviews-list .listing-thumbnail-container,
.reviews-list .spotlight-listing-thumbnail-container,
.reviews-list .compare-thumbnail-container {
    margin-top: 12px
}

.reviews-list li {
    border-bottom: none;
    line-height: 2.4em
}

.reviews-list li[class^="ss-"]:before {
    float: right;
    font-size: 0.625em;
    color: #93B4D8
}

.reviews-list li:hover {
    background-color: #e6edf2
}

.reviews-list .reviews-list-product-name {
    font-weight: 600;
    font-size: 16px;
    padding: 0
}

.reviews-list .reviews-count {
    font-weight: 500
}

.form-b2 {
    display: none
}

.adframe-headline {
    margin-top: -6px;
    margin-top: -0.375rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.compare-share-container {
    position: absolute;
    max-height: 2.75rem;
    line-height: 1.5rem;
    overflow: hidden;
    transition: max-height 0.15s linear;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
    z-index: 2;
    margin-top: -6px
}

@media only screen and (max-width: 960px) {
    .compare-share-container {
        position: relative;
        width: 80%;
        margin: 0 auto;
        z-index: 1
    }
}

.compare-share-container .compare-share-button {
    width: 100%;
    text-align: center;
    margin-bottom: 12px
}

.compare-share-container:hover,
.compare-share-container:focus {
    max-height: 320px
}

.compare-share-container .share-tray {
    background-color: white;
    width: 9rem;
    max-height: 250px;
    text-align: center;
    padding: 12px 6px;
    border: 1px solid #e1e1e1;
    background-color: #F2F8FB;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
    z-index: 1
}

@media only screen and (max-width: 960px) {
    .compare-share-container .share-tray {
        padding-top: 24px;
        width: 100%
    }
    .compare-share-container .share-tray div {
        margin-bottom: 0
    }
}

.compare-share-container .share-tray .capshare-button {
    margin-right: 0
}

.capshare-nomargin .capshare-button {
    margin-bottom: 0
}

.caps-list-heading {
    color: #909397;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 6px;
    margin-top: 0.375rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.dreamforce-list {
    display: inline-block;
    list-style-type: none;
    margin: 0
}

.dreamforce-list li {
    text-align: center;
    margin-bottom: 15.6px;
    margin-bottom: 0.975rem;
    float: left;
    width: 50%
}

.dreamforce-list li a:last-child {
    text-decoration: none;
    font-size: 14px
}

.dreamforce-list li:nth-child(5),
.dreamforce-list li:nth-child(7),
.dreamforce-list li:last-child {
    margin-bottom: 0
}

.dreamforce-list .listing-thumbnail-container,
.dreamforce-list .spotlight-listing-thumbnail-container,
.dreamforce-list .compare-thumbnail-container {
    max-width: 84px;
    margin: 0 auto
}

.dropdown-toggle-container {
    background-color: white;
    border: 1px solid #044D80;
    border-radius: 0.125rem;
    padding: 10px 12px;
    margin-right: 6px;
    margin-right: 0.375rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    cursor: pointer
}

.dropdown-toggle-container .container-heading {
    font-weight: 500;
    font-size: 16px;
    color: #044D80;
    margin-bottom: 0
}

.dropdown-toggle-container i {
    line-height: 2em
}

.dropdown-toggle-container .check-list {
    display: none;
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 0
}

.dropdown-toggle-container .check-list li:first-child {
    border-top: none
}

.dropdown-toggle-container:hover {
    border-color: #033a60;
    color: #033a60
}

.dropdown-toggle-container:hover .container-heading,
.dropdown-toggle-container:hover i {
    color: #033a60
}

.image-bottom {
    margin-bottom: -30px
}

.image-top {
    position: absolute;
    top: 0px
}

.snowflake-pattern {
    background: url("https://cdn0.capterra-static.com/assets/images/reviews/snowflake-pattern.png");
    background-color: #044D80
}

[data-tooltip] {
    position: relative
}

[data-tooltip] i:before {
    vertical-align: middle
}

[data-tooltip]:before {
    position: absolute;
    content: attr(data-tooltip);
    bottom: 30px;
    right: 50%;
    margin-top: 5px;
    display: none;
    padding: 3px 6px;
    color: white;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 0.125rem;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 999999
}

[data-tooltip]:after {
    content: "";
    position: absolute;
    top: auto;
    right: 50%;
    bottom: 20px;
    margin-right: -5px;
    border: 5px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.75);
    z-index: 1000001;
    display: none;
    width: 0;
    height: 0;
    color: rgba(0, 0, 0, 0.75);
    pointer-events: none
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
    display: inline-block;
    text-decoration: none
}

[data-tooltip] i:before {
    margin-right: .25em
}

.icon-circle {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    display: inline-block
}

.icon-circle.check {
    background-color: #21AC21
}

.icon-circle.delete {
    background-color: #707070
}

.icon-circle i {
    color: rgba(255, 255, 255, 0.95);
    font-size: 14px;
    line-height: inherit
}

.icon-circle i:before {
    vertical-align: middle
}

.link-inactive {
    pointer-events: none;
    cursor: default
}

[data-id=sem-rating-reviews-wrapper-link] {
    display: inline-block;
    font-weight: normal
}

[data-id=sem-rating-reviews-wrapper-link]:hover {
    text-decoration: none
}

[data-id=sem-rating-reviews-wrapper-link] span.reviews-count {
    white-space: nowrap
}

#sem-page-grid {
    font-size: 14px !important
}

@media only screen and (max-width: 767px) {
    #sem-page-grid .wrapper-div {
        margin-bottom: 48px;
        overflow-x: scroll;
        overflow-y: visible;
        z-index: 5;
        margin-left: 0;
        border: 1px solid #e2e2e2
    }
}

#sem-page-grid .stack-content-sem-test {
    max-width: 88em;
    margin-left: auto;
    margin-right: auto
}

#sem-page-grid .product-name {
    display: inline-block;
    line-height: 1.3em !important;
    margin-bottom: 3px;
    margin-bottom: 0.1875rem
}

#sem-page-grid .sem-reviews {
    display: block;
    margin-left: 0
}

#sem-page-grid .reviews-stars {
    margin-right: 3px;
    margin-right: 0.1875rem
}

@media only screen and (max-width: 767px) {
    #sem-page-grid .reviews-stars {
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    #sem-page-grid .reviews-count {
        font-size: 12px
    }
}

#sem-page-grid .table-scrollable::after {
    box-shadow: none !important
}

@media only screen and (max-width: 960px) {
    #sem-page-grid .table-sorttable {
        position: static;
        overflow: initial;
        margin-bottom: 0
    }
}

#sem-page-grid .table-sorttable tr:nth-child(even) {
    background-color: #eff4f9
}

#sem-page-grid .table-sorttable.no-alternate-rows tr th:nth-child(odd) {
    background-color: inherit
}

#sem-page-grid .table-sorttable tr td:nth-child(even),
#sem-page-grid .table-sorttable.no-alternate-rows tr td:nth-child(odd) {
    background-color: inherit
}

#sem-page-grid .table-sorttable th,
#sem-page-grid .table-sorttable td {
    border-bottom: none;
    width: 9%
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    #sem-page-grid .table-sorttable th,
    #sem-page-grid .table-sorttable td {
        width: 7%
    }
}

@media only screen and (max-width: 767px) {
    #sem-page-grid .table-sorttable tbody tr .sem-price-row {
        height: 100px
    }
}

@media only screen and (max-width: 960px) {
    #sem-page-grid .table-sorttable tbody tr .sem-feature-row {
        height: 20px
    }
}

#sem-page-grid .fixed-header tr {
    background-color: #f2f6f9;
    border-top: 1px solid #e1e1e1;
    border-bottom: 2px solid #c9daec
}

#sem-page-grid .fixed-header tr:hover {
    background-color: #f2f6f9 !important
}

#sem-page-grid .fixed-header-copy {
    box-shadow: 0 3px rgba(0, 0, 0, 0.1)
}

#sem-page-grid th {
    line-height: 1.35em;
    text-align: center
}

#sem-page-grid th:nth-child(2) {
    text-align: left
}

#sem-page-grid tr:hover {
    background-color: #e7eff6 !important
}

@media only screen and (max-width: 960px) {
    #sem-page-grid .fixed_column_header {
        position: absolute;
        min-width: 100px;
        left: 0;
        top: 0;
        min-height: 238px;
        max-height: 238px;
        padding: 4px;
        border-top: 1px solid #e1e1e1;
        border-bottom: 2px solid #c9daec !important
    }
}

@media only screen and (max-width: 960px) {
    #sem-page-grid .fixed_column_row {
        position: absolute;
        min-width: 100px;
        left: 0;
        min-height: 41px;
        max-height: 41px;
        font-size: 12px !important;
        padding-top: 4px
    }
}

@media only screen and (max-width: 767px) {
    #sem-page-grid tr .sem-price-row td:nth-child(2),
    #sem-page-grid tr .sem-price-row th:nth-child(2) {
        padding-right: 6px;
        box-shadow: 2px 2px 6px -1px rgba(0, 0, 0, 0.2) !important;
        background-color: #f2f6f9 !important
    }
}

#sem-page-grid th.product-header {
    text-align: center !important
}

#sem-page-grid td {
    padding: 8px 6px;
    padding: 0.5rem 0.375rem;
    text-align: center
}

#sem-page-grid td .listing-thumbnail-container,
#sem-page-grid td .spotlight-listing-thumbnail-container,
#sem-page-grid td .compare-thumbnail-container {
    width: 55px
}

#sem-page-grid td:nth-child(2) {
    text-align: left
}

#sem-page-grid td:nth-child(4) {
    width: 160px
}

#sem-page-grid td:nth-child(5) {
    width: 120px
}

#sem-page-grid td img {
    display: block
}

#sem-page-grid td ul {
    text-align: left;
    margin-left: 18px;
    margin-left: 1.125rem;
    margin-bottom: 0;
    line-height: 1.25em
}

@media only screen and (max-width: 767px) {
    #sem-page-grid .fix-header-no-background {
        position: relative !important
    }
    #sem-page-grid .fixed-header-copy {
        display: none !important
    }
}

[data-tooltip] {
    position: relative
}

[data-tooltip] i:before {
    vertical-align: middle
}

[data-tooltip]:before {
    position: absolute;
    content: attr(data-tooltip);
    bottom: 30px;
    right: 50%;
    margin-top: 5px;
    display: none;
    padding: 3px 6px;
    color: white;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 0.125rem;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 999999
}

[data-tooltip]:after {
    content: "";
    position: absolute;
    top: auto;
    right: 50%;
    bottom: 20px;
    margin-right: -5px;
    border: 5px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.75);
    z-index: 1000001;
    display: none;
    width: 0;
    height: 0;
    color: rgba(0, 0, 0, 0.75);
    pointer-events: none
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
    display: inline-block;
    text-decoration: none
}

[data-tooltip] i:before {
    margin-right: .25em
}

#sem-compare-lms {
    font-size: 14px !important
}

@media only screen and (max-width: 767px) {
    #sem-compare-lms .wrapper-div {
        padding-left: auto;
        padding-bottom: 1px;
        margin-bottom: 48px;
        overflow-x: scroll;
        overflow-y: visible;
        z-index: 5
    }
}

@media only screen and (max-width: 767px) {
    #sem-compare-lms .fix-header {
        padding: 18px !important;
        border-bottom: 1px solid #e1e1e1
    }
}

@media only screen and (max-width: 767px) {
    #sem-compare-lms .fix-col,
    #sem-compare-lms .fix-header {
        height: auto;
        left: 0;
        top: auto;
        border-right: 0px none black;
        border-top-width: 3px;
        margin-top: -3px;
        z-index: 20
    }
}

#sem-compare-lms .stack-content-sem-test {
    max-width: 88em;
    margin-left: auto;
    margin-right: auto
}

#sem-compare-lms .stack-content-sem-test-guide-side {
    max-width: 92em
}

#sem-compare-lms .stack-content-sem-test-guide-side .table-scrollable {
    left: 0;
    width: 78%;
    display: inline-block
}

#sem-compare-lms .stack-content-sem-test-guide-side .side-test-content {
    text-align: center;
    width: 20%;
    display: inline-block;
    margin: 0 0 1em 1em;
    vertical-align: top
}

#sem-compare-lms .product-name {
    display: inline-block;
    line-height: 1.3em !important;
    margin-bottom: 3px;
    margin-bottom: 0.1875rem
}

#sem-compare-lms .sem-reviews {
    display: block;
    margin-left: 0
}

#sem-compare-lms .reviews-stars {
    margin-right: 3px;
    margin-right: 0.1875rem
}

@media only screen and (max-width: 767px) {
    #sem-compare-lms .reviews-stars {
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    #sem-compare-lms .reviews-count {
        font-size: 12px
    }
}

#sem-compare-lms .table-scrollable::after {
    box-shadow: none !important
}

@media only screen and (max-width: 960px) {
    #sem-compare-lms .table-sorttable {
        position: static;
        overflow: initial;
        margin-bottom: 0
    }
}

#sem-compare-lms .table-sorttable tr:nth-child(even) {
    background-color: #eff4f9
}

#sem-compare-lms .table-sorttable.no-alternate-rows tr th:nth-child(odd) {
    background-color: inherit
}

#sem-compare-lms .table-sorttable tr td:nth-child(even),
#sem-compare-lms .table-sorttable.no-alternate-rows tr td:nth-child(odd) {
    background-color: inherit
}

#sem-compare-lms .table-sorttable th,
#sem-compare-lms .table-sorttable td {
    border-bottom: none;
    width: 9%
}

@media only screen and (max-width: 767px) {
    #sem-compare-lms .table-sorttable tbody tr {
        height: 100px
    }
}

#sem-compare-lms .fixed-header tr {
    background-color: #f2f6f9;
    border-top: 1px solid #e1e1e1;
    border-bottom: 2px solid #c9daec
}

#sem-compare-lms .fixed-header tr:hover {
    background-color: #f2f6f9 !important
}

#sem-compare-lms .fixed-header-copy {
    box-shadow: 0 3px rgba(0, 0, 0, 0.1)
}

#sem-compare-lms th {
    line-height: 1.35em;
    text-align: center
}

#sem-compare-lms th:nth-child(2) {
    text-align: left
}

#sem-compare-lms tr:hover {
    background-color: #e7eff6 !important
}

#sem-compare-lms td {
    padding: 8px 6px;
    padding: 0.5rem 0.375rem;
    text-align: center
}

#sem-compare-lms td .listing-thumbnail-container,
#sem-compare-lms td .spotlight-listing-thumbnail-container,
#sem-compare-lms td .compare-thumbnail-container {
    width: 55px
}

#sem-compare-lms td:nth-child(2) {
    text-align: left
}

#sem-compare-lms td:nth-child(4) {
    width: 160px
}

#sem-compare-lms td:nth-child(5) {
    width: 120px
}

#sem-compare-lms td img {
    display: block
}

#sem-compare-lms td ul {
    text-align: left;
    margin-left: 18px;
    margin-left: 1.125rem;
    margin-bottom: 0;
    line-height: 1.25em
}

@media only screen and (max-width: 767px) {
    #sem-compare-lms .fix-header-no-background {
        position: relative !important
    }
    #sem-compare-lms .fixed-header-copy {
        display: none !important
    }
}

[data-tooltip] {
    position: relative
}

[data-tooltip] i:before {
    vertical-align: middle
}

[data-tooltip]:before {
    position: absolute;
    content: attr(data-tooltip);
    bottom: 30px;
    right: 50%;
    margin-top: 5px;
    display: none;
    padding: 3px 6px;
    color: white;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 0.125rem;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 999999
}

[data-tooltip]:after {
    content: "";
    position: absolute;
    top: auto;
    right: 50%;
    bottom: 20px;
    margin-right: -5px;
    border: 5px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.75);
    z-index: 1000001;
    display: none;
    width: 0;
    height: 0;
    color: rgba(0, 0, 0, 0.75);
    pointer-events: none
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
    display: inline-block;
    text-decoration: none
}

[data-tooltip] i:before {
    margin-right: .25em
}

.display-flex {
    display: flex;
    flex: 1
}

.display-flex .flex-column {
    display: flex;
    flex-direction: column
}

.display-flex .flex-text {
    flex-grow: 2
}

.display-flex .flex-end {
    flex: 1;
    align-self: flex-end
}

.grid-guide-center {
    background-color: #f2f6f9 !important;
    padding: 1em 0
}

.grid-guide-center .guide-body-copy {
    text-align: left !important
}

.grid-guide-center .guide-body-copy div {
    border-right: 2px solid #044D80;
    padding-right: 1em
}

.grid-guide-center .guide-cta {
    text-align: left !important;
    vertical-align: middle !important;
    padding-left: 1em !important
}

.grid-guide-center .guide-cta p {
    vertical-align: middle;
    margin-top: .25em
}

.grid-guide-center .guide-cta .sem-icon-center {
    border: 2px solid #044D80;
    border-radius: 50%;
    width: 4em;
    height: 4em;
    margin-right: 1em;
    top: 0;
    left: 0;
    vertical-align: middle !important
}

.grid-guide-center .guide-cta .sem-icon-center i {
    position: relative;
    top: 0.8em;
    left: 0.85em
}

.sem-icon-round {
    border: 2px solid #044D80;
    border-radius: 50%;
    width: 4em;
    height: 4em;
    margin-left: auto;
    margin-right: auto
}

.sem-icon-round i {
    position: relative;
    top: 0.75em
}

.sem-icon-round p {
    position: relative;
    top: 0.35em
}

.buyers-guide-heading {
    font-size: 56px
}

.report-article {
    font-size: 16px
}

.report-article h3,
.report-article h4 {
    color: #363A41
}

.section-heading {
    color: #60758c;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 120px;
    margin-top: 7.5rem;
    margin-bottom: 48px;
    margin-bottom: 3rem;
    padding-top: 12px;
    padding-top: 0.75rem
}

.section-heading h2 {
    color: #4a5a6c
}

.section-heading.first-child {
    border-top: none;
    margin-top: 12px;
    margin-top: 0.75rem;
    padding-top: 0
}

.section-heading i {
    color: #437aa0;
    line-height: 1.75em
}

.highlight-light {
    background-color: #ffe2bf
}

.bubble-thumbnail-alt {
    display: inline-block;
    max-width: 150px
}

.bubble-source-name-alt {
    display: inline-block;
    margin-left: 12px;
    margin-left: 0.75rem;
    padding-left: 12px;
    padding-left: 0.75rem;
    border-left: 1px dotted #93B4D8
}

.bubble-alt {
    background-color: #fff0df
}

.bubble-alt:after {
    border-top-color: #fff0df
}

.large-callout {
    color: #A8C0CD;
    font-size: 42px;
    line-height: 1.3em;
    padding: 24px 0;
    padding: 1.5rem 0;
    text-align: center;
    font-style: italic;
    position: relative
}

.large-callout:before {
    top: 0
}

.large-callout:after {
    bottom: 0
}

.large-callout:before,
.large-callout:after {
    content: "";
    position: absolute;
    border: 1px solid #A8C0CD;
    left: 0;
    width: 100%
}

.half-size {
    width: 50%
}

.side-nav-list {
    list-style-type: none;
    margin-left: 0;
    width: 163px
}

.side-nav-list a {
    border: 1px solid #c9daec;
    border-radius: 0.125rem;
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
    padding: 6px 12px;
    padding: 0.375rem 0.75rem;
    text-decoration: none
}

.side-nav-list a:hover {
    background-color: #dfe9f3;
    border-radius: 0.125rem
}

.side-nav-list a.active {
    background-color: #437aa0;
    border-radius: 0.125rem;
    color: white;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .side-nav-list {
        display: none;
        position: fixed;
        left: 0;
        width: 100%;
        background-color: #dfe9f3;
        z-index: 5
    }
    .side-nav-list a {
        border-radius: 0;
        border-bottom: 1px solid #eee;
        text-align: center
    }
}

.toggle-menu {
    text-decoration: none;
    color: #fff;
    background: #022740;
    text-align: right;
    margin: -24px -18px 12px -18px;
    padding: 12px 18px;
    padding: 0.75rem 1.125rem;
    display: none
}

.toggle-menu i {
    margin-left: 6px;
    margin-left: 0.375rem
}

@media only screen and (max-width: 767px) {
    .toggle-menu {
        display: block;
        z-index: 5
    }
}

#toggle-menu {
    display: none
}

input[type=checkbox]:checked~.side-nav-list {
    display: block
}

.inline-image {
    float: right;
    padding-left: 12px;
    padding-left: 0.75rem
}

#bg-cont {
    width: 100%
}

#bg-cont.buyers-guide-container {
    margin: auto;
    position: inherit
}

.buyers-guide-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-top: 4rem;
    margin-left: -50vw;
    margin-right: -50vw;
    display: none
}

.buyers-guide-container ul,
.buyers-guide-container ol {
    margin-left: 1.5rem
}

.buyers-guide-container li>ul,
.buyers-guide-container li>ol {
    margin-left: 3rem
}

.buyers-guide-container .bg-table th {
    background-color: #F7FAFB;
    border-top: 1px dashed #93B4D8;
    border-bottom: 1px dashed #93B4D8;
    color: #363A41
}

.buyers-guide-container .bg-table td {
    font-size: 16px;
    color: #607480;
    border-bottom: 1px dashed #93B4D8
}

.buyers-guide-container .bg-table th,
.buyers-guide-container .bg-table td {
    text-align: left;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px
}

.buyers-guide-container .table-of-contents {
    background-color: #F2F8FB;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 0.125rem;
    -moz-border-radius: 0.125rem;
    border-radius: 0.125rem
}

.buyers-guide-container .table-of-contents .toc-heading {
    color: #363A41
}

.buyers-guide-container .table-of-contents ol.toc-list {
    list-style-position: inside;
    margin-left: 0
}

.buyers-guide-container .table-of-contents ol.toc-list li {
    font-size: 14px;
    margin-bottom: 24px
}

.block-display {
    display: block
}

.buyers-guide-container-inline,
.buyers-guide-container-tab {
    display: block
}

.guides-container table.guide.dataTable {
    border-collapse: collapse;
    margin-bottom: 48px;
    border: 0
}

.guides-container table.guide.dataTable * {
    font-size: 14px
}

.guides-container table.guide.dataTable tr th {
    border-bottom: 1px solid #e1e1e1;
    background-color: white
}

.guides-container table.guide.dataTable tr td {
    padding: 6px
}

.guides-container table.guide.dataTable tr td a.button-full,
.guides-container table.guide.dataTable tr td a.ck-button,
.guides-container table.guide.dataTable tr td a.ck-button-c-d,
.guides-container table.guide.dataTable tr th a.button-full,
.guides-container table.guide.dataTable tr th a.ck-button,
.guides-container table.guide.dataTable tr th a.ck-button-c-d {
    min-width: 180px
}

.guides-container table.guide.dataTable tr td.compare,
.guides-container table.guide.dataTable tr th.compare {
    font-size: 14px;
    max-width: 70px;
    padding-left: 0px !important
}

.guides-container table.guide.dataTable tr td.product-thumbnail,
.guides-container table.guide.dataTable tr th.product-thumbnail {
    width: 50px;
    padding-right: 0px;
    padding-left: 0px
}

.guides-container table.guide.dataTable tr td.product-info,
.guides-container table.guide.dataTable tr th.product-info {
    text-align: left;
    max-width: 160px;
    padding-left: 6px
}

hr {
    border: solid;
    border-width: 1px 0 0;
    clear: both;
    margin: 22px 0 21px;
    height: 0
}

.infographic-section-heading {
    margin-bottom: 20px;
    margin-bottom: 1.25rem
}

.infographic-section-heading a {
    text-decoration: none;
    outline: 0
}

.infographic-section-heading.main-heading {
    color: white
}

.infographic-section-heading.main-heading h2 {
    font-size: 36px
}

.infographic-section-heading.main-heading span {
    font-size: 24px;
    text-transform: uppercase
}

.infographic-section-heading.main-heading span[class*="ss-"]:before {
    font-size: 26.4px
}

@media only screen and (max-width: 767px) {
    .infographic-section-heading.main-heading h2 {
        font-size: 32px
    }
    .infographic-section-heading.main-heading span {
        font-size: 16px
    }
    .infographic-section-heading.main-heading span[class*="ss-"]:before {
        font-size: 16px
    }
    .infographic-section-heading.main-heading .line-break {
        display: block
    }
}

.infographic-section-heading small {
    display: block;
    color: #586c82;
    font-size: 22px;
    text-transform: uppercase
}

.infographic-section-heading small[class*="ss-"]:before {
    font-size: 16px
}

.infographic-section-heading span {
    font-weight: 600
}

.infographic-section-heading [class*="ss-"]:before {
    vertical-align: baseline;
    margin-right: 8px;
    margin-right: 0.5rem
}

.infographic-container {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    background: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25)
}

@media only screen and (max-width: 767px) {
    .infographic-container {
        margin-right: -18px;
        margin-right: -1.125rem;
        margin-left: -18px;
        margin-left: -1.125rem
    }
}

.emr-infographic-pic {
    line-height: 0 !important
}

.infographic-version {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    text-align: right
}

.infographic-version label {
    display: inline-block;
    margin-right: 0.5em;
    font-weight: 700
}

.infographic-header-stack {
    color: white;
    padding: 12px 24px 0 24px;
    background-color: #002E47
}

.g20-infographic-header-stack {
    color: white;
    padding: 36px 24px;
    background-color: #002E47
}

.g20-infographic-header-stack .g20-title-text {
    font-weight: normal;
    letter-spacing: 0.125rem
}

.g20-infographic-header-stack .t20-tag {
    color: #002E47;
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 1.25rem
}

.infographic-masthead-credit {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: .18em;
    font-weight: 600;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    vertical-align: middle
}

.infographic-masthead-credit span {
    display: inline-block;
    margin-right: 10px
}

.infographic-masthead-credit img {
    display: inline-block;
    height: 20px;
    width: auto
}

.infographic-link a {
    color: #FF9D28
}

.infographic-link a:hover {
    color: #F58805
}

.infographic-link a:active {
    color: #E97205
}

.vendor-size {
    position: relative;
    width: 100%;
    height: 24px
}

.vendor-size>div {
    position: absolute;
    left: 50%;
    border: 1.5px solid #FF9D28;
    border-radius: 100px;
    text-indent: -9999px
}

.vendor-size>div.ring_1 {
    margin-top: 6px;
    margin-left: -6px;
    height: 14px;
    width: 14px
}

.vendor-size>div.ring_2 {
    margin-top: 3px;
    margin-left: -9px;
    height: 20px;
    width: 20px
}

.vendor-size>div.ring_3 {
    margin-left: -12px;
    height: 26px;
    width: 26px
}

.stack-primary-light {
    background-color: #ff8538
}

.stack-primary-light .vendor-size>div {
    border-color: rgba(255, 255, 255, 0.6)
}

.vendor-score {
    height: 32px;
    width: 32px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%
}

.vendor-score .rating {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    vertical-align: middle
}

.vendor-score.market {
    border-color: #FF6200
}

.vendor-score.market .rating {
    color: #FF6200
}

.vendor-score.affordability,
.vendor-score.user-friendliness {
    display: inline-block;
    float: right
}

.vendor-score.affordability {
    border-color: #21AC21
}

.vendor-score.affordability .rating {
    color: #037602
}

.vendor-score.user-friendliness {
    border-color: #044D80
}

.vendor-score.user-friendliness .rating {
    color: #044D80
}

@media only screen and (max-width: 767px) {
    .vendor-score {
        height: 28px;
        width: 28px;
        margin-top: 3px;
        margin-top: 0.1875rem
    }
    .vendor-score .rating {
        top: -2px;
        font-size: 14px
    }
    .vendor-score:before,
    .vendor-score:after {
        height: 21px;
        width: 21px
    }
}

@media only screen and (min-width: 340px) and (max-width: 400px) {
    .vendor-score {
        margin-left: -3px;
        margin-left: -0.1875rem
    }
}

.top-20-chart-heading {
    background-color: white;
    padding-left: 24px;
    padding-left: 1.5rem;
    padding-right: 24px;
    padding-right: 1.5rem;
    padding-top: 24px;
    padding-top: 1.5rem
}

@media only screen and (max-width: 767px) {
    .top-20-chart-heading {
        padding-left: 18px;
        padding-left: 1.125rem;
        padding-right: 18px;
        padding-right: 1.125rem
    }
}

.bar_segment_heading {
    font-size: .65em;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    color: #607480;
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.bar_segment_heading.shift-right {
    margin-right: -10px;
    margin-right: -0.625rem
}

.bar_segment_heading.market_score {
    margin-right: -6px;
    margin-right: -0.375rem
}

.bar_segment_heading.market_score .help-tooltip {
    color: #044D80;
    font-size: 12px;
    text-transform: none;
    cursor: default
}

.bar_segment_heading.market_score .help-tooltip:after {
    font-size: 14px;
    color: #363A41
}

.bar_segment_heading.market_score .help-tooltip:hover:after,
.bar_segment_heading.market_score .help-tooltip:active:after {
    background-color: #f2f8fb;
    left: -100px;
    width: 200px
}

.bar_segment_heading.market_score .help-tooltip:hover:before,
.bar_segment_heading.market_score .help-tooltip:active:before {
    border-color: #f2f8fb transparent;
    left: 0
}

@media only screen and (max-width: 767px) {
    .bar_segment_heading.market_score .help-tooltip:hover:after,
    .bar_segment_heading.market_score .help-tooltip:active:after {
        left: -198px
    }
}

.bar_segment_heading.market_score.shift-left {
    margin-left: -18px;
    margin-left: -1.125rem
}

.bar_segment_heading.label-shift-affordable {
    width: 100px;
    margin-left: -26.4px;
    margin-left: -1.65rem
}

@media only screen and (max-width: 767px) {
    .bar_segment_heading.label-shift-affordable {
        width: none;
        margin-right: 0;
        float: right;
        text-align: right
    }
}

.bar_segment_heading.label-shift-uf {
    width: 102px;
    margin-left: -34.8px;
    margin-left: -2.175rem
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .bar_segment_heading.label-shift-uf {
        margin-left: -42px
    }
}

@media only screen and (max-width: 767px) {
    .bar_segment_heading.label-shift-uf {
        float: right;
        margin-top: 24px;
        margin-top: 1.5rem;
        margin-right: 0;
        text-align: right
    }
}

.bar_segment_heading.list {
    list-style-type: none;
    margin-top: 16px;
    margin-top: 1rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.bar_segment_heading.list li {
    display: inline-block;
    margin-right: 24px;
    margin-right: 1.5rem
}

@media only screen and (max-width: 767px) {
    .bar_segment_heading.list li.usability,
    .bar_segment_heading.list li.service,
    .bar_segment_heading.list li.user-reviews {
        display: block;
        margin-bottom: 3px;
        margin-bottom: 0.1875rem
    }
}

.bar_segment_heading.list .color {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    vertical-align: sub;
    margin-right: 2px;
    margin-right: 0.125rem
}

@media only screen and (max-width: 767px) {
    .bar_segment_heading.list {
        text-align: left;
        margin-top: 0;
        margin-bottom: 12px;
        margin-bottom: 0.75rem;
        margin-left: 0
    }
    .bar_segment_heading.list li {
        margin-right: 18px;
        margin-right: 1.125rem
    }
}

.bar_segment_heading .product-name-tooltip {
    display: inline-block
}

.bar_segment_heading .product-name-tooltip:before {
    font-size: 14px;
    top: inherit;
    bottom: 26px
}

.bar_segment_heading .product-name-tooltip:after {
    top: inherit;
    bottom: 16px
}

@media only screen and (max-width: 767px) {
    .market_score_mobile {
        float: right;
        margin-bottom: -24px
    }
}

.affordability-check-list {
    font-size: 14px
}

.affordability-check-list li {
    line-height: 1.4em;
    display: block !important;
    padding-top: 4px;
    padding-top: 0.25rem;
    padding-bottom: 4px;
    padding-bottom: 0.25rem;
    padding-left: 20px;
    padding-left: 1.25rem
}

.affordability-check-list li:before {
    width: 14px !important;
    height: 14px !important;
    font-size: 9px !important;
    margin-left: -20px;
    margin-left: -1.25rem
}

@media only screen and (max-width: 767px) {
    .affordability-check-list li {
        display: block;
        width: 100% !important
    }
}

.user-friendly-check-list {
    font-size: 14px
}

.user-friendly-check-list li {
    line-height: 1.4em;
    padding-bottom: 4px;
    padding-bottom: 0.25rem;
    padding-left: 20px;
    padding-left: 1.25rem
}

.user-friendly-check-list li:before {
    width: 14px !important;
    height: 14px !important;
    font-size: 9px !important;
    margin-left: -20px;
    margin-left: -1.25rem
}

@media only screen and (max-width: 767px) {
    .user-friendly-check-list li {
        display: block;
        width: 100% !important
    }
}

.top-20-key {
    background-color: #002E47;
    padding: 24px;
    padding: 1.5rem
}

.top-20-key a {
    color: #1C6FD1
}

.top-20-key a:hover {
    color: #054EA5
}

.top-20-key a:active {
    color: #003574
}

.top-20-key a:focus {
    outline: none
}

.top-20-key.affordability-chart-key .show-chart-key {
    max-height: 15em
}

.top-20-key.affordability-chart-key .show-chart-key.show {
    display: inline
}

.top-20-key.affordability-chart-key .show-chart-key.collapsed {
    display: none
}

.top-20-key.affordability-chart-key .show-chart-key.collapsed {
    display: none
}

@media only screen and (max-width: 767px) {
    .top-20-key.affordability-chart-key .show-chart-key {
        max-height: 25em
    }
}

.top-20-key.user-friendly-chart-key .show-chart-key {
    max-height: 25em
}

.top-20-key.user-friendly-chart-key .show-chart-key.show {
    display: inline
}

.top-20-key.user-friendly-chart-key .show-chart-key.collapsed {
    display: none
}

.top-20-key.user-friendly-chart-key .show-chart-key.collapsed {
    display: none
}

@media only screen and (max-width: 767px) {
    .top-20-key.user-friendly-chart-key .show-chart-key {
        max-height: 55em
    }
}

.top-20-key .infographic-section-heading {
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    border-bottom: 1px solid #e1e1e1;
    font-size: 20px;
    color: white;
    text-transform: uppercase
}

.top-20-key .infographic-section-heading span {
    text-shadow: none
}

.top-20-key .infographic-section-heading .chart-key-toggle i {
    text-decoration: none
}

.top-20-key.affordability-chart-key,
.top-20-key.affordability-chart-key h4 {
    color: #686b71
}

.top-20-key.affordability-chart-key .cost-icons,
.top-20-key.affordability-chart-key h4 .cost-icons {
    width: 70px;
    margin-right: 12px;
    margin-right: 0.75rem
}

.chart-key.customers .color,
.chart-key .customers .color,
.bar_segment_heading.list.customers .color,
.bar_segment_heading.list .customers .color {
    background-color: #c24a00
}

.chart-key.users .color,
.chart-key .users .color,
.bar_segment_heading.list.users .color,
.bar_segment_heading.list .users .color {
    background-color: #ff6708
}

.chart-key.social .color,
.chart-key .social .color,
.bar_segment_heading.list.social .color,
.bar_segment_heading.list .social .color {
    background-color: #ff8b42
}

.chart-key.usability .color,
.chart-key .usability .color,
.bar_segment_heading.list.usability .color,
.bar_segment_heading.list .usability .color {
    background-color: #033a60
}

.chart-key.service .color,
.chart-key .service .color,
.bar_segment_heading.list.service .color,
.bar_segment_heading.list .service .color {
    background-color: #044D80
}

.chart-key.user-reviews .color,
.chart-key .user-reviews .color,
.bar_segment_heading.list.user-reviews .color,
.bar_segment_heading.list .user-reviews .color {
    background-color: #0671bb
}

.collapsed {
    display: none
}

.usability-color {
    color: #033a60
}

.user-reviews-color {
    color: #0671bb
}

.usability-graphics {
    background-color: #EEFFEB;
    padding-top: 12px;
    padding-left: 1em
}

.usability-graphics img {
    max-width: 100%
}

.user-friendly-graphics {
    background-color: #044D80;
    padding-top: 24px;
    padding-left: 1em
}

.user-friendly-graphics img {
    max-width: 100%
}

.chart-key {
    position: relative;
    padding-right: 6px;
    padding-right: 0.375rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    text-align: right;
    color: #4a5a6c
}

.chart-key.reviews {
    padding-right: 0
}

.chart-key.market_score .plus {
    top: 44px
}

.chart-key.customers,
.chart-key.social,
.chart-key.users,
.chart-key.reviews,
.chart-key.size_marks {
    margin-top: 23px
}

.chart-key .plus {
    position: absolute;
    top: 22px;
    left: 0%
}

.chart-key .first_line,
.chart-key .second_line,
.chart-key .third_line {
    padding: 0 6px 5px
}

.chart-key .total_line {
    border-top: 1px solid #e1e1e1;
    padding: 10px 4px 0 0;
    text-transform: uppercase;
    line-height: 24px
}

.chart-key .total_line .color {
    height: 20px;
    width: 20px;
    float: right;
    margin: 0 0 0 6px
}

.chart-key .total_line .text {
    font-weight: 600;
    display: inline-block
}

.chart-key .total_line .market-score {
    display: inline-block;
    margin-left: 6px;
    margin-left: 0.375rem
}

.chart-key .total_line .market-score .rating {
    font-size: 13px
}

@media only screen and (max-width: 767px) {
    .chart-key .total_line .market-score {
        margin-top: 0
    }
    .chart-key .total_line .market-score .rating {
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    .chart-key .total_line .text {
        clear: both;
        display: block
    }
}

.chart-key.size_marks .title_line {
    padding: 0 10px 5px;
    text-transform: uppercase
}

.chart-key.size_marks .subtext {
    border-bottom: 1px solid #e1e1e1;
    padding: 0 10px 5px;
    margin-bottom: 10px
}

.chart-key.size_marks .small,
.chart-key.size_marks .medium,
.chart-key.size_marks .large {
    padding-right: 10px
}

.chart-key.size_marks .range {
    line-height: 24px;
    display: inline-block;
    margin: 0 10px 5px 0
}

.chart-key.size_marks .vendor-size {
    width: 24px;
    float: right
}

.chart-key.user-friendly-chart-key {
    margin-top: 12px;
    margin-top: 0.75rem;
    text-align: left
}

.chart-key.user-friendly-chart-key .total_line {
    border-bottom: 1px solid #e1e1e1;
    border-top: none;
    padding-top: 0;
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    margin-bottom: 16.8px;
    margin-bottom: 1.05rem
}

.chart-key.user-friendly-chart-key .total_line .color {
    float: left;
    margin-right: 6px;
    margin-right: 0.375rem;
    margin-left: 0
}

.chart-key.user-friendly-chart-key .total_line .text {
    font-size: 13px
}

.chart-key.user-friendly-chart-key ul,
.chart-key.user-friendly-chart-key ol {
    font-size: 14px;
    margin-left: 18px;
    margin-left: 1.125rem
}

.chart-key.user-friendly-chart-key ul li,
.chart-key.user-friendly-chart-key ol li {
    padding-bottom: 6px;
    padding-bottom: 0.375rem
}

.chart-key.user-friendly-chart-key ol {
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    column-count: 2;
    column-gap: 40px
}

@media only screen and (max-width: 767px) {
    .chart-key.user-friendly-chart-key ol {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1
    }
}

.chart-key-note {
    margin-top: -43.2px;
    margin-top: -2.7rem;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .chart-key-note {
        margin-top: -24px;
        margin-top: -1.5rem
    }
}

@media only screen and (max-width: 767px) {
    .chart-key-note {
        margin-top: 0
    }
}

.disclaimer-stack {
    padding: 24px;
    padding: 1.5rem;
    margin: -24px -24px 24px -24px;
    background-color: #F7FAFB
}

.top-20 {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none
}

.top-20 .infographic-row:contains-element('.ss-navigateup') {
    border-left: 3px solid red
}

.top-20 .infographic-row {
    margin-left: 0;
    padding-top: 6px;
    padding-top: 0.375rem;
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    padding-left: 24px;
    padding-left: 1.5rem;
    padding-right: 24px;
    padding-right: 1.5rem
}

@media only screen and (max-width: 767px) {
    .top-20 .infographic-row {
        padding-left: 18px;
        padding-left: 1.125rem;
        padding-right: 18px;
        padding-right: 1.125rem
    }
}

.top-20 .infographic-row:nth-child(odd) {
    background-color: #F2F8FB
}

.top-20 .infographic-row:hover {
    background-color: #d9e5f1
}

.top-20 .infographic-row .rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.top-20 .infographic-row .rank {
    line-height: 2em;
    border-radius: 0.125rem;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    background-color: #044D80;
    border-radius: 0.175rem;
    width: 30px;
    color: white
}

.top-20 .infographic-row .vendor_name {
    margin-top: 1px;
    font-size: 18px;
    font-weight: 600
}

.top-20 .infographic-row .bar_segment {
    display: block;
    height: 24px;
    height: 1.5rem;
    float: left;
    box-shadow: inset 0 -3px rgba(0, 0, 0, 0.07)
}

.top-20 .infographic-row .bar_segment.customers,
.top-20 .infographic-row .bar_segment.users,
.top-20 .infographic-row .bar_segment.social,
.top-20 .infographic-row .bar_segment.usability,
.top-20 .infographic-row .bar_segment.service,
.top-20 .infographic-row .bar_segment.reviews {
    -webkit-animation: progress-bar 2s;
    -moz-animation: progress-bar 2s;
    animation: progress-bar 2s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .5s;
    animation-delay: .1s
}

.top-20 .infographic-row .bar_segment.customers {
    background-color: #c24a00
}

.top-20 .infographic-row .bar_segment.usability {
    background-color: #033a60
}

.top-20 .infographic-row .bar_segment.customers,
.top-20 .infographic-row .bar_segment.usability {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem
}

.top-20 .infographic-row .bar_segment.users {
    background-color: #ff6708
}

.top-20 .infographic-row .bar_segment.service {
    background-color: #044D80
}

.top-20 .infographic-row .bar_segment.social {
    background-color: #ff914d
}

.top-20 .infographic-row .bar_segment.reviews {
    background-color: #0671bb
}

.top-20 .infographic-row .bar_segment.social,
.top-20 .infographic-row .bar_segment.reviews {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
    margin-bottom: 0
}

.top-20 .infographic-row .bar_segment.features {
    background-color: #EEFFEB;
    border-radius: 0.125rem
}

@-webkit-keyframes progress-bar {
    0% {
        width: 0
    }
}

@-moz-keyframes progress-bar {
    0% {
        width: 0
    }
}

@keyframes progress-bar {
    0% {
        width: 0
    }
}

.top-20 .infographic-row .bar-segment-wrapper {
    background-color: #c9daec;
    margin-top: 4px;
    margin-top: 0.25rem;
    border-radius: 0.125rem
}

.top-20 .infographic-row .bar-segment-wrapper:hover .customers {
    background-color: #03385d
}

.top-20 .infographic-row .bar-segment-wrapper:hover .users {
    background-color: #2a6893
}

.top-20 .infographic-row .bar-segment-wrapper:hover .social {
    background-color: #6894b3
}

.top-20 .infographic-row .bar-segment-wrapper:hover .features {
    background-color: #037602
}

.top-20 .infographic-row .vendor-size {
    margin-top: 4px;
    margin-top: 0.25rem
}

.top-20.affordable-vendors .vendor_name {
    max-width: 200px
}

@media only screen and (max-width: 767px) {
    .top-20.affordable-vendors .vendor_name {
        max-width: none
    }
}

.t20-intro-copy {
    column-count: 2;
    column-gap: 1.25rem;
    column-fill: balance
}

@media only screen and (max-width: 960px) {
    .t20-intro-copy {
        column-count: 1
    }
}

.t20-intro-copy a {
    color: #68C5ED
}

.general-top-20 {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none
}

.general-top-20 .infographic-row {
    margin-left: 0;
    padding-top: 12px;
    padding-top: 0.75rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    padding-left: 24px;
    padding-left: 1.5rem;
    padding-right: 24px;
    padding-right: 1.5rem
}

@media only screen and (max-width: 767px) {
    .general-top-20 .infographic-row {
        padding-left: 18px;
        padding-left: 1.125rem;
        padding-right: 18px;
        padding-right: 1.125rem
    }
}

.general-top-20 .infographic-row:nth-child(odd) {
    background-color: #F2F8FB
}

.general-top-20 .infographic-row:nth-child(even) {
    background-color: white
}

.general-top-20 .infographic-row .relative-wrap {
    position: relative
}

.general-top-20 .infographic-row .bar-segment-left {
    overflow: hidden;
    border-radius: 1rem 0 0 1rem;
    border: 2px solid #FF9D28
}

.general-top-20 .infographic-row .bar-segment-left.t20-average {
    border: 2px solid #044D80;
    border-right: 1px solid #e1e1e1
}

.general-top-20 .infographic-row .bar-segment-right {
    overflow: hidden;
    border-radius: 0 1rem 1rem 0;
    border: 2px solid #68C5ED
}

.general-top-20 .infographic-row .bar-segment-right.t20-average {
    border: 2px solid #044D80;
    border-left: 1px solid #e1e1e1
}

.general-top-20 .infographic-row .bar-segment-vertical-line {
    border-left: 3px solid #044D80;
    height: 30px;
    position: absolute;
    margin-top: -5px;
    z-index: 99;
    display: none
}

@media only screen and (max-width: 960px) {
    .general-top-20 .infographic-row .rank {
        margin-bottom: 16px
    }
}

.general-top-20 .infographic-row .t20-average-title {
    margin-top: 12px
}

@media only screen and (max-width: 960px) {
    .general-top-20 .infographic-row .t20-average-title {
        margin-top: 8px
    }
}

.general-top-20 .infographic-row .t20-vendor-logo {
    display: inline-block;
    max-width: 48px;
    max-height: 48px;
    vertical-align: middle;
    margin-left: 1rem;
    background-color: white;
    height: 42px;
    width: 42px;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    position: relative
}

.general-top-20 .infographic-row .t20-vendor-logo img {
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 2px
}

.general-top-20 .infographic-row .t20-vendor-info {
    display: inline-block;
    padding-left: 6px;
    position: relative;
    top: 14px
}

@media only screen and (max-width: 960px) {
    .general-top-20 .infographic-row .t20-vendor-info {
        top: 0
    }
}

.general-top-20 .infographic-row .vendor_name {
    margin-top: 1px;
    font-size: 18px;
    font-weight: 600
}

@media only screen and (max-width: 960px) {
    .general-top-20 .infographic-row .vendor_name {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 12px
    }
}

.general-top-20 .infographic-row .bar_segment {
    display: block;
    height: 18px;
    height: 1.125rem;
    float: left
}

.general-top-20 .infographic-row .bar_segment.reviews-score,
.general-top-20 .infographic-row .bar_segment.trending-score {
    -webkit-animation: progress-bar 2s;
    -moz-animation: progress-bar 2s;
    animation: progress-bar 2s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .5s;
    animation-delay: .1s
}

.general-top-20 .infographic-row .bar_segment.reviews-score.t20-average,
.general-top-20 .infographic-row .bar_segment.trending-score.t20-average {
    background-color: #044D80
}

.general-top-20 .infographic-row .bar_segment.reviews-score {
    background-color: #FF9D28
}

.general-top-20 .infographic-row .bar_segment.trending-score {
    background-color: #68C5ED
}

@-webkit-keyframes progress-bar {
    0% {
        width: 0
    }
}

@-moz-keyframes progress-bar {
    0% {
        width: 0
    }
}

@keyframes progress-bar {
    0% {
        width: 0
    }
}

.general-top-20 .infographic-row .bar-segment-wrapper {
    background-color: #F7FAFB;
    margin-top: 24px;
    margin-top: 1.5rem
}

@media only screen and (max-width: 960px) {
    .general-top-20 .infographic-row .bar-segment-wrapper {
        margin-top: 6px;
        margin-top: 0.375rem
    }
}

.general-top-20.affordable-vendors .vendor_name {
    max-width: 200px
}

@media only screen and (max-width: 767px) {
    .general-top-20.affordable-vendors .vendor_name {
        max-width: none
    }
}

.general-top-20 .t20-score-padding-reviews {
    padding-right: 8px;
    padding-top: 22px
}

@media only screen and (max-width: 960px) {
    .general-top-20 .t20-score-padding-reviews {
        padding: 2px
    }
    .general-top-20 .t20-score-padding-reviews p {
        display: inline-block
    }
}

.general-top-20 .t20-score-padding-trending {
    padding-left: 10px;
    padding-top: 22px
}

@media only screen and (max-width: 960px) {
    .general-top-20 .t20-score-padding-trending p {
        padding: 2px;
        display: inline-block
    }
}

.cost-icons {
    margin-bottom: -4px;
    margin-bottom: -0.25rem;
    width: 75px;
    vertical-align: middle
}

.cost-range {
    color: #037602;
    font-size: 18px;
    line-height: 1.4em;
    font-weight: 600
}

.cost-range .line-break {
    display: block;
    line-height: 1.4em
}

.range-label {
    font-size: 14px;
    color: #607480;
    margin-bottom: -6px;
    margin-bottom: -0.375rem
}

.reviews-stars.small-margin {
    margin-right: 3px;
    margin-right: 0.1875rem
}

.customer-service-graph {
    width: 84px
}

.show-data-icon {
    float: right;
    margin-top: 4px;
    margin-top: 0.25rem;
    margin-left: 4px;
    margin-left: 0.25rem;
    font-size: 16px;
    color: #7d99b8;
    text-decoration: none
}

.show-data-icon:visited {
    color: #7d99b8
}

.show-data-icon:hover {
    color: #6e87a2
}

.show-data-icon:hover .top-20 .infographic-row .bar_segment.customers {
    background-color: red
}

.show-data-icon i:before {
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .show-data-icon {
        float: left;
        margin-left: 0.3em;
        margin-right: 0.5em
    }
}

.column-data {
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    padding-left: 6px;
    padding-left: 0.375rem;
    border-left: 1px solid #e1e1e1;
    color: #677e97
}

.column-data .capterra-icon-grayscale {
    height: 15px
}

.row-data {
    margin: 0;
    list-style-type: none
}

.row-data.border-right-dotted {
    border-color: #8cabcd
}

.row-data.margin-space {
    margin-top: 18px;
    margin-top: 1.125rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.row-data li {
    display: inline-block;
    margin-right: 13.2px;
    margin-right: 0.825rem
}

@media only screen and (max-width: 767px) {
    .row-data li {
        width: 25%
    }
}

.row-data li:last-child {
    margin: 0
}

.row-data.affordability-check-list {
    color: #5e6167
}

.row-data.affordability-check-list li {
    border-top: none;
    margin-right: 0
}

.row-data.user-friendly {
    margin-left: -24px;
    margin-left: -1.5rem
}

.row-data.user-friendly .data-heading {
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 4px;
    padding-bottom: 0.25rem;
    margin-bottom: 8px;
    margin-bottom: 0.5rem
}

.row-data .usability-list,
.row-data .service-list {
    margin-bottom: 0
}

.row-data .usability-list li,
.row-data .service-list li {
    font-size: 13px;
    display: block;
    margin-right: 0
}

.row-data .usability-list li:first-child,
.row-data .service-list li:first-child {
    border-top: none;
    padding-top: 0
}

@media only screen and (max-width: 767px) {
    .row-data .usability-list,
    .row-data .service-list {
        margin-bottom: 12px;
        margin-bottom: 0.75rem
    }
    .row-data .usability-list li,
    .row-data .service-list li {
        width: 100%
    }
}

.row-data .usability-list li {
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem
}

.row-data .service-list li {
    padding-top: 4px;
    padding-top: 0.25rem;
    padding-bottom: 4px;
    padding-bottom: 0.25rem
}

.donut {
    width: 34px;
    height: 34px;
    font-size: 34px;
    position: relative;
    overflow: hidden;
    display: table;
    display: inline-block;
    top: 3px
}

.donut.implementation:before,
.donut.implementation:after {
    background-color: #FF6200
}

.donut.training:before,
.donut.training:after {
    background-color: #044D80
}

.donut.support:before,
.donut.support:after {
    background-color: #21AC21
}

.donut:before,
.donut:after {
    content: "";
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    transform-origin: 100% 50%;
    border-radius: 100% 0 0 100% / 50% 0 0 50%
}

.donut:before {
    z-index: 2;
    border-right: none
}

.donut:after {
    border-left: none;
    z-index: 3;
    transform: rotate(180deg);
    opacity: 0
}

.donut-center {
    background: #eff4f9;
    width: 70%;
    height: 70%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    border-radius: 100%
}

.donut-mask {
    width: 100%;
    height: 100%;
    position: absolute
}

.donut-mask:before,
.donut-mask:after {
    content: "";
    background: #b3cbe4;
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    transform-origin: 100% 50%;
    border-radius: 100% 0 0 100% / 50% 0 0 50%
}

.donut-mask:before {
    border-right: none;
    z-index: 3
}

.donut-mask:after {
    border-left: none;
    transform: rotate(180deg);
    z-index: 1
}

.donut--1:before {
    animation: rota1-1 0.8s forwards
}

@keyframes rota1-1 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(3.6deg)
    }
}

.donut--2:before {
    animation: rota1-2 0.8s forwards
}

@keyframes rota1-2 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(7.2deg)
    }
}

.donut--3:before {
    animation: rota1-3 0.8s forwards
}

@keyframes rota1-3 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(10.8deg)
    }
}

.donut--4:before {
    animation: rota1-4 0.8s forwards
}

@keyframes rota1-4 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(14.4deg)
    }
}

.donut--5:before {
    animation: rota1-5 0.8s forwards
}

@keyframes rota1-5 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(18deg)
    }
}

.donut--6:before {
    animation: rota1-6 0.8s forwards
}

@keyframes rota1-6 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(21.6deg)
    }
}

.donut--7:before {
    animation: rota1-7 0.8s forwards
}

@keyframes rota1-7 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(25.2deg)
    }
}

.donut--8:before {
    animation: rota1-8 0.8s forwards
}

@keyframes rota1-8 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(28.8deg)
    }
}

.donut--9:before {
    animation: rota1-9 0.8s forwards
}

@keyframes rota1-9 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(32.4deg)
    }
}

.donut--10:before {
    animation: rota1-10 0.8s forwards
}

@keyframes rota1-10 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(36deg)
    }
}

.donut--11:before {
    animation: rota1-11 0.8s forwards
}

@keyframes rota1-11 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(39.6deg)
    }
}

.donut--12:before {
    animation: rota1-12 0.8s forwards
}

@keyframes rota1-12 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(43.2deg)
    }
}

.donut--13:before {
    animation: rota1-13 0.8s forwards
}

@keyframes rota1-13 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(46.8deg)
    }
}

.donut--14:before {
    animation: rota1-14 0.8s forwards
}

@keyframes rota1-14 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(50.4deg)
    }
}

.donut--15:before {
    animation: rota1-15 0.8s forwards
}

@keyframes rota1-15 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(54deg)
    }
}

.donut--16:before {
    animation: rota1-16 0.8s forwards
}

@keyframes rota1-16 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(57.6deg)
    }
}

.donut--17:before {
    animation: rota1-17 0.8s forwards
}

@keyframes rota1-17 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(61.2deg)
    }
}

.donut--18:before {
    animation: rota1-18 0.8s forwards
}

@keyframes rota1-18 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(64.8deg)
    }
}

.donut--19:before {
    animation: rota1-19 0.8s forwards
}

@keyframes rota1-19 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(68.4deg)
    }
}

.donut--20:before {
    animation: rota1-20 0.8s forwards
}

@keyframes rota1-20 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(72deg)
    }
}

.donut--21:before {
    animation: rota1-21 0.8s forwards
}

@keyframes rota1-21 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(75.6deg)
    }
}

.donut--22:before {
    animation: rota1-22 0.8s forwards
}

@keyframes rota1-22 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(79.2deg)
    }
}

.donut--23:before {
    animation: rota1-23 0.8s forwards
}

@keyframes rota1-23 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(82.8deg)
    }
}

.donut--24:before {
    animation: rota1-24 0.8s forwards
}

@keyframes rota1-24 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(86.4deg)
    }
}

.donut--25:before {
    animation: rota1-25 0.8s forwards
}

@keyframes rota1-25 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(90deg)
    }
}

.donut--26:before {
    animation: rota1-26 0.8s forwards
}

@keyframes rota1-26 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(93.6deg)
    }
}

.donut--27:before {
    animation: rota1-27 0.8s forwards
}

@keyframes rota1-27 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(97.2deg)
    }
}

.donut--28:before {
    animation: rota1-28 0.8s forwards
}

@keyframes rota1-28 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(100.8deg)
    }
}

.donut--29:before {
    animation: rota1-29 0.8s forwards
}

@keyframes rota1-29 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(104.4deg)
    }
}

.donut--30:before {
    animation: rota1-30 0.8s forwards
}

@keyframes rota1-30 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(108deg)
    }
}

.donut--31:before {
    animation: rota1-31 0.8s forwards
}

@keyframes rota1-31 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(111.6deg)
    }
}

.donut--32:before {
    animation: rota1-32 0.8s forwards
}

@keyframes rota1-32 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(115.2deg)
    }
}

.donut--33:before {
    animation: rota1-33 0.8s forwards
}

@keyframes rota1-33 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(118.8deg)
    }
}

.donut--34:before {
    animation: rota1-34 0.8s forwards
}

@keyframes rota1-34 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(122.4deg)
    }
}

.donut--35:before {
    animation: rota1-35 0.8s forwards
}

@keyframes rota1-35 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(126deg)
    }
}

.donut--36:before {
    animation: rota1-36 0.8s forwards
}

@keyframes rota1-36 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(129.6deg)
    }
}

.donut--37:before {
    animation: rota1-37 0.8s forwards
}

@keyframes rota1-37 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(133.2deg)
    }
}

.donut--38:before {
    animation: rota1-38 0.8s forwards
}

@keyframes rota1-38 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(136.8deg)
    }
}

.donut--39:before {
    animation: rota1-39 0.8s forwards
}

@keyframes rota1-39 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(140.4deg)
    }
}

.donut--40:before {
    animation: rota1-40 0.8s forwards
}

@keyframes rota1-40 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(144deg)
    }
}

.donut--41:before {
    animation: rota1-41 0.8s forwards
}

@keyframes rota1-41 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(147.6deg)
    }
}

.donut--42:before {
    animation: rota1-42 0.8s forwards
}

@keyframes rota1-42 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(151.2deg)
    }
}

.donut--43:before {
    animation: rota1-43 0.8s forwards
}

@keyframes rota1-43 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(154.8deg)
    }
}

.donut--44:before {
    animation: rota1-44 0.8s forwards
}

@keyframes rota1-44 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(158.4deg)
    }
}

.donut--45:before {
    animation: rota1-45 0.8s forwards
}

@keyframes rota1-45 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(162deg)
    }
}

.donut--46:before {
    animation: rota1-46 0.8s forwards
}

@keyframes rota1-46 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(165.6deg)
    }
}

.donut--47:before {
    animation: rota1-47 0.8s forwards
}

@keyframes rota1-47 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(169.2deg)
    }
}

.donut--48:before {
    animation: rota1-48 0.8s forwards
}

@keyframes rota1-48 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(172.8deg)
    }
}

.donut--49:before {
    animation: rota1-49 0.8s forwards
}

@keyframes rota1-49 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(176.4deg)
    }
}

.donut--50:before {
    animation: rota1-50 0.8s forwards
}

.donut--50:after {
    animation: rota2-50 0s forwards 0.8s
}

@keyframes rota1-50 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-50 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(180deg);
        opacity: 1
    }
}

.donut--51:before {
    animation: rota1-51 0.8s forwards
}

.donut--51:after {
    animation: rota2-51 0.016s forwards 0.8s
}

@keyframes rota1-51 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-51 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(183.6deg);
        opacity: 1
    }
}

.donut--52:before {
    animation: rota1-52 0.8s forwards
}

.donut--52:after {
    animation: rota2-52 0.032s forwards 0.8s
}

@keyframes rota1-52 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-52 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(187.2deg);
        opacity: 1
    }
}

.donut--53:before {
    animation: rota1-53 0.8s forwards
}

.donut--53:after {
    animation: rota2-53 0.048s forwards 0.8s
}

@keyframes rota1-53 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-53 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(190.8deg);
        opacity: 1
    }
}

.donut--54:before {
    animation: rota1-54 0.8s forwards
}

.donut--54:after {
    animation: rota2-54 0.064s forwards 0.8s
}

@keyframes rota1-54 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-54 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(194.4deg);
        opacity: 1
    }
}

.donut--55:before {
    animation: rota1-55 0.8s forwards
}

.donut--55:after {
    animation: rota2-55 0.08s forwards 0.8s
}

@keyframes rota1-55 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-55 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(198deg);
        opacity: 1
    }
}

.donut--56:before {
    animation: rota1-56 0.8s forwards
}

.donut--56:after {
    animation: rota2-56 0.096s forwards 0.8s
}

@keyframes rota1-56 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-56 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(201.6deg);
        opacity: 1
    }
}

.donut--57:before {
    animation: rota1-57 0.8s forwards
}

.donut--57:after {
    animation: rota2-57 0.112s forwards 0.8s
}

@keyframes rota1-57 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-57 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(205.2deg);
        opacity: 1
    }
}

.donut--58:before {
    animation: rota1-58 0.8s forwards
}

.donut--58:after {
    animation: rota2-58 0.128s forwards 0.8s
}

@keyframes rota1-58 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-58 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(208.8deg);
        opacity: 1
    }
}

.donut--59:before {
    animation: rota1-59 0.8s forwards
}

.donut--59:after {
    animation: rota2-59 0.144s forwards 0.8s
}

@keyframes rota1-59 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-59 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(212.4deg);
        opacity: 1
    }
}

.donut--60:before {
    animation: rota1-60 0.8s forwards
}

.donut--60:after {
    animation: rota2-60 0.16s forwards 0.8s
}

@keyframes rota1-60 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-60 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(216deg);
        opacity: 1
    }
}

.donut--61:before {
    animation: rota1-61 0.8s forwards
}

.donut--61:after {
    animation: rota2-61 0.176s forwards 0.8s
}

@keyframes rota1-61 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-61 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(219.6deg);
        opacity: 1
    }
}

.donut--62:before {
    animation: rota1-62 0.8s forwards
}

.donut--62:after {
    animation: rota2-62 0.192s forwards 0.8s
}

@keyframes rota1-62 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-62 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(223.2deg);
        opacity: 1
    }
}

.donut--63:before {
    animation: rota1-63 0.8s forwards
}

.donut--63:after {
    animation: rota2-63 0.208s forwards 0.8s
}

@keyframes rota1-63 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-63 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(226.8deg);
        opacity: 1
    }
}

.donut--64:before {
    animation: rota1-64 0.8s forwards
}

.donut--64:after {
    animation: rota2-64 0.224s forwards 0.8s
}

@keyframes rota1-64 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-64 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(230.4deg);
        opacity: 1
    }
}

.donut--65:before {
    animation: rota1-65 0.8s forwards
}

.donut--65:after {
    animation: rota2-65 0.24s forwards 0.8s
}

@keyframes rota1-65 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-65 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(234deg);
        opacity: 1
    }
}

.donut--66:before {
    animation: rota1-66 0.8s forwards
}

.donut--66:after {
    animation: rota2-66 0.256s forwards 0.8s
}

@keyframes rota1-66 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-66 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(237.6deg);
        opacity: 1
    }
}

.donut--67:before {
    animation: rota1-67 0.8s forwards
}

.donut--67:after {
    animation: rota2-67 0.272s forwards 0.8s
}

@keyframes rota1-67 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-67 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(241.2deg);
        opacity: 1
    }
}

.donut--68:before {
    animation: rota1-68 0.8s forwards
}

.donut--68:after {
    animation: rota2-68 0.288s forwards 0.8s
}

@keyframes rota1-68 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-68 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(244.8deg);
        opacity: 1
    }
}

.donut--69:before {
    animation: rota1-69 0.8s forwards
}

.donut--69:after {
    animation: rota2-69 0.304s forwards 0.8s
}

@keyframes rota1-69 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-69 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(248.4deg);
        opacity: 1
    }
}

.donut--70:before {
    animation: rota1-70 0.8s forwards
}

.donut--70:after {
    animation: rota2-70 0.32s forwards 0.8s
}

@keyframes rota1-70 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-70 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(252deg);
        opacity: 1
    }
}

.donut--71:before {
    animation: rota1-71 0.8s forwards
}

.donut--71:after {
    animation: rota2-71 0.336s forwards 0.8s
}

@keyframes rota1-71 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-71 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(255.6deg);
        opacity: 1
    }
}

.donut--72:before {
    animation: rota1-72 0.8s forwards
}

.donut--72:after {
    animation: rota2-72 0.352s forwards 0.8s
}

@keyframes rota1-72 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-72 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(259.2deg);
        opacity: 1
    }
}

.donut--73:before {
    animation: rota1-73 0.8s forwards
}

.donut--73:after {
    animation: rota2-73 0.368s forwards 0.8s
}

@keyframes rota1-73 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-73 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(262.8deg);
        opacity: 1
    }
}

.donut--74:before {
    animation: rota1-74 0.8s forwards
}

.donut--74:after {
    animation: rota2-74 0.384s forwards 0.8s
}

@keyframes rota1-74 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-74 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(266.4deg);
        opacity: 1
    }
}

.donut--75:before {
    animation: rota1-75 0.8s forwards
}

.donut--75:after {
    animation: rota2-75 0.4s forwards 0.8s
}

@keyframes rota1-75 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-75 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(270deg);
        opacity: 1
    }
}

.donut--76:before {
    animation: rota1-76 0.8s forwards
}

.donut--76:after {
    animation: rota2-76 0.416s forwards 0.8s
}

@keyframes rota1-76 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-76 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(273.6deg);
        opacity: 1
    }
}

.donut--77:before {
    animation: rota1-77 0.8s forwards
}

.donut--77:after {
    animation: rota2-77 0.432s forwards 0.8s
}

@keyframes rota1-77 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-77 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(277.2deg);
        opacity: 1
    }
}

.donut--78:before {
    animation: rota1-78 0.8s forwards
}

.donut--78:after {
    animation: rota2-78 0.448s forwards 0.8s
}

@keyframes rota1-78 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-78 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(280.8deg);
        opacity: 1
    }
}

.donut--79:before {
    animation: rota1-79 0.8s forwards
}

.donut--79:after {
    animation: rota2-79 0.464s forwards 0.8s
}

@keyframes rota1-79 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-79 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(284.4deg);
        opacity: 1
    }
}

.donut--80:before {
    animation: rota1-80 0.8s forwards
}

.donut--80:after {
    animation: rota2-80 0.48s forwards 0.8s
}

@keyframes rota1-80 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-80 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(288deg);
        opacity: 1
    }
}

.donut--81:before {
    animation: rota1-81 0.8s forwards
}

.donut--81:after {
    animation: rota2-81 0.496s forwards 0.8s
}

@keyframes rota1-81 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-81 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(291.6deg);
        opacity: 1
    }
}

.donut--82:before {
    animation: rota1-82 0.8s forwards
}

.donut--82:after {
    animation: rota2-82 0.512s forwards 0.8s
}

@keyframes rota1-82 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-82 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(295.2deg);
        opacity: 1
    }
}

.donut--83:before {
    animation: rota1-83 0.8s forwards
}

.donut--83:after {
    animation: rota2-83 0.528s forwards 0.8s
}

@keyframes rota1-83 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-83 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(298.8deg);
        opacity: 1
    }
}

.donut--84:before {
    animation: rota1-84 0.8s forwards
}

.donut--84:after {
    animation: rota2-84 0.544s forwards 0.8s
}

@keyframes rota1-84 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-84 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(302.4deg);
        opacity: 1
    }
}

.donut--85:before {
    animation: rota1-85 0.8s forwards
}

.donut--85:after {
    animation: rota2-85 0.56s forwards 0.8s
}

@keyframes rota1-85 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-85 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(306deg);
        opacity: 1
    }
}

.donut--86:before {
    animation: rota1-86 0.8s forwards
}

.donut--86:after {
    animation: rota2-86 0.576s forwards 0.8s
}

@keyframes rota1-86 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-86 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(309.6deg);
        opacity: 1
    }
}

.donut--87:before {
    animation: rota1-87 0.8s forwards
}

.donut--87:after {
    animation: rota2-87 0.592s forwards 0.8s
}

@keyframes rota1-87 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-87 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(313.2deg);
        opacity: 1
    }
}

.donut--88:before {
    animation: rota1-88 0.8s forwards
}

.donut--88:after {
    animation: rota2-88 0.608s forwards 0.8s
}

@keyframes rota1-88 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-88 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(316.8deg);
        opacity: 1
    }
}

.donut--89:before {
    animation: rota1-89 0.8s forwards
}

.donut--89:after {
    animation: rota2-89 0.624s forwards 0.8s
}

@keyframes rota1-89 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-89 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(320.4deg);
        opacity: 1
    }
}

.donut--90:before {
    animation: rota1-90 0.8s forwards
}

.donut--90:after {
    animation: rota2-90 0.64s forwards 0.8s
}

@keyframes rota1-90 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-90 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(324deg);
        opacity: 1
    }
}

.donut--91:before {
    animation: rota1-91 0.8s forwards
}

.donut--91:after {
    animation: rota2-91 0.656s forwards 0.8s
}

@keyframes rota1-91 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-91 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(327.6deg);
        opacity: 1
    }
}

.donut--92:before {
    animation: rota1-92 0.8s forwards
}

.donut--92:after {
    animation: rota2-92 0.672s forwards 0.8s
}

@keyframes rota1-92 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-92 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(331.2deg);
        opacity: 1
    }
}

.donut--93:before {
    animation: rota1-93 0.8s forwards
}

.donut--93:after {
    animation: rota2-93 0.688s forwards 0.8s
}

@keyframes rota1-93 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-93 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(334.8deg);
        opacity: 1
    }
}

.donut--94:before {
    animation: rota1-94 0.8s forwards
}

.donut--94:after {
    animation: rota2-94 0.704s forwards 0.8s
}

@keyframes rota1-94 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-94 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(338.4deg);
        opacity: 1
    }
}

.donut--95:before {
    animation: rota1-95 0.8s forwards
}

.donut--95:after {
    animation: rota2-95 0.72s forwards 0.8s
}

@keyframes rota1-95 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-95 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(342deg);
        opacity: 1
    }
}

.donut--96:before {
    animation: rota1-96 0.8s forwards
}

.donut--96:after {
    animation: rota2-96 0.736s forwards 0.8s
}

@keyframes rota1-96 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-96 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(345.6deg);
        opacity: 1
    }
}

.donut--97:before {
    animation: rota1-97 0.8s forwards
}

.donut--97:after {
    animation: rota2-97 0.752s forwards 0.8s
}

@keyframes rota1-97 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-97 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(349.2deg);
        opacity: 1
    }
}

.donut--98:before {
    animation: rota1-98 0.8s forwards
}

.donut--98:after {
    animation: rota2-98 0.768s forwards 0.8s
}

@keyframes rota1-98 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-98 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(352.8deg);
        opacity: 1
    }
}

.donut--99:before {
    animation: rota1-99 0.8s forwards
}

.donut--99:after {
    animation: rota2-99 0.784s forwards 0.8s
}

@keyframes rota1-99 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-99 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(356.4deg);
        opacity: 1
    }
}

.donut--100:before {
    animation: rota1-100 0.8s forwards
}

.donut--100:after {
    animation: rota2-100 0.8s forwards 0.8s
}

@keyframes rota1-100 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes rota2-100 {
    0% {
        transform: rotate(180deg);
        opacity: 1
    }
    100% {
        transform: rotate(360deg);
        opacity: 1
    }
}

.feature-count {
    color: #7c7f84;
    margin-left: 6px;
    margin-left: 0.375rem;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .feature-count {
        font-size: 14px
    }
}

.row-data-expanded li {
    margin-right: 26.4px;
    margin-right: 1.65rem
}

@media only screen and (max-width: 767px) {
    .row-data-expanded li {
        width: 25%;
        margin-right: 24px;
        margin-right: 1.5rem
    }
}

.row-data-expanded .column-data {
    padding-left: 8px;
    padding-left: 0.5rem
}

.toggle-all-data:hover i {
    color: #FF6200
}

.toggle-all-data:hover a {
    color: #FF6200
}

.toggle-all-data i {
    color: #1C6FD1;
    margin-right: 2px;
    margin-right: 0.125rem;
    vertical-align: middle
}

.toggle-all-data a {
    text-decoration: none;
    color: #1C6FD1
}

@media only screen and (max-width: 767px) {
    .toggle-all-data {
        margin-bottom: 24px;
        margin-bottom: 1.5rem
    }
}

.infographic-pie-charts {
    position: relative;
    overflow: hidden
}

.infographic-pie-charts .infographic-section-subheading small {
    color: #044D80
}

.infographic-pie-charts h2 {
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 12px;
    padding-bottom: 0.75rem
}

.infographic-pie-charts h2 small {
    color: rgba(255, 255, 255, 0.7)
}

.infographic-pie-charts hr {
    color: #9bb8cc
}

.infographic-pie-charts #top_5_customers,
.infographic-pie-charts #top_5_users {
    margin-bottom: -500em
}

.infographic-pie-charts #top_5_customers {
    background-color: #db5400;
    padding-right: 24px;
    padding-right: 1.5rem;
    padding: 24px 16px 500em 24px
}

.infographic-pie-charts #top_5_users {
    background-color: #ff6708;
    padding-left: 24px;
    padding-left: 1.5rem;
    padding: 24px 24px 500em 16px
}

.infographic-pie-charts .vendor-size>div {
    border-color: rgba(255, 255, 255, 0.6)
}

.top-5-entry {
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    padding-top: 12px;
    padding-top: 0.75rem;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3)
}

.top-5-entry::after {
    clear: both;
    content: "";
    display: table
}

.top-5-entry:last-of-type {
    border-bottom: none;
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.top-5-bubble-column {
    float: left;
    width: 30%;
    text-align: center
}

.top-5-bubble {
    display: inline-block;
    vertical-align: middle;
    border: 2px solid white;
    min-width: 30px;
    min-height: 30px;
    border-radius: 999px;
    text-align: center;
    color: white;
    font-size: 12px
}

.top-5-name-column {
    float: left;
    width: 70%;
    padding-left: 6px;
    padding-left: 0.375rem
}

.top-5-name-column .vendor-size {
    width: 24px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .top-5-name-column {
        padding-left: 24px;
        padding-left: 1.5rem
    }
}

.top-5-name {
    vertical-align: middle;
    font-weight: 600
}

.top-5-name a,
.stack-primary-light a {
    color: rgba(255, 255, 255, 0.85)
}

.top-5-name a:hover,
.stack-primary-light a:hover {
    color: #803100
}

.infographic-vendor-size {
    padding: 0 24px 0 16px
}

.infographic-vendor-size .cell:last-child .social-totals {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.infographic-vendor-size,
.infographic-social-charts {
    margin: 24px 0;
    margin: 1.5rem 0
}

.infographic-vendor-size h2,
.infographic-social-charts h2 {
    color: white;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25)
}

.infographic-vendor-size h2 small,
.infographic-social-charts h2 small {
    color: rgba(255, 255, 255, 0.6)
}

.infographic-social-charts {
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    padding: 0 16px 0 24px
}

.infographic-social-icons {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
    padding: 12px 0;
    padding: 0.75rem 0
}

.infographic-social-icons:first-of-type {
    padding-top: 0
}

.infographic-social-icons:last-child {
    border-bottom: none
}

.infographic-social-icons li:first-child .social-icon {
    color: white
}

.infographic-social-icons li:nth-child(2) .social-icon {
    color: rgba(255, 255, 255, 0.87)
}

.infographic-social-icons li:nth-child(3) .social-icon {
    color: rgba(255, 255, 255, 0.7)
}

.infographic-social-icons li:nth-child(4) .social-icon {
    color: rgba(255, 255, 255, 0.55)
}

.infographic-social-icons li:last-child .social-icon {
    color: rgba(255, 255, 255, 0.42)
}

.infographic-social-icons li:last-child .social-icon-block {
    border-right: none
}

.infographic-social-icons .social-icon {
    height: 110px;
    width: 100%;
    line-height: 100px;
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.infographic-social-icons .social-icon .ss-social-regular:before {
    vertical-align: middle;
    line-height: 100px
}

@media only screen and (max-width: 767px) {
    .infographic-social-icons .social-icon {
        margin-bottom: 0
    }
}

.infographic-social-icons .vendor-size {
    margin-bottom: 6px;
    margin-bottom: 0.375rem
}

.infographic-social-icons .vendor-size div {
    border-color: rgba(255, 255, 255, 0.6)
}

.infographic-social-icons .name {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 3px;
    max-height: 60px;
    line-height: 1.3em
}

.infographic-social-icons .count {
    font-weight: 600;
    color: #ffd0b3
}

.social-icon-block {
    border-right: 1px dashed rgba(255, 255, 255, 0.3);
    text-align: center;
    padding: 0 6px;
    padding: 0 0.375rem
}

@media only screen and (max-width: 767px) {
    .social-icon-block {
        border-right: none
    }
    .social-icon-block .vendor-size {
        margin-top: 12px;
        margin-top: 0.75rem
    }
}

@media only screen and (max-width: 767px) {
    .infographic-vendor-size {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        padding-top: 24px;
        padding-top: 1.5rem;
        margin-top: 0
    }
}

.social-totals {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
    padding: 12px 0;
    padding: 0.75rem 0;
    margin-bottom: 12px;
    margin-bottom: 0.75rem
}

.social-totals .social-segment {
    padding-top: 12px;
    padding-top: 0.75rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem
}

.social-totals .social-segment:last-child {
    border-bottom: none
}

.social-totals .social-segment .count {
    color: #ffd8bf
}

.social-totals .social-segment .range {
    vertical-align: middle;
    font-size: 12px;
    color: #ffd8bf
}

.social-totals .social-segment .range .vendor-size {
    display: inline-block;
    width: 24px;
    margin-right: 6px;
    margin-right: 0.375rem;
    vertical-align: middle
}

.social-totals .social-segment .bar {
    height: 24px;
    height: 1.5rem;
    min-width: 4px
}

.social-totals .social-segment .bar.large {
    background-color: #c24a00
}

.social-totals .social-segment .bar.medium {
    background-color: #FF6200
}

.social-totals .social-segment .bar.small {
    background-color: #ffb180
}

.social-totals .social-segment .count {
    text-align: right;
    font-weight: 600
}

.vendor-size-icon {
    text-align: right;
    font-size: 24px;
    font-size: 1.5rem;
    color: #ffd8bf
}

.infographic-footer-stack {
    background: #002E47;
    color: white;
    padding: 24px 24px 12px 24px
}

.infographic-cta p a {
    color: #c0d3df
}

.infographic-cta p a:hover {
    color: #82a6c0
}

.infographic-footer {
    font-size: 12px;
    text-transform: uppercase;
    border-top: 1px solid rgba(147, 180, 216, 0.5);
    padding-top: 12px;
    padding-top: 0.75rem;
    margin-top: 12px;
    margin-top: 0.75rem
}

.infographic-footer-list li {
    margin-right: 12px;
    margin-right: 0.75rem
}

.show-data:hover {
    cursor: pointer
}

.infographic-tooltip-wrapper {
    position: relative
}

.infographic-tooltip {
    position: absolute;
    bottom: 100%;
    left: 0%;
    margin-bottom: 12px;
    padding: 24px;
    padding: 1.5rem;
    background-color: #022740;
    color: white;
    border-radius: 0.125rem;
    box-shadow: 0 12px 12px -12px #4a5a6c
}

.infographic-tooltip:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 24px;
    height: 0;
    width: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #022740
}

.infographic-tooltip .close {
    position: absolute;
    top: -12px;
    right: -12px;
    height: 36px;
    width: 36px;
    background-color: #FF6200;
    color: white;
    text-decoration: none;
    line-height: 36px;
    text-align: center;
    border-radius: 200px
}

.infographic-tooltip .close:hover {
    background-color: #e65800
}

.infographic-tooltip .close i:before {
    vertical-align: middle
}

.frequencies-table {
    max-width: 648px;
    table-layout: fixed
}

.frequencies-table td {
    height: 108px;
    width: 108px
}

.frequencies-table td img {
    display: block
}

.reviews-madness-version {
    float: right
}

.reviews-madness-version label {
    font-weight: 700
}

.reviews-madness-version select {
    float: right;
    width: 75%
}

@media only screen and (max-width: 767px) {
    .reviews-madness-version {
        float: left
    }
    .reviews-madness-version select {
        float: left
    }
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format("woff"), url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2")
}

ul.review_snippets {
    list-style: none;
    padding-left: 20px;
    margin: 0
}

ul.review_snippets li {
    padding-left: 0.5em;
    text-indent: -0.5em
}

ul.review_snippets li:before {
    font-weight: bold;
    margin-left: -18px
}

ul.review_snippets li.positive:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMEM0IDAgMCA0IDAgOUMwIDE0IDQgMTggOSAxOEMxNCAxOCAxOCAxNCAxOCA5QzE4IDQgMTQgMCA5IDBaTTE0IDEwSDEwVjE0QzEwIDE0LjYgOS42IDE1IDkgMTVDOC40IDE1IDggMTQuNiA4IDE0VjEwSDRDMy40IDEwIDMgOS42IDMgOUMzIDguNCAzLjQgOCA0IDhIOFY0QzggMy40IDguNCAzIDkgM0M5LjYgMyAxMCAzLjQgMTAgNFY4SDE0QzE0LjYgOCAxNSA4LjQgMTUgOUMxNSA5LjYgMTQuNiAxMCAxNCAxMFoiIGZpbGw9IiMyMUFDMjEiLz4KPC9zdmc%2BCg%3D%3D);
    color: #21AC21
}

ul.review_snippets li.negative:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMEM0IDAgMCA0IDAgOUMwIDE0IDQgMTggOSAxOEMxNCAxOCAxOCAxNCAxOCA5QzE4IDQgMTQgMCA5IDBaTTE0IDEwSDRDMy40IDEwIDMgOS42IDMgOUMzIDguNCAzLjQgOCA0IDhIMTRDMTQuNiA4IDE1IDguNCAxNSA5QzE1IDkuNiAxNC42IDEwIDE0IDEwWiIgZmlsbD0iI0U1NDc0NyIvPgo8L3N2Zz4K);
    color: #E54747
}

.snippet-text {
    color: #607480;    
    font-style: italic;
    font-size: 14px
}

.tooltip-list {
    margin: 15px
}

.stack-content.fixed{
    position: fixed;
    top: 62px;
    left: 0;
    z-index: 9999;
    background: #f5f5f5;
    width: 100%;
    right: 0;
        box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}
@media(min-width: 992px){
    .mobile-compare-table{
        display: none;
    }
}
.carousel-control-next, .carousel-control-prev{
	opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
	background-repeat: no-repeat;
    background-position: 4px 10px;
    height: 40px;
    width: 25px;
    background-color: #2F316B;
    background-size: 75%;
}
@media(max-width: 1199px){
    .stack-content.fixed{top: 77px; width: auto;     left: 15px;    right: 15px;} 
}
@media(max-width: 991px){
  .mobile-Product-grid .check-list{
    min-height: 465px;
    }  
}
@media(max-width: 767px){
  .mobile-Product-grid .check-list{
    min-height: 585px;
    }  
    /* .comparePage .container{padding: 0} */
}
@media(max-width: 667px){
  .mobile-Product-grid .check-list{
    min-height: 441px;
    }  
}


#pricing_table{border-radius: 10px !important; overflow: hidden;}
#pricing_table tr th{text-align: center; background-color: #e2e2e2; color: #000; font-size: 1rem; font-weight: 600; text-transform: uppercase;}
#pricing_table tr td{text-align: center; background-color: #5fcbac; color: #fff;}
#pricing_table tr td h5{text-align: center; color: #fff; margin: 0; font-size: 1.45rem; line-height: 1.2; font-weight: 500;}
#pricing_table tr td b{font-weight: 600 !important}
#pricing_table tr td small{font-size: 66%;}
#pricing_table tr td small b{font-weight: 400 !important}
.check-list li:before {color: #2F316B !important;}
.modal-header h4{color: #fff; margin-bottom: 0; font-weight: 500}