@charset "UTF-8";
/* CSS Document */
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
@font-face{font-family:"SSSocialCircle";src:url("ss-social-circle.eot");src:url("ss-social-circle.eot?#iefix") format("embedded-opentype"),url("ss-social-circle.woff") format("woff"),url("ss-social-circle.ttf") format("truetype"),url("ss-social-circle.svg#SSSocialCircle") format("svg");font-weight:normal;font-style:normal}
html:hover [class^="ss-"]{-ms-zoom:1}
/* icons and fonts for social */
.ss-icon,.ss-icon.ss-social-circle,[class^="ss-"]:before,[class*=" ss-"]:before,[class^="ss-"].ss-social-circle:before,[class*=" ss-"].ss-social-circle:before,[class^="ss-"].right:after,[class*=" ss-"].right:after,[class^="ss-"].ss-social-circle.right:after,[class*=" ss-"].ss-social-circle.right:after{font-family:"SSSocialCircle";font-style:normal;font-weight:normal;text-decoration:none;text-rendering:optimizeLegibility;white-space:nowrap;-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;-o-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}
[class^="ss-"].right:before,[class*=" ss-"].right:before{display:none;content:''}
.ss-facebook:before,.ss-facebook.right:after{content:''}
.ss-twitter:before,.ss-twitter.right:after{content:''}
.ss-linkedin:before,.ss-linkedin.right:after{content:''}
.ss-googleplus:before,.ss-googleplus.right:after{content:''}
.ss-appdotnet:before,.ss-appdotnet.right:after{content:''}
.ss-zerply:before,.ss-zerply.right:after{content:''}
.ss-reddit:before,.ss-reddit.right:after{content:''}
.ss-steam:before,.ss-steam.right:after{content:''}
.ss-tumblr:before,.ss-tumblr.right:after{content:''}
.ss-wordpress:before,.ss-wordpress.right:after{content:''}
.ss-blogger:before,.ss-blogger.right:after{content:''}
.ss-posterous:before,.ss-posterous.right:after{content:''}
.ss-quora:before,.ss-quora.right:after{content:''}f
.ss-youtube:before,.ss-youtube.right:after{content:''}
.ss-vimeo:before,.ss-vimeo.right:after{content:''}
.ss-vine:before,.ss-vine.right:after{content:''}
.ss-letterboxd:before,.ss-letterboxd.right:after{content:''}
.ss-flickr:before,.;ss-flickr.right:after{content:''}
.ss-instagram:before,.ss-instagram.right:after{content:''}
.ss-500px:before,.ss-500px.right:after{content:''}
.ss-etsy:before,.ss-etsy.right:after{content:''}
.ss-pinterest:before,.ss-pinterest.right:after{content:''}
.ss-svpply:before,.ss-svpply.right:after{content:''}
.ss-readmill:before,.ss-readmill.right:after{content:''}
.ss-dropbox:before,.ss-dropbox.right:after{content:''}
.ss-pinboard:before,.ss-pinboard.right:after{content:''}
.ss-delicious:before,.ss-delicious.right:after{content:''}
.ss-dribbble:before,.ss-dribbble.right:after{content:''}
.ss-behance:before,.ss-behance.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-octocat:before,.ss-octocat.right:after{content:''}.ss-stackoverflow:before,.ss-stackoverflow.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-kickstarter:before,.ss-kickstarter.right:after{content:''}.ss-foursquare:before,.ss-foursquare.right:after{content:''}.ss-yelp:before,.ss-yelp.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-rdio:before,.ss-rdio.right:after{content:''}.ss-spotify:before,.ss-spotify.right:after{content:''}.ss-lastfm:before,.ss-lastfm.right:after{content:''}.ss-soundcloud:before,.ss-soundcloud.right:after{content:''}.ss-link:before,.ss-link.right:after{content:''}.ss-phone:before,.ss-phone.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-like:before,.ss-like.right:after{content:''}.ss-rss:before,.ss-rss.right:after{content:''}.ss-share:before,.ss-share.right:after{content:''}.ss-apple:before,.ss-apple.right:after{content:''}.ss-microsoft:before,.ss-microsoft.right:after{content:''}.ss-windows:before,.ss-windows.right:after{content:''}.ss-android:before,.ss-android.right:after{content:''}.ss-blackberry:before,.ss-blackberry.right:after{content:''}.ss-fivehundredpx:before,.ss-fivehundredpx.right:after{content:''}@font-face{font-family:"SSPika";src:url("ss-pika.eot");src:url("ss-pika.eot?#iefix") format("embedded-opentype"),url("ss-pika.woff") format("woff"),url("ss-pika.ttf") format("truetype"),url("ss-pika.svg#SSPika") format("svg");font-weight:normal;font-style:normal}html:hover [class^="ss-"]{-ms-zoom:1}.ss-icon,.ss-icon.ss-pika,[class^="ss-"]:before,[class*=" ss-"]:before,[class^="ss-"].ss-pika:before,[class*=" ss-"].ss-pika:before,[class^="ss-"].right:after,[class*=" ss-"].right:after,[class^="ss-"].ss-pika.right:after,[class*=" ss-"].ss-pika.right:after{font-family:"SSPika";font-style:normal;font-weight:normal;text-decoration:none;text-rendering:optimizeLegibility;white-space:nowrap;-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;-o-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}[class^="ss-"].right:before,[class*=" ss-"].right:before{display:none;content:''}.ss-cursor:before,.ss-cursor.right:after{content:''}.ss-crosshair:before,.ss-crosshair.right:after{content:'⌖'}.ss-search:before,.ss-search.right:after{content:''}.ss-zoomin:before,.ss-zoomin.right:after{content:''}.ss-zoomout:before,.ss-zoomout.right:after{content:''}.ss-screenshot:before,.ss-screenshot.right:after{content:''}.ss-binoculars:before,.ss-binoculars.right:after{content:''}.ss-view:before,.ss-view.right:after{content:''}.ss-attach:before,.ss-attach.right:after{content:''}.ss-link:before,.ss-link.right:after{content:''}.ss-move:before,.ss-move.right:after{content:''}.ss-write:before,.ss-write.right:after{content:'✎'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:''}.ss-erase:before,.ss-erase.right:after{content:'✐'}.ss-compose:before,.ss-compose.right:after{content:''}.ss-draw:before,.ss-draw.right:after{content:'✏'}.ss-lock:before,.ss-lock.right:after{content:''}.ss-unlock:before,.ss-unlock.right:after{content:''}.ss-key:before,.ss-key.right:after{content:''}.ss-backspace:before,.ss-backspace.right:after{content:'⌫'}.ss-ban:before,.ss-ban.right:after{content:''}.ss-nosmoking:before,.ss-nosmoking.right:after{content:''}.ss-trash:before,.ss-trash.right:after{content:''}.ss-target:before,.ss-target.right:after{content:'◎'}.ss-new:before,.ss-new.right:after{content:''}.ss-tag:before,.ss-tag.right:after{content:''}.ss-pricetag:before,.ss-pricetag.right:after{content:''}.ss-flowertag:before,.ss-flowertag.right:after{content:''}.ss-bookmark:before,.ss-bookmark.right:after{content:''}.ss-flag:before,.ss-flag.right:after{content:'⚑'}.ss-like:before,.ss-like.right:after{content:''}.ss-dislike:before,.ss-dislike.right:after{content:''}.ss-heart:before,.ss-heart.right:after{content:'♥'}.ss-halfheart:before,.ss-halfheart.right:after{content:''}.ss-emptyheart:before,.ss-emptyheart.right:after{content:'♡'}.ss-star:before,.ss-star.right:after{content:'⋆'}.ss-halfstar:before,.ss-halfstar.right:after{content:''}.ss-medal:before,.ss-medal.right:after{content:''}.ss-ribbon:before,.ss-ribbon.right:after{content:''}.ss-bullseye:before,.ss-bullseye.right:after{content:''}.ss-sample:before,.ss-sample.right:after{content:''}.ss-crop:before,.ss-crop.right:after{content:''}.ss-layers:before,.ss-layers.right:after{content:''}.ss-gridlines:before,.ss-gridlines.right:after{content:''}.ss-pen:before,.ss-pen.right:after{content:'✒'}.ss-feather:before,.ss-feather.right:after{content:''}.ss-rubbereraser:before,.ss-rubbereraser.right:after{content:''}.ss-paintroller:before,.ss-paintroller.right:after{content:''}.ss-rubberstamp:before,.ss-rubberstamp.right:after{content:''}.ss-checkclipboard:before,.ss-checkclipboard.right:after{content:''}.ss-linechartclipboard:before,.ss-linechartclipboard.right:after{content:''}.ss-clockwise:before,.ss-clockwise.right:after{content:'⥁'}.ss-phone:before,.ss-phone.right:after{content:''}.ss-phonedisabled:before,.ss-phonedisabled.right:after{content:''}.ss-headset:before,.ss-headset.right:after{content:''}.ss-megaphone:before,.ss-megaphone.right:after{content:''}.ss-rss:before,.ss-rss.right:after{content:''}.ss-facetime:before,.ss-facetime.right:after{content:''}.ss-reply:before,.ss-reply.right:after{content:'↩'}.ss-send:before,.ss-send.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-inbox:before,.ss-inbox.right:after{content:''}.ss-outbox:before,.ss-outbox.right:after{content:''}.ss-wifimail:before,.ss-wifimail.right:after{content:''}.ss-chat:before,.ss-chat.right:after{content:''}.ss-user:before,.ss-user.right:after{content:''}.ss-femaleuser:before,.ss-femaleuser.right:after{content:''}.ss-users:before,.ss-users.right:after{content:''}.ss-usergroup:before,.ss-usergroup.right:after{content:''}.ss-adduser:before,.ss-adduser.right:after{content:''}.ss-removeuser:before,.ss-removeuser.right:after{content:''}.ss-deleteuser:before,.ss-deleteuser.right:after{content:''}.ss-userprofile:before,.ss-userprofile.right:after{content:''}.ss-businessuser:before,.ss-businessuser.right:after{content:''}.ss-cart:before,.ss-cart.right:after{content:''}.ss-addcart:before,.ss-addcart.right:after{content:''}.ss-removecart:before,.ss-removecart.right:after{content:''}.ss-deletecart:before,.ss-deletecart.right:after{content:''}.ss-downloadcart:before,.ss-downloadcart.right:after{content:''}.ss-emptycart:before,.ss-emptycart.right:after{content:''}.ss-basket:before,.ss-basket.right:after{content:''}.ss-gift:before,.ss-gift.right:after{content:''}.ss-apple:before,.ss-apple.right:after{content:''}.ss-cashregister:before,.ss-cashregister.right:after{content:''}.ss-store:before,.ss-store.right:after{content:''}.ss-searchbarcode:before,.ss-searchbarcode.right:after{content:''}.ss-notepad:before,.ss-notepad.right:after{content:''}.ss-creditcard:before,.ss-creditcard.right:after{content:''}.ss-safe:before,.ss-safe.right:after{content:''}.ss-digitalsafe:before,.ss-digitalsafe.right:after{content:''}.ss-atm:before,.ss-atm.right:after{content:''}.ss-dispensecash:before,.ss-dispensecash.right:after{content:''}.ss-banknote:before,.ss-banknote.right:after{content:''}.ss-coins:before,.ss-coins.right:after{content:''}.ss-bankcheck:before,.ss-bankcheck.right:after{content:''}.ss-piggybank:before,.ss-piggybank.right:after{content:''}.ss-moneybag:before,.ss-moneybag.right:after{content:''}.ss-tip:before,.ss-tip.right:after{content:''}.ss-calculator:before,.ss-calculator.right:after{content:''}.ss-percent:before,.ss-percent.right:after{content:'%'}.ss-bank:before,.ss-bank.right:after{content:''}.ss-scales:before,.ss-scales.right:after{content:'⚖'}.ss-piechart:before,.ss-piechart.right:after{content:''}.ss-piechartthirds:before,.ss-piechartthirds.right:after{content:''}.ss-barchart:before,.ss-barchart.right:after{content:''}.ss-upwardsbarchart:before,.ss-upwardsbarchart.right:after{content:''}.ss-downwardsbarchart:before,.ss-downwardsbarchart.right:after{content:''}.ss-horizontalbarchart:before,.ss-horizontalbarchart.right:after{content:''}.ss-analytics:before,.ss-analytics.right:after{content:''}.ss-upwardslinechart:before,.ss-upwardslinechart.right:after{content:''}.ss-downwardslinechart:before,.ss-downwardslinechart.right:after{content:''}.ss-linecharts:before,.ss-linecharts.right:after{content:''}.ss-scatterchart:before,.ss-scatterchart.right:after{content:''}.ss-stock:before,.ss-stock.right:after{content:''}.ss-form:before,.ss-form.right:after{content:''}.ss-box:before,.ss-box.right:after{content:''}.ss-crate:before,.ss-crate.right:after{content:''}.ss-deliveryvan:before,.ss-deliveryvan.right:after{content:''}.ss-deliverytruck:before,.ss-deliverytruck.right:after{content:''}.ss-forklift:before,.ss-forklift.right:after{content:''}.ss-cargoship:before,.ss-cargoship.right:after{content:''}.ss-hook:before,.ss-hook.right:after{content:''}.ss-weight:before,.ss-weight.right:after{content:''}.ss-containers:before,.ss-containers.right:after{content:''}.ss-fragile:before,.ss-fragile.right:after{content:''}.ss-thissideup:before,.ss-thissideup.right:after{content:''}.ss-home:before,.ss-home.right:after{content:'⌂'}.ss-building:before,.ss-building.right:after{content:''}.ss-lodging:before,.ss-lodging.right:after{content:''}.ss-earth:before,.ss-earth.right:after{content:''}.ss-globe:before,.ss-globe.right:after{content:''}.ss-garage:before,.ss-garage.right:after{content:''}.ss-warehouse:before,.ss-warehouse.right:after{content:''}.ss-floorplan:before,.ss-floorplan.right:after{content:''}.ss-address:before,.ss-address.right:after{content:''}.ss-searchhouse:before,.ss-searchhouse.right:after{content:''}.ss-housesale:before,.ss-housesale.right:after{content:''}.ss-navigate:before,.ss-navigate.right:after{content:''}.ss-compass:before,.ss-compass.right:after{content:''}.ss-signpost:before,.ss-signpost.right:after{content:''}.ss-map:before,.ss-map.right:after{content:''}.ss-gps:before,.ss-gps.right:after{content:''}.ss-compassnavigate:before,.ss-compassnavigate.right:after{content:''}.ss-compassarrow:before,.ss-compassarrow.right:after{content:''}.ss-location:before,.ss-location.right:after{content:''}.ss-pin:before,.ss-pin.right:after{content:''}.ss-pushpin:before,.ss-pushpin.right:after{content:''}.ss-maplocation:before,.ss-maplocation.right:after{content:''}.ss-globelocation:before,.ss-globelocation.right:after{content:''}.ss-puzzle:before,.ss-puzzle.right:after{content:''}.ss-floppydisk:before,.ss-floppydisk.right:after{content:''}.ss-firewall:before,.ss-firewall.right:after{content:''}.ss-database:before,.ss-database.right:after{content:''}.ss-hdd:before,.ss-hdd.right:after{content:''}.ss-music:before,.ss-music.right:after{content:'♫'}.ss-eighthnote:before,.ss-eighthnote.right:after{content:'♪'}.ss-mic:before,.ss-mic.right:after{content:''}.ss-volume:before,.ss-volume.right:after{content:''}.ss-lowvolume:before,.ss-lowvolume.right:after{content:''}.ss-highvolume:before,.ss-highvolume.right:after{content:''}.ss-radio:before,.ss-radio.right:after{content:''}.ss-stereo:before,.ss-stereo.right:after{content:''}.ss-airplay:before,.ss-airplay.right:after{content:''}.ss-vinylrecord:before,.ss-vinylrecord.right:after{content:''}.ss-disc:before,.ss-disc.right:after{content:''}.ss-camera:before,.ss-camera.right:after{content:''}.ss-picture:before,.ss-picture.right:after{content:''}.ss-video:before,.ss-video.right:after{content:''}.ss-playvideo:before,.ss-playvideo.right:after{content:''}.ss-play:before,.ss-play.right:after{content:'▶'}.ss-pause:before,.ss-pause.right:after{content:''}.ss-stop:before,.ss-stop.right:after{content:'■'}.ss-record:before,.ss-record.right:after{content:'●'}.ss-rewind:before,.ss-rewind.right:after{content:'⏪'}.ss-fastforward:before,.ss-fastforward.right:after{content:'⏩'}.ss-skipback:before,.ss-skipback.right:after{content:'⏮'}.ss-skipforward:before,.ss-skipforward.right:after{content:'⏭'}.ss-eject:before,.ss-eject.right:after{content:'⏏'}.ss-repeat:before,.ss-repeat.right:after{content:''}.ss-replay:before,.ss-replay.right:after{content:'↺'}.ss-shuffle:before,.ss-shuffle.right:after{content:''}.ss-index:before,.ss-index.right:after{content:''}.ss-page:before,.ss-page.right:after{content:''}.ss-book:before,.ss-book.right:after{content:''}.ss-books:before,.ss-books.right:after{content:''}.ss-openbook:before,.ss-openbook.right:after{content:''}.ss-heartbook:before,.ss-heartbook.right:after{content:''}.ss-downloadbook:before,.ss-downloadbook.right:after{content:''}.ss-musicopenbook:before,.ss-musicopenbook.right:after{content:''}.ss-searchbook:before,.ss-searchbook.right:after{content:''}.ss-notebook:before,.ss-notebook.right:after{content:''}.ss-newspaper:before,.ss-newspaper.right:after{content:''}.ss-notice:before,.ss-notice.right:after{content:''}.ss-rows:before,.ss-rows.right:after{content:''}.ss-columns:before,.ss-columns.right:after{content:''}.ss-thumbnails:before,.ss-thumbnails.right:after{content:''}.ss-pagecurl:before,.ss-pagecurl.right:after{content:''}.ss-desktop:before,.ss-desktop.right:after{content:''}.ss-laptop:before,.ss-laptop.right:after{content:''}.ss-tablet:before,.ss-tablet.right:after{content:''}.ss-smartphone:before,.ss-smartphone.right:after{content:''}.ss-cell:before,.ss-cell.right:after{content:''}.ss-walkytalky:before,.ss-walkytalky.right:after{content:''}.ss-ereader:before,.ss-ereader.right:after{content:''}.ss-ebook:before,.ss-ebook.right:after{content:''}.ss-wifibook:before,.ss-wifibook.right:after{content:''}.ss-wifiopenbook:before,.ss-wifiopenbook.right:after{content:''}.ss-battery:before,.ss-battery.right:after{content:''}.ss-highbattery:before,.ss-highbattery.right:after{content:''}.ss-mediumbattery:before,.ss-mediumbattery.right:after{content:''}.ss-lowbattery:before,.ss-lowbattery.right:after{content:''}.ss-emptybattery:before,.ss-emptybattery.right:after{content:''}.ss-chargingbattery:before,.ss-chargingbattery.right:after{content:''}.ss-heartmobile:before,.ss-heartmobile.right:after{content:''}.ss-phonemobile:before,.ss-phonemobile.right:after{content:''}.ss-lockmobile:before,.ss-lockmobile.right:after{content:''}.ss-textmobile:before,.ss-textmobile.right:after{content:''}.ss-dollarmobile:before,.ss-dollarmobile.right:after{content:''}.ss-euromobile:before,.ss-euromobile.right:after{content:''}.ss-rssmobile:before,.ss-rssmobile.right:after{content:''}.ss-navigationmobile:before,.ss-navigationmobile.right:after{content:''}.ss-batterymobile:before,.ss-batterymobile.right:after{content:''}.ss-powermobile:before,.ss-powermobile.right:after{content:''}.ss-browseonline:before,.ss-browseonline.right:after{content:''}.ss-shoponline:before,.ss-shoponline.right:after{content:''}.ss-bankonline:before,.ss-bankonline.right:after{content:''}.ss-realtyonline:before,.ss-realtyonline.right:after{content:''}.ss-readonline:before,.ss-readonline.right:after{content:''}.ss-weatheronline:before,.ss-weatheronline.right:after{content:''}.ss-lightbulb:before,.ss-lightbulb.right:after{content:''}.ss-lightbulbon:before,.ss-lightbulbon.right:after{content:''}.ss-cfl:before,.ss-cfl.right:after{content:''}.ss-hairdryer:before,.ss-hairdryer.right:after{content:''}.ss-picnictable:before,.ss-picnictable.right:after{content:''}.ss-flame:before,.ss-flame.right:after{content:''}.ss-campfire:before,.ss-campfire.right:after{content:''}.ss-bonfire:before,.ss-bonfire.right:after{content:''}.ss-balloon:before,.ss-balloon.right:after{content:''}.ss-christmastree:before,.ss-christmastree.right:after{content:''}.ss-sweep:before,.ss-sweep.right:after{content:''}.ss-chess:before,.ss-chess.right:after{content:'♞'}.ss-onedie:before,.ss-onedie.right:after{content:'⚀'}.ss-twodie:before,.ss-twodie.right:after{content:'⚁'}.ss-threedie:before,.ss-threedie.right:after{content:'⚂'}.ss-fourdie:before,.ss-fourdie.right:after{content:'⚃'}.ss-fivedie:before,.ss-fivedie.right:after{content:'⚄'}.ss-sixdie:before,.ss-sixdie.right:after{content:'⚅'}.ss-downloadcloud:before,.ss-downloadcloud.right:after{content:''}.ss-download:before,.ss-download.right:after{content:''}.ss-downloadbox:before,.ss-downloadbox.right:after{content:''}.ss-downloadcrate:before,.ss-downloadcrate.right:after{content:''}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:''}.ss-upload:before,.ss-upload.right:after{content:''}.ss-uploadbox:before,.ss-uploadbox.right:after{content:''}.ss-uploadcrate:before,.ss-uploadcrate.right:after{content:''}.ss-fork:before,.ss-fork.right:after{content:''}.ss-merge:before,.ss-merge.right:after{content:''}.ss-refresh:before,.ss-refresh.right:after{content:'↻'}.ss-sync:before,.ss-sync.right:after{content:''}.ss-loading:before,.ss-loading.right:after{content:''}.ss-wifi:before,.ss-wifi.right:after{content:''}.ss-connection:before,.ss-connection.right:after{content:''}.ss-reload:before,.ss-reload.right:after{content:''}.ss-file:before,.ss-file.right:after{content:''}.ss-addfile:before,.ss-addfile.right:after{content:''}.ss-removefile:before,.ss-removefile.right:after{content:''}.ss-deletefile:before,.ss-deletefile.right:after{content:''}.ss-downloadfile:before,.ss-downloadfile.right:after{content:''}.ss-uploadfile:before,.ss-uploadfile.right:after{content:''}.ss-importfile:before,.ss-importfile.right:after{content:''}.ss-exportfile:before,.ss-exportfile.right:after{content:''}.ss-settingsfile:before,.ss-settingsfile.right:after{content:''}.ss-lockfile:before,.ss-lockfile.right:after{content:''}.ss-userfile:before,.ss-userfile.right:after{content:''}.ss-picturefile:before,.ss-picturefile.right:after{content:''}.ss-textfile:before,.ss-textfile.right:after{content:''}.ss-exe:before,.ss-exe.right:after{content:''}.ss-zip:before,.ss-zip.right:after{content:''}.ss-doc:before,.ss-doc.right:after{content:''}.ss-ppt:before,.ss-ppt.right:after{content:''}.ss-pdf:before,.ss-pdf.right:after{content:''}.ss-jpg:before,.ss-jpg.right:after{content:''}.ss-png:before,.ss-png.right:after{content:''}.ss-folder:before,.ss-folder.right:after{content:''}.ss-openfolder:before,.ss-openfolder.right:after{content:''}.ss-downloadfolder:before,.ss-downloadfolder.right:after{content:''}.ss-uploadfolder:before,.ss-uploadfolder.right:after{content:''}.ss-cloudfolder:before,.ss-cloudfolder.right:after{content:''}.ss-lockfolder:before,.ss-lockfolder.right:after{content:''}.ss-securefolder:before,.ss-securefolder.right:after{content:''}.ss-picturefolder:before,.ss-picturefolder.right:after{content:''}.ss-moviefolder:before,.ss-moviefolder.right:after{content:''}.ss-quote:before,.ss-quote.right:after{content:'"'}.ss-text:before,.ss-text.right:after{content:''}.ss-font:before,.ss-font.right:after{content:''}.ss-highlight:before,.ss-highlight.right:after{content:''}.ss-print:before,.ss-print.right:after{content:'⎙'}.ss-fax:before,.ss-fax.right:after{content:''}.ss-list:before,.ss-list.right:after{content:''}.ss-layout:before,.ss-layout.right:after{content:''}.ss-action:before,.ss-action.right:after{content:''}.ss-redirect:before,.ss-redirect.right:after{content:'↪'}.ss-expand:before,.ss-expand.right:after{content:'⤢'}.ss-contract:before,.ss-contract.right:after{content:''}.ss-help:before,.ss-help.right:after{content:'❓'}.ss-info:before,.ss-info.right:after{content:'ℹ'}.ss-alert:before,.ss-alert.right:after{content:'⚠'}.ss-caution:before,.ss-caution.right:after{content:'⛔'}.ss-logout:before,.ss-logout.right:after{content:''}.ss-login:before,.ss-login.right:after{content:''}.ss-scaleup:before,.ss-scaleup.right:after{content:''}.ss-scaledown:before,.ss-scaledown.right:after{content:''}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-hyphen:before,.ss-hyphen.right:after{content:'-'}.ss-check:before,.ss-check.right:after{content:'✓'}.ss-delete:before,.ss-delete.right:after{content:'␡'}.ss-bearface:before,.ss-bearface.right:after{content:''}.ss-bird:before,.ss-bird.right:after{content:''}.ss-fishes:before,.ss-fishes.right:after{content:''}.ss-tropicalfish:before,.ss-tropicalfish.right:after{content:''}.ss-tree:before,.ss-tree.right:after{content:''}.ss-evergreen:before,.ss-evergreen.right:after{content:''}.ss-palmtree:before,.ss-palmtree.right:after{content:''}.ss-leaf:before,.ss-leaf.right:after{content:''}.ss-seedling:before,.ss-seedling.right:after{content:''}.ss-grass:before,.ss-grass.right:after{content:''}.ss-settings:before,.ss-settings.right:after{content:'⚙'}.ss-dashboard:before,.ss-dashboard.right:after{content:''}.ss-dial:before,.ss-dial.right:after{content:''}.ss-notifications:before,.ss-notifications.right:after{content:''}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:''}.ss-flash:before,.ss-flash.right:after{content:'⌁'}.ss-wrench:before,.ss-wrench.right:after{content:''}.ss-tapemeasure:before,.ss-tapemeasure.right:after{content:''}.ss-clock:before,.ss-clock.right:after{content:'⏲'}.ss-watch:before,.ss-watch.right:after{content:'⌚'}.ss-stopwatch:before,.ss-stopwatch.right:after{content:'⏱'}.ss-alarmclock:before,.ss-alarmclock.right:after{content:'⏰'}.ss-calendar:before,.ss-calendar.right:after{content:''}.ss-addcalendar:before,.ss-addcalendar.right:after{content:''}.ss-removecalendar:before,.ss-removecalendar.right:after{content:''}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:''}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:''}.ss-sausage:before,.ss-sausage.right:after{content:''}.ss-burger:before,.ss-burger.right:after{content:''}.ss-pizza:before,.ss-pizza.right:after{content:''}.ss-fish:before,.ss-fish.right:after{content:''}.ss-shrimp:before,.ss-shrimp.right:after{content:''}.ss-turkey:before,.ss-turkey.right:after{content:''}.ss-steak:before,.ss-steak.right:after{content:''}.ss-sidedish:before,.ss-sidedish.right:after{content:''}.ss-noodles:before,.ss-noodles.right:after{content:''}.ss-spaghetti:before,.ss-spaghetti.right:after{content:''}.ss-corn:before,.ss-corn.right:after{content:''}.ss-carrot:before,.ss-carrot.right:after{content:''}.ss-icecream:before,.ss-icecream.right:after{content:''}.ss-mug:before,.ss-mug.right:after{content:'☕'}.ss-beer:before,.ss-beer.right:after{content:''}.ss-bottle:before,.ss-bottle.right:after{content:''}.ss-wineglass:before,.ss-wineglass.right:after{content:''}.ss-cocktail:before,.ss-cocktail.right:after{content:''}.ss-tea:before,.ss-tea.right:after{content:''}.ss-teapot:before,.ss-teapot.right:after{content:''}.ss-waterbottle:before,.ss-waterbottle.right:after{content:''}.ss-wineglasssparkle:before,.ss-wineglasssparkle.right:after{content:''}.ss-salt:before,.ss-salt.right:after{content:''}.ss-pepper:before,.ss-pepper.right:after{content:''}.ss-oliveoil:before,.ss-oliveoil.right:after{content:''}.ss-hotsauce:before,.ss-hotsauce.right:after{content:''}.ss-coal:before,.ss-coal.right:after{content:''}.ss-oven:before,.ss-oven.right:after{content:''}.ss-stove:before,.ss-stove.right:after{content:''}.ss-cook:before,.ss-cook.right:after{content:''}.ss-bbq:before,.ss-bbq.right:after{content:''}.ss-utensils:before,.ss-utensils.right:after{content:''}.ss-spoonfork:before,.ss-spoonfork.right:after{content:''}.ss-knife:before,.ss-knife.right:after{content:''}.ss-cookingutensils:before,.ss-cookingutensils.right:after{content:''}.ss-measuringcup:before,.ss-measuringcup.right:after{content:''}.ss-colander:before,.ss-colander.right:after{content:''}.ss-scale:before,.ss-scale.right:after{content:''}.ss-eggtimer:before,.ss-eggtimer.right:after{content:''}.ss-platter:before,.ss-platter.right:after{content:''}.ss-apron:before,.ss-apron.right:after{content:''}.ss-bbqapron:before,.ss-bbqapron.right:after{content:''}.ss-chef:before,.ss-chef.right:after{content:''}.ss-handbag:before,.ss-handbag.right:after{content:''}.ss-briefcase:before,.ss-briefcase.right:after{content:''}.ss-hanger:before,.ss-hanger.right:after{content:''}.ss-weathervane:before,.ss-weathervane.right:after{content:''}.ss-thermometer:before,.ss-thermometer.right:after{content:''}.ss-weather:before,.ss-weather.right:after{content:''}.ss-cloud:before,.ss-cloud.right:after{content:'☁'}.ss-droplet:before,.ss-droplet.right:after{content:''}.ss-sun:before,.ss-sun.right:after{content:'☀'}.ss-partlycloudy:before,.ss-partlycloudy.right:after{content:'⛅'}.ss-rain:before,.ss-rain.right:after{content:'☔'}.ss-thunderstorm:before,.ss-thunderstorm.right:after{content:'⛈'}.ss-umbrella:before,.ss-umbrella.right:after{content:'☂'}.ss-rainbow:before,.ss-rainbow.right:after{content:''}.ss-fog:before,.ss-fog.right:after{content:''}.ss-wind:before,.ss-wind.right:after{content:''}.ss-tornado:before,.ss-tornado.right:after{content:''}.ss-snowflake:before,.ss-snowflake.right:after{content:'❄'}.ss-fan:before,.ss-fan.right:after{content:''}.ss-solarpanel:before,.ss-solarpanel.right:after{content:''}.ss-plug:before,.ss-plug.right:after{content:''}.ss-outlet:before,.ss-outlet.right:after{content:''}.ss-car:before,.ss-car.right:after{content:''}.ss-taxi:before,.ss-taxi.right:after{content:''}.ss-locomotive:before,.ss-locomotive.right:after{content:''}.ss-train:before,.ss-train.right:after{content:''}.ss-traintunnel:before,.ss-traintunnel.right:after{content:''}.ss-bus:before,.ss-bus.right:after{content:''}.ss-truck:before,.ss-truck.right:after{content:''}.ss-caravan:before,.ss-caravan.right:after{content:''}.ss-tractor:before,.ss-tractor.right:after{content:''}.ss-tunnel:before,.ss-tunnel.right:after{content:''}.ss-plane:before,.ss-plane.right:after{content:'✈'}.ss-arrival:before,.ss-arrival.right:after{content:''}.ss-departure:before,.ss-departure.right:after{content:''}.ss-helicopter:before,.ss-helicopter.right:after{content:''}.ss-bike:before,.ss-bike.right:after{content:''}.ss-motorcycle:before,.ss-motorcycle.right:after{content:''}.ss-boat:before,.ss-boat.right:after{content:''}.ss-sailboat:before,.ss-sailboat.right:after{content:'⛵'}.ss-schooner:before,.ss-schooner.right:after{content:''}.ss-skylift:before,.ss-skylift.right:after{content:''}.ss-rocket:before,.ss-rocket.right:after{content:''}.ss-steeringwheel:before,.ss-steeringwheel.right:after{content:''}.ss-trafficcamera:before,.ss-trafficcamera.right:after{content:''}.ss-fuel:before,.ss-fuel.right:after{content:'⛽'}.ss-jerrycan:before,.ss-jerrycan.right:after{content:''}.ss-passport:before,.ss-passport.right:after{content:''}.ss-trafficlight:before,.ss-trafficlight.right:after{content:''}.ss-highway:before,.ss-highway.right:after{content:''}.ss-road:before,.ss-road.right:after{content:''}.ss-intersection:before,.ss-intersection.right:after{content:''}.ss-wheelchair:before,.ss-wheelchair.right:after{content:'♿'}.ss-elevator:before,.ss-elevator.right:after{content:''}.ss-golf:before,.ss-golf.right:after{content:''}.ss-hockey:before,.ss-hockey.right:after{content:''}.ss-iceskate:before,.ss-iceskate.right:after{content:'⛸'}.ss-billiards:before,.ss-billiards.right:after{content:''}.ss-baseballglove:before,.ss-baseballglove.right:after{content:''}.ss-tennis:before,.ss-tennis.right:after{content:''}.ss-tabletennis:before,.ss-tabletennis.right:after{content:''}.ss-badminton:before,.ss-badminton.right:after{content:''}.ss-boxing:before,.ss-boxing.right:after{content:''}.ss-bowling:before,.ss-bowling.right:after{content:''}.ss-football:before,.ss-football.right:after{content:''}.ss-soccer:before,.ss-soccer.right:after{content:'⚽'}.ss-hiker:before,.ss-hiker.right:after{content:''}.ss-pool:before,.ss-pool.right:after{content:''}.ss-shower:before,.ss-shower.right:after{content:''}.ss-exercise:before,.ss-exercise.right:after{content:''}.ss-exercisebike:before,.ss-exercisebike.right:after{content:''}.ss-dumbbell:before,.ss-dumbbell.right:after{content:''}.ss-jumprope:before,.ss-jumprope.right:after{content:''}.ss-yoga:before,.ss-yoga.right:after{content:''}.ss-suitcase:before,.ss-suitcase.right:after{content:''}.ss-luggage:before,.ss-luggage.right:after{content:''}.ss-donotdisturb:before,.ss-donotdisturb.right:after{content:''}.ss-sunscreen:before,.ss-sunscreen.right:after{content:''}.ss-callbell:before,.ss-callbell.right:after{content:''}.ss-hospital:before,.ss-hospital.right:after{content:'⛨'}.ss-medicalcross:before,.ss-medicalcross.right:after{content:''}.ss-ambulance:before,.ss-ambulance.right:after{content:''}.ss-bandage:before,.ss-bandage.right:after{content:''}.ss-medicalthermometer:before,.ss-medicalthermometer.right:after{content:''}.ss-stethoscope:before,.ss-stethoscope.right:after{content:''}.ss-syringe:before,.ss-syringe.right:after{content:''}.ss-pill:before,.ss-pill.right:after{content:''}.ss-pillbottle:before,.ss-pillbottle.right:after{content:''}.ss-supplements:before,.ss-supplements.right:after{content:''}.ss-bathroomscale:before,.ss-bathroomscale.right:after{content:''}.ss-dna:before,.ss-dna.right:after{content:''}.ss-anatomicalheart:before,.ss-anatomicalheart.right:after{content:''}.ss-checkheart:before,.ss-checkheart.right:after{content:''}.ss-eyesurgery:before,.ss-eyesurgery.right:after{content:''}.ss-brokenbone:before,.ss-brokenbone.right:after{content:''}.ss-up:before,.ss-up.right:after{content:'⬆'}.ss-upright:before,.ss-upright.right:after{content:'⬈'}.ss-right:before,.ss-right.right:after{content:'➡'}.ss-downright:before,.ss-downright.right:after{content:'⬊'}.ss-down:before,.ss-down.right:after{content:'⬇'}.ss-downleft:before,.ss-downleft.right:after{content:'⬋'}.ss-left:before,.ss-left.right:after{content:'⬅'}.ss-upleft:before,.ss-upleft.right:after{content:'⬉'}.ss-navigateup:before,.ss-navigateup.right:after{content:''}.ss-navigateright:before,.ss-navigateright.right:after{content:'▻'}.ss-navigatedown:before,.ss-navigatedown.right:after{content:''}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'◅'}.ss-directup:before,.ss-directup.right:after{content:'▴'}.ss-directright:before,.ss-directright.right:after{content:'▹'}.ss-dropdown:before,.ss-dropdown.right:after{content:'▾'}.ss-directleft:before,.ss-directleft.right:after{content:'◃'}.ss-leftright:before,.ss-leftright.right:after{content:'⬌'}.ss-rightward:before,.ss-rightward.right:after{content:''}.ss-leftward:before,.ss-leftward.right:after{content:''}.ss-previouspage:before,.ss-previouspage.right:after{content:'⎗'}.ss-nextpage:before,.ss-nextpage.right:after{content:'⎘'}.ss-retweet:before,.ss-retweet.right:after{content:''}.ss-share:before,.ss-share.right:after{content:''}

