/* *
* @license
* MyFonts Webfont Build ID 2804128, 2014-04-30T17:06:37-0400
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: Trade Gothic Com Bold by Linotype
* URL:http://www.myfonts.com/fonts/linotype/trade-gothic/com-bold/
* Copyright:Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted ©
2002 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
*
* Webfont: Trade Gothic Pro Condensed #18 by Linotype
* URL:http://www.myfonts.com/fonts/linotype/trade-gothic/pro-condensed-18/
* Copyright:Copyright ©
2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Trade Gothic is either a registered trademark
*
* Webfont: Trade Gothic Pro Bold Condensed #20 by Linotype
* URL:http://www.myfonts.com/fonts/linotype/trade-gothic/pro-bold-condensed-20/
* Copyright:Copyright ©
2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Trade Gothic is either a registered trademark
*
*
* License: http://www.myfonts.com/viewlicense?type=web&buildid=2804128
* Licensed pageviews:250, 000
*
* © 2014 MyFonts Inc */

/* @import must be at top of file, otherwise CSS will not work */
 @import url("//hello.myfonts.net/count/2ac9a0");
 @font-face {
  font-family:'TradeGothicLTCom-Bold';
  src: url('../fonts/webfonts/2AC9A0_0_0.eot');
  src: url('../fonts/webfonts/2AC9A0_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/webfonts/2AC9A0_0_0.woff') format('woff'), url('../fonts/webfonts/2AC9A0_0_0.ttf') format('truetype'), url('../fonts/webfonts/2AC9A0_0_0.svg#wf') format('svg');
}
@font-face {
  font-family:'TradeGothicLTPro-Cn18';
  src: url('../fonts/webfonts/2AC9A0_1_0.eot');
  src: url('../fonts/webfonts/2AC9A0_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/webfonts/2AC9A0_1_0.woff') format('woff'), url('../fonts/webfonts/2AC9A0_1_0.ttf') format('truetype'), url('../fonts/webfonts/2AC9A0_1_0.svg#wf') format('svg');
}
@font-face {
  font-family:'TradeGothicLTPro-BdCn20';
  src: url('../fonts/webfonts/2AC9A0_2_0.eot');
  src: url('../fonts/webfonts/2AC9A0_2_0.eot?#iefix') format('embedded-opentype'), url('../fonts/webfonts/2AC9A0_2_0.woff') format('woff'), url('../fonts/webfonts/2AC9A0_2_0.ttf') format('truetype'), url('../fonts/webfonts/2AC9A0_2_0.svg#wf') format('svg');
}
/* ================================================================================ */

/* Webfonts - Trade gothic
/* ================================================================================ */
 .TradeGothicLTCom-Bold {
  font-family: TradeGothicLTCom-Bold;
  font-weight: normal;
  font-style: normal;
}
.TradeGothicLTPro-Cn18 {
  font-family: TradeGothicLTPro-Cn18;
  font-weight: normal;
  font-style: normal;
}
.TradeGothicLTPro-BdCn20 {
  font-family: TradeGothicLTPro-BdCn20;
  font-weight: normal;
  font-style: normal;
}
/* ================================================================================ */

/* General styles */

/* ================================================================================ */
body.bean-bags .range {
  background-image: url(../img/bean-bags-2-Medium.jpg);
}
/* ================================================================================ */

/* Overides and core styles */

/* ================================================================================ */
 @media (min-width: 1200px) {
  .container {
    width: 970px;
  }
  .block-1 .cup.bean-bag {
    margin-left: -75px;
  }
}
body {
  font-family: TradeGothicLTPro-Cn18, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.3em;
}
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../img/loader.gif') 50% 50% no-repeat rgb(249, 249, 249);
}
#left, #right {
  position: fixed;
  height: 100%;
  background: #000;
  width: 10px;
  z-index: 100;
}
#top, #bottom {
  position: fixed;
  width: 100%;
  background: #000;
  height: 10px;
  z-index: 100;
}
#top {
  top: 0;
}
#bottom {
  bottom: 0;
}
#left {
  left: 0;
}
#right {
  right: 0;
}
h1, h3, h4, h5, h6 {
  font-family: TradeGothicLTPro-BdCn20, Helvetica, Arial, sans-serif;
}
h2 {
  text-transform: uppercase;
  font-size: 45px;
  font-family: TradeGothicLTCom-Bold, Helvetica, Arial, sans-serif;
  line-height: 43px;
  color: #eb8636;
  letter-spacing: -.005em;
}
.h2-underline {
  border-bottom: 5px solid #000;
  padding-bottom: 10px;
}
a {
  color: #000;
}
a:hover {
  color: #555;
}
p a {
  text-decoration: underline;
}
p.block-text {
  border-top: 5px solid black;
  padding-top: 10px;
  margin-top: 15px;
}
.no-col {
  padding: 0;
}
.clearfix {
  clear: both;
}
.nav {
  font-family: TradeGothicLTCom-Bold, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -1px;
}
img.nav-to-top {
  display:none;
}
.nav-btt {
  position: absolute;
  width: 135px;
  height: 40px;
  z-index: 999;
  left: 30px;
  font-size: 32px;
  top: 25px;
  cursor: pointer;
}
.head-btt {
  width: 130px;
  margin-left: -10px;
}
.btt-logo {
  width: 130px;
  height: 100px;
  margin: -10px -40px 0;
}
.nav-container {
  position: absolute;
}
.navbar-collapse {
  float: right;
}
.navbar-toggle {
  border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border: none;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}
.navbar-toggle .icon-bar {
  width: 27px;
  height: 4px;
  border-radius: 0;
}
.navbar-default .in {
  border: 0;
  background: #000 url(../img/jeds-logo-wh.svg) 20px 20px no-repeat;
  padding-top: 120px;
  background-size: 120px;
  width: 80%;
  -webkit-overflow-scrolling: touch;
}
.navbar .in .nav-pills {
  width: 100%;
  text-align: left;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.navbar .in .nav>li>a {
  color: #fff;
  font-size: 23px;
  padding: 20px 10px 20px 20px;
  border-bottom: 1px solid #333;
  border-radius: 0;
  font-family: TradeGothicLTPro-Cn18, Helvetica, Arial, sans-serif;
}
.navbar .in .nav-pills>li.active>a, .navbar .in .nav-pills>li.active>a:hover, .navbar .in .nav-pills>li.active>a:focus {
  color: #fff;
}
.alt-nav {
  color: #fff;
}
.nav>li>a {
  position: relative;
  display: block;
  padding: 0px 10px;
  color: #000;
  cursor: pointer;
  font-weight: 400;
}
.nav>li>a:hover {
  background-color: transparent;
  text-decoration: none;
}
.nav>li>a.double-line {
	line-height: 12px;
}
.nav>li>a.white {
  color:#fff
}
.navbar {
  background: transparent;
  margin-top: 30px;
  border: none;
}
.navbar:not(.canvas-slid) {
  z-index: 90;
}
.nav-pills {
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  padding: 5px 0;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  color: #ec8736;
  background-color: transparent;
}
.nav-stacked>li, .nav-stacked>li+li {
  margin-top: 0;
  line-height: 1.2em;
}
.freeze-dried a.active, .plunger a.active, .espresso a.active, .whole-beans a.active, .bean-bags a.active, .capsules a.active {
  color: #9c5713;
}
#logo {
  height: 117px;
  width: 130px;
  display: block;
}
.main-logo {
  display: none;
}

