@charset "UTF-8";
.unbreakable {
    white-space: nowrap
}

footer.main {
    padding: 20px 5% 40px 5%;
    position: relative;
    max-width: 1440px;
    box-sizing: border-box;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 100% auto
}

footer.main .content {
    position: relative
}

footer.main .logo {
    height: 80px;
    margin-bottom: 20px;
    margin-right: 30px;
    background-position: center center
}

footer.main .copy-bar {
    position: relative;
    z-index: 99;
    color: #cd933d
}

footer.main .copy-bar .hidden-info {
    line-height: 26px;
    white-space: nowrap;
    width: 285px;
    position: absolute;
    transition: .3s ease-out all;
    padding-left: 30px;
    color: #192534
}

footer.main .copy-bar .img {
    width: 30px;
    float: left
}

footer.main .copy-bar .tv-logo {
    top: -15px;
    position: absolute;
    right: 0;
    width: 24px;
    text-decoration: none;
    overflow: hidden;
    padding: 10px 0 6px 0;
    height: 29px;
    transition: .3s ease all, .2s ease-out background-color!important;
    border-radius: 3px
}

footer.main .copy-bar .tv-logo .img {
    width: 24px;
    height: 30px;
    display: block;
    background-image: url(img/tv.png);
    background-size: contain;
    background-repeat: no-repeat
}

footer.main .copy-bar .tv-logo:hover {
    width: 320px;
    padding: 10px 10px 6px 14px;
    background-color: #fff;
    box-shadow: 0 10px 30px -10px rgba(255, 255, 255, .6)
}

footer.main .copy-bar .tv-logo:hover .img {
    background-image: url(img/tv-color.png)
}

footer.main .copy-bar .tv-logo:hover .hidden-info {
    padding-left: 12px
}

footer.main .icon {
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 23px
}

footer.main .icon.phone {
    background-image: url(img/mobile.png);
    line-height: 30px;
    float: left
}

footer.main .icon.mail {
    background-image: url(img/mail.png);
    line-height: 22px
}

footer.main .icon.clock {
    background-image: url(img/clock.png);
    background-position: 0 5px;
    line-height: 25px
}

footer.main .icon.pin {
    background-image: url(img/pin.png);
    background-position: 5px 5px;
    line-height: 25px
}

footer.main .icon.pin:first-child {
    padding-bottom: 10px
}

footer.main .cf-button-wrapper,
footer.main .ll-wrapper {
    height: 70px
}

footer.main .cf-button-wrapper {
    box-sizing: border-box;
    padding-top: 2px
}

footer.main .column {
    float: left;
    position: relative;
    min-height: 80px;
    margin-right: 45px;
    z-index: 99
}

footer.main .column.contact-details {
    margin-right: 0;
    width: 100%;
    padding: 40px 0 40px 0;
    display: flex;
    margin-bottom: 40px;
    box-sizing: border-box
}

footer.main .column .table-ctr {
    flex-grow: 1;
    box-sizing: border-box
}

footer.main .column .table-ctr .logo {
    width: 180px;
    height: auto;
    margin-right: 5%
}

footer.main .column .table-ctr.wide {
    margin-right: 5%
}

footer.main .column .table-ctr.bt a {
    display: inline-block;
    text-align: center;
    padding: 12px 10px 11px 35px;
    border-radius: 3px;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid #cd933d;
    box-sizing: border-box;
    width: 160px;
    background-repeat: no-repeat;
    background-position: 10px center
}

footer.main .column .table-ctr:last-child {
    flex-grow: 0
}

footer.main .column.social-column {
    float: none;
    position: absolute;
    right: 0;
    bottom: 30px;
    margin-right: 5%;
    z-index: 150
}

footer.main .column .float-column {
    position: relative;
    min-height: 70px;
    padding-top: 20px;
    float: left;
    margin-right: 35px
}

footer.main .column .float-column>div {
    float: left
}

footer.main .column .float-column:last-child {
    margin-right: 0
}

footer.main .column .ll-wrapper {
    margin-right: 20px
}

footer.main .column .addresses {
    clear: left
}

footer.main .column .addresses .main-address {
    margin-right: 30px
}

footer.main .column .addresses .float-breaker {
    float: left;
    margin-bottom: 10px
}

footer.main .column .addresses .float-breaker div {
    float: left
}

footer.main .vertical-separator {
    display: inline-block;
    padding: 0 10px
}

footer.main .social-wrapper {
    padding-top: 95px
}

footer.main .social-wrapper a img {
    margin: 5px 0;
    max-width: 24px;
    display: block
}

footer.main .social-wrapper .description {
    display: none
}

footer.main .social {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    background-color: #cd933d;
    position: relative
}

