html, body, div, span, applet, object, iframe, h1, h2, h3, h4, .contact-us .container .message span, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1;
}

ol, ul {
    list-style: none
}

.content .body .col ul{
    list-style: disc;
      padding-left: 20px;
  margin-bottom: 20px;
}

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

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

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

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

.clear {
    clear: both
}

.clear:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

button {
    border: none;
    -webkit-appearance: none;
    background: none;
    padding: 0px;
    cursor: pointer
}

.sprites-sprite, .sprites-arrow-close-white, .sprites-arrow-close, .sprites-arrow-left-black, .sprites-arrow-left-gray, .sprites-arrow-left-white, .sprites-arrow-left_active, .sprites-arrow-right-black, .sprites-arrow-right-gray, .sprites-arrow-right-white, .sprites-arrow-right_active, .sprites-arrow-small-black, .sprites-arrow-small-gray, .sprites-arrow-small-white, .sprites-arrow-small_active, .sprites-backtotop, .sprites-brandicon-culture-black, .sprites-brandicon-culture-white, .sprites-brandicon-expertise-black, .sprites-brandicon-expertise-white, .sprites-brandicon-knowhow-black, .sprites-brandicon-knowhow-white, .sprites-brandicon-quality-black, .sprites-brandicon-quality-white, .sprites-button-brazil-left, .sprites-button-brazil-right, .sprites-button-crema-left, .sprites-button-crema-right, .sprites-button-decafe-left, .sprites-button-decafe-right, .sprites-button-house-left, .sprites-button-house-right, .sprites-button-left, .sprites-button-organic-left, .sprites-button-organic-right, .sprites-button-right, .sprites-button-sydney-left, .sprites-button-sydney-right, .sprites-cafferriera, .sprites-clear-day, .sprites-clear-night, .sprites-close, .sprites-coffee-bean, .sprites-coffee-since-tagline, .sprites-comp-cloudy-day, .sprites-comp-cloudy-night, .sprites-dotted-line-corner-bottom-left, .sprites-dotted-line-corner-bottom-right, .sprites-dotted-line-corner-top-left, .sprites-dotted-line-corner-top-right, .sprites-dotted-line-straight, .sprites-espresso-machine, .sprites-facebook, .sprites-feature-dot-white, .sprites-feature-dot, .sprites-filter, .sprites-icon-arabica-quality, .sprites-icon-brazil-knowhow, .sprites-icon-crema-expertise, .sprites-icon-culture, .sprites-icon-decafe-expertise, .sprites-icon-house-knowhow, .sprites-icon-organic-quality, .sprites-icon-sydney-culture, .sprites-instagram, .sprites-logo-footer, .sprites-logo-full-header, .sprites-logo-small-header, .sprites-part-cloudy-day, .sprites-part-cloudy-night, .sprites-plunger, .sprites-pointer, .sprites-rain-cloud-day, .sprites-rain-cloud-night, .sprites-rain-part-cloudy-day, .sprites-rain-part-cloudy-night, .sprites-search, .sprites-snow-day, .sprites-snow-night, .sprites-social-facebook, .sprites-social-instagram, .sprites-social-mail, .sprites-social-twitter, .sprites-state-arrow, .sprites-storage, .sprites-strenght-module, .sprites-tab-close-gray, .sprites-tab-close_active, .sprites-tab-expand-gray, .sprites-tab-expand_active, .sprites-thunder-day, .sprites-thunder-night, .sprites-twitter-black, .sprites-twitter-gold, .sprites-twitter, .sprites-video-play, .sprites-wave-creme-reverse, .sprites-wave-creme, .sprites-wave-grey-blends, .sprites-wave-grey-reverse, .sprites-wave-grey, .sprites-wave-white-reverse, .sprites-wave-white, .sprites-weather, .sprites-windy-day, .sprites-windy-night, .back a span, .cafe a span.arr-right, .extended-box a span.arr-right, .cafe a span.arr-right-small, .extended-box a span.arr-right-small, #related .cafe a .arr-right, #related nav.nav a.left span, #related nav.nav a.right span, .gallery nav.bullet a, .gallery nav.bullet a.active, .gallery nav.bullet a:hover, .g2 .mover .image .content-right .icon1, .g2 .mover .image .content-right .list span, .g2 .mover .image .content-right .list span.inactive, .g2 .mover .image .content-right .how-to-make em.option-caffettiera, .g2 .mover .image .content-right .how-to-make em.option-espresso, .g2 .mover .image .content-right .how-to-make em.option-plunger, .g2 .mover .image .content-right .how-to-make em.option-storage, .g2 .mover .image .content-right .type em.beans, button.button:before, .button:before, button.button:after, .button:after, button.button:hover:before, .button:hover:before, button.button:hover:after, .button:hover:after, .map button span, .enter-postcode button span, .map button:hover span, .enter-postcode button:hover span, div.video .video-box a.play, .social .filter a span:before, .social .filter span span:before, .social .filter a.active span:before, .box.large a span.arr-right, .box.large a span.arr-right-small, .box a span.arr-right, .box.tweet .tweeticon, .box.img .tweeticon, .box.face .tweeticon, .box.tweet .faceicon, .box.img .faceicon, .box.face .faceicon, .box.tweet .instaicon, .box.img .instaicon, .box.face .instaicon, header .mini-logo a, header .find-cafe div span, header .weather .celsius span.rain-cloud-day:before, header .weather .celsius span.rain-cloud-night:before, header .weather .celsius span.windy-day:before, header .weather .celsius span.windy-night:before, header .weather .celsius span.thunder-day:before, header .weather .celsius span.thunder-night:before, header .weather .celsius span.snow-day:before, header .weather .celsius span.snow-night:before, header .weather .celsius span.rain-part-cloudy-day:before, header .weather .celsius span.rain-part-cloudy-night:before, header .weather .celsius span.part-cloudy-day:before, header .weather .celsius span.part-cloudy-night:before, header .weather .celsius span.comp-cloudy-day:before, header .weather .celsius span.comp-cloudy-night:before, header .weather .celsius span.clear-day:before, header .weather .celsius span.clear-night:before, header .logo a, footer div.foot .logo, footer div.foot .sociallinks div a.face, footer div.foot .sociallinks div a.face:hover, footer div.foot .sociallinks div a.tweet, footer div.foot .sociallinks div a.tweet:hover, footer div.foot .sociallinks div a.insta, footer div.foot .sociallinks div a.insta:hover, footer div.foot .sociallinks div a.mail, footer div.foot .sociallinks div a.mail:hover, footer div.foot .bottom a span, footer div.foot .bottom a:hover span, div.close a span, .locations .arrow-strip .left:after, .locations .location-container .state-container nav.bullet a, .locations .location-container .state-container nav.bullet a.active, .locations .location-container .state-container nav.bullet a:hover, .fullscreen.source .content nav.nav a.left span, .fullscreen.source .content nav.nav a.right span, .fullscreen.source .content a.closemap, .fullscreen.source .text .icon, .fullscreen.source .select-location .icon, .fullscreen.source .countries .country .text-col .celsius span.rain-cloud-day:before, .fullscreen.source .countries .country .text-col .celsius span.rain-cloud-night:before, .fullscreen.source .countries .country .text-col .celsius span.windy-day:before, .fullscreen.source .countries .country .text-col .celsius span.windy-night:before, .fullscreen.source .countries .country .text-col .celsius span.thunder-day:before, .fullscreen.source .countries .country .text-col .celsius span.thunder-night:before, .fullscreen.source .countries .country .text-col .celsius span.snow-day:before, .fullscreen.source .countries .country .text-col .celsius span.snow-night:before, .fullscreen.source .countries .country .text-col .celsius span.rain-part-cloudy-day:before, .fullscreen.source .countries .country .text-col .celsius span.rain-part-cloudy-night:before, .fullscreen.source .countries .country .text-col .celsius span.part-cloudy-day:before, .fullscreen.source .countries .country .text-col .celsius span.part-cloudy-night:before, .fullscreen.source .countries .country .text-col .celsius span.comp-cloudy-day:before, .fullscreen.source .countries .country .text-col .celsius span.comp-cloudy-night:before, .fullscreen.source .countries .country .text-col .celsius span.clear-day:before, .fullscreen.source .countries .country .text-col .celsius span.clear-night:before, .fullscreen.source .countries .country .small-gallery nav.bullet a, .fullscreen.source .countries .country .small-gallery nav.bullet a.active, .fullscreen.source .countries .country .small-gallery nav.bullet a:hover, #mapp .marker-cluster div, #locationmap .marker-cluster div, div.blends nav.bullet.bullet a, div.blends nav.bullet.bullet a.active, div.blends nav.bullet.bullet a:hover, div.blends nav.nav a.left span, div.blends nav.nav a.left:hover span, div.blends nav.nav a.right span, div.blends nav.nav a.right:hover span, div.blends .image .content-right .icon.brazil, div.blends .image .content-right .icon.brasil, div.blends .image .content-right .icon.decafe, div.blends .image .content-right .icon.house, div.blends .image .content-right .icon.crema, div.blends .image .content-right .icon.organic, div.blends .image .content-right .icon.sydney, div.blends .image .content-right .button.brazil:after, div.blends .image .content-right .button.brazil:before, div.blends .image .content-right .button.decafe:after, div.blends .image .content-right .button.decafe:before, div.blends .image .content-right .button.house:after, div.blends .image .content-right .button.house:before, div.blends .image .content-right .button.crema:after, div.blends .image .content-right .button.crema:before, div.blends .image .content-right .button.organic:after, div.blends .image .content-right .button.organic:before, div.blends .image .content-right .button.sydney:after, div.blends .image .content-right .button.sydney:before, div.blends .image .content-right .icon1, div.blends .image .content-right .list span, div.blends .image .content-right .list span.inactive, div.blends .image .content-right .how-to-make em.option-caffettiera, div.blends .image .content-right .how-to-make em.option-espresso, div.blends .image .content-right .how-to-make em.option-plunger, div.blends .image .content-right .how-to-make em.option-storage, div.blends .image .content-right .type em.beans, .article nav.bullet.bullet a, .article nav.bullet.bullet a.active, .article nav.bullet.bullet a:hover, .culture .gallery .icon, .culture .content nav.bullet a, .culture .content nav.bullet a.active, .culture .content nav.bullet a:hover, .finder .enter-postcode button.cross span, .finder .enter-postcode button.cross:hover span, div.equipment .content nav.bullet a, div.equipment .content nav.bullet a.active, div.equipment .content nav.bullet a:hover, .related.equipment .content .extended-box a div .arr-right, .learn h2:before, .learn h2:after, .learn .fullscreen.gallery .image .content .icon, .learn .content .video-box a.play, .related.learn .content .extended-box a div .arr-right, .accordion section.open a.collapser, .accordion section a.collapser, .about-us .content .icon {
    background: url('grinders/img/logosprites.png') no-repeat
}

.sprites-arrow-close-white {
    background-position: 0 -2756px
}

.sprites-arrow-close-white:active, .sprites-arrow-close-white.arrow-close-white_active, .sprites-arrow-close-white.arrow-close-white-active {
    background-position: 0 -2734px
}

.sprites-arrow-close {
    background-position: 0 -2464px
}

.sprites-arrow-close:active, .sprites-arrow-close.arrow-close_active, .sprites-arrow-close.arrow-close-active {
    background-position: 0 -2416px
}

.sprites-arrow-left-black {
    background-position: 0 -4172px
}

.sprites-arrow-left-gray {
    background-position: 0 -4228px
}

.sprites-arrow-left-white {
    background-position: 0 -4267px
}

.sprites-arrow-left_active {
    background-position: 0 -4246px
}

.sprites-arrow-right-black {
    background-position: 0 -4159px
}

.sprites-arrow-right-gray {
    background-position: 0 -4146px
}

.sprites-arrow-right-white {
    background-position: 0 -4279px
}

.sprites-arrow-right_active {
    background-position: 0 -4183px
}

.sprites-arrow-small-black {
    background-position: 0 -4097px
}

.sprites-arrow-small-gray {
    background-position: 0 -4110px
}

.sprites-arrow-small-white {
    background-position: 0 -4292px
}

.sprites-arrow-small_active {
    background-position: 0 -4133px
}

.sprites-backtotop {
    background-position: 0 -4221px
}

.sprites-brandicon-culture-black {
    background-position: 0 -1461px
}

.sprites-brandicon-culture-white {
    background-position: 0 -1761px
}

.sprites-brandicon-expertise-black {
    background-position: 0 -502px
}

.sprites-brandicon-expertise-white {
    background-position: 0 -1361px
}

.sprites-brandicon-knowhow-black {
    background-position: 0 -399px
}

.sprites-brandicon-knowhow-white {
    background-position: 0 -976px
}

.sprites-brandicon-quality-black {
    background-position: 0 -306px
}

.sprites-brandicon-quality-white {
    background-position: 0 -1073px
}

.sprites-button-brazil-left {
    background-position: 0 -3289px
}

.sprites-button-brazil-right {
    background-position: 0 -3577px
}

.sprites-button-crema-left {
    background-position: 0 -3337px
}

.sprites-button-crema-right {
    background-position: 0 -3746px
}

.sprites-button-decafe-left {
    background-position: 0 -3385px
}

.sprites-button-decafe-right {
    background-position: 0 -3794px
}

.sprites-button-house-left {
    background-position: 0 -3481px
}

.sprites-button-house-right {
    background-position: 0 -3842px
}

.sprites-button-left {
    background-position: 0 -4034px
}

.sprites-button-left:active, .sprites-button-left.button-left_active, .sprites-button-left.button-left-active {
    background-position: 0 -3986px
}

.sprites-button-organic-left {
    background-position: 0 -3529px
}

.sprites-button-organic-right {
    background-position: 0 -3890px
}

.sprites-button-right {
    background-position: 0 -3650px
}

.sprites-button-right:active, .sprites-button-right.button-right_active, .sprites-button-right.button-right-active {
    background-position: 0 -3698px
}

.sprites-button-sydney-left {
    background-position: 0 -3433px
}

.sprites-button-sydney-right {
    background-position: 0 -3938px
}

.sprites-cafferriera {
    background-position: 0 -2702px
}

.sprites-clear-day {
    background-position: 0 -3097px
}

.sprites-clear-night {
    background-position: 0 -4305px
}

.sprites-close {
    background-position: 0 -3154px
}

.sprites-close:active, .sprites-close.close_active, .sprites-close.close-active {
    background-position: 0 -3251px
}

.sprites-coffee-bean {
    background-position: 0 -2810px
}

.sprites-coffee-since-tagline {
    background-position: 0 -2452px
}

.sprites-comp-cloudy-day {
    background-position: 0 -4082px
}

.sprites-comp-cloudy-night {
    background-position: 0 -3635px
}

.sprites-dotted-line-corner-bottom-left {
    background-position: 0 -4386px
}

.sprites-dotted-line-corner-bottom-right {
    background-position: 0 -4380px
}

.sprites-dotted-line-corner-top-left {
    background-position: 0 -4374px
}

.sprites-dotted-line-corner-top-right {
    background-position: 0 -4392px
}