/*
 * Animation smoothing
 */
 .a-smoothing {
  transition: all ease 200ms;
  -webkit-transition: all ease 200ms;
  -moz-transition: all ease 200ms;
  -ms-transition: all ease 200ms;
  -o-transition: all ease 200ms;
}
/* ================================================================================ */

/* When browser start scroll
/* ================================================================================ */
 @media (min-width: 768px) {
  .scrolled .navbar {
    background: #FFF;
    background: rgba(255, 255, 255, .9);
    margin: 0;
    padding: 14px 0 0;
  }
  .scrolled .navbar .container {
    padding-bottom: 7px;
  }
  .scrolled #logo {
    margin: 10px 0;
    height: 82px;
    width: 109px;
  }
  .scrolled .main-logo {
  display: none;
}

  .scrolled .nav-border {
    margin: 0;
    border-bottom: 2px solid #000;
    position: absolute;
    bottom: 0;
    width: 940px;
  }
}
/* ================================================================================ */

/* Block 1 - The latest
/* ================================================================================ */
 .block-1 {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 67%, #e9e9e9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(67%, #ffffff), color-stop(100%, #e9e9e9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 67%, #e9e9e9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 67%, #e9e9e9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 67%, #e9e9e9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 67%, #e9e9e9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0);
  /* IE6-9 */
  position: relative;
  overflow: hidden;
}
.b1-background {
  min-height: 768px;
}
.front .block-1 h2 {
  width: 280px;
}
.block-1 h2 {
  margin-top: 210px;
}
.cup {
  position: absolute;
}
.cup.whole {
  bottom: 0;
  left: 40%;
  margin-left: 0px;
  z-index: 3;
}
.cup.top {
  bottom: 296px;
  left: 40%;
  margin-left: 12px;
  z-index: 1;
}
.cup.bean-bag {
  left: 40%;
  margin-left: -75px;
  bottom: 220px;
  width: 450px;
  z-index: 2;
}
.cup.promo-pointers {
  bottom: 222px;
  left: 40%;
  margin-left: -125px;
  width: 600px;
  z-index: 2;
}
/* ================================================================================ */

/* Block 2 - What we do
/* ================================================================================ */
 .block-2 {
  background: #f6f6f6;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6f6f6 50%, #cbcbcb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f6f6f6), color-stop(100%, #cbcbcb));
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, #f6f6f6 50%, #cbcbcb 100%);
  /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(top, #f6f6f6 50%, #cbcbcb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f6f6f6 50%, #cbcbcb 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f6f6f6 50%, #cbcbcb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#cbcbcb', GradientType=0);
  /* IE6-9 */
}
.block-2 .anywhere {
  position: relative;
}
.block-2 a, .bock-2 a:hover {
  text-decoration: none;
}
.block-2 .anytime {
  position: absolute;
  top: 165px;
}
.block-2 .product-range {
  padding: 280px 0 0 0;
}
.block-2 .product-img {
  display: none;  
}
.block-2 .bags, .block-2 .freeze, .block-2 .plunger, .block-2 .espresso, .block-2 .beans, .block-2 .capsules {
  cursor: pointer;
    display: block;
    height: 500px;
    overflow: hidden;
    width: 140px;
}
.block-2 .bags {
  background: url(../img/bean-bags-2.png) no-repeat;
  background-size: 355px auto;
  background-position: 0 170px;
}
.block-2 .bags:hover {
  background-position: -225px 170px;
}
.block-2 .freeze {
  background: url(../img/freeze-dried-3.png) no-repeat;
  background-size: 444px auto;
  background-position: 1px 60px;
}
.block-2 .freeze:hover {
  background-position: -310px 60px;
}
.block-2 .plunger {
  background: url(../img/plunger-grind-4.png) no-repeat;
  background-size: 355px auto;
  background-position: 0 150px;
}
.block-2 .plunger:hover {
  background-position: -225px 150px;
}
.block-2 .espresso {
  background: url(../img/expresso-grind-X.png) no-repeat;
  background-size: 360px auto;
  background-position: 1px 150px;
}
.block-2 .espresso:hover {
  background-position: -217px 150px;
}
.block-2 .beans {
  background: url(../img/whole-beans.png) no-repeat;
  background-size: 358px auto;
  background-position: 0 150px;
}
.block-2 .beans:hover {
  background-position: -224px 150px;
}
.block-2 .capsules {
  background: url(../img/capsule-package-4.png) no-repeat;
  background-size: 440px auto;
  background-position: 6px 90px;
}
.block-2 .capsules:hover {
  background-position: -310px 90px;
}
/* ================================================================================ */

/* Block 3 - Our strengths
/* ================================================================================ */
 .block-3 {
  padding: 150px 0 0 0;
}
.block-3 h2 {
  width: 365px;
}
.block-3 .col-xs-15 {
  padding-right: 5px;
  padding-left: 5px;
}
.block-3 .take-it {
  position: absolute;
  top: 70px;
  left: 170%;
}
.jed-one, .jed-two, .jed-three, .jed-four, .jed-five, .jed-x {
  padding: 16px 12px;
  color: #fff;
  height: 340px;
  opacity: 1;
  cursor: pointer;
}
.jed-one:hover, .jed-two:hover, .jed-three:hover, .jed-four:hover, .jed-five:hover, .jed-x:hover {
  opacity: 1;
}
.jed-one h3, .jed-two h3, .jed-three h3, .jed-four h3, .jed-five h3, .jed-x h3 {
  text-transform: uppercase;
  padding: 0;
  margin-top: 0;
  font-size: 21px;
  font-family: TradeGothicLTPro-BdCn20, Helvetica, Arial, sans-serif;
}
.jed-one {
  background: #f79839;
}
.jed-x {
  background: #000000;
}
.jed-one img, .jed-two img, .jed-three img, .jed-four img, .jed-five img, .jed-x img {
  height: 230px;
  right: -8px;
  position: absolute;
  bottom: 12px;
}
.jed-four img {
  right: -33px;
}
.jed-two {
  background: #de813a;
}
.jed-three {
  background: #cd6f27;
}
.jed-four {
  background: #9b5718;
}
.jed-five {
  background: #6f3c0c;
}
.blend-text {
  min-height: 75px;
  width: 155px;
}
/* ================================================================================ */

/* Block 4 - Our story
/* ================================================================================ */
 .story .bg4-background {
  background-image: url(../img/our-story-bg.jpg);
  background-position: 0 bottom;
  background-repeat: no-repeat;
  min-height: 768px;
  background-size: cover;
  padding: 200px 0 50px;
}
/* ================================================================================ */

/* Block 4 - Video
/* ================================================================================ */
 .vjs-default-skin .vjs-big-play-button {
  background: #000;
  border: none;
  width: 55px;
  height: 55px;
  border-radius: 40px;
}
.vjs-default-skin .vjs-big-play-button:before {
  line-height: 55px;
}
.vjs-poster {
  background-size: cover;
}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  margin-left: -1.1em;
}
.vjs-default-skin .vjs-big-play-button:before {
  left: 2px;
  color: #fff;
}
.vjs-default-skin .vjs-big-play-button:after {
  content:"Play Video";
  text-transform: uppercase;
  font-family: TradeGothicLTPro-Cn18, Helvetica, Arial, sans-serif;
  color: #fff;
  width: 200px;
  position: absolute;
  top: 65px;
  left: -70px;
  font-size: 20px;
}
/* ================================================================================ */