footer.main .social img {
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

footer.main .social.fb img {
    height: 27px
}

footer.main .social.fb:hover {
    background-color: #3a589e
}

footer.main .social.ig img {
    height: 32px
}

footer.main .social.ig:hover {
    background-color: #2f5c83
}

footer.main .social.in img {
    height: 27px
}

footer.main .social.in:hover {
    background-color: #0e77b8
}

footer.main .social.tw img {
    width: 27px
}

footer.main .social.tw:hover {
    background-color: #60a9de
}

footer.main .sitemap {
    width: 45%;
    display: -webkit-flex;
    display: flex;
    padding-top: 60px
}

footer.main .subcolumn a {
    display: block;
    line-height: 30px
}

footer.main .subcolumn h4 {
    margin-bottom: 30px;
    color: #50626a;
    font-weight: 700
}

footer.main .subcolumn:first-child {
    margin-right: 45px
}

footer.main .contact-info {
    margin-right: 90px
}

footer.main .contact-info h2 {
    margin-bottom: 30px;
    font-weight: 700
}

footer.main .contact-info div {
    line-height: 30px
}

@media only screen and (max-width:1260px) {
    footer.main .column.contact-details {
        flex-wrap: wrap
    }
    footer.main .table-ctr.bt {
        flex-basis: 70%;
        margin-bottom: 20px
    }
    footer.main .table-ctr.wide {
        flex-basis: 30%;
        margin-bottom: 20px
    }
    footer.main .column .table-ctr {
        flex-grow: unset
    }
    .main-address {
        flex-grow: 0;
        margin-right: 25px
    }
    footer.main .column .table-ctr.bt a {
        float: right
    }
    footer.main .column .table-ctr.bt a:first-child {
        margin-right: 0;
        margin-left: 20px
    }
    footer.main .column .table-ctr.wide {
        margin-right: 0
    }
}

@media only screen and (max-width:900px) {
    footer.main {
        padding: 20px 5% 20px 5%
    }
    .copyrights {
        margin-bottom: 10px;
        display: inline-block
    }
    .copy-bar {
        font-size: 14px
    }
    footer.main .copy-bar .tv-logo {
        top: -15px
    }
}

@media only screen and (max-width:670px) {
    .main-address {
        font-size: 14px;
        width: 33%;
        margin-right: 0;
        margin-bottom: 15px
    }
    footer.main .column .table-ctr.footer-buttons {
        margin-left: auto;
        flex-basis: 65%
    }
    footer.main .column .table-ctr.footer-buttons a {
        width: 150px
    }
    footer.main .column.contact-details {
        padding: 0
    }
    .secondary-address {
        font-size: 14px
    }
}

@media only screen and (max-width:580px) {
    footer.main .copy-bar .tv-logo {
        top: -4px
    }
    footer.main .column .table-ctr.footer-buttons {
        margin-right: auto;
        flex-basis: 100%
    }
    footer.main .column .table-ctr.footer-buttons a {
        width: 140px;
        font-size: 14px;
        float: left
    }
    footer.main .column .table-ctr.footer-buttons a:first-child {
        margin-left: 0;
        margin-right: 15px
    }
}

@media only screen and (max-width:560px) {
    .main-address {
        font-size: 14px;
        width: 50%;
        margin-right: 0;
        margin-bottom: 15px
    }
    footer.main .column.contact-details {
        padding: 0
    }
    .secondary-address {
        font-size: 14px
    }
}

@media only screen and (max-width:365px) {
    .hide-on-minimal {
        display: none
    }
    footer.main .logo {
        max-width: 130px;
        margin-bottom: 10px
    }
    footer.main .column .table-ctr.footer-buttons a {
        width: 130px;
        min-width: 130px;
        padding: 11px 2px 11px 20px!important
    }
}

.top-block {
    height: 80px
}

.subpage {
    max-width: 100%;
    width: initial
}

.subpage .welcomer h1 {
    font-size: 3.5em
}

.subpage .welcomer p {
    font-size: 1.5em;
    font-weight: bolder
}

.privacy-policy .welcomer p,
.terms-and-condition .welcomer p {
    margin-top: 30px;
    font-size: 1.2em
}

.col>.row {
    display: block
}

.colh {
    width: 50%;
    box-sizing: border-box;
    float: left
}

.colh:first-child {
    padding-right: 20px
}

.colh:last-child {
    padding-left: 20px
}

.row-rev .colh:first-child {
    padding-left: 20px;
    padding-right: 0
}

.row-rev .colh:last-child {
    padding-right: 20px;
    padding-left: 0
}

.colt {
    width: 20%;
    box-sizing: border-box;
    padding: 0 15px;
    float: left
}

.col-third {
    width: 33%;
    box-sizing: border-box;
    padding: 0 15px;
    float: left
}

.col-third:first-child {
    padding-left: 0
}

.col-third:last-child {
    padding-right: 0
}

.colf {
    width: 20%;
    padding: 0 15px;
    box-sizing: border-box;
    float: left
}

.col,
.row,
.subpage {
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 100%
}

.col.welcomer,
.row.welcomer,
.subpage.welcomer {
    padding-top: 220px!important;
    padding-bottom: 220px!important;
    background-color: #e6f4f8;
    transition: .4s ease all
}

.col.bp-min,
.row.bp-min,
.subpage.bp-min {
    padding-bottom: 15px
}

.col.bp-med,
.row.bp-med,
.subpage.bp-med {
    padding-bottom: 30px
}

.col.bp-max,
.row.bp-max,
.subpage.bp-max {
    padding-bottom: 60px
}

.col.bt-min,
.row.bt-min,
.subpage.bt-min {
    padding-top: 15px
}

.col.bt-med,
.row.bt-med,
.subpage.bt-med {
    padding-top: 30px
}

.col.bt-max,
.row.bt-max,
.subpage.bt-max {
    padding-top: 60px
}

.col.half,
.row.half,
.subpage.half {
    width: 50%
}

.col.hp-min,
.row.hp-min,
.subpage.hp-min {
    padding-right: 1%;
    padding-left: 1%
}

.col.hp-med,
.row.hp-med,
.subpage.hp-med {
    padding-right: 2.5%;
    padding-left: 2.5%
}

.col.hp-max,
.row.hp-max,
.subpage.hp-max {
    padding-right: 5%;
    padding-left: 5%
}

.col.vp-min,
.row.vp-min,
.subpage.vp-min {
    padding-top: 15px;
    padding-bottom: 15px
}

.col.vp-med,
.row.vp-med,
.subpage.vp-med {
    padding-top: 30px;
    padding-bottom: 30px
}

.col.vp-max,
.row.vp-max,
.subpage.vp-max {
    padding-top: 60px;
    padding-bottom: 60px
}

.col.mw-min,
.row.mw-min,
.subpage.mw-min {
    width: 800px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto
}

.col.mw-med,
.row.mw-med,
.subpage.mw-med {
    width: 1200px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto
}

.col.mw-max,
.row.mw-max,
.subpage.mw-max {
    width: initial;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto
}

.col.initial,
.row.initial,
.subpage.initial {
    width: initial
}

.col.center,
.row.center,
.subpage.center {
    text-align: center
}

.col.half,
.row.half,
.subpage.half {
    width: 50%;
    margin-left: auto;
    margin-right: auto
}

.col.npt,
.row.npt,
.subpage.npt {
    padding-top: 0
}

.col.npb,
.row.npb,
.subpage.npb {
    padding-bottom: 0
}

h1,
h2,
h3,
h4,
p {
    width: 100%
}

h1.bp-min,
h2.bp-min,
h3.bp-min,
h4.bp-min,
p.bp-min {
    padding-bottom: 15px
}

h1.bp-med,
h2.bp-med,
h3.bp-med,
h4.bp-med,
p.bp-med {
    padding-bottom: 30px
}

h1.bp-max,
h2.bp-max,
h3.bp-max,
h4.bp-max,
p.bp-max {
    padding-bottom: 60px
}

h1.fill,
h2.fill,
h3.fill,
h4.fill,
p.fill {
    color: #ff3a5f
}

h1.half,
h2.half,
h3.half,
h4.half,
p.half {
    width: 50%
}

h1.center,
h2.center,
h3.center,
h4.center,
p.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.row h1.mw-read,
.row h2.mw-read,
.row h3.mw-read,
.row h4.mw-read,
.row p.mw-read,
.row.mw-read {
    max-width: 600px
}

.row h1.center,
.row h2.center,
.row h3.center,
.row h4.center,
.row p.center,
.row.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.col {
    flex-wrap: nowrap;
    flex: 1 1 0
}

.row p {
    font-size: 1em;
    line-height: 1.75
}

.row p.readable {
    width: 700px
}

.ds {
    background-color: rgba(0, 0, 0, .1)
}

.row ul {
    font-size: 1em;
    line-height: 1.5;
    /* max-width: 600px; */
    margin: auto;
    padding-left: 40px
}

.row li {
    list-style: disc;
    padding-bottom: 15px
}

.row li:last-child {
    padding-bottom: 0
}

.r-30 {
    padding-right: 30px
}

.rl-15 {
    padding-left: 15px;
    padding-right: 15px
}

.l-30 {
    padding-left: 30px
}

.row strong {
    font-weight: 700
}

.bs-icon,
.ggd-icon,
.vi-icon {
    min-height: 125px
}

@media only screen and (max-width:1500px) {
    .col.welcomer,
    .row.welcomer,
    .subpage.welcomer {
        padding-top: 180px!important;
        padding-bottom: 180px!important
    }
}

@media only screen and (max-width:1400px) {
    .col.welcomer,
    .row.welcomer,
    .subpage.welcomer {
        padding-top: 160px!important;
        padding-bottom: 160px!important
    }
}

@media only screen and (max-width:1200px) {
    .col.welcomer,
    .row.welcomer,
    .subpage.welcomer {
        padding-top: 130px!important;
        padding-bottom: 130px!important
    }
}

@media only screen and (max-width:1100px) {
    .col.welcomer,
    .row.welcomer,
    .subpage.welcomer {
        padding-top: 110px!important;
        padding-bottom: 110px!important
    }
    .web-development-page .col-third {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 0!important;
        margin: 0!important;
        float: none
    }
    .web-development-page .col-third .l-30,
    .web-development-page .col-third .r-30,
    .web-development-page .col-third .rl-15 {
        padding: 0!important
    }
}

@media only screen and (max-width:900px) {
    .branding-page .col-third {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 0!important;
        margin: 0!important;
        float: none
    }
    .branding-page .col-third .l-30,
    .branding-page .col-third .r-30,
    .branding-page .col-third .rl-15 {
        padding: 0!important
    }
    .tlr .col {
        width: 100%
    }
    .tlr .col .row {
        background-position: center;
        background-size: contain
    }
    .tlr .row.bp-max {
        padding-bottom: 15px!important
    }
    .illustration {
        background-size: contain
    }
    .col h1,
    .col h2,
    .col h3,
    .col h4,
    .col p,
    .row h1,
    .row h2,
    .row h3,
    .row h4,
    .row p,
    .subpage h1,
    .subpage h2,
    .subpage h3,
    .subpage h4,
    .subpage p {
        margin: auto;
        max-width: 600px
    }
    .col h1.bp-max,
    .col h1.bp-med,
    .col h1.vp-max,
    .col h1.vp-med,
    .col h2.bp-max,
    .col h2.bp-med,
    .col h2.vp-max,
    .col h2.vp-med,
    .col h3.bp-max,
    .col h3.bp-med,
    .col h3.vp-max,
    .col h3.vp-med,
    .col h4.bp-max,
    .col h4.bp-med,
    .col h4.vp-max,
    .col h4.vp-med,
    .col p.bp-max,
    .col p.bp-med,
    .col p.vp-max,
    .col p.vp-med,
    .row h1.bp-max,
    .row h1.bp-med,
    .row h1.vp-max,
    .row h1.vp-med,
    .row h2.bp-max,
    .row h2.bp-med,
    .row h2.vp-max,
    .row h2.vp-med,
    .row h3.bp-max,
    .row h3.bp-med,
    .row h3.vp-max,
    .row h3.vp-med,
    .row h4.bp-max,
    .row h4.bp-med,
    .row h4.vp-max,
    .row h4.vp-med,
    .row p.bp-max,
    .row p.bp-med,
    .row p.vp-max,
    .row p.vp-med,
    .subpage h1.bp-max,
    .subpage h1.bp-med,
    .subpage h1.vp-max,
    .subpage h1.vp-med,
    .subpage h2.bp-max,
    .subpage h2.bp-med,
    .subpage h2.vp-max,
    .subpage h2.vp-med,
    .subpage h3.bp-max,
    .subpage h3.bp-med,
    .subpage h3.vp-max,
    .subpage h3.vp-med,
    .subpage h4.bp-max,
    .subpage h4.bp-med,
    .subpage h4.vp-max,
    .subpage h4.vp-med,
    .subpage p.bp-max,
    .subpage p.bp-med,
    .subpage p.vp-max,
    .subpage p.vp-med {
        padding-top: 0;
        padding-bottom: 0
    }
    .col .illustration,
    .row .illustration,
    .subpage .illustration {
        background-position: center center!important;
        margin: auto;
        width: 100%;
        max-width: initial!important
    }
    .col h1,
    .col h2,
    .col h3,
    .row h1,
    .row h2,
    .row h3,
    .subpage h1,
    .subpage h2,
    .subpage h3 {
        margin: 30px auto 15px auto
    }
    .col.mw-min,
    .row.mw-min,
    .subpage.mw-min {
        width: 800px;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }
    .col.mw-med,
    .row.mw-med,
    .subpage.mw-med {
        width: 1200px;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }
    .col.mw-max,
    .row.mw-max,
    .subpage.mw-max {
        width: initial;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }
    .col.initial,
    .row.initial,
    .subpage.initial {
        width: initial
    }
    .col.center,
    .row.center,
    .subpage.center {
        text-align: center
    }
    .col.half,
    .row.half,
    .subpage.half {
        width: 50%;
        margin-left: auto;
        margin-right: auto
    }
    .col.npt,
    .row.npt,
    .subpage.npt {
        padding-top: 0
    }
    .col.npb,
    .row.npb,
    .subpage.npb {
        padding-bottom: 0
    }
    .l-30,
    .rl-15,
    .row-l .r-30,
    .row-r {
        margin-left: 0;
        margin-right: 0
    }
}

.row-rev .colh.first,
.row-rev .colh.last {
    float: right
}

@media only screen and (max-width:900px) {
    .col.bp-max,
    .row.bp-max {
        padding-bottom: 30px
    }
    .col.vp-max,
    .row.vp-max {
        padding-bottom: 30px;
        padding-top: 30px
    }
    .col.vp-max .vp-max,
    .col.vp-max .vp-med,
    .row.vp-max .vp-max,
    .row.vp-max .vp-med {
        padding-bottom: 0
    }
    .col.bp-med,
    .row.bp-med {
        padding-bottom: 15px
    }
    .col.vp-med,
    .row.vp-med {
        padding-bottom: 15px;
        padding-top: 15px
    }
    .col.vp-med .vp-max,
    .col.vp-med .vp-med,
    .row.vp-med .vp-max,
    .row.vp-med .vp-med {
        padding-bottom: 0
    }
    .col.bp-min,
    .row.bp-min {
        padding-bottom: 5px
    }
    .col.vp-min,
    .row.vp-min {
        padding-bottom: 5px;
        padding-top: 5px
    }
    .colh {
        width: 100%
    }
    .colh .row.illustration img {
        display: block;
        width: auto;
        max-width: 60%;
        margin: 0 auto
    }
    .colh:first-child {
        padding-right: 0
    }
    .colh:last-child {
        padding-left: 0
    }
    .row.row-l,
    .row.row-r {
        margin: 0
    }
    footer.main .contact-us {
        padding: 15px
    }
    .col.welcomer,
    .row.welcomer,
    .subpage.welcomer {
        padding-top: 120px!important;
        padding-bottom: 120px!important
    }
}

@media only screen and (max-width:600px) {
    .colh .row.illustration img {
        max-width: 100%
    }
}

.subpage-welcomer {
    background-size: 100% 100%, cover;
    width: 1440px;
    margin: auto;
    max-width: 96%;
    position: relative
}

.subpage-welcomer.contact-us {
    background-position: center
}

.subpage-welcomer .wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.subpage-welcomer.contact-us {
    background-image: url(img/long-section-frame.png), url(img/contact.jpg);
    height: 420px
}

.subpage-welcomer.our-menu {
    background-image: url(img/long-section-frame.png), url(img/spices.jpg);
    height: 420px!important;
    min-height: 420px!important
}

.subpage-welcomer.our-menu .wrapper {
    top: 50%;
    position: absolute;
    transform: translateY(-50%)
}

.subpage-welcomer.category {
    height: 500px
}

.subpage-welcomer .content {
    width: 1260px;
    margin: auto;
    box-sizing: border-box;
    position: relative
}

.subpage-welcomer .content p {
    max-width: 500px;
    line-height: 1.5em
}

.subpage-welcomer .content h1 {
    background-image: url(img/red-stroke.png);
    background-size: 100% 100%!important;
    background-position: left center;
    padding: 16px 20px 20px 20px;
    margin-left: -20px;
    background-repeat: no-repeat;
    position: relative;
    min-width: 400px;
    max-width: 500px;
    clear: both;
    width: auto;
    float: left
}

.subpage-welcomer.contact-us .content {
    top: 50%;
    transform: translateY(-50%)
}

.woolleys-history .wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.woolleys-history section.top {
    background-size: 100% 100%, cover;
    background-image: url(img/long-section-frame.png), url(img/old-woolleys.jpg);
    height: 420px;
    background-position: center center, center -70px;
    position: relative
}

.woolleys-history section.top .wrapper {
    top: 70%
}

.woolleys-history section.top .content {
    bottom: 100px
}

.woolleys-history section.top .content h1 {
    background-image: url(img/red-stroke.png);
    background-size: 100% 100%;
    max-width: 500px;
    background-position: left center;
    padding: 16px 20px 20px 20px;
    margin-left: -20px;
    background-repeat: no-repeat;
    position: relative
}

.woolleys-history section.history-2 {
    background-size: 100% 100%, auto 100%;
    background-image: url(img/long-section-frame.png), url(img/old-woolleys-2.jpg);
    height: 420px;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center, right -5% center;
    background-color: #407d80
}

.woolleys-history section.history-2 .content {
    position: relative;
    max-width: 48%
}

.woolleys-history section.history-2 p {
    background-color: #407d80;
    padding: 20px;
    max-width: 640px
}

.woolleys-history section.history-2 p:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 0
}