.sprites-dotted-line-straight {
    background-position: 0 -4416px
}

.sprites-espresso-machine {
    background-position: 0 -2853px
}

.sprites-facebook {
    background-position: 0 -2885px
}

.sprites-facebook:active, .sprites-facebook.facebook_active, .sprites-facebook.facebook-active {
    background-position: 0 -2912px
}

.sprites-feature-dot-white {
    background-position: 0 -4257px
}

.sprites-feature-dot-white:active, .sprites-feature-dot-white.feature-dot-white_active, .sprites-feature-dot-white.feature-dot-white-active {
    background-position: 0 -4211px
}

.sprites-feature-dot {
    background-position: 0 -4123px
}

.sprites-feature-dot:active, .sprites-feature-dot.feature-dot_active, .sprites-feature-dot.feature-dot-active {
    background-position: 0 -3625px
}

.sprites-filter {
    background-position: 0 -4360px
}

.sprites-filter:active, .sprites-filter.filter_active, .sprites-filter.filter-active {
    background-position: 0 -4346px
}

.sprites-icon-arabica-quality {
    background-position: 0 -883px
}

.sprites-icon-brazil-knowhow {
    background-position: 0 -695px
}

.sprites-icon-crema-expertise {
    background-position: 0 -1261px
}

.sprites-icon-culture {
    background-position: 0 -1661px
}

.sprites-icon-decafe-expertise {
    background-position: 0 -1166px
}

.sprites-icon-house-knowhow {
    background-position: 0 -786px
}

.sprites-icon-organic-quality {
    background-position: 0 -602px
}

.sprites-icon-sydney-culture {
    background-position: 0 -1564px
}

.sprites-instagram {
    background-position: 0 -2673px
}

.sprites-instagram:active, .sprites-instagram.instagram_active, .sprites-instagram.instagram-active {
    background-position: 0 -2644px
}

.sprites-logo-footer {
    background-position: 0 0
}

.sprites-logo-full-header {
    background-position: 0 -153px
}

.sprites-logo-small-header {
    background-position: 0 -2260px
}

.sprites-part-cloudy-day {
    background-position: 0 -3177px
}

.sprites-part-cloudy-night {
    background-position: 0 -3214px
}

.sprites-plunger {
    background-position: 0 -2612px
}

.sprites-pointer {
    background-position: 0 -2342px
}

.sprites-pointer:active, .sprites-pointer.pointer_active, .sprites-pointer.pointer-active {
    background-position: 0 -2379px
}

.sprites-rain-cloud-day {
    background-position: 0 -3116px
}

.sprites-rain-cloud-night {
    background-position: 0 -3135px
}

.sprites-rain-part-cloudy-day {
    background-position: 0 -2939px
}

.sprites-rain-part-cloudy-night {
    background-position: 0 -2961px
}

.sprites-search {
    background-position: 0 -3005px
}

.sprites-search:active, .sprites-search.search_active, .sprites-search.search-active {
    background-position: 0 -3044px
}

.sprites-snow-day {
    background-position: 0 -3232px
}

.sprites-snow-night {
    background-position: 0 -3195px
}

.sprites-social-facebook {
    background-position: 0 -2306px
}

.sprites-social-facebook:active, .sprites-social-facebook.social-facebook_active, .sprites-social-facebook.social-facebook-active {
    background-position: 0 -2224px
}

.sprites-social-instagram {
    background-position: 0 -2188px
}

.sprites-social-instagram:active, .sprites-social-instagram.social-instagram_active, .sprites-social-instagram.social-instagram-active {
    background-position: 0 -2080px
}

.sprites-social-mail {
    background-position: 0 -2044px
}

.sprites-social-mail:active, .sprites-social-mail.social-mail_active, .sprites-social-mail.social-mail-active {
    background-position: 0 -2152px
}

.sprites-social-twitter {
    background-position: 0 -2116px
}

.sprites-social-twitter:active, .sprites-social-twitter.social-twitter_active, .sprites-social-twitter.social-twitter-active {
    background-position: 0 -2008px
}

.sprites-state-arrow {
    background-position: 0 -4398px
}

.sprites-storage {
    background-position: 0 -2778px
}

.sprites-strenght-module {
    background-position: 0 -3274px
}

.sprites-strenght-module:active, .sprites-strenght-module.strenght-module_active, .sprites-strenght-module.strenght-module-active {
    background-position: 0 -4196px
}

.sprites-tab-close-gray {
    background-position: 0 -4467px
}

.sprites-tab-close_active {
    background-position: 0 -4492px
}

.sprites-tab-expand-gray {
    background-position: 0 -4417px
}

.sprites-tab-expand_active {
    background-position: 0 -4442px
}

.sprites-thunder-day {
    background-position: 0 -3061px
}

.sprites-thunder-night {
    background-position: 0 -3079px
}

.sprites-twitter-black {
    background-position: 0 -2584px
}

.sprites-twitter-gold {
    background-position: 0 -2556px
}

.sprites-twitter {
    background-position: 0 -2528px
}

.sprites-twitter:active, .sprites-twitter.twitter_active, .sprites-twitter.twitter-active {
    background-position: 0 -2500px
}

.sprites-video-play {
    background-position: 0 -1864px
}

.sprites-video-play:active, .sprites-video-play.video-play_active, .sprites-video-play.video-play-active {
    background-position: 0 -1936px
}

.sprites-wave-creme-reverse {
    background-position: 0 -4332px
}

.sprites-wave-creme {
    background-position: 0 -4316px
}

.sprites-wave-grey-blends {
    background-position: 0 -4324px
}

.sprites-wave-grey-reverse {
    background-position: 0 -4328px
}

.sprites-wave-grey {
    background-position: 0 -4320px
}

.sprites-wave-white-reverse {
    background-position: 0 -4341px
}

.sprites-wave-white {
    background-position: 0 -4336px
}

.sprites-weather {
    background-position: 0 -2833px
}

.sprites-windy-day {
    background-position: 0 -2983px
}

.sprites-windy-night {
    background-position: 0 -3022px
}

.spritesretina-sprite {
    background: url('grinders/img/spritesretina-s27bfa6f42d.png') no-repeat
}

@font-face {
    -webkit-font-smoothing: antialiased;
    font-family: "clarendon-bold";
    src: url("grinders/fonts/clarendon_bold_condensed_bt-1-webfont.eot");
    src: url("grinders/fonts/clarendon_bold_condensed_bt-1-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../../../grinders/fonts/clarendon_bold_condensed_bt-1-webfont.woff") format("woff"), url("../../../grinders/fonts/clarendon_bold_condensed_bt-1-webfont.ttf") format("truetype"), url("../../../grinders/fonts/clarendon_bold_condensed_bt-1-webfont.svg#clarendon-bold") format("svg");
    font-weight: normal;
    font-style: "bold"
}

@font-face {
    -webkit-font-smoothing: antialiased;
    font-family: "clarendon-regular";
    src: url("../../../grinders/fonts/clarendoncondensedbq-light-1-webfont.eot");
    src: url("../../../grinders/fonts/clarendoncondensedbq-light-1-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../../../grinders/fonts/clarendoncondensedbq-light-1-webfont.woff") format("woff"), url("../../../grinders/fonts/clarendoncondensedbq-light-1-webfont.ttf") format("truetype"), url("../../../grinders/fonts/clarendoncondensedbq-light-1-webfont.svg#clarendon-regular") format("svg");
    font-weight: normal;
    font-style: "normal"
}

.cDark {
    color: #272727;
    background-color: #272727
}

.cHigh {
    color: #a77d31;
    background-color: #a77d31
}

.cDarkLight {
    color: #8a8a87;
    background-color: #8a8a87
}

.cDarkLighter {
    color: #e6e5df;
    background-color: #e6e5df
}

.cLight {
    color: white;
    background-color: white
}

.block {
    display: inline-block;
    width: 200px;
    height: 100px;
    margin-right: 20px
}

* {
    box-sizing: border-box
}

div, p, span, strong, li, small, h1, h2, h3, h4, .contact-us .container .message span {
    font-size: 14px;
    line-height: 1.286em;
    color: #272727;
    font-family: "minion-pro-n4", "minion-pro", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400
}

.h1, .h2, .h3, h3.alt, .h3alt, .locations .location-container strong, .culture .content.details .content-col .quote, div.equipment .content.details .content-col .quote, .h4, .back a, .social .nodata, .social .load-more, .social .filter a, .social .filter span, .locations .state-strip a, .contact-us .container label, .equipmentdetail .price strong, .learn .content .col2 span, .about-us .mission .item .start, h1, h2, h3, h4, .contact-us .container .message span, .h1alt, .h2alt, .h3alt, .h3big, .h4alt, p, span, strong, li, small, a, .find-cafe, .weather {
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    visibility: hidden;
    opacity: 0
}

.wf-active .h1, .wf-active .h2, .wf-active .h3, .wf-active h3.alt, .wf-active .h3alt, .wf-active .locations .location-container strong, .locations .location-container .wf-active strong, .wf-active .culture .content.details .content-col .quote, .culture .content.details .content-col .wf-active .quote, .wf-active div.equipment .content.details .content-col .quote, div.equipment .content.details .content-col .wf-active .quote, .wf-active .h4, .wf-active .back a, .back .wf-active a, .wf-active .social .nodata, .social .wf-active .nodata, .wf-active .social .load-more, .social .wf-active .load-more, .wf-active .social .filter a, .social .filter .wf-active a, .wf-active .social .filter span, .social .filter .wf-active span, .wf-active .locations .state-strip a, .locations .state-strip .wf-active a, .wf-active .contact-us .container label, .contact-us .container .wf-active label, .wf-active .equipmentdetail .price strong, .equipmentdetail .price .wf-active strong, .wf-active .learn .content .col2 span, .learn .content .col2 .wf-active span, .wf-active .about-us .mission .item .start, .about-us .mission .item .wf-active .start, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active .contact-us .container .message span, .contact-us .container .message .wf-active span, .wf-active .h1alt, .wf-active .h2alt, .wf-active .h3alt, .wf-active .h3big, .wf-active .h4alt, .wf-active p, .wf-active span, .wf-active strong, .wf-active li, .wf-active small, .wf-active a, .wf-active .find-cafe, .wf-active .weather {
    visibility: visible;
    opacity: 1
}

.box.img .wrapp {
    visibility: hidden;
    opacity: 0
}

body {
    background-color: white
}

h1, h2, h3, h4, .contact-us .container .message span, h5, h6 {
    margin-bottom: 0.5em
}

a {
    text-decoration: none;
    color: #272727;
    outline: none
}

h1, .h1, .h1alt {
    font-size: 72px;
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important
}

h2, .h2, .h2alt {
    font-family: 'clarendon-regular';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 28px;
    font-weight: bold;

}

h1.alt, h2.alt, .h2alt, .h1alt {
    font-family: "league-gothic-n4", "league-gothic", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.03em !important
}

h3, .h3, h3.alt, .h3alt, .locations .location-container strong, .culture .content.details .content-col .quote, div.equipment .content.details .content-col .quote {
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 24px
}

h3.alt, .h3alt {
    font-family: 'clarendon-regular';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important
}

h3.big, .h3big {
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 32px
}

h4, .contact-us .container .message span, .h4, .back a, .social .nodata, .social .load-more, .social .filter a, .social .filter span, .locations .state-strip a, .contact-us .container label, .equipmentdetail .price strong, .learn .content .col2 span, .about-us .mission .item .start {
    font-family: "league-gothic-n4", "league-gothic", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px
}

h4.alt, .contact-us .container .message span.alt, .h4alt {
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important
}

p {
    margin-bottom: 18px
}

hr {
    margin: 36px 0;
    border: none;
    height: 1px;
    background-color: #272727
}

.center, .equipmentdetail div.body {
    text-align: center
}

.bold {
    font-weight: bold
}

.italic {
    font-style: italic
}

textarea, input, button {
    outline: none
}

.arrow {
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    position: absolute;
    left: 67px;
    top: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #272727 transparent transparent transparent
}

.back {
    position: relative;
    z-index: 2;
    height: 62px
}

.back a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    color: white;
    padding: 22px
}

.back a span {
    background-position: 0 -4267px;
    display: block;
    height: 12px;
    width: 29px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 9px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .back a span {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4292px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.cafe, .extended-box {
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: border-color;
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    padding: 9px;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    border: 1px solid #e6e5df;
    margin-bottom: 9px
}

.cafe .heightbox, .extended-box .heightbox {
    height: 530px
}

.cafe:hover, .extended-box:hover {
    border-color: #8a8a87
}

.cafe p, .extended-box p {
    padding: 18px 0;
    margin: 0
}

.cafe .img-bg, .extended-box .img-bg {
    background-color: #272727;
    margin-bottom: 27px;
    line-height: 0
}

.cafe strong, .extended-box strong {
    color: #8a8a87
}

.cafe h3, .extended-box h3 {
    margin-bottom: 0
}

.cafe a, .extended-box a {
    background-color: #e6e5df;
    border-top: 1px dotted #8a8a87;
    display: block;
    height: 54px;
    position: relative;
    overflow: hidden
}

.cafe a span, .extended-box a span {
    position: absolute;
    top: 20px
}

.cafe a span.arr-right, .extended-box a span.arr-right {
    visibility: hidden;
    background-position: 0 -4159px;
    display: block;
    height: 13px;
    width: 30px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .cafe a span.arr-right, .extended-box a span.arr-right {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4130px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.cafe a span.arr-right-small, .extended-box a span.arr-right-small {
    background-position: 0 -4110px;
    display: block;
    height: 13px;
    width: 8px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .cafe a span.arr-right-small, .extended-box a span.arr-right-small {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4156px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.extended-box.big {
    text-align: center;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 450px
}

.extended-box.big a {
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: border-color;
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    border-top: 1px dotted #e6e5df;
    position: relative
}

.extended-box.big a div {
    position: absolute;
    width: 36px;
    height: 36px;
    overflow: hidden;
    left: 48%
}

.extended-box.big:hover a {
    border-color: #8a8a87
}

#related {
    margin: 0;
    height: 785px;
    position: relative;
    z-index: 2
}

#related .cafe {
    border-color: #272727 !important
}

#related .cafe a {
    background-color: #272727 !important
}

#related .cafe a .arr-right {
    background-position: 0 -4146px;
    display: block;
    height: 13px;
    width: 30px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #related .cafe a .arr-right {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4169px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

#related .cafe:hover {
    border-color: #8a8a87 !important
}

#related .center, #related .equipmentdetail div.body, .equipmentdetail #related div.body {
    padding: 54px 0 36px
}

#related h3, #related h4, #related .contact-us .container .message span, .contact-us .container .message #related span, #related p {
    color: #e6e5df
}

#related .rotator {
    height: 100%;
    position: relative;
    overflow: hidden
}

#related .rotator .page {
    position: absolute
}

#related nav.nav {
    width: 918px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -459px
}

#related nav.nav a {
    color: red;
    position: absolute;
    top: 350px;
    width: 50px;
    height: 50px
}

