/* Minification failed. Returning unminified contents.
(2657,82): run-time error CSS1046: Expect comma, found '93'
(2657,89): run-time error CSS1046: Expect comma, found '/'
(2662,40): run-time error CSS1046: Expect comma, found '10'
(2662,46): run-time error CSS1046: Expect comma, found '/'
(2844,30): run-time error CSS1046: Expect comma, found '30'
(2844,36): run-time error CSS1046: Expect comma, found '/'
 */
@font-face{font-family:"Gotham Book";src:url("/fonts/gothambook-webfont.eot?");src:url("/fonts/gothambook-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/gothambook-webfont.woff") format("woff"),url("/fonts/gothambook-webfont.ttf") format("truetype"),url("/fonts/gothambook-webfont.svg#gothambook") format("svg");font-weight:normal;font-style:normal;}@font-face{font-family:"Gotham Narrow Book";src:url("/fonts/gothamnarrowbook-webfont.eot?");src:url("/fonts/gothamnarrowbook-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/gothamnarrowbook-webfont.woff") format("woff"),url("/fonts/gothamnarrowbook-webfont.ttf") format("truetype"),url("/fonts/gothamnarrowbook-webfont.svg#gotham_narrowbook") format("svg");font-weight:normal;font-style:normal;}@font-face{font-family:"Gotham Narrow Bold";src:url("/fonts/gothamnarrowbold-webfont.eot?");src:url("/fonts/gothamnarrowbold-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/gothamnarrowbold-webfont.woff") format("woff"),url("/fonts/gothamnarrowbold-webfont.ttf") format("truetype"),url("/fonts/gothamnarrowbold-webfont.svg#gotham_narrowbold") format("svg");font-weight:normal;font-style:normal;}@font-face{font-family:"Gotham Narrow Medium";src:url("/fonts/gothamnarrowmedium-webfont.eot?");src:url("/fonts/gothamnarrowmedium-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/gothamnarrowmedium-webfont.woff") format("woff"),url("/fonts/gothamnarrowmedium-webfont.ttf") format("truetype"),url("/fonts/gothamnarrowmedium-webfont.svg#gotham_narrowmedium") format("svg");font-weight:normal;font-style:normal;}@font-face{font-family:"Gotham Narrow Light";src:url("/fonts/gothamnarrowlight-webfont.eot?");src:url("/fonts/gothamnarrowlight-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/gothamnarrowlight-webfont.woff") format("woff"),url("/fonts/gothamnarrowlight-webfont.ttf") format("truetype"),url("/fonts/gothamnarrowlight-webfont.svg#gotham_narrowlight") format("svg");font-weight:normal;font-style:normal;}@font-face{font-family:"Gotham Narrow Extra Light";src:url("/fonts/gothamnarrowxlight-webfont.eot?");src:url("/fonts/gothamnarrowxlight-webfont.eot?#iefix") format("embedded-opentype"),url("/fonts/gothamnarrowxlight-webfont.woff") format("woff"),url("/fonts/gothamnarrowxlight-webfont.ttf") format("truetype"),url("/fonts/gothamnarrowxlight-webfont.svg#gotham_narrowextra_light") format("svg");font-weight:normal;font-style:normal;}@font-face{font-family:"Jersey";src:url("/fonts/JerseySports.ttf") format("truetype");}@font-face{font-family:"Open Sans Bold";src:url("/fonts/OpenSans-Bold.ttf") format("truetype");}@font-face{font-family:"Open Sans Regular";src:url("/fonts/OpenSans-Regular.ttf") format("truetype");}@font-face{font-family:"Open Sans Light";src:url("/fonts/OpenSans-Light.ttf") format("truetype");}
/*!
*  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face{font-family:"FontAwesome";src:url("/fonts/fontawesome-webfont.eot?v=4.7.0");src:url("/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),url("/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),url("/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),url("/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal;}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%;}.fa-2x{font-size:2em;}.fa-3x{font-size:3em;}.fa-4x{font-size:4em;}.fa-5x{font-size:5em;}.fa-fw{width:1.28571429em;text-align:center;}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none;}.fa-ul>li{position:relative;}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center;}.fa-li.fa-lg{left:-1.85714286em;}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em;}.fa-pull-left{float:left;}.fa-pull-right{float:right;}.fa.fa-pull-left{margin-right:.3em;}.fa.fa-pull-right{margin-left:.3em;}.pull-right{float:right;}.pull-left{float:left;}.fa.pull-left{margin-right:.3em;}.fa.pull-right{margin-left:.3em;}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8);}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1);}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1);}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none;}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle;}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center;}.fa-stack-1x{line-height:inherit;}.fa-stack-2x{font-size:2em;}.fa-inverse{color:#fff;}.fa-glass:before{content:"";}.fa-music:before{content:"";}.fa-search:before{content:"";}.fa-envelope-o:before{content:"";}.fa-heart:before{content:"";}.fa-star:before{content:"";}.fa-star-o:before{content:"";}.fa-user:before{content:"";}.fa-film:before{content:"";}.fa-th-large:before{content:"";}.fa-th:before{content:"";}.fa-th-list:before{content:"";}.fa-check:before{content:"";}.fa-remove:before,.fa-close:before,.fa-times:before{content:"";}.fa-search-plus:before{content:"";}.fa-search-minus:before{content:"";}.fa-power-off:before{content:"";}.fa-signal:before{content:"";}.fa-gear:before,.fa-cog:before{content:"";}.fa-trash-o:before{content:"";}.fa-home:before{content:"";}.fa-file-o:before{content:"";}.fa-clock-o:before{content:"";}.fa-road:before{content:"";}.fa-download:before{content:"";}.fa-arrow-circle-o-down:before{content:"";}.fa-arrow-circle-o-up:before{content:"";}.fa-inbox:before{content:"";}.fa-play-circle-o:before{content:"";}.fa-rotate-right:before,.fa-repeat:before{content:"";}.fa-refresh:before{content:"";}.fa-list-alt:before{content:"";}.fa-lock:before{content:"";}.fa-flag:before{content:"";}.fa-headphones:before{content:"";}.fa-volume-off:before{content:"";}.fa-volume-down:before{content:"";}.fa-volume-up:before{content:"";}.fa-qrcode:before{content:"";}.fa-barcode:before{content:"";}.fa-tag:before{content:"";}.fa-tags:before{content:"";}.fa-book:before{content:"";}.fa-bookmark:before{content:"";}.fa-print:before{content:"";}.fa-camera:before{content:"";}.fa-font:before{content:"";}.fa-bold:before{content:"";}.fa-italic:before{content:"";}.fa-text-height:before{content:"";}.fa-text-width:before{content:"";}.fa-align-left:before{content:"";}.fa-align-center:before{content:"";}.fa-align-right:before{content:"";}.fa-align-justify:before{content:"";}.fa-list:before{content:"";}.fa-dedent:before,.fa-outdent:before{content:"";}.fa-indent:before{content:"";}.fa-video-camera:before{content:"";}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"";}.fa-pencil:before{content:"";}.fa-map-marker:before{content:"";}.fa-adjust:before{content:"";}.fa-tint:before{content:"";}.fa-edit:before,.fa-pencil-square-o:before{content:"";}.fa-share-square-o:before{content:"";}.fa-check-square-o:before{content:"";}.fa-arrows:before{content:"";}.fa-step-backward:before{content:"";}.fa-fast-backward:before{content:"";}.fa-backward:before{content:"";}.fa-play:before{content:"";}.fa-pause:before{content:"";}.fa-stop:before{content:"";}.fa-forward:before{content:"";}.fa-fast-forward:before{content:"";}.fa-step-forward:before{content:"";}.fa-eject:before{content:"";}.fa-chevron-left:before{content:"";}.fa-chevron-right:before{content:"";}.fa-plus-circle:before{content:"";}.fa-minus-circle:before{content:"";}.fa-times-circle:before{content:"";}.fa-check-circle:before{content:"";}.fa-question-circle:before{content:"";}.fa-info-circle:before{content:"";}.fa-crosshairs:before{content:"";}.fa-times-circle-o:before{content:"";}.fa-check-circle-o:before{content:"";}.fa-ban:before{content:"";}.fa-arrow-left:before{content:"";}.fa-arrow-right:before{content:"";}.fa-arrow-up:before{content:"";}.fa-arrow-down:before{content:"";}.fa-mail-forward:before,.fa-share:before{content:"";}.fa-expand:before{content:"";}.fa-compress:before{content:"";}.fa-plus:before{content:"";}.fa-minus:before{content:"";}.fa-asterisk:before{content:"";}.fa-exclamation-circle:before{content:"";}.fa-gift:before{content:"";}.fa-leaf:before{content:"";}.fa-fire:before{content:"";}.fa-eye:before{content:"";}.fa-eye-slash:before{content:"";}.fa-warning:before,.fa-exclamation-triangle:before{content:"";}.fa-plane:before{content:"";}.fa-calendar:before{content:"";}.fa-random:before{content:"";}.fa-comment:before{content:"";}.fa-magnet:before{content:"";}.fa-chevron-up:before{content:"";}.fa-chevron-down:before{content:"";}.fa-retweet:before{content:"";}.fa-shopping-cart:before{content:"";}.fa-folder:before{content:"";}.fa-folder-open:before{content:"";}.fa-arrows-v:before{content:"";}.fa-arrows-h:before{content:"";}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"";}.fa-twitter-square:before{content:"";}.fa-facebook-square:before{content:"";}.fa-camera-retro:before{content:"";}.fa-key:before{content:"";}.fa-gears:before,.fa-cogs:before{content:"";}.fa-comments:before{content:"";}.fa-thumbs-o-up:before{content:"";}.fa-thumbs-o-down:before{content:"";}.fa-star-half:before{content:"";}.fa-heart-o:before{content:"";}.fa-sign-out:before{content:"";}.fa-linkedin-square:before{content:"";}.fa-thumb-tack:before{content:"";}.fa-external-link:before{content:"";}.fa-sign-in:before{content:"";}.fa-trophy:before{content:"";}.fa-github-square:before{content:"";}.fa-upload:before{content:"";}.fa-lemon-o:before{content:"";}.fa-phone:before{content:"";}.fa-square-o:before{content:"";}.fa-bookmark-o:before{content:"";}.fa-phone-square:before{content:"";}.fa-twitter:before{content:"";}.fa-facebook-f:before,.fa-facebook:before{content:"";}.fa-github:before{content:"";}.fa-unlock:before{content:"";}.fa-credit-card:before{content:"";}.fa-feed:before,.fa-rss:before{content:"";}.fa-hdd-o:before{content:"";}.fa-bullhorn:before{content:"";}.fa-bell:before{content:"";}.fa-certificate:before{content:"";}.fa-hand-o-right:before{content:"";}.fa-hand-o-left:before{content:"";}.fa-hand-o-up:before{content:"";}.fa-hand-o-down:before{content:"";}.fa-arrow-circle-left:before{content:"";}.fa-arrow-circle-right:before{content:"";}.fa-arrow-circle-up:before{content:"";}.fa-arrow-circle-down:before{content:"";}.fa-globe:before{content:"";}.fa-wrench:before{content:"";}.fa-tasks:before{content:"";}.fa-filter:before{content:"";}.fa-briefcase:before{content:"";}.fa-arrows-alt:before{content:"";}.fa-group:before,.fa-users:before{content:"";}.fa-chain:before,.fa-link:before{content:"";}.fa-cloud:before{content:"";}.fa-flask:before{content:"";}.fa-cut:before,.fa-scissors:before{content:"";}.fa-copy:before,.fa-files-o:before{content:"";}.fa-paperclip:before{content:"";}.fa-save:before,.fa-floppy-o:before{content:"";}.fa-square:before{content:"";}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"";}.fa-list-ul:before{content:"";}.fa-list-ol:before{content:"";}.fa-strikethrough:before{content:"";}.fa-underline:before{content:"";}.fa-table:before{content:"";}.fa-magic:before{content:"";}.fa-truck:before{content:"";}.fa-pinterest:before{content:"";}.fa-pinterest-square:before{content:"";}.fa-google-plus-square:before{content:"";}.fa-google-plus:before{content:"";}.fa-money:before{content:"";}.fa-caret-down:before{content:"";}.fa-caret-up:before{content:"";}.fa-caret-left:before{content:"";}.fa-caret-right:before{content:"";}.fa-columns:before{content:"";}.fa-unsorted:before,.fa-sort:before{content:"";}.fa-sort-down:before,.fa-sort-desc:before{content:"";}.fa-sort-up:before,.fa-sort-asc:before{content:"";}.fa-envelope:before{content:"";}.fa-linkedin:before{content:"";}.fa-rotate-left:before,.fa-undo:before{content:"";}.fa-legal:before,.fa-gavel:before{content:"";}.fa-dashboard:before,.fa-tachometer:before{content:"";}.fa-comment-o:before{content:"";}.fa-comments-o:before{content:"";}.fa-flash:before,.fa-bolt:before{content:"";}.fa-sitemap:before{content:"";}.fa-umbrella:before{content:"";}.fa-paste:before,.fa-clipboard:before{content:"";}.fa-lightbulb-o:before{content:"";}.fa-exchange:before{content:"";}.fa-cloud-download:before{content:"";}.fa-cloud-upload:before{content:"";}.fa-user-md:before{content:"";}.fa-stethoscope:before{content:"";}.fa-suitcase:before{content:"";}.fa-bell-o:before{content:"";}.fa-coffee:before{content:"";}.fa-cutlery:before{content:"";}.fa-file-text-o:before{content:"";}.fa-building-o:before{content:"";}.fa-hospital-o:before{content:"";}.fa-ambulance:before{content:"";}.fa-medkit:before{content:"";}.fa-fighter-jet:before{content:"";}.fa-beer:before{content:"";}.fa-h-square:before{content:"";}.fa-plus-square:before{content:"";}.fa-angle-double-left:before{content:"";}.fa-angle-double-right:before{content:"";}.fa-angle-double-up:before{content:"";}.fa-angle-double-down:before{content:"";}.fa-angle-left:before{content:"";}.fa-angle-right:before{content:"";}.fa-angle-up:before{content:"";}.fa-angle-down:before{content:"";}.fa-desktop:before{content:"";}.fa-laptop:before{content:"";}.fa-tablet:before{content:"";}.fa-mobile-phone:before,.fa-mobile:before{content:"";}.fa-circle-o:before{content:"";}.fa-quote-left:before{content:"";}.fa-quote-right:before{content:"";}.fa-spinner:before{content:"";}.fa-circle:before{content:"";}.fa-mail-reply:before,.fa-reply:before{content:"";}.fa-github-alt:before{content:"";}.fa-folder-o:before{content:"";}.fa-folder-open-o:before{content:"";}.fa-smile-o:before{content:"";}.fa-frown-o:before{content:"";}.fa-meh-o:before{content:"";}.fa-gamepad:before{content:"";}.fa-keyboard-o:before{content:"";}.fa-flag-o:before{content:"";}.fa-flag-checkered:before{content:"";}.fa-terminal:before{content:"";}.fa-code:before{content:"";}.fa-mail-reply-all:before,.fa-reply-all:before{content:"";}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"";}.fa-location-arrow:before{content:"";}.fa-crop:before{content:"";}.fa-code-fork:before{content:"";}.fa-unlink:before,.fa-chain-broken:before{content:"";}.fa-question:before{content:"";}.fa-info:before{content:"";}.fa-exclamation:before{content:"";}.fa-superscript:before{content:"";}.fa-subscript:before{content:"";}.fa-eraser:before{content:"";}.fa-puzzle-piece:before{content:"";}.fa-microphone:before{content:"";}.fa-microphone-slash:before{content:"";}.fa-shield:before{content:"";}.fa-calendar-o:before{content:"";}.fa-fire-extinguisher:before{content:"";}.fa-rocket:before{content:"";}.fa-maxcdn:before{content:"";}.fa-chevron-circle-left:before{content:"";}.fa-chevron-circle-right:before{content:"";}.fa-chevron-circle-up:before{content:"";}.fa-chevron-circle-down:before{content:"";}.fa-html5:before{content:"";}.fa-css3:before{content:"";}.fa-anchor:before{content:"";}.fa-unlock-alt:before{content:"";}.fa-bullseye:before{content:"";}.fa-ellipsis-h:before{content:"";}.fa-ellipsis-v:before{content:"";}.fa-rss-square:before{content:"";}.fa-play-circle:before{content:"";}.fa-ticket:before{content:"";}.fa-minus-square:before{content:"";}.fa-minus-square-o:before{content:"";}.fa-level-up:before{content:"";}.fa-level-down:before{content:"";}.fa-check-square:before{content:"";}.fa-pencil-square:before{content:"";}.fa-external-link-square:before{content:"";}.fa-share-square:before{content:"";}.fa-compass:before{content:"";}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"";}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"";}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"";}.fa-euro:before,.fa-eur:before{content:"";}.fa-gbp:before{content:"";}.fa-dollar:before,.fa-usd:before{content:"";}.fa-rupee:before,.fa-inr:before{content:"";}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"";}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"";}.fa-won:before,.fa-krw:before{content:"";}.fa-bitcoin:before,.fa-btc:before{content:"";}.fa-file:before{content:"";}.fa-file-text:before{content:"";}.fa-sort-alpha-asc:before{content:"";}.fa-sort-alpha-desc:before{content:"";}.fa-sort-amount-asc:before{content:"";}.fa-sort-amount-desc:before{content:"";}.fa-sort-numeric-asc:before{content:"";}.fa-sort-numeric-desc:before{content:"";}.fa-thumbs-up:before{content:"";}.fa-thumbs-down:before{content:"";}.fa-youtube-square:before{content:"";}.fa-youtube:before{content:"";}.fa-xing:before{content:"";}.fa-xing-square:before{content:"";}.fa-youtube-play:before{content:"";}.fa-dropbox:before{content:"";}.fa-stack-overflow:before{content:"";}.fa-instagram:before{content:"";}.fa-flickr:before{content:"";}.fa-adn:before{content:"";}.fa-bitbucket:before{content:"";}.fa-bitbucket-square:before{content:"";}.fa-tumblr:before{content:"";}.fa-tumblr-square:before{content:"";}.fa-long-arrow-down:before{content:"";}.fa-long-arrow-up:before{content:"";}.fa-long-arrow-left:before{content:"";}.fa-long-arrow-right:before{content:"";}.fa-apple:before{content:"";}.fa-windows:before{content:"";}.fa-android:before{content:"";}.fa-linux:before{content:"";}.fa-dribbble:before{content:"";}.fa-skype:before{content:"";}.fa-foursquare:before{content:"";}.fa-trello:before{content:"";}.fa-female:before{content:"";}.fa-male:before{content:"";}.fa-gittip:before,.fa-gratipay:before{content:"";}.fa-sun-o:before{content:"";}.fa-moon-o:before{content:"";}.fa-archive:before{content:"";}.fa-bug:before{content:"";}.fa-vk:before{content:"";}.fa-weibo:before{content:"";}.fa-renren:before{content:"";}.fa-pagelines:before{content:"";}.fa-stack-exchange:before{content:"";}.fa-arrow-circle-o-right:before{content:"";}.fa-arrow-circle-o-left:before{content:"";}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"";}.fa-dot-circle-o:before{content:"";}.fa-wheelchair:before{content:"";}.fa-vimeo-square:before{content:"";}.fa-turkish-lira:before,.fa-try:before{content:"";}.fa-plus-square-o:before{content:"";}.fa-space-shuttle:before{content:"";}.fa-slack:before{content:"";}.fa-envelope-square:before{content:"";}.fa-wordpress:before{content:"";}.fa-openid:before{content:"";}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"";}.fa-mortar-board:before,.fa-graduation-cap:before{content:"";}.fa-yahoo:before{content:"";}.fa-google:before{content:"";}.fa-reddit:before{content:"";}.fa-reddit-square:before{content:"";}.fa-stumbleupon-circle:before{content:"";}.fa-stumbleupon:before{content:"";}.fa-delicious:before{content:"";}.fa-digg:before{content:"";}.fa-pied-piper-pp:before{content:"";}.fa-pied-piper-alt:before{content:"";}.fa-drupal:before{content:"";}.fa-joomla:before{content:"";}.fa-language:before{content:"";}.fa-fax:before{content:"";}.fa-building:before{content:"";}.fa-child:before{content:"";}.fa-paw:before{content:"";}.fa-spoon:before{content:"";}.fa-cube:before{content:"";}.fa-cubes:before{content:"";}.fa-behance:before{content:"";}.fa-behance-square:before{content:"";}.fa-steam:before{content:"";}.fa-steam-square:before{content:"";}.fa-recycle:before{content:"";}.fa-automobile:before,.fa-car:before{content:"";}.fa-cab:before,.fa-taxi:before{content:"";}.fa-tree:before{content:"";}.fa-spotify:before{content:"";}.fa-deviantart:before{content:"";}.fa-soundcloud:before{content:"";}.fa-database:before{content:"";}.fa-file-pdf-o:before{content:"";}.fa-file-word-o:before{content:"";}.fa-file-excel-o:before{content:"";}.fa-file-powerpoint-o:before{content:"";}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"";}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"";}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"";}.fa-file-movie-o:before,.fa-file-video-o:before{content:"";}.fa-file-code-o:before{content:"";}.fa-vine:before{content:"";}.fa-codepen:before{content:"";}.fa-jsfiddle:before{content:"";}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"";}.fa-circle-o-notch:before{content:"";}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"";}.fa-ge:before,.fa-empire:before{content:"";}.fa-git-square:before{content:"";}.fa-git:before{content:"";}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"";}.fa-tencent-weibo:before{content:"";}.fa-qq:before{content:"";}.fa-wechat:before,.fa-weixin:before{content:"";}.fa-send:before,.fa-paper-plane:before{content:"";}.fa-send-o:before,.fa-paper-plane-o:before{content:"";}.fa-history:before{content:"";}.fa-circle-thin:before{content:"";}.fa-header:before{content:"";}.fa-paragraph:before{content:"";}.fa-sliders:before{content:"";}.fa-share-alt:before{content:"";}.fa-share-alt-square:before{content:"";}.fa-bomb:before{content:"";}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"";}.fa-tty:before{content:"";}.fa-binoculars:before{content:"";}.fa-plug:before{content:"";}.fa-slideshare:before{content:"";}.fa-twitch:before{content:"";}.fa-yelp:before{content:"";}.fa-newspaper-o:before{content:"";}.fa-wifi:before{content:"";}.fa-calculator:before{content:"";}.fa-paypal:before{content:"";}.fa-google-wallet:before{content:"";}.fa-cc-visa:before{content:"";}.fa-cc-mastercard:before{content:"";}.fa-cc-discover:before{content:"";}.fa-cc-amex:before{content:"";}.fa-cc-paypal:before{content:"";}.fa-cc-stripe:before{content:"";}.fa-bell-slash:before{content:"";}.fa-bell-slash-o:before{content:"";}.fa-trash:before{content:"";}.fa-copyright:before{content:"";}.fa-at:before{content:"";}.fa-eyedropper:before{content:"";}.fa-paint-brush:before{content:"";}.fa-birthday-cake:before{content:"";}.fa-area-chart:before{content:"";}.fa-pie-chart:before{content:"";}.fa-line-chart:before{content:"";}.fa-lastfm:before{content:"";}.fa-lastfm-square:before{content:"";}.fa-toggle-off:before{content:"";}.fa-toggle-on:before{content:"";}.fa-bicycle:before{content:"";}.fa-bus:before{content:"";}.fa-ioxhost:before{content:"";}.fa-angellist:before{content:"";}.fa-cc:before{content:"";}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"";}.fa-meanpath:before{content:"";}.fa-buysellads:before{content:"";}.fa-connectdevelop:before{content:"";}.fa-dashcube:before{content:"";}.fa-forumbee:before{content:"";}.fa-leanpub:before{content:"";}.fa-sellsy:before{content:"";}.fa-shirtsinbulk:before{content:"";}.fa-simplybuilt:before{content:"";}.fa-skyatlas:before{content:"";}.fa-cart-plus:before{content:"";}.fa-cart-arrow-down:before{content:"";}.fa-diamond:before{content:"";}.fa-ship:before{content:"";}.fa-user-secret:before{content:"";}.fa-motorcycle:before{content:"";}.fa-street-view:before{content:"";}.fa-heartbeat:before{content:"";}.fa-venus:before{content:"";}.fa-mars:before{content:"";}.fa-mercury:before{content:"";}.fa-intersex:before,.fa-transgender:before{content:"";}.fa-transgender-alt:before{content:"";}.fa-venus-double:before{content:"";}.fa-mars-double:before{content:"";}.fa-venus-mars:before{content:"";}.fa-mars-stroke:before{content:"";}.fa-mars-stroke-v:before{content:"";}.fa-mars-stroke-h:before{content:"";}.fa-neuter:before{content:"";}.fa-genderless:before{content:"";}.fa-facebook-official:before{content:"";}.fa-pinterest-p:before{content:"";}.fa-whatsapp:before{content:"";}.fa-server:before{content:"";}.fa-user-plus:before{content:"";}.fa-user-times:before{content:"";}.fa-hotel:before,.fa-bed:before{content:"";}.fa-viacoin:before{content:"";}.fa-train:before{content:"";}.fa-subway:before{content:"";}.fa-medium:before{content:"";}.fa-yc:before,.fa-y-combinator:before{content:"";}.fa-optin-monster:before{content:"";}.fa-opencart:before{content:"";}.fa-expeditedssl:before{content:"";}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"";}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"";}.fa-battery-2:before,.fa-battery-half:before{content:"";}.fa-battery-1:before,.fa-battery-quarter:before{content:"";}.fa-battery-0:before,.fa-battery-empty:before{content:"";}.fa-mouse-pointer:before{content:"";}.fa-i-cursor:before{content:"";}.fa-object-group:before{content:"";}.fa-object-ungroup:before{content:"";}.fa-sticky-note:before{content:"";}.fa-sticky-note-o:before{content:"";}.fa-cc-jcb:before{content:"";}.fa-cc-diners-club:before{content:"";}.fa-clone:before{content:"";}.fa-balance-scale:before{content:"";}.fa-hourglass-o:before{content:"";}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"";}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"";}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"";}.fa-hourglass:before{content:"";}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"";}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"";}.fa-hand-scissors-o:before{content:"";}.fa-hand-lizard-o:before{content:"";}.fa-hand-spock-o:before{content:"";}.fa-hand-pointer-o:before{content:"";}.fa-hand-peace-o:before{content:"";}.fa-trademark:before{content:"";}.fa-registered:before{content:"";}.fa-creative-commons:before{content:"";}.fa-gg:before{content:"";}.fa-gg-circle:before{content:"";}.fa-tripadvisor:before{content:"";}.fa-odnoklassniki:before{content:"";}.fa-odnoklassniki-square:before{content:"";}.fa-get-pocket:before{content:"";}.fa-wikipedia-w:before{content:"";}.fa-safari:before{content:"";}.fa-chrome:before{content:"";}.fa-firefox:before{content:"";}.fa-opera:before{content:"";}.fa-internet-explorer:before{content:"";}.fa-tv:before,.fa-television:before{content:"";}.fa-contao:before{content:"";}.fa-500px:before{content:"";}.fa-amazon:before{content:"";}.fa-calendar-plus-o:before{content:"";}.fa-calendar-minus-o:before{content:"";}.fa-calendar-times-o:before{content:"";}.fa-calendar-check-o:before{content:"";}.fa-industry:before{content:"";}.fa-map-pin:before{content:"";}.fa-map-signs:before{content:"";}.fa-map-o:before{content:"";}.fa-map:before{content:"";}.fa-commenting:before{content:"";}.fa-commenting-o:before{content:"";}.fa-houzz:before{content:"";}.fa-vimeo:before{content:"";}.fa-black-tie:before{content:"";}.fa-fonticons:before{content:"";}.fa-reddit-alien:before{content:"";}.fa-edge:before{content:"";}.fa-credit-card-alt:before{content:"";}.fa-codiepie:before{content:"";}.fa-modx:before{content:"";}.fa-fort-awesome:before{content:"";}.fa-usb:before{content:"";}.fa-product-hunt:before{content:"";}.fa-mixcloud:before{content:"";}.fa-scribd:before{content:"";}.fa-pause-circle:before{content:"";}.fa-pause-circle-o:before{content:"";}.fa-stop-circle:before{content:"";}.fa-stop-circle-o:before{content:"";}.fa-shopping-bag:before{content:"";}.fa-shopping-basket:before{content:"";}.fa-hashtag:before{content:"";}.fa-bluetooth:before{content:"";}.fa-bluetooth-b:before{content:"";}.fa-percent:before{content:"";}.fa-gitlab:before{content:"";}.fa-wpbeginner:before{content:"";}.fa-wpforms:before{content:"";}.fa-envira:before{content:"";}.fa-universal-access:before{content:"";}.fa-wheelchair-alt:before{content:"";}.fa-question-circle-o:before{content:"";}.fa-blind:before{content:"";}.fa-audio-description:before{content:"";}.fa-volume-control-phone:before{content:"";}.fa-braille:before{content:"";}.fa-assistive-listening-systems:before{content:"";}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"";}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"";}.fa-glide:before{content:"";}.fa-glide-g:before{content:"";}.fa-signing:before,.fa-sign-language:before{content:"";}.fa-low-vision:before{content:"";}.fa-viadeo:before{content:"";}.fa-viadeo-square:before{content:"";}.fa-snapchat:before{content:"";}.fa-snapchat-ghost:before{content:"";}.fa-snapchat-square:before{content:"";}.fa-pied-piper:before{content:"";}.fa-first-order:before{content:"";}.fa-yoast:before{content:"";}.fa-themeisle:before{content:"";}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"";}.fa-fa:before,.fa-font-awesome:before{content:"";}.fa-handshake-o:before{content:"";}.fa-envelope-open:before{content:"";}.fa-envelope-open-o:before{content:"";}.fa-linode:before{content:"";}.fa-address-book:before{content:"";}.fa-address-book-o:before{content:"";}.fa-vcard:before,.fa-address-card:before{content:"";}.fa-vcard-o:before,.fa-address-card-o:before{content:"";}.fa-user-circle:before{content:"";}.fa-user-circle-o:before{content:"";}.fa-user-o:before{content:"";}.fa-id-badge:before{content:"";}.fa-drivers-license:before,.fa-id-card:before{content:"";}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"";}.fa-quora:before{content:"";}.fa-free-code-camp:before{content:"";}.fa-telegram:before{content:"";}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"";}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"";}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"";}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"";}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"";}.fa-shower:before{content:"";}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"";}.fa-podcast:before{content:"";}.fa-window-maximize:before{content:"";}.fa-window-minimize:before{content:"";}.fa-window-restore:before{content:"";}.fa-times-rectangle:before,.fa-window-close:before{content:"";}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"";}.fa-bandcamp:before{content:"";}.fa-grav:before{content:"";}.fa-etsy:before{content:"";}.fa-imdb:before{content:"";}.fa-ravelry:before{content:"";}.fa-eercast:before{content:"";}.fa-microchip:before{content:"";}.fa-snowflake-o:before{content:"";}.fa-superpowers:before{content:"";}.fa-wpexplorer:before{content:"";}.fa-meetup:before{content:"";}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;}
.flag-icon-background, .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat; }

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.33333em;
  line-height: 1em; }
  .flag-icon:before {
    content: '\00a0'; }
  .flag-icon.flag-icon-squared {
    width: 1em; }

.flag-icon-ca {
  background-image: url(/content/flags/4x3/ca.svg); }
  .flag-icon-ca.flag-icon-squared {
    background-image: url(/content/flags/1x1/ca.svg); }

.flag-icon-gb {
  background-image: url(/content/flags/4x3/gb.svg); }
  .flag-icon-gb.flag-icon-squared {
    background-image: url(/content/flags/1x1/gb.svg); }

.flag-icon-us {
  background-image: url(/content/flags/4x3/us.svg); }
  .flag-icon-us.flag-icon-squared {
    background-image: url(/content/flags/1x1/us.svg); }

.flag-icon-eu {
  background-image: url(/content/flags/4x3/eu.svg); }
  .flag-icon-eu.flag-icon-squared {
    background-image: url(/content/flags/1x1/eu.svg); }

.flag-icon-gb-eng {
  background-image: url(/content/flags/4x3/gb-eng.svg); }
  .flag-icon-gb-eng.flag-icon-squared {
    background-image: url(/content/flags/1x1/gb-eng.svg); }

.flag-icon-gb-nir {
  background-image: url(/content/flags/4x3/gb-nir.svg); }
  .flag-icon-gb-nir.flag-icon-squared {
    background-image: url(/content/flags/1x1/gb-nir.svg); }

.flag-icon-gb-sct {
  background-image: url(/content/flags/4x3/gb-sct.svg); }
  .flag-icon-gb-sct.flag-icon-squared {
    background-image: url(/content/flags/1x1/gb-sct.svg); }

.flag-icon-gb-wls {
  background-image: url(/content/flags/4x3/gb-wls.svg); }
  .flag-icon-gb-wls.flag-icon-squared {
    background-image: url(/content/flags/1x1/gb-wls.svg); }

.flag-icon-un {
  background-image: url(/content/flags/4x3/un.svg); }
  .flag-icon-un.flag-icon-squared {
    background-image: url(/content/flags/1x1/un.svg); }


[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

/* ==========================================================================
	#Reset
========================================================================== */
* {
    padding: 0;
    margin: 0;
    outline: 0;
}