/* Footer - Get in touch
/* ================================================================================ */
 .footer {
  background: #000;
  color: #fff;
  padding: 170px 0 0;
  font-size: 15px;
  min-height: 784px;
}
.footer h3 {
  text-transform: uppercase;
  font-size: 1.3em;
  margin-top: 0;
  font-family: TradeGothicLTPro-BdCn20, Helvetica, Arial, sans-serif;
}
.footer a {
  color: #fff;
}
.footer a h3 {
  color: #fff;
  margin:0;
}

.footer .about {
  margin-bottom: 20px;		
}
.footer .about p {
  line-height: 17px;
  margin-bottom: 5px;
}
.footer .about img {
  float: left;
  width: 60px;
  margin-right: 10px;
  margin-bottom: 30px;
}
.footer .contact-details {
  margin-top: 14px;	
}
.footer .contact-details p {
  padding: 0;
}
.footer .contact-details .social {
  margin: 10px;
  width: 20px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}
.footer .contact-details .social.facebook {
  margin-left: 0;
}
.contact-container {
	float: left;
}
.countries-container {
	margin-left: 0;	
	float: right;
}
.countries-container .countries-block .top-buttons,
.countries-container .countries-block .container {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.countries-container .countries-block .top-buttons div {
	display: inline-block;
	padding: 15px 30px;
	background-color: #303030;
	color: #adadad;
	cursor:pointer;
}
.countries-container .countries-block .top-buttons div h3 {
	margin: 0;
}
.countries-container .countries-block.nz .top-buttons .new-zealand,
.countries-container .countries-block.au .top-buttons .australia {
	color: #fff;
	background-color: #6f6f6f;
}
.countries-container .countries-block .container .new-zealand,
.countries-container .countries-block .container .australia {
	display: none;
	color: #fff;
	background-color: #6f6f6f;
}
.countries-container .countries-block.nz .container .new-zealand {
	display: block;
	height: 300px;
	padding: 70px 30px;
	position: relative;
}
.countries-container .countries-block.nz .container .new-zealand .background {
	position: absolute;
	margin-top: -70px;
	width: 100%;
	height: 100%;
	background: url(../img/new-zealand-map_370x370.svg) right center no-repeat;
}
.countries-container .countries-block.nz .container .new-zealand h3 {
	max-width: 222px;
}
.countries-container .countries-block.au .container .australia {
	display: block;
	height: 500px;
}
#map-form {
	padding: 15px;
	font-size: 18px;
	text-transform:uppercase;
}
#map-form label {
	margin: 0 20px 0 0;
    padding: 15px;
	display: inline-block;
	float: left;
}
#map-form input {
	color: #6f6f6f;
	width: 300px;
	padding: 15px;	
	border: 0 none;
	display: inline-block;
	float: left;
	margin-bottom: 15px;
}
#map-form .btn-map-search {
	background-color: #ea8735;
    border: medium none;
    color: #fff;
    display: inline-block;
    height: 53px;
    margin: 0;
    padding: 0;
    width: 48px;
	float: left;
}
#map-form .btn-map-search img {
	margin: 14px;	
}
ul.autocomplete {
	color: #6f6f6f;
	width: 300px;
  display:block;
  margin: 0;
  padding: 0;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px;
  background-color:#ffffff;
  max-height: 200px;
  overflow-y: none;
  overflow-x: hidden;
  text-align:left;
  z-index:9999;
}
ul.autocomplete li{
	color: #6f6f6f;
	width: 300px;
  padding: 0 15px;
  cursor:default;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px;
  list-style: none outside none;
}
ul.autocomplete li.hover{
  background-color:#ea8735;
}
ul.autocomplete li.hover a {
  color: #ffffff;
}
ul.autocomplete li a{
  display:block;
  cursor:default;
  width:100%;
  text-decoration: none;
  outline: medium none;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px;
  color: #000000;
}
.infobulle {
	background-color:#ffffff;
	color: #6f6f6f;
	line-height: 12px;
	padding: 5px;
}
.cluster{
	color: #FFFFFF;
	text-align:center;
	font-family: Verdana;
	font-size:14px;
	font-weight:bold;
  }
  .cluster-1{
	background: url(../img/jeds-gmap-cluster.png) no-repeat;
	line-height:50px;
	width: 60px;
	height: 60px;
  }
#map-canvas {
	width: 100%;
	height: 416px;	
}
form .firstn {
  padding: 0 5px 0 0;
}
form .lastn {
  padding: 0 0 0 5px;
}
.form-control {
  height: 42px;
  font-size: 14px;
  color: #fff;
  background-color: #303030;
  background-image: none;
  border: none;
  border-radius: 0;
}
.form-group {
  margin-bottom: 10px;
}
.btn-default {
  color: #fff;
  background-color: #ea8735;
  border: none;
  float:right;
  margin-top: -10px;
}

.btn-default.left {
    color: #fff;
    background-color: #ea8735;
    border: none;
    float:none;
    margin-top: 10px;
}
.btn-default:hover {
  color: #fff;
  background-color: #ea8735;
  border: none;
  opacity: .8;
}
.btn {
  border: none;
  border-radius: 0;
}
.radio-inline {
  padding-left:0px;
}
input[type="radio"] {
  display: none;
}
input[type="radio"] + label.radio-label {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background: url(../img/radio.png) left top no-repeat;
  cursor: pointer;
}
input[type="radio"]:checked + label.radio-label {
  background: url(../img/radio.png) -21px top no-repeat;
}
.to-top {
  min-height: 300px;
}
.to-top img {
  width: 170px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.jeds-address {
  margin-top: 32px;
}
.mailto {
  word-wrap: break-word;
}
#contact-form label:not[.radio-label] {
  display: none!important;
}
/* ================================================================================ */

/* Product pages - general styles
/* ================================================================================ */

/* Range */
 .product-range {
  padding-top: 50px;
}
.product-range h2 {
  margin-top: 60%;
}
.product-range h3 {
  margin-top: 10%;
  text-transform: uppercase;
}
.pick-a-blend {
  font-size: 20px;
}
.blend-two .blend-heading {
  color: #E0812F;
}
.blend-three .blend-heading {
  color: #CF701C;
}
.blend-four .blend-heading {
  color: #9C5713;
}
.blend-five .blend-heading {
  color: #713C0A;
}
.blends {
  padding: 0;
}
.blends img {
  width: 60px;
  height: 80px;
  cursor: pointer;
  opacity: .2;
}
.blend-four img {
  opacity: 1;
}
.blends .blend-heading {
  font-size: 17px;
  margin-top: 35px;
}
.blends .blend-blurb {
  font-size: 16px;
  line-height: 19px;
  margin-top: 15px;
  margin-bottom: 70px;
}
.blends > .blend-text {
  display: none;
}
body.smooth .blends.blend-one > .blend-text,
body.medium .blends.blend-two > .blend-text,
body.strong .blends.blend-three > .blend-text,
body.vstrong .blends.blend-four > .blend-text,
body.xstrong .blends.blend-five > .blend-text,
body.xxstrong .blends.blend-x > .blend-text {
  display: block;
}
.blends > img {
  opacity: .2;
}
body.smooth .blends.blend-one > img,
body.medium .blends.blend-two > img,
body.strong .blends.blend-three > img,
body.vstrong .blends.blend-four > img,
body.xstrong .blends.blend-five > img,
body.xxstrong .blends.blend-x > img {
  opacity: 1;
}
body.smooth a.active, body.smooth h2 {
  color: #f79839;
}
body.medium a.active, body.medium h2 {
  color: #e0812f;
}
body.strong a.active, body.strong h2 {
  color: #cf701c;
}
body.vstrong a.active, body.vstrong h2 {
  color: #9c5713;
}
body.xstrong a.active, body.xstrong h2 {
  color: #713c0a;
}
body.xxstrong a.active, body.xxstrong h2 {
  color: #000000;
}
div[class*="jed-"] {
  opacity: .5;
}
body.smooth .jed-one,
body.medium .jed-two,
body.strong .jed-three,
body.vstrong .jed-four,
body.xstrong .jed-five,
body.xxstrong .jed-x {
  opacity: 1;
}