.woolleys-history section.history-2 p:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.woolleys-history section.history-3 {
    background-size: 100% 100%, auto 100%;
    background-image: url(img/long-section-frame.png), url(img/shop-front.jpg);
    height: 420px;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center, left -20% top;
    background-color: #cd933d
}

.woolleys-history section.history-3 .content {
    position: relative;
    float: right;
    max-width: 44%
}

.woolleys-history section.history-3 p {
    background-color: #cd933d;
    padding: 20px;
    max-width: 640px
}

.woolleys-history section.history-3 p:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 0
}

.woolleys-history section.history-3 p:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

section.history-4 {
    background-size: 100% 100%, auto 100%;
    background-image: url(img/long-section-frame.png), url(img/store-front-2.jpg);
    height: 420px;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center, right -5% center;
    background-color: #184778
}

section.history-4 .content {
    position: relative;
    max-width: 44%
}

section.history-4 p {
    background-color: #184778;
    padding: 20px;
    max-width: 640px
}

section.history-4 p:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 0
}

section.history-4 p:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.our-menu-content {
    width: 1440px;
    max-width: 84%;
    margin: auto
}

.our-menu-content .options {
    max-width: 1080px;
    margin: auto;
    padding-bottom: 30px
}

.our-menu-content .option {
    background-color: #cd933d;
    background-size: 100% 100%;
    margin: 30px 0 0;
    width: 48%;
    max-width: 100%;
    position: relative;
    align-content: center;
    cursor: pointer;
    float: left
}

.our-menu-content .option:first-child {
    margin: 10px auto 0 auto;
    float: none
}

.our-menu-content .option:nth-child(2n) {
    clear: left;
    margin-right: 4%
}

.our-menu-content .option a {
    color: inherit;
    text-decoration: none
}

.our-menu-content .option h2 {
    margin: 0
}

.our-menu-content .option:hover {
    background-color: #d19c4d
}

.our-menu-content .img-wrap {
    width: 120px;
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%)
}

.our-menu-content .img-wrap img {
    width: 120px;
    height: auto
}

.our-menu-content .details {
    position: relative;
    padding: 45px 80px
}

.our-menu-content .details p {
    line-height: 1.5
}

.our-menu-content .option.left {
    background-image: url(img/category-odd.png)
}

.our-menu-content .option.right {
    background-image: url(img/category-odd.png)
}

.our-menu-content .option.right .details {
    padding: 45px
}

.our-menu-content .option.right .img-wrap {
    left: inherit;
    margin-left: auto;
    right: -60px
}

.our-menu-content .option:nth-child(7n+2) {
    background-color: #5cb2b2
}

.our-menu-content .option:nth-child(7n+2):hover {
    background-color: #6ab9b9
}

.our-menu-content .option:nth-child(7n+3) {
    background-color: #184778
}

.our-menu-content .option:nth-child(7n+3):hover {
    background-color: #1b5189
}

.our-menu-content .option:nth-child(7n+4) {
    background-color: #cc9d5e
}

.our-menu-content .option:nth-child(7n+4):hover {
    background-color: #d1a66d
}

.our-menu-content .option:nth-child(7n+6) {
    background-color: #ab163a
}

.our-menu-content .option:nth-child(7n+6):hover {
    background-color: #bd1840
}

.our-menu-content .option:nth-child(7n+7) {
    background-color: #54323d
}

.our-menu-content .option:nth-child(7n+7):hover {
    background-color: #613a46
}

.our-menu-content .option:nth-child(7n+5) {
    background-color: #916b51
}

.our-menu-content .option:nth-child(7n+5):hover {
    background-color: #9e7558
}

.subpage-content {
    width: 1440px;
    max-width: 100%;
    margin: auto
}

.subpage-content .max-90-wrapper {
    padding: 30px 0;
    max-width: 87%;
    margin: auto
}

.subpage-content .categories-navigation {
    width: 25%;
    float: left
}

.subpage-content .category-products {
    width: 73%;
    margin-left: 2%;
    box-sizing: border-box;
    float: left
}

.subpage-content .category-products a:nth-child(3n):after {
    content: '';
    clear: both;
    display: block
}

.subpage-content .category-products>div:nth-child(3n+1) {
    clear: both;
    display: block
}

.subpage-content .category-option {
    position: relative;
    background-image: url(img/category-odd.png);
    background-size: 101% 101%;
    background-color: coral;
    background-repeat: no-repeat;
    margin-bottom: 5px
}

.subpage-content .category-option:nth-child(7n+1) {
    background-color: #cd933d
}

.subpage-content .category-option:nth-child(7n+1):hover {
    background-color: #d19c4d
}

.subpage-content .category-option:nth-child(7n+2) {
    background-color: #329194
}

.subpage-content .category-option:nth-child(7n+2):hover {
    background-color: #37a0a3
}

.subpage-content .category-option:nth-child(7n+3) {
    background-color: #184778
}

.subpage-content .category-option:nth-child(7n+3):hover {
    background-color: #1b5189
}

.subpage-content .category-option:nth-child(7n+4) {
    background-color: #cc9d5e
}

.subpage-content .category-option:nth-child(7n+4):hover {
    background-color: #d1a66d
}

.subpage-content .category-option:nth-child(7n+6) {
    background-color: #ab163a
}

.subpage-content .category-option:nth-child(7n+6):hover {
    background-color: #bd1840
}

.subpage-content .category-option:nth-child(7n+5) {
    background-color: #916b51
}

.subpage-content .category-option:nth-child(7n+5):hover {
    background-color: #9e7558
}