/* ==========================================================================
	#Base
========================================================================== */
html,
body {
    height: 100%;
}

html {
    overflow-y: scroll;
}

body {
    min-width: 1000px;
    background: #212121;
    font-family: "Gotham Narrow Light", sans-serif;
    font-size: 17px;
    line-height: 1.3;
    color: #3e3e3e;
}

.footer {
    font-family: "Gotham Narrow Light", sans-serif;
    background: #212121;
}

a {
    cursor: pointer;
    color: #5cb85c;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

img {
    border: 0;
    vertical-align: middle;
}

ul,
ol {
    list-style-position: inside;
}

input {
    border: none;
    background: transparent;
}

select {
    border: none;
    background: transparent;
}

section {
    background: #fff;
}

/* ==========================================================================
	#Helpers
========================================================================== */
.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: ' ';
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.underline {
    text-decoration: underline;
}

/* ==========================================================================
	#General
========================================================================== */
.search,
.section-search,
.nav-access ul,
.bar ol,
.section-info,
.section-features .section-body,
.section-details,
.section-details .shell,
.sort ul,
.footer-cols,
.table-details,
.details,
.detail ul {
    overflow: hidden;
}

    .nav-access ul,
    .bar ol,
    .section-info ul,
    .features,
    .slides,
    .prices,
    .slider-paging ul,
    .contact ul,
    .footer-nav ul,
    .bar-results .sort ul,
    .paging ul,
    .form-select ul,
    .details,
    .detail ul {
        list-style: none outside none;
    }

    .nav-access li,
    .logo,
    .form-row,
    .search-field,
    .bar li,
    .bar,
    .section-features .feature,
    .slide,
    .price,
    .price-details,
    .footer-col,
    .search-secondary,
    .search-secondary select,
    .bar-results .sort li,
    .bar-results .results,
    .form-select li,
    .detail li,
    .select-checkbox  {
        float: left;
    }

        .bar .nav-access,
        .bar-results .sort {
            float: right;
        }

        .nav-access,
        .select,
        .section-info .number,
        .section-features h1,
        .section-features .feature h4,
        .bar-results,
        .section-details h4,
        .table-details .gray,
        .btn-green,
        .section-details .paging a,
        .leftLabel,
        .rightLabel,
        .form-select span,
        .form-select > ul > li {
            font-family: "Gotham Narrow Medium", sans-serif;
        }

    .section-search h1,
    .section-search p,
    .footer-body h4,
    .table-details .green {
        font-family: "Gotham Narrow Bold", sans-serif;
    }

.bar,
.section-features .feature p {
    font-family: "Gotham Book", sans-serif;
}

.section-info .text,
.price-details {
    font-family: "Gotham Narrow Book",sans-serif;
}

.section-search h1,
.section-features .feature h4,
.section-features h1,
.footer-body h4,
.section-details h4 {
    font-weight: normal;
}

/* ==========================================================================
	#DNT
========================================================================== */

.dnt-url-wrapper {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #333;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.dnt-url {
    padding: 15px;
    line-height: 18px;
    font-family: "Gotham Narrow Light", sans-serif !important;
}

.dnt-url h3 {
    margin-top: 0 !important;
    font-size: 18px;
    font-family: "Gotham Narrow Light", sans-serif !important;
}

.dnt-url i {
    font-size: 14px;
}

.dnt-url span {
    font-size: 17px;
}

.dnt-url a {
    color: #fff !important;
    text-decoration: underline;
}

/* ==========================================================================
	#Containers
========================================================================== */
.wrapper {
    clear: both;
}

.shell {
    width: 1100px;
    margin: 0 auto;
}

    .shell:after {
        content: "";
        clear: both;
        display: table;
        *zoom: 1;
    }

.content {
    margin: 15px 20px;
}

/* ==========================================================================
	#Header
========================================================================== */
.header {
    height: 99px;
    background: #fff;
}

.logo {
    overflow: hidden;
    width: 321px;
    height: 69px;
    margin-top: 26px;
    background: url(/Content/logo.svg) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}

.navbar-form {
    font-weight:bold;
}

.nav-access {
    float: right;
    margin-top: 33px;
}

    .nav-access li {
        border: 2px solid #006e37;
        border-radius: 2px;
    }

        .nav-access li ~ li {
            margin-left: 3px;
        }

    .nav-access a {
        display: block;
        padding: 13px 15px;
        font-size: 14px;
        line-height: 3.7px;
        color: #006e37;
        text-decoration: none;
        text-transform: uppercase;
    }

    .nav-access button {
        display: block;
        padding: 13px 15px;
        font-size: 14px;
        line-height: 3.7px;
        color: #006e37;
        text-decoration: none;
        text-transform: uppercase;
        background: none;
        border: none;
        cursor: pointer;
        align-items: stretch;
        font-style: normal;
        font-variant: normal;
        font-variant-ligatures: normal;
        font-weight: normal;
        text-align: left;
        vertical-align: baseline;
        border-bottom-color: none;
        white-space: normal;
        outline-color: rgb(255, 255, 255);
    }

        .nav-access .current a,
        .nav-access button:hover,
        .nav-access a:hover {
            background: #006e37;
            color: #fff;
        }


/* ==========================================================================
	#Section Details
========================================================================== */
.section-details {
    width: 100%;
    background: #f6f6f6;
    overflow: visible;
    padding-bottom: 5px;
    padding-top: 1px;
    margin-top: -1px;
}

    .section-details .section-body {
        overflow: hidden;
        border: 1px solid #d1d1d1;
        border-top: none;
        background: #fff;
    }

    .section-details h4 {
        margin: 23px 24px 0;
        font-size: 25px;
        line-height: 1.2;
    }

.section-image {
    margin: 21px 24px 0;
}


/* ==========================================================================
	#Footer
========================================================================== */
.footer-body {
    height: 224px;
    margin-top: 48px;
}

    .footer-body h4 {
        padding-bottom: 5px;
        color: #60ba00;
        text-transform: uppercase;
    }

.footer-col span,
.footer-col a,
.copyright {
    font-size: 14px;
    color: #8b8b8b;
}

.footer-col li {
    font-size: 14px;
    color: #8b8b8b;
    margin-bottom: 5px;
}

.footer-col ~ .footer-col {
    margin-left: 79px;
}

.footer-nav a {
    text-decoration: none;
}

    .footer-nav a:hover {
        text-decoration: underline;
    }

/* ==========================================================================
	#Ad
========================================================================== */
.ad { width: 1000px; height: 48px; background-color: #f5f5f5; border: 1px solid #ddd; font-size: 15px; font-weight: bold; text-align: center; display:block; margin-right:auto; margin-left:auto; margin-top:10px; padding: 5px 100px 5px 100px; box-sizing: border-box; }
.ad strong { color:#5cb85c; font-weight:bolder; }

/* ------------------------------------------------------------ *\
	The CSS for the new header starts here
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { padding-bottom: 13px; }

.header .header-inner { padding-top: 50px; }

/* ------------------------------------------------------------ *\
	Clear
\* ------------------------------------------------------------ */

    ul:after,
    .header-inner:after,
    .header:after {
        content: '';
        display: table;
        width: 100%;
        clear: both;
    }

._hj-widget-container ul:after{
    content: unset;
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav {
    float: right;
    padding-top: 12px;
    font-family: 'Gotham Narrow Bold', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}

.nav ul { list-style-type: none; }
.nav i { position: relative; top: 1px; }

.nav li { position: relative; float: left; padding-bottom: 15px; margin-left: 13px; }
.nav li:first-child { margin-left: 0; }
.nav > ul > li:hover > a { color: #67bb00; text-decoration: none; }
.nav > ul > li:hover > a > i { background-position: 0 -357px; }
.nav li:hover .nav-dropdown { visibility: visible; opacity: 1; }

.nav a { color: #000; }

.nav .nav-dropdown { width: 307px; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

/* ------------------------------------------------------------ *\
	Nav Dropdown
\* ------------------------------------------------------------ */

.nav-dropdown { position: absolute; top: 41px; left: 50%; visibility: hidden; opacity: 0; border: 1px solid #d1d1d1; border-radius: 4px; font-family: 'Droid Sans', sans-serif; font-size: 15px; font-weight: 700; text-transform: none; background: #fff; transition: opacity .5s; z-index: 200; }

.nav-dropdown:before { content: ''; position: absolute; width: 0; height: 0; top: -11px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); border-style: solid; border-width: 0 11px 11px 11px; border-color: transparent transparent #fff transparent; z-index: 20; }
.nav-dropdown:after { content: ''; position: absolute; width: 0; height: 0; top: -12px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); border-style: solid; border-width: 0 12px 12px 12px; border-color: transparent transparent #d1d1d1 transparent; z-index: 19; }

.nav-dropdown li { float: none; width: 100%; padding: 0; margin: 0; border-bottom: 1px solid #d1d1d1; } 
.nav-dropdown li:last-child { border: 0; }

.nav-dropdown a { display: block; padding: 20px 18px 17px 18px; color: #3e3e3e; }
.nav-dropdown a:hover { text-decoration: none; color: #67bb00; }

/* ------------------------------------------------------------ *\
	Nav Utilities
\* ------------------------------------------------------------ */

.nav-utilities { float: right; padding-top: 2px; }

.nav-utilities ul { list-style-type: none; }
.nav-utilities li { float: left; margin-left: 14px; }

.nav-utilities a,
.nav-utilities button { font-family: 'Gotham Narrow Medium', sans-serif; font-size: 14px; color: #999; }
.nav-utilities button {
    border: 0px;
    background-color: transparent;
    cursor:pointer;
} 
.nav-utilities button:hover{
    text-decoration: underline;
}
.nav-utilities i { margin-top: -4px; }

/* ------------------------------------------------------------ *\
	Nav Access
\* ------------------------------------------------------------ */

.nav-access-secondary { display: block; float: right; padding-top: 3px; margin-left: 13px; }

.nav-access-secondary ul { overflow: visible; }

.nav-access-secondary li { position: relative; float: left; z-index: 40; list-style-type:none; }
.nav-access-secondary li.unread { background-color: #fafafa; }
.nav-access-secondary li:hover { box-shadow: 0 10px 5px rgba(0, 0, 0, .2); transition: .7s; }
.nav-access-secondary li:hover .nav-dropdown { visibility: visible; opacity: 1; z-index: 50; }
.nav-access-secondary li:nth-child(2) .nav-dropdown a { color: #006e37; }
.nav-access-secondary li:nth-child(2) .nav-dropdown a:hover { color: #3e3e3e; }

.nav-access-secondary span { position: absolute; display: inline-block; width: 18px; height: 13px; top: 4px; right: 2px; border-radius: 2px; font-family: 'Gotham Narrow Medium', sans-serif; font-size: 11px; color: #fff; text-align: center; background: #de8100; }
.nav-access-secondary a { position: relative; display: inline-block; padding: 8px 10px; border: 1px solid transparent; border-radius: 9px 9px 0 0; background: #fff; z-index: 1000; }
.nav-access-secondary li.unread a { background-color: #fafafa; }
.nav-access-secondary i { vertical-align: bottom; }

.nav-access-secondary > ul > li:hover > a { border: 1px solid #d1d1d1; border-bottom: 0; transition: .5s; }
.nav-access-secondary > ul > li > a { min-height: 24px; }
.nav-access-secondary > ul > li:nth-child(1) > a { padding-right: 17px; }
.nav-access-secondary > ul > li:nth-child(1) > a > span { right: 7px; }

.nav-access-secondary .nav-dropdown { width: 345px; top: 40px; left: 100%; transform: translateX(-100%); -webkit-transform: translateX(-100%); border-radius: 5px 0 5px 5px; z-index: 10; }

.nav-access-secondary .nav-dropdown:before,
.nav-access-secondary .nav-dropdown:after { content: ''; display: none; }

.nav-access-secondary .nav-dropdown li { display: block; width: 100%; min-height: 57px; }
.nav-access-secondary .nav-dropdown li:hover { box-shadow: none; }
.nav-access-secondary .nav-dropdown i { position: absolute; top: 50%; left: 30px; 
		-ms-transform: translate(-50%, -50%); 
	-webkit-transform: translate(-50%, -50%); 
	    	transform: translate(-50%, -50%);
}

.nav-access-secondary .nav-dropdown small { display: block; padding-bottom: 17px; }
.nav-access-secondary .nav-dropdown span { position: static; }
.nav-access-secondary .nav-dropdown .ico-arrow-right { position: absolute; top: 50%; left: auto; right: 15px; z-index: 200; 
		-ms-transform: translate(0%, -50%); 
	-webkit-transform: translate(0%, -50%); 
	    	transform: translate(0%, -50%);
}

.nav-access-secondary .nav-dropdown a { display: block; min-height: 39px; vertical-align: middle; padding: 18px 20px 0 53px; border: 0; border-radius: 9px; }
.nav-access-secondary .nav-dropdown a:hover { color: #67bb00; text-decoration: none; }
.lot-rating-badge {
    margin-top: 0.25rem;
    z-index: 200;
    font-size: 1.4rem;
}

.lot-rating-badge a {
    color: black !important;
}

.lot-rating-badge a:hover {
    text-decoration: none;
}

.lot-rating-badge i {
    color: gold !important;
}

.lot-rating-badge:hover {
    text-decoration: none;
}
.win-this img {
    transition: 0.1s ease-in-out all;
}
.win-this p {
    margin-top: 0.2rem;
}
.win-this a:hover{
    text-decoration: none;
}

.win-this img:hover {
    transform: scale(1.03);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.pull-right { float: right; }

/* ==========================================================================
	#Section Search
========================================================================== */
.section-search {
    width: 100%;
    height: 360px;
    background: url(/Content/home/section-hero-with-bubble.jpg);
    background-size: cover;
}

    .section-search .section-body {
        margin-top: 62px;
    }

    .section-search h1 {
        font-size: 50px;
        color: #fff;
        text-transform: uppercase;
    }

    .section-search p {
        font-size: 18px;
        margin-top: -7px;
        color: #fff;
    }

/* ==========================================================================
	#Search
========================================================================== */
.search {
    position: relative;
    width: 830px;
    padding: 10px;
    margin-top: 13px;
    background: #3e3e3e;
}

.search select {
    background: #fff;
}

.search .select {
    width: 168px;
    height: 40px;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    cursor: pointer;
}

    .search .select ~ .select {
        margin-top: 7px;
        margin-left: 5px;
    }

/* ==========================================================================
	#Listings
========================================================================== */

.search-secondary {
    position: relative;
    margin-top: 18px;
}

    .search-secondary .search-field {
        width: 562px;
        padding: 11px;
        background: #fff;
        position: relative;
    }

        .search-secondary .search-field input {
            margin-left: 0;
            height: 19px;
            font-size: 1em;
            width: calc(100% - 25px);
            float: left;
        }

    .search-secondary .search-btn {
        cursor: pointer;
        background: transparent;
        border: none;
        height: 19px;
        font-size: .9em;
        float: right;
    }

        .search-secondary .search-btn:hover {
            opacity: 0.7;
        }

    .search-secondary .form-controls {
        overflow: hidden;
    }

.sorting select {
    background: #fff;
}

.sorting .select {
    width: auto;
    background: #60ba00;
    border: lightgoldenrodyellow 1px solid;
    height: 2.2em;
    border-radius: 5px;
    min-width: 90px;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 5px;
}


    .sorting .select ~ .select {
        margin-top: 7px;
        margin-left: 5px;
    }

/* ==========================================================================
	#Bar
========================================================================== */
.bar {
    width: 100%;
    height: 31px;
    background: #3e3e3e;
    font-size: 11px;
    line-height: 31px;
    color: #fff;
}

    .bar li {
        margin-left: 21px;
    }

.increase {
    color: #60ba00;
}

.decrease {
    color: #ff1324;
}


/* ==========================================================================
	#Section Info
========================================================================== */
.section-info {
    width: 100%;
    height: 149px;
    border-bottom: 1px solid #a0d666;
    background: #60ba00;
    color: #fff;
    text-align: center;
}

    .section-info ul {
        margin-top: 10px;
    }

    .section-info li {
        display: inline-block;
    }

        .section-info li ~ li {
            margin-left: 110px;
        }

    .section-info .number {
        font-size: 60px;
    }

    .section-info .text {
        font-size: 30px;
    }

/* ==========================================================================
	#Section Features
========================================================================== */
.section-features {
    min-height: 10rem;
    text-align: center;
}

    .section-features h1 {
        padding-bottom: 37px;
        margin-top: 54px;
        font-size: 39px;
        line-height: 1.6;
    }

    .section-features .features {
        display: inline-block;
    }

    .section-features .section-body {
        overflow: hidden;
    }

    .section-features .feature {
        width: 274px;
        margin-top: 50px;
        font-size: 13px;
    }

        .section-features .feature ~ .feature {
            margin-left: 51px;
        }

        .section-features .feature h4 {
            font-size: 25px;
            text-decoration: none;
        }

        .section-features .feature a {
            text-decoration: none;
        }

    .section-features .feature-image {
        display: inline-block;
        margin-bottom: 14px;
        cursor: pointer;
    }

    .section-features span {
        color: #60ba00;
    }

/* ==========================================================================
	#Average Prices
========================================================================== */
.average-prices {
    position: absolute;
    z-index: 2;
    width: 960px;
    padding-top: 6px;
    margin-top: 57px;
}

.price-details {
    margin-left: 6px;
}

    .price-details p {
        margin-left: 6px;
        font-size: 20px;
    }

    .price-details span {
        font-size: 25px;
    }

.price {
    padding-top: 25px;
    height: 77px;
    cursor: pointer;
}

    .price ~ .price {
        margin-left: 40px;
    }

.average-prices .price-green-current,
.price-green:hover {
    box-shadow: inset 0 4px 0 0 #60ba00;
}

.average-prices .price-red-current,
.price-red:hover {
    box-shadow: inset 0 4px 0 0 #ba000d;
}

.price .increase-lb,
.price .decrease-lb {
    font-size: 17px;
}

.increase-lb {
    color: #60ba00;
}

.decrease-lb {
    color: #ff1324;
}

/* ==========================================================================
	#Bar Top
========================================================================== */
.topForm {
    width: 100%;
}

.bar-top {
    width: 100%;
    /*height: 78px;*/
    height: auto;
    background: #52b400;
}

/* ==========================================================================
	#Search Secondary
========================================================================== */

    .search-secondary select {
        width: 157px;
        height: 40px;
        margin-top: 0;
        margin-left: 9px;
        background: #fff;
        color: #2f2f2f;
        cursor: pointer;
        text-transform: uppercase;
    }

    .search-secondary .form-row select ~ select {
        background: none;
        border: 1px solid #fff;
        margin-top: 0;
        color: #fff;
    }

    .search-secondary .variety-white {
        margin-left: 7px;
        background: #fff;
        border-color: #fff;
    }

        .search-secondary .variety-white ul li {
            background: #fff;
        }

    .search-secondary .advanced-green {
        border: 1px solid #fff;
        color: #fff;
    }

    .search-secondary-fa {
        margin-right: 13px;
    }

    .search-secondary .form-select {
        position: relative;
        /*z-index: 20;*/
        margin-top: 0;
    }

    .search-secondary .variety-white ul,
    .search-secondary .advanced-green ul {
        margin-top: 1px;
        height: auto;
        background: #fff;
    }

    .search-secondary .variety-white:hover {
        color: #000;
    }

    .search-secondary .advanced-green:hover {
        color: #fff;
    }

    .search-secondary .variety-white ul li,
    .search-secondary .advanced-green ul li {
        width: calc(100% - 10px);
        margin-left: 0;
        background: #fff;
    }

    .search-secondary .variety-white a,
    .search-secondary .advanced-green a {
        text-decoration: none;
        color: #000;
    }

/* ==========================================================================
	#Bar Select
========================================================================== */
.bar-select {
    border-bottom: 1px solid #d1d1d1;
    background: #fff;
}

    .bar-select .select {
        display: none;
        width: 154px;
        height: 38px;
        border: 1px solid #52b400;
        margin-top: 21px;
        background: #fff;
        text-transform: uppercase;
        cursor: pointer;
    }

        .bar-select .select ~ .select {
            margin-left: 6px;
        }

        .bar-select .select:hover {
            color: #dc7700;
        }

    /* ==========================================================================
	#Custom Select with Range Slider
========================================================================== */
.range-slider { height: 95px; }

    /*.bar-select .shell {
    }*/

.form-select {
    float: left;
    margin: 10px 0 20px 0;
}

    .form-select > ul > li {
        position: relative;
        z-index: auto;
        width: 210px;
        padding: 11px 0 10px 15px;
        border: 1px solid #52b400;
        font-size: 14px;
        text-transform: uppercase;
        cursor: pointer;
        box-sizing: border-box;
        margin-right: 7px;
    }

    .form-select > ul > li:last-child {
        margin-right: 0;
    }

    .bar-select .form-select > ul > li {
        margin-top: 10px;
    }

    .form-select .current,
    .form-select li:hover > ul {
        display: block;
    }

    .form-select li:hover {
        color: #dc7700;
    }

.form-select ul ul { position: absolute; display: none; top: 39px; left: -1px; z-index: 3; min-width: 250px; height: auto; border: 1px solid #d1d1d1; background: #fff; padding-right: 35px; }
.form-select ul ul li { border: none; text-transform: none; cursor: default; }

.leftLabel,
.rightLabel {
    width: 48px;
    height: 20px;
    padding: 5px 0;
    border: 1px solid #a6a6a6;
    font-size: 14px;
    color: #2f2f2f;
    text-align: center;
}

.rightLabel {
    float: right;
}

.leftLabel {
    float: left;
    margin-left: 18px;
}

.range-bar {
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 1;
    width: 166px;
    height: 9px;
    background: #c8c8c8;
}

.form-select .separator { display: inline-block; margin: 5px 15px 0; color: #2f2f2f; }

.form-label { cursor: pointer; }

/* ==========================================================================
	#Custom Checkbox
========================================================================== */
.select-checkbox { max-height: 350px; overflow-y: auto; }
.select-checkbox li { display: block; float: none; padding: 3px 0; color: #000; }
.select-checkbox li ~ li { margin: 0; }

.custom-checkbox { white-space: nowrap; }
.custom-checkbox input { opacity: 0; filter: alpha(opacity=0); position: absolute; }
.custom-checkbox-fake { cursor: pointer; margin: -4px 0 0 5px; font-size: 21px; float: left; height: 14px; width: 23px; }
.custom-checkbox-fake:before { content: "\f096"; font-family: 'FontAwesome'; color: #52b400 }
.custom-input-checked .custom-checkbox-fake:before { content: "\f046" }
.custom-input-disabled .custom-checkbox-fake { opacity: .5; filter: alpha(opacity=50); }

/* ==========================================================================
	#Bar Results
========================================================================== */
.bar-results {
    padding: 5px 0;
    border-bottom: 1px solid #d1d1d1;
    background: #fff;
    font-size: 15px;
}
    .bar-results .shell {
        clear: both;
    }

    .bar-results span {
        color: #888;
    }

    .bar-results .results {
        width: 523px;
        margin-top: 11px;
    }

    .bar-results .sort li:first-child {
        margin-top: 8px;
    }

    .bar-results .sort li ~ li {
        margin-left: 13px;
    }


/* ==========================================================================
	#Table - Form Details
========================================================================== */
.form-details {
    overflow: hidden;
}

.table-details table {
    border-collapse: collapse;
}

.table-details td {
    height: 69px;
}

    .table-details td:first-child,
    .table-details td:last-child {
        padding: 0 39px;
    }

.table-details tr {
    border: 1px solid #d1d1d1;
    border-left: none;
    border-right: none;
}

.table-details .green {
    font-size: 23px;
    color: #60ba00;
}

.table-details .gray {
    color: #3e3e3e;
    font-size: 14px;
}

.table-details p {
    font-size: 14px;
    color: #9a9a9a;
}

.table-details tr:hover {
    background: #f2f8ec;
    cursor: pointer;
}

.table-actions {
    text-align: right;
}

.section-foot {
    margin-top: 22px;
}

.section-foot-bottom {
    margin-bottom: 45px;
}

.section-details .paging {
    text-align: center;
}

    .section-details .paging li {
        display: inline-block;
    }

        .section-details .paging li ~ li {
            margin-left: 11px;
        }

    .section-details .paging a {
        padding: 3px 10px;
        border: 1px solid #9a9a9a;
        background: #fff;
        font-size: 14px;
        color: #7f7f7f;
        text-decoration: none;
        display: inline-block;
    }

        .section-details .paging .current a,
        .section-details .paging a:hover {
            background: #343434;
            color: #fff;
        }

/* ==========================================================================
	#Details
========================================================================== */
    .detail-wrapper {
        position: relative;
    }

    .detail {
        float: left;
        border-top: 1px solid #d1d1d1;
        cursor: pointer;
        width: calc(100% - 40px);
        padding: 15px 20px 20px 20px;
    }

    .detail-wrapper:hover .detail {
        background: #f2f8ec;
    }

    .detail ~ .detail {
        border-top: 1px solid #d1d1d1;
    }

    .detail .price {
        width: 136px;
        height: 56px;
        /*padding-left: 40px;*/
        padding-bottom: 0;
        padding-top: 0;
    }

    .detail .price .flag-icon {
        height: 14px;
    }

    .detail .year {
        width: 165px;
        margin-right: 5px;
    }

    .detail .lbs {
        width: 172px;
    }

    .detail .pellet {
        width: 180px;
    }

    .detail .c-name {
        width: 185px;
    }

    .detail .table-actions-wrapper {
        float: right;
    }

    .detail .table-actions {
        width: 97px;
    }

    .detail strong {
        font-family: "Gotham Narrow Medium", sans-serif;
        font-size: 14px;
    }

    .detail-wrapper .big {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;   
        z-index: 0;
    }

    .detail-wrapper .normal {
        position: relative;
        z-index: 1;  
    }

/* ==========================================================================
	#Buttons
========================================================================== */

.btn-green {
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    width: 97px;
    height: 25px;
    background: #60ba00;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

    .btn-green:hover {
        text-decoration: none;
        background: #dc7700;
    }

.btn-green-wide {
    width: auto;
    padding-right:20px;
    padding-left: 20px;
}



.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p, .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-warning {
    background: #fff;
    border-color: #faeacc;
}
/*  Nav Trigger  */

.nav-trigger { position: relative; display: inline-block; width: 30px; height: 20px; }
.nav-trigger span { position: absolute; display: block; height: 2px; width: 100%; background: #000; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
.nav-trigger span:nth-child(1) { top: 0; }
.nav-trigger span:nth-child(2) { top: 8px; }
.nav-trigger span:nth-child(3) { top: 17px; }

.nav-trigger strong { position: absolute; top: -7px; right: -7px; display: inline-block; width: 18px; height: 13px; border-radius: 2px; font-size: 11px; color: #fff; text-align: center; background: #de8100; z-index: 5; }

.nav-trigger.clicked span { transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
    
.nav-trigger.clicked span:nth-child(3),
.nav-trigger.clicked span:nth-child(1) { top: 8px;  background: #60ba00; }

.nav-trigger.clicked span:nth-child(2) { opacity: 0; }
.nav-trigger.clicked span:nth-child(1) { transform: rotate(45deg); }
.nav-trigger.clicked span:nth-child(3) { transform: rotate(-45deg); }

.nav > ul > li:last-child { display: none; }

.nav-access-secondary-alt { display: none; position: static; padding-top: 0; margin-top: -10px; }
.nav-access-secondary-alt li { position: static; -webkit-box-shadow: none; box-shadow: none; }
.nav-access-secondary-alt li a { border-color: transparent; background: none; }
.nav-access-secondary-alt li:hover { -webkit-box-shadow: none; box-shadow: none; }
.nav-access-secondary-alt .nav-dropdown { width: 100%; top: 100%; left: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding: 10px; margin-top: -11px; }
.nav-access-secondary-alt .nav-dropdown.active { visibility: visible; opacity: 1; z-index: 50; }
.nav-access-secondary-alt .nav-dropdown li { margin-left: 0; }

.nav-utilities > ul > li.items-cloned { display: none; }

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

.mobile-only { display: none; }

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media(max-width: 1440px){
	.nav:not(.nav--secondary) > ul > li:nth-last-child(2) .nav-dropdown { left: auto; right: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	.nav:not(.nav--secondary) > ul > li:nth-last-child(2) .nav-dropdown:after,
	.nav:not(.nav--secondary) > ul > li:nth-last-child(2) .nav-dropdown:before { left: auto; right: 20px; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	.nav:not(.nav--secondary) > ul > li:nth-last-child(2) .nav-dropdown:after { right: 19px; }

	.nav > ul > li:nth-last-child(4) .nav-dropdown { left: auto; right: -10px; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	.nav > ul > li:nth-last-child(4) .nav-dropdown:after,
	.nav > ul > li:nth-last-child(4) .nav-dropdown:before { left: auto; right: 20px; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	.nav > ul > li:nth-last-child(4) .nav-dropdown:after { right: 19px; }
}

@media(max-width: 1130px){
	body { min-width: 320px; }
	.shell { width: 100%; padding: 0 15px; }

	.header { height: auto; }
	.header .header-inner { padding-top: 25px; }

	.nav-utilities,
	.nav-access-secondary { margin-right: 15px; }

	.nav { padding-top: 0; }
}

@media(max-width: 1130px){
	* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.logo { font-size: 0; line-height: 0; text-indent: -4004px; }

	/* ------------------------------------------------------------ *\
		Header
	\* ------------------------------------------------------------ */
	
	.header { height: auto; position: relative; }
	.header .header-inner { padding-top: 0; clear: right; }
	.header .shell { padding: 0 5px; }

	/* ------------------------------------------------------------ *\
		Logo
	\* ------------------------------------------------------------ */
	
	.logo { width: 250px; height: 53px; margin-top: 15px; }

	/* ------------------------------------------------------------ *\
		Nav
	\* ------------------------------------------------------------ */
		
	/*.nav { font-size: 14px; clear: both; }*/

	.nav-access-secondary { }

	.nav-utilities,
	.nav-access-secondary { margin-right: 0; }

	/* ------------------------------------------------------------ *\
		Section
	\* ------------------------------------------------------------ */
	
	.section-info ul { display: table; width: 100%; margin-top: 22px; }
	.section-info li { display: table-cell; text-align: center; }
	.section-info li~li { margin-left: 0; }
	.section-info .number { font-size: 50px; }
	.section-info .text { font-size: 24px; }

	/*  Features  */

	.section-features { height: auto; }
	.section-features .features { margin: 0 -10px 40px; }
	.section-features .feature { width: 33.33%; padding: 0 10px; }
	.section-features .feature~.feature { margin-left: 0; }

	/* ------------------------------------------------------------ *\
		Footer
	\* ------------------------------------------------------------ */
	
	.footer-cols { margin: 0 -15px; }
	.footer-col { width: 25%; padding: 0 15px; }
	.footer-col~.footer-col { margin-left: 0px; }

	/* ------------------------------------------------------------ *\
		INNER PAGE
	\* ------------------------------------------------------------ */
	
	/* ------------------------------------------------------------ *\
		Search Secondary
	\* ------------------------------------------------------------ */
	
    .search-field,
	.search { width: 100%; height: auto; }

	.search-field { margin-bottom: 15px; }

	.search-secondary { }
	.search-secondary .search-field { width: 400px; }
	.search-secondary .form-select > ul > li { height: 41px; }

	.form-select > ul > li { height: 41px; }

	.sorting .select { -webkit-appearance: none; }

	/* ------------------------------------------------------------ *\
		Details
	\* ------------------------------------------------------------ */
	
	.detail { width: 100%; height: auto; padding: 10px; }
	.detail a { text-decoration: none; }
	.detail ul { display: table; width: 100%; }
	
	.detail ul a { display: table-cell; float: none; vertical-align: top; }
	.detail ul li { display: table-cell; float: left; vertical-align: top; width: calc((100% - 154px) / 6); }
	
	/*.detail > ul > li:last-child { text-align: right; width: 130px; padding-right: 15px; }*/
	.detail > ul > li:nth-last-child(2) { text-align: left; width: 110px; }
	.detail > ul > a { width: calc(100% - 220px - 130px); }
	.detail > ul > a li { width: 25%; padding: 0 5px; }

	.detail .price { width: 100px; /* padding-left: 15px;*/ }
	
	/*.detail .table-actions { width: auto; }*/
	.detail .table-actions .btn { float: right; }

	.detail .year,
	.detail .lbs,
    .detail .pellet,
	.detail .c-name { width: 100px; margin-right: 0; }
	
	.detail .c-name a { display: inline-block; vertical-align: middle; }

	/* ------------------------------------------------------------ *\
		Btn
	\* ------------------------------------------------------------ */
	
	.btn-green { height: 35px; }
}

@media(max-width: 767px){
	body { font-size: 15px; }

	.mobile-only { display: inline-block; }
	.desktop-only { display: none !important; }

	.wrapper { overflow: hidden; }

	/* ------------------------------------------------------------ *\
		Header
	\* ------------------------------------------------------------ */
	
	.header { text-align: center; }
	.header .header-inner { padding-top: 20px; }

	/* ------------------------------------------------------------ *\
		Logo
	\* ------------------------------------------------------------ */
	
	.logo { float: none; display: inline-block; vertical-align: middle; }

	/* ------------------------------------------------------------ *\
		Nav
	\* ------------------------------------------------------------ */
	
	.nav { font-size: 13px; float: none; position: relative; text-transform: none; }
	.nav > ul { display: table; width: 100%; text-align: center; }
	.nav > ul > li { display: table-cell; float: none; padding-bottom: 0; position: static; vertical-align: middle; }
	.nav > ul > li:last-child { text-align: right; display: inline-block; }
	
	.nav > ul > li > a { position: relative; z-index: 300; }
	.nav > ul > li > a.active:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 11px 11px 11px; border-color: transparent transparent #d1d1d1 transparent; position: absolute; bottom: -15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
	.nav > ul > li > a.active:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 11px 11px 11px; border-color: transparent transparent #fff transparent; position: absolute; bottom: -16px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

	.nav li:hover .nav-dropdown { opacity: 0; visibility: hidden; }
	.nav li .nav-dropdown.active { opacity: 1; visibility: visible; }

	/*  Dropdown  */

	.nav > ul > li:nth-last-child(2) .nav-dropdown,
	.nav .nav-dropdown { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: -5px; top: 34px; width: calc(100% + 10px); border-radius: 0; }

	.nav > ul > li:last-child > a.active:before,
	.nav > ul > li:last-child > a.active:after,
	.nav-dropdown:before,
	.nav-dropdown:after { display: none; }

	/* ------------------------------------------------------------ *\
		Nav Utilities
	\* ------------------------------------------------------------ */
	
	.nav-utilities { position: absolute; top: 100%; left: 0; width: 100%; z-index: -1; opacity: 0; visibility: hidden; background: #fff; padding: 20px 10px 10px; text-align: right; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; }
	.nav-utilities.active { z-index: 1; opacity: 1; visibility: visible; }
	.nav-utilities > ul { float: right; }
	.nav-utilities > ul > li { float: none; display: inline-block; position: static; }
	.nav-utilities > ul > li i { display: none; }
	.nav-utilities > ul > li a { font-size: 12px; }

	.nav-utilities .nav-dropdown { width: 100%; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: 0; top: 100%; border-radius: 0; padding: 0 20px 0 0px; }

	.nav-utilities li:hover .nav-dropdown { opacity: 0; visibility: hidden; }
	.nav-utilities li .nav-dropdown.active { opacity: 1; visibility: visible; }

	/* ------------------------------------------------------------ *\
		Nav Access
	\* ------------------------------------------------------------ */
	
	.nav-access-secondary { display: none; }
	.nav-access-secondary-alt { display: inline-block; float: left; margin-left: 0; }
	.nav-access-secondary-alt li { margin-left: 0; }

	.nav-access-secondary li:hover .nav-dropdown { display: none; }
	.nav-access-secondary li:hover .nav-dropdown.active { display: block; }
	.nav-access-secondary>ul>li:hover>a { border-color: transparent; }
	
	.nav-access-secondary a { padding: 8px 5px; }
	
	.nav-access-secondary>ul>li:hover>a.active,
	.nav-access-secondary a.active { border: 1px solid #ccc; }

	.nav-access-secondary .nav-dropdown li { min-height: 0; }
	.nav-access-secondary .nav-dropdown a { padding-bottom: 15px; }

	/* ------------------------------------------------------------ *\
		Section
	\* ------------------------------------------------------------ */
	
	.section-search h1 { font-size: 40px; }
	.section-search p { font-size: 16px; }

	/*  Info  */

	.section-info { height: auto; padding-bottom: 20px; padding-block: min(1rem, 34px);}
	.section-info li { display: block; width: 50%; float: left; margin-bottom: 20px; }
	.section-info .number { font-size: 30px; }
	.section-info .text { font-size: 18px; }

	/*  Features  */

	.section-features h1 { line-height: 1.3; font-size: 30px; }
	.section-features .feature { width: 100%; float: none; }

	/* ------------------------------------------------------------ *\
		Footer
	\* ------------------------------------------------------------ */
	
	.footer { padding-bottom: 30px; text-align: center; }
	.footer-body { height: auto; }
	.footer-col { float: none; width: 100%; }
	.footer-col~.footer-col { margin-left: 0; margin-top: 20px; }

	/* ------------------------------------------------------------ *\
		INNER PAGE
	\* ------------------------------------------------------------ */
	
	/* ------------------------------------------------------------ *\
		Top Bar
	\* ------------------------------------------------------------ */
	
	.bar-select .shell,
	.bar-select,
	.bar-top { height: auto; }
	
	.bar-select .shell { padding-bottom: 0; }

	.bar-results .results { width: auto; line-height: 1.3; padding-bottom: 20px; }
	.bar-results .sorting { float: none; }

	.form-select>ul>li { z-index: auto; }

	/* ------------------------------------------------------------ *\
		Search Secondary
	\* ------------------------------------------------------------ */
	
    .search-secondary,
    .search-secondary .search-field { width: 100%; }

	/*.search-secondary { width: 100%; }
	.search-secondary .search-btn { right: 10px; }

	.search-secondary .search-field,
	.search-secondary .search-field input { width: 100%; max-width: 100%; }*/

	.search-secondary .form-select { width: 100%; float: none; clear: both; }
	.search-secondary .form-select > ul { width: 100%; }
	.search-secondary .form-select > ul > li { margin-left: 0; width: 48%; }
	.search-secondary .form-select > ul > li ~ li { margin-left: 4%; }

	/* ------------------------------------------------------------ *\
		Form Select
	\* ------------------------------------------------------------ */
	
	.form-select { width: 100%; }
	.form-select>ul>li { width: 48%; margin-right: 0; margin-bottom: 15px; }
	.bar-top .form-select>ul>li { margin-bottom: 0; }
	.form-select>ul>li ~ li { margin-left: 4%; }
	.form-select>ul>li:nth-child(2n+1) { clear: both; margin-left: 0; }

	.form-select>ul>li:nth-child(2n+2) .select-checkbox { left: auto; right: 0; }

	.form-select ul ul { background: #fff; }

	/* ------------------------------------------------------------ *\
		Details
	\* ------------------------------------------------------------ */
	
	.detail { width: 100%; padding: 15px; }
	.detail > ul > a { width: 100%; display: block; }

	.detail ul a,
	.detail ul li { display: block; width: 100%; }

	.detail > ul > a:after { content: ''; line-height: 0; display: table; clear: both; }
	.detail > ul > a li { width: 50%; float: left; padding: 5px 0; }
	.detail > ul > a li:nth-child(2n+1) { clear: both; }

	.detail .price { width: 100%; padding: 0; }

	.detail > ul > li:last-child,
	.detail > ul > li:nth-last-child(2) { width: 100%; padding: 5px 0; }

	.detail .c-name a { width: auto; }

	.section-details .paging li~li { margin-left: 5px; }
	.section-details .paging a { padding: 3px 5px; }
	.detail .table-actions { width: auto; }
}

@media(max-width: 479px){
	.nav { font-size: 12px; }
	.nav i { display: none; }

	
}
/* ------------------------------------------------------------ *\
    Fonts
\* ------------------------------------------------------------ */

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

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

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

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

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

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

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

@font-face {
    font-family: 'Gotham Narrow Extra Light';
    src: url("/fonts/gothamnarrowxlight-webfont.eot");
    src: url("/fonts/gothamnarrowxlight-webfont.eot?#iefix") format("embedded-opentype"), 
         url("/fonts/gothamnarrowxlight-webfont.woff") format("woff"), 
         url("/fonts/gothamnarrowxlight-webfont.ttf") format("truetype"), 
         url("/fonts/gothamnarrowxlight-webfont.svg#gotham_narrowextra_light") format("svg");
    font-weight: normal;
    font-style: normal
}

/* ------------------------------------------------------------ *\
    Icons
\* ------------------------------------------------------------ */

.ico-feature-list { display: inline-block; vertical-align: middle; font-size: 0; width: 107px; height: 98px; background: url("/Content/icons/ico-feature-list@2x.png") repeat center; background-size: 100% 100%; }
.ico-feature-search { display: inline-block; vertical-align: middle; font-size: 0; width: 112px; height: 111px; background: url("/Content/icons/ico-feature-search@2x.png") repeat center; background-size: 100% 100%; }
.ico-feature-alert { display: inline-block; vertical-align: middle; font-size: 0; width: 115px; height: 108px; background: url("/Content/icons/ico-feature-alert@2x.png") repeat center; background-size: 100% 100%; }
.ico-feature-organize { display: inline-block; vertical-align: middle; font-size: 0; width: 125px; height: 107px; background: url("/Content/icons/ico-feature-organize@2x.png") repeat center; background-size: 100% 100%; }
.ico-feature-history { display: inline-block; vertical-align: middle; font-size: 0; width: 125px; height: 107px; background: url("/Content/icons/ico-feature-history@2x.png") repeat center; background-size: 100% 100%; }
.ico-feature-locations { display: inline-block; vertical-align: middle; font-size: 0; width: 116px; height: 116px; background: url("/Content/icons/ico-feature-locations@2x.png") repeat center; background-size: 100% 100%; }
.ico-step-search { display: inline-block; vertical-align: middle; font-size: 0; width: 138px; height: 137px; background: url("/Content/icons/ico-step-search@2x.png") repeat center; background-size: 100% 100%; }
.ico-step-shopping { display: inline-block; vertical-align: middle; font-size: 0; width: 136px; height: 131px; background: url("/Content/icons/ico-step-shopping@2x.png") repeat center; background-size: 100% 100%; }
.ico-step-brewing { display: inline-block; vertical-align: middle; font-size: 0; width: 130px; height: 139px; background: url("/Content/icons/ico-step-brewing@2x.png") repeat center; background-size: 100% 100%; }
.ico-step-sell-list { display: inline-block; vertical-align: middle; font-size: 0; width: 107px; height: 98px; background: url("/Content/icons/ico-step-sell-list@2x.png") repeat center; background-size: 100% 100%; }
.ico-step-sell-shipping { display: inline-block; vertical-align: middle; font-size: 0; width: 113px; height: 115px; background: url("/Content/icons/ico-step-sell-shipping@2x.png") repeat center; background-size: 100% 100%; }
.ico-step-sell-cash-out { display: inline-block; vertical-align: middle; font-size: 0; width: 135px; height: 118px; background: url("/Content/icons/ico-step-sell-cash-out@2x.png") repeat center; background-size: 100% 100%; }

/* ------------------------------------------------------------ *\
    Badge
\* ------------------------------------------------------------ */

.badge { width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-family: 'Gotham Narrow Bold'; font-size: 12px; color: #fefefe; background-color: #3e3e3e; text-align: center; line-height: 18px; border-radius: 50%; margin: -12px 0 0 -6px; padding: initial; }
.badge--orange { background-color: #e28000; }

/* ------------------------------------------------------------ *\
    Logo
\* ------------------------------------------------------------ */

.logo { margin-top: -2px; }

@media(max-width: 767px) {
    .logo {
        margin-top: -5px;
        margin-bottom: 15px;
    }
}

@media(max-width: 1023px) {
    .logo {
        margin-top: -8px;
    }
}

/* ------------------------------------------------------------ *\
    Header Message
\* ------------------------------------------------------------ */

.msg { background-color: #60ba00; color: #fff; text-align: center; padding: 14px 0; }
.msg__warning { background-color: #f0ad4e; }
.msg__inner { width: 80%; margin: 0 auto; position: relative; }
.msg__inner p { font-family: 'Gotham Narrow Medium'; font-size: 14px; margin-bottom: 0; }
.msg__inner p strong { display: block; font-family: 'Gotham Narrow Black'; font-size: 15px; text-transform: uppercase; }

.msg a { color: #fff; }

.msg__close { font-size: 0; position: absolute; right: -12.5%; top: 0; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; }
.msg__close:hover { opacity: .5; }

@media(max-width: 1023px) {
    .msg__inner p strong { display: inline; }
}

@media(max-width: 767px) {
    .msg { padding: 15px 0; }
    .msg__inner { width: 100%; text-align: left; padding-right: 30px; }
    
    .msg__inner p,
    .msg__inner p strong { font-size: 12px; }

    .msg__close { right: 0; top: 1px; }
}

/* ------------------------------------------------------------ *\
    Sticky Message
\* ------------------------------------------------------------ */

#sticky {
    position: fixed;
    /*right: 3px;*/
    top: 2px;
    padding: 6px 8px;
    border-radius: 2px;
    background: #faebcc;
    color: #8a6d3b;
    font-size: 14px;
    text-align: center;
    z-index: 101;
}

/* ------------------------------------------------------------ *\
    Header
\* ------------------------------------------------------------ */

.header { height: auto; }
.header .header-inner { padding-top: 0; }

@media(max-width: 767px) {
    .header { z-index: 999; }
}

/* ------------------------------------------------------------ *\
    Header Bar
\* ------------------------------------------------------------ */

.header__bar { max-height: 44px; background-color: #000; color: #fff; padding: 9px 0; overflow: hidden}
.header__bar-inner:after { content: ''; display: table; clear: both; }

.header__bar .list-socials,
.header__bar .nav { float: left; }

@media(max-width: 1023px) {
    .header__bar { height: 44px; }
}

@media(max-width: 767px) {
    .header__bar { height: 33px; }
    .header__bar .list-socials { display: none; }
}

/* ------------------------------------------------------------ *\
    Nav
\* ------------------------------------------------------------ */

.nav { position: relative; z-index: 19; font-size: 34px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); -o-transform: translateZ(0) scale(1.0, 1.0); transform: translateZ(0) scale(1.0, 1.0); } /* https://stackoverflow.com/a/22908444 -> for the weird flicker on rotate */
.nav i { font-size: 20px; top: -6px; left: 0; -webkit-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; }
.nav a { font-family: 'Gotham Narrow Black'; -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; }
.nav > ul > li { margin-left: 32px; }
.nav > ul > li:hover > a > i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

@media(max-width: 1199px) {
    .nav .nav-dropdown { width: 260px; }
}

@media(max-width: 1023px) {
    .nav:not(.nav--secondary) { font-size: 30px; }
}

@media(max-width: 767px) {
    .nav:not(.nav--secondary) { font-size: 16px; }
    .nav:not(.nav--secondary) > ul { display: block; text-align: left; }
    .nav:not(.nav--secondary) > ul > li { float: left; padding-top: 2px; margin-left: 9px !important; }
    .nav:not(.nav--secondary) > ul > li > a { white-space: nowrap; }
    .nav:not(.nav--secondary) > ul > li > a > i { display: none; }
    .nav:not(.nav--secondary) > ul > li:first-child { margin-left: 0 !important; }
    .nav:not(.nav--secondary) > ul > li:last-child { float: right; padding-top: 0; }

    .nav > ul > li:nth-last-child(4) .nav-dropdown { right: auto; left: 0px; }
    .nav > ul > li:nth-last-child(2) .nav-dropdown { top: 27px; width: 260px; }

    .nav--secondary > ul > li:last-child > a.active:before,
    .nav--secondary > ul > li:last-child > a.active:after { display: block; }

    .nav--secondary > ul > li:last-child .nav-dropdown { left: auto; right: 0; }

    .nav:not(.nav--secondary) .nav-dropdown { top: 34px !important; }
}

/* ------------------------------------------------------------ *\
    Nav Secondary
\* ------------------------------------------------------------ */

.nav--secondary { font-size: 12px; padding-top: 6px; margin-left: 16px; }
.nav--secondary > ul > li { margin-left: 7px; }
.nav--secondary > ul > li > a { color: #fff; letter-spacing: .05em; text-transform: uppercase; position: relative; -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; }
.nav--secondary > ul > li:last-child { display: block; }

.nav--secondary .nav-dropdown { top: 40px; }

@media(max-width: 1023px) {
    .nav--secondary { clear: none; }
}

@media(max-width: 767px) {
    .nav--secondary { float: none; width: 100%; margin: 0; padding: 0; font-size: 10px; z-index: 1000; }
    .nav--secondary > ul { display: block; text-align: left; }
    .nav--secondary > ul > li { display: inline-block; vertical-align: middle; }
    .nav--secondary > ul > li:last-child { text-align: left; display: inline-block; vertical-align: middle; position: relative; }
    .nav--secondary > ul > li ~ li { margin-left: 9px; }

    .nav--secondary .nav-dropdown { top: 27px; }
}

/* ------------------------------------------------------------ *\
    Nav Dropdown
\* ------------------------------------------------------------ */

.nav-dropdown { top: 52px; -webkit-transition: opacity .4s ease, visibility .1s ease; -o-transition: opacity .4s ease, visibility .1s ease; transition: opacity .4s ease, visibility .1s ease; box-shadow: 0 6px 10px rgba(0,0,0, .2); border-radius: 0; }
.nav-dropdown a { font-family: 'Gotham Narrow Black'; font-size: 15px; color: #3e3e3e; text-transform: uppercase; -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; }
.nav-dropdown .fa { color: #52b400; font-size: 18px; margin-right: 5px; }
.nav-dropdown li.unread { background-color: #fafafa; }
.nav-dropdown li span { margin-top: 5px; display: inline-block; }
.nav-dropdown li small { display: inline-block; color: #999999; }
.nav-dropdown li a { float: left; }

/* ------------------------------------------------------------ *\
    Nav Utilities
\* ------------------------------------------------------------ */

.nav-utilities > ul > li { margin-left: 16px; position: relative; padding-bottom: 15px; }
.nav-utilities > ul > li > a > i.fa, .nav-utilities > ul > li > form > button > i.fa { font-size: 24px; margin-top: -2px; color: #000000; }
.nav-utilities > ul > li:last-child { margin-left: 28px; }
.nav-utilities > ul > li > a { color: #fff; }

.nav-utilities a { font-family: 'Gotham Narrow Bold'; font-size: 12px; text-transform: uppercase;  }

.nav-utilities a,
.nav-utilities button { -webkit-transition: opacity .4s ease, color .4s ease; -o-transition: opacity .4s ease, color .4s ease; transition: opacity .4s ease, color .4s ease; }

.nav-utilities a:hover,
.nav-utilities button:hover { opacity: .75; text-decoration: none; }

.nav-utilities li { margin-left: 0; }
.nav-utilities .badge { margin: 0; position: absolute; right: -10px; top: -5px; }

.nav-utilities .nav-dropdown { width: 300px; margin-left: -150px; top: 43px; }
.nav-utilities li:hover > .nav-dropdown { opacity: 1; visibility: visible; }

.nav-utilities li.membership-nav-item { margin-left: 7px !important; }
.nav-utilities li.membership-nav-item a {
    display: inline-block;
    padding: 5px 0 0 32px;
    background-color: transparent;
    color: #808080;
    text-decoration: none;
    border-radius: 0.5rem;
    font-size: 12px;
    width: 110px;
    border: solid 1px #808080;
    text-align: center;
    position: relative;
    min-height: 40px;
    vertical-align: middle;
}
.nav-utilities li.membership-nav-item a span {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0, -50%);
    width: 60%;
}
.nav-utilities li.membership-nav-item a i {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translate(0, -50%);
    color: #808080;
}

@media(max-width: 1199px) {
    .nav-utilities .nav-dropdown { width: 260px; margin-left: -205px; }
    .nav-utilities .nav-dropdown::before { right: 31px; left: auto; }
    .nav-utilities .nav-dropdown::after { right: 29px; left: auto; }
}

@media(max-width: 1023px) {
    .nav-utilities > ul > li:last-child { margin-left: 14px; }
}

@media(max-width: 767px) {
    .nav-utilities > ul > li i { display: inline-block; }
    .nav-utilities > ul > li > a { color: #fff; }
}

/* ------------------------------------------------------------ *\
    List Socials
\* ------------------------------------------------------------ */

.list-socials { list-style: none; margin: 0; padding: 0; font-size: 0; }
.list-socials li { display: inline-block; vertical-align: middle; }
.list-socials li ~ li { margin-left: 7px; }
.list-socials a { display: block; width: 26px; height: 26px; background-color: #fff; border-radius: 50%; text-align: center; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; }
.list-socials a:hover { background-color: #60ba00; }
.list-socials a .fa { font-size: 14px; color: #000; line-height: 26px; }
.list-socials a .fa-twitter { font-size: 16px; }

/* ------------------------------------------------------------ *\
    Updates
\* ------------------------------------------------------------ */

.header-inner ul {
    margin-bottom: 0 !important;
}

.footer-cols {
    display: flex;
    align-items: baseline;
    justify-content: center;
}
@media(max-width: 767px) {
    .footer-cols {
        display: block;
    }
}
/* ------------------------------------------------------------ *\
    Fonts
\* ------------------------------------------------------------ */

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

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

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

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

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

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

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

@font-face {
    font-family: 'Gotham Narrow Extra Light';
    src: url("/fonts/gothamnarrowxlight-webfont.eot");
    src: url("/fonts/gothamnarrowxlight-webfont.eot?#iefix") format("embedded-opentype"), 
         url("/fonts/gothamnarrowxlight-webfont.woff") format("woff"), 
         url("/fonts/gothamnarrowxlight-webfont.ttf") format("truetype"), 
         url("/fonts/gothamnarrowxlight-webfont.svg#gotham_narrowextra_light") format("svg");
    font-weight: normal;
    font-style: normal
}

/* ------------------------------------------------------------ *\
    Base
\* ------------------------------------------------------------ */

@media(max-width: 1199px) {
    .home--alt .shell { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}

@media(max-width: 1023px) {
    .home--alt .nav { clear: none; }
}


ul {
    padding-left: 0;
}

/* ------------------------------------------------------------ *\
    List Flags
\* ------------------------------------------------------------ */

.list-flags { list-style: none; margin: 0; padding: 0; font-size: 0; }
.list-flags li { display: inline-block; vertical-align: middle; }
.list-flags li ~ li { margin-left: 5px; }

/* ------------------------------------------------------------ *\
    List Posts
\* ------------------------------------------------------------ */

.list-posts { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.list-posts li { float: left; width: 50%; margin-bottom: 50px; padding-left: 44px; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.list-posts li:nth-child(odd) { clear: left; padding-left: 0; padding-right: 44px; }

@media(max-width: 767px) {
    .list-posts li { width: 100%; padding: 0; margin-bottom: 30px; }
    .list-posts li:nth-child(odd) { padding: 0; }
}

/* ------------------------------------------------------------ *\
    List Community Posts
\* ------------------------------------------------------------ */

.list-community-posts { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.list-community-posts li { float: left; width: 50%; margin-bottom: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.list-community-posts li:nth-child(odd) { clear: left; }

@media(max-width: 767px) {
    .list-community-posts li { width: 100%; }
}

/* ------------------------------------------------------------ *\
    List Features
\* ------------------------------------------------------------ */

.list-features { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.list-features li { float: left; width: 33.3333%; }
.list-features li:nth-child(3n+1) { clear: left; }

.feature { text-align: center; color: #3e3e3e; }

.feature__icon { width: 206px; height: 206px; position: relative; border-radius: 50%; margin: 0 auto 12px; text-align: center; }
.feature__icon i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.feature__icon--light-grey { background-color: #b7b7b7; }
.feature__icon--dark-grey { background-color: #3e3e3e; }
.feature__icon--light-green { background-color: #60ba00; }
.feature__icon--green { background-color: #9cbc01; }
.feature__icon--dark-green { background-color: #055b1c; }
.feature__icon--orange { background-color: #f17b00; }

.feature__content { padding: 0 15px; }
.feature__content h4 { font-family: 'Gotham Narrow Bold'; font-size: 28px; margin: 0 0 3px; }
.feature__content p { margin: 0; font-family: 'Gotham Narrow Book'; font-size: 14px; }

@media(max-width: 767px) {
    .list-features li { width: 100%; }

    .feature__icon { width: 150px; height: 150px; }
    .feature__icon i { -webkit-transform: translate(-50%, -50%) scale(.6); -ms-transform: translate(-50%, -50%) scale(.6); -o-transform: translate(-50%, -50%) scale(.6); transform: translate(-50%, -50%) scale(.6); }
}

/* ------------------------------------------------------------ *\
    List  Videos
\* ------------------------------------------------------------ */

.list-videos { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.list-videos li { float: left; width: 50%; padding: 0 10px; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media(max-width: 767px) {
    .list-videos li { width: 100%; }
}

/* ------------------------------------------------------------ *\
    List Item
\* ------------------------------------------------------------ */

.list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 26px 0; border-bottom: 1px solid #ededed; }

.list-item__image { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; max-width: 160px; padding-right: 20px; text-align: center; }
.list-item__image img { width: 100%; height: auto; border-radius: 50%; position: relative; z-index: 2; }
.list-item__image .image { width: 135px; height: 135px; border-radius: 50%; position: relative; overflow: hidden; background-color: #dbdbdb; margin: 0 auto 10px; }
.list-item__image .image a { display: block; width: 100%; height: 100%; position: relative; z-index: 1; }
.list-item__image .image:before { content: ''; width: 88px; height: 86px; background: url("/Content/home/elem-medium-white@2x.png") no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; margin-left: -44px; margin-top: -43px; z-index: 1; }

.list-item__head { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; max-width: 270px; }
.list-item__head h4 { font-family: 'Gotham Narrow Black'; font-size: 26px; margin: 0 0 10px; letter-spacing: -.04em; }
.list-item__head h4 a { display: block; color: #3e3e3e; }

.list-item__content { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 20px; }
.list-item__content ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.list-item__content ul li { float: left; width: 33.3333%; text-align: center; }
.list-item__content h4 { font-family: 'Gotham Narrow Black'; font-size: 21px; color: #60ba00; margin: 0; }
.list-item__content h2 { font-family: 'Gotham Narrow Medium'; font-size: 90px; color: #3e3e3e; margin: 0; }

@media(max-width: 1023px) {
    .list-item { -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap; }
}

@media(max-width: 767px) {
    .list-item { display: block; text-align: center; }

    .list-item__head { max-width: 100%; }

    .list-item__image { margin: 0 auto 10px; padding: 0; }
    
    .list-item__content h4 { font-size: 14px; }
    .list-item__content h2 { font-size: 48px; }
    .list-item__content ul li { width: 100%; }
    .list-item__content ul li ~ li { margin-top: 25px; }
}

/* ------------------------------------------------------------ *\
    Bnt Default
\* ------------------------------------------------------------ */

.btn--default { display: inline-block; vertical-align: middle; height: 65px; padding: 17px 20px 16px; font-family: 'Gotham Narrow Black'; font-size: 25px; color: #fff; background-color: #e28000; border: 0; border-radius: 5px; cursor: pointer; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn--default:hover { background-color: #d37800; text-decoration: none; }

.btn--default-green { height: 27px; padding: 2px 10px 0; font-family: 'Gotham Narrow Bold'; color: #60ba00; font-size: 14px; border: 2px solid #60ba00; border-radius: 3px; -webkit-transition: background-color .4s ease, color .4s ease; -o-transition: background-color .4s ease, color .4s ease; transition: background-color .4s ease, color .4s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn--default-green:hover { text-decoration: none; background-color: #60ba00; color: #fff; }

.btn--default.btn--medium { height: 53px; padding: 13px 22px; font-size: 21px; }
.btn--default.btn--small { height: 27px; padding: 5px 10px 4px; font-size: 14px; }

@media(max-width: 767px){
    .btn--default,
    .btn--default-green,
    .btn--default.btn--medium,
    .btn--default.btn--small { height: auto; padding: 12px 10px 11px; font-size: 14px; }

    .btn--default-green { padding: 10px 10px 9px; }
}

/* ------------------------------------------------------------ *\
    Search
\* ------------------------------------------------------------ */

.search { width: 100%; background-color: transparent; margin: 0; padding: 0; }
.search form { padding: 0 428px 0 0; font-size: 0; }
.search .fa-search { font-size: 27px; color: #3e3e3e; position: absolute; left: 24px; top: 50%; margin-top: -14px; }

.search__field { width: 100%; height: 65px; padding: 17px 20px 16px 60px; font-family: 'Gotham Book'; font-size: 25px; color: #3e3e3e; background-color: #fff; border: 0; border-radius: 0; letter-spacing: -.06em;-webkit-appearance: none; -moz-appearance: none; appearance: none; }

.search__field::-webkit-input-placeholder { font-family: 'Gotham Book'; color: #3e3e3e; }
.search__field::-moz-placeholder { font-family: 'Gotham Book'; color: #3e3e3e; }
.search__field:-moz-placeholder { font-family: 'Gotham Book'; color: #3e3e3e; }
.search__field:-ms-input-placeholder {  font-family: 'Gotham Book'; color: #3e3e3e; }

.search__btn { position: absolute; top: 0; }
.search__btn--left { width: 183px; right: 233px; }
.search__btn--right { width: 226px; right: 0; }

@media(max-width: 1023px) {
    .search form { padding: 0; }
    .search__field { margin-bottom: 20px; }
    .search__btn { width: 48.5%; position: static; }
    .search__btn--right { margin-left: 3%; }
    .search .fa-search { top: 18px; margin-top: 0; }
}

@media(max-width: 767px) {
    .search__field { height: 38px; padding: 12px 10px 11px 40px; font-size: 12px; }
    .search .fa-search { font-size: 21px; left: 13px; top: 8px; }
}

/* ------------------------------------------------------------ *\
    Slider Ticker
\* ------------------------------------------------------------ */

.slider-ticker { padding: 9px 0; background-color: #3e3e3e; font-family: 'Gotham Book'; font-size: 11px; color: #fff; text-transform: uppercase; }
.slider-ticker p { margin: 0; padding: 0 11px; }
.slider-ticker .text-red { color: #ea3833; }
.slider-ticker .text-green { color: #77b737; }

.slider-ticker .swiper-slide { width: auto; }
.slider-ticker .swiper-wrapper { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }

/* ------------------------------------------------------------ *\
    Post
\* ------------------------------------------------------------ */

.post { overflow: hidden; padding-left: 145px; position: relative; }

.post__image { width: 127px; position: absolute; left: 0; top: 5px; }
.post__image a { display: block; }
.post__image img { width: 100%; height: auto; border-radius: 50%; border: 4px solid #59b900; }

.post__content { color: #3e3e3e; }
.post__content h3 { font-family: 'Gotham Narrow Medium'; font-size: 28px; margin: 0; line-height: 1; }
.post__content h3.post__content-title { font-family: 'Gotham Narrow Black'; color: #60ba00; margin: 3px 0 10px; }
.post__content p { font-family: 'Gotham Narrow Book'; font-size: 14px; margin: 0 0 11px; }

.post__content-actions p { font-family: 'Gotham Narrow Bold'; margin: 0; font-size: 14px; color: #60ba00; }
.post__content-actions p a ~ a { display: inline-block; padding-left: 20px; position: relative; }
.post__content-actions p a ~ a:before { content: ''; width: 2px; height: 14px; background-color: #60ba00; position: absolute; left: 9px; top: 50%; margin-top: -7px; }

/*  Post Community  */

.post--community { padding-left: 72px; }

.post--community .post__avatar { width: 54px; height: 54px; overflow: hidden; background-color: #dbdbdb; border-radius: 50%; position: absolute; left: 0; top: 28px; }
.post--community .post__avatar i { font-size: 56px; color: #3e3e3e; position: absolute; left: 50%; top: 65%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; opacity: .27; }
.post--community .post__avatar img { position: relative; z-index: 2; }

.post--community .post__meta { margin-bottom: 7px; }
.post--community .post__meta p { font-family: 'Gotham Narrow Bold'; margin: 0; font-size: 15px; color: #999; }

.post--community .post__content h3 { font-family: 'Gotham Narrow Black'; font-size: 30px; color: #3e3e3e; margin-bottom: 15px; }
.post--community .post__content > p { font-size: 14px; margin-bottom: 17px; }

.post--community .post__content-actions { font-size: 0; }
.post--community .post__content-actions a { display: inline-block; vertical-align: middle; }
.post--community .post__content-actions a ~ a { margin-left: 10px; }

@media(max-width: 767px) {
    .post { padding: 0; text-align: center; }
    .post__image { position: static; margin: 0 auto 10px; }

    .post__content h3 { font-size: 18px; }

    .post--community .post__avatar { position: relative; top: 0; margin: 0 auto 10px; }
    .post--community .post__meta p { font-size: 12px; }

    .post--community .post__content h3 { font-size: 25px; }
}

/* ------------------------------------------------------------ *\
    Video Box
\* ------------------------------------------------------------ */

.video-box { display: block; position: relative; overflow: hidden; padding-bottom: 61.25%; }
.video-box iframe { width: 100%; height: 100%; border: 0; position: absolute; left: 0; top: 0; }

/* ------------------------------------------------------------ *\
    Section
\* ------------------------------------------------------------ */

.section__title { text-align: center; font-family: 'Gotham Narrow Black'; font-size: 39px; color: #3e3e3e; margin: 0; }

@media(max-width: 767px) {
    .section__title { font-size: 30px; }
}

/* ------------------------------------------------------------ *\
    Section Search
\* ------------------------------------------------------------ */

.section-search { height: 180px; padding: 69px 0 100px; }
.section-search {
    height: 360px;
}
.section-search p { font-family: 'Gotham Black'; font-size: 16px; margin-bottom: 21px; }
.section-search h1 { margin: 0; font-family: 'Gotham Black'; font-size: 49px; line-height: 1; }

.section-search .section__title { font-size: 0; margin-bottom: 12px; text-align: left; }

.section-search .section__title h1,
.section-search .section__title ul { display: inline-block; vertical-align: middle; }

.section-search .section__title ul { margin-left: 13px; }

@media(max-width: 767px) {
    .section-search { padding: 40px 0; }
    .section-search h1 { font-size: 36px; margin-bottom: 10px; }
    .section-search .section__title ul { display: block; margin-left: 0; }
    .section-search p { font-size: 14px; }
}

/* ------------------------------------------------------------ *\
    Section Info
\* ------------------------------------------------------------ */

.section-info {
    background: #f8f9fa;
    height: auto;
    border: none;
    padding-block: min(1rem, 28px);
}
.section__info__title {
    color: #212121;
    font-size: min(70px, 4.7vw);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "Open Sans Bold", sans-serif;
    margin: 15px;
}
.section-info li a { display: inline-block; color: #fff; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; }
.section-info li a:hover { text-decoration: none; opacity: .75; }
.section-info p {
    color: #000;
    font-size: 18px;
    max-width: 750px;
    margin: 25px auto;
    text-align: center;
    font-family: "Open Sans Regular", Sans-serif;
    line-height: calc(1.5rem + 3px);
}
.section-info img {
    margin: 15px;
}
.section-info a,
.section-videos a {
    display: block;
    background: #e28000;
    width: 235px;
    color: #fff;
    padding: 10px 5px;
    border-radius: 5px;
    margin: 10px auto 20px auto;
    text-transform: capitalize;
    font-size: 19px;
    letter-spacing: 0.7px;
    font-family: 'Gotham Narrow Black', sans-serif;
}
    .section-info a:hover,
    .section-videos a:hover {
        text-decoration: none;
        background: #d37800;
    }

@media(max-width: 1199px) {
    .section-info li ~ li { margin-left: 80px; }
}

@media(max-width: 767px) {
    .section-info li ~ li { margin-left: 0; }
    .section__info__title {
        letter-spacing: 1px;
        font-size: min(6.4vw, 70px);
        margin: 15px 0;
    }
    .section-info p {
        font-size: 14px;
        margin: 15px auto;
    }
    .section-info img {
        margin: 10px;
    }
}

.counter-container {
    display: inline-flex;
    justify-content: center;
    line-height: calc(1.5rem + 3px);
    vertical-align: middle;
    gap: 2px;
    font-family: "Jersey", sans-serif;
}

.digit-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
}

.digit-separator {
    font-family: "Open Sans Regular", Sans-serif;
}

.digit-controls {
    display: flex;
    gap: 5px;
    margin-bottom: 5px;
}

.digit-display {
    position: relative;
    width: 1rem;
    height: 1.5rem;
    background: linear-gradient(180deg, #252428 9%, rgb(94, 93, 102) 24%, rgb(94 93 102 / 80%) 45%, #5e5d66 59%);
    border: 1px solid #333;
    border-radius: 5px;
    overflow: hidden;
    perspective: 1000px;
    box-shadow: 0px 3px 7px 0px rgb(10 10 10 / 71%);
}

.digit-roller {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform-style: preserve-3d;
}

.digit {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    backface-visibility: hidden;
}

.trusted-by {
    padding: 30px 0;
}


    .trusted-by .title {
        text-align: center;
        margin-bottom: 2rem;
    }

        .trusted-by .title h4 {
            font-size: 1.25rem;
            font-weight: 600;
            font-family: 'Montserrat', sans-serif;
            color: rgba(33, 37, 41, 0.75);
        }

.trusted-logos{
    text-align:center;
}

.trusted-logos img {
    height: 60px;
    margin: 10px 15px;
    transition: all 0.3s ease;
}

    .trusted-logos img:hover {
        filter: grayscale(0%);
    }




.problem-section {
    padding: 80px 0;
    text-align: center;
    background-color: #f8f9fa;
    padding-top: 70px;
    padding-bottom: 30px;
}

.problem-title {
    font-size: 2.5rem;
    margin-bottom: 15px;
}

.comparison-section {
    background-color: #f8f9fa;
}

.comparison-image {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    height: 25rem;
}

    .comparison-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.feature-item {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    height: 3rem;
}

    .feature-item.solution {
        /*margin-bottom: 18px;*/
    }

    .feature-item p {
        margin-bottom: 0;
    }

.feature-icon {
    font-size: 1.45rem;
    margin-right: 10px;
    text-align: right;
}

    .feature-icon img {
        height: 2.5rem;
    }


.branding-section {
    text-align: center;
    padding-top: 2.5rem;
    position: relative;
}

    .branding-section h3 {
        font-size: 3.5rem;
    }

    .branding-section img {
        width: 10rem;
        margin: 0 auto;
        margin-top: 1rem;
        -o-object-fit: contain;
        object-fit: contain;
        max-height: 150px;
    }

.benefits-section {
    padding: 50px 0;
}

/*.branding-section::after {
            content: "";
            width: 80px;
            height: 4px;
            background-color: var(--primary-color);
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
        }*/

.benefit-card {
    padding: 30px;
    border-radius: 10px;
    background-color: white;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

    .benefit-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    }

.benefit-icon {
    font-size: 36px;
    color: #60ba00;
    margin-bottom: 20px;
}
.testimonial-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 1;
}
.carousel{
    background-color:transparent !important;
}
.testimonial-overlay {
    background-color: rgb(30 30 30 / 83%);
}

.testimonial-section {
    background-image: url("/Content/hop-icon.png");
    background-position-x: 10rem;
    background-position-y: 2rem;
    background-size: 40rem;
    background-repeat: no-repeat;
    position: relative;
    height:27rem;
}

    .testimonial-section .container {
        z-index: 2;
        position: relative;
    }

.testimonial-card {
    position: relative;
    border-radius: 1rem;
    box-shadow: 0 8px 32px rgba(0,0,0,0.28);
    z-index: 2;
}

.quote-mark {
    position: absolute;
    font-size: 3rem;
    color: lightgreen;
    font-family: serif;
    opacity: 0.7;
}

.quote-left {
    left: 1rem;
    top: 2rem;
}

.quote-right {
    right: 1rem;
    top: 2rem;
}

.testimonial-text {
    font-size: 1.1rem;
    background: #ffffff2b !important;
    border-radius: 1rem;
    padding: 10px;
    margin: 2rem 0 1.5rem 0;
    font-style: italic;
    color: #fff;
}

.testimonial-image {
    border: 2px solid #637b03;
    background: #27282b;
}

.testimonial-person h5,
.testimonial-person .mb-1 {
    color: #fff !important;
}

.testimonial-person .text-muted {
    color: #bbb !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1) grayscale(100);
}

.carousel-control-prev,
.carousel-control-next {
    width: 4rem;
}
/* Mobile responsiveness */
@media (max-width: 768px) {

    .comparison-image {
        height: unset;
    }
    .problem-title {
        font-size: 2rem;
    }
   
    .trusted-logos img {
        height: 40px;
        margin: 5px;
    }

    .testimonial-section {
        height: 35rem;
    }
}

/* ------------------------------------------------------------ *\
    Section Features
\* ------------------------------------------------------------ */

.section-features {
    padding: 0;
    background: #212121;
    min-height: 15rem;
    display: flex;
    align-items: center;
}
.section-features .feature { width: 100%; margin-top: 52px; }
.section-features .feature h4 { font-family: 'Gotham Narrow Black'; font-size: 28px; }
.section-features .feature a { display: block; color: #3e3e3e; }
.section-features .feature a:hover { text-decoration: none; }

.section-features .section__head { text-align: center; }
.section-features .section__head h2 { font-family: 'Gotham Narrow Black'; font-size: 39px; color: #3e3e3e; margin: 0 0 18px; }
.section-features .section__head p { margin: 0; font-family: 'Gotham Narrow Book'; font-size: 17px; color: #3e3e3e; }

@media(max-width: 767px) {
    
    .section-features .section__head h2 { font-size: 30px; }
    .section-features .section__head p { font-size: 15px; }

    .section-features .feature { margin-top: 30px; }
    .section-features .feature h4 { font-size: 25px; }
}

#testimonialsCarousel {
    background: inherit;
}

    #testimonialsCarousel .carousel-control {
        background-image: none;
    }
    #testimonialsCarousel .testimonial {
        text-align:center;
        font-size:1rem;
    }
        #testimonialsCarousel .testimonial > .fa-quote-left {
            margin-right: 1rem;
        }
        #testimonialsCarousel .testimonial > .fa-quote-right {
        }
/* ------------------------------------------------------------ *\
    Section Posts
\* ------------------------------------------------------------ */
.section-posts {
    background-color: #f6f6f6;
    overflow: hidden;
}

.section-posts .section__inner { padding: 73px 0; position: relative; z-index: 1; }
.section-posts .section__inner:after { content: ''; width: 438px; height: 425px; background: url("/Content/home/elem@2x.png") no-repeat center; background-size: cover; position: absolute; right: -100px; bottom: -90px; z-index: -1; }

.section-posts .section__head { margin-bottom: 42px; }

.section-posts .section__actions { text-align: center; padding-top: 9px; }
.section-posts .section__actions .btn { height: 53px; padding: 13px 22px; font-size: 21px; }

@media(max-width: 767px) {
    .section-posts .section__inner { padding: 30px 0; }
    .section-posts .section__head { margin-bottom: 30px; }
    
    .section-posts .section__actions { padding: 0; }
    .section-posts .section__actions .btn { height: auto; padding: 12px 10px 11px; font-size: 14px; }
}

/* ------------------------------------------------------------ *\
    Section Community
\* ------------------------------------------------------------ */

.section-community { padding: 83px 0 85px; background-repeat: no-repeat; background-size: cover; background-position: center; }

.section-community .section__inner { background-color: #fff; padding: 57px 40px 81px; }
.section-community .section__head { margin-bottom: 34px; }

.section-community .section__actions { text-align: center; padding-top: 11px; }

@media(max-width: 767px) {
    .section-community { padding: 15px 0; }
    .section-community .section__head { margin-bottom: 25px; }
    .section-community .section__inner { padding: 30px 15px; }

    .section-community .section__actions { padding: 0; }
}

/* ------------------------------------------------------------ *\
    Section Quote
\* ------------------------------------------------------------ */

.section-quote { padding: 89px 0 70px; text-align: center; }
.section-quote blockquote { margin: 0; padding: 0; border: 0; color: #3e3e3e; }

.section-quote blockquote p { display: inline-block; position: relative; padding: 0 60px; font-family: 'Gotham Narrow Book'; font-style: italic; font-size: 25px; margin-bottom: 20px; }

.section-quote blockquote p:before,
.section-quote blockquote p:after { font-family: 'Gotham Narrow Medium'; font-style: italic; font-size: 102px; color: #d7d7d7; position: absolute; }

.section-quote blockquote p:before { content: '\201C'; left: -6px; top: -40px;}
.section-quote blockquote p:after { content: '\201D'; right: 19px; top: -15px; }

.section-quote blockquote cite { display: block; font-family: 'Gotham Narrow Black'; font-size: 21px; margin-bottom: 13px; }
.section-quote blockquote cite span { font-style: normal; }

.section-quote .quote__image { display: inline-block; width: 70px; height: 70px; background-color: #dbdbdb; position: relative; border-radius: 50%; overflow: hidden; }
.section-quote .quote__image img { position: relative; z-index: 2; }
.section-quote .quote__image:before { content: ''; width: 44px; height: 43px; background: url("/Content/home/elem-small-white@2x.png") no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -21px; z-index: 1; }

@media(max-width: 767px) {
    .section-quote { padding: 30px 0 10px; }
    .section-quote blockquote p { font-size: 20px; padding: 0 30px; }

    .section-quote blockquote p:before, 
    .section-quote blockquote p:after { font-size: 50px; }

    .section-quote blockquote p:before { top: -20px; }
    .section-quote blockquote p:after { right: 9px; top: auto; bottom: -40px; }

    .section-quote blockquote cite { font-size: 12px; }

    .section-quote .quote__image { width: 48px; height: 48px; }
    .section-quote .quote__image:before { -webkit-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); }
}

/* ------------------------------------------------------------ *\
    Section Steps
\* ------------------------------------------------------------ */

.section-steps { text-align: center; overflow: hidden; color: #fff; }

.section-steps .section__inner { padding: 81px 0 80px; position: relative; z-index: 2; }

.section-steps .section__head { margin-bottom: 70px; }
.section-steps .section__head h2 { margin: 0 0 20px; color: #fff; }
.section-steps .section__head p { font-family: 'Gotham Narrow Book'; margin: 0; font-size: 17px; }

.section-steps .section__body { margin: 0 -13px 0 -5px; }
.section-steps .section__body ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.section-steps .section__body ul li { float: left; width: 33.3333%; padding: 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.section-steps .section__body ul a { display: block; color: #fff; }
.section-steps .section__body ul a:hover { text-decoration: none; }
.section-steps .section__body ul li ~ li .icon:before { content: ''; width: 155px; height: 68px; background: url("/Content/icons/ico-arrow-large@2x.png") no-repeat center; background-size: 100% 100%; background-position: center; position: absolute; right: 100%; margin-right: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.section-steps .section__body .icon { display: inline-block; width: 205px; height: 205px; border-radius: 50%; border: 2px solid #fff; position: relative; margin-bottom: 5px; }
.section-steps .section__body .icon i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.section-steps .section__body h4 { font-family: 'Gotham Narrow Black'; font-size: 28px; margin: 0 0 5px; }
.section-steps .section__body p { margin: 0; font-size: 14px; }

/*  Section Steps Grey  */

.section-steps--grey { background-color: #3e3e3e; }
.section-steps--grey .section__inner:before { content: ''; width: 438px; height: 425px; background: url("/Content/home/elem@2x.png") no-repeat center; background-size: 100% 100%; background-position: center; position: absolute; right: -175px; bottom: -80px; z-index: -1; opacity: .05; }

/*  Section Steps Green  */

.section-steps--green { background-color: #60ba00; }
.section-steps--green .section__inner { padding: 81px 0 100px; }
.section-steps--green .section__inner:before { content: ''; width: 438px; height: 425px; background: url("/Content/home/elem@2x.png") no-repeat center; background-size: 100% 100%; background-position: center; position: absolute; left: -162px; bottom: -70px; z-index: -1; opacity: .15; }

.section-steps--green .section__body ul li  { padding: 0 35px; }

@media(max-width: 1199px) {
    .section-steps .section__body { margin: 0; }
    .section-steps .section__body ul li ~ li .icon:before { width: 100px; height: 44px; margin-right: 10px; }
}

@media(max-width: 1023px) {
    .section-steps .section__body ul li { padding: 0 20px; }
    .section-steps .section__body ul li ~ li .icon:before { display: none; }
}

@media(max-width: 767px) {
    .section-steps .section__head { margin-bottom: 25px; }
    .section-steps .section__inner { padding: 30px 0; }

    .section-steps .section__body ul li { width: 100%; }
    .section-steps .section__body ul li ~ li { margin-top: 30px; }
    .section-steps .section__body .icon { width: 150px; height: 150px; }
    .section-steps .section__body .icon i { -webkit-transform: translate(-50%, -50%) scale(.6); -ms-transform: translate(-50%, -50%) scale(.6); -o-transform: translate(-50%, -50%) scale(.6); transform: translate(-50%, -50%) scale(.6); }
    .section-steps .section__body h4 { font-size: 25px; }
}

/* ------------------------------------------------------------ *\
    Section Listing
\* ------------------------------------------------------------ */

.section-listing { padding: 100px 0; background-repeat: no-repeat; background-size: cover; background-position: center; }
.section-listing .section__inner { background-color: #fff; padding: 60px 40px; }

.section-listing .section__head { margin-bottom: 30px; }
.section-listing .section__body { border-top: 1px solid #ededed; }

.section-listing .section__actions { text-align: center; padding-top: 20px; }

@media(max-width: 767px) {
    .section-listing { padding: 30px 0; }
    .section-listing .section__inner { padding: 30px 15px; }
    .section-listing .section__actions { padding-top: 25px; }
}

/* ------------------------------------------------------------ *\
    Section Videos
\* ------------------------------------------------------------ */

.section-videos { padding: 97px 0 90px; background-color: #f4f4f4; text-align: center; }

.section-videos .section__head { margin-bottom: 26px; }

.section-videos .section__actions { padding-top: 10px; }
.section-videos .section__actions .btn { min-width: 260px; }

@media(max-width: 767px) {
    .section-videos { padding: 30px 0; }
}

/* ------------------------------------------------------------ *\
    Section CTA
\* ------------------------------------------------------------ */

.section-cta { padding: 78px 0 80px; background-color: #fff; text-align: center; font-size: 0; }

.section-cta p,
.section-cta .btn { display: inline-block; vertical-align: middle; }

.section-cta p { font-family: 'Gotham Narrow Medium'; font-size: 21px; color: #212121; margin-right: 20px; }
.section-cta p strong { font-family: 'Gotham Narrow Black'; }

@media(max-width: 1023px) {
    .section-cta p { display: block; margin: 0 0 15px; }
}

@media(max-width: 767px) {
    .section-cta { padding: 30px 0; }
    .section-cta p { font-size: 15px; }
}

/* ------------------------------------------------------------ *\
    Section Socials
\* ------------------------------------------------------------ */

.section-socials { background-color: #60ba00; text-align: center; padding: 85px 0 60px; }
.section-socials ul { list-style: none; margin: 0; padding: 0; font-size: 0; }
.section-socials ul li { display: inline-block; vertical-align: middle; }
.section-socials ul li ~ li { margin-left: 110px; }
.section-socials ul a { display: block; text-decoration: none; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; }
.section-socials ul a:hover { opacity: .65; }
.section-socials ul .fa { font-size: 79px; color: #fff; }

@media(max-width: 767px) {
    .section-socials { padding: 20px 0; }
    .section-socials ul { font-size: 0; text-align: center; }
    .section-socials ul li { width: 33.3333%; }
    .section-socials ul li ~ li { margin-left: 0; }
    .section-socials ul .fa { font-size: 36px; }
}

/* ------------------------------------------------------------ *\
    Footer
\* ------------------------------------------------------------ */

.footer-nav a { font-family: 'Gotham Book'; }

@media(max-width: 767px) {
    .footer-col span, 
    .footer-col a, 
    .copyright { font-family: 'Gotham Book'; }
}

/* ------------------------------------------------------------ *\
    Updates
\* ------------------------------------------------------------ */

.header * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer {
    font-family: "Gotham Narrow Light", sans-serif;
    background: #212121;
}
.footer-body h4 {
    font-size: 17px;
    margin-bottom: 0;
}

.footer-nav ul {
    padding-left: 0;
}

.nav-digit-container{background:transparent;width:19.5px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:30px;font-family:"Jersey",sans-serif;line-height:1;overflow:hidden;}.nav-digit-upper{background:transparent;color:#eeeaea;}.nav-digit-lower{background:transparent;color:#908b8b;position:absolute;top:55%;left:55%;transform:translate(-50%,-50%);z-index:-1;}.nav-digit-wrapper{background:rgba(0,0,0,.55);width:19.5px;height:30px;position:relative;text-align:center;border-radius:3px;box-shadow:2px 2px 5px #252428 inset,-2px -2px 5px #252428 inset;margin:0 .5px;}.nav-digit-divider{width:calc(100% - 2px);height:1px;z-index:1;position:absolute;top:50%;left:1px;background:#252428;background:linear-gradient(180deg,#252428 9%,#5e5d66 24%,rgba(94,93,102,.4654236695) 45%,#5e5d66 59%);box-shadow:.5px 0 0 #1e1e1e;border-radius:1px;transform:translate(0,-50%);}.nav-digit-ring{height:25px;width:6px;position:absolute;top:50%;z-index:2;transform:translate(0,-50%);border-radius:1px;background:#252428;background:linear-gradient(180deg,#252428 11%,#5e5d66 25%,#343436 55%,rgba(94,93,102,.9976365546) 68%,#252428 80%);}.nav-digit-ring-left{left:5px;}.nav-digit-ring-right{right:5px;}.integral-wrapper{display:flex;}.decimal-wrapper{display:flex;margin-left:5px;position:relative;}.dot:before{content:".";position:absolute;bottom:-3px;left:-5px;font-size:30px;font-weight:bolder;line-height:1;color:#212121;}.comma:before{content:",";position:absolute;bottom:-3px;left:-5px;font-size:30px;font-weight:bolder;line-height:1;color:#212121;}.nav-counter{margin-left:5px;text-align:center;}.nav-counter-number{display:flex;justify-content:center;}.nav-counter-text{color:#5cb85c;margin-top:.25em;font-size:14px;text-wrap:nowrap;}.header{position:sticky;top:0;z-index:100;}.nav-dropdown{border-radius:10px;overflow:hidden;}.nav-dropdown:before,.nav-dropdown:after{content:none;}.nav-header{height:80px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;box-shadow:rgba(0,0,0,.07) 0 1px 12px;}.nav-header__logo,.nav-header__nav{flex:0 0 140px;}.nav-header__logo img{width:225px;height:47px;}.nav-header__search{display:inline-flex;overflow:hidden;align-items:flex-start;padding-top:16px;justify-content:space-evenly;transition:all .2s ease;flex:1 0 350px;}.nav-header__search form{display:flex;flex:0 1 360px;justify-content:space-evenly;align-items:center;}.nav-header__search__input{width:85%;height:30px;border-radius:15px;border:1px solid #c2c2c2;background:linear-gradient(90deg,#ccc 25%,rgba(204,204,204,.8323704482) 50%,#ccc 76%);padding:5px!important;padding-left:7px!important;font-size:17px;font-weight:100;font-family:inherit;}.nav-header__search__input:focus-visible{outline:0;}.nav-header__search button{background:#e28000;height:30px;width:30px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;transition:all .2s ease;}.nav-header__search button:hover{background:#52b400;}.nav-header__nav{display:flex;align-items:center;justify-content:flex-end;}.nav-header__nav__button{position:relative;}.nav-header__nav__button__badge{position:absolute;top:-10%;right:-10%;margin:0;}.nav-header__nav__btn{background:transparent;height:24px;width:24px;padding:5px;border:1px solid #d3d3d3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:5px;cursor:pointer;}.nav-header__nav__btn:hover{text-decoration:none;}.nav-header__nav__utilities__list{list-style:none;margin:0;display:flex;}.nav-header__nav__utilities__list li{position:relative;}.nav-header__nav__utilities__list ul{top:36px;left:-150px;width:300px;list-style:none;}.nav-header__nav__utilities__list ul li{float:left;}.nav-header__nav__utilities__list li:hover>.nav-dropdown{opacity:1;visibility:visible;}.nav-header__nav__utilities__list__badge{position:absolute;top:-10px;right:-5px;margin:0;}.nav-header__nav__profile{display:inline-flex;align-items:center;justify-content:flex-end;padding:8px 0 8px 0;border:1px solid #d3d3d3;border-radius:24px;height:48px;transition:all .2s ease;margin-left:5px;}.nav-header__nav__profile button{background:transparent;height:24px;width:24px;padding:5px 5px;border:1px solid #d3d3d3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:5px;cursor:pointer;}.nav-header__nav__profile button.user{font-size:20px;height:48px;width:48px;}.nav-header__nav__profile button.user img{border-radius:50%;border:1px solid transparent;}.nav-header__coutners__mobile{display:none;}.sideMenu{background:#fff;width:250px;height:calc(100vh - 124px);transition:.3s ease;position:fixed;top:119px;right:-250px;border-bottom-left-radius:10px;border-top-left-radius:10px;padding-right:5px;overflow-y:auto;}.settingsMenu form{width:100%;display:flex;align-items:center;justify-content:center;margin:1.5rem 0;}.settingsMenu form button{padding:5px 10px;border:1px solid #5cb85c;background:transparent;border-radius:12px;cursor:pointer;font-size:17px;font-family:"Gotham Narrow Light",sans-serif;color:#5cb85c;}.settingsMenu form button:hover{background:#52b400;transform:scale(1.02);border:0;color:#000;}.settingsMenu__show{right:0;box-shadow:rgba(0,0,0,.07) -5px 0 12px;}.settingsMenu__userCard{margin:.25rem;border-radius:12px;display:flex;justify-content:space-between;}.settingsMenu__userCard__userInfo{text-align:right;}.settingsMenu__list__inner{margin-left:30px;}.settingsMenu__slideOut{padding:5px;position:sticky;top:0;background:#fff;}.settingsMenu__slideOut button{background:transparent;color:#5cb85c;height:24px;width:24px;padding:5px 5px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;}.settingsMenu__notificationCard{margin:5px;padding:5px;display:flex;}.settingsMenu__notificationCard .fa{width:25px;}.settingsMenu__notificationCard__list{width:30px;border:solid 1px #d3d3d3;border-radius:12px;flex-grow:1;padding:5px;}.settingsMenu__notificationCard__list__full{width:30px;border:solid 1px #d3d3d3;border-radius:12px;flex-grow:1;padding:5px;display:none;}.settingsMenu__notificationCard__list__full>ul{list-style:none;text-align:center;}.settingsMenu__notificationCard__list__full>ul li{margin:5px 0;}.settingsMenu__notificationCard__list>ul{list-style:none;text-align:center;}.settingsMenu__notificationCard__list>ul li{margin:5px 0;}.settingsMenu__notificationCard__badge{position:absolute;top:-7px;right:-3px;margin:0;}.settingsMenu>ul{list-style:none;}.settingsMenu>ul li{padding:5px;display:flex;flex-direction:column;align-content:flex-start;align-items:flex-start;justify-content:center;font-size:17px;margin:5px;border-radius:10px;}.settingsMenu>ul li .fa{width:25px;}.settingsMenu>ul li a{display:inline-block;width:100%;}.userAccountMenu__show{right:0;box-shadow:rgba(0,0,0,.07) -5px 0 12px;}.userAccountMenu__slideOut{padding:5px;position:sticky;top:0;background:#fff;}.userAccountMenu__slideOut button{background:transparent;color:#5cb85c;height:24px;width:24px;padding:5px 5px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;}.userAccountMenu__card{margin:10px;border:solid 1px #d3d3d3;border-radius:12px;max-height:260px;overflow-y:auto;}.userAccountMenu__card__noRecords{text-align:center;padding:5px;margin:5px;}.userAccountMenu__card__title{font-size:17px;font-family:"Gotham Narrow Light",sans-serif;padding:5px;margin:10px 5px 2px 5px;position:relative;}.userAccountMenu__card__title__badge{position:absolute;top:5px;left:21px;}.userAccountMenu__card__title__badge__community{position:absolute;top:9px;left:90px;}.userAccountMenu__card__title i{font-size:20px;}.userAccountMenu__card__btnLink{display:flex;justify-content:center;align-items:center;}.userAccountMenu__card__btnLink .fa{font-size:25px;}.userAccountMenu__card__signIn .fa{width:25px;}.userAccountMenu__card>ul{list-style:none;margin-left:10px;}.userAccountMenu__card>ul li{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:17px;margin:5px;border-radius:10px;position:relative;}.userAccountMenu__card>ul li img.cancelled{width:65px;position:absolute;left:115px;transform:rotate(-5deg);}.userAccountMenu__card__viewAll{text-align:center;margin:5px auto;}.userAccountMenu form{width:100%;display:flex;align-items:center;justify-content:center;margin:24px 0 64px 0;}.userAccountMenu form button{padding:5px 10px;border:1px solid #5cb85c;background:transparent;border-radius:12px;cursor:pointer;font-size:17px;font-family:"Gotham Narrow Light",sans-serif;color:#5cb85c;}.userAccountMenu form button:hover{background:#52b400;transform:scale(1.02);border:0;color:#000;}.nav-userCard__circleProgress{display:flex;justify-content:center;align-items:flex-end;}.nav-progressBar{position:relative;width:90px;height:90px;}.nav-progressBar__svg{position:relative;width:100%;height:100%;transform:rotate(-225deg);}.nav-progressBar__circle{width:100%;height:100%;fill:none;stroke-width:5;stroke-dasharray:251;stroke-dashoffset:251;stroke-linecap:round;}.nav-progressBar__path{fill:#f6f6f6;stroke:#ddf0cd;stroke-width:5;stroke-dashoffset:63;}.nav-progressBar__text{margin:0;position:absolute;top:50%;left:50%;color:#000;font-size:16px;transform:translate(-50%,-50%);text-align:center;}.nav-progressBar__text p:last-child{line-height:13px;font-size:10px;}.nav-progressBar__text p:first-child{font-size:16px;line-height:22px;}#showMoreNotifications,#showLessNotifications{display:inline-block;margin-top:25px;}.header__bar{padding:2px;max-height:80px;background:#212121;}.header__bar__stock{display:flex;}.header__bar__stock__list{list-style:none;display:flex;flex-shrink:0;justify-content:space-evenly;align-items:center;width:100%;font-size:14px;margin:0;}.header__bar__stock__list:after{content:none;width:0;}.header__bar__stock__list__item{margin:2px 20px;text-wrap:nowrap;}.header__bar__stock__list__item__text{display:inline-block;margin:0 2px;}.header__bar__stock__list__item .green{color:#5cb85c;}.header__bar__stock__list__item .red{color:#d9534f;}.header__bar__stock__list__item a{color:inherit;}.header__bar__stock__list__item a:hover{text-decoration:none;}.header__bar__stock__list.first{animation:slide-scroll linear 70s infinite;animation-delay:-70s;}.header__bar__stock__list.second{animation:slide-scroll-two linear 70s infinite;animation-delay:-35s;}.header__bar__stock:hover .first,.header__bar__stock:hover .second{animation-play-state:paused;}.header__bar__alert{background:#e22700;display:flex;flex-direction:row;align-items:center;justify-content:center;}.header__bar__alert div{text-align:center;}.nav-counter__mobile{display:none;}.broker-admin{display:flex;flex-direction:column;}.footer-wrapper{margin-top:auto;background:#212121;}@keyframes slide-scroll{0%{transform:translateX(100%);}100%{transform:translateX(-100%);}}@keyframes slide-scroll-two{0%{transform:translateX(0%);}100%{transform:translateX(-200%);}}.alert-icon{color:#e2c224;}.progress-bar-attention{background-color:#ff0;}#purchasedPanel,#soldPanel,#listingsPanel{scroll-margin-top:125px;}@media screen and (max-width:1300px){.header__bar__stock__list{width:auto;}}@media screen and (max-width:991px){.broker-admin{display:block;}.header__bar{height:auto;}.header__bar__stock__list{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;}.header__bar__stock__list__item{text-wrap:nowrap;}.nav-header{display:block;height:120px;position:relative;}.nav-header__leftBtn{position:absolute;top:5px;left:5px;}.nav-header__nav{position:absolute;top:5px;right:5px;}.nav-header__logo{text-align:left;padding:5px;}.nav-header__search{width:100%;padding-top:5px;}.sideMenu{height:calc(100vh - 164px);top:159px;}}@media screen and (max-width:575px){.userAccountMenu__card__title{text-align:left;}#purchasedPanel,#soldPanel,#listingsPanel{scroll-margin-top:0;}}@media screen and (max-width:575px){.settingsMenu{text-align:left;}.nav-counter{display:none;}.nav-header{padding:0;height:162px;}.nav-header__search{padding-top:10px;}.nav-header__counters__mobile{display:flex;justify-content:space-evenly;}.nav-counter__mobile{margin-left:5px;text-align:center;display:block;}.nav-header__logo img{width:155px;}.header__bar{height:auto;}.header__bar__stock__list{flex-wrap:nowrap;overflow-x:auto;width:auto;}.header__bar__stock__list__item{text-wrap:nowrap;}.sideMenu{top:169px;}}@media screen and (max-width:495px){.broker-admin table{display:block;}}.loading-sidebar{color:#559755;animation:loading-sidebar-anim 1s infinite;}@keyframes loading-sidebar-anim{50%{opacity:.35;}}.checkout-counter{position:fixed;right:5px;top:95px;padding:2px 6px;font-size:.8em;border-radius:5px;box-shadow:rgba(0,0,0,.2) 0 3px 3px;z-index:10;transition:top .3s ease;text-decoration:none!important;}.checkout-counter .popover-content{color:#333;}@media screen and (max-width:700px){.checkout-counter{top:190px;font-size:1em;}}.reservation-dropdown{top:30px;right:-50px;left:unset;min-height:30vh;font-weight:300;text-transform:unset;padding-bottom:3.5em;}.reservation-dropdown .tools{display:flex;flex-direction:row;justify-content:space-between;padding:10px 5px;align-items:center;}.reservation-dropdown .tools .see-all{color:#52b400;padding:1rem 1rem;padding-bottom:5px;}.reservation-dropdown .tools .empty-cart{text-transform:unset!important;display:inline-block;padding:4px 10px;font-size:13px;color:#fff;background-color:#d9534f;border:0;border-radius:3px;text-decoration:none;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:background .2s;cursor:pointer;font-weight:100;font-family:"Gotham Narrow Light";margin-right:1rem;}.reservation-dropdown .tools .empty-cart:hover,.reservation-dropdown .tools .empty-cart:focus{background-color:#b71c1c;text-decoration:none;}.reservation-dropdown .reservation-item{display:flex;flex-direction:row;justify-content:space-between;padding:10px 0;text-align:left;}.reservation-dropdown .reservation-item select{padding:2px 20px 2px 6px;font-size:12px;border:1px solid #aaa;border-radius:3px;background:#fff url('data:image/svg+xml;utf8,<svg fill="gray" height="14" viewBox="0 0 20 20" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M7 7l3 3 3-3"/></svg>') no-repeat right 4px center/12px 12px;color:#222;outline:0;transition:border-color .2s;appearance:none;min-width:40px;box-sizing:border-box;height:20px;}.reservation-dropdown .reservation-item select:focus{border-color:#09f;}@media not all and (min-resolution:.001dpcm){@supports(-webkit-appearance:none){.reservation-dropdown .reservation-item select{padding-right:22px;}}}.reservation-dropdown .reservation-item .qty-change{margin-left:auto;}.reservation-dropdown .reservation-item .item-del{margin-left:10px;color:#d9534f;}.reservation-dropdown .reservation-item i:hover{cursor:pointer;color:#9a110d;}.reservation-dropdown .seemore-reservation{text-transform:none!important;font-size:1em;font-weight:100!important;margin-top:auto;position:absolute;bottom:1em;left:0;}@media screen and (max-width:700px){.reservation-dropdown{right:-150px;width:300px;}}.reservation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1000;display:none;align-items:center;justify-content:center;}.reservation-modal{background:#fff;padding:24px 32px;border-radius:8px;max-width:250px;min-height:100px;box-shadow:0 4px 24px rgba(0,0,0,.15);position:relative;}.reservation-modal .close-btn{position:absolute;top:8px;right:10px;background:none;border:0;font-size:20px;color:#333;cursor:pointer;}.reservation-modal-content{margin-top:18px;}.reservation-modal-overlay.visible{display:flex;}
/*@charset "UTF-8";*/
.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.carousel-inner > .item {
    display: none;
    position: relative;
    transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}
.carousel-inner > .active {
    left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}
.carousel-inner > .next {
    left: 100%;
}
.carousel-inner > .prev {
    left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}
.carousel-inner > .active.left {
    left: -100%;
}
.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
}
.carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
}
.carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
}
.carousel-control .icon-prev:before {
    content: "‹";
}
.carousel-control .icon-next:before {
    content: "›";
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9 ;
    background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
    text-shadow: none;
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px;
    }
    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }
    .carousel-indicators {
        bottom: 20px;
    }
}/*# sourceMappingURL=carousel.css.map */
.col-center {
  margin: 0 auto;
  float: none !important;
}

.carousel {
  margin: 20px auto;
  padding: 0 35px;
  background: #000;
  min-height: 290px;
  width: 100%;
}

.carousel-item {
  color: #999;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  min-height: 230px;
}

.carousel .item .img-box {
  width: 90px;
  height: 90px;
  border: 1px solid #555;
  border-radius: 50%;
  margin-left: 50px;
}

.carousel .img-box img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.carousel .testimonial {
  color: #fff;
  padding: 20px;
  text-align: justify;
  text-indent: 1.1em;
  line-height: 1.7;
}

.carousel .overview {
  font-style: italic;
  margin-left: 45px;
}

.carousel .overview b {
  text-transform: uppercase;
  color: #5cb85c;
}

.carousel-control {
  width: 40px;
  height: 40px;
  top: 50%;
  transform: translate(0, -50%);
  background: none;
}

.left {
  left: 0;
}

.right {
  right: 0;
}

.carousel-control i {
  font-size: 40px;
  display: inline-block;
  text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}

.carousel .carousel-indicators {
  bottom: -40px;
}

.carousel-indicators li, .carousel-indicators li.active {
  width: 10px;
  height: 10px;
  margin: 1px 3px;
  border-radius: 50%;
}

.carousel-indicators li {
  background: #999;
  border-color: transparent;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}

.carousel-indicators li.active {
  background: #555;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}

.testimonial-wrapper {
  position: relative;
  background: #555;
  margin: 24px;
  border-radius: 12px;
}

.overview-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 40px 0;
}

.triangle {
  width: 0;
  height: 0;
  border-top: 30px solid #555;
  border-right: 90px solid transparent;
  position: absolute;
  bottom: 0;
  transform: translate(105px, 98%);
}

.txt-box {
  display: flex;
}

@media screen and (max-width: 767px) {
  .carousel .item .img-box {
    width: 50px;
    height: 50px;
    padding: 0;
    min-width: 50px;
  }
  .overview-wrapper {
    margin: 20px 0;
  }
  .txt-box {
    flex-direction: column;
  }
  .triangle {
    border-top: 20px solid #555;
    border-right: 60px solid transparent;
    transform: translate(80px, 98%);
  }
  .carousel .testimonial {
    text-align: center;
  }
}

/*# sourceMappingURL=testimonials.css.map */

.listing-detail-page-header {
  display: grid;
  gap: 0.5rem 0;
  border-radius: 10px;
  padding: 1rem;
  box-shadow: 0px 3px 5px -5px rgba(0, 0, 0, 0.65);
  grid-template: "price name type brand from ." "price pack type brand from .";
  grid-template-columns: 10% 35% 15% 15% 15% 10%;
  font-size: 0.8rem;
  color: unset;
}
@media only screen and (max-width: 767px) {
  .listing-detail-page-header {
    grid-template: "price name" "price pack" "price type" "price brand" "price from";
    grid-template-columns: 1fr 3fr;
  }
}
.listing-detail-page-header-item-title {
  font-size: 1.2rem;
  text-align: center;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .listing-detail-page-header-item-title {
    text-align: left;
    width: 8rem;
  }
}
.listing-detail-page-header-item-body {
  text-align: center;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .listing-detail-page-header-item-body {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .listing-detail-page-header-companyName {
    display: none;
  }
}
.listing-detail-page-header-shippingProviders {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .listing-detail-page-header-shippingProviders {
    text-align: left;
  }
}
.listing-detail-page-header-cohopReservation {
  line-height: 1rem;
  margin-bottom: 0.2rem;
}
.listing-detail-page-header-cohopReservation span {
  background-color: #31be00;
  line-height: 0.8rem;
  font-size: 0.85rem;
  border-radius: 3px;
  padding: 1px 2.5px;
  color: white;
  text-align: center;
}
.listing-detail-page-header-price {
  grid-area: price;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.listing-detail-page-header-price-unitPrice {
  font-weight: bold;
  color: #31be00;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.listing-detail-page-header-price-unitPrice div:nth-child(2) {
  font-size: 0.75em;
  line-height: 1.1em;
  padding-top: 1px;
}
.listing-detail-page-header-price-units {
  font-size: 13px;
  text-align: center;
}
.listing-detail-page-header-price-login {
    font-size: 11px;
    text-align: left;
}
.listing-detail-page-header-name {
  grid-area: name;
}
.listing-detail-page-header-name h2 {
  font-size: 20px;
  font-family: "Gotham Narrow Light", sans-serif;
  margin: 0;
  padding: 0;
  text-align: left;
}
.listing-detail-page-header-pack {
  grid-area: pack;
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  display: flex;
  flex-direction: column;
}
.listing-detail-page-header-type {
  grid-area: type;
  font-weight: bold;
  color: #31be00;
  font-size: 17px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .listing-detail-page-header-type {
    text-align: left;
  }
}
.listing-detail-page-header-brand {
  grid-area: brand;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .listing-detail-page-header-brand {
    flex-direction: row;
    gap: 0.3rem;
  }
}
.listing-detail-page-header-storageLocation {
  grid-area: from;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .listing-detail-page-header-storageLocation {
    flex-direction: row;
    gap: 0.3rem;
  }
}
.listing-detail-page-header-hopAlert {
  display: flex;
  justify-content: space-between;
}
.listing-detail-page-header-hopAlert-btn {
  margin: 5px 0px;
  border-radius: 50%;
  padding: 0;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #5bc0de;
  background: none;
  font-size: 1.3em;
}
.listing-detail-page-header-hopAlert .badge {
  position: absolute;
  top: 12px;
  color: white;
  font-size: 0.6em;
  background: #5bc0de;
  right: -9px;
}
.listing-detail-page-additionalInfo {
    margin: 0.5rem 0;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 3px 5px -5px rgba(0, 0, 0, 0.65);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem 3rem;
}
.listing-detail-page-additionalInfo-item {
  display: flex;
  gap: 3rem;
  line-height: 1;
}
.listing-detail-page-additionalInfo-item-title {
  font-size: 17px;
  flex: 0 1 20%;
  text-align: right;
  font-weight: 600;
  font-family: "Gotham Narrow Extra Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
  .listing-detail-page-additionalInfo-item-title {
    flex: 0 1 40%;
  }
}
.listing-detail-page-additionalInfo-item-body {
  text-align: left;
  font-size: 17px;
  flex: 0 1 80%;
}
.listing-detail-page-additionalInfo-item-body #speedy-badge {
  width: 7rem;
}
@media only screen and (max-width: 767px) {
  .listing-detail-page-additionalInfo-item-body {
    flex: 0 1 60%;
  }
}
.listing-detail-header-price {
  font-size: 20px;
}
.listing-detail-header-variety {
  font-size: 26px;
}
.listing-detail-container {
  width: 100%;
  display: grid;
  gap: 2rem 0.25rem;
}
@media only screen and (min-width: 1281px) {
  .listing-detail-container {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "quantity pelletType brand from storage" "packagingType alphaAcid lotNumber shipsVia text" "intendedUse pointOfUse . . .";
  }
}
@media only screen and (max-width: 1280px) {
  .listing-detail-container {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "quantity pelletType from brand" "packagingType alphaAcid shipsVia storage" "lotNumber intendedUse pointOfUse text";
  }
}
@media only screen and (max-width: 767px) {
  .listing-detail-container {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "quantity pelletType brand" "packagingType from storage" "alphaAcid shipsVia text" "lotNumber intendedUse pointOfUse";
  }
}
.listing-detail-item {
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.listing-detail-item h1 {
  font-size: 1.2rem;
  margin: 0 auto;
  text-align: center;
}
.listing-detail-year {
  grid-area: year;
}
.listing-detail-pelletType {
  grid-area: pelletType;
  color: #31be00;
  font-weight: bold;
}
.listing-detail-brand {
  grid-area: brand;
}
.listing-detail-quantity {
  grid-area: quantity;
}
.listing-detail-packagingType {
  grid-area: packagingType;
}
.listing-detail-alphaAcid {
  grid-area: alphaAcid;
}
.listing-detail-storage-location {
  grid-area: from;
}
.listing-detail-ships-via {
  grid-area: shipsVia;
}
.listing-detail-ships-via-speedyShipper img {
  width: 42px;
}
.listing-detail-storage {
  grid-area: storage;
}
.listing-detail-lotNumber {
  grid-area: lotNumber;
}
.listing-detail-intendedUse {
  grid-area: intendedUse;
}
.listing-detail-pointOfUse {
  grid-area: pointOfUse;
}
.listing-detail-text {
  grid-area: text;
}

.listing-details-main-container {
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "consolidatedDetails sellerProfile" "similarListings sellerProfile";
}
@media only screen and (max-width: 767px) {
  .listing-details-main-container {
    grid-template-columns: 1fr;
    grid-template-areas: "consolidatedDetails" "sellerProfile" "similarListings";
  }
}

.listing-details-section {
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .listing-details-section {
    padding: 0;
  }
}
.listing-details-section-consolidatedDetails {
  grid-area: consolidatedDetails;
}
.listing-details-section-sellerProfile {
  grid-area: sellerProfile;
}
.listing-details-section-similarListings {
  grid-area: similarListings;
}

.listing-details-ratings-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "shippingSpeed reliability" "reviews responseTime";
  justify-items: center;
}
.listing-details-ratings-container .shippingSpeedProgressBar {
  grid-area: shippingSpeed;
}
.listing-details-ratings-container .reliabilityProgressBar {
  grid-area: reliability;
}
.listing-details-ratings-container .reviewsProgressBar {
  grid-area: reviews;
}
.listing-details-ratings-container .responseTimeProgressBar {
  grid-area: responseTime;
}

.userCard__scoreDetails {
  margin-bottom: 10px;
}

/*# sourceMappingURL=listingDetails.css.map */