/* Process  */
 .process {
  min-height: 400px;
  background: #f6f6f6;
  padding: 200px 0 100px;
}
.process .row {
  min-height: 200px;
}
.process .step-title {
  text-transform: uppercase;
  font-size: 28px;
}
.process img {
  left: 0;
  position: absolute;
  top: -30px;
}
.step {
  position: absolute;
  left: 185px;
  top: 40px;
}
.step p {
  width: 95%;
}
.process .col-process-4 {
  min-height: 300px;
  margin-top: 60px;
}
.process img.perfect {
  position: absolute;
  width: 50%;
  top: -140px;
  left: -60px;
}
/* ================================================================================ */

/* Product pages - bean-bags
/* ================================================================================ */
 .bean-bags .range {
  background-repeat: no-repeat;
  background-position: 80% 90%;
  min-height: 768px;
}
.bean-bags.medium .range {
  background-image: url(../img/bean-bags-2-Medium.jpg);
}
.bean-bags.strong .range {
  background-image: url(../img/bean-bags-3-Strong.jpg);
}
.bean-bags.vstrong .range {
  background-image: url(../img/bean-bags-4-VStrong.jpg);
}
.bean-bags.xstrong .range {
  background-image: url(../img/bean-bags-5-ExStrong.jpg);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus, .bean-bags h2 {
  color: #9b5717;
}
.bean-bags .bean-bags-bg {
  background: url(../img/hero-product-bean-bags.jpg) 50% bottom no-repeat;
  min-height: 100%;
  background-size: cover;
}
.bean-bags .bags {
  width: 26%;
}
/* Product pages - capsules
/* ================================================================================ */
 .capsules .range {
  background-repeat: no-repeat;
  background-position: 80% 90%;
  min-height: 768px;
}
.capsules.medium .range {
  background-image: url(../img/capsules-2-Medium.jpg);
}
.capsules.strong .range {
  background-image: url(../img/capsules-3-Strong.jpg);
}
.capsules.vstrong .range {
  background-image: url(../img/capsules-4-VStrong.jpg);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus, .capsules h2 {
  color: #9b5717;
}
.capsules .capsules-bg {
  background: url(../img/hero-product-capsule-nespresso.jpg) 50% bottom no-repeat;
  min-height: 100%;
  background-size: cover;
}
.capsules .capsules {
  /*width: 26%;*/
}
.capsules .list-milk-froth,
.capsules .list-steamed-milk,
.capsules .list-one-shot,
.capsules .list-two-shots,
.capsules .list-hot-water {
  padding-left: 30px;
  overflow: visible;
}
.capsules .list-milk-froth {
  background: url(../img/bullet-milk-froth.svg) left top no-repeat;
}
.capsules .list-steamed-milk {
  background: url(../img/bullet-steamed-milk.svg) left top no-repeat;
}
.capsules .list-one-shot {
  background: url(../img/bullet-one-shot.svg) left top no-repeat;
}
.capsules .list-two-shots {
  background: url(../img/bullet-two-shot.svg) left top no-repeat;
}
.capsules .list-hot-water {
  background: url(../img/bullet-hot-water.svg) left top no-repeat;
}
/* ================================================================================ */

/* Product pages - freeze dried
/* ================================================================================ */
 .freeze-dried .range {
  background-repeat: no-repeat;
  background-position: 80% 90%;
  min-height: 768px;
}
.freeze-dried.medium .range {
  background-image: url(../img/freeze-dried-2-Medium.jpg);
}
.freeze-dried.strong .range {
  background-image: url(../img/freeze-dried-3-Strong.jpg);
}
.freeze-dried.vstrong .range {
  background-image: url(../img/freeze-dried-4-V.Strong.jpg);
}
.freeze-dried.xstrong .range {
  background-image: url(../img/freeze-dried-5-Ex.Strong.jpg);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus, .freeze-dried h2 {
  color: #9b5717;
}
.freeze-dried .freeze-dried-bg {
  background: url(../img/hero-product-freeze-dried.jpg) 63% bottom no-repeat;
  min-height: 100%;
  background-size: 1330px;
}
.freeze-dried .block-1 h2 {
  width: 80%;
}
/* ================================================================================ */

/* Product pages - plunger
/* ================================================================================ */
 .plunger .range {
  background-image: url(../img/plunger-grind-4-V.Strong.jpg);
  background-repeat: no-repeat;
  background-position: 80% 90%;
  min-height: 768px;
  transition: background-image ease-in .5s;
  -webkit-transition: background-image ease-in .5s;
}
.plunger.medium .range {
  background-image: url(../img/plunger-grind-2-Medium.jpg);
}
.plunger.strong .range {
  background-image: url(../img/plunger-grind-3-Strong.jpg);
}
.plunger.vstrong .range {
  background-image: url(../img/plunger-grind-4-V.Strong.jpg);
}
.plunger.xstrong .range {
  background-image: url(../img/plunger-grind-5-Ex.Strong.jpg);
}
.plunger.xxstrong .range {
  background-image: url(../img/plunger-grind-X-ProductPage.jpg);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus, .plunger h2 {
  color: #9b5717;
}
.plunger .plunger-bg {
  background: url(../img/hero-product-plunger-grind.jpg) 50% bottom no-repeat;
  min-height: 100%;
  background-size: cover;
}
/* ================================================================================ */

/* Product pages - espresso
/* ================================================================================ */
 .espresso .range {
  background-repeat: no-repeat;
  background-position: 80% 90%;
  min-height: 768px;
}
.espresso.medium .range {
  background-image: url(../img/espresso-grind-2-Medium.jpg);
}
.espresso.strong .range {
  background-image: url(../img/espresso-grind-3-Strong.jpg);
}
.espresso.vstrong .range {
  background-image: url(../img/espresso-grind-4-V.Strong.jpg);
}
.espresso.xstrong .range {
  background-image: url(../img/espresso-grind-5-Ex.Strong.jpg);
}
.espresso.xxstrong .range {
  background-image: url(../img/espresso-grind-X-ProductPage.jpg);
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus, .espresso h2 {
  color: #9b5717;
}
.espresso .espresso-bg {
  background: url(../img/hero-product-espresso-grind.jpg) 50% bottom no-repeat;
  min-height: 100%;
  background-size: cover;
}
.espresso .espresso-bg .block-text {
  width: 70%;
}
.espresso .arabica {
  width: 26%;
}
.espresso .process img {
  width: 200px;
}
.espresso .step {
  position: absolute;
  left: 15px;
  top: 180px;
  width: 90%;
}
.process .espresso-steps {
  min-height: 280px;
}
.espresso .process .stovetop {
  position: absolute;
  width: 120px;
  top: -297px;
  left: 110px;
}
/* ================================================================================ */

/* Product pages - whole-beans
/* ================================================================================ */
 .whole-beans .range {
  background-repeat: no-repeat;
  background-position: 80% 90%;
  min-height: 768px;
}
 .whole-beans.medium .range {
  background-image: url(../img/whole-beans-2-Medium.jpg);
}
.whole-beans.strong .range {
  background-image: url(../img/whole-beans-3-Strong.jpg);
}
.whole-beans.vstrong .range {
  background-image: url(../img/whole-beans-4-V.Strong.jpg);
}
.whole-beans.xstrong .range {
  background-image: url(../img/whole-beans-5-Ex.Strong.jpg);
}
.whole-beans.xxstrong .range {
  background-image: url(../img/whole-beans-X-ProductPage.jpg);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus, .whole-beans h2 {
  color: #9b5717;
}
.front .nav-pills>li.active>a, .front .nav-pills>li.active>a:hover, .front .nav-pills>li.active>a:focus {
  color: #ec8736;
}
.whole-beans .whole-beans-bg {
  background: url(../img/hero-product-whole-beans.jpg) 50% bottom no-repeat;
  min-height: 100%;
  background-size: cover;
}
.whole-beans .process img {
  width: 200px;
}
.whole-beans .step {
  position: absolute;
  left: 20px;
  top: 180px;
  width: 90%;
}
.whole-beans .steps {
  min-height: 280px;
}
.whole-beans .process .step img {
  position: absolute;
  top: -190px;
  left: 150px;
}
.whole-beans .whole {
  width: 26%;
}
/* ================================================================================ */

/* Nav JS overides
/* ================================================================================ */
 .smooth .nav-pills>li.active>a, .smooth .nav-pills>li.active>a:hover, .smooth .nav-pills>li.active>a:focus {
  color: #e0812f;
}
.medium .nav-pills>li.active>a, .medium .nav-pills>li.active>a:hover, .medium .nav-pills>li.active>a:focus {
  color: #f79839;
}
.strong .nav-pills>li.active>a, .strong .nav-pills>li.active>a:hover, .strong .nav-pills>li.active>a:focus {
  color: #cf701c;
}
.vstrong .nav-pills>li.active>a, .vstrong .nav-pills>li.active>a:hover, .vstrong .nav-pills>li.active>a:focus {
  color: #9c5713;
}
.xstrong .nav-pills>li.active>a, .xstrong .nav-pills>li.active>a:hover, .xstrong .nav-pills>li.active>a:focus {
  color: #713c0a;
}
/* ================================================================================ */

/* Thank you screen
/* ================================================================================ */
 body.thanks {
  background: #000;
  color: #fff;
}
.thanks h2 {
  color: #fff;
  border-color: #fff;
}
.thanks img.logo {
  margin: 50px 0 0 15px;
  width: 130px;
}
.thanks .row {
  margin-bottom: 100px;
}
.thanks a {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
}
.thanks img.go-home {
  margin-top: 20px;
}
/* ================================================================================ */

/* Large screens - 992px
/* ================================================================================ */
 @media (min-width:992px) {
  .jed-one img {
    margin: 30px 0 -22px 20px;
  }
  .jed-two img {
    margin: 30px 0 -23px -19px;
  }
  .jed-three img {
    margin: 30px 0 -23px -5px;
  }
  .jed-four img {
    margin: 30px 0 -23px -15px;
  }
  .jed-five img {
    margin: 30px 0 -23px 10px;
  }
  .jed-x img {
    margin: 30px 0 -23px 10px;
  }
  .bean-bags .step, .freeze-dried .step, .capsules .step {
    left: 28px;
    top: 220px;
	width: 220px;
  }
}
/* ================================================================================ */

/* Based on Twt Bootstrap Querie for Tablets
/* ================================================================================ */
 @media (max-width: 991px) {
  .block-1 h2 {
    margin-top: 168px;
  }
  .b1-background {
    background: url(../img/hero-promo-bean-bags.jpg) 50% bottom no-repeat;
  }
  .scrolled .nav-border {
	  width: 100%;
	  left:0;
  }
}
@media (min-width: 991px) {
  .fav-number {
    width: auto;
  }
}
/* ================================================================================ */

/* Medium screens and above
/* ================================================================================ */
 @media (min-width: 768px) {
  .block-3 .blend-text h3 {
    margin-bottom: 4px;
  }
  .jeds-type {
    margin-top: 40px;
    padding: 0 10px;
  }
  .navbar .canvas-slid .close-x {
    display: none;
  }
}

 @media (min-width:651px) and (max-width:768px) {
    .bags-description {
        width: 45%!important;
    }
  }
/* ================================================================================ */

/* Medium screens - 768px to 991px
/* ================================================================================ */
 @media (min-width:768px) and (max-width:991px) {
  .nav-btt {
    display: none;
  }
  /* block 1 */
  .b1-background {
    background-position: 56% bottom;
    background-repeat: no-repeat;
    min-height: 768px;
    height: 100%;
  }
  /* block 2 */
  .block-2 .anytime {
    top: 142px;
  }
  .block-2 .product-range {
    padding: 200px 0 0 0;
  }
  .block-2 .bags, .block-2 .freeze, .block-2 .plunger, .block-2 .espresso, .block-2 .beans, .block-2 .capsules {
    width: auto;
  }
  .block-2 .bags {
    background-position: -166px 260px;
    background-size: 260px auto;
  }
  .block-2 .bags:hover {
    background-position: -166px 260px;
  }
  .block-2 .freeze {
    background-position: -197px 215px;
    background-size: 290px auto;
  }
  .block-2 .freeze:hover {
    background-position: -197px 215px;
  }
  .block-2 .plunger {
    background-position: -163px 242px;
    background-size: 260px auto;
  }
  .block-2 .plunger:hover {
    background-position: -163px 242px;
  }
  .block-2 .espresso {
    background-position: -163px 242px;
    background-size: 260px auto;
  }
  .block-2 .espresso:hover {
    background-position: -163px 242px;
  }
  .block-2 .beans {
    background-position: -163px 242px;
    background-size: 260px auto;
  }
  .block-2 .beans:hover {
    background-position: -163px 242px;
  }
  .block-2 .capsules {
    background-position: -207px 225px;
    background-size: 295px auto;
  }
  .block-2 .capsules:hover {
    background-position: -207px 225px;
  }
  /* block 3 */
  .jed-one, .jed-two, .jed-three, .jed-four, .jed-five, .jed-x {
    height: 283px;
  }
  .jed-one img, .jed-two img, .jed-three img, .jed-four img, .jed-five img, .jed-x img {
    position: absolute;
    bottom: -5px;
  }
  .jed-one img {
    height: 155px;
    margin: 0 0 0 40px;
  }
  .jed-two img {
    height: 155px;
    margin: 0 0 0 10px;
  }
  .jed-three img {
    height: 155px;
    margin: 0 0 0 20px;
  }
  .jed-four img {
    height: 155px;
    margin: 0 0 0 10px;
  }
  .jed-five img {
    height: 155px;
    margin: 0 0 0 20px;
  }
  .jed-x img {
    height: 155px;
    margin: 0 0 0 20px;
  }
  /* block 4 */
  .story .bg4-background {
    background-position: 30% 0;
  }
  /* footer */
  .roasted {
    width: auto;
  }
  form .lastn, form .firstn {
    padding: 0;
  }
  /* Product pages */
  .plunger .plunger-bg {
    background-size: 130%;
    background-position: 63% bottom;
  }
  .range {
    background-position: 70% 0;
  }
  .blend-text {
    width: 100px;
  }
  .freeze-dried .step {
    left: 185px;
  }
  .bean-bags .step {
    left: 205px;
  }
  .bean-bags .range {
    background-position: 110% 90%;
    background-size: 65%;
  }
  .capsules .step {
    left: 205px;
  }
  .capsules .range {
    background-position: 110% 90%;
    background-size: 65%;
  }
  .freeze-dried .range {
    background-position: 80% 90%;
    background-size: 45%;
  }
  .process {
    padding: 140px 0 20px;
  }
  .freeze-dried .process .row {
    min-height: 250px;
  }
  .freeze-dried .freeze-dried-bg {
    background-position: 40% bottom;
    background-size: 140%;
  }
  .plunger .range {
    background-position: 110% 90%;
    background-size: 480px;
  }
  .espresso .product-range {
    padding-bottom: 30px;
  }
  .espresso .process img {
    left: 0;
    position: absolute;
    top: -30px;
  }
  .espresso .step {
    left: 20px;
  }
  .espresso .process .espresso-steps {
    min-height: 350px;
    margin-top: 30px;
  }
  .whole-beans .range {
    background-position: 90% 90%;
    background-size: 60%;
  }
  .whole-beans .steps {
    min-height: 300px;
    margin-top: 30px;
  }
  .bags-description {
      width: 40%!important;
  }
}

/* ================================================================================ */

/* Desktop (larger than tablet) - 1024px and abbove
/* ================================================================================ */
 @media (min-width:1025px) {

  .scrolled .navbar .nav-pills {
    margin-top: 12px;
    padding: 0;
    margin-right: 10px;
  }
  .scrolled .navbar .nav-pills li {
    line-height: 1em;
  }
  .scrolled .navbar .nav-pills a {
    font-size: 14px;
    padding: 0;
  }
}
/* ================================================================================ */

/* Tablet (landscape) - 1023px and below
/* ================================================================================ */
 @media (max-width:1024px) {
  .nav {
    letter-spacing: 0;
  }
  .navbar .in .nav>li>a.bean-bags, .navbar .in .nav>li>a.capsules, .navbar .in .nav>li>a.freeze-dried, .navbar .in .nav>li>a.plunger-grind, .navbar .in .nav>li>a.espresso-grind, .navbar .in .nav>li>a.whole-beans {
    padding-left: 60px;
    background-size: 40px;
    background-position: 10px 5px;
    background-repeat: no-repeat;
  }
  .navbar .in .nav>li>a.active {
    background-color: #cd7027;
  }
  .navbar .canvas-slid .close-x {
    background: url("../img/close.svg") no-repeat scroll center 18px / 24px 24px rgba(255, 255, 255, 0.8);
    cursor: pointer;
    display: block;
    font-size: 30px;
    height: 100%;
    left: 0;
    padding: 18px 13px;
    position: fixed;
    top: 0;
    width: 20%;
  }
  .navbar .canvas-slid .close-x:before {
    /*content:"\e014";
    font-family:'Glyphicons Halflings';*/
  }
  .nav li a.bean-bags {
    background-image: url(../img/icon-bean-bags-white.svg);
  }
  .nav li a.freeze-dried {
    background-image: url(../img/icon-freeze-dried-white.svg);
  }
  .nav li a.plunger-grind {
    background-image: url(../img/icon-plunger-grind-white.svg);
  }
  .nav li a.espresso-grind {
    background-image: url(../img/icon-espresso-grind-white.svg);
  }
  .nav li a.whole-beans {
    background-image: url(../img/icon-whole-beans-white.svg);
  }
  .nav li a.capsules {
    background-image: url(../img/icon-capsules-white.svg);
  }
  .nav>li>a.double-line {
	line-height: 25px;
  }
  .scrolled #logo {
	 width: 81px;
	 height: 62px;
  }
}
/* ================================================================================ */

/* Tablet - 767px and below
/* ================================================================================ */
 @media (max-width:767px) {
  #left, #right, #top, #bottom {
    display: none;
  }

  /* block 1 */
  .b1-background {
    background-position: 56% bottom;
    background-repeat: no-repeat;
    min-height: 768px;
	height: 100%;
    background-size: cover;
  }
  .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    padding-right: 0;
    padding-left: 0;
  }
  .block-1 {
    background-size: 830px;
    min-height: 620px;
  }
  .block-1 h2 {
    margin-top: 120px;
  }
  .product-range .range {
    min-height: 0px;
  }
  .product-range h2 {
      margin-top: 0;
  }
  .product-range  {
      padding-bottom: 50px;
  }
  /* block 2 */
  /*
  .block-2 .anytime {
    top: 142px;
  }
  .block-2 .product-range {
    padding: 200px 0 0 0;
  }
  .block-2 .bags, .block-2 .freeze, .block-2 .plunger, .block-2 .espresso, .block-2 .beans {
    width: auto;
  }
  .block-2 .bags {
    background-size: 390px;
    background-position: -257px 153px;
  }
  .block-2 .bags:hover {
    background-position: -257px 143px;
  }
  .block-2 .freeze {
    background-size: 370px;
    background-position: -249px 131px;
  }
  .block-2 .freeze:hover {
    background-position: -249px 121px;
  }
  .block-2 .plunger {
    background-size: 350px;
    background-position: -218px 154px;
  }
  .block-2 .plunger:hover {
    background-position: -218px 144px;
  }
  .block-2 .espresso {
    background-size: 350px;
    background-position: -220px 157px;
  }
  .block-2 .espresso:hover {
    background-position: -220px 147px;
  }
  .block-2 .beans {
    background-size: 380px;
    background-position: -251px 159px;
  }
  .block-2 .beans:hover {
    background-position: -251px 149px;
  }
  */
    /* block-2 */
  .block-2 {
    background: #f0f0f0;
  }
  .block-2 .anytime {
    position: initial;
    top: 0;
    margin-top: 30px;
  }
  .product-range-ms {
    padding-bottom: 40px;
  }
  .prod-container {
    padding: 10px 0;
    cursor: pointer;
  }
  .block-2 .product-img-sm {
    width: 25%;
    height: 25%;
  }
  .block-2 span {
    font-size: 27px;
    text-transform: uppercase;
    font-family: TradeGothicLTCom-Bold, Helvetica, Arial, sans-serif;
    vertical-align: middle;
    margin-left: 10px;
  }
  .block-2 i {
    position: absolute;
    right: 10px;
    top: 35%;
  }
  .block-2 .bags, .block-2 .freeze, .block-2 .plunger, .block-2 .espresso, .block-2 .beans {
    background: none;
  }
  /* block-3 */
  .block-3 .col-xs-15 {
    padding-right: 5px;
    padding-left: 0;
  }
  .block-3 h2 {
    width: 460px;
  }
  .block-3 p {
    width: 460px;
    margin-bottom: 70px;
  }
  .block-3 .blend-text p {
    width: auto;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 0;
  }
  .block-3 .blend-text {
    min-height: 90px;
  }
  .jed-one, .jed-two, .jed-three, .jed-four, .jed-five, .jed-x {
    height: 296px;
  }
  .jed-one img, .jed-two img, .jed-three img, .jed-four img, .jed-five img, .jed-x img {
    height: 160px;
  }
  .jed-one img {
    height: 150px;
    bottom: -6px;
  }
  .jed-two img {
    margin: 30px 0 -23px 4px;
  }
  .jed-three img {
    margin: 30px 0 -23px 15px;
  }
  .jed-four img {
    margin: 24px 0 -23px 3px;
    right: -22px;
  }
  .jed-five img {
    margin: 24px 0 -23px 13px;
  }
  .jed-x img {
    margin: 24px 0 -23px 13px;
  }
  /* block 4 */
  .story .bg4-background {
    background-position: 30% 0;
  }
  /* footer */
  .footer {
    padding: 250px 0 50px 0;
  }
  .roasted {
    width: 80px;
  }
  form .firstn, form .lastn {
    padding: 0;
  }
  /* Product pages */
  .whole-beans .whole-beans-bg, .bean-bags .bean-bags-bg, .freeze-dried .freeze-dried-bg, .plunger .plunger-bg, .espresso .espresso-bg, .capsules .capsules-bg {
    min-height: 830px;
  }
  .espresso .espresso-bg {
    /*background-size: cover;*/
  }
  .range {
    background-position: 70% 0;
  }
  .blend-text {
    width: 100px;
  }
  .plunger .plunger-bg {
    background-size: 130%;
    background-position: 63% bottom;
  }
  .navbar-header {
    background: rgba(255, 255, 255, 0);
    border-bottom: 0px none;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    left: 15px;
  }
  body.scrolled .navbar-header {
    background: rgba(255, 255, 255, .95);
    border-bottom: 1px solid #F4F4F4;
  }
  .jeds-logo {
    display:none;
  }
  img.nav-to-top {
    display:block;
    position:absolute;
    margin-left:15px;
    margin-top:8px;
    margin-bottom:8px;
    top:20px;
    left:15px;
  }
  .bean-bags .range {
    background-position: 90% 100%;
    background-size: 95%;
  }
  .capsules .range {
    background-position: 90% 100%;
    background-size: 95%;
  }
  .process {
    padding: 20px 0;
  }
  .bean-bags .step {
    left: 185px;
    margin: 22px 0 30px 15px;
  }
  .capsules .step {
    left: 185px;
    margin: 22px 0 30px 15px;
  }
  .freeze-dried .process .row {
    min-height: 250px;
  }
  .freeze-dried .step {
    left: 185px;
    margin: 22px 0 30px 0;
  }
  .plunger .range {
    background-position: 110% 90%;
    background-size: 480px;
  }
  .espresso .range {
    background-position: 100% 100%;
  }
  .espresso .product-range {
    padding-bottom: 30px;
  }
  .espresso .process img {
    left: 0;
    position: absolute;
    top: -30px;
  }
  .espresso .step {
    left: 20px;
  }
  .espresso .process .espresso-steps {
    min-height: 350px;
    margin-top: 30px;
  }
  .whole-beans .range {
    background-position: 100% 100%;
    background-size: 60%;
  }
  .whole-beans .steps {
    min-height: 300px;
    margin-top: 30px;
  }
  .freeze-dried .freeze-dried-bg {
    background-position: 40% bottom;
    background-size: 140%;
  }
  .blends img {
    width: 40px;
  }
  .bean-bags .bags, .whole-beans .whole, .espresso .arabica, .capsules .capsules {
    width: 100%;
  }
  .whole-beans .range, .espresso .range, .bean-bags .range, .plunger .range, .freeze-dried .range, .capsules .range {
    background-size: 45%;
  }
  .blend-text {
    width: 200px;
  }

}
/* ================================================================================ */

/* Overlap text issues - 780px  to 1023px
/* ================================================================================ */
 @media (min-width:768px) and (max-width:1024px) {
   .navbar-toggle {
	margin-right: -10px; 
	margin-top: 20px;
  }
	.navbar-default .navbar-toggle.fill-white .icon-bar {
		background-color: #FFFFFF;
	}
  #logo {
    display: none;
  }
  #logo.fill-white {
    display: block;
  }
  .scrolled #logo {
    display: block;
  }
  .main-logo {
    height: 100px;
    width: 130px;
    display: block;
    position: absolute;
    top: 30px;
    background: url("../img/jeds-logo-colour_v2.svg") no-repeat scroll 0 0 / auto 100% rgba(0, 0, 0, 0);
  }
 }
