.banner .copy,
.banner .module--hover-switch .alternative,
.module--hover-switch .banner .alternative {
    bottom: 0%;
    position: absolute;
    z-index: 3;
}

.insidebanner .copy,
.insidebanner .module--hover-switch .alternative,
.module--hover-switch .insidebanner .alternative {
    bottom: 5%;
}

.insidebanner .copy .btn.simple,
.insidebanner .module--hover-switch .alternative .btn.simple,
.module--hover-switch .insidebanner .alternative .btn.simple {
    display: inline !important;
}

.module--image-boxes .box {
    cursor: pointer;
    height: 192px;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 1;
}

.module--image-boxes .overlay {
    background-color: transparent;
    background-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .54) 100%);
    background-image: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .54) 100%);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.module--image-boxes figure {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.module--hover-switch .module--image-boxes .alternative,
.module--image-boxes .copy,
.module--image-boxes .module--hover-switch .alternative {
    color: #fff;
    font-family: proxima_novasemibold, sans-serif;
    font-style: normal;
    height: 65%;
    left: 15%;
    padding-right: 10%;
    position: relative;
    text-align: left;
    top: 38%;
    transition: all .5s;
    z-index: 3;
}

.module--hover-switch .module--image-boxes .alternative a,
.module--image-boxes .copy a,
.module--image-boxes .module--hover-switch .alternative a {
    color: #fff;
    margin-top: 20px !important;
}

.read-more {
    border-bottom: 2px solid #fff;
    opacity: 0;
    transition: .5s all;
}

.module--hover-switch .module--image-boxes .alternative h3,
.module--image-boxes .copy h3,
.module--image-boxes .module--hover-switch .alternative h3 {
    font-size: 1.5rem;
    font-size: 24px;
    line-height: 40px;
}

.module--hover-switch .module--image-boxes .alternative hr,
.module--image-boxes .copy hr,
.module--image-boxes .module--hover-switch .alternative hr {
    float: left;
    width: 48px;
}

.module--hover-switch .module--image-boxes .box:hover .alternative,
.module--image-boxes .box:hover .copy,
.module--image-boxes .box:hover .module--hover-switch .alternative {
    top: 24%;
}

.module--image-boxes .box:hover a {
    opacity: 1 !important;
}

.module--hover-boxes .box .copy p,
.module--hover-boxes .box .module--hover-switch .alternative p,
.module--hover-switch .alternative p,
.module--hover-switch .copy p,
.module--hover-switch .module--hover-boxes .box .alternative p,
.module--instagram div:hover span {
    opacity: 1;
}

.module--image-trigger:after {
    display: table;
}

.module--image-trigger .box {
    height: 228px;
    margin-bottom: 1.375rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 1;
}

.module--image-trigger .box:last-child {
    margin-right: 0;
}

.module--image-trigger figure {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.module--image-trigger .overlay {
    background: rgba(0, 0, 0, .25);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.module--image-trigger .trigger {
    background: url(../img/ui/image-interface.png) no-repeat;
    display: none;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 15px;
    z-index: 3;
}

.module--hover-switch .box {
    cursor: pointer;
    height: 418px;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 1;
}

.module--hover-switch figure {
    height: 130%;
    left: -20%;
    position: absolute;
    top: -20%;
    width: 130%;
}

.module--hover-switch figure .is__blurred {
    filter: blur(8px);
    webkit-filter: blur(8px);
}

.module--hover-switch .overlay {
    background-color: transparent;
    background-image: linear-gradient(to top, #161414, transparent);
    background-image: -webkit-linear-gradient(bottom, #161414, transparent);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.module--hover-switch .overlay.is__visible {
    display: block;
}

.module--hover-switch .alternative,
.module--hover-switch .copy {
    color: #fff;
    display: block;
    font-family: proxima_novasemibold, sans-serif;
    font-style: normal;
    left: 5%;
    padding-right: 10%;
    position: relative;
    text-align: left;
    top: 50%;
    z-index: 3;
}

.module--hover-switch .alternative h3,
.quote q {
    font-family: revival_555semibolditalica, Georgia, serif;
}

.module--hover-switch .alternative h3,
.module--hover-switch .copy h3 {
    font-size: 1.5rem;
    font-size: 24px;
    line-height: 40px;
}

.module--hover-switch .alternative hr,
.module--hover-switch .copy hr {
    float: left;
    width: 20%;
}

.module--hover-switch .alternative {
    height: 40%;
    text-align: center;
    top: 40%;
}

.module--hover-switch .alternative h3 {
    font-style: italic;
    text-transform: none;
}

.module--hover-switch .alternative a {
    border-bottom: 2px solid #fff;
    bottom: 3%;
    color: #fff;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    width: 92px;
}

.module--hover-switch .is__visible {
    display: block;
}

.module--hover-switch .is__hidden {
    display: none;
}

.module--instagram h3 {
    margin-bottom: .5rem;
    text-transform: uppercase;
}

.module--instagram div {
    float: left;
    height: 100px;
    position: relative;
    width: 50%;
}

.module--instagram div icon {
    background: url(../img/ui/instagram-icon.svg) no-repeat;
    bottom: 20px;
    height: 24px;
    left: 30px;
    padding: 3px 0 0 30px;
    position: absolute;
    width: 60px;
}

.module--instagram div icon span {
    color: #fff;
    opacity: 0;
    transition: opacity .3s;
}

.module--shop {
    color: #fff;
    padding: 1.5rem 0;
}

.module--shop ul li:first-child {
    list-style: none;
}

.module--shop ul li {
    float: left;
}

.module--shop ul li:last-child {
    clear: both;
    list-style: none;
}

.module--join-us {
    color: #000;
    padding: 1.5rem 0 0;
    position: relative;
}

.module--join-us h3 {
    font-weight: 700;
    text-transform: uppercase;
}

.module--join-us hr {
    border-color: #000;
}

.module--multi .bg--flavour-way hr,
.module--multi .memberships hr,
.module--multi .module--copy hr,
.module--multi .sustainability hr {
    border-color: #fff;
}

.module--join-us .btn {
    position: static;
}

.module--join-us .six--columns>img {
    display: none;
}

.module--multi .bg--flavour-way,
.module--multi .memberships,
.module--multi .sustainability {
    position: relative;
    z-index: 1;
}

.module--hover-switch .module--multi .bg--flavour-way .alternative,
.module--hover-switch .module--multi .memberships .alternative,
.module--hover-switch .module--multi .sustainability .alternative,
.module--multi .bg--flavour-way .copy,
.module--multi .bg--flavour-way .module--hover-switch .alternative,
.module--multi .memberships .copy,
.module--multi .memberships .module--hover-switch .alternative,
.module--multi .sustainability .copy,
.module--multi .sustainability .module--hover-switch .alternative {
    height: 100%;
    left: 10%;
    position: absolute;
    top: 1.5rem;
    width: 80%;
    z-index: 3;
}

.module--multi .bg--flavour-way .btn,
.module--multi .memberships .btn,
.module--multi .sustainability .btn {
    bottom: 20%;
    position: absolute;
}

.module--multi .memberships {
    color: #fff;
}

.module--multi .memberships .coverer {
    background: rgba(0, 0, 0, .3);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.module--multi .bg--flavour-way,
.module--multi .sustainability {
    color: #fff;
}

.module--multi .bg--flavour-way .btn {
    display: inline-block;
    margin-top: 30px;
    position: relative;
}

.module--multi .module--copy {
    color: #fff;
    position: relative;
}

.module--hover-switch .module--multi .module--copy .alternative,
.module--multi .module--copy .copy,
.module--multi .module--copy .module--hover-switch .alternative {
    bottom: 0;
    font-style: normal;
    left: 5%;
    padding-right: 10%;
    position: absolute;
    text-align: left;
    transition: .5s all;
    z-index: 3;
}

.module--hover-switch .module--multi .module--copy .alternative a,
.module--multi .module--copy .copy a,
.module--multi .module--copy .module--hover-switch .alternative a {
    color: #fff;
    display: block;
    font-family: proxima_novasemibold, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    transition: .5s all;
    width: 92px;
    z-index: 3;
}

.module--multi .module--copy .overlay {
    background-color: transparent;
    background-image: linear-gradient(to top, #161414, transparent);
    background-image: -webkit-linear-gradient(bottom, #161414, transparent);
    display: block;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.module--multi .module--copy .overlay.is__visible {
    display: block;
}

.module--hover-switch .module--multi .module--copy:hover .alternative,
.module--multi .module--copy:hover .copy,
.module--multi .module--copy:hover .module--hover-switch .alternative {
    bottom: 10%;
}

.module--hover-switch .module--multi .module--copy:hover .alternative a,
.module--multi .module--copy:hover .copy a,
.module--multi .module--copy:hover .module--hover-switch .alternative a {
    opacity: 1;
}

.module--social ul .social {
    margin-top: 3.75rem;
}

.module--social ul .facebook,
.module--social ul .instagram,
.module--social ul .instagram-chefs,
.module--social ul .twitter,
.module--social ul .twitter-chefs {
    margin: 10px;
}

.module--social ul .instagram-chefs a,
.module--social ul .twitter-chefs a {
    display: inline-block;
    float: left;
    height: 23px;
    width: 23px;
}

.module--social form input,
.module--social form label {
    margin: 10px 0;
    width: 100%;
}

.module--hover-switch .natooraproduce .alternative a,
.natooraproduce .copy a,
.natooraproduce .module--hover-switch .alternative a {
    display: inline-block !important;
    width: auto !important;
}

.module--hover-switch .natooraproduce .alternative .btn,
.natooraproduce .copy .btn,
.natooraproduce .module--hover-switch .alternative .btn {
    margin-top: 0;
}

.hover-boxes--description {
    margin: 3% 10%;
    font-family: proxima_nova_rgregular, sans-serif;
    font-style: normal;
}

.module--hover-boxes .box {
    cursor: pointer;
    height: 400px !important;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 1;
}

.module--hover-boxes .box:hover h3 {
    opacity: 1;
}

.module--hover-boxes .box:hover a {
    margin: 5% 10%;
    opacity: 1;
}

.module--hover-boxes .box:hover p {
    text-shadow: 0 1px 8px transparent;
}

.module--hover-boxes figure {
    height: 100%;
    left: -10%;
    position: absolute;
    top: -4%;
    width: 100%;
}

.module--hover-boxes figure.is__blurred {
    filter: blur(4px);
    webkit-filter: blur(4px);
    transform: scale(1.05); 
}

.module--hover-boxes .copy,
.module--hover-boxes .module--hover-switch .alternative,
.module--hover-switch .module--hover-boxes .alternative {
    color: #fff;
    display: block;
    font-family: revival_555semibolditalica, Georgia, serif;
    font-style: itarif;
    font-style: itarif;
    font-style: itarif;
    font-style: italic;
    height: 100%;
    left: 0;
    position: absolute;
    background: rgba(0,0,0,.5);
    padding-top: 32%;
    transition: all .5s;
    width: 100%;
    z-index: 3;
    text-align: left;
}

.module--hover-boxes .copy h3,
.module--hover-boxes .module--hover-switch .alternative h3,
.module--hover-switch .module--hover-boxes .alternative h3 {
    backface-visibility: hidden;
    margin: 30px auto;
    opacity: 0;
    text-indent: -300000000px;
    transition: opacity .3s ease-in-out;
    webkit-backface-visibility: hidden;
}

.module--hover-boxes .copy p,
.module--hover-boxes .module--hover-switch .alternative p,
.module--hover-switch .module--hover-boxes .alternative p {
    font-family: revival_555semibolditalica, Georgia, serif;
    font-size: 2.625rem;
    font-size: 32px;
    line-height: 32px;
    margin: 0 10%;
    opacity: 0;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .4);
    transition: opacity .6s ease-in-out;
}

.href-readmore,
.module--hover-boxes .module--hover-switch .alternative a,
.module--hover-switch .module--hover-boxes .alternative a {
    border-bottom: 2px solid #fff;
    color: #fff !important;
    display: block;
    font-family: proxima_novasemibold, sans-serif;
    font-style: normal;
    left: 0;
    margin: 8% 10%;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    width: 92px;
    opacity: 0;
}

.module--hover-boxes .copy.is__visible a,
.module--hover-boxes .copy.is__visible h3,
.module--hover-boxes .copy.is__visible p,
.module--hover-boxes .module--hover-switch .is__visible.alternative a,
.module--hover-boxes .module--hover-switch .is__visible.alternative h3,
.module--hover-boxes .module--hover-switch .is__visible.alternative p,
.module--hover-switch .module--hover-boxes .is__visible.alternative a,
.module--hover-switch .module--hover-boxes .is__visible.alternative h3,
.module--hover-switch .module--hover-boxes .is__visible.alternative p {
    opacity: 1;
}

.module--hover-boxes .copy.is__visible a,
.module--hover-boxes .module--hover-switch .is__visible.alternative a,
.module--hover-switch .module--hover-boxes .is__visible.alternative a {
    bottom: 25%;
}

.module--hover-boxes .copy.is__hidden,
.module--hover-boxes .module--hover-switch .is__hidden.alternative,
.module--hover-switch .module--hover-boxes .is__hidden.alternative {
    bottom: 0;
    opacity: 0;
}

.module--box-double .box--double {
    width: 49% !important; 
    height: 374px !important;
}

.module--box-double .box--single {
    width: 100% !important; 
    height: 374px !important;
    max-width: 1069px !important;
}

.module--hover-boxes .our-story h3 {
    background: url(../img/pages/homepage/device-natoora.svg) no-repeat;
    height: 78px;
    width: 257px;
}

.href-redmore,
.module--hover-boxes .our-produce h3 {
    background: url(../img/pages/homepage/device-natoora.svg) no-repeat;
    height: 78px;
    width: 257px;
}

.module--hover-boxes .our-growers h3 {
    background: url(../img/pages/homepage/device-natoora.svg) no-repeat;
    height: 107px;
    width: 283px;
}

.module--hover-boxes .our-contact h3 {
    background: url(../img/pages/homepage/device-natoora.svg) no-repeat;
    height: 78px;
    width: 257px;
}

.module--hover-switch .module--image-boxes:hover .alternative a,
.module--image-boxes:hover .copy a,
.module--image-boxes:hover .module--hover-switch .alternative a {
    opacity: 1;
}

.module--social ul {
    margin: 0;
    padding: 0;
}

.module--social ul:after {
    display: table;
}

.module--social ul li {
    display: inline-block;
    list-style: none;
}

.module--social ul form input,
.module--social ul form label {
    margin: 10px 0;
    width: 100%;
}

.module--social ul .social {
    padding-top: .75rem;
}

.module--social ul .facebook a,
.module--social ul .instagram a,
.module--social ul .twitter a {
    display: inline-block;
    float: left;
    height: 20px;
    width: 33px;
}

.module--social ul .facebook a {
    background: url(../img/social/social-facebook.svg) no-repeat;
}

.module--social ul .twitter-chefs a {
    background: url(../img/social/social-twitter-chefs.svg) no-repeat;
}

.module--social ul .instagram-chefs a {
    background: url(../img/social/social-insta-chefs.svg) no-repeat;
}

.module--social ul .twitter a {
    background: url(../img/social/social-twitter.svg) no-repeat;
}

.module--social ul .instagram a {
    background: url(../img/social/social-insta.svg) no-repeat;
}

.module--accordions .panel {
    position: relative;
    z-index: 1;
}

.module--accordions .panel .panel-heading {
    filter: grayscale(80%);
    webkit-filter: grayscale(80%);
}

.module--accordions .panel .panel-heading.is__color,
.module--accordions .panel .panel-heading:hover {
    filter: grayscale(0);
    webkit-filter: grayscale(0);
}

.module--accordions .panel .panel-heading .panel-title {
    display: block;
    height: 15.625rem;
    height: 250px;
    position: relative;
    width: 100%;
    z-index: 3;
}

.module--accordions .panel .panel-heading .collapse .arrow {
    background: url(../img/ui/ui-sprite.png) -40px 0 no-repeat;
    bottom: 3%;
    height: 41px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 40px;
    z-index: 100;
}

.module--accordions .panel .panel-heading .collapse .arrow:hover {
    background-position: 0 0;
}

.module--accordions .panel .panel-heading .collapse .arrow.red--up {
    background-position: -40px 0 !important;
}

.module--accordions .panel .panel-heading .collapse.in .arrow:hover {
    background-position: 0 0;
}

.module--accordions .panel .panel-heading .collapsed {
    filter: grayscale(0);
    webkit-filter: grayscale(0);
}

.module--accordions .panel .panel-heading .collapsed .arrow {
    background-position: -82px -40px;
}

.module--accordions .panel .summary {
    color: #fff;
    left: 50%;
    position: absolute;
    top: 40px;
    z-index: 2;
}

.module--accordions .panel .summary h3,
.module--accordions .panel .summary q {
    font-style: normal;
}

.module--accordions .panel .summary q {
    clear: both;
    display: block;
    font-family: proxima_novasemibold, sans-serif;
    font-size: .875rem;
    font-size: 14px;
    line-height: 1.33333;
    padding-right: 15%;
}

.module--accordions .panel .summary.reversed {
    left: 10%;
    padding-right: 40%;
}

.module--accordions .panel-body {
    padding: 0 0 3rem;
}

.module--accordions .chef-bio,
.module--accordions .chef-images,
.module--accordions .outline {
    clear: both;
}

.module--accordions .chef-bio:after,
.module--accordions .chef-images:after,
.module--accordions .outline:after {
    clear: both;
    content: "";
    display: table;
}

.module--accordions .outline {
    border-bottom: 1px solid #e84936;
    border-top: 1px solid #e84936;
    margin-top: 0;
    padding-left: 0;
}

.module--accordions .outline li {
    font-family: proxima_nova_rgregular, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
    list-style: none;
    margin: .375rem 0;
}

.module--accordions .outline li span {
    color: #e84936;
    font-family: proxima_novasemibold, sans-serif;
    font-size: .75rem;
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px;
    text-transform: uppercase;
}

.module--social ul .form {
    width: 100%;
}