#related nav.nav a span {
    margin: 20px 10px
}

#related nav.nav a.left {
    left: -60px
}

#related nav.nav a.left span {
    background-position: 0 -4267px;
    display: block;
    height: 12px;
    width: 29px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #related nav.nav a.left span {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4292px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

#related nav.nav a.right {
    right: -60px
}

#related nav.nav a.right span {
    background-position: 0 -4279px;
    display: block;
    height: 13px;
    width: 30px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #related nav.nav a.right span {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4219px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.wave {
    background: url("grinders/img/sprites/wave-grey-blends.png") repeat 0 0;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 4
}

div.wave.creme {
    background: url("grinders/img/sprites/wave-creme.png") repeat 0 0
}

div.wave.white {
    background: url("grinders/img/sprites/wave-white.png") repeat 0 0
}

div.wave.creme-reverse {
    background: url("grinders/img/sprites/wave-creme-reverse.png") repeat 0 0;
    background-color: transparent
}

div.wave.white-reverse {
    background: url("grinders/img/sprites/wave-white-reverse.png") repeat 0 0;
    background-color: transparent;
    height: 5px;
    bottom: 1px
}

.waveer {
    width: 100%
}

.waveer .wave {
    position: relative;
    display: block
}

.gallery {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 560px
}

.gallery .image {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute
}

.gallery .image img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%
}

.gallery .image .content {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -459px;
    margin-top: -150px
}

.gallery .image .content h1 {
    text-shadow: 0px 0px 60px #272727
}

.gallery .image .content h1, .gallery .image .content p {
    color: white
}

.gallery .image .content h1 {
    margin: 0;
    letter-spacing: 0.03em
}

.gallery .image .content p {
    text-shadow: 0px 0px 30px #272727;
    margin: 0 auto;
    width: 300px;
    margin-bottom: 27px
}

.gallery nav.bullet {
    z-index: 7;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 30px
}

.gallery nav.bullet a {
    background-position: 0 -4257px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 9px;
    color: transparent;
    font-weight: bold;
    text-indent: -9000px
}