/* ================================================================================ */

/* Overlap text issues - 600px  to 650px
/* ================================================================================ */
 @media (min-width:480px) and (max-width:650px) {
  .block-2 .bags, .block-2 .freeze, .block-2 .plunger, .block-2 .espresso, .block-2 .beans {
    height: 580px;
  }
  .block-2 .bags, .block-2 .bags:hover {
    background-size: 390px;
    background-position: -257px 233px;
  }
  .block-2 .freeze, .block-2 .freeze:hover {
    background-size: 370px;
    background-position: -249px 211px;
  }
  .block-2 .plunger, .block-2 .plunger:hover {
    background-size: 350px;
    background-position: -218px 234px;
  }
  .block-2 .espresso, .block-2 .espresso:hover {
    background-size: 350px;
    background-position: -220px 237px;
  }
  .block-2 .beans, .block-2 .beans:hover {
    background-size: 380px;
    background-position: -251px 239px;
  }
  
  .jed-one h3, .jed-two h3, .jed-three h3, .jed-four h3, .jed-five h3, .jed-x h3 {
    margin-bottom: 5px;
  }
  .col-ms-12 {
      width: 100%;
  }
  .col-ms-9 {
      width: 75%;
  }
  .col-ms-8 {
      width: 66.66%;
  }
  .col-ms-6 {
      width: 50%;
  }
  .roasted {
    width: 80px;
    position: absolute;
    top: 36px;
    right: -90px;
  }
  .footer .about p {
    margin-bottom: 0;
  }
  .footer .about {
    margin-bottom: 40px;
  }
  .foot-btt {
    position: absolute;
    top: 64px;
    right: -70%;
  }
  .bean-bags .process img {
    width: 130px;
    margin: 30px 15px;
  }
  .capsules .process img {
    width: 130px;
    margin: 30px 15px;
  }
  .step {
    position: static;
    margin: 60px 0 30px 151px;
  }
  .process img {
      left: -20px;
  }
  .bean-bags .process img {
    width: 130px;
    margin: 30px 15px;
  }
  .bean-bags .step {
    margin: 22px 0 30px 117px;
  }
  .capsules .process img {
    width: 130px;
    margin: 30px 15px;
  }
  .capsules .step {
    margin: 22px 0 30px 117px;
  }
  .freeze-dried .process img {
      margin: 20px;
      width: 120px;
  }
  .freeze-dried .step {
      margin: 22px 0 30px 117px;
  }
  .espresso .process img {
      float: left;
      width: 144px;
  }
  .espresso .step {
      margin: -30px 0 70px 140px;
      position: static;
      width: 54%;
  }
  .whole-beans .process img {
    float: left;
    width: 150px;
  }
  .whole-beans .step {
    margin: 0 0 60px 110px;
    position: static;
    width: 47%;
  }
  /* block-3 */
  .block-3 .col-xs-15 {
    width: 100%;
  }
  .block-3 {
    padding: 50px 0 0 0;
  }
  .block-3 h2 {
    width: 90%;
  }
  .block-3 p {
    width: 90%;
    margin-bottom: 20px;
  }
  .block-3 img {
    position: absolute;
    top: -30px;
    right: 50px;
    height: 100%;
    width: 15%;
  }
  .block-3 div[class*="jed-"] {
    max-height: 67px;
    padding: 10px;
    width: 90%;
  }
  .block-3 .jed-one img {
    top: 0;
  }
  .block-3 .jed-two img {
    right: 44px;
  }
  .block-3 .jed-four img {
    top: -26px;
  }
  .block-3 .jed-five img {
    top: -24px;
  }
  .block-3 .jed-x img {
    top: -24px;
  }
  .block-3 .blend-text h3 {
    margin-top: 5px;
    margin-bottom: 0;
  }
}
/* ================================================================================ */