.subpage-content .category-option:nth-child(7n+7) {
    background-color: #54323d
}

.subpage-content .category-option:nth-child(7n+7):hover {
    background-color: #613a46
}

.subpage-content .category-option a {
    color: inherit
}

.subpage-content .category-option h4 {
    line-height: 74px;
    position: absolute;
    top: 50%;
    padding-left: 90px;
    box-sizing: border-box;
    transform: translateY(-50%)
}

.subpage-content .category-option .img-wrap {
    width: 90px;
    min-height: 70px;
    float: left;
    position: relative
}

.subpage-content .category-option .img-wrap img {
    width: 80%;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.show-categories {
    margin-bottom: 20px
}

.category-products a {
    min-height: 292px
}

.category-products .product a {
    cursor: pointer
}

.category-products .product {
    background-image: url(img/frame_vertical_box.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    float: left;
    overflow: hidden;
    background-position: top center;
    margin-top: 0;
    margin-bottom: 15px;
    width: 32%;
    margin-right: 1%;
    box-sizing: border-box;
    padding: 270px 25px 25px 25px;
    color: #192534;
    position: relative
}

.category-products .product h3 {
    min-height: 53px
}

.category-products .product .img-wrap {
    position: absolute;
    top: 20px;
    left: -10%
}

.category-products .product img {
    height: 230px
}

.subpage.catering section.top {
    background-size: 100% 100%, cover;
    background-image: url(img/long-section-frame.png), url(img/lamps.jpg);
    height: 420px;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center, center center;
    background-color: #184778
}

.subpage.catering section.top .wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.subpage.catering section.top h1 {
    background-image: url(img/red-stroke.png);
    background-size: 100% 100%;
    max-width: 500px;
    background-position: left center;
    padding: 16px 20px 20px 20px;
    margin-left: -20px;
    background-repeat: no-repeat;
    position: relative
}

.subpage.catering .catering-menu {
    background-color: transparent;
    padding-top: 45px;
    padding-bottom: 45px
}

.subpage.catering .catering-menu .text-content {
    width: 25%;
    padding-right: 50px;
    box-sizing: border-box;
    float: left
}

.subpage.catering .catering-menu h2 {
    background-image: url(img/gold-stroke.png);
    background-size: contain;
    background-position: left center;
    padding: 16px 20px 20px 20px;
    margin-left: -20px;
    background-repeat: no-repeat;
    position: relative;
    max-width: 260px
}

.subpage.catering .catering-menu .catering-options-slider {
    /*width: 75%;*/
    width: 100%;
    float: right
}

.subpage.catering .catering-menu .yellow-bold-paragraph {
    color: #cd933d;
    font-weight: bolder
}

.subpage.catering .catering-menu .catering-option {
    float: left;
    background-image: url(img/frame_vertical_box.png), url(img/temp.jpg);
    background-size: 100% 100%, auto 300px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: top center;
    width: 32%;
    margin-right: 1%;
    box-sizing: border-box;
    padding: 220px 25px 25px 25px;
    color: #192534;
    margin-bottom: 10px
}

.subpage.catering .catering-menu .catering-option h3 {
    margin-top: 10px;
    background-color: rgba(0,0,0,0.4);
    padding: 5px 0px;
    text-align: center;
    color: #efefef;
}

.subpage.catering .catering-menu .catering-option ul {
    line-height: 1.75
}

.extra-contrast {
    padding: 20px;
    background-color: rgba(25, 37, 52, .5);
    border-radius: 5px;
    margin-left: -15px;
    margin-top: 10px
}

section.divided .illustration img {
    max-height: 395px;
    height: inherit;
    width: auto
}

section.divided .ctx,
section.divided .ilx {
    width: 100%;
    max-width: 800px;
    box-sizing: border-box;
    min-height: 500px;
    box-sizing: border-box;
    max-width: 50%;
    position: relative;
    display: table
}

section.divided .ctx .cwrapper,
section.divided .ilx .cwrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    display: table-cell
}

section.divided.short .ctx,
section.divided.short .ilx {
    min-height: 300px
}

section.divided .ctx {
    text-align: justify;
    float: right
}

section.divided .ilx {
    float: left
}

section.divided .column {
    float: left;
    position: relative;
    overflow: hidden;
    width: 50%
}

section.divided .max-wrapper {
    max-width: 800px
}

section.divided li,
section.divided p,
section.divided ul {
    font-size: 1em;
    line-height: 1.75;
    max-width: 600px;
    margin: auto
}

section.divided li,
section.divided p {
    padding-bottom: 20px
}

section.divided li:last-child,
section.divided p:last-child {
    padding-bottom: 0
}

section.divided h1,
section.divided h2,
section.divided h3,
section.divided h4 {
    line-height: 1.25;
    max-width: 600px;
    margin: auto;
    margin-bottom: 25px;
    font-weight: bolder
}

section.divided .ctx {
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 10%
}

section.divided .ilx {
    padding-top: 50px;
    padding-right: 10%;
    padding-bottom: 50px;
    padding-left: 50px
}

section.divided .ilx.slider {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    margin-top: 50px
}

section.divided .content .cwrapper {
    right: 0
}

section.divided.reversed .ctx,
section.divided.reversed .ilx {
    float: right
}

section.divided.reversed .column {
    float: right
}

section.divided.reversed .ctx {
    float: left;
    padding-top: 50px;
    padding-right: unset;
    padding-bottom: 50px;
    padding-left: 6.5%
}

section.divided.reversed .ilx {
    float: right;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 5%
}

section.divided.reversed .ilx img {
    float: right!important
}

.h-pull {
    max-width: 1400px;
    margin: auto
}

.row-l {
    margin-right: 15px
}

.row-r {
    margin-left: 15px
}

.illustration {
    display: block
}

.illustration img {
    height: auto;
    width: 100%
}

.contact-form {
    padding-top: 60px;
    width: 100%
}

.drinks-only .wide-box.art {
    width: 100%;
    position: relative;
    height: 28vw
}

.drinks-only .wide-box.art .slide {
    position: absolute;
    width: 100%;
    height: 28vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100.08% 100.08%, cover;
    opacity: 0
}

.drinks-only .wide-box.art .slide1 {
    background-image: url(img/long-section-frame.png), url(img/art-caffe-1.jpg);
    animation: 12s show-slide-s1 infinite
}

.drinks-only .wide-box.art .slide2 {
    background-image: url(img/long-section-frame.png), url(img/art-caffe-2.jpg);
    animation: 12s show-slide-s2 infinite
}

.drinks-only .wide-box.art .slide3 {
    background-image: url(img/long-section-frame.png), url(img/art-caffe-3.jpg);
    animation: 12s show-slide-s3 infinite
}

.drinks-only .half-wrap {
    display: flex
}

.drinks-only .half-box {
    width: 50%;
    padding: 30px 15px 30px 0;
    min-height: 260px
}

.drinks-only .half-box p {
    margin-top: 20px;
    line-height: 1.5
}

.drinks-only .half-box.grains {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100.08% 100.08%, cover;
    background-image: url(img/long-section-frame.png), url(img/grains.jpg)
}

@keyframes show-slide-s1 {
    0% {
        opacity: 0
    }
    2% {
        opacity: 1
    }
    32% {
        opacity: 1
    }
    34% {
        opacity: 0
    }
    99% {
        opacity: 0
    }
}

@keyframes show-slide-s2 {
    32% {
        opacity: 0
    }
    34% {
        opacity: 1
    }
    66% {
        opacity: 1
    }
    68% {
        opacity: 0
    }
}

@keyframes show-slide-s3 {
    66% {
        opacity: 0
    }
    68% {
        opacity: 1
    }
    98% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

#main-contact-form {
    max-width: 650px;
    margin: auto
}

.contact-us .gdpr-check {
    float: left;
    min-width: 260px
}

.contact-us .gdpr-check .gdpr-rules {
    width: inherit;
    float: left;
    top: 1px;
    position: relative;
    margin-right: 5px
}

.contact-us .gdpr-check a {
    display: inline-block;
    line-height: 1.5;
    color: #1a6ec0
}

.contact-us .summary {
    display: block;
    margin-top: 20px;
    font-size: .825em;
    line-height: 1.5
}

.contact-us .summary a {
    display: inline-block;
    line-height: 1.5;
    color: #1a6ec0
}

.contact-us .summary a:hover {
    color: #0e8cff
}

.contact-us input,
.contact-us textarea {
    display: block;
    border: 2px solid #eee!important;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    border-radius: 3px!important;
    margin-bottom: 15px;
    transition: .1s ease all;
    resize: none
}

.contact-us input:hover,
.contact-us textarea:hover {
    border-color: #efcf97!important
}

.contact-us input:focus,
.contact-us textarea:focus {
    border-color: #cd933d!important
}

.contact-us input.button,
.contact-us textarea.button {
    border: none!important
}

.contact-us input.button {
    width: initial;
    border: none;
    float: right;
    margin-bottom: 0
}

.contact-us textarea {
    min-height: 90px
}

.contact-us label {
    font-size: .875em;
    display: block;
    margin-bottom: 5px
}

.contact-us .letter-img {
    position: absolute
}

.content ul {
    list-style: disc;
    padding-left: 30px;
    box-sizing: border-box
}

.row .block {
    clear: both;
    width: 100%;
    flex-basis: 100%
}

.wide-box.catering-slider {
    width: 100%;
    position: relative;
    height: 28vw
}

.wide-box.catering-slider .slide {
    position: absolute;
    width: 100%;
    height: 28vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100.08% 100.08%, cover;
    opacity: 0
}

.wide-box.catering-slider .slide1 {
    background-image: url(img/long-section-frame.png), url(img/catering/slide_1.jpg);
    animation: 24s show-slide-cat-s1 infinite
}

.wide-box.catering-slider .slide2 {
    background-image: url(img/long-section-frame.png), url(img/catering/slide_2.jpg);
    animation: 24s show-slide-cat-s2 infinite
}

.wide-box.catering-slider .slide3 {
    background-image: url(img/long-section-frame.png), url(img/catering/slide_3.jpg);
    animation: 24s show-slide-cat-s3 infinite
}

.wide-box.catering-slider .slide4 {
    background-image: url(img/long-section-frame.png), url(img/catering/slide_4.jpg);
    animation: 24s show-slide-cat-s4 infinite
}

.wide-box.catering-slider .slide5 {
    background-image: url(img/long-section-frame.png), url(img/catering/slide_5.jpg);
    animation: 24s show-slide-cat-s5 infinite
}

.wide-box.catering-slider .slide6 {
    background-image: url(img/long-section-frame.png), url(img/catering/slide_6.jpg);
    animation: 24s show-slide-cat-s6 infinite
}

.wide-box.catering-slider .slide7 {
    background-image: url(img/long-section-frame.png), url(img/catering/slide_7.jpg);
    animation: 24s show-slide-cat-s7 infinite
}

.wide-box.catering-slider .slide8 {
    background-image: url(img/long-section-frame.png), url(img/catering/slide_8.jpg);
    animation: 24s show-slide-cat-s8 infinite
}

.wide-box.catering-slider .slide9 {
    background-image: url(img/long-section-frame.png), url(img/catering/slide_9.jpg);
    animation: 24s show-slide-cat-s9 infinite
}

.wide-box.catering-slider .slide10 {
    background-image: url(img/long-section-frame.png), url(img/catering/slide_10.jpg);
    animation: 24s show-slide-cat-s10 infinite
}

.wide-box.catering-slider .slide11 {
    background-image: url(img/long-section-frame.png), url(img/catering/slide_11.jpg);
    animation: 24s show-slide-cat-s11 infinite
}

@keyframes show-slide-cat-s1 {
    0% {
        opacity: 0
    }
    0.5% {
        opacity: 1
    }
    8.5% {
        opacity: 1
    }
    9.5% {
        opacity: 0
    }
    99.8% {
        opacity: 0
    }
}

@keyframes show-slide-cat-s2 {
    8.5% {
        opacity: 0
    }
    8.6% {
        opacity: 1
    }
    17.5% {
        opacity: 1
    }
    18.5% {
        opacity: 0
    }
    99.8% {
        opacity: 0
    }
}

@keyframes show-slide-cat-s3 {
    17.5% {
        opacity: 0
    }
    18.5% {
        opacity: 1
    }
    26.5% {
        opacity: 1
    }
    27.5% {
        opacity: 0
    }
    99.8% {
        opacity: 0
    }
}

@keyframes show-slide-cat-s4 {
    26.5% {
        opacity: 0
    }
    27.5% {
        opacity: 1
    }
    35.5% {
        opacity: 1
    }
    36.5% {
        opacity: 0
    }
    99.8% {
        opacity: 0
    }
}

@keyframes show-slide-cat-s5 {
    35.5% {
        opacity: 0
    }
    36.5% {
        opacity: 1
    }
    44.5% {
        opacity: 1
    }
    45.5% {
        opacity: 0
    }
    99.8% {
        opacity: 0
    }
}

@keyframes show-slide-cat-s6 {
    44.5% {
        opacity: 0
    }
    45.5% {
        opacity: 1
    }
    53.5% {
        opacity: 1
    }
    54.5% {
        opacity: 0
    }
    99.8% {
        opacity: 0
    }
}

@keyframes show-slide-cat-s7 {
    53.5% {
        opacity: 0
    }
    54.5% {
        opacity: 1
    }
    62.5% {
        opacity: 1
    }
    63.5% {
        opacity: 0
    }
    99.8% {
        opacity: 0
    }
}

@keyframes show-slide-cat-s8 {
    62.5% {
        opacity: 0
    }
    63.5% {
        opacity: 1
    }
    71.5% {
        opacity: 1
    }
    72.5% {
        opacity: 0
    }
    99.8% {
        opacity: 0
    }
}

@keyframes show-slide-cat-s9 {
    71.5% {
        opacity: 0
    }
    72.5% {
        opacity: 1
    }
    80.5% {
        opacity: 1
    }
    81.5% {
        opacity: 0
    }
    99.8% {
        opacity: 0
    }
}

@keyframes show-slide-cat-s10 {
    80.5% {
        opacity: 0
    }
    81.5% {
        opacity: 1
    }
    89.5% {
        opacity: 1
    }
    90.5% {
        opacity: 0
    }
    99.8% {
        opacity: 0
    }
}

@keyframes show-slide-cat-s11 {
    89.5% {
        opacity: 0
    }
    90.5% {
        opacity: 1
    }
    99% {
        opacity: 1
    }
    99.8% {
        opacity: 0
    }
}

.product-subpage .section-image {
    width: 50%;
    height: 100%;
    padding: 5% 6.5% 5% 3.25%;
    position: relative;
    min-height: 720px;
    box-sizing: border-box
}

.product-subpage .section-image img {
    max-width: 80%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.product-subpage h2 {
    background-image: url(img/red-stroke.png);
    background-size: 100% 100%;
    max-width: 500px;
    background-position: center center;
    margin-left: -15px;
    padding: 16px 20px 20px 15px;
    background-repeat: no-repeat;
    position: relative
}

.product-subpage .product-suggestion {
    background-image: url(img/category-even.png);
    background-position: center center;
    background-size: auto 100%;
    width: 23.5%;
    padding: 15px 0;
    float: left;
    margin-right: 2%;
    background-color: #fff;
    text-align: center
}

.product-subpage .product-suggestion a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    color: #192534
}

.product-subpage .product-suggestion:last-child {
    margin-right: 0
}

.product-subpage .product-suggestion .img-wrp {
    margin-bottom: 20px;
    height: 200px
}

.product-subpage .product-suggestion img {
    display: block;
    max-height: 200px;
    margin: 0 auto
}

.product-subpage .product-suggestion h3 {
    margin-bottom: 0
}

.product-subpage .subpage-welcomer.product {
    background-image: url(img/long-section-frame.png);
    background-color: #fff
}

.product-subpage .subpage-welcomer.product.dish-of-the-week {
    background-color: #cd933d
}

.product-subpage .subpage-welcomer.product .wrapper {
    padding: 0 6.5% 0 50%
}

.product-subpage .subpage-welcomer.product p {
    color: #192534
}

.product-subpage .product-more-info {
    margin: 20px auto;
    height: auto;
    min-height: auto;
    background-color: transparent
}

.product-subpage .info-box {
    background-color: #fff;
    min-height: 300px;
    width: 49%;
    float: left;
    background-image: url(img/category-even.png);
    background-position: center center;
    background-size: auto 100%;
    padding: 40px;
    box-sizing: border-box
}

.product-subpage .nutrition {
    margin-left: 2%
}

.product-subpage .category-suggestions {
    background-color: transparent;
    min-height: auto
}

.product-subpage h2 {
    text-align: center;
    margin: 30px 0 20px 0
}

.product-subpage .button {
    width: 150px;
    display: block;
    margin: 40px auto 20px auto;
    text-align: center;
    padding: 17px 30px 16px 30px!important
}

.product-subpage .button.wide {
    width: 200px
}

.our-team-content {
    background-color: unset;
    height: auto;
    min-height: auto
}

.our-team-content .team-member {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: top center;
    width: 24%;
    margin-right: 1%;
    box-sizing: border-box;
    padding: 25px 25px 25px 25px;
    color: #192534;
    margin-bottom: 10px;
    background-image: url(img/frame_vertical_box.png)!important;
    text-align: center
}

.our-team-content .photo {
    height: 200px;
    position: relative;
    display: flex;
    align-items: center
}

.our-team-content .photo img {
    height: 200px;
    margin: auto;
    text-align: center
}

.our-team-content .name {
    font-weight: bolder;
    font-size: 1.125em;
    margin: 15px 0 10px
}

.subpage .top-section {
    background: 0 0;
    height: 300px;
    min-height: 300px;
    padding-bottom: 30px
}

.subpage.sustainability .no-food-waste {
    padding: 100px 0;
    margin-bottom: 40px;
    min-height: unset;
    background-image: url(img/short-section-frame.png), url(img/no-waste.jpg);
    background-size: 100% 100%, cover;
    background-position: center;
    position: relative
}

.subpage.sustainability .no-food-waste .wrapper {
    min-height: unset
}

.subpage.sustainability .strategy {
    background-color: transparent;
    padding: 20px 0;
    max-height: unset
}

.subpage.sustainability .strategy .ctx {
    padding-top: 0
}

.subpage.sustainability .strategy ul {
    list-style: disc;
    margin-left: 30px;
    max-width: 580px;
    color: #fff
}

.subpage.sustainability .strategy .ilx {
    padding-left: 4%
}

.subpage.sustainability .strategy .ilx img {
    max-width: 100%
}

.catering .section.top {
    min-height: 500px
}

.our-team .top-section {
    background-image: url(img/long-section-frame.png), url(img/team.jpg);
    height: 420px;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100% 100%, cover;
    background-position: center center, center center;
    margin-bottom: 20px
}

.subpage-content .category-option h4 {
    white-space: nowrap
}

@media only screen and (max-width:1150px) {
    .subpage-content .category-option h4 {
        padding-left: 55px
    }
    .subpage-content .category-option .img-wrap {
        width: 60px;
        min-height: 55px
    }
}

@media only screen and (max-width:1300px) {
    .our-team-content .team-member {
        width: 33%
    }
    .product-subpage .product-suggestion {
        width: 31%;
        margin-left: 1%;
        margin-right: 1%
    }
}

@media only screen and (max-width:900px) {
    .subpage-welcomer .content p {
        margin-left: 0
    }
    .subpage-welcomer .content p.extra-contrast {
        margin-left: -15px
    }
    .subpage-content .category-option .img-wrap img {
        position: relative;
        transform: none;
        top: 0
    }
    h2.show-categories {
        max-width: 100%
    }
    .product-subpage .section-image {
        width: 100%;
        min-height: unset
    }
    .product-subpage .section-image img {
        max-width: 50%;
        position: relative;
        top: 0;
        transform: none
    }
    .product-subpage .subpage-welcomer.product {
        min-height: unset
    }
    .product-subpage .wrapper {
        position: relative;
        top: 0;
        margin-top: -110px;
        transform: none;
        padding: 0
    }
    .product-subpage .subpage-welcomer.product .wrapper {
        padding: 0 6.5%
    }
    .product-subpage .subpage-welcomer.product .wrapper p {
        margin-left: 0;
        padding-bottom: 40px
    }
    .product-subpage h2 {
        margin: 30px auto 20px auto
    }
    .product-subpage .subpage-welcomer.product {
        margin: 20px 0 0 0;
        max-width: 100%;
        background: url(img/frame_vertical_box.png);
        background-size: 100% 100%;
        background-color: #fff
    }
    .our-team-content .team-member {
        width: 49%
    }
    .product-subpage .product-suggestion {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%
    }
    .woolleys-history section.history-2,
    .woolleys-history section.history-3,
    .woolleys-history section.history-4,
    .woolleys-history section.top {
        background-image: none!important;
        background-size: 100% 60%, auto 60%;
        background-position: top center;
        background-repeat: no-repeat;
        background-color: transparent;
        min-height: auto;
        height: auto
    }
    .woolleys-history section.history-2 .content,
    .woolleys-history section.history-3 .content,
    .woolleys-history section.history-4 .content,
    .woolleys-history section.top .content {
        max-width: 100%;
        text-shadow: 1px 1px rgba(0, 0, 0, .6), 2px 2px 3px rgba(0, 0, 0, .3);
        margin-bottom: 30px
    }
    .woolleys-history section.history-2 .wrapper,
    .woolleys-history section.history-3 .wrapper,
    .woolleys-history section.history-4 .wrapper,
    .woolleys-history section.top .wrapper {
        top: 0;
        position: relative;
        transform: none
    }
    .section-image-mobile {
        height: 400px;
        background-size: 100% 100%, cover;
        background-position: center center;
        margin-bottom: 30px
    }
    .woolleys-history h1 {
        font-size: 36px
    }
    .woolleys-history section.top .section-image-mobile {
        background-image: url(img/frame_vertical_box.png), url(img/old-woolleys.jpg);
        background-position: left center
    }
    .woolleys-history section.history-2 .section-image-mobile {
        background-image: url(img/frame_vertical_box.png), url(img/old-woolleys-2.jpg)
    }
    .woolleys-history section.history-3 .section-image-mobile {
        background-image: url(img/frame_vertical_box.png), url(img/shop-front.jpg)
    }
    .woolleys-history section.history-4 .section-image-mobile {
        background-image: url(img/frame_vertical_box.png), url(img/store-front-2.jpg)
    }
    .subpage.catering section.top {
        background: 0 0;
        height: auto;
        min-height: auto;
        position: relative
    }
    .subpage.catering section.top .section-image-mobile {
        background-image: url(img/frame_vertical_box.png), url(img/lamps.jpg)
    }
    .subpage.catering section.top .wrapper {
        position: relative;
        top: 0;
        transform: none
    }
    .subpage.catering section.top .button {
        display: none
    }
    .subpage.catering section.top h1 {
        font-size: 36px
    }
    .subpage.catering section.top p {
        margin-left: 0
    }
    .subpage.catering section.top .content p br {
        display: none
    }
    .subpage.catering section.top .wrapper {
        top: 50%;
        transform: none
    }
    .subpage.catering .catering-menu {
        padding-top: 0
    }
    .subpage.catering .catering-menu .wrapper {
        padding: 30px 5%
    }
    .subpage.catering .catering-menu h2 {
        margin-left: -10px;
        padding-left: 10px
    }
    .subpage.catering .catering-menu h3 {
        margin-top: 0;
        margin-left: -10px;
        padding-left: 10px
    }
    .subpage.catering .catering-menu .catering-options-slider {
        width: 100%
    }
    .subpage.catering .catering-menu .catering-option {
        width: 49%;
        margin-bottom: -1px;
        margin-top: 10px
    }
    .subpage.catering .catering-menu .text-content {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px
    }
    .subpage.catering .catering-menu .text-content p {
        margin-left: 0
    }
    .subpage-welcomer .content {
        width: auto
    }
    .subpage.our-menu .wrapper {
        position: relative;
        top: 0;
        transform: none
    }
    .subpage.our-menu .our-menu {
        background: 0 0;
        height: auto;
        min-height: auto;
        padding-bottom: 30px
    }
    .subpage.our-menu .our-menu h1 {
        font-size: 36px;
        max-width: 100%;
        background-size: contain;
        margin: 0 0 0 -10px!important;
        box-sizing: border-box
    }
    .subpage.our-menu .our-menu .section-image-mobile {
        height: 250px;
        background-image: url(img/frame_vertical_box.png), url(img/spices.jpg);
        margin-bottom: -35px
    }
    .subpage.our-menu .our-menu-content .details {
        padding: 20px 20px 20px 60px
    }
    .subpage.our-menu .our-menu-content .details h2 {
        font-size: 24px
    }
    .subpage.our-menu .option {
        width: 100%;
        margin: 8px 0
    }
    .subpage.our-menu .our-menu-content .img-wrap {
        left: -20px!important;
        width: 70px;
        right: inherit
    }
    .subpage.our-menu .our-menu-content .img-wrap img {
        width: 70px
    }
    .subpage-content .categories-navigation {
        width: 100%;
        display: none
    }
    .subpage-content .category-option a {
        display: inline-block;
        width: 100%
    }
    .subpage-content .category-option .img-wrap {
        width: 70px;
        min-height: auto;
        margin-bottom: -5px
    }
    .subpage-content .category-option h4 {
        padding-left: 70px
    }
    h2.show-categories {
        margin: 0 0 40px;
        position: relative
    }
    h2.show-categories .fold-unfold {
        background-image: url(img/fold.png);
        background-size: 50% auto;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 32px;
        height: 32px;
        position: absolute;
        right: 0;
        transition: .2s ease all
    }
    h2.show-categories.opened .fold-unfold {
        transform: rotateX(180deg)
    }
    .subpage-content .category-products {
        width: 100%;
        margin-left: 0
    }
    .subpage-content .max-90-wrapper {
        max-width: 95%
    }
    .category-products .product {
        background-image: url(img/frame_vertical_box.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: top center;
        margin-top: 120px;
        margin-bottom: 35px;
        width: 100%;
        margin-right: 1%;
        box-sizing: border-box;
        padding: 100px 25px 25px 25px;
        min-height: auto;
        color: #192534;
        position: relative;
        overflow: visible
    }
    .category-products .product .img-wrap {
        position: absolute;
        top: -110px;
        left: 50%;
        transform: translateX(-50%)
    }
    .category-products .product .img-wrap img {
        margin-top: 10px;
        height: 220px;
        width: auto
    }
    .category-products .product h3 {
        margin-bottom: 0;
        text-align: center
    }
}

#catering-contact-form {
    max-width: 99%
}

.category-products .product {
    transition: .2s ease all
}

.category-products.breakfast .product {
    background-color: #329194;
    color: #fff
}

.category-products.breakfast .product:hover {
    background-color: #38a4a7
}

.category-products.sandwiches .product {
    background-color: #184778;
    color: #fff
}

.category-products.sandwiches .product:hover {
    background-color: #1c548d
}

.category-products.salads .product {
    background-color: #cc9d5e;
    color: #fff
}

.category-products.salads .product:hover {
    background-color: #d2a971
}

.category-products.hot-food .product {
    background-color: #916b51;
    color: #fff
}

.category-products.hot-food .product:hover {
    background-color: #a1775a
}

.category-products.desserts-and-snacks .product {
    background-color: #ab163a;
    color: #fff
}

.category-products.desserts-and-snacks .product:hover {
    background-color: #c21942
}

.category-products.drinks .product {
    background-color: #54323d;
    color: #fff
}

.category-products.drinks .product:hover {
    background-color: #643c49
}

@media only screen and (max-width:900px) {
    .ctx br {
        display: none
    }
}

@media only screen and (max-width:600px) {
    .product-subpage .product-suggestion {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 20px
    }
    .product-subpage .product-suggestion:last-child {
        margin-bottom: 0
    }
    .our-team-content .team-member {
        width: 100%;
        margin-right: 0
    }
    .subpage.catering .catering-menu {
        padding-top: 0
    }
    .subpage.catering .catering-menu .catering-options-slider {
        width: 100%
    }
    .subpage.catering .catering-menu .catering-option {
        width: 100%;
        margin: 10px 0 0 0;
        min-height: 450px
    }
    .subpage.catering .catering-menu .catering-option h3 {
        margin-top: 0
    }
    .subpage.catering .catering-menu .text-content {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px
    }
    .subpage.catering .catering-menu .text-content p {
        margin-left: 0
    }
}

.woolleys-history .top h3 {
    background-image: url(img/gold-stroke.png);
    background-size: contain;
    background-position: left center;
    padding: 16px 20px 20px 20px;
    margin-left: -20px;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: -25px
}

h3.special-about {
    text-align: center
}

.flex-ctr {
    display: flex;
    align-items: center
}

.special-about-btn {
    padding: 18px 40px;
    text-align: center;
    margin: 30px auto;
    background-color: #ab163a!important
}

.special-about-btn:hover {
    background-color: #d09a49!important
}

.woolleys-history section {
    min-height: 620px
}

.sustainability .subpage-welcomer {
    background-image: url(img/long-section-frame.png), url(img/our-vision.jpg);
    height: 600px;
    background-position: center center;
    background-size: 100% 100%, cover;
    background-repeat: no-repeat
}

.sustainability .su-vi {
    min-height: 65px!important;
    line-height: 120px;
    width: 1260px;
    max-width: 90%;
    margin: 20px auto 0 auto
}

.sustainability .su-vi h1 {
    line-height: 1
}

.darken-bgr {
    max-width: 600px;
    padding: 20px;
    margin-left: -20px;
    background-color: rgba(25, 37, 52, .39);
    border-radius: 10px
}

.subpage section:first-child {
    opacity: 0;
    animation: .5s .3s slide-fade-in cubic-bezier(.38, 1.51, .57, .93) forwards
}

.subpage section:nth-child(2) {
    opacity: 0;
    animation: .5s .5s slide-fade-in ease-out forwards
}

@keyframes slide-fade-in {
    from {
        opacity: 0;
        transform: translateY(150px)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.transparent {
    background: 0 0!important
}

.terms-privacy section.divided.reversed .ctx {
    padding: 0 5%;
    max-width: 800px!important
}

.terms-privacy section.divided.reversed .ctx li,
.terms-privacy section.divided.reversed .ctx p {
    text-align: left!important
}

.terms-privacy section.divided.reversed .ctx li {
    padding-left: 30px
}

.terms-privacy section.divided.reversed .ctx li:first-letter {
    font-weight: bolder
}

.terms-privacy section.divided.reversed .ctx h1,
.terms-privacy section.divided.reversed .ctx h2 {
    text-align: left
}

.terms-privacy section.divided.reversed .ctx ol {
    margin-bottom: 20px
}

.terms-privacy section.divided {
    background: 0 0
}

.terms-privacy table {
    border-collapse: collapse;
    margin: 0 3.5% 20px 3.5%;
    text-align: left
}

.terms-privacy table td,
.terms-privacy table th {
    padding: 20px 3%;
    border: 1px solid #fff;
    line-height: 1.5
}

.terms-privacy table th:first-child {
    width: 40%
}

@media only screen and (max-width:700px) {
    .terms-privacy table {
        margin: 0 0 20px 0
    }
}

.single-post .post-thumbnail {
    display: none
}

aside .widget ul li {
    margin-bottom: 0
}

.posts-wrapper article .entry-header h2.entry-title {
    margin-top: 0
}

iframe {
    margin-left: 50%!important;
    transform: translateX(-50%)
}

.post-navigation {
    border-radius: 4px;
    overflow: hidden
}

.post-navigation .nav-previous {
    box-sizing: border-box;
    font-weight: 900;
    background-color: #37a5a5;
    position: relative;
    cursor: pointer;
    transition: .1s ease all
}

.post-navigation .nav-previous:after {
    content: '◀';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    color: #fff
}

.post-navigation .nav-previous:hover {
    background-color: #57c7c7
}

.post-navigation .nav-previous a {
    color: #fff!important;
    display: block;
    padding: 15px 15px 15px 45px
}

.post-navigation .nav-next {
    box-sizing: border-box;
    font-weight: 900;
    background-color: #36bfbf;
    cursor: pointer;
    position: relative;
    transition: .1s ease all
}

.post-navigation .nav-next:after {
    content: '▶';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: #fff
}

.post-navigation .nav-next:hover {
    background-color: #4acccc
}

.post-navigation .nav-next a {
    color: #fff!important;
    display: block;
    padding: 15px 45px 15px 15px
}

.comments-area {
    max-width: 700px;
    margin: 60px auto 60px auto
}

.comments-area h2 {
    margin-bottom: 30px;
    font-size: 1.375em
}

.comments-area li {
    list-style: none
}

.comments-area .comment-meta {
    line-height: 30px
}

.comments-area .comment-author {
    margin-bottom: 10px
}

.comments-area .comment-author:after {
    content: "";
    display: table;
    clear: both
}

.comments-area .comment-author img {
    border-radius: 50%;
    float: left;
    margin-right: 10px
}

.comments-area .says,
.comments-area b.fn {
    top: 1px;
    position: relative;
    font-size: 1.25em
}

.comment-metadata {
    border-radius: 3px;
    padding: 1px 12px;
    font-size: .875em;
    background-color: #e6f4f8;
    margin-bottom: 20px
}

p.no-comments {
    padding: 30px 0 0
}

.comment-reply-title {
    margin-top: 30px
}

.comment-form-comment textarea {
    border: 2px solid #e6f4f8;
    transition: .3s ease all;
    padding: 15px
}

.comment-form-comment textarea:focus {
    border: 2px solid #20568d
}

.form-submit {
    margin-top: -9px
}

.form-submit input {
    background-color: #20568d;
    padding: 15px 25px;
    color: #fff;
    font-weight: bolder;
    cursor: pointer;
    font-weight: bolder
}

.form-submit input:hover {
    background-color: #296fb7
}

.form-submit input:active {
    background-color: #20568d
}

.reply:after {
    content: "";
    display: table;
    clear: both
}

.comment-reply-link {
    margin: 4px;
    display: block;
    float: left;
    background-color: #36bfbf;
    padding: 10px 25px;
    color: #fff;
    font-weight: bolder;
    font-size: .825em;
    cursor: pointer;
    border-radius: 3px
}

.comment-reply-link:hover {
    background-color: #58d0d0
}

.comment-reply-link:active {
    background-color: #36bfbf
}

.comment-content {
    margin-bottom: 5px
}

.comment-content p {
    margin: 0 0 10px
}

.comment-content p:last-child {
    margin-bottom: 10px
}

.comment-content a {
    color: #36bfbf
}

.comment-content a:hover {
    text-decoration: underline
}

.logged-in-as {
    border-radius: 3px;
    padding: 8px 18px;
    background-color: #e6f4f8;
    margin-bottom: 20px;
    margin-top: 10px
}

.logged-in-as a {
    font-size: .875em
}

.logged-in-as a:hover {
    color: #37a5a5
}

.comment-body {
    border: 2px solid #e6f4f8;
    padding: 10px
}

.comment-body p {
    padding: 0 5px
}

.comment-body .comment-edit-link {
    padding-top: 1px;
    color: #37a5a5;
    font-weight: bolder;
    float: right
}

.site-content {
    position: relative;
    z-index: 60
}

.posts-wrapper article {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    width: 49%;
    float: left
}

.posts-wrapper article:nth-child(odd) {
    margin-right: 1%;
    clear: left
}

.posts-wrapper article:nth-child(even) {
    margin-left: 1%
}

.posts-wrapper article:nth-child(even):after {
    content: "";
    display: table;
    clear: both;
    float: none
}

.posts-wrapper article .entry-header {
    padding: 30px 30px 30px 30px;
    color: #fff
}

.posts-wrapper article .entry-header a,
.posts-wrapper article .entry-header h2 {
    color: #fff;
    line-height: 1.25
}

.posts-wrapper article .entry-header h2 {
    margin-bottom: 30px
}

.posts-wrapper article:nth-child(5n) {
    background-color: #013d73
}

.posts-wrapper article:nth-child(5n) .entry-header {
    background-color: #013d73!important
}

.posts-wrapper article:nth-child(5n+1) {
    background-color: #0b8fa7
}

.posts-wrapper article:nth-child(5n+1) .entry-header {
    background-color: #0b8fa7!important
}

.posts-wrapper article:nth-child(5n+2) {
    background-color: #c81581
}

.posts-wrapper article:nth-child(5n+2) .entry-header {
    background-color: #c81581!important
}

.posts-wrapper article:nth-child(5n+3) {
    background-color: #9959a5
}

.posts-wrapper article:nth-child(5n+3) .entry-header {
    background-color: #9959a5!important
}

.posts-wrapper article:nth-child(5n+4) {
    background-color: #36bfbf
}

.posts-wrapper article:nth-child(5n+4) .entry-header {
    background-color: #36bfbf!important
}

.posts-wrapper article .entry-meta {
    position: absolute;
    bottom: 30px;
    padding-right: 30px;
    margin: 0 auto!important
}

.posts-wrapper .post-image-wrapper {
    height: 180px;
    overflow: hidden
}

header.blog-home-header {
    padding: 140px 0 50px 0
}

header.blog-home-header h1 {
    color: #013d73;
    margin-bottom: 30px
}

header.blog-home-header p {
    font-size: 1.25em
}

.blog-content-wrapper {
    display: flex
}

.blog-content-wrapper .content-area {
    width: 75%;
    padding-right: 15px;
    box-sizing: border-box
}

.blog-content-wrapper .widget-area {
    width: 25%;
    box-sizing: border-box;
    padding-left: 15px
}

.widget_search input.search-field {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: .825em;
    height: 46px;
    border: none;
    background-image: none;
    background-color: #f6f6f6;
    padding-left: 15px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.widget_search label {
    margin-right: -4px;
    display: block;
    float: left
}

.widget_search input.search-submit {
    height: 46px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: .825em;
    border: none;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background-color: #0b8fa7;
    cursor: pointer;
    font-weight: bolder;
    padding-left: 20px;
    padding-right: 20px
}

.widget_search input.search-submit:hover {
    background-color: #0da3bf
}

.widget h2 {
    padding-top: 15px;
    margin: 15px 0
}

.widget li {
    margin-bottom: 20px;
    line-height: 1.25;
    transition: .1s ease all
}

.widget li a:hover {
    color: #0b8fa7
}

.post.type-post .entry-meta,
.post.type-post h1,
.post.type-post h2,
.post.type-post h3,
.post.type-post h4,
.post.type-post h5,
.post.type-post h6,
.post.type-post p,
.post.type-post ul {
    max-width: 700px;
    margin: 30px auto
}

.post.type-post .entry-content img {
    max-width: 700px;
    display: block;
    margin: 60px auto
}

.post.type-post h1 {
    margin-top: 60px
}

.post.type-post p,
.post.type-post ul {
    line-height: 1.75
}

.post.type-post ul>li {
    margin-left: 30px;
    list-style: disk
}

.post.type-post ul li li {
    list-style: circle
}

.post.type-post strong {
    font-weight: 700
}

@media only screen and (max-width:1300px) {
    .posts-wrapper article {
        width: 100%;
        margin: 0 0 30px!important;
        float: none
    }
    .widget_search label {
        max-width: 55%
    }
}

@media only screen and (max-width:900px) {
    .blog-content-wrapper {
        display: block
    }
    .blog-content-wrapper .widget-area {
        width: 100%;
        padding-left: 0
    }
    .posts-wrapper article .entry-header {
        padding-bottom: 60px
    }
    .posts-wrapper article .entry-header h2.entry-title {
        margin-top: 0
    }
    .blog-content-wrapper .content-area {
        width: 100%;
        padding-right: 0
    }
    .blog-content-wrapper .content-area article {
        width: 100%
    }
}
/* 
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
} */

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

html {
    min-height: 100%
}

html.ios-mode {
    -webkit-overflow-scrolling: touch
}

section {
    margin: auto;
    width: 1440px;
    max-width: 96%;
    background-color: rgba(0, 0, 0, .1);
    min-height: 720px;
    box-sizing: border-box
}

section.short {
    min-height: 420px
}

section.short .wrapper {
    min-height: 420px
}

section.clean {
    background-color: transparent;
    min-height: 420px
}

.wrapper {
    width: 100%;
    padding: 0 6.5%;
    box-sizing: border-box;
    position: relative
}

p strong {
    font-weight: bolder
}

hr.clear {
    border: none;
    margin: 0;
    width: 100%;
    display: block
}

body,
html {
    max-width: 100%;
    min-width: 100%
}

.no-mh {
    min-height: inherit!important
}

html {
    overflow-x: hidden
}

html.modal-open {
    overflow: hidden
}

body {
    -webkit-overflow-scrolling: touch;
    font-size: 16px;
    margin: 0;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    display: block;
    height: 100%;
    width: 100%;
    background-color: #192534;
    color: #fff
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    /*font-family: 'Caveat Brush', cursive*/
}

body.modal-open {
    overflow: hidden;
    position: fixed
}

.button,
.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.no-padding {
    padding: 0!important
}

.no-margin {
    margin: 0!important
}

.no-sides-margin {
    margin-left: 0!important;
    margin-right: 0!important
}

.input-checkbox,
input.text,
input[type=button],
input[type=email],
input[type=submit],
input[type=text],
textarea {
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    outline: 0
}

.clearfix,
.content,
.row,
.subpage,
.wrapper {
    clear: both
}

.clearfix:after,
.content:after,
.row:after,
.subpage:after,
.wrapper:after {
    content: "";
    display: table;
    clear: both
}

hr {
    border: none
}

hr:after {
    content: "";
    display: table;
    clear: both
}

hr.clear {
    border: none
}

hr.clear:after {
    content: "";
    display: table;
    clear: both
}

hr .border {
    border-bottom: 1px solid #eee
}

hr.thick-0 {
    margin: 0
}

hr.thick-10 {
    padding: 5px 0
}

hr.thick-20 {
    padding: 10px 0
}

hr.thick-30 {
    padding: 15px 0
}

hr.thick-40 {
    padding: 20px 0
}

hr.thick-50 {
    padding: 25px 0
}

h1 {
    font-size: 3em;
    margin: 0
}

section.welcomer .content h1 {
    background-size: 100% 100%!important
}

h2 {
    font-size: 2em;
    margin: 0
}

h3 {
    font-size: 1.75em;
    margin: 0
}

h4 {
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 0
}

h5 {
    font-size: 1.25em;
    margin: 0
}

h6 {
    font-size: 1em;
    margin: 0
}

body.modal-opened {
    overflow: hidden
}

/* a {
    color: #cd933d;
    transition: .6s ease all
} */

a.neat {
    font-weight: 900
}

a.white {
    font-weight: 900;
    color: #fff
}

a.clean {
    text-decoration: none
}

a:hover {
    transition: none!important;
    opacity: 1!important
}

.no-shadow {
    box-shadow: none!important
}

.button,
input.button {
    display: inline-block;
    border: none;
    padding: 12px 20px 11px 20px!important;
    border-radius: 3px;
    position: relative;
    z-index: 99;
    box-sizing: border-box;
    width: inherit;
    cursor: pointer;
    font-size: 1em;
    text-align: center;
    min-width: 145px;
    color: #fff;
    background-color: #cd933d;
    transition: .1s ease all;
    text-decoration: none;
    background-repeat: no-repeat
}

.button:hover,
input.button:hover {
    background-color: #d09a49;
    box-shadow: 0 5px 15px rgba(205, 147, 61, .3)
}

.button:active,
input.button:active {
    transition: none;
    box-shadow: 0 5px 40px -11px inset rgba(0, 0, 0, .6)
}

.button.phone,
input.button.phone {
    background-image: url(img/gold-mobile.png);
    background-size: auto 55%;
    background-position: 15px center;
    transition: .12s ease all;
    margin-bottom: 12px;
    margin-right: 15px;
    float: left;
    background-color: transparent;
    color: #cd933d;
    border: 1px solid #cd933d;
    padding: 12px 10px 11px 35px!important
}

.button.phone:hover,
input.button.phone:hover {
    background-image: url(img/mobile.png)!important;
    color: #fff;
    background-color: #cd933d!important;
    box-shadow: 0 15px 35px -10px rgba(205, 147, 61, .5)
}

.button.phone:active,
input.button.phone:active {
    background-color: #ab782c;
    border-color: #ab782c;
    box-shadow: 0 15px 35px -10px rgba(205, 147, 61, .2)
}

.button.mail,
input.button.mail {
    background-color: transparent;
    background-image: url(img/gold-mail.png);
    background-size: auto 40%;
    background-position: 17px center;
    transition: .12s ease all;
    color: #cd933d;
    padding: 12px 10px 11px 35px!important
}

.button.mail:hover,
input.button.mail:hover {
    background-image: url(img/mail.png);
    color: #fff;
    background-color: #cd933d;
    box-shadow: 0 15px 25px -10px rgba(205, 147, 61, .5)
}

.button.mail:active,
input.button.mail:active {
    background-color: #ab782c;
    border-color: #ab782c;
    box-shadow: 0 15px 25px -10px rgba(205, 147, 61, .2)
}

section .button {
    margin-top: 23px
}

section p {
    padding-bottom: 11px;
    max-width: 600px;
    line-height: 1.75
}

section h1,
section h2,
section h3,
section h4,
section h5,
section h6 {
    margin-bottom: 11px;
    box-sizing: border-box
}

section p {
    box-sizing: border-box
}

@media only screen and (min-width:900px) and (max-width:1125px) {
    header.main nav.main {
        clear: both;
        margin-right: -5px;
        padding-right: 0!important
    }
}

section.tradition .content p,
section.welcomer .content p {
    text-shadow: 0 0 10px #000
}

@media only screen and (max-width:600px) {
    .subpage.catering .catering-menu .catering-option {
        min-height: unset
    }
}

@media only screen and (max-width:768px) {
    h1,
    h2,
    h3 {
        max-width: 100%!important;
        min-width: unset!important;
        margin-left: 0!important
    }
    .subpage-welcomer {
        min-height: unset!important
    }
    .noo-food-waste h2 {
        text-shadow: 0 0 10px #000
    }
    .darken-bgr,
    .subpage-welcomer .content p.extra-contrast {
        margin-left: 0!important
    }
    .our-team .top-section {
        height: 640px
    }
    section.divided .ctx,
    section.divided .ilx {
        max-width: 100%!important;
        padding: 0 5% 20px 5%!important;
        min-height: unset
    }
    section.divided .ctx h1,
    section.divided .ctx h2,
    section.divided .ctx h3,
    section.divided .ctx h4,
    section.divided .ctx h5,
    section.divided .ctx h6,
    section.divided .ilx h1,
    section.divided .ilx h2,
    section.divided .ilx h3,
    section.divided .ilx h4,
    section.divided .ilx h5,
    section.divided .ilx h6 {
        text-align: left
    }
    .subpage.sustainability .no-food-waste {
        margin-bottom: 0
    }
}

@media only screen and (max-width:900px) {
    section {
        max-width: 100%
    }
}

.action-notification.positive {
    background-color: #00d084
}

.action-notification {
    overflow: hidden;
    z-index: 500;
    padding: 0 5%;
    animation: .6s 10s autohide forwards;
    position: relative;
    text-align: center;
    font-weight: bolder
}

.action-notification div {
    padding: 10px 0
}

@keyframes autohide {
    from {
        max-height: 150px
    }
    to {
        max-height: 0
    }
}