.gallery nav.bullet a:active, .gallery nav.bullet a.feature-dot-white_active, .gallery nav.bullet a.feature-dot-white-active {
    background-position: 0 -4211px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .gallery nav.bullet a {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4120px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.gallery nav.bullet a.active, .gallery nav.bullet a:hover {
    background-position: 0 -4211px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .gallery nav.bullet a.active, .gallery nav.bullet a:hover {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -3298px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.g2 .mover {
    background-color: #2b2b2b
}

.g2 .mover .image img {
    width: 1200px !important
}

.g2 .mover .image .content-right {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 450px;
    position: relative;
    left: 459px;
    text-align: left
}

.g2 .mover .image .content-right h1 {
    text-shadow: 0px 0px 60px #272727
}

.g2 .mover .image .content-right h1, .g2 .mover .image .content-right p {
    color: white
}

.g2 .mover .image .content-right h1 {
    margin: 0;
    letter-spacing: 0.03em
}

.g2 .mover .image .content-right p {
    text-shadow: 0px 0px 30px #272727;
    margin: 0 auto;
    width: 300px;
    margin-bottom: 27px
}

.g2 .mover .image .content-right strong {
    color: white;
    display: block;
    width: 100%
}

.g2 .mover .image .content-right p {
    width: 100%;
    padding: 0 36px 0 0
}

.g2 .mover .image .content-right .icon1 {
    background-position: 0 -1361px;
    display: block;
    height: 100px;
    width: 71px;
    margin-bottom: 9px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .g2 .mover .image .content-right .icon1 {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -1361px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.g2 .mover .image .content-right .text {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    margin-left: 0
}

.g2 .mover .image .content-right .text p {
    padding-top: 22.5px
}

.g2 .mover .image .content-right .text p span {
    font-size: 18px;
    font-family: "league-gothic-n4", "league-gothic", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    margin-left: 9px
}

.g2 .mover .image .content-right .list {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    margin-right: 0;
    border-top: 1px solid white
}

.g2 .mover .image .content-right .list div {
    padding: 9px 0 18px
}

.g2 .mover .image .content-right .list span {
    background-position: 0 -4196px;
    display: block;
    height: 15px;
    width: 15px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .g2 .mover .image .content-right .list span {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4105px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.g2 .mover .image .content-right .list span.inactive {
    background-position: 0 -3274px;
    display: block;
    height: 15px;
    width: 15px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px
}

.g2 .mover .image .content-right .list span.inactive:active, .g2 .mover .image .content-right .list span.inactive.strenght-module_active, .g2 .mover .image .content-right .list span.inactive.strenght-module-active {
    background-position: 0 -4196px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .g2 .mover .image .content-right .list span.inactive {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -3258px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.g2 .mover .image .content-right .list strong {
    text-transform: uppercase;
    font-size: 14px;
    font-family: "minion-pro-n4", "minion-pro", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400
}

.g2 .mover .image .content-right .how-to-make {
    border-top: 1px solid white
}

.g2 .mover .image .content-right .how-to-make em.option-caffettiera {
    background-position: 0 -2702px;
    display: block;
    height: 32px;
    width: 19px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .g2 .mover .image .content-right .how-to-make em.option-caffettiera {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -2755px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.g2 .mover .image .content-right .how-to-make em.option-espresso {
    background-position: 0 -2853px;
    display: block;
    height: 32px;
    width: 29px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .g2 .mover .image .content-right .how-to-make em.option-espresso {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -2852px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.g2 .mover .image .content-right .how-to-make em.option-plunger {
    background-position: 0 -2612px;
    display: block;
    height: 32px;
    width: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .g2 .mover .image .content-right .how-to-make em.option-plunger {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -2613px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.g2 .mover .image .content-right .how-to-make em.option-storage {
    background-position: 0 -3274px;
    display: block;
    height: 15px;
    width: 15px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px
}

.g2 .mover .image .content-right .how-to-make em.option-storage:active, .g2 .mover .image .content-right .how-to-make em.option-storage.strenght-module_active, .g2 .mover .image .content-right .how-to-make em.option-storage.strenght-module-active {
    background-position: 0 -4196px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .g2 .mover .image .content-right .how-to-make em.option-storage {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -3258px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.g2 .mover .image .content-right .how-to-make p {
    margin-top: 18px;
    font-size: 12px
}

.g2 .mover .image .content-right .how-to-make em {
    margin-top: 9px !important
}

.g2 .mover .image .content-right .type {
    border-bottom: 1px solid white;
    position: relative;
    height: 54px
}

.g2 .mover .image .content-right .type strong {
    position: absolute;
    top: 9px;
    left: 36px;
    display: block
}

.g2 .mover .image .content-right .type em.beans {
    background-position: 0 -2810px;
    display: block;
    height: 23px;
    width: 23px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px;
    margin-top: 5px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .g2 .mover .image .content-right .type em.beans {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -2809px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.g2.blends .content-right .text p {
    margin-bottom: 9px
}

.g2.blends .content-right .text a {
    margin-top: 27px
}

button.button, .button {
    color: #272727;
    height: 48px;
    background-color: #a77d31;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 4.5px;
    letter-spacing: 0.03em;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-family: "league-gothic-n4", "league-gothic", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400
}

button.button:before, .button:before {
    content: "";
    background-position: 0 -4034px;
    display: block;
    height: 48px;
    width: 26px;
    position: absolute;
    left: -26px;
    top: 0px
}

button.button:before:active, button.button:before.button-left_active, button.button:before.button-left-active, .button:before:active, .button:before.button-left_active, .button:before.button-left-active {
    background-position: 0 -3986px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    button.button:before, .button:before {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4058px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

button.button:after, .button:after {
    content: "";
    background-position: 0 -3650px;
    display: block;
    height: 48px;
    width: 26px;
    position: absolute;
    top: 0px;
    right: -26px
}

button.button:after:active, button.button:after.button-right_active, button.button:after.button-right-active, .button:after:active, .button:after.button-right_active, .button:after.button-right-active {
    background-position: 0 -3698px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    button.button:after, .button:after {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -3630px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

button.button:hover, .button:hover {
    background-color: #272727;
    color: #a77d31
}

button.button:hover:before, .button:hover:before {
    background-position: 0 -3986px;
    display: block;
    height: 48px;
    width: 26px;
    top: 0px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    button.button:hover:before, .button:hover:before {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -3725px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

button.button:hover:after, .button:hover:after {
    background-position: 0 -3698px;
    display: block;
    height: 48px;
    width: 26px;
    top: 0px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    button.button:hover:after, .button:hover:after {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -3678px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

a.button {
    margin-left: 28px;
    padding-top: 16px
}

.map, .enter-postcode {
    overflow: hidden;
    background-color: white !important;
    width: 100%;
    height: 523px;
    position: relative;
    position: relative
}

.map.enter-postcode, .enter-postcode.enter-postcode {
    text-align: center;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    float: none;
    display: block;
    margin: 0 auto;
    height: auto
}

.map.enter-postcode input, .map.enter-postcode button, .enter-postcode.enter-postcode input, .enter-postcode.enter-postcode button {
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: border-color;
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    border: 2px solid white;
    width: 80px;
    height: 80px;
    margin-bottom: 27px
}

.map.enter-postcode input:active, .map.enter-postcode input:focus, .map.enter-postcode button:active, .map.enter-postcode button:focus, .enter-postcode.enter-postcode input:active, .enter-postcode.enter-postcode input:focus, .enter-postcode.enter-postcode button:active, .enter-postcode.enter-postcode button:focus {
    border: 2px solid #a77d31
}

.map.enter-postcode button, .enter-postcode.enter-postcode button {
    border: none !important
}

.map.enter-postcode p, .enter-postcode.enter-postcode p {
    margin-bottom: 0;
    padding: 27px 243px
}

.map.map p, .enter-postcode.map p {
    padding: 27px 9px
}

.map.map .enter-postcode, .enter-postcode.map .enter-postcode {
    background-color: transparent !important
}

.map.map input, .enter-postcode.map input {
    border-color: #e6e5df
}

.map input, .map input[type="submit"], .map button, .enter-postcode input, .enter-postcode input[type="submit"], .enter-postcode button {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-color: #e6e5df;
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    width: 80px;
    height: 80px !important;
    font-size: 36px;
    text-align: center;
    border: none;
    color: #8a8a87;
    margin-right: 4.5px
}

.map button, .enter-postcode button {
    position: relative;
    background-color: #a77d31;
    border: none !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 0
}

.map button span, .enter-postcode button span {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -6.5px;
    background-position: 0 -4159px;
    display: block;
    height: 13px;
    width: 30px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .map button span, .enter-postcode button span {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4130px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.map button:hover, .enter-postcode button:hover {
    background-color: #272727;
    border-color: #272727 !important
}

.map button:hover span, .enter-postcode button:hover span {
    background-position: 0 -4183px;
    display: block;
    height: 13px;
    width: 30px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .map button:hover span, .enter-postcode button:hover span {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4143px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.map .content, .enter-postcode .content {
    vertical-align: middle;
    width: 500px;
    margin: 0 auto;
    text-align: center;
    padding: 108px 27px 0
}

.map .content h1, .enter-postcode .content h1 {
    letter-spacing: 0em;
    line-height: 1em;
    margin-bottom: 0.2em
}

.map .content strong, .enter-postcode .content strong {
    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
    line-height: 1.1em;
    width: 100%;
    max-width: 330px
}

.map .content p, .enter-postcode .content p {
    width: 100%;
    max-width: 324px;
    margin: 0 auto 27px;
    padding-top: 4px
}

.map .content h1, .map .content strong, .map .content p, .enter-postcode .content h1, .enter-postcode .content strong, .enter-postcode .content p {
    color: white
}

.map img, .enter-postcode img {
    position: absolute;
    width: 100%;
    left: 0;
    top: -10%
}

.map #map, .enter-postcode #map {
    height: 100%
}

.lt-ie9 .map button span, .lt-ie9 .enter-postcode button span {
    margin-top: -50px !important
}

.lt-ie9 .map input, .lt-ie9 .enter-postcode input {
    padding-top: 23px;
    min-height: 50px
}

div.video {
    position: relative;
    height: 530px;
    overflow: hidden
}

div.video .video-box, div.video .content {
    width: 50%;
    position: absolute;
    height: 100%;
    overflow: hidden
}

div.video .content {
    right: 0
}

div.video .content h1 {
    color: white;
    width: 420px;
    line-height: 1em;
    letter-spacing: 0em;
    margin-bottom: 13.5px
}

div.video .content p {
    width: 420px;
    color: white;
    margin-bottom: 31.5px
}

div.video .video-box {
    position: relative;
    left: 25%;
    margin-left: -225px;
    -webkit-box-shadow: 0px 0px 100px #363636;
    -moz-box-shadow: 0px 0px 100px #363636;
    box-shadow: 0px 0px 100px #363636;
    width: 450px;
    height: 250px;
    top: 50%;
    margin-top: -125px !important
}

div.video .video-box img, div.video .video-box iframe, div.video .video-box a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

div.video .video-box a.play {
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background-position: 0 -1864px;
    display: block;
    height: 72px;
    width: 72px;
    text-indent: -9000px
}

div.video .video-box a.play:active, div.video .video-box a.play.video-play_active, div.video .video-box a.play.video-play-active {
    background-position: 0 -1936px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.video .video-box a.play {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -1864px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.video .video-box .active {
    z-index: 3
}

div.video .image img {
    width: 120%;
    position: absolute;
    left: 50%;
    top: 50%;
    box-shadow: 10px 10px 5px #888
}

.social {
    background-color: #e6e5df !important
}

.social .nodata {
    text-align: center
}

.social hr {
    border-bottom: 1px solid #272727;
    border-top: 1px solid #272727;
    height: 4.5px;
    display: block;
    width: 99%;
    clear: both;
    margin-right: 9px;
    margin-left: 4.5px;
    background-color: transparent;
    margin-bottom: 18px
}

.social hr:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.social #add-here {
    margin-bottom: 36px !important;
    clear: both
}

.social #add-here:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.social .load-more {
    display: block;
    width: 200px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase
}

.social .container {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    width: 918px;
    float: none;
    margin: 0 auto;
    display: block;
    padding-bottom: 36px
}

.social h1 {
    margin-top: 54px;
    margin-bottom: 0.5em
}

.social .center p, .social .equipmentdetail div.body p, .equipmentdetail .social div.body p {
    width: 480px;
    margin: 0 auto
}

.social .center p span, .social .equipmentdetail div.body p span, .equipmentdetail .social div.body p span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    line-height: 4em
}

.social .filter {
    margin-bottom: 36px
}

.social .filter a, .social .filter span {
    text-transform: uppercase;
    padding: 0 4.5px
}

.social .filter a span:before, .social .filter span span:before {
    content: "";
    background-position: 0 -4360px;
    display: block;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-right: 4.5px
}

.social .filter a span:before:active, .social .filter a span:before.filter_active, .social .filter a span:before.filter-active, .social .filter span span:before:active, .social .filter span span:before.filter_active, .social .filter span span:before.filter-active {
    background-position: 0 -4346px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .social .filter a span:before, .social .filter span span:before {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4370px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.social .filter a.active span:before {
    background-position: 0 -4346px;
    display: block;
    height: 14px;
    width: 14px;
    display: inline-block
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .social .filter a.active span:before {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4350px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

body {
    min-width: 980px;
    margin-top: 217px
}

img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.out, .fullscreen {
    min-width: 980px;
    width: 100%;
    padding: 0;
    background-color: #272727
}

.out.creme, .out.white, .fullscreen.creme, .fullscreen.white {
    background-color: #e6e5df;
    z-index: 4;
    position: relative
}

.out.white, .fullscreen.white {
    background-color: white
}

.container {
    padding-top: 36px;
    margin-left: auto;
    margin-right: auto;
    width: 918px
}

.container:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.box {
    cursor: pointer;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    border: 1px solid #8a8a87;
    padding: 9px;
    height: 297px;
    margin-bottom: 9px;
    overflow: hidden;
    visibility: hidden
}

.box .wrapp {
    overflow: hidden !important
}

.box.large {
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: border-color;
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 603px;
    position: relative
}

.box.large:hover {
    border-color: #272727
}

.box.large strong {
    font-family: "league-gothic-n4", "league-gothic", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px
}

.box.large strong span {
    font-family: inherit;
    font-size: inherit;
    color: #8a8a87;
    text-transform: uppercase
}

.box.large .content {
    margin-top: 7px
}

.box.large p {
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 24px;
    padding: 9px 0;
    margin-bottom: 0;
    line-height: 1.286em
}

.box.large a {
    position: absolute;
    bottom: 18px
}

.box.large a span {
    position: absolute;
    top: 20px
}

.box.large a span.arr-right {
    visibility: hidden;
    background-position: 0 -4159px;
    display: block;
    height: 13px;
    width: 30px;
    top: 0px !important
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .box.large a span.arr-right {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4130px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.box.large a span.arr-right-small {
    background-position: 0 -4110px;
    display: block;
    height: 13px;
    width: 8px;
    top: 0px !important
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .box.large a span.arr-right-small {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4156px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.box a {
    display: block;
    position: absolute;
    bottom: 36px;
    width: 35px;
    height: 30px;
    overflow: hidden
}

.box a span.arr-right {
    position: absolute;
    top: 15px;
    background-position: 0 -4183px;
    display: block;
    height: 13px;
    width: 30px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .box a span.arr-right {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -4143px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.box.alpha {
    margin-left: 0;
    clear: both
}

.box.omega {
    margin-right: 0
}

.box .wrapp {
    width: 100%;
    height: 100%;
    border: 1px dotted #8a8a87
}

.box .content {
    padding: 9px
}

.box.high, .box.img {
    border: 1px solid #a77d31;
    background-color: #272727
}

.box.high .wrapp, .box.img .wrapp {
    border-color: #a77d31
}

.box.high p, .box.high div, .box.high strong, .box.img p, .box.img div, .box.img strong {
    color: #a77d31
}

.box.img {
    position: relative;
    border: none;
    padding: 9px
}

.box.img p, .box.img div, .box.img h3, .box.img strong {
    color: #a77d31 !important
}

.box.img img {
    position: absolute;
    top: 0;
    left: 0
}

.box.img .wrapp {
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
    height: 279px;
    width: 279px;
    margin: 9px
}

.box.tweet, .box.img, .box.face {
    position: relative;
    text-align: center
}

.box.tweet p, .box.img p, .box.face p {
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 24px;
    padding: 9px 18px;
    margin-bottom: 0
}

.box.tweet a, .box.img a, .box.face a {
    left: 50%;
    margin-left: -15px
}

.box.tweet .tweeticon, .box.img .tweeticon, .box.face .tweeticon {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    background-position: 0 -2556px;
    display: block;
    height: 28px;
    width: 33px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .box.tweet .tweeticon, .box.img .tweeticon, .box.face .tweeticon {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -2557px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.box.tweet .faceicon, .box.img .faceicon, .box.face .faceicon {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    background-position: 0 -2885px;
    display: block;
    height: 27px;
    width: 33px
}

.box.tweet .faceicon:active, .box.tweet .faceicon.facebook_active, .box.tweet .faceicon.facebook-active, .box.img .faceicon:active, .box.img .faceicon.facebook_active, .box.img .faceicon.facebook-active, .box.face .faceicon:active, .box.face .faceicon.facebook_active, .box.face .faceicon.facebook-active {
    background-position: 0 -2912px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .box.tweet .faceicon, .box.img .faceicon, .box.face .faceicon {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -2988px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.box.tweet .instaicon, .box.img .instaicon, .box.face .instaicon {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    background-position: 0 -2673px;
    display: block;
    height: 29px;
    width: 30px
}

.box.tweet .instaicon:active, .box.tweet .instaicon.instagram_active, .box.tweet .instaicon.instagram-active, .box.img .instaicon:active, .box.img .instaicon.instagram_active, .box.img .instaicon.instagram-active, .box.face .instaicon:active, .box.face .instaicon.instagram_active, .box.face .instaicon.instagram-active {
    background-position: 0 -2644px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .box.tweet .instaicon, .box.img .instaicon, .box.face .instaicon {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -2645px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.container.long .box.large {
    width: 100% !important
}

.clear {
    clear: both
}

.hidden {
    visibility: hidden
}

.break-content {
    height: 100%
}

.weather {
    cursor: pointer
}

.no-cursor {
    cursor: default
}

header {
    padding-top: 0 !important;
    background-color: white;
    width: 100% !important;
    z-index: 100;
    top: 0;
    position: absolute;
    border-bottom: 1px solid #e6e5df
}

header .open-postcode {
    font-size: 18px !important
}

header .header {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    margin: 0 auto;
    float: none;
    display: block;
    position: relative;
    border-top: 9px #272727 solid;
    height: 216px;
    padding-top: 9px !important
}

header .mini-logo {
    visibility: hidden;
    position: absolute;
    z-index: 5;
    bottom: 30px;
    left: 50%;
    margin-left: -10px
}

header .mini-logo a {
    background-position: 0 -2260px;
    display: block;
    height: 46px;
    width: 21px;
    text-indent: -9000px;
    margin: 32px auto 0
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .mini-logo a {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -2226px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .find-cafe {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    margin-left: 0
}

header .find-cafe a {
    display: block
}

header .find-cafe div {
    position: relative;
    height: 36px;
    border-bottom: 1px solid #8a8a87;
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 14px;
    padding: 11px 0 9px 50px
}

header .find-cafe div span {
    position: absolute;
    left: 9px;
    top: 9px;
    display: block;
    width: 35px;
    height: 35px;
    background-position: 0 -3005px;
    display: block;
    height: 17px;
    width: 16px
}

header .find-cafe div span:active, header .find-cafe div span.search_active, header .find-cafe div span.search-active {
    background-position: 0 -3044px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .find-cafe div span {
        background-image: url('grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -2905px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .find-cafe div span:after {
    background: url(grinders/img/sprites/dotted-line-corner-top-left.png) repeat;
    position: absolute;
    content: "";
    left: 27px;
    top: -2px;
    width: 2px;
    height: 23px !important;
    background-repeat: repeat-y !important
}

header .find-cafe p {
    position: relative;
    padding-top: 9px;
    padding-bottom: 5px;
    margin-bottom: 3px
}

header .weather {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    position: relative;
    margin-right: 0
}

header .weather .celsius {
    width: 100%;
    padding-left: 32px;
    padding-top: 3px;
    padding-bottom: 2px;
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 14px;
    border-bottom: 1px solid #8a8a87
}

header .weather .celsius span, header .weather .celsius sup {
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 24px
}

header .weather .celsius span {
    position: relative;
    display: inline-block;
    width: 42px;
    margin-right: 18px
}

header .weather .celsius span:after {
    background: url(grinders/img/sprites/dotted-line-corner-top-left.png) repeat;
    position: absolute;
    content: "";
    left: 53px;
    top: 4px;
    width: 2px;
    height: 23px !important;
    background-repeat: repeat-y !important
}

header .weather .celsius span:before {
    display: block;
    content: "";
    position: absolute;
    top: 6px;
    left: -31px
}

header .weather .celsius span.rain-cloud-day:before {
    background-position: 0 -3116px;
    display: block;
    height: 19px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.rain-cloud-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3149px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.rain-cloud-night:before {
    background-position: 0 -3135px;
    display: block;
    height: 19px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.rain-cloud-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3168px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.windy-day:before {
    background-position: 0 -2983px;
    display: block;
    height: 22px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.windy-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2944px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.windy-night:before {
    background-position: 0 -3022px;
    display: block;
    height: 22px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.windy-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2966px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.thunder-day:before {
    background-position: 0 -3061px;
    display: block;
    height: 18px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.thunder-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3059px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.thunder-night:before {
    background-position: 0 -3079px;
    display: block;
    height: 18px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.thunder-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3077px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.snow-day:before {
    background-position: 0 -3232px;
    display: block;
    height: 19px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.snow-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3187px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.snow-night:before {
    background-position: 0 -3195px;
    display: block;
    height: 19px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.snow-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3206px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.rain-part-cloudy-day:before {
    background-position: 0 -2939px;
    display: block;
    height: 22px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.rain-part-cloudy-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2883px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.rain-part-cloudy-night:before {
    background-position: 0 -2961px;
    display: block;
    height: 22px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.rain-part-cloudy-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2922px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.part-cloudy-day:before {
    background-position: 0 -3177px;
    display: block;
    height: 18px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.part-cloudy-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3114px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.part-cloudy-night:before {
    background-position: 0 -3214px;
    display: block;
    height: 18px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.part-cloudy-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3132px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.comp-cloudy-day:before {
    background-position: 0 -4082px;
    display: block;
    height: 15px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.comp-cloudy-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3308px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.comp-cloudy-night:before {
    background-position: 0 -3635px;
    display: block;
    height: 15px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.comp-cloudy-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3283px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.clear-day:before {
    background-position: 0 -3097px;
    display: block;
    height: 19px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.clear-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3095px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius span.clear-night:before {
    background-position: 0 -4305px;
    display: block;
    height: 11px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .weather .celsius span.clear-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4208px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header .weather .celsius sup {
    position: absolute;
    vertical-align: top;
    font-size: 0.5em;
    top: -5px;
    right: 12px
}

header .weather .celsius {
    position: relative;
    font-size: 18px !important
}

header .weather .col {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    padding-top: 9px
}

header .weather .col.first {
    margin-left: 0;
    position: relative
}

header .weather .col.last {
    margin-right: 0;
    position: relative
}

header .weather .col.last:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

header .weather hr {
    position: absolute;
    top: 89px;
    width: 100%
}

header .logo {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    position: relative;
    z-index: 10;

}

header .logo a {
    background-color : white;
    background-position: 0 -153px;
    display: block;
    height: 153px !important;
    width: 160px;
    text-indent: -9000px;
    margin: 21px auto 0;
    position: relative;
    z-index: 10;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    header .logo a {
        background-color : white;
        background-image: url('/grinders/img/spritesretina-s27bfa6f42d.png');
        background-position: 0 -153px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

header nav {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    margin-left: 0;
    margin-right: 0;
    height: 80px;
    overflow: hidden;
    position: absolute !important;
    top: 146px;
    left: 0
}

header nav a {
    font-family: "league-gothic-n4", "league-gothic", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.04em;
    font-size: 18px;
    position: absolute;
    text-transform: uppercase
}

header nav a.about {
    left: 0
}

header nav a.source {
    left: 74px
}

header nav a.blends {
    left: 157px
}

header nav a.lygonst {
    left: 246px
}

header nav a.latest {
    right: 104px
}

header nav a.latest span {
    right: 0
}

header nav a.cafe-culture {
    right: 161px
}

header nav a.cafe-culture span {
    right: 0
}

header nav a.learn {
    right: 98px
}

header nav a.learn span {
    right: 0
}

header nav a.equipment {
    right: 0
}

header nav a.equipment span {
    right: 0
}

header nav a span {
    position: absolute;
    top: 23px;
    height: 1px;
    display: block;
    width: 0px;
    background-color: #272727;
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: width;
    -moz-transition-property: width;
    -o-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

header nav a:hover span, header nav a.active span {
    width: 100% !important
}

header hr {
    padding: 0;
    margin: 0;
    height: 4px;
    border-top: 1px solid #8a8a87;
    border-bottom: 1px solid #8a8a87;
    background-color: transparent
}

header .enter-postcode {
    height: 220px !important
}

footer {
    position: relative;
    z-index: 2;
    background-color: white
}

footer div.foot {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    float: none;
    display: block;
    margin: 0 auto;
    clear: both;
    position: relative;
    padding-top: 45px;
    background: white
}

footer div.foot strong {
    font-family: "minion-pro-n4", "minion-pro", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase !important;
    margin-bottom: 18px;
    display: block
}

footer div.foot .logo {
    background-position: 0 0;
    display: block;
    height: 153px !important;
    width: 90px;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    margin-left: 0
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    footer div.foot .logo {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 0;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

footer div.foot .about {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 450px;
    padding: 0 27px 0 9px
}

footer div.foot .about p {
    font-size: 13px !important;
    line-height: 17px
}

footer div.foot .about p em {
    font-style: italic
}

footer div.foot .about .col1 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    margin-left: 0
}

footer div.foot .about .col2 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    margin-right: 0
}

footer div.foot .about a {
    display: block;
    text-decoration: underline;
    margin-bottom: 4.5px
}

footer div.foot .sociallinks {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    margin-right: 0
}

footer div.foot .sociallinks:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

footer div.foot .sociallinks p {
    font-size: 13px !important;
    line-height: 17px
}

footer div.foot .sociallinks div {
    margin-top: 27px
}

footer div.foot .sociallinks div a {
    text-indent: -9000px;
    margin-right: 9px
}

footer div.foot .sociallinks div a.face {
    background-position: 0 -2306px;
    display: block;
    height: 36px;
    width: 36px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

footer div.foot .sociallinks div a.face:active, footer div.foot .sociallinks div a.face.social-facebook_active, footer div.foot .sociallinks div a.face.social-facebook-active {
    background-position: 0 -2224px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    footer div.foot .sociallinks div a.face {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2345px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

footer div.foot .sociallinks div a.face:hover {
    background-position: 0 -2224px;
    display: block;
    height: 36px;
    width: 36px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    footer div.foot .sociallinks div a.face:hover {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2272px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

footer div.foot .sociallinks div a.tweet {
    background-position: 0 -2116px;
    display: block;
    height: 36px;
    width: 36px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

footer div.foot .sociallinks div a.tweet:active, footer div.foot .sociallinks div a.tweet.social-twitter_active, footer div.foot .sociallinks div a.tweet.social-twitter-active {
    background-position: 0 -2008px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    footer div.foot .sociallinks div a.tweet {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2010px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

footer div.foot .sociallinks div a.tweet:hover {
    background-position: 0 -2008px;
    display: block;
    height: 36px;
    width: 36px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    footer div.foot .sociallinks div a.tweet:hover {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2082px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

footer div.foot .sociallinks div a.insta {
    background-position: 0 -2188px;
    display: block;
    height: 36px;
    width: 36px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

footer div.foot .sociallinks div a.insta:active, footer div.foot .sociallinks div a.insta.social-instagram_active, footer div.foot .sociallinks div a.insta.social-instagram-active {
    background-position: 0 -2080px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    footer div.foot .sociallinks div a.insta {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2118px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

footer div.foot .sociallinks div a.insta:hover {
    background-position: 0 -2080px;
    display: block;
    height: 36px;
    width: 36px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    footer div.foot .sociallinks div a.insta:hover {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2046px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

footer div.foot .sociallinks div a.mail {
    background-position: 0 -2044px;
    display: block;
    height: 36px;
    width: 36px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

footer div.foot .sociallinks div a.mail:active, footer div.foot .sociallinks div a.mail.social-mail_active, footer div.foot .sociallinks div a.mail.social-mail-active {
    background-position: 0 -2152px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    footer div.foot .sociallinks div a.mail {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2154px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

footer div.foot .sociallinks div a.mail:hover {
    background-position: 0 -2152px;
    display: block;
    height: 36px;
    width: 36px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    footer div.foot .sociallinks div a.mail:hover {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2190px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

footer div.foot .bottom {
    position: relative;
    clear: both;
    margin-top: 36px;
    border-top: 1px solid #272727;
    padding: 27px 0
}

footer div.foot .bottom:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

footer div.foot .bottom .copy {
    font-size: 13px !important
}

footer div.foot .bottom a {
    position: absolute;
    right: 0;
    top: 0;
    padding: 27px 27px 33px
}

footer div.foot .bottom a span {
    margin-top: 5px;
    background-position: 0 -4221px;
    display: block;
    height: 7px;
    width: 12px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    footer div.foot .bottom a span {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4232px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

footer div.foot .bottom a:hover span {
    background-position: 0 -4239px;
    display: block;
    height: 7px;
    width: 12px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    footer div.foot .bottom a:hover span {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4250px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

footer div.foot .bottom a:before {
    position: absolute;
    background: url(/grinders/img/sprites/dotted-line-corner-top-left.png) repeat;
    content: "";
    left: 0;
    top: 0px;
    width: 2px;
    height: 72px !important;
    background-repeat: repeat-y !important
}

#locationmap {
    height: 300px !important;
    background-color: #e6e5df
}

#locationmap .leaflet-bottom.leaflet-right {
    bottom: 19px
}

div.close {
    background-color: #e6e5df;
    position: relative;
    z-index: 2
}

div.close a {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -18px
}

div.close a span {
    background-position: 0 -2756px;
    display: block;
    height: 22px;
    width: 36px
}

div.close a span:active, div.close a span.arrow-close-white_active, div.close a span.arrow-close-white-active {
    background-position: 0 -2734px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.close a span {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2787px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.locations {
    overflow: hidden;
    height: 0px;
    border-top: 9px solid white;
    background: white;
    z-index: 3;
    position: relative
}

.locations .arrow-strip {
    margin-top: -18px;
    height: 18px;
    position: relative;
    z-index: 9997
}

.locations .arrow-strip:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.locations .arrow-strip span {
    display: block;
    height: 18px;
    position: absolute
}

.locations .arrow-strip .left, .locations .arrow-strip .right {
    width: 49%;
    background-color: #272727
}

.locations .arrow-strip .left {
    left: 0;
    position: relative
}

.locations .arrow-strip .left:after {
    content: " ";
    display: block;
    background-position: 0 -4398px;
    display: block;
    height: 18px;
    width: 22px;
    width: 22px;
    height: 18px;
    position: absolute;
    right: -22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .locations .arrow-strip .left:after {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4332px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.locations .arrow-strip .right {
    right: 0
}

.locations .state-strip {
    text-align: center;
    background-color: #272727
}

.locations .state-strip a {
    color: white;
    text-transform: uppercase;
    padding: 0 0 18px 0;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

.locations .state-strip a:first-child:before {
    content: ""
}

.locations .state-strip a:before {
    content: " / ";
    margin: 0 4.5px;
    color: #8a8a87
}

.locations .location-container {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    position: relative;
    margin: 0 auto;
    float: none;
    display: block;
    position: relative;
    height: 200px
}

.locations .location-container strong {
    display: block;
    padding: 18px;
    text-align: center;
    clear: both
}

.locations .location-container .state-container {
    background-color: white;
    position: absolute;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 756px;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    padding-left: 153px;
    z-index: 9998
}

.locations .location-container .state-container .cwrap {
    overflow: hidden;
    position: relative;
    height: 200px;
    border-bottom: 1px solid #e6e5df
}

.locations .location-container .state-container.active {
    z-index: 9999
}

.locations .location-container .state-container nav {
    bottom: 18px !important
}

.locations .location-container .state-container nav.bullet {
    z-index: 7;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 30px
}

.locations .location-container .state-container nav.bullet a {
    background-position: 0 -4123px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 9px;
    color: transparent;
    font-weight: bold;
    text-indent: -9000px
}

.locations .location-container .state-container nav.bullet a:active, .locations .location-container .state-container nav.bullet a.feature-dot_active, .locations .location-container .state-container nav.bullet a.feature-dot-active {
    background-position: 0 -3625px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .locations .location-container .state-container nav.bullet a {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3273px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.locations .location-container .state-container nav.bullet a.active, .locations .location-container .state-container nav.bullet a:hover {
    background-position: 0 -3625px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .locations .location-container .state-container nav.bullet a.active, .locations .location-container .state-container nav.bullet a:hover {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3248px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.locations .location-container .state-container nav.bullet a:first-child {
    margin-left: -160px
}

.locations .location-container .office {
    position: absolute;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 603px
}

.locations .location-container .office .address, .locations .location-container .office .opening-hours {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    width: 164px
}

.locations .location-container .office .contact-details {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    width: 277px
}

.locations .location-container .office .address {
    margin-left: 0
}

.locations .location-container .office .opening-hours {
    margin-left: 0;
    margin-right: 0;
    width: 144px !important
}

.locations .location-container .office span {
    display: block
}

.contact-us {
    height: 0;
    overflow: hidden;
    z-index: 2;
    position: relative;
    background-color: white
}

.contact-us .container {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    margin: 0 auto;
    float: none;
    display: block
}

.contact-us .container .col1, .contact-us .container .col2 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    width: 220px;
    padding-right: 27px
}

.contact-us .container .col1 {
    margin-left: 0
}

.contact-us .container .col2 {
    padding-right: 18px
}

.contact-us .container .col3 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 450px;
    margin-right: 0;
    padding-left: 9px
}

.contact-us .container label {
    display: block;
    text-transform: uppercase;
    line-height: 1.286em
}

.contact-us .container input, .contact-us .container textarea {
    width: 100%;
    border: 1px solid #272727;
    padding: 7px
}

.contact-us .container .parsley-error {
    border: 1px solid #a77d31;
    background-color: #e6e5df
}

.contact-us .container textarea {
    height: 174px
}

.contact-us .container .row {
    margin-bottom: 18px
}

.contact-us .container .row ul {
    display: none !important
}

.contact-us .container .message {
    height: 54px
}

.contact-us .container .message span {
    padding-bottom: 27px;
    display: block;
    color: #a77d31
}

.contact-us .container strong {
    text-align: center;
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    padding: 36px 0
}

.contact-us .container .form-bottom {
    padding-top: 27px
}

.fullscreen.social {
    min-height: 100px;
    position: relative;
    padding-bottom: 36px
}

.fullscreen.social .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -16px
}

.fullscreen.blends.home .image {
    opacity: 0;
    filter: alpha(opacity=0)
}

div.blends .image .content-right h1 {
    text-shadow: none
}

.fullscreen.gallery .image {
    opacity: 0;
    filter: alpha(opacity=0)
}

.fullscreen.map a.button, .fullscreen.gallery a.button {
    margin-left: 0
}

.fullscreen.source {
    position: relative
}

.fullscreen.source .content {
    position: relative
}

.fullscreen.source .content nav.nav {
    width: 918px;
    position: absolute;
    margin: 0 auto;
    top: 0;
    z-index: 4;
    left: 50%;
    margin-left: -459px
}

.fullscreen.source .content nav.nav a {
    width: 100px;
    position: absolute;
    display: block;
    top: 250px
}

.fullscreen.source .content nav.nav a span {
    margin-bottom: 9px
}

.fullscreen.source .content nav.nav a.left {
    left: -118px;
    text-align: right
}

.fullscreen.source .content nav.nav a.left span {
    background-position: 0 -4172px;
    display: block;
    height: 11px;
    width: 29px;
    margin-left: 73px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .content nav.nav a.left span {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4257px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .content nav.nav a.right {
    right: -118px
}

.fullscreen.source .content nav.nav a.right span {
    background-position: 0 -4159px;
    display: block;
    height: 13px;
    width: 30px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .content nav.nav a.right span {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4130px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .content a.closemap {
    position: absolute;
    top: 0;
    left: 50%;
    background-position: 0 -2464px;
    display: block;
    height: 36px;
    width: 36px;
    text-indent: -9000px;
    margin-left: -15px;
    z-index: 3;
    visibility: hidden
}

.fullscreen.source .content a.closemap:active, .fullscreen.source .content a.closemap.arrow-close_active, .fullscreen.source .content a.closemap.arrow-close-active {
    background-position: 0 -2416px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .content a.closemap {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2465px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .text, .fullscreen.source .select-location {
    text-align: center;
    width: 100%;
    z-index: 3;
    position: absolute;
    top: 0;
    background: url('/grinders/img/transparent-bg1.png') repeat;
    height: 100%;
    padding-top: 200px
}

.fullscreen.source .text h1, .fullscreen.source .text p, .fullscreen.source .select-location h1, .fullscreen.source .select-location p {
    color: white
}

.fullscreen.source .text h1, .fullscreen.source .select-location h1 {
    margin-bottom: 9px
}

.fullscreen.source .text .icon, .fullscreen.source .select-location .icon {
    background-position: 0 -1073px;
    display: block;
    height: 93px;
    width: 68px;
    margin: 0 auto
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .text .icon, .fullscreen.source .select-location .icon {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -879px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .text p, .fullscreen.source .select-location p {
    margin: 0 auto;
    width: 500px
}

.fullscreen.source .text a, .fullscreen.source .select-location a {
    margin-top: 45px;
    margin-left: 0
}

.fullscreen.source .overlay {
    height: 300px;
    width: 100%;
    position: absolute;
    top: 0;
    background: url('/grinders/img/transparent-bg1.png') repeat;
    z-index: 3;
    visibility: hidden
}

.fullscreen.source .select-location {
    padding-top: 72px;
    visibility: hidden;
    background: none;
    height: 200px;
    width: 500px;
    margin: 0 auto;
    left: 50%;
    margin-left: -250px
}

.fullscreen.source .select-location p {
    color: #272727
}

.fullscreen.source .select-location span {
    width: 1px;
    display: block;
    height: 30px;
    margin: 0 auto;
    background-color: #272727;
    margin-bottom: 18px
}

.fullscreen.source .select-location.hidden {
    opacity: 0;
    filter: alpha(opacity=0)
}

.fullscreen.source .wave {
    position: relative;
    margin-top: -4px
}

.fullscreen.source.fullscreen {
    background-color: #e6e5df !important
}

.fullscreen.source .countries {
    position: relative;
    background-color: #e6e5df !important;
    height: 0;
    overflow: hidden;
    width: 100%;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    float: none;
    display: block;
    margin: 0 auto
}

.fullscreen.source .countries .country {
    padding-top: 54px;
    min-height: 550px;
    padding-bottom: 146px;
    position: absolute;
    width: 100%
}

.fullscreen.source .countries .country .text-col {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 450px;
    margin-left: 0
}

.fullscreen.source .countries .country .text-col .celsius {
    width: 100%;
    padding-left: 32px;
    padding-top: 3px;
    padding-bottom: 2px;
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 14px;
    border-bottom: 1px solid #8a8a87
}

.fullscreen.source .countries .country .text-col .celsius span, .fullscreen.source .countries .country .text-col .celsius sup {
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 24px
}

.fullscreen.source .countries .country .text-col .celsius span {
    position: relative;
    display: inline-block;
    width: 42px;
    margin-right: 18px
}

.fullscreen.source .countries .country .text-col .celsius span:after {
    background: url(grinders/img/sprites/dotted-line-corner-top-left.png) repeat;
    position: absolute;
    content: "";
    left: 53px;
    top: 4px;
    width: 2px;
    height: 23px !important;
    background-repeat: repeat-y !important
}

.fullscreen.source .countries .country .text-col .celsius span:before {
    display: block;
    content: "";
    position: absolute;
    top: 6px;
    left: -31px
}

.fullscreen.source .countries .country .text-col .celsius span.rain-cloud-day:before {
    background-position: 0 -3116px;
    display: block;
    height: 19px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.rain-cloud-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3149px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.rain-cloud-night:before {
    background-position: 0 -3135px;
    display: block;
    height: 19px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.rain-cloud-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3168px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.windy-day:before {
    background-position: 0 -2983px;
    display: block;
    height: 22px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.windy-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2944px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.windy-night:before {
    background-position: 0 -3022px;
    display: block;
    height: 22px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.windy-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2966px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.thunder-day:before {
    background-position: 0 -3061px;
    display: block;
    height: 18px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.thunder-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3059px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.thunder-night:before {
    background-position: 0 -3079px;
    display: block;
    height: 18px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.thunder-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3077px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.snow-day:before {
    background-position: 0 -3232px;
    display: block;
    height: 19px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.snow-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3187px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.snow-night:before {
    background-position: 0 -3195px;
    display: block;
    height: 19px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.snow-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3206px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.rain-part-cloudy-day:before {
    background-position: 0 -2939px;
    display: block;
    height: 22px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.rain-part-cloudy-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2883px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.rain-part-cloudy-night:before {
    background-position: 0 -2961px;
    display: block;
    height: 22px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.rain-part-cloudy-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2922px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.part-cloudy-day:before {
    background-position: 0 -3177px;
    display: block;
    height: 18px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.part-cloudy-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3114px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.part-cloudy-night:before {
    background-position: 0 -3214px;
    display: block;
    height: 18px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.part-cloudy-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3132px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.comp-cloudy-day:before {
    background-position: 0 -4082px;
    display: block;
    height: 15px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.comp-cloudy-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3308px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.comp-cloudy-night:before {
    background-position: 0 -3635px;
    display: block;
    height: 15px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.comp-cloudy-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3283px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.clear-day:before {
    background-position: 0 -3097px;
    display: block;
    height: 19px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.clear-day:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3095px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius span.clear-night:before {
    background-position: 0 -4305px;
    display: block;
    height: 11px;
    width: 22px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .text-col .celsius span.clear-night:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4208px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .text-col .celsius sup {
    position: absolute;
    vertical-align: top;
    font-size: 0.5em;
    top: -5px;
    right: 12px
}

.fullscreen.source .countries .country .text-col .celsius {
    float: left;
    width: 90px;
    border: none;
    margin-bottom: 9px
}

.fullscreen.source .countries .country .text-col .celsius span:after {
    background: none
}

.fullscreen.source .countries .country .text-col strong {
    font-weight: bold;
    display: block
}

.fullscreen.source .countries .country .text-col .col1 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    margin-left: 0
}

.fullscreen.source .countries .country .text-col .col1 h2 {
    margin-bottom: 0
}

.fullscreen.source .countries .country .text-col .col1 h3 {
    margin-bottom: 18px
}

.fullscreen.source .countries .country .text-col .col2 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    margin-right: 0
}

.fullscreen.source .countries .country .text-col .col2 img {
    width: 100px;
    margin-bottom: 9px
}

.fullscreen.source .countries .country .small-gallery {
    height: 344px;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 450px;
    margin-right: 0;
    position: relative
}

.fullscreen.source .countries .country .small-gallery img {
    position: absolute;
    visibility: hidden
}

.fullscreen.source .countries .country .small-gallery nav {
    bottom: -36px !important
}

.fullscreen.source .countries .country .small-gallery nav.bullet {
    z-index: 7;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 30px
}

.fullscreen.source .countries .country .small-gallery nav.bullet a {
    background-position: 0 -4123px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 9px;
    color: transparent;
    font-weight: bold;
    text-indent: -9000px
}

.fullscreen.source .countries .country .small-gallery nav.bullet a:active, .fullscreen.source .countries .country .small-gallery nav.bullet a.feature-dot_active, .fullscreen.source .countries .country .small-gallery nav.bullet a.feature-dot-active {
    background-position: 0 -3625px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .small-gallery nav.bullet a {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3273px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .small-gallery nav.bullet a.active, .fullscreen.source .countries .country .small-gallery nav.bullet a:hover {
    background-position: 0 -3625px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.source .countries .country .small-gallery nav.bullet a.active, .fullscreen.source .countries .country .small-gallery nav.bullet a:hover {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3248px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.source .countries .country .desc {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 450px;
    margin-left: 0;
    padding-top: 36px;
    border-top: 1px solid #272727;
    margin-top: 9px;
    padding-right: 36px
}

.fullscreen.source .countries .facts {
    background-color: #e6e5df;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #272727;
    padding-top: 9px;
    padding-bottom: 63px
}

.fullscreen.source .countries .facts:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.fullscreen.source .countries .facts .first {
    margin-left: 0
}

.fullscreen.source .countries .facts .last {
    margin-right: 0
}

.fullscreen.source .countries .facts div {
    height: 70px;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    border-left: 1px dotted #272727;
    padding-left: 9px
}

.fullscreen.source .countries .facts div.first {
    border: none;
    padding-left: 0
}

.fullscreen.source .countries .facts div strong {
    font-family: "minion-pro-n4", "minion-pro", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: bold;
    display: block;
    margin-bottom: 9px
}

#mapp, #locationmap {
    height: 744px;
    position: relative
}

#mapp .leaflet-popup-content-wrapper, #locationmap .leaflet-popup-content-wrapper {
    background-color: transparent !important;
    box-shadow: none
}

#mapp .leaflet-popup-tip-container, #locationmap .leaflet-popup-tip-container {
    display: none
}

#mapp .leaflet-popup-content, #locationmap .leaflet-popup-content {
    text-align: center
}

#mapp .leaflet-popup, #locationmap .leaflet-popup {
    bottom: -67px !important
}

#mapp .leaflet-cluster-anim .leaflet-marker-icon, #mapp .leaflet-cluster-anim .leaflet-marker-shadow, #locationmap .leaflet-cluster-anim .leaflet-marker-icon, #locationmap .leaflet-cluster-anim .leaflet-marker-shadow {
    -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-in;
    -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-in;
    -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-in;
    transition: transform 0.2s ease-out, opacity 0.2s ease-in
}

#mapp .marker-cluster, #locationmap .marker-cluster {
    background-clip: padding-box;
    border-radius: 20px
}

#mapp .marker-cluster div, #locationmap .marker-cluster div {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    background-position: 0 -2342px;
    display: block;
    height: 37px;
    width: 36px
}

#mapp .marker-cluster div:active, #mapp .marker-cluster div.pointer_active, #mapp .marker-cluster div.pointer-active, #locationmap .marker-cluster div:active, #locationmap .marker-cluster div.pointer_active, #locationmap .marker-cluster div.pointer-active {
    background-position: 0 -2379px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #mapp .marker-cluster div, #locationmap .marker-cluster div {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2308px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

#mapp .marker-cluster span, #locationmap .marker-cluster span {
    line-height: 40px;
    font-family: "league-gothic-n4", "league-gothic", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #272727
}

div.blends {
    height: 700px !important;
    position: relative;
    overflow: hidden;
    background-color: #2B2B2B
}

div.blends.home {
    height: 560px !important
}

div.blends.home .image img {
    margin-top: -115px
}

div.blends nav.bullet.bullet {
    z-index: 7;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 30px
}

div.blends nav.bullet.bullet a {
    background-position: 0 -4257px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 9px;
    color: transparent;
    font-weight: bold;
    text-indent: -9000px
}

div.blends nav.bullet.bullet a:active, div.blends nav.bullet.bullet a.feature-dot-white_active, div.blends nav.bullet.bullet a.feature-dot-white-active {
    background-position: 0 -4211px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends nav.bullet.bullet a {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4120px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends nav.bullet.bullet a.active, div.blends nav.bullet.bullet a:hover {
    background-position: 0 -4211px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends nav.bullet.bullet a.active, div.blends nav.bullet.bullet a:hover {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3298px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends nav.nav {
    width: 100%;
    position: absolute;
    margin: 0 auto;
    top: 62px;
    z-index: 10;
    left: 0
}

div.blends nav.nav a {
    width: 100px;
    position: absolute;
    display: block;
    top: 274px
}

div.blends nav.nav a span {
    margin-bottom: 9px
}

div.blends nav.nav a.left {
    left: 25px;
    text-align: right
}

div.blends nav.nav a.left span {
    background-position: 0 -4267px;
    display: block;
    height: 12px;
    width: 29px;
    margin-left: 73px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends nav.nav a.left span {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4292px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends nav.nav a.left:hover span {
    background-position: 0 -4246px;
    display: block;
    height: 11px;
    width: 29px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends nav.nav a.left:hover span {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4281px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends nav.nav a.right {
    right: 20px
}

div.blends nav.nav a.right span {
    background-position: 0 -4279px;
    display: block;
    height: 13px;
    width: 30px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends nav.nav a.right span {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4219px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends nav.nav a.right:hover span {
    background-position: 0 -4183px;
    display: block;
    height: 13px;
    width: 30px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends nav.nav a.right:hover span {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4143px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image {
    position: absolute;
    height: 700px;
    overflow: hidden
}

div.blends .image img {
    width: 1200px !important;
    margin-top: -30px
}

div.blends .image .content-right {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: absolute;
    top: 0;
    left: 50%;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 450px;
    text-align: left
}

div.blends .image .content-right h1 {
    text-shadow: 0px 0px 60px #272727
}

div.blends .image .content-right h1, div.blends .image .content-right p {
    color: white
}

div.blends .image .content-right h1 {
    margin: 0;
    letter-spacing: 0.03em
}

div.blends .image .content-right p {
    text-shadow: 0px 0px 30px #272727;
    margin: 0 auto;
    width: 300px;
    margin-bottom: 27px
}

div.blends .image .content-right strong {
    display: block;
    color: white;
    width: 100%
}

div.blends .image .content-right .icon.brazil, div.blends .image .content-right .icon.brasil {
    background-position: 0 -695px;
    display: block;
    height: 91px;
    width: 69px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .icon.brazil, div.blends .image .content-right .icon.brasil {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -688px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .icon.decafe {
    background-position: 0 -1166px;
    display: block;
    height: 95px;
    width: 69px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .icon.decafe {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -1166px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .icon.house {
    background-position: 0 -786px;
    display: block;
    height: 97px;
    width: 68px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .icon.house {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -1069px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .icon.crema {
    background-position: 0 -1261px;
    display: block;
    height: 100px;
    width: 71px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .icon.crema {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -1261px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .icon.organic {
    background-position: 0 -602px;
    display: block;
    height: 93px;
    width: 70px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .icon.organic {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -502px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .icon.sydney {
    background-position: 0 -1564px;
    display: block;
    height: 97px;
    width: 72px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .icon.sydney {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -1564px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .icon:hover {
    color: white
}

div.blends .image .content-right .button.brazil {
    background-color: #8a7a6d
}

div.blends .image .content-right .button.brazil:after {
    background-position: 0 -3577px;
    display: block;
    height: 48px;
    width: 28px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .button.brazil:after {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3773px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .button.brazil:before {
    background-position: 0 -3289px;
    display: block;
    height: 48px;
    width: 26px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .button.brazil:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3393px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .button.decafe {
    background-color: #8da3ba
}

div.blends .image .content-right .button.decafe:after {
    background-position: 0 -3794px;
    display: block;
    height: 48px;
    width: 26px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .button.decafe:after {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3820px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .button.decafe:before {
    background-position: 0 -3385px;
    display: block;
    height: 48px;
    width: 26px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .button.decafe:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3440px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .button.house {
    background-color: #d98d41
}

div.blends .image .content-right .button.house:after {
    background-position: 0 -3842px;
    display: block;
    height: 48px;
    width: 26px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .button.house:after {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4010px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .button.house:before {
    background-position: 0 -3481px;
    display: block;
    height: 48px;
    width: 26px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .button.house:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3535px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .button.crema {
    background-color: #b39e6f
}

div.blends .image .content-right .button.crema:after {
    background-position: 0 -3746px;
    display: block;
    height: 48px;
    width: 26px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .button.crema:after {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3963px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .button.crema:before {
    background-position: 0 -3337px;
    display: block;
    height: 48px;
    width: 26px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .button.crema:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3322px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .button.organic {
    background-color: #aaab5b
}

div.blends .image .content-right .button.organic:after {
    background-position: 0 -3890px;
    display: block;
    height: 48px;
    width: 26px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .button.organic:after {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3868px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .button.organic:before {
    background-position: 0 -3529px;
    display: block;
    height: 48px;
    width: 26px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .button.organic:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3583px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .button.sydney {
    background-color: #7e7a6e
}

div.blends .image .content-right .button.sydney:after {
    background-position: 0 -3938px;
    display: block;
    height: 48px;
    width: 26px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .button.sydney:after {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3915px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .button.sydney:before {
    background-position: 0 -3433px;
    display: block;
    height: 48px;
    width: 26px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .button.sydney:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3488px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .button:hover {
    color: white
}

div.blends .image .content-right p {
    width: 100%;
    padding: 0 36px 0 0
}

div.blends .image .content-right .icon1 {
    background-position: 0 -1361px;
    display: block;
    height: 100px;
    width: 71px;
    margin-bottom: 9px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .icon1 {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -1361px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .text {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    margin-left: 0
}

div.blends .image .content-right .text p {
    padding-top: 22.5px
}

div.blends .image .content-right .text p span {
    font-size: 18px;
    font-family: "league-gothic-n4", "league-gothic", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    margin-left: 9px
}

div.blends .image .content-right .list {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    margin-right: 0;
    border-top: 1px solid white
}

div.blends .image .content-right .list div {
    padding: 9px 0 18px
}

div.blends .image .content-right .list span {
    background-position: 0 -4196px;
    display: block;
    height: 15px;
    width: 15px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .list span {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4105px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .list span.inactive {
    background-position: 0 -3274px;
    display: block;
    height: 15px;
    width: 15px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px
}

div.blends .image .content-right .list span.inactive:active, div.blends .image .content-right .list span.inactive.strenght-module_active, div.blends .image .content-right .list span.inactive.strenght-module-active {
    background-position: 0 -4196px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .list span.inactive {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3258px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .list strong {
    text-transform: uppercase;
    font-size: 13px;
    font-family: "minion-pro-n4", "minion-pro", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 3px
}

div.blends .image .content-right .list p {
    padding-right: 0
}

div.blends .image .content-right .how-to-make {
    border-top: 1px solid white
}

div.blends .image .content-right .how-to-make em.option-caffettiera {
    background-position: 0 -2702px;
    display: block;
    height: 32px;
    width: 19px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .how-to-make em.option-caffettiera {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2755px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .how-to-make em.option-espresso {
    background-position: 0 -2853px;
    display: block;
    height: 32px;
    width: 29px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .how-to-make em.option-espresso {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2852px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .how-to-make em.option-plunger {
    background-position: 0 -2612px;
    display: block;
    height: 32px;
    width: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .how-to-make em.option-plunger {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2613px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .how-to-make em.option-storage {
    background-position: 0 -2778px;
    display: block;
    height: 32px;
    width: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .how-to-make em.option-storage {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2673px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.blends .image .content-right .how-to-make p {
    margin-top: 18px;
    font-size: 12px
}

div.blends .image .content-right .how-to-make em {
    margin-top: 9px !important
}

div.blends .image .content-right .type {
    border-bottom: 1px solid white;
    position: relative;
    height: 54px
}

div.blends .image .content-right .type strong {
    position: absolute;
    top: 9px;
    left: 36px;
    display: block
}

div.blends .image .content-right .type em.beans {
    background-position: 0 -2810px;
    display: block;
    height: 23px;
    width: 23px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 4.5px;
    margin-top: 5px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.blends .image .content-right .type em.beans {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -2809px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.fullscreen.b {
    background-color: #e6e5df
}

.fullscreen.b .blend-list {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    float: none;
    display: block;
    margin: 0 auto;
    height: 280px;
    overflow: hidden;
    padding: 36px 0;
    position: relative
}

.fullscreen.b .blend-list .coffee {
    cursor: pointer;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    text-align: center;
    position: relative
}

.fullscreen.b .blend-list .text {
    position: absolute;
    width: 100%;
    visibility: hidden
}

.fullscreen.b .blend-list .text h3 {
    margin-bottom: 0
}

.fullscreen.b .blend-list .alpha {
    margin-left: 0
}

.fullscreen.b .blend-list .alpha {
    margin-right: 0
}

.fullscreen.b .blend-list .imgbg {
    background-color: #e6e5df
}

.fullscreen.b .blend-list .imgbg img {
    background-color: #e6e5df;
    padding: 0 27px;
    box-sizing: content-box;
    -moz-box-sizing: content-box
}

.article {
    background-color: #e6e5df
}

.article .rotator {
    overflow: hidden;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 756px;
    margin-left: 0;
    margin-top: 36px;
    margin-bottom: 36px;
    border: 9px solid white;
    height: 420px;
    position: relative
}

.article .rotator .img {
    position: absolute
}

.article .rotator .img img {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 756px;
    margin-left: 0;
    overflow: hidden
}

.article nav.bullet {
    clear: both;
    width: 755px !important;
    position: relative !important;
    padding-top: 9px;
    margin: 9px 0 0 !important
}

.article nav.bullet.bullet {
    z-index: 7;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 30px
}

.article nav.bullet.bullet a {
    background-position: 0 -4123px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 9px;
    color: transparent;
    font-weight: bold;
    text-indent: -9000px
}

.article nav.bullet.bullet a:active, .article nav.bullet.bullet a.feature-dot_active, .article nav.bullet.bullet a.feature-dot-active {
    background-position: 0 -3625px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .article nav.bullet.bullet a {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3273px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.article nav.bullet.bullet a.active, .article nav.bullet.bullet a:hover {
    background-position: 0 -3625px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .article nav.bullet.bullet a.active, .article nav.bullet.bullet a:hover {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3248px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.article .siderotator {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    margin-right: 0;
    margin-top: 36px;
    overflow: hidden;
    position: relative;
    height: 420px
}

.article .siderotator .side {
    top: 0;
    position: absolute;
    background-color: #e6e5df;
    height: 420px
}

.article .siderotator .side em {
    display: block;
    margin-top: 18px;
    font-style: italic
}

.article .siderotator .side em span {
    font-size: 12px
}

.article .content {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    float: none;
    display: block;
    margin: 0 auto;
    padding-bottom: 81px !important
}

.article .content .text {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 756px;
    display: block;
    float: none;
    margin-top: 27px
}

.article .content .text div.col {
    width: 47%;
    float: left;
    margin-right: 18px
}

.article .content .text div.col.last {
    margin-right: 0
}

.article .content .text div.col p, .article .content .text div.col strong, .article .content .text div.col span, .article .content .text div.col em {
    color: #272727
}

.article .content .text .h4, .article .content .text .back a, .back .article .content .text a, .article .content .text .social .nodata, .social .article .content .text .nodata, .article .content .text .social .load-more, .social .article .content .text .load-more, .article .content .text .social .filter a, .social .filter .article .content .text a, .article .content .text .social .filter span, .social .filter .article .content .text span, .article .content .text .locations .state-strip a, .locations .state-strip .article .content .text a, .article .content .text .contact-us .container label, .contact-us .container .article .content .text label, .article .content .text .equipmentdetail .price strong, .equipmentdetail .price .article .content .text strong, .article .learn .content .text .col2 span, .learn .article .content .text .col2 span, .article .learn .content .col2 .text span, .learn .article .content .col2 .text span, .article .content .text .about-us .mission .item .start, .about-us .mission .item .article .content .text .start {
    text-transform: uppercase
}

.article .content .text .h4 em, .article .content .text .back a em, .back .article .content .text a em, .article .content .text .social .nodata em, .social .article .content .text .nodata em, .article .content .text .social .load-more em, .social .article .content .text .load-more em, .article .content .text .social .filter a em, .social .filter .article .content .text a em, .article .content .text .social .filter span em, .social .filter .article .content .text span em, .article .content .text .locations .state-strip a em, .locations .state-strip .article .content .text a em, .article .content .text .contact-us .container label em, .contact-us .container .article .content .text label em, .article .content .text .equipmentdetail .price strong em, .equipmentdetail .price .article .content .text strong em, .article .learn .content .text .col2 span em, .learn .article .content .text .col2 span em, .article .learn .content .col2 .text span em, .learn .article .content .col2 .text span em, .article .content .text .about-us .mission .item .start em, .about-us .mission .item .article .content .text .start em {
    color: #8a8a87
}

.article .content h1 {
    font-family: 'clarendon-bold';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 32px;
    margin-bottom: 45px
}

.event .content .text div.col1 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 603px;
    margin-left: 0
}

.event .content .text div.col1 p {
    padding-right: 18px
}

.event .content .text div.col2 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    margin-right: 0
}

.event .content .text div.col2 div {
    border-top: 1px solid #272727;
    padding: 13.5px 0
}

.event .content .text div.col2 div strong {
    text-transform: uppercase;
    display: block;
    font-size: 13px
}

.event .content .text div.col2 div p {
    margin-bottom: 0
}

.culture {
    background-color: #e6e5df
}

.culture .cafe {
    cursor: pointer
}

.culture .gallery .icon {
    background-position: 0 -1761px;
    display: block;
    height: 103px;
    width: 71px;
    margin: 0 auto 18px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .culture .gallery .icon {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -1661px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.culture .content {
    width: 918px;
    margin: 0 auto
}

.culture .content h2, .culture .content p.intro {
    text-align: center;
    width: 350px;
    margin: 36px auto 27px
}

.culture .content h2 {
    margin-top: 0;
    padding-top: 63px
}

.culture .content h2, .culture .content .h2alt, .culture .content .h2 {
    font-size: 32px
}

.culture .content h1.h2alt {
    font-size: 32px;
    margin-bottom: 18px
}

.culture .content h4, .culture .content .contact-us .container .message span, .contact-us .container .message .culture .content span, .culture .content h2.h4, .culture .content .social h2.nodata, .social .culture .content h2.nodata, .culture .content .social h2.load-more, .social .culture .content h2.load-more, .culture .content .about-us .mission .item h2.start, .about-us .mission .item .culture .content h2.start {
    font-family: 'clarendon-regular';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 18px
}

.culture .content.details h1, .culture .content.details h2 {
    margin-top: 36px;
    text-align: center;
    margin-bottom: 0
}

.culture .content.details h2 {
    margin-top: 0
}

.culture .content.details .body {
    margin-top: 54px;
    clear: both
}

.culture .content.details .content-col {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 603px
}

.culture .content.details .content-col .col {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    padding-right: 27px
}

.culture .content.details .content-col .col.last {
    margin-right: 0
}

.culture .content.details .content-col .col.first {
    margin-left: 0
}

.culture .content.details .content-col .clear {
    margin-top: 27px
}

.culture .content.details .content-col .quote {
    padding: 0 0 36px;
    font-size: 32px
}

.culture .content.details .content-col strong {
    display: block;
    margin-bottom: 18px;
    font-style: italic;
    font-weight: bold
}

.culture .content.details .content-col p {
    margin-bottom: 18px
}

.culture .content.details .sidebar {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    padding-left: 18px;
    border-left: #8a8a87 1px dotted
}

.culture .content.details .sidebar a {
    display: block;
    color: #8a8a87;
    font-style: italic;
    margin-bottom: 27px
}

.culture .content .gallery {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    display: block;
    float: none;
    border: 9px solid white;
    overflow: hidden;
    height: 430px;
    position: relative;
    margin: 27px auto
}

.culture .content .gallery img {
    position: absolute
}

.culture .content nav {
    margin-top: 18px;
    position: static !important
}

.culture .content nav.bullet {
    z-index: 7;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 30px
}

.culture .content nav.bullet a {
    background-position: 0 -4123px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 9px;
    color: transparent;
    font-weight: bold;
    text-indent: -9000px
}

.culture .content nav.bullet a:active, .culture .content nav.bullet a.feature-dot_active, .culture .content nav.bullet a.feature-dot-active {
    background-position: 0 -3625px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .culture .content nav.bullet a {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3273px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.culture .content nav.bullet a.active, .culture .content nav.bullet a:hover {
    background-position: 0 -3625px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .culture .content nav.bullet a.active, .culture .content nav.bullet a:hover {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3248px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.finder {
    padding-top: 36px
}

.finder .enter-postcode {
    background-color: #e6e5df !important
}

.finder .enter-postcode input {
    background-color: white !important;
    margin-bottom: 27px
}

.finder .enter-postcode button.loading span {
    background: url(//grinderscoffee.cloudfb.com/grinders/img/ajax-loader.gif) no-repeat 0 0;
    height: 36px;
    width: 36px;
    margin-top: -15px
}

.finder .enter-postcode button.loading:hover span {
    background: url(//grinderscoffee.cloudfb.com/grinders/img/ajax-loader-dark.gif) no-repeat 0 0
}

.finder .enter-postcode button.cross span {
    margin-left: -10px;
    margin-top: -12px;
    background-position: 0 -3154px;
    display: block;
    height: 23px;
    width: 23px
}

.finder .enter-postcode button.cross span:active, .finder .enter-postcode button.cross span.close_active, .finder .enter-postcode button.cross span.close-active {
    background-position: 0 -3251px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .finder .enter-postcode button.cross span {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3370px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.finder .enter-postcode button.cross:hover span {
    background-position: 0 -3251px;
    display: block;
    height: 23px;
    width: 23px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .finder .enter-postcode button.cross:hover span {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3225px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.finder .enter-postcode h1 {
    font-size: 32px;
    margin-bottom: 9px;
    padding: 0 !important
}

.finder .enter-postcode h2 {
    padding: 0 !important
}

.finder.fullscreen #mapp {
    z-index: 99
}

.finder.fullscreen #mapp .leaflet-popup {
    bottom: -127px !important;
    height: 100px
}

div.equipment {
    background-color: #e6e5df;
    padding-bottom: 63px;
    overflow: hidden
}

div.equipment.dark {
    background-color: #272727
}

div.equipment .machine .heightbox h2 {
    margin-top: 0 !important
}

div.equipment .content {
    width: 918px;
    margin: 0 auto;
    padding-top: 54px
}

div.equipment .content h2, div.equipment .content p.intro, div.equipment .content h1, div.equipment .content p {
    text-align: center;
    width: 480px;
    margin: 36px auto 27px
}

div.equipment .content .heightbox h2 {
    width: auto
}

div.equipment .content .heightbox p {
    width: 300px;
    margin: 0 auto
}

div.equipment .content h2, div.equipment .content .h2alt, div.equipment .content .h2 {
    font-size: 32px
}

div.equipment .content h1.h2alt {
    font-size: 32px;
    margin-bottom: 18px
}

div.equipment .content h4, div.equipment .content .contact-us .container .message span, .contact-us .container .message div.equipment .content span, div.equipment .content h2.h4, div.equipment .content .social h2.nodata, .social div.equipment .content h2.nodata, div.equipment .content .social h2.load-more, .social div.equipment .content h2.load-more, div.equipment .content .about-us .mission .item h2.start, .about-us .mission .item div.equipment .content h2.start {
    font-family: 'clarendon-regular';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    font-size: 18px
}

div.equipment .content.details h1, div.equipment .content.details h2 {
    margin-top: 36px;
    text-align: center;
    margin-bottom: 0
}

div.equipment .content.details h2 {
    margin-top: 0
}

div.equipment .content.details .body {
    margin-top: 54px;
    clear: both
}

div.equipment .content.details .content-col {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 603px
}

div.equipment .content.details .content-col .col {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    padding-right: 27px
}

div.equipment .content.details .content-col .col.last {
    margin-right: 0
}

div.equipment .content.details .content-col .col.first {
    margin-left: 0
}

div.equipment .content.details .content-col .clear {
    margin-top: 27px
}

div.equipment .content.details .content-col .quote {
    padding: 0 0 36px;
    font-size: 32px
}

div.equipment .content.details .content-col strong {
    display: block;
    margin-bottom: 18px;
    font-style: italic;
    font-weight: bold
}

div.equipment .content.details .content-col p {
    margin-bottom: 18px
}

div.equipment .content.details .sidebar {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    padding-left: 18px;
    border-left: #8a8a87 1px dotted
}

div.equipment .content.details .sidebar a {
    display: block;
    color: #8a8a87;
    font-style: italic;
    margin-bottom: 27px
}

div.equipment .content .gallery {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    display: block;
    float: none;
    border: 9px solid white;
    overflow: hidden;
    height: 430px;
    position: relative;
    margin: 27px auto
}

div.equipment .content .gallery img {
    position: absolute
}

div.equipment .content nav {
    margin-top: 18px;
    position: static !important
}

div.equipment .content nav.bullet {
    z-index: 7;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 30px
}

div.equipment .content nav.bullet a {
    background-position: 0 -4123px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 9px;
    color: transparent;
    font-weight: bold;
    text-indent: -9000px
}

div.equipment .content nav.bullet a:active, div.equipment .content nav.bullet a.feature-dot_active, div.equipment .content nav.bullet a.feature-dot-active {
    background-position: 0 -3625px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.equipment .content nav.bullet a {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3273px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

div.equipment .content nav.bullet a.active, div.equipment .content nav.bullet a:hover {
    background-position: 0 -3625px;
    display: block;
    height: 10px;
    width: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    div.equipment .content nav.bullet a.active, div.equipment .content nav.bullet a:hover {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -3248px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.equipmentdetail {
    background-color: transparent
}

.equipmentdetail h1.h3, .equipmentdetail h1.h3alt, .equipmentdetail .culture .content.details .content-col h1.quote, .culture .content.details .content-col .equipmentdetail h1.quote, .equipmentdetail div.equipment .content.details .content-col h1.quote, div.equipment .content.details .content-col .equipmentdetail h1.quote {
    font-size: 40px !important;
    margin-bottom: 36px !important
}

.equipmentdetail .content .gallery {
    border: 0
}

.equipmentdetail div.body {
    width: 460px;
    margin: 0 auto
}

.equipmentdetail div.body a.button {
    margin-left: -15px;
    margin-bottom: 36px;
    margin-top: 18px
}

.equipmentdetail .content {
    padding: 54px 0
}

.equipmentdetail .content .col1, .equipmentdetail .content .col2, .equipmentdetail .content .col3 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px
}

.equipmentdetail .content .col1 h2, .equipmentdetail .content .col2 h2, .equipmentdetail .content .col3 h2 {
    text-align: left;
    margin-bottom: 18px;
    font-size: 24px
}

.equipmentdetail .content .col1, .equipmentdetail .content .col2 {
    padding-right: 36px
}

.equipmentdetail .content .col3 {
    min-height: 200px;
    position: relative
}

.equipmentdetail .content .col3 div, .equipmentdetail .content .col3 img {
    position: absolute;
    z-index: 2;
    font-family: "league-gothic-n4", "league-gothic", "Helvetica", Verdana, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #8a8a87;
    font-size: 14px
}

.equipmentdetail .content .col3 img {
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-top: -82.5px;
    margin-left: -125.5px
}

.equipmentdetail .content .col3 .height {
    top: 80px;
    left: 0px
}

.equipmentdetail .content .col3 .width {
    bottom: 0px;
    left: 45%
}

.equipmentdetail .content .col3 .depth {
    bottom: 35px;
    right: 20px
}

.equipmentdetail .content li {
    list-style: disc;
    list-style-position: outside;
    padding-left: 9px;
    margin-left: 18px
}

.equipmentdetail .content .col2 strong {
    display: block;
    font-weight: bold
}

.equipmentdetail .price {
    margin-top: 18px
}

.spacer {
    height: 450px;
    overflow: hidden
}

.spacer img {
    position: fixed;
    top: 0
}

.related.equipment .machine {
    border-color: #272727
}

.related.equipment .machine:hover {
    border-color: #8a8a87
}

.related.equipment .machine:hover a {
    border-color: #8a8a87 !important
}

.related.equipment h2 {
    color: #e6e5df !important
}

.related.equipment .content {
    padding: 0
}

.related.equipment .content .extended-box a {
    border-color: #272727;
    background-color: #272727;
    padding-bottom: 36px
}

.related.equipment .content .extended-box a div .arr-right {
    background-position: 0 -4146px;
    display: block;
    height: 13px;
    width: 30px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .related.equipment .content .extended-box a div .arr-right {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4169px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.learn.culture {
    padding-bottom: 72px
}

.learn h2 {
    padding-top: 63px;
    margin: 0
}

.learn h2 a {
    color: #8a8a87
}

.learn h2 a.active {
    color: #272727
}

.learn h2:before, .learn h2:after {
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.learn h2:before {
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: margin-left;
    -moz-transition-property: margin-left;
    -o-transition-property: margin-left;
    transition-property: margin-left;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    content: " ";
    background-position: 0 -4228px;
    display: block;
    height: 11px;
    width: 29px;
    display: inline-block;
    margin-right: 9px;
    margin-bottom: 4px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .learn h2:before {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4239px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.learn h2:after {
    content: " ";
    background-position: 0 -146px;
    display: block;
    height: 13px;
    width: 30px;
    display: inline-block;
    margin-bottom: 3px;
    margin-left: 9px;
    visibility: hidden;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .learn h2:after {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4169px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.learn h2.l:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.learn h2.l:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    margin-left: -125px
}

.learn h2.r:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    margin-left: 40px
}

.learn h2.r:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.learn .fullscreen.gallery .image .content .icon {
    background-position: 0 -1361px;
    display: block;
    height: 100px;
    width: 71px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .learn .fullscreen.gallery .image .content .icon {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -1361px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.learn .fullscreen.gallery .image .content a.button {
    margin-left: 0px
}

.learn .pagerotate {
    overflow: hidden;
    position: relative
}

.learn .pagerotate .item {
    position: absolute;
    top: 0
}

.learn .content .video.extended-box.big {
    height: 450px
}

.learn .content .video.extended-box.big h3, .learn .content .video.extended-box.big p {
    text-align: left
}

.learn .content .video.extended-box.big p {
    padding-top: 9px
}

.learn .content .video.extended-box.big h3 {
    font-size: 18px
}

.learn .content .video.extended-box.big a {
    border-color: #8a8a87
}

.learn .content .video.extended-box.big a div {
    position: relative;
    width: 36px;
    height: 36px;
    overflow: hidden;
    left: 0px
}

.learn .content .video.extended-box.big .heightbox {
    height: 380px
}

.learn .content .col1 {
    float: left;
    width: 250px;
    min-height: 80px;
    border-right: 1px dotted #8a8a87
}

.learn .content .col1 ul li {
    list-style: disc;
    list-style-position: outside;
    margin-left: 20px
}

.learn .content .col1 p {
    padding-bottom: 0;
    padding-right: 10px
}

.learn .content .col2 {
    float: left;
    width: 150px
}

.learn .content .col2:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.learn .content .col2 span, .learn .content .col2 strong {
    padding-left: 18px;
    display: block;
    text-align: left
}

.learn .content .col2 strong {
    text-transform: uppercase;
    font-size: 13px;
    color: #272727
}

.learn .content .video-box {
    margin-top: 36px;
    height: 433px;
    position: relative
}

.learn .content .video-box img, .learn .content .video-box iframe, .learn .content .video-box a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.learn .content .video-box img {
    z-index: 3
}

.learn .content .video-box a.play {
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background-position: 0 -1864px;
    display: block;
    height: 72px;
    width: 72px;
    text-indent: -9000px;
    z-index: 3
}

.learn .content .video-box a.play:active, .learn .content .video-box a.play.video-play_active, .learn .content .video-box a.play.video-play-active {
    background-position: 0 -1936px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .learn .content .video-box a.play {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -1864px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.learn .content .video-box .active {
    z-index: 3
}

.related.learn {
    height: 630px !important;
    padding-bottom: 0 !important
}

.related.learn .video {
    border-color: #272727
}

.related.learn .video:hover {
    border-color: #8a8a87
}

.related.learn h2.h3alt:after {
    content: "" !important;
    display: inline
}

.related.learn h2.h3alt:before {
    content: "" !important;
    display: inline
}

.related.learn h2 {
    color: #e6e5df !important
}

.related.learn .content {
    width: 918px !important;
    padding: 0;
    border: none
}

.related.learn .content .col2 strong, .related.learn .content .col2 span {
    color: #8a8a87
}

.related.learn .content .extended-box a {
    border-color: #272727;
    background-color: #272727;
    padding-bottom: 36px
}

.related.learn .content .extended-box a div .arr-right {
    background-position: 0 -4146px;
    display: block;
    height: 13px;
    width: 30px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .related.learn .content .extended-box a div .arr-right {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4169px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.learn.training .content {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 603px;
    float: none;
    display: block;
    margin: 0 auto
}

.learn.training .content div.highlight p {
    font-size: 24px;
    margin-bottom: 72px;
    font-family: 'clarendon-regular';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important
}

.learn.training .content .col1 {
    width: 300px;
    padding-right: 18px
}

.learn.training .content .col2 {
    border-left: none
}

.learn.training .content .col2 p strong {
    padding-left: 0
}

.accordion section {
    height: 65px;
    overflow: hidden;
    text-align: left;
    padding-top: 13.5px;
    border-top: 1px dotted #8a8a87;
    padding-bottom: 36px
}

.accordion section.open {
    height: auto
}

.accordion section.open a.collapser {
    background-position: 0 -4467px;
    display: block;
    height: 25px;
    width: 25px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .accordion section.open a.collapser {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4475px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.accordion section h3 {
    cursor: pointer
}

.accordion section a.collapser {
    margin-top: 6px;
    background-position: 0 -4417px;
    display: block;
    height: 25px;
    width: 25px;
    float: right
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .accordion section a.collapser {
        background-image: url('/grinders/img/spritesretina.png');
        background-position: 0 -4403px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.accordion section p.starter {
    padding-bottom: 27px
}

.accordion section .col1, .accordion section .col2 {
    border-left: none
}

.accordion section .col1 strong, .accordion section .col2 strong {
    text-transform: uppercase;
    font-size: 13px
}

.accordion section .col1 {
    border-right: 1px dotted #8a8a87;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    margin-left: 0
}

.accordion section .col1 .download {
    margin-top: 18px;
    display: block
}

.accordion section .col2 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 297px;
    margin-right: 0;
    height: auto
}

.accordion section .col2 p, .accordion section .col2 img {
    padding-left: 18px
}

.accordion section .col2 strong {
    padding-left: 0
}

.accordion section .cta {
    padding-top: 27px
}

.accordion section .cta span {
    margin-left: 54px
}

.accordion section .cta span strong {
    padding: 0;
    font-weight: bold
}

.learn.lygon .fullscreen.gallery .content {
    position: relative;
    width: 400px !important;
    margin: 0 auto;
    text-align: center;
    margin-top: 126px
}

.learn.lygon .fullscreen.gallery .content h1, .learn.lygon .fullscreen.gallery .content p {
    color: white
}

.learn.lygon .pagerotate .content .col1, .learn.lygon .pagerotate .content .col2 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 450px;
    border: none !important
}

.learn.lygon .pagerotate .content .col2 p {
    padding-left: 0
}

.learn.lygon .pagerotate .content .col2 .ul1, .learn.lygon .pagerotate .content .col2 .ul2 {
    display: block;
    float: left;
    width: 200px
}

.learn.lygon .pagerotate .content .col2 .ul1 li, .learn.lygon .pagerotate .content .col2 .ul2 li {
    padding-right: 27px;
    margin-left: 18px;
    list-style: disc
}

.learn.lygon .accordion {
    margin-top: 54px
}

.learn.lygon h2 {
    padding-top: 63px
}

.learn.lygon h2.l:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.learn.lygon h2.l:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    margin-left: -300px
}

.learn.lygon h2.r:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    margin-left: 130px
}

.learn.lygon h2.r:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.learn.lygon .about .intro {
    font-size: 24px;
    width: 600px;
    padding: 18px 0;
    font-family: 'clarendon-regular';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important
}

.learn.lygon .about .c1, .learn.lygon .about .c3, .learn.lygon .about .c2 {
    text-align: left
}

.learn.lygon .about .c1, .learn.lygon .about .c3 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px
}

.learn.lygon .about .c1 {
    margin-left: 0
}

.learn.lygon .about .c1 span {
    font-size: 12px;
    display: block;
    margin-top: 9px
}

.learn.lygon .about .c3 {
    margin-right: 0
}

.learn.lygon .about .c2 {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 603px;
    padding-left: 63px;
    padding-right: 18px
}

.learn.lygon .about strong {
    font-weight: bold;
    display: block;
    font-size: 13px;
    margin-top: 18px
}

.learn.lygon .about strong:first-child {
    margin-top: 0
}

.about-us div.outer-wrapper {
    background: 'grinders/img/about-paper-texture-lowres.jpg') repeat center;
    position: relative;
    z-index: 2;
    background-color: #e6e5df
}

.about-us .content {
    position: relative;
    z-index: 1;
    padding-top: 54px;
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 909px;
    margin: 0 auto;
    display: block;
    float: none;
    text-align: center
}

.about-us .content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.about-us .content .intro {
    font-size: 24px;
    width: 600px;
    margin: 0 auto;
    font-family: 'clarendon-regular';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em !important;
    padding-bottom: 36px
}

.about-us .content .icon {
    background-position: 0 -1461px;
    display: block;
    height: 103px;
    width: 71px;
    margin: 0 auto 18px;
    padding-top: 36px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .about-us .content .icon {
        background-image: url('grinders/img/spritesretina.png');
        background-position: 0 -1461px;
        -webkit-background-size: 160px auto;
        -moz-background-size: 160px auto;
        -o-background-size: 160px auto;
        background-size: 160px auto
    }
}

.about-us .content .body {
    text-align: left;
    padding-bottom: 54px
}

.about-us .content .body:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.about-us .content .body .first {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 450px;
    margin-left: 0;
    padding-left: 100px;
    padding-right: 9px
}

.about-us .content .body .last {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 450px;
    margin-right: 0;
    padding-right: 100px;
    padding-left: 9px
}

.about-us .content .body img {
    margin-bottom: 18px;
    margin-left: -12px
}

.about-us .spacer {
    position: relative
}

.about-us .spacer table {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4
}

.about-us .spacer table td {
    text-align: center
}

.about-us .spacer table td strong {
    display: block;
    width: 700px;
    margin: 0 auto;
    color: white;
    font-size: 56px
}

.about-us .spacer table td strong:before {
    content: "\""
}

.about-us .spacer table td strong:after {
    content: "\""
}

.about-us .spacer .wave {
    position: absolute;
    bottom: 0px
}

.about-us .spacer .wave.reverse {
    position: absolute;
    bottom: auto !important;
    top: 0px !important;
    z-index: 4
}

.about-us .mission {
    position: relative;
    overflow: hidden;
    height: 500px
}

.about-us .mission nav div {
    text-align: center;
    float: left;
    width: 25%;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4
}

.about-us .mission nav div.active {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.about-us .mission nav div img {
    margin: 0 !important;
    position: relative
}

.about-us .mission nav div hr {
    margin: 27px;
    height: 3px !important;
    border-top: 1px solid #272727 !important;
    border-bottom: 1px solid #272727 !important;
    background-color: transparent
}

.about-us .mission nav div h3 {
    position: relative
}

.about-us .mission .item {
    margin-top: 330px;
    position: absolute;
    top: 0px
}

.about-us .mission .item .start {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 144px;
    margin-left: 0;
    text-transform: uppercase
}

.about-us .mission .item .text {
    display: inline;
    float: left;
    margin-left: 4.5px;
    margin-right: 4.5px;
    width: 756px;
    margin-right: 0;
    padding-left: 27px;
    padding-right: 72px;
    border-left: 1px dotted #8a8a87
}

.about-us .button.fairtrade {
    display: block;
    margin: 54px auto !important;
    width: 230px
}

.about-us .logo {
    margin-left: 27px
}

.about-us .about-map {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0
}

.lt-ie9 .about-us .mission nav div h3 {
    color: #8a8a87
}

.lt-ie9 .about-us .mission nav div.active h3 {
    color: #272727
}

div.equipment.faq section {
    height: 48px;
    padding-bottom: 0
}

div.equipment.faq section.open {
    height: auto
}

div.equipment.faq section a.collapser {
    margin-top: -3px !important
}

div.equipment.faq section h4, div.equipment.faq section .contact-us .container .message span, .contact-us .container .message div.equipment.faq section span {
    margin-bottom: 18px;
    margin-right: 40px
}

div.equipment.faq section strong {
    font-weight: bold
}

div.equipment.faq section ul {
    display: block;
    width: 60%;
    margin-bottom: 18px
}

div.equipment.faq section ul li {
    margin-left: 18px;
    list-style: disc
}

div.equipment.faq h2 {
    text-align: left;
    margin-left: 0
}

div.equipment.faq section p {
    width: 60%;
    text-align: left;
    margin: 0 0 18px
}

.fullscreen.social {
    min-height: 100px;
    position: relative;
    padding-bottom: 36px
}

.fullscreen.social .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -16px
}

.fullscreen.blends.home .image {
    opacity: 0;
    filter: alpha(opacity=0)
}

div.blends .image .content-right h1 {
    text-shadow: none
}

.fullscreen.gallery .image {
    opacity: 0;
    filter: alpha(opacity=0)
}

.fullscreen.map a.button, .fullscreen.gallery a.button {
    margin-left: 0;
}

/* nz modded from here */
.filler {
    height: 100px !important;
    border-bottom: 1px solid #8a8a87;
}

header .find-cafe, header .weather {
min-height: 93px !important;
border-bottom: 1px solid #8a8a87;
}

@font-face {
    font-family: league-gothic-n4;
    /*src: url("assets/fonts/LeagueGothic/LeagueGothic.otf") format("opentype");*/


    src: url('assets/fonts/LeagueGothic/LeagueGothic-webfont.eot');
    src: url('assets/fonts/LeagueGothic/LeagueGothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/LeagueGothic/LeagueGothic-webfont.woff2') format('woff2'),
         url('assets/fonts/LeagueGothic/LeagueGothic-webfont.woff') format('woff'),
         url('assets/fonts/LeagueGothic/LeagueGothic-webfont.ttf') format('truetype'),
         url('assets/fonts/LeagueGothic/LeagueGothic-webfont.svg#league_gothicregular') format('svg');

}

@font-face {
    font-family: league-gothic;
    /*src: url("assets/fonts/LeagueGothic/LeagueGothic.otf") format("opentype");*/

    src: url('assets/fonts/LeagueGothic/LeagueGothic-webfont.eot');
    src: url('assets/fonts/LeagueGothic/LeagueGothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/LeagueGothic/LeagueGothic-webfont.woff2') format('woff2'),
         url('assets/fonts/LeagueGothic/LeagueGothic-webfont.woff') format('woff'),
         url('assets/fonts/LeagueGothic/LeagueGothic-webfont.ttf') format('truetype'),
         url('assets/fonts/LeagueGothic/LeagueGothic-webfont.svg#league_gothicregular') format('svg');

}





body, .out, .fullscreen{
    overflow-x:hidden;
}

.col3{
    float:left;  
}