/* Design irregularities - 600px and below
/* ================================================================================ */
 @media (max-width:600px) {
  .block-2 {
    padding-top: 20px;
  }
  .b1-background {
    background-position: 60% bottom;
    background-repeat: no-repeat;
    min-height: 730px;

  }
  /* block-3 */
  .block-3 .col-xs-15 {
    width: 100%;
  }
  .block-3 {
    padding: 50px 0 0 0;
  }
  .block-3 h2 {
    width: 90%;
  }
  .block-3 p {
    width: 90%;
    margin-bottom: 20px;
  }
  .block-3 img {
    position: absolute;
    top: -30px;
    right: 50px;
    height: 100%;
    width: 15%;
  }
  .block-3 div[class*="jed-"] {
    max-height: 67px;
    padding: 10px;
    width: 90%;
  }
  .block-3 .jed-one img {
    top: 0;
  }
  .block-3 .jed-two img {
    right: 44px;
  }
  .block-3 .jed-four img {
    top: -26px;
  }
  .block-3 .jed-five img {
    top: -24px;
  }
  .block-3 .jed-x img {
    top: -24px;
  }
  .block-3 .blend-text h3 {
    margin-top: 5px;
    margin-bottom: 0;
  }
  /*block 4 */
  .story {
    padding-top: 80px;
  }
  /* footer */
  .footer {
    padding: 90px 0 50px 0;
  }
  .footer .about {
    font-size: 13px;
  }
  .footer .visible-ms p {
    margin-bottom: 20px;
  }
  .footer .about {
    margin-bottom: 40px;
  }
  form p {
    width: 70%;
  }
  .to-top {
    margin-top: -20px;
    min-height: 90px;
  }
  .to-top img {
    margin-right: 30px;
  }
}
/* ================================================================================ */