/* general styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;}
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.hide{display:none}
body{font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;font-size:1rem;color:#0d0d0d;background:#fff;line-height:1.5rem; -webkit-font-smoothing: antialiased;}
h1{font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;font-size:2.8rem;line-height:1em;margin:0 0 2rem 0;color:#000}
article h1{text-transform:none;font-size:2rem;line-height:1.3em; margin:0; padding: 2rem;}
h2{font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;font-size:1.6rem;line-height:1.3em;margin:0 0 0.2em;color:#000}
h2.bar {background:#000000; padding: 1rem; color:#fff;text-transform:none;margin:0;font-weight:500;}
h2.bar a,h2.bar a:visited, h2.bar a:hover {color:#fff;text-decoration:none;}
#sustainability h2 {font-size: 2rem;letter-spacing: .5rem; font-family: "Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;font-weight: 700; color: #fff;}
.home .featured {padding-top: 0;}
.home .featured .head-divider {text-align: center; border-top: 1px solid #000; margin-top: 20px;}
.home .featured h2 {
    font-family: 'Gotham A', 'Gotham B', "gotham", helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
	text-align: center;
	letter-spacing: .5rem;
	padding: 0px;
	background: #fff;
	margin-top: -40px;
	display: inline-block;
	width: auto;
}
.home .col-1-1#stories {padding: 5%;}
.nopad .col-1-1.center h3,.nopad .col-1-1.indent h3 {
	font-family: 'Gotham A', 'Gotham B', "gotham", helvetica, arial, sans-serif;
    text-transform: none;
    font-size: 2.2rem;
	letter-spacing: .2rem;
	color: #fff;
	font-weight: 600;
	margin-bottom: 1rem;
}
.nopad .col-1-1.indent.wider h3 {
    font-size: 1.3rem;
    letter-spacing: .1rem;
}
.nopad .col-1-1.center h3 {
	text-align: center;
}
.nopad .col-1-1.white.indent h3 {
	color: #000;
}
.nopad .col-1-1.indent h3.callout {
	padding-top: 30px; 
	border-top: 2px solid #000; 
	text-transform: none; 
	line-height: 2rem;
	letter-spacing: .1rem;
	font-size: 1.5rem;
	font-weight: 500;
	margin: 0 30px;
}
.nopad .col-1-1.white.indent h4.quote {
	font-family: 'Gotham A', 'Gotham B', "gotham", helvetica, arial, sans-serif;
    text-transform: none;
    font-size: 1.7rem;
	line-height: 2.4rem;
	padding-right: 3rem;
	color: #000;
}
.nopad .col-1-1.white.indent h4 {
	font-family: 'Gotham A', 'Gotham B', "gotham", helvetica, arial, sans-serif;
    text-transform: none;
    font-size: 1.6rem;
	margin-bottom: 1rem;
  	line-height: 2.3rem;
}
div.spotlight-hdr {
    border: 2px solid #000;
    background: #fff;
    margin: 10px 10%;
    padding: 20px;
}
div.spotlight-hdr h4 {
	font-family: 'Gotham A', 'Gotham B', "gotham", helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.6rem;	
    font-weight: 700;
}
h3{font-family:'Gotham A', 'Gotham B', "gotham",helvetica,arial,sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;font-size:1.6rem;line-height:1em;margin:0 0 0.5em;color:#000}
h4{text-transform:uppercase;color:#0d0d0d;font-weight:500;margin:0.5rem 0}
h5{font-size:1.1rem;font-weight:bold;margin:0 0 0.5rem 0}
h5 a{display:inline-block;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;text-transform:uppercase;font-weight:500;color:#fff;background:#8ec549;letter-spacing:0.05em;padding:0.8em 1em;border:0;cursor:pointer;font-size:1rem;transition:all 0.3s ease;opacity:1;text-decoration:none;line-height:1em;height:2.5rem}
h5 a:hover{background:#7cb239}
h5 a:visited{color:#fff}
h6{color:#7f7f7f;margin:0 0 2rem 0;font-size:0.9rem}
.content .action {color:#1d5632;text-transform:none;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;font-weight: 700; letter-spacing: 0; font-size: 1.3rem;}
p {padding:0 0 2em 0}
p.indent {padding: 0 6em 2em 6em;}
.light-green p {color: #1d5632;}
.light-gray p,.light-gray ul li {color: #000000;}
.dark-gray h2, .dark-gray h3, .dark-gray h4, .black h2, .black h3, .black h4  {color: #fff; text-transform: none; font-size: 1.5rem;}
.black h2, .dark-gray h2, .orange h2, .teal h2, .blue h2, .col-1-2.light-green h2 {color: #fff;}
.black p, .dark-gray p, .orange p, .teal p, .blue p, .col-1-2.light-green p {color: #fff; padding: 1em 0; font-size: 1.1rem; line-height: 1.7rem;}
.black li, .dark-gray li, .orange li, .teal li, .blue li, .light-green li {color: #fff;}
.black p.small, .dark-gray p.small, .orange p.small, .teal p.small, .blue p.small, .col-1-2.light-green p.small {padding: .6em 0; font-size: .9rem; line-height: 1.3rem;}
#product-description p{padding-bottom:1em;}
ul{margin:0 0 2em 0;padding:0 0 0 1em;list-style:disc}
ol{margin:0 0 2em 0;padding:0 0 0 1em;list-style:decimal}
li{padding-bottom:0.5rem}
blockquote{padding:2em;margin:0 0 2rem 0;background:#f7f7f7}
blockquote p{font-size:1.1rem;line-height:1.4em;padding:0;color:#8ec549}
cite{display:block;text-align:right;color:#7f7f7f}
a{color:#096228;text-decoration:underline;transition:0.2s ease}a:visited{color:#7f7f7f}
a:hover,a:active{color:#0c8335;text-decoration:none}
.product-grid a, .product-grid a:hover, .product-grid a:active {color:#000;text-decoration:none;font-weight:500;font-size:1.1em;}
strong,b{font-weight:bold}
em{font-style:italic}
table{width:100%;border:0;margin:0 0 2rem 0}
th{text-transform:uppercase;padding:0.5rem 1rem;text-align:left;font-weight:500;font-size:1.1rem}
tr:nth-child(even){background:#f7f7f7}
.mobile-only {display:inherit;}
/* promos on product pages */
p.promo {padding: 10px; border: 1px solid #1f5733; color: #1f5733; background: #f1f0f0; font-style: italic;
}
/* event list table*/
table.eventlist tr th {font-size: 0.9rem;}
table.eventlist tr td {font-size: 0.7rem; line-height: .9rem;}
table.eventlist tr th,table.eventlist tr td {padding: 0.3rem;}
table.eventlist tr td:nth-child(3){ white-space: nowrap;}
/* hide event list table columns on mobile */
table.eventlist tr th:nth-child(2),table.eventlist tr td:nth-child(2) {display: none;}
table.eventlist tr th:nth-child(4),table.eventlist tr td:nth-child(4) {display: none;}
/* tables */
td{padding:0.5rem 1rem;font-size:0.9rem;text-align:left !important}
td.label {text-align: right !important}
#specs tr td:first-child {text-align: right !important; padding-right: 1rem;}
#specs table{width: auto;}
#specs td{padding:.2rem; font-size:0.8rem; line-height: 1rem;}
.tab td {padding:.2rem; font-size:0.8rem; line-height: 1rem;}
/* forms */
form{overflow:hidden}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=checkbox],select{border:2px solid #e4e4e4;background:#e4e4e4;padding:0.6em 1em;margin:0;font-size:0.9rem;line-height:1em;-webkit-appearance:none;border-radius:0;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;height:2.5rem;width:100%}
div.email-form input[type=text],div.email-form input[type=email]{width:10rem}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=checkbox]:focus,select:focus{border:2px solid #d8d8d8;outline:0}
input[type=text]::-ms-clear,input[type=email]::-ms-clear,input[type=password]::-ms-clear,input[type=number]::-ms-clear,input[type=checkbox]::-ms-clear,select::-ms-clear{display:none}input[type=checkbox]{width:2rem;-webkit-appearance:checkbox}select{background:#e4e4e4 url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/arrow.svg?5345879621460885461) 85% center no-repeat;background-size:0.7em;width:130%;border:2px solid #e4e4e4;-moz-appearance:none;text-indent:0.01px;text-overflow:''}
select:focus{border:2px solid #d8d8d8;outline:0}
input[type=submit],input[type=button],button,.button{-webkit-appearance:none;border-radius:0;margin:0;display:inline-block;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;text-transform:uppercase;font-weight:500;color:#fff;background:#8ec549;letter-spacing:0.05em;padding:0.8em 1em;border:0;cursor:pointer;font-size:1rem;transition:all 0.3s ease;opacity:1;text-decoration:none;line-height:1em;height:2.5rem; margin-bottom: 10px;}
/* buttons in color blocks */
.teal .button, .orange .button, .blue .button, .light-green .button {background: transparent; border: 2px solid #fff; color: #fff;}
.teal .button:visited, .orange .button:visited, .blue .button:visited, .light-green .button:visited {color: #fff;}
input#update-cart[type=submit] {background: #999;}
input[type=submit]:hover,input[type=button]:hover,button:hover,.button:hover{background:#7cb239}
.teal .button:hover, .orange .button:hover, .blue .button:hover, .light-green .button:hover {background: #fff; color: #666;}
input[type=submit]:visited,input[type=button]:visited,button:visited,.button:visited{color:#fff}
input[type=submit]:disabled,input[type=button]:disabled,button:disabled,.button:disabled{opacity:0.5}
input[type=submit]:disabled:hover,input[type=button]:disabled:hover,button:disabled:hover,.button:disabled:hover{opacity:0.5}
.textbutton{color:#8ec549;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;text-transform:uppercase;font-weight:500;line-height:1em;font-size:1rem;transition:all 0.3s ease;cursor:pointer;text-decoration:none}
.textbutton:visited{color:#7cb239}
.textbutton:hover{color:#7cb239}
textarea{border:0;background:#e4e4e4;height:10rem;padding:0.4rem;border-bottom:4px solid #e4e4e4;transition:all 0.2s ease;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;font-size:1rem}
textarea:focus{border-bottom:4px solid #096228;outline:0}
.errors,.error{color:red}
.alert{padding:0.5rem;background:#f7f7f7;color:#000;margin:0 0 1rem 0}
img{max-width:100%}
.large_form{padding:0 0 0.5rem 0}
.large_form label{width:100%;display:block}
#page form .label {color: #000;}
::-moz-selection{color:#000;background:#bede96}
::selection{color:#000;background:#bede96}
.text-center{text-align:center}
.img-full{width:100%;margin-bottom:2rem}
.img-left{width:100%;float:left;padding:0 0 2rem 0}
.slides .img-left {padding: 0;}
.product-grid .center img {padding: 0; max-width: 0;}
.img-right{width:100%;float:right;padding:0 0 2rem 0}
.phone-only{display:default}
.iframe-wrapper,.video-wrapper{position:relative;padding:0 0 56.25% 0;height:0;margin:1rem auto 3rem;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;max-width:100% !important;width:100% !important}.iframe-wrapper iframe,.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.page-content ul{margin:0 0 2em 0;padding:0 0 0 2em;list-style:disc}
.page-content ol{margin:0 0 2em 0;padding:0 0 0 2em;list-style:decimal}.hidden{display:none !important}
header,footer,.wrapper{width:100%;*zoom:1}
header:before,header:after,footer:before,footer:after,.wrapper:before,.wrapper:after{display:table;content:""}
header:after,footer:after,.wrapper:after{clear:both}
#page{padding:0;position:relative}
article,.content{padding-left: 3%; padding-right: 3%;}
.fullwidth .content{padding:0;}
.single-wide{margin:0 auto;padding:0 3%}
.single{margin:0 auto;padding:0 3%;*zoom:1}
.single:before,.single:after{display:table;content:""}
.single:after{clear:both}
.half{width:100%;float:left}
#cartform .half{float:right; text-align:center;}
#cartform .col-1-2.sub-promo {border: 1px solid #000; margin: 10px auto; width: 100%;}
#cartform .sub-promo p.footnote strong,#cartform .sub-promo p.footnote {color: #000;}
.third{width:100%;float:left}
/* slide alerts */
#alert-overlay{position:fixed;background:rgba(0,0,0,0.1);top:0;left:0;width:100%;height:100%;display:none;z-index:999}
#alert-overlay #alert{background:#fff;padding:2rem;position:absolute;top:50%;left:50%;width:20rem;margin-left:-10rem}
#alert-overlay #close-alert{position:fixed;top:2rem;right:2rem;color:#8ec549;font-size:2rem;cursor:pointer}
#slide-alert{background:#8ec549;color:#fff;padding:2rem 3%;text-align:center;position:fixed;bottom:-20rem;left:0;width:100%;transition:0.3s ease;z-index:998}
#slide-alert.show{bottom:0}
#slide-alert p{margin:0;padding:0}
#slide-alert #close-slide-alert{position:absolute;right:2rem;top:2rem;color:#fff;font-size:2rem;cursor:pointer}
/* header */
header#header .mobile-cart{position:absolute;right:1.6em;top:1.2em}
header#header #nav-top ul{display:none}
header #bar {background: #000; padding: .7rem .5rem; text-align: center; display: block; clear: both;}
header #bar span::after{content: " • ";}
header #bar span:first-of-type::after,header #bar span:last-of-type::after{content: " ";}
header #bar a {font-family:"Gotham A","Gotham B","gotham",sans-serif; color: #fff; text-decoration: none;}
header #bar a strong {color: #8ec549;}
/* nav toggle new - uses CSS */
header#header #nav-top li:hover ul{display:block; padding: 0; margin-top: 0;}
header#header #nav-top li ul{position:absolute;z-index:998;background:#fff;width:94%;left:3%;box-shadow:0 0.5em 0.5em rgba(0,0,0,0.2)}
header#header #nav-top li ul {right: auto;left: -0.5rem;width: 14rem;padding: 0;}
header#header #nav-top #utility li ul{width:94%;left:3%;right:0;}
header#header #nav-top li ul li{width:100%}
header#header #nav-top li ul li{color:#096228}
header#header #nav-top li ul li.header{padding: 5px 10px; background: #8ec549; color: #fff;}
header#header #nav-top li ul li.header a{padding: 0; color: #fff; text-transform: uppercase;}
header#header #nav-top li ul li ul{background:none;box-shadow:none;position:static;padding:0 0 0.8em 0}
header#header #nav-top li ul li form{padding:0.3rem 1.5rem}
header#header li:hover #utility{display:block}
/* nav toggle old - used JS */
header#header.open #nav-top ul{display:block;position:absolute;z-index:998;background:#fff;width:94%;left:3%;box-shadow:0 0.5em 0.5em rgba(0,0,0,0.2)}
header#header.open #nav-top ul li{width:100%}
header#header.open #nav-top ul li.open{color:#096228}
header#header.open #nav-top ul li ul{background:none;box-shadow:none;position:static;padding:0 0 0.8em 0}
header#header.open #nav-top ul li form{padding:0.3rem 1.5rem}
header#header.open #utility{display:block}
#nav-top{width:100%;float:left;position:absolute;left:0;top:0;}
#nav-top ul{width:auto;margin:0;padding:0;list-style:none;float:left}
#nav-top ul li{display:inline-block;text-align:center;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;font-weight:500;text-transform:uppercase;padding:0;margin:0}
#nav-top ul li a,#nav-top ul li span{color:#000;display:block;padding:0.8em 1em;text-decoration:none;letter-spacing:0.05em;cursor:pointer}
#nav-top ul li span {background: #f1f0f0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#nav-top ul li span a {padding: 0;}
#nav-top ul li span{padding:0.4em 1em}
#nav-top ul li.active>a{color:#096228}
#nav-top ul li ul{right:auto;left:-0.5rem;width:100%}
/* utility nav */
#utility{position:absolute;top:8rem;display:none}
#utility>ul{list-style:none;margin:0;padding:0}
#utility>ul>li{display:inline-block}
#utility>ul>li>span,#utility>ul>li>a{padding:0.7rem 0.1rem 0.3rem 0.1rem;width:2rem;height:2.5rem;cursor:pointer;display:block;text-align:center; font-size: 1.2rem;}
#utility>ul>li ul li form{padding:0.3rem 1.5rem;width:90%}
#utility>ul>li ul li form input,#utility>ul>li ul li form select{padding:0.5rem}
#utility .cart-button{color:#8ec549}
#utility .cart-button #cart-count{font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif}
#nav-top>ul,#utility>ul{font-size:0.9rem;font-weight:500}
#nav-top>ul>li,#utility>ul>li{position:relative}
#nav-top>ul>li>ul,#utility>ul>li>ul{background:#fff;padding:0.8rem 0;margin:0;position:absolute;z-index:998;right:-1rem;display:none;width:14rem;box-shadow:0 2px 2px rgba(0,0,0,0.1)}
#nav-top>ul>li>ul>li,#utility>ul>li>ul>li{text-align:left;display:block;margin:0;padding:0}
#nav-top>ul>li>ul>li a,#utility>ul>li>ul>li a{display:block;padding:0.1rem 1.2rem;text-transform:none;text-decoration:none;color:#000}
#utility>ul>li>ul>li a{padding:0.5rem 1.2rem;}
#nav-top>ul>li>ul>li a:visited,#utility>ul>li>ul>li a:visited{color:#000}
#nav-top>ul>li>ul>li a:hover,#utility>ul>li>ul>li a:hover{color:#096228}
/* nav toggle old - uses JS */
#nav-top>ul>li.open,#utility>ul>li.open{color:#000}
#nav-top>ul>li.open>ul,#utility>ul>li.open>ul{display:block}
/* nav toggle - uses CSS */
#nav-top>ul>li,#utility>ul>li{color:#000}
#nav-top>ul>li:hover>ul,#utility>ul>li:hover>ul{display:block}
/* footer nav */
#nav-sub{width:100%;padding: 1rem 0 0 0;text-align: center; display: block}
#nav-sub ul{list-style:none;margin:0 auto;padding:0}
#nav-sub ul li{display:inline-block;padding:0}
#nav-sub ul li a{text-decoration:none;font-size:1rem;font-weight:500;padding:0.5rem;color:#ffffff}
#nav-sub ul li a:visited{color:#ffffff}
/* sub nav */
#bar ul.nav-inline {
  margin: 0;
  padding: .5rem 0;
}
#bar ul.nav-inline li {
  display: inline-block;
  margin: 0 .5rem 0 0;
  color: #fff;
  padding: 0 .7rem 0 0;
  border-right: 1px solid #fff;
}
#bar ul.nav-inline li:last-child {
  border: none;
}
header #bar ul.nav-inline li a:hover {
  opacity: .7;
}
/* header */
header{width:100%;background:#fff;height:7rem;position:relative}
header.promo {height: 14.5rem;}
header .single-wide{padding:0}
header .logo{width:10rem;position:absolute;left:30%;padding:0.8rem 0;z-index:999}
header .logo img{max-width:98%}
header .logo h1{margin:0;padding:0;line-height:1em;font-size:1rem}
header .search-form{width:90%;padding:0.8rem 0 1.1rem;position:absolute;bottom:0; margin: 0 5%; display: none;}
header .search-form form{position:relative}
header .search-form input[type="text"]{width:100%;background:#e4e4e4;float:left}
header .search-form input[type="submit"]{background:transparent url(search.svg) 0 center no-repeat;background-size:1.2rem;width:1rem;text-indent:-9999px;position:absolute;right:0;top:0}
header #nav-top{padding:1rem}
header #utility{width:auto;padding:1.3rem 0 1.1rem 1.1rem;float:right}
header #promo{float: right; width: auto; padding-right: .5em; padding: 1.7rem .6rem .8rem 0;}
header #promo a {color: #000; text-transform: uppercase; text-decoration: none; letter-spacing: 0.05em; font-size: .9rem;}
/* slider carousels - mobile */
.flexslider.banner{overflow:hidden; padding-bottom: 0; max-height: 600px;}
.flexslider.banner .flex-viewport li{position:relative;/* overflow:hidden */}
.flexslider.banner .flex-viewport li h1{position:absolute;top:3rem;left:3%;color:#fff;font-size:6rem;line-height:0.9em}
.flexslider.banner .flex-viewport li p{position:absolute;top:15rem;left:3%}
.flexslider.banner .flex-viewport li p a{display:inline-block;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;text-transform:uppercase;font-weight:500;color:#fff;letter-spacing:0.05em;padding:0.8em 1em;border:0;cursor:pointer;font-size:1rem;transition:all 0.3s ease;opacity:1;text-decoration:none;line-height:1em;height:2.5rem;background:#096228}
.flexslider.banner .flex-viewport li p a:hover{background:#7cb239}
.flexslider.banner .flex-viewport li p a:visited{color:#fff}
.flexslider.banner .flex-viewport li p a:hover{background:#06411b}
.flexslider.banner .flex-viewport li img{width:100%;max-width:100%;}
/* featured products/collections */
.featured {padding: 1rem}
.featured p {
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1rem;
}
.featured p span.subhead{
	text-transform: none;
	font-size: .9rem;
	color: #8ec549;
}
/* footer */
footer#footer .single-wide{padding:0 2%; background: #000000; float: left; width: 100%;}
footer#footer form label{font-size:0.9rem;padding-bottom:0.5rem;display:block}
div.social-links{width:100%; text-align: center; margin: 10px 0px;}
div.social-links img {margin: 0px 3px; max-width: 40px}
span.ratings{display:none;position:relative;width:50%;height:1rem;margin:0.5rem 0;font-size:0.8rem;color:#7f7f7f}
span.ratings span.border-star{color:#ccc}
span.ratings span.border-star,span.ratings span.full-star{position:absolute;left:0;top:0}
div.footprint{background:#096228;color:#fff;padding:0 0 2rem 0;font-size:0.9rem;*zoom:1}
div.footprint:before,div.footprint:after{display:table;content:""}
div.footprint:after{clear:both}
div.footprint h1,div.footprint h2,div.footprint h3,div.footprint h4,div.footprint h5,div.footprint a{color:#fff}
div.footprint ul{list-style:none;margin:0 auto;padding:0 7%}
div.footprint ul li{width:100%;float:left;padding:0 1rem}
div.footprint ul li:nth-child(5),div.footprint ul li:nth-child(6),div.footprint ul li:nth-child(7),div.footprint ul li:nth-child(8){display:none}
div.footprint ul li img{width:80%;max-width:200px}
.home #footer div#insta, .home #footer div.instagram {display: none;}
div.instagram{background:none;padding:0;font-size:0.9rem;*zoom:1; width: 100%; display: inline-block; margin:0}
div.instagram iframe {height: 100px !important;}
.instagram ul.lightwidget {width: 100%;}
div.instagram:before,div.instagram:after{display:table;content:""}
div.instagram:after{clear:both}
div.instagram h4{font-size:1.4rem;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;text-transform:uppercase;letter-spacing:0;font-weight:300; color: #999; text-align: center;}
div.instagram h4 a{text-decoration:none;}
div.instagram ul{list-style:none;margin:0 auto;padding:0;width:100%;float:left;}
div.instagram ul li{width:100%;float:left;padding:0; margin:.3em; overflow: hidden;position: relative; display:inline-block;}
div.instagram ul li:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
div.instagram ul li img{max-width: 500%;height: 100%;position: absolute;}
div.footer-subscribe {width: 100%; text-align: center; padding-top: .8rem;}
div.email-form {text-align: center; width: 340px; white-space: nowrap; float: none; padding: 0; margin: 0 auto;}
div.email-form input {margin-bottom: 10px;}
/* footer b corp and 1% logos */
footer#footer .logos {width: 100%; clear: both; text-align: center; margin: 15px auto; display: block;}
footer#footer .logos img {width: 180px;}
/* footer copyright */
footer#footer span.copy {padding-top: 5px; color: #ffffff; font-size: .8rem;display: block; float: left; width: 100%; text-align: center;}
footer#footer p.copy {padding-top: 5px; color: #ffffff; font-size: .7rem; width: auto; float: none; text-align: center; display: block;}
footer#footer p.copy a {color:#fff;}
/* home featured promos */
.home div.promo {
  padding: 0; 
  min-height: 280px; 
  background-repeat: no-repeat; 
  background-size: 100% auto; 
  display: table; 
  margin-bottom: 10px;
}
.home div.promo.main {
  min-height: 180px;
  margin-bottom: 10px; 
  padding-top: 5rem; 
  text-align: center;
  background-size: 120% auto;
  max-width: 120%;
  background-position: center top;
}
.home div.promo.main h2 {
  display: block; 
  text-align: center; 
  margin: 20px;
  font-size: 1.9rem; 
  color: #fff; 
  text-transform: uppercase; 
  font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif; 
  font-weight: 700; 
  text-shadow: 0 0 0.5rem rgba(169,169,169,0.5);
}
.home .col-1-1.white.nopad#give {padding: 0;}
.home .col-1-2#give-text {padding: 2rem 2rem 0 2rem;}
.home .col-1-2#give-text p.button {padding: 0;}
.home .col-1-2#give-text h2{text-transform: none; font-size: 3.1em; line-height: 1.1em;}
.home .col-1-2#give-bottles {padding: 1rem;}
.home .carousel h3 {text-transform: none;}
.home .carousel a {text-decoration: none;}
.home div.promo a {color: #000;}
.home div.col-1-2.promo div.box {background: transparent; width: 100%; padding: 0;}
.home div.col-1-3.promo div.box {background: rgba(0,0,0,0.6); width: 100%; padding: 1em; margin: 0 auto;}
.home div.promo.main div.box {width: 100%;}
.home div.promo div.box div.inner {padding: 5rem .5rem; text-align: center;}
.home div.promo div.box h3 {letter-spacing: 0; font-size: 1.4rem; opacity: 1.0; text-transform: none; font-family: "Gotham A","Gotham B","gotham",helvetica,arial,sans-serif; color: #fff;}
.home div.col-1-2.promo div.box h3 {font-size: 1.9rem; text-shadow:0 0 0.5rem rgba(00,00,00,0.5);}
.home div.promo div.box p {font-size: .9rem; font-weight: 700; padding: 0; color: #fff; margin-top: 30px;}
.home div.promo.main p.button,.home div.promo div.box p.button {font-size: 1rem; font-weight: 700; padding: 15px; border: 2px solid #fff; height: 3.1rem; background: none; color: #fff;}
.home div.promo.main p.button {margin: 10px auto;}
.home a div.promo div.box {opacity: 1.0}
/* pagination */
div.pagination{width:100%;float:left;padding:2rem 3%}
div.pagination span{line-height:1em;color:#7f7f7f}
div.pagination span a,div.pagination span.current{padding:1rem;display:inline-block;min-width:1.2rem;text-decoration:none;border:1px solid #d8d8d8}
div.pagination span a{color:#7f7f7f;transition:0.2s}
div.pagination span a:hover{color:#096228;border:1px solid #096228}
div.pagination span.current{color:#d8d8d8}
/* page titles */
div.wrapper.title{background-color:#096228;background-image:url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/header_03.jpg?5345879621460885461);background-size:cover;background-position:center center;color:#fff;padding:8rem 4%;}
div.wrapper.title.bar {background:#000000; background-image: none;text-align: right; padding: 1rem 3%;}
div.wrapper.title h1{color:#fff;padding:0;margin:0;text-shadow:0 0 0.5rem rgba(00,00,00,0.5)}
div.wrapper.title.bar h1 {display: inline-block; text-align: right; text-shadow: none; padding-top: .5rem; border-top:5px solid #fff; color: #fff; font-family:"Gotham A","Gotham B",helvetica,arial,sans-serif; font-size: 1rem; text-transform: capitalize;}
span.new-page{width:100%;border-top:4px solid #000;display:block}
span.new-page:after{content:'New page';padding:1rem;display:block}
.intro{width:100%;float:left; padding: 1em;}
.intro img{max-width:100%}
/* product grids - home */
.featured .grid .product {width: 48%;}
/* product grids */
.grid .product{width:50%;padding:1rem;margin:0 0 2rem;float:left;color:#000;font-size:0.9rem;cursor:pointer}
.grid .product a{text-decoration:none}
/* bazaar voice review */
.grid .product a.bv_main_container {text-align: center !important; margin: 0 auto !important; display: block !important;}
.grid .product .bv_main_container .bv_stars_component_container {display:inline-block!important; float:none!important;}
.grid .product .product-image{min-height:10.1rem;width:100%;display:inline-block;text-align:center;padding-bottom: 5px;}
.grid .product .product-image img{display:inline;vertical-align:middle;width:100%;padding:0 !important;max-width:30rem;}
.grid .product .product-caption {text-align: center; margin: 0 auto;}
.grid .product .type{display:block;text-transform:uppercase; color:#000; font-weight: 600; text-align: center;}
.grid .product .title{display:block; text-align: center; font-size: 1.1rem; font-weight: 500; color: #000;}
.grid .product .title strong{color: #8ec549; font-weight: 500;}
.grid .product .desc{display:block; font-style: italic; font-size: .8em; line-height: 1em;}
.grid .product span.price{display:block;float:none;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;font-weight:700;font-style:normal; font-size:1.1rem; margin:0.4rem 0; color:#999; text-align: center;}
/* insulated performance icons */
.temp {clear: both; margin-bottom: 1rem; font-family: "Gotham A","Gotham B","gotham",helvetica,arial,sans-serif; font-weight: 700; font-size: 1.4rem; color: #000;}
.product .temp {padding-top: .5rem; /* padding-bottom: .5rem; border-bottom: 1px solid #e4e4e4; */}
.temp span {font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;font-weight:700;font-style:normal;font-size:1.4rem;color:#000; padding-left: 36px; background-repeat: no-repeat; padding-top: 12px; padding-bottom: 12px; margin-right: 5px;}
.temp span.text {padding: 0px 0px 15px 0px; display: block; margin: 0;}
.product .temp span {font-size:1.3rem;color:#7f7f7f; display: block;}
.temp span.hot {background-image: url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/icon_insulated_hot.png?5345879621460885461);}
.temp span.cold {background-image: url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/icon_insulated_cold.png?5345879621460885461);}
.temp span.ice {background-image: url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/icon_insulated_ice.png?5345879621460885461);}
.temp span.hot, .temp span.cold, .temp span.ice {display: block;}
/* pricing from note for sale items */
/* .grid .product span.price:before{content:'From';text-transform:uppercase;font-size:1rem;padding-right:0.5em} */
.grid .product span.sale {color: #8ec549;}
.grid .product span.button{display:block;float:right}
.grid .page span.button,.grid .blog span.button{display:block;float:none; text-align: center;margin: 0 auto; width: auto;}
.grid .product:hover{color:#096228}
.grid .product:hover span.button{background:#7cb239}
.grid h3{border-top:1px solid #d8d8d8;clear:both;padding-top:2rem}
/* search results */
.grid .result {padding: 15px 0px; border-bottom: 1px solid #ccc; clear: both;}
.grid .result .type{text-transform:uppercase; color:#000; font-weight: 600;}
.grid .result span.button{display:block;float:none; max-width: 20rem;}
.grid .result .desc{display:block; font-style: italic; font-size: .8em; line-height: 1em;}
ul.nav-category{padding:0}
ul.nav-category li a{padding-left:1.5rem;position:relative}
ul.nav-category li a:before{content:'';display:block;width:1rem;height:1rem;border:2px solid #d8d8d8;position:absolute;left:0;top:0}
ul.nav-category li a:before:hover{background:#7f7f7f}
.sidebar{font-size:0.8rem; padding-left: 5%;}
.sidebar a{text-decoration:none;color:#333}
.sidebar ul.tags,.sidebar h3.tags {display:none;}
.sidebar ul.tags li a,.mobile-only ul.tags li a{color:#666}
.sidebar ul.tags li.active a,.mobile-only ul.tags li.active a{color:#096228; font-weight: 700;}
.sidebar ul.tags li a:hover,.mobile-only ul.tags li a:hover{color:#096228}
.sidebar a:visited{color:#333}
.sidebar a.current{color:#096228}
.sidebar ul{list-style:none;margin:0 0 2rem 0;padding:0}
.sidebar ul li{padding:0.4rem 0;line-height:1.1em}
.sidebar ul.tags li{padding:0.2rem 0;line-height:1.2em;display:block; text-transform: uppercase; font-size: .9rem;color:#666}
.mobile-only ul.tags li{list-style:none; padding:0.2rem 0;line-height:1.2em;display:inline-block; margin-right: 5px; text-transform: uppercase; font-size: .9rem;color:#666}
.sidebar ul li ul{margin:0.5rem 0 0 1rem}
.sidebar ul#nav-side li{display:none}
.sidebar ul#nav-side li ul li{display:block}
.sidebar ul#side-nav {display:none}
.sidebar ul#side-nav li ul {margin-left: 10px;}
.sidebar ul#side-nav li ul li a {font-weight: normal; color: #000; font-size: 100%; text-transform: none;}
.sidebar ul#side-nav li.header {color: #8ec549; font-weight: 700; text-transform: uppercase; font-size: 120%}
.sidebar .filter-menu .refine-header.filter-group{display:block;position:relative;padding:0.5em 0;color:#8ec549}
.sidebar .filter-menu .refine-header.filter-group:after{content:'\f501';font-family:'SSPika';position:absolute;color:#d8d8d8;right:0;top:1em}
.sidebar .filter-menu .filter-group{display:none}
.sidebar .filter-menu.open .refine-header:after{content:'\f500'}
.sidebar .filter-menu.open .filter-group{display:block}
.sidebar .filter-menu ul{padding:0}
.sidebar .filter-menu ul li a{padding-left:1.5rem;position:relative}
.sidebar .filter-menu ul li a:before{content:'';display:block;width:1rem;height:1rem;border:2px solid #d8d8d8;position:absolute;left:0;top:0}
.sidebar .filter-menu ul li a:before:hover{background:#7f7f7f}
.sidebar .filter-menu ul li.selected{font-size:0.8rem;background:none;margin-left:0}
.sidebar .filter-menu ul li.selected a:before{background:#7f7f7f}
.sidebar .filter-menu .filter-clear{display:inline-block;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;text-transform:uppercase;font-weight:500;color:#fff;background:#8ec549;letter-spacing:0.05em;padding:0.8em 1em;border:0;cursor:pointer;font-size:1rem;transition:all 0.3s ease;opacity:1;text-decoration:none;line-height:1em;height:2.5rem;font-size:0.8rem;padding:0.8em 1em;background:#d8d8d8;height:2rem}
.sidebar .filter-menu .filter-clear:hover{background:#7cb239}
.sidebar .filter-menu .filter-clear:visited{color:#fff}
.sidebar .filter-menu .filter-clear:hover{background:#c6c6c6}
div.product-title{padding:0 3%}
div.product-title h1{text-transform:none;color:#096228;margin:2rem 0 1rem 0;padding:0}
div#product{padding:0;}
div#product h1{color:#000;text-transform:none; margin-bottom: .5rem; font-size: 2.4rem; line-height: 3.1rem;}
div#product h1#breakfree {font-size: 1.6rem; line-height: 2.0rem;}
div#product .form-row h3{color:#7f7f7f; padding: 1rem 0; font-size:1.8rem; display: block;}
#directededge-blocks h2 {display: none;}
.recent #directededge-blocks h2 {display: block;}
/* product reviews */
div#product h2.spr-header-title {font-size: 1.875rem;}
div#product h3.spr-review-header-title {font-size: 1.6rem; padding: .5rem 0 0 0;}
.spr-icon-star {color: #096228;}
.spr-review {padding: 12px 0px 0px 0px !important;}
.spr-review-footer {display: none;}
.spr-review-content {margin-bottom: 10px;}
/* end product reviews */
div#product h3 span.on-sale {color: #8ec549;}
div#product h3 del {color:#cccccc;font-size:1.8rem;}
/* product images - slider and galleries  - mobile */
div#product .product-image{width:100%;position:relative;overflow: hidden;}
div#product .product-image .productslider{width:100%;padding-left:0}
div#product .product-image .thumbnails,div#product .product-image .flex-control-thumbs{width:100%;float:none;position:absolute;left:-8px;top:700;margin: 0;padding: 0;display:none;}
div#product .product-image .thumbnails li,div#product .product-image .flex-control-thumbs li{display: inline-block; width: 19%; padding:0; margin: 0;}
div#product .product-image .thumbnails li,div#product .product-image .flex-control-thumbs li{display: none;}
div#product .product-image .flex-control-thumbs li:first-child {display:none;}
div#product .product-image .flex-control-thumbs li:nth-child(3) {clear: both;}
div#product .product-image .thumbnails li img,div#product .product-image .flex-control-thumbs li img{max-width:100%;border:2px solid #fff}
div#product .product-image .thumbnails li img.flex-active,div#product .product-image .flex-control-thumbs li img.flex-active{border:2px solid #d8d8d8}
div#product .product-image .flex-direction-nav a{color:#d8d8d8 !important;}
div#product .product-image .flex-direction-nav a.flex-prev{left:1rem}
div#product .product-image .flex-direction-nav a.flex-next{right:1rem}
div#product .product-info{width:100%;padding:2rem;position:relative;margin-bottom:2rem; clear: both; display: block;}
div#product .product-info form{margin-bottom:1rem;}
div#product .product-info .more {color:#000;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;text-transform:uppercase;font-weight:600; margin-bottom: 3rem; text-decoration: none;}
div#product .product-info .caps,div#product .product-info .swatches,div#product .product-info .form-row,div#product .product-info .addthis_toolbox{width:100%;padding:1rem 0;}
div#product .product-info .caps {padding: 0;}
div#product .product-info .caps input,div#product .product-info .swatches input,div#product .product-info .form-row input,div#product .product-info .addthis_toolbox input{width:auto;}
div#product .product-info .form-row input#add-to-cart, div#product .product-info .form-row input#quantity {display: inline-block; margin-left: .5rem;}
div#product .product-info .form-row input#quantity { position: relative; top: -1px; margin-left: 0; }
div#product .product-info .caps #quantity,div#product .product-info .swatches #quantity,div#product .product-info .form-row #quantity,div#product .product-info .addthis_toolbox #quantity{width:4rem;text-align:center;}
div#product .product-info #BIS_trigger { margin: 1rem 0 0 0!important; display: block; }
div#product .product-info .selector-wrapper { max-width: 60%; }
/* product tabs */
.tabs {
  display: flex;
  flex-wrap: wrap; /* make sure it wraps */
  margin-bottom: 1em;
  margin-top: 1em;
}
.tabs label {
  order: 1; /* Put the labels first */
  display: block;
  padding: 1rem 2rem;
  margin-right: 0.2rem;
  cursor: pointer;
  background: #f1f0f0;
  font-weight: bold;
  transition: background ease 0.4s;
}
.tabs .tab {
  order: 99; /* Put the tabs last */
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1rem;
  background: #fff;
  border: 1px solid #ccc;
}
.tabs .tab ul {
  margin: 0;
}
.tabs .tab p {
  padding: 0;
}
.tabs #specs ul li,
.tabs #specs p{
  font-size: .8rem;
  line-height: 1rem;
  padding-bottom: 0;
}
.tabs #features .icons {
  margin: .5em 0;
}
.tabs #features .icons img {
  max-width: 110px;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
	background: #ccc;
}
.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}
/* open and close the accordions */
.accordion {
    cursor: pointer;
    padding: 1rem 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
.accordion span.symbol {float: right;}
.accordion span.symbol::after { 
    content: "+ ";
}
.accordion.active span.symbol::after{ 
    content: "- ";
}
.panel {
    display: none;
    background: none;
}
/* end accordion */
.swatch{width:100%;padding:.5rem 0}
.swatch .header{display:none}
.swatch-element{display:block;text-indent:-9999;display:inline-block;position:relative;cursor:pointer;width:7rem;height:2em}
.swatch-element .tooltip{opacity:0;position:absolute;transition:all 0.2s ease;top:-2em;left:0;background:#e4e4e4;color:#000;font-size:0.8rem;line-height:1.4em;padding:.3em .4em .1em .4em;text-transform:uppercase;height:1.4rem;width:10rem;z-index:5;overflow:hidden}
.swatch-element:hover .tooltip{opacity:1}
.swatch-element input[type=radio]{position:absolute;top:0;left:-2em;z-index:1;display:none}
.swatch-element img,.swatch-element label{width:2rem;height:2rem;border:3px solid #fff;position:absolute;top:0;left:0;z-index:0;background-size:100%;cursor:pointer}
.swatch-element img.crossed-out,.swatch-element label.crossed-out{display:none !important}
.swatch-element label{width:7rem;padding:0.2em 0.4em;background:#e4e4e4}
.swatch-element.color{width:2rem;height:2rem;background:none}
.swatch-element.color label{width:2rem;background-size:100%;}
.swatch-element.white img,.swatch-element.white label{border:3px solid #e4e4e4}
.swatch-element.checked label{border:3px solid #7f7f7f !important}
.swatch-element.available{cursor:pointer}
.swatch-element.available img,.swatch-element.available label{opacity:1}
.swatch-element.soldout{cursor:default; display:inline-block !important}
.swatch-element.soldout label {padding: 0 0 0 0; cursor:default;}
#product-variants {clear: both;}
#product-variants #single-var {display:none;}
#product-variants .swatch-element.soldout {opacity: 0.8;}
#product-variants .swatch-element.soldout label:after{content:"X"; color: #fff; font-size: 22px; opacity:.7;}
#product-variants .swatch-element.combo label:after{padding-left: 65px;}
#product-variants .group-Cap .swatch-element.soldout label:after {color: #000; font-size: 100px; top: 6.5rem; left: 1.5rem;position: absolute;}
#product-variants .group-Color .swatch-element.soldout label {text-align:center;}
.swatch-element.soldout img.crossed-out{border:0 !important;display:block;left:-3px;top:-3px}
.swatch-element.loop,.swatch-element.sport,.swatch-element.sippy,.swatch-element.stainless-loop,.swatch-element.stainless-wide-loop,.swatch-element.wide-loop,.swatch-element.cafe,.swatch-element.wide-flip-d-ring,.swatch-element.swing-lok,.swatch-element.bamboo{width:4rem;height:6rem}
.swatch-element.loop label,.swatch-element.sport label,.swatch-element.sippy label,.swatch-element.stainless-loop label,.swatch-element.stainless-wide-loop label,.swatch-element.wide-loop label,.swatch-element.cafe label,.swatch-element.wide-flip-d-ring label,.swatch-element.swing-lok label,.swatch-element.bamboo label{width:4rem;height:6rem;padding:0.5em;line-height:1.1em;}
.swatch-element.loop label p,.swatch-element.sport label p,.swatch-element.sippy label p,.swatch-element.stainless-loop label p,.swatch-element.stainless-wide-loop label p,.swatch-element.wide-loop label p,.swatch-element.cafe label p,.swatch-element.wide-flip-d-ring label p,.swatch-element.swing-lok label p,.swatch-element.bamboo label p{display: none;}
.swatch-element.combo{width:16rem;height:12rem}
.swatch-element.combo label{width:16rem;height:12rem;padding:0.5em}
.swatch-element.cafe label{background:url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/cap_cafe.jpg?5345879621460885461) center bottom no-repeat;background-size:100%}
.swatch-element.loop label{background:url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/cap_loop.jpg?5345879621460885461) center bottom no-repeat;background-size:100%}
.swatch-element.sport label{background:url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/cap_sport.jpg?5345879621460885461) center bottom no-repeat;background-size:100%}
.swatch-element.sippy label{background:url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/cap_sippy.jpg?5345879621460885461) center bottom no-repeat;background-size:100%}
.swatch-element.combo label{background:url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/cap_combo.jpg?5345879621460885461) center bottom no-repeat;background-size:100%}
.swatch-element.stainless-loop label{background:url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/cap_stainless_loop.jpg?5345879621460885461) center bottom no-repeat;background-size:100%}
.swatch-element.stainless-wide-loop label{background:url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/cap_stainlesswideloop.jpg?5345879621460885461) center bottom no-repeat;background-size:100%}
.swatch-element.wide-loop label{background:url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/cap_stainlesswideloop.jpg?5345879621460885461) center bottom no-repeat;background-size:100%}
.swatch-element.wide-flip-d-ring label{background:url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/cap_stainlesswideflipdring.jpg?5345879621460885461) center bottom no-repeat;background-size:100%}
.swatch-element.swing-lok label{background:url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/cap_swinglok.jpg?5345879621460885461) center bottom no-repeat;background-size:100%}
.swatch-element.bamboo label{background:url(//cdn.shopify.com/s/files/1/0607/0325/t/14/assets/cap_bamboo.jpg?5345879621460885461) center bottom no-repeat;background-size:100%}
.swatch-element[class*="-2"],.swatch-element[class*="-3"],.swatch-element[class*="-4"]{display:none !important}
.product-image{position:relative}
.product-image>.swatch{padding:0;}
.product-image>.swatch{display: block;}
div.grid .swatch-element.color{width:1.1rem;height:1.1rem;background:none}
div.grid .swatch-element.color label{width:1.1rem;height:1.1rem;background-size:100%;border:0;background-repeat: no-repeat;}
div.grid .tooltip{display:none !important}
.p-compare-product{position:absolute;bottom:0;left:0}
#shappify-qty-msg{margin: 1rem 0 0 0;}
#shappify-qty-msg p{padding: .5rem 1rem; color: #666; background: #f1f0f0; width: auto; max-width:400px; line-height: 1.2rem;}
#page .com-page-btn-div .com-page-btn,#page .add-to-compare-btn{width:auto !important;background:#7f7f7f !important;text-transform:uppercase !important;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif !important;border:0 !important;font-size:0.8rem !important;font-weight:500 !important;color:#fff !important;letter-spacing:0.05em !important;padding:0.8em 1em !important;transition:all 0.3s ease;opacity:1 !important;text-decoration:none !important;line-height:1em !important;height:2.5rem !important}.extruder.right .flap{border-radius:0 !important;padding:1rem 0.5rem !important;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif !important}.extruder.right .extruder-content{border-radius:0 !important}.extruder.right .extruder-content .com-page-btn-div .com-page-btn{width:auto !important;background:#8ec549 !important;text-transform:uppercase !important;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif !important;border:0 !important;font-size:0.8rem !important;font-weight:500 !important;color:#fff !important;letter-spacing:0.05em !important;padding:0.8em 1em !important;transition:all 0.3s ease;opacity:1 !important;text-decoration:none !important;line-height:1em !important;height:2.5rem !important}.extruder.right .extruder-content .remove-link a{color:#8ec549;text-decoration:none;font-size:1rem}a.remove-col{text-decoration:none;font-size:1.3rem}
.grid.related{padding:1rem 3%;width:100%;float:left}
.grid.related .product{font-size:1em; text-align: center; color: #000;}
.grid.related .product .price{font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;color: #999;font-size:1rem;display:block;width:auto;float:none;margin:0}
.grid.related .product .price:before{font-size:0.9rem;text-transform:none}
.grid.related .product .button,.grid.related .product .ratings{display:none}
article h2 a,article h3 a,article h4 a,.content h2 a{text-decoration:none}
article h3,.content h3, .fullwidth.nopad h3, .fullwidth.nopad .col-1-2.light-green h3 {font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;font-size:1.3rem; line-height: 1.6rem; font-weight:600;margin:0 0 0.5em 0;letter-spacing:0.07rem}
.orange h3, .teal h3, .blue h3, .col-1-2.light-green h3, .col-1-2.black h3, .col-1-2.dark-gray h3, .col-1-2.light-gray h3 {color: #fff; border-top: 8px solid #fff; padding-top: 30px;font-size:1.5rem;font-weight:600; margin: 0 0 1em 0; text-transform: none; width: auto; display: inline-block;}
.orange h3 em, .teal h3 em, .blue h3 em, .col-1-2.light-green h3 em, .col-1-2.black h3 em, .col-1-2.dark-gray h3 em, .col-1-2.light-gray h3 em {color: #fff;}
.col-1-2.light-gray h3 {color: #000; border-top-color: #000;}
.col-1-2.white h3, .nopad .col-1-1.white.indent .col-1-2 h3 {color: #000; border-top: 8px solid #000; padding-top: 30px; font-size:1.5rem; font-weight:600; margin: 0 0 2em 0; text-transform: none; width: auto; display: inline-block;}
.orange h4, .teal h4, .blue h4, .col-1-2.light-green h4 {color:#ffffff; margin:1.3rem 0 0 0}
.col-1-2.white h4 {color:#000000; margin:1.3rem 0 0 0}
.orange li, .teal li, .blue li, .col-1-2.light-green li {color:#ffffff;}
div.orange a, div.teal a, div.blue a, div.light-green a, div.dark-gray a, div.black a {color: #ffffff;}
div.light-gray a {color: #000;}
div.light-gray .BambooHR-ATS-board a, div.light-gray .BambooHR-ATS-board a:visited, div.light-gray .BambooHR-ATS-board a:active {color: #000;}
article .right,.content .right{width:50%;float:right;padding:0 0 1rem 2rem}
article .center,.content .center,.center{text-align:center}
article .center img,.content .center img{max-width:30rem;}
article p.meta{font-size:0.9rem;color:#7f7f7f;padding:0 0 1rem 0}
.double.press article {padding-bottom: .5rem;}
/* blog */
.blog span.tags {text-transform: uppercase; color: #cccccc; font-size: .9rem;}
.blog span.tags a {text-decoration: none; color: #cccccc;}
.blog span.tags a:hover {text-decoration: none; color: #333;}
.blog a.button.more {margin-top: 10px;}
/* in the press blog - mobile default */
.press article p {text-align: center; font-size: .9rem; padding: 0; margin: 0;}
.press .col-1-4 {display: inline-block; float: none; padding: .5rem; border: 1px solid #d8d8d8; margin: 5px; width: 40%; height: 90%; vertical-align:top;}
.press article a,.press article a:hover,.press article a:visited{text-decoration: none; color: inherit;}
#blog-post{background:linear-gradient(#f7f7f7,#ffffff 5%)}
.flexslider.pageslider{margin:3rem 0}
.flexslider.pageslider .flex-control-paging li a{background:rgba(255,255,255,0.0)}
.flexslider.pageslider .flex-control-paging li a.flex-active{background:rgba(255,255,255,0.0)}
/* columns - mobile default */
.col-1-1,.col-1-3,.col-1-3.space,.col-2-3,.col-1-2,.col-2-2,.col-1-4,.col-2-4,.col-3-4,.col-1-5,.col-2-5,.col-3-5,.col-4-5{width:100%;float:left;}
.breakfree div.col-1-2.blue {padding: 1rem;}
.breakfree div.col-1-2.dark-gray {padding: 1rem;}
/* columns with full images */
.col-1-1 img,.col-1-3 img,.col-2-3 img,.col-1-2 img,.col-2-2 img,.col-1-4 img,.col-2-4 img,.col-3-4 img,.col-1-5 img,.col-2-5 img,.col-3-5 img,.col-5-5 img{max-width:100%;width:100%;display:block;}
#BambooHR-Footer img {width: 100px;}
}
/* box callouts */
.border {border: 1px solid #ccc; margin-right: 10px; padding-top: 1em;}
.nopad .head-divider {text-align: center; border-top: 2px solid #000; margin-top: 20px;}
.nopad .head-divider p {background: #fff; font-size: 1.2rem; line-height: 1.7rem; font-weight: 600; color: #000; padding: 30px; border: 2px solid #000; width: 70%; text-align: center; margin: 0 auto; margin-top: -50px; display: inline-block;}
.box {background:#f1f0f0;padding:3rem;}
.box ul li {color:#666666; font-size:.9rem;line-height: 1.3rem;}
.overlay {background-color: rgba(0, 0, 0, 0.6); color: #fff; padding: 1rem;}
#overlay-form {padding: .5rem; background-color: rgba(255, 255, 255, .9);}
#overlay .wufoo label.desc, {color: #fff !important;}
#overlay .wufoo .info h2 {color: #fff !important;}
.nopad .col-1-2.boxy {height: auto; width: 100%; padding: 0; color: #000; border: 2px solid #000; display: table; margin-bottom: 2%;}
.nopad .col-1-2.boxy h4.number {font-family: "Tungsten A","Tungsten B","tungsten",helvetica,arial,sans-serif;font-weight:500;font-style:normal; font-size: 4rem; border-right: 2px solid #000; padding: 35px 10px 0px 10px; display: inline-block; width: height: 90px; margin: 0; text-transform: none; vertical-align:baseline; background: #f1f0f0; color: #666; display: table-cell;}
.nopad .col-1-1.white.indent .col-1-2.boxy h3 {font-size: 1.6rem; padding: 20px 10px 0px 10px; width: auto; text-align: left; height: 90px; margin-bottom: 0; letter-spacing: 0; display: inline-block;}
.nopad .col-1-2.boxy p {border-top: 2px solid #000; padding: 20px; display: block;}
/* issues */
.nopad .row.issue {text-align: center; background-repeat: no-repeat; background-size: auto 100%; padding-top: 10%;}
#water.issue {padding-bottom: 20%; background-image: url('//cdn.shopify.com/s/files/1/0863/0188/files/background_cleanwater.jpg?10630289574421564461');}
#waste.issue {padding-bottom: 20%; background-image: url('//cdn.shopify.com/s/files/1/0863/0188/files/background_waste.jpg?8118230555254627168');}
.issue h2 {color: #fff; font-size: 3rem; font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif; font-weight: 700; text-transform: none; text-align: center; }
.issue p {color: #fff;}
#water.issue p, #waste.issue p {width: 80%; padding: 30px; margin: 0 10%; text-align: left;}
/* event spotlights */
.nopad .col-1-1.spotlight {padding-top: 30px; padding-bottom: 100px; min-height: 400px; text-align: center; background-repeat: no-repeat; background-size: auto 100%; background-position: top center;}
.spotlight p {padding: 1rem; background: rgba(0,0,0,0.7); color: #fff; width: 80%; float: none; clear: both; margin-top: 20px; text-align: center; font-size: .8rem; margin: 10px auto;}
.spotlight p img {height: 100px; width: auto; display: block; margin-bottom: 20px;}
/* color blocks - mobile*/
.light-green {background: #82bc00;}
.light-gray {background: #e6e7e8;}
.dark-gray {background: #414042;}
.black {background: #000000;}
.sidebar .black {background: none;}
#sustainability.dark-gray {background: #7c776a; text-align: center;}
.teal {background: #37bebd;}
.filter-group .teal {background: transparent;}
.light-teal {background: #00bcb4;}
div.blue {background: #4ab1e4;}
div.orange {background: #f7941e;}
.light-orange {background: #f8961d;}
article .col-1-1.light-green, article .col-1-1.light-gray, article .col-1-1.dark-gray, article .col-1-1.black, article .col-1-1.white, article .col-1-1.teal, article .col-1-1.blue, article .col-1-1.orange { padding: 3rem;}
article .col-1-1.light-green.nopad, article .col-1-1.light-gray.nopad, article .col-1-1.dark-gray.nopad, article .col-1-1.black.nopad, article .col-1-1.white.nopad, article .col-1-1.teal.nopad, article .col-1-1.blue.nopad, article .col-1-1.orange.nopad { padding: 0;}
article .col-1-1.row.nopad {padding: 0;}
article .col-1-2.orange,article .col-1-2.blue,article .col-1-2.teal,article .col-1-2.light-gray,article .col-1-2.dark-gray,article .col-1-2.white,article .col-1-2.black {padding: 2rem;}
.nopad .white.graphic {padding: 1rem 1rem 0rem 1rem;}
.nopad .white.byo {padding: 2rem;}
.nopad .row.teal, .nopad .row.blue, .nopad .row.orange, .nopad .row.light-gray, .nopad .row.dark-gray, .nopad .row.black {padding: 0;}
.nopad .row.nopad {padding: 0;}
.nopad .col-1-1.light-green, .nopad .col-1-1.light-gray, .nopad .col-1-1.dark-gray, .nopad .col-1-1.black, .nopad .col-1-1.white, .nopad .col-1-1.teal, .nopad .col-1-1.blue, .nopad .col-1-1.orange {padding: 2rem;}
.nopad .col-1-1.nopad, .callouts .nopad .col-1-1.nopad {padding: 0;}
.nopad .col-1-2.light-green, .nopad .col-1-2.light-gray, .nopad .col-1-2.dark-gray, .nopad .col-1-2.black, .nopad .col-1-2.white, .nopad .col-1-2.teal, .nopad .col-1-2.blue, .nopad .col-1-2.orange {padding: 2rem;}
.nopad .col-1-2.nopad {padding: 0;}
.nopad .col-1-2.teal#kc {padding: 2em;}
.nopad .col-1-2.teal.icon {padding: 2em 1em;}
.row {display: table; width: 100%;}
.row .img-left {padding: 0; float:none;}
.nopad .row .col-1-2{display: block;}
.nopad img.icon {max-width: 200px; display: block; margin: 10px auto;}
/* page banners */
.col-1-1.pagebanner {
  display: table; 
  padding: 3rem 0; 
  min-height: 180px; 
  text-align: center; 
  color: #fff; 
  background-size: 100% auto; 
  background-position: center top; 
  background-repeat: no-repeat;
}
.col-1-1.pagebanner.tall {
   min-height: 320px;
   padding-top: 15%;
}
.col-1-1.pagebanner.nopad {padding: 0;}
.breakfree .col-1-1.pagebanner {min-height: 150px;}
.col-1-1.pagebanner h2 {
  display: table-cell; 
  text-align: center; 
  vertical-align: middle; 
  font-size: 2.5rem; 
  color: #fff; 
  text-transform: uppercase; 
  font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif; 
  letter-spacing: .8rem; 
  font-weight: 700; 
  text-shadow: 0 0 0.5rem rgba(0,0,0,0.5);
}
.breakfree .col-1-1.pagebanner h2 {font-size: 1.2rem; letter-spacing: .1rem;}
.col-1-1.pagebanner h3 {
  display: table-cell; 
  text-align: center; 
  vertical-align: middle; 
  font-size: 1.3rem; 
  color: #fff; 
  text-transform: none; 
  font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif; 
  font-weight: 700;
  letter-spacing: 0;
  text-shadow: 0 0 0.5rem rgba(0,0,0,0.5);
}
.col-1-1.pagebanner h4 {
  display: block; 
  text-align: center; 
  width: 100%;
  font-size: 3.1rem; 
  line-height: 3.5rem; 
  color: #000; 
  text-transform: none; 
  font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif; 
  letter-spacing: 0; 
  font-weight: 700; 
}
.col-1-1.pagebanner a.button {
  display: block; 
  text-align: center;
  margin: 0 auto;
  width: 200px;
}
.pagebanner:hover {
}
.pagebanner div.hover {
  opacity: 0;
  padding: 15px 5px;
  font-size: 80%;
  font-weight: 300;
  float: right;
  margin-top: 30%;
  width: 200px;
}
.pagebanner:hover div.hover {
  opacity: 1;
  background-color:rgba(0,0,0,0.7);
}
div.hover span {  
  opacity: 1;
  background-color: transparent;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
}

/* page sub banner callouts */
.nopad .col-1-2.subbanner {padding: 5rem 0; border: 5px solid #fff; display: table; background-size:cover; background-position:left top; background-repeat: no-repeat;}
.col-1-2.subbanner.left {margin-right: 1%; width: 49%;}
.col-1-2.subbanner.right {margin-left: 1%; width: 49%;}
.subbanner div {display: table-cell; text-align: center; vertical-align: middle;}
.subbanner h3, .fullwidth.nopad .subbanner h3 {font-size: 2.2rem; color: #fff; text-transform: Capitalize; font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif; font-weight: 700;}
.subbanner a.button {background: none; border: 2px solid #fff; margin-top: 20px;}
/* other styles */
ul.email-form{list-style:none;margin-left:0;padding-left:0;max-width:30rem}
.wizard_cell{float:left;border:2px solid #e4e4e4;margin:0 0 1rem 2%;height:19rem;width:23%;padding:1rem;cursor:pointer;overflow:hidden;line-height:1.2em}
.wizard_cell b{font-weight:500}
.wizard_cell:hover{border:2px solid #d8d8d8}
.selected{font-size:0.8em;margin-left:0.5rem;padding:0.2em 0.5em;background:#f7f7f7;display:inline-block}
span.selected a{line-height:1em;font-size:1.2rem}
.hidden{display:none}
.accent{color: #7cb239;}
/*cart */
#cart tr{background:none;border-top:2px solid #d8d8d8}
#cart thead tr{border-top:0}
#cart tr.summary{border-top:2px solid #333;background:none}
#cart td.item,#cart td.qty,#cart td.price,#cart td.remove{vertical-align:middle}
#cart td.qty {max-width: 80px;}
#cart td.price {white-space:nowrap;}
#cart td.remove a{text-decoration:none}
#cartform td {padding:.3rem;}
#cartform td.image {padding:0; width: 25px;}
#cartform td.image img{}
#cart .promo {background: #000; width: 100%; padding: .8rem 1.6rem; /* border: 1px solid #000; */ margin: 0px 10px;}
#cart .promo a,#cart .promo a:hover,#cart .promo a:visited {text-decoration: none;}
#cart .promo h2 {color: #8ec549;font-family: "Gotham A","Gotham B","gotham",sans-serif;text-transform: none; font-weight:700;font-style:normal; font-size: 2.4rem; text-align: center; margin: 5px auto;}
#cart .promo p {color: #fff;font-family: "Gotham A","Gotham B","gotham",sans-serif; font-size: .9rem; font-weight: normal; text-align: center; margin: 5px auto; padding: 0;}
#cart .promo p strong {font-weight: 700; color: #8ec549;}
#cart .extra-checkout-buttons {display: none;}
.customer_address_table tr{background:none !important}
.customer_address_table td.value{overflow:hidden;padding-right:0}
.customer_address_table td.value select{width:115%}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.slides.home li {padding-left: 50%;padding-top: 30%;}
.slides.home span{color: #fff; font=size: 1.5em; border-bottom: 1px solid #fff; padding-bottom: 10px; text-transform: uppercase; letter-spacing: 1rem; display: block;}
.slides.home h3{mcolor: #fff; margin-top: .5rem;font-family: "Gotham A","Gotham B","gotham",helvetica,arial,sans-serif; font-size: 1.9rem; text-transform: uppercase;} 
.flexslider{margin:0;padding:0;position:relative;}
.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides>li:first-child{display:block}
.flexslider{margin:0;position:relative;zoom:1}
.flex-viewport{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:0px}
.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}
.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004'}
.flex-pauseplay a:hover{opacity:1}
.flex-pauseplay a.flex-play:before{content:'\f003'}
.flex-control-nav{width:100%;position:absolute;bottom:1rem;text-align:center;z-index:400;}
.home .flex-control-nav{display:none;}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}
.product-image .flex-control-nav li{padding-bottom:.2em;}
.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(204,204,204,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px}
.flex-control-paging li a:hover{background:#000;background:rgba(255,255,255,1.0)}
.flex-control-paging li a.flex-active{background:#000;background:rgba(255,255,255,1.0);cursor:default}
.flex-direction-nav{*height:0; display: block !important;}
.flex-direction-nav a{font-family:"SSPika";font-size:3rem;line-height:1em;color:#FFF;text-decoration:none;display:block;width:60px;height:60px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:.5;cursor:pointer;transition:all .3s ease}
/* slider arrows in image galleries should be white */
.content .flex-direction-nav a {color: #fff; font-size: 1.8rem; height: 50px; opacity: 1;}
.flex-direction-nav .flex-prev{left:.5rem}
.flex-direction-nav .flex-next{right:.5rem;text-align:right}
.flexslider:hover .flex-prev{opacity:0.7}
.flexslider:hover .flex-next{opacity:0.7}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .flex-disabled{opacity:0 !important;filter:alpha(opacity=0);cursor:default}
.todo{background:rgba(255,246,0,0.4);padding:0.2em 0.2em 0.2em;margin:1em 0;font-style:italic}

/******* MEDIA QUERY - SMALL - MOBILE and wider *******/
@media only screen and (min-width: 30em){
footer#footer {clear: both;}
footer#footer span.copy {float: left;width: 60%; text-align: left;}
#cartform td.image {width: auto;}
#cartform td {padding:.5rem 1rem;}
#cart .promo h2 {width: 50%; text-align:left; display: inline-block; margin: 0;}
#cart .promo p {width: 50%; text-align: right; display: inline-block; margin: 0;}
header .search-form{margin: 0;}
}
/******* MEDIA QUERY - MEDIUM - TABLET and wider *******/
@media only screen and (min-width: 42em){
.mobile-only, .col-1-1 img.mobile-only {display:none;} 
.sidebar ul#side-nav {display:block}
/* inside klean - issues */
.nopad .row.issue {background-size: 100% auto;}
.issue h2 {font-size: 6rem;}
#water.issue p, #waste.issue p {margin: 20px auto; width: 40%;}
/* other styles - tablet/wider */
article .row {margin-bottom: -45px; }
.product .temp span {display: inline-block;}
.nopad .col-1-2.boxy {min-height: 320px; width: 48%; margin-right: 2%}
.col-1-1.pagebanner {min-height: 400px;}
.col-1-1.pagebanner.tall {min-height: 600px;}
.breakfree .col-1-1.pagebanner {min-height: 300px;}
.img-left{width:50%;float:left;padding:0 2rem 1rem 0}
.img-right{width:50%;float:right;padding:0 0 1rem 2rem}
.phone-only{display:none !important}
header .single-wide{padding:0 3%; background: #fff;}
header .logo{width:auto;float:left;padding:1.1rem 0;position:relative;left:0;margin:0}
header .search-form{width:8rem;float:right;right:3%;top:3rem;}
header #utility{padding:0.8rem 0 1.1rem 1.1rem}
.single{max-width:48rem}
.sidebar{width:20%;float:left;padding:4rem 1rem 4rem 3%}
.single{width:40%;float:right;padding:4rem 3% 4rem 3%}
.double{width:80%;float:right;padding:4rem 3% 4rem 3%}
.double.cart {float:left; padding-left: 20%; padding-right: 20%; width: 100%;}  
#blog-post .double {width:100%;float:none;padding:4rem 0}
#blog-post .double.press{width:80%;float:right;padding:4rem 2rem}
.double.one-three{width:32%;float:right;padding:3rem 2%;}
.double.two-three{width:60%;float:right;padding:3rem 2%}
.double.one-half{width:48%;float:right;padding:3rem 1%;}
.double.one-four{width:23%;float:right;padding:3rem 1%;}
.double.three-four{width:73%;float:right;padding:3rem 1%;}
.fullwidth{width:90%;float:none;padding:4rem 5% 4rem 5%; margin: 1rem auto;}
.fullwidth.nopad{width:100%;float:none;padding:0; margin: 0;}
.double article{max-width:120rem;padding:0 0 .2rem 0}
.half{width:50%;float:left}
#cartform .half {float: right; text-align: right;}
#cartform .col-1-2.sub-promo {width: 48%; margin: 20px 10px 20px 10px}
.third{width:33.333%;float:left}
header#header .mobile-cart,header#header .menu-toggle{display:none}
header#header #nav-top ul{display:block}
header#header #nav-top ul li ul{display:none}
header#header #nav-top ul li.open ul{display:block}
header#header #nav-top ul li:hover ul{display:block}
#nav-top{width:auto;top:3rem}
#nav-top ul li ul{display:none}
#utility{position:static;top:auto;display:block}
footer#footer .single-wide{padding:0 2% 4% 2%}
div.social-links {width: auto; margin: 5px auto; text-align: center;}
.intro p img{width:30%;float:right;padding:0 0 1rem 2rem}
.intro .col-1-2 img{width:100%;float:none;padding:0}
.grid.single-wide .product, .featured .grid.single-wide .product{width:20%;padding:.2rem;float:left}
.home .featured .grid.single-wide .product{width:16.666%;padding:.2rem;float:left}
.home .featured .grid.single-wide {padding-top: 0;}
.grid.caps .product{width:20%;padding:.2rem;float:left;}
.grid .product span.price:before{font-size:1.1rem;}
.double .grid .product{width:25%;padding:1rem;float:left}
#kickplastic.double .grid .product{width:20%}
.double .grid .product:nth-child(4n+1) {clear:both;}
#kickplastic.double .grid .product:nth-child(4n+1) {clear:none;}
#kickplastic.double .grid .product:nth-child(5n+1) {clear:both;}
.double .grid .product span.price{margin:0.4rem 0 0 0;}
.double .grid .blog span.button,.double .grid .page span.button{display:block;float:none; text-align: center; margin: 0 auto;}
div#product .product-info{width:40%;margin:0 0 2rem 0; float: right; clear: none; display: inline-block;}
div#product .product-info .addthis_toolbox {padding-top: 1rem;padding-bottom: 0;}
.p-compare-product{left:2rem}
article,.content{max-width:210rem;padding: 0;}
.fullwidth article, .fullwidth .content{max-width:210rem}
.fullwidth.nopad .content{max-width:210rem}
div.footprint ul{padding:0 7%}
div.footprint ul li{width:25%;padding:0 1rem}
div.instagram ul li{width:19%;}
.press .col-1-4 {width: 22%; height: 90%; margin: 10px;}th
.press .col-1-4 a:nth-of-type(2) {display: none;}
p.social-links{text-align: center;}
div.email-form {text-align: center; padding-bottom: 0px; width: 400px; display: block; margin: 0 auto;}
div.email-form form {overflow: visible;}
div.email-form input {margin-bottom: 0px;}
#cartform .sub-promo a {text-decoration: none;}
#cartform p.footnote {margin: 0;}
#cartform p.footnote.first {text-align: left;}
#cartform p.footnote.second {text-align: right;}
.nopad .row .col-1-2 img.icon {margin: 10px 0;}
.nopad img.icon {max-width: 200px; display: inline-block; margin: 10px;}
}
/********* MEDIA QUERY - LARGE - Desktop and wider ******/
@media only screen and (min-width: 64em){
.home .col-1-1#stories {padding: 5% 25%;}
.home img#feature-one {border-right: 5px solid #fff;}  
.home .col-1-1.white.nopad#give {padding: 0 10rem;}
.home .col-1-2#give-text {padding: 10rem 6rem 4rem 0rem;}
.home .col-1-2#give-text h2 {font-size: 4.6em; line-height: 1.1em;}
.home .col-1-2#give-bottles {padding: 4rem 0rem;}
.col-1-2 img.space-right{border-right: 5px solid #fff;}
.col-1-2 img.space-left{border-left: 5px solid #fff;}
article h1{font-size:2.3rem;}
.overlay {padding: 4rem 8rem; 0rem 8rem; }
#overlay-form {padding: 2rem 20rem;}
.home .featured h2 {padding: 0px 20px;}
.mobile-only, .col-1-1 img.mobile-only {display:none;}
.sidebar ul.tags,.sidebar h3.tags {display:block;}
.home .flexslider.banner {max-height: 600px !important;}
.home div.promo {min-height: 340px;} 
.home div.promo.main {min-height: 560px; padding: 15rem 2rem; background-size: 100% auto;}
.home div.promo.main h2 {font-size: 3.3rem;}
.banner.skinny {height: 5rem;}
.home .flex-control-nav{display: none;}
.img-left{width:45%;float:left;padding:0 2rem 1rem 0}
.img-right{width:45%;float:right;padding:0 0 1rem 2rem}
blockquote{margin:0 2rem 2rem 2rem}
header .single-wide{padding:0 3%}
header .search-form{padding:1.3rem 0 1.1rem;float:right;position:static;}
header #utility{width:auto;padding:1.3rem 0 1.1rem 1.1rem;float:right}
header{position:fixed;top:0;z-index:500;height:5.6rem}
#page{margin-top:8.2rem;padding:0}
.single-wide{margin:0 auto;padding:0 3%}
.single{margin:0 auto;padding:0 3%;*zoom:1}
.single:before,.single:after{display:table;content:""}
.single:after{clear:both}
.double .content .column{width:30%;margin-right:3%;float:left}
.half{width:50%;float:left}
.third{width:33.33%;float:left}
#alert-overlay #alert {width: 50rem;margin-left: -25rem;}
.menu-toggle,.mobile-cart{display:none}
#nav-top{width:auto;float:left;position:static}
#nav-top ul{width:auto;margin:0;padding:0;list-style:none;float:left;display:block}
#nav-top ul li{display:inline-block;text-align:center;font-family:"Gotham A","Gotham B","gotham",helvetica,arial,sans-serif;font-weight:500;text-transform:uppercase;padding:0;margin:0}, #nav-top ul li 
#nav-top ul li a,#nav-top ul li span{color:#000;display:block;padding:0.8em 1em;text-decoration:none;letter-spacing:0.05em;cursor:pointer}
#nav-top ul li span {background: none; border: none;}
#nav-top ul li.active>a{color:#096228}
#nav-top ul li ul{display:none;right:auto;left:-0.5rem;width:14rem;padding:0.8em 0}
#utility{width:auto;float:right;position:static;display:block;}
.home .flexslider.banner .flex-viewport li img, .flexslider.banner .flex-viewport li img{width:100%; max-width: 100%; margin-left:0}
.sidebar .filter-menu .refine-header.filter-group:after{content:''}
.sidebar .filter-menu .filter-group{display:block}
.sidebar .filter-menu.open .refine-header:after{content:''}
.grid .product .product-image{min-height:8.1rem;}
div#product {padding-bottom: 10px;}
div#product .product-image{float:left;width:30%;margin-left:0;}
div#product .product-image.lifestyle{padding-top:3em;}
div#product .product-image.variants{width: 28%; margin-left: 2%;}
div#product .grid .product-image{float: none; width: 100%;}
div#product .product-image .productslider{width:100%;}
div#product .product-image .thumbnails,div#product .product-image .flex-control-thumbs{width:100%; padding-top: 2em;}
.productslider .slides {width: 100%;}
.temp span.hot, .temp span.cold, .temp span.ice {display: inline-block;}
div#product .product-image .flex-direction-nav a.flex-prev{left:5%}
div#product .product-image .flex-direction-nav a.flex-next{right:5%}
div#product .product-info form{margin-bottom:1em;padding-bottom:0}
.p-compare-product{position:absolute;bottom:0;right:0;left:auto;padding-bottom:1rem}
div.instagram h2{text-align: left;}
div#product .form-row h3{padding:0; display: inline-block; margin-right: 1rem; float: left; width: auto; margin-bottom: 0; padding-top: .5rem;}
.blog .double article {float: left; width: 28%; margin-right: 15px; clear: none; display: inline-block; border: 1px solid #ccc; padding: 10px 15px; margin-bottom: 15px;}
.blog .double article:nth-child(3n+4) {clear: left;}
.blog .double article img, .blog .double article img.img-left {padding: 0; width: 100%; float: none;} 
.blog .double article p {padding-bottom: .5em;}
/* photo galleries - desktop */
ul.gallery li {
	width: 25%;
}
.fullwidth ul.gallery,
.fullwidth ul.grid {
	padding: 0;
  	margin: 0;
}
.fullwidth ul.gallery.nopad,
.fullwidth ul.grid.nopad {
  padding: 0;
}
.fullwidth ul.gallery li,
.fullwidth ul.grid li{
	width: 25%;
    list-style-type: none;
    display: inline-block;
    margin-right: -5px;
}
.fullwidth ul.gallery.one-fifth li,
.fullwidth ul.grid.one-fifth li{
	width: 20%;
}
.fullwidth ul.gallery.one-third li,
.fullwidth ul.grid.one-third li{
	width: 33.333%;
}
.fullwidth ul.grid.hover.one-third li a {
  min-height: 600px;
}
.fullwidth ul.grid li {
  padding: 0;
}
.fullwidth ul.grid li img.img-left {
  padding: 0;
  float: none;
}
.product-image #gallery {
  padding-top: 3em;
}
/* event list table*/
table.eventlist tr th {font-size: 1.1rem;}
table.eventlist tr td {font-size: 0.9rem;line-height: 1.3rem;}
table.eventlist tr th,table.eventlist tr td {padding: 0.5rem;}
table.eventlist tr td:nth-child(3) { white-space: nowrap;}
/* display columns on wider tables */
table.eventlist tr th:nth-child(2),table.eventlist tr td:nth-child(2) {display: inline;}
table.eventlist tr th:nth-child(4),table.eventlist tr td:nth-child(4) {display: inline;}
/* home featured promos - desktop */
.home div.col-1-3.promo {margin: 1.5% 1% 2% 1%; width: 31.333%; display: block;}
.home div.col-1-2.promo {padding: 3rem 2rem 5rem 20rem; min-height: 600px; margin-bottom: 1%; display: block;}
.home.two-promos div.col-1-2.promo:first-child {margin-right: 1%; width: 49%;}
.home.two-promos div.col-1-2.promo:nth-child(2) {margin-left: 1%; width: 49%;}
.home div.promo.main div.box {width: 35%;}
.home div.col-1-2.promo div.box div.inner {text-align: left; display: inline-block; padding: 1rem .5rem;}
.home div.promo div.box h3 {letter-spacing: 0; font-size: 1.7rem;}
.home div.col-1-2.promo div.box h3 {font-size: 3.1rem; line-height: 3.9rem}
.home div.promo div.box p {font-size: 1.3rem; margin-top: 20px;}
.home div.promo p.button,.home div.promo div.box p.button {font-size: 1.2rem; white-space: nowrap; text-shadow:0 0 0.5rem rgba(00,00,00,0.5);box-shadow:0 0 0.5rem rgba(00,00,00,0.5);}
.home a div.promo div.box {opacity: 1.0;}
.home a:hover div.promo div.box {opacity: 1.0}
/* event spotlights - desktop */
.nopad .col-1-1.spotlight {padding-top: 50px; padding-bottom: 400px; text-align: right; background-size: 100% auto; display: block;}
.spotlight p {padding: 3rem; width: 50%; float: right; margin-top: 200px; font-size: 1rem; text-align: left;}
/* columns  - desktop */
.col-1-1,.col-1-3,.col-2-3,.col-1-2,.col-2-2,.col-1-4,.col-3-4,.col-1-5,.col-2-5,.col-3-5,.col-4-5{padding:1rem; margin-bottom:0;}
.col-1-1{width:100%}
.col-1-3{width:33.3333%}
.col-1-3.space{width:31%; margin-right: 1%;}
.col-2-3{width:66.6666%}
.col-1-2{width:50%}
.col-2-2{width:100%}
.col-1-4{width:25%}
.col-3-4{width:75%}
.col-1-5{width:20%}
.col-2-5{width:40%}
.col-3-5{width:60%}
.col-4-5{width:80%}
.col-3-4.indent, .nopad .col-3-4.indent {padding-left: 24%; padding-top: 1rem;}
.nopad .col-1-1,.nopad .col-1-3,.nopad .col-2-3,.nopad .col-1-2,.nopad .col-2-2,.nopad .col-1-4,.nopad .col-3-4{padding:0}
.col-1-1.pad,.col-1-3.pad,.col-2-3.pad,.col-1-2.pad,.col-2-2.pad,.col-1-4.pad,.col-3-4.pad{padding:2rem;}
.nopad .col-1-1.pad,.nopad .col-1-3.pad,.nopad .col-2-3.pad,.nopad .col-1-2.pad,.nopad .col-2-2.pad,.nopad .col-1-4.pad,.nopad .col-3-4.pad{padding:1rem;}
.col-1-1.nopad,.col-1-3.nopad,.col-2-3.nopad,.col-1-2.nopad,.col-2-2.nopad,.col-1-4.nopad,.col-3-4.nopad,.col-1-5.nopad,.col-2-5.nopad,.col-3-5.nopad,.col-4-5.nopad{padding:0;}
article .col-1-1,article .col-1-3,article .col-2-3,article .col-1-2,article .col-2-2,article .col-1-4,article .col-3-4{padding:0}
.col-1-1.border {width:99%;}
.col-1-2.border {width:48%;}
.col-1-3.border {width:32%;}
.col-1-4.border {width:24%;}
.col-1-5.border {width:19%;}
.home .col-1-1,.home .col-1-2 {padding:0}
/* columns with full cover images - desktop */
.col-img {overflow:hidden;}
.col-img img {}
/* color blocks - desktop */
.nopad .light-green,.nopad .light-gray,.nopad .dark-gray,.nopad .black,.nopad .white, .nopad .col-1-1.light-green,.nopad .col-1-1.light-gray,.nopad .col-1-1.dark-gray,.nopad .col-1-1.white {padding: 5rem;}
.nopad .light-green.indent,.nopad .light-gray.indent,.nopad .dark-gray.indent, .nopad .black.indent, .nopad .white.indent, .nopad .blue.indent, .nopad .teal.indent, .nopad .orange.indent {padding: 5rem 20rem;}
article .light-green.indent,article .light-gray.indent,article .dark-gray.indent, article .black.indent, article .white.indent, article .blue.indent, article .teal.indent,article .orange.indent {padding: 5rem 20rem;}
article .col-1-1.light-green.indent, article .col-1-1.light-gray.indent, article .col-1-1.dark-gray.indent, article .col-1-1.black.indent, article .col-1-1.white.indent, article .col-1-1.teal.indent, article .col-1-1.blue.indent, article .col-1-1.orange.indent {padding: 5rem 20rem;}
.nopad .light-green.nopad,.nopad .light-gray.nopad,.nopad .dark-gray.nopad, .nopad .black.nopad,.nopad .white.nopad, .nopad .col-1-1.light-green.nopad,.nopad .col-1-1.light-gray.nopad,.nopad .col-1-1.dark-gray.nopad,.nopad .col-1-1.white.nopad {padding: 0;}
.nopad .white.byo,.nopad .indent.wider {padding: 5rem 15rem;}
.nopad .col-1-2.orange,.nopad .col-1-2.blue,.nopad .col-1-2.teal, .nopad .col-1-2.light-gray, .nopad .col-1-2.dark-gray, .nopad .col-1-2.black, .nopad .col-1-2.white {padding: 7rem;}
.nopad .col-1-2.teal#wicons,.nopad .col-1-2.dark-gray#wicons {padding: 4em 1em 4em 8em;}
.nopad .col-1-2.teal.icon {padding: 3em 2em 2em 0em;}
.nopad .col-1-2.nopad {padding: 0;}
.nopad .row .col-1-3, .nopad .row .col-2-3, .nopad .row .col-1-4, .nopad .row .col-3-4 {padding: 2rem 4rem;}
.nopad .row .col-1-3.nopad, .nopad .row .col-2-3.nopad, .nopad .row .col-1-4.nopad, .nopad .row .col-3-4.nopad {padding: 0;}
article .col-1-1.light-green,article .col-1-1.light-gray,article .col-1-1.dark-gray, article .col-1-1.black,article .col-1-1.white {padding: 3rem;}
article .col-1-2.orange, article .col-1-2.blue, article .col-1-2.teal, article .col-1-2.light-gray, article .col-1-2.dark-gray,article .col-1-2.black {padding: 3rem;}
.breakfree div.col-1-2.blue {padding: 4rem;}
.breakfree div.col-1-2.dark-gray {padding: 3rem;}
.dark-gray .col-1-2 {padding:3rem 0;}
.dark-gray .col-1-2:first-of-type {padding-right:1rem;}
.dark-gray .col-1-2:nth-of-type(2) {padding-left:1rem;}
.nopad .head-divider p {font-size: 1.5rem; line-height: 2rem; padding: 30px; width: 50%; margin-top: -50px;}
/* footer desktop */
div.footer-nav{width:100%;padding-top: 2%; text-align: center;}
div.footer-subscribe {width: 100%;text-align: center;}
div.email-form p{font-size:0.9rem;margin:0;padding:0}
div.email-form label{width:auto;display:inline-block}
div.email-form input{display:inline-block}
footer#footer p.copy {display: block; padding:0; clear: both;}
/* header - desktop*/
header .banner.skinny {height: 3.5rem;}
header .banner.skinny h3 {text-align:left;}
header .banner.skinny .text {text-align:right;}
/* page banners - desktop */
.col-1-1.pagebanner {min-height: 600px;}
.col-1-1.pagebanner {background-size:cover;}
.col-1-1.pagebanner.tall {min-height: 1000px;}
.col-1-1.pagebanner h2 {font-size: 4.5rem; letter-spacing: 1.0rem;}
.breakfree .col-1-1.pagebanner h2 {font-size: 3.6rem; letter-spacing: 1.0rem;}
.col-1-1.pagebanner h3 {font-size: 4rem;}
/* other - desktop */
.nopad .col-1-2.subbanner {padding: 10rem 0;}
.nopad .col-1-2.boxy {height: 380px;}
.nopad .white.graphic {padding: 4rem 4rem 0rem 4rem;}
.col-1-1.pagebanner.tall {height: 700px;}
}
/** END DESKTOP WIDER QUERY **/

/********* MEDIA QUERY - LARGE - super wide desktop - large browsers ******/
@media only screen and (min-width: 95em){
  .home .flexslider.banner {max-height: 800px !important;}
  .home div.promo.main {min-height: 800px;}
  .home div.col-1-3.promo {min-height: 400px;}
  .home div.col-1-2.promo {min-height: 600px;}
}
/** END super wide DESKTOP QUERY **/


/****** other styles ****/
a.accent { font-weight: bold; text-decoration: none; color: #8ec549;}
.powr-photo-gallery .microblog {
  width: 100% !important;
}
/** filter menu sidebar **/
span.collection-count {
  margin-left: 5px;
  font-weight: 600;
}
/** Wufoo **/
iframe .wufoo li {width: 80%;}
/* other */
.quote {
	color: #666;
	font-weight: normal;
	font-size: 1.1rem;
	line-height: 1.3rem;
}
.quote.large {
  font-size: 200%;
  line-height: 150%;
  color: #8ec549;
  font-weight: 600; 
}
.quotes {
	text-align: center;
	color: #666;
	font-size:.9rem;
	line-height:1.2rem;
}
.quotes b {
	color: #1d5632;
}
/* notes in cart */
p.note {
    color: #a1a1a1; 
    font-size: 13px; 
    line-height: 17px;
    font-style: italic;
}
p.promos {
   font-size: .8rem; 
   line-height: 1.4rem; 
   color: #666;
   padding: 2%;
   border: 1px solid #096228;
}
p.promos strong {
  text-transform: uppercase;
}
p.promos strong a, p.promos strong a:visited {
  color: #096228;
}
p.promos img {
  float: right;
}
p.footnote {
   color: #666;
   padding: 0;
   margin: 10px auto;
   text-align: center;
   font-size: .8rem;
   line-height: 1.2rem;
}
span.footnote {
	color: #999;
	font-style: italic;
	font-size: .8rem;
	line-height: .4rem;
}
.dark-gray span.footnote {
	color: #fff;
}
#shappify-qty-msg span.footnote {
	color: #999;
}
p.footnote strong {
   color: #096228;
   font-size: 1.0rem;
}
#cartform p.footnote a,
#cartform p.footnote a:hover,
#cartform p.footnote a:visited {
	text-decoration: none;
	color:inherit;
}
/* features and specs stack - description */
#extra-description {
	clear: both;
}
#extra-description.single {
	max-width: 80rem;
	padding: 0 1%;
}
#extra-description.wider {
	max-width: 90%;
}
#extra-description table {
	width: 100%;
}
/* hide upsell qty - TEST */
form#upsell_upsell_form input.qty {
  display: none;
}
/* responsive videos */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* video embeds w/ custom thumbnails */
.cntVid, figure.vimeo, figure.youtube {
    margin:0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.cntVid iframe, figure.youtube a img, figure.vimeo a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
/* store locator */
p.logos img {
    margin-right: 10px;
    vertical-align: middle;
    padding-bottom: 5px;
    height: 60px;
    width: auto;
    display: inline-block;
}
/* lists that look like tables */
ul.table {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.table li {
	width: 100%;
	list-style-type: none;
	padding: 10px; 
}
ul.table li:nth-child(even) {
	background: #f1f0f0;
}
/* grid lists and items */
ul.grid {
  padding: 0;
}
ul.grid li {
	width: 32%;
	display: inline-block;
	text-align: center;
	max-height: 360px;
}
ul.grid.one-third li {
	max-height: 100%;
}
ul.grid.fourth li {
	width: 24%;
}
#extra-description ul.grid.fourth li {
	width: 20%;
}
ul.grid.sixth li {
	width: 15%;
}
ul.grid li img {
	width: 100%;
}
ul.grid li img.img-left {
    padding: 0 .5rem .5rem 0;
}
/* photo galleries */
.white .carousel-control.left, .white .carousel-control.right {
  background: none !important;
}
.white .carousel-control {
  color: #666 !important;
  text-shadow: none !important;
}
.content .carousel-control.right {
  width: auto;
  padding: 0;
  left: 85% !important;
}
ul.one-fifth li {
	width: 18%
}
.product-image #gallery {
  width: 100%;
  margin: 0;
  padding: 0;
}
.product-image #gallery li:first-child,
.product-image #gallery li:nth-child(2){
  display: none;
}
.product-image #hero-img {
  width: 100%;
  display: block;
  margin-bottom: 1em;
}
.product-image #gallery li {
	width: 24.3%;
    list-style-type: none;
    display: inline-block;
    margin-right: -1px;
    padding: 0;
}
.product-image #gallery li:hover {
	cursor: pointer;
}
.product-image #gallery li img {
    display: none;
}
/* color images and hover galleries */
.fullwidth ul.grid.colors li a:hover img {
  opacity: .5;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  background-color: #000;
}
.fullwidth ul.grid.hover li {
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.fullwidth ul.grid.hover li a {
  color: #fff;
  display: block;
  padding: 45% 10% 10% 10%;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  min-height: 400px;
}
.fullwidth ul.grid.hover li a div {
  padding: 15px 5px;
  opacity: 0;
}
.fullwidth ul.grid.hover li a span {
  opacity: 0;
  border: 2px solid #fff;
  padding: 20px;
  font-weight: 600;
}
.fullwidth ul.grid.hover li a:hover span {
  opacity: 1;
  background-color:rgba(0,0,0,0.3);
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
}
.fullwidth ul.grid.hover.one-third li a {
  color: #fff;
  display: block;
  padding: 80% 0% 0% 50%;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  min-height: 370px;
}
.fullwidth ul.grid.hover.one-third li a span {
  opacity: 0;
  border: none;
  padding: 0px;
  font-size: 80%;
  font-weight: 300;
}
.fullwidth ul.grid.hover.one-third li a:hover div {
  padding: 15px 5px;
  opacity: 1;
  background-color:rgba(0,0,0,0.7);
}
.fullwidth ul.grid.hover.one-third li a:hover span {  
  opacity: 1;
  background-color: transparent;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
}
/* dealer photos */
ul.photos li {
	width: 28%; 
	margin: 0 2%;
}
ul.photos li img {
	width: 100%;
	display: block;
}
ul.grid a.button {
	display: block;
}
/****** MEDIA QUERY - MOBILE only or smaller *******/
@media only screen and (max-width: 30em) {
.home img#feature-one {border-bottom: 5px solid #fff;}  
div.wrapper.title h1 {text-align: center;}
article .center img,.content .center img{margin: 0 auto; padding: 30px 0px;}
.mobile-hide, .col-1-1 img.mobile-hide {display:none;}
.nopad .col-1-1.nopad-mobile {padding: 0;}
.nopad .pad-mobile {padding: 1rem;}
.col-1-2.pad-mobile {padding: 1rem 0;}
.home .flexslider.banner{height: auto !important;}
.product-image .flexslider .slides{z-index:4;position: relative;}
p.note {padding: 2em;}
#cart .col-1-2 {padding: .5em 0;}
p.promos img {float: none; display: block;}
ul.photos li {width: 100%; margin: 0;}
ul.grid li {width: 100%;}
ul.grid.fourth li {width: 48%;}
#extra-description ul.grid.fourth li {width: 48%;}
ul.grid.sixth li {width: 32%;}
header {height:15rem;}
header .search-form {bottom: 35px;}
#insulated.col-1-1.pagebanner {background-position: -100px 0px}
#material.col-1-1.pagebanner {background-position: right top}
#strong.col-1-1.pagebanner {}
.extra-checkout-buttons {text-align: center; margin: 10px auto;}
.home .featured .grid .product:nth-child(2n+3) {clear: left;}
.col-1-1.pagebanner {background-size: auto 100%;}  
.filter-menu {display: none;}
.flexslider.banner .flex-viewport li {}
#bar ul.nav-inline { padding: 0;}
#bar ul.nav-inline li {
  font-size: .9rem;
  padding: 0 .6rem 0 0;
  margin-right: 0;
  border-right: none;
}
.fullwidth ul.grid.hover.one-third li a div {
  opacity: 1;
  background-color:rgba(0,0,0,0.5);
  padding: 10px 5px;
}
.fullwidth ul.grid.hover.one-third li a span {
  opacity: 1;
  background-color: transparent;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
}
.fullwidth ul.grid.hover.one-third li a {
  padding: 80% 0% 0% 0%;
}
.col-1-1.pagebanner.tall {
   padding-top: 5%;
}
.col-1-1.pagebanner h4 {
  font-size: 1.8rem; 
  line-height: 2.1rem;
}
.quote.large {
  font-size: 160%;
  line-height: 130%;
}
}

/******* MEDIA QUERY - TABLET or smaller *******/
@media only screen and (max-width: 42em) {
header #promo {float: left; clear: both; position: absolute; bottom: 0; width: 100%; text-align: center; padding-top: 1rem;}
header #bar {
position: absolute;
top:60px;
width: 100%;
padding: 1rem .5rem;
}
header #bar span {display: block;}
header #bar span::after{content: "";}
.mobile-hide, .col-1-1 img.mobile-hide {display:none;}
 /******* MEDIA QUERY - TABLET only *******/
@media only screen and (min-width: 30em) and (max-width: 42em) {
header #promo {display: none;}
header{height:7rem}
}