/* Mobile - 480px and below
/* ================================================================================ */
 @media (max-width:480px) {
  /* block-1 */
  .block-1 h2 {
    margin-top: 160px;
  }

  /*block-3 */
  .block-3 img {
    right: 30px;
  }
  .block-3 .jed-two img {
    right: 24px;
  }
  .block-3 .jed-four img {
    right: 28px;
  }
  .block-3 .jed-one img {
    top: -2px;
  }
  .block-3 .jed-x img {
    top: -2px;
  }
  /* video */
  .video-js {
    height: 250px !important;
  }
  /* block 4 */
  .story .bg4-background {
    background: url(../img/our-story-bg-mob.jpg) 0 bottom no-repeat;
    min-height: 1060px;
    background-size: cover;
    padding: 20px 0;
  }
  /* footer */
  .foot-btt {
    position: absolute;
    top: 64px;
    right: -70%;
  }
  .roasted {
    width: 80px;
    top: 36px;
    right: -90px;
  }
  .footer {
	padding-top: 30px;  
  }
  .footer .about p {
    margin-bottom: 0;
  }
  .header-mobile {
	padding: 10px;  
  }
  .contact-container {
	float: left;
	}
	.countries-container {
		margin-left: 0;	
		float: left;
		margin-bottom: 20px;
	}
	.countries-container .countries-block .top-buttons div {
		width: 50%;
		display: block;
		float: left;
		text-align: center;
		padding: 10px 0;
	}
	.countries-block .container {
		display: block;
		float: left;	
	}
	.countries-container .countries-block.nz .container .new-zealand h3 {
		width: 160px;
	}
	.countries-container .countries-block.nz .container .new-zealand .background {
		background-position: 10px 0;
		left: 0;
	}
	.countries-container .countries-block.au .container .australia {
		height: auto;	
	}
	#map-form input {
		width: 100%;	
	}
	#map-form .btn-map-search {
		display: none;	
	}
	#map-canvas {
		height: 300px;	
	}
  /* Products */
  .range {
    padding-top: 0;
  }
  .range h2 {
    margin-top: 20%;
  }
  .plunger .block1 {
    min-height: 0px;
    height: 690px;
  }
  .plunger .plunger-bg {
    background-position: 50% bottom;
    background-size: 200% auto;
    margin-top: -20px;
    min-height: 780px;
  }
  .range {
    min-height: 970px;
    background-position: 85% bottom;
    background-size: 210%;
  }
  .process {
    padding: 20px 0;
  }
  .process img {
    left: -20px;
  }
  .blends {
    height: 100px;
  }
  .blends img {
    width: 50px;
    height: 66px;
    max-width: 50px;
    max-height: 66px;
  }
  .blends .blend-heading {
    margin-top: 20px;
  }
  .step {
    position: static;
    margin: 60px 0 30px 151px;
  }
  .product-range {
    padding-top: 0;
  }
  /* Products */
  .bean-bags .bean-bags-bg {
    background-position: 63% bottom;
    background-size: 740px;
    min-height: 800px;
  }
  .bean-bags .range {
    background-position: 50% 95%;
    height: 840px;
    background-size: 80% auto;
  }
  .bean-bags .process img {
    width: 130px;
    margin: 30px 15px;
  }
  .bean-bags .step {
    margin: 22px 0 30px 117px;
  }
  .capsules .capsules-bg {
    background-position: 10% bottom;
    background-size: 600px auto;
    min-height: 744px;
  }
  .capsules .range {
    background-position: 50% 95%;
    height: 840px;
    background-size: 80% auto;
  }
  .capsules .process img {
    width: 130px;
    margin: 30px 15px;
  }
  .capsules .step {
    margin: 22px 0 30px 117px;
  }
  .freeze-dried .block-1 h2 {
    width: 80%;
  }
  .freeze-dried .range {
    background-position: 0 94%;
    min-height: 858px;
    background-size: 280px;
  }
  .freeze-dried .process img {
    width: 120px;
    margin: 20px;
  }
  .freeze-dried .process .row {
    min-height: 250px;
  }
  .freeze-dried .process {
    padding-bottom: 40px;
  }
  .freeze-dried .freeze-dried-bg {
    min-height: 750px;
    background-size: 190%;
  }
  .freeze-dried .step {
    margin: 22px 0 30px 117px;
  }
  .plunger .range {
    background-position: -20% 90%;
    background-size: 370px;
    min-height: 880px;
  }
  .espresso .range h2 {
    width: 80%;
  }
  .espresso .espresso-bg {
    background-position: -321px bottom;
    background-size: 300% auto;
    min-height: 755px;
  }
  .espresso .range {
    min-height: 948px;
    background-size: 90%;
    background-position: 80% 96%;
  }
  .espresso .product-range {
    padding-bottom: 0;
  }
  .espresso .process img {
    float: left;
    width: 144px;
  }
  .espresso .step {
    position: static;
    width: 54%;
    margin: -30px 0 70px 140px;
  }
  .espresso .process .espresso-steps {
    min-height: 350px;
    margin-top: 30px;
  }
  .whole-beans .process img {
    float: left;
    width: 150px;
  }
  .whole-beans .step {
    position: static;
    width: 47%;
    margin: 0 0 60px 110px;
  }
  .whole-beans .whole-beans-bg {
    background-position: 69% bottom;
    min-height: 600px;
  }
  .whole-beans .range {
    background-position: 90% 98%;
    background-size: 90%;
    height: 840px;
  }
  .whole-beans .steps {
    margin-top: 0;
  }
}