/*
Theme Name: Kegtails 2019
Theme URI: /
Description:
Version: 1.0
Author: Pixel Village
Author URI: http://pixelvillage.co.za/
*/


/*Global Typography Styles*/

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

html h1,
.h1 {
    font-size: 2.25rem;
}

html h2,
.h2 {
    font-weight: 500;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 2.1875rem;
    color: #212121;
}

@media(max-width: 768px) {
    html h2,
    .h2,
    #page h2 {
        font-size: 1.75rem;
    }
}

html h3,
.h3 {
    font-size: 1.75rem;
}

html h4,
.h4 {
    font-size: 1.5rem;
}

html h5,
.h5 {
    font-size: 1.25rem;
}

html h6,
.h6 {
    font-size: 1rem;
}

html p,
.paragraph {
    font-size: 16px;
}

#flavours #slider .slides li .slidecont,
#order #slider .slides li .slidecont {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
}

.slidecont #details {
    margin-bottom: 40px;
}

.slidecont #details h4 {
    color: #ffd800;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 12px;
    margin-top: 20px;
    font-size: 22px;
    display: inline-block;
    width: 300px;
}

.slidecont #details p {
    margin-bottom: 0px;
    color: #000;
}

.slidecont #details p small {
    color: #565656;
}

h4.kegprice {
    font-size: 22px;
}

#shipping_method input:not(:checked) {
    display: none;
}

#taps .row.productmasonry .item .drink-title b {
    display: none;
}

.woocommerce-cart .woocommerce .cart tbody tr .product-name .prodname {
    vertical-align: middle;
    text-transform: uppercase;
}

.woocommerce-cart .woocommerce .cart tbody tr .product-name .prodname b {
    display: inline-block;
    width: 100%;
}

.woocommerce-cart .shipping {
    display: none;
}

.woocommerce .checkout .woocommerce-billing-fields #billing_returncollect_field label {
    display: inline-block;
    margin-right: 20px;
}

.woocommerce-info:before {
    display: none !important;
}

.woocommerce-info {
    border-top: 5px solid #e8ab00 !important;
}

html body .page-section#home .row .col-lg-12 {
    min-height: -moz-calc(100vh - 100px);
    min-height: -webkit-calc(100vh - 100px);
    min-height: -o-calc(100vh - 100px);
    min-height: calc(100vh - 100px);
}

@media (max-width: 991px) {
    html body .page-section#home .row .col-lg-12 {
        min-height: -moz-calc(100vh - 68px);
        min-height: -webkit-calc(100vh - 68px);
        min-height: -o-calc(100vh - 68px);
        min-height: calc(100vh - 68px);
    }
}

body .viewprocess {
    display: none !important;
}


/* July 2019 Custom */

#order.page-order .productmasonry.tap-grid .item .recommend {
    bottom: auto;
    top: 100%;
    margin-top: 15px;
}

#order.page-order .productmasonry.tap-grid {
    margin-bottom: 50px;
}

body .mejs-overlay-error {
    display: none !important;
}

.woocommerce .breadcrumbs.cartcrumbs {
    display: none;
}


/* mobile menu*/

#cd-lateral-nav {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
}

#cd-lateral-nav.lateral-menu-is-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

#cd-lateral-nav ul {
    margin-bottom: 0;
}

#cd-lateral-nav .ordernow {
    display: none;
}

.page-wrap {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 992px) {
    .page-wrap {
        padding-right: 15px;
        padding-left: 15px;
        width: 940px;
    }
}

@media (min-width: 1200px) {
    .page-wrap {
        width: 1170px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1590px) {
    .page-wrap {
        width: 1560px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.container>.row {
    max-width: 100%;
}

@media(max-width:991px) {
/*     .hide_contact {
        display: none;
    } */
	#cd-lateral-nav .mobilecontact, #cd-lateral-nav .ordernow {
		display: none!important;
	}
}

#modalEnquire {
    position: absolute;
    max-height: none;
    height: 100%;
}

#modalContact {
    left: 0;
    height: 100%;
    max-width: 500px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    top: 50px;
}

#modalContact {
    max-width: 565px;
    max-height: 100vh;
    margin: auto;
    z-index: 100000;
    position: absolute;
    -ms-overflow-style: none;
    transition: opacity 500ms ease-in-out;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

#modalContact .modal-body {
    background: rgba(255, 255, 255, 0.2);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 60px;
}

#modalContact .modal-body .close {
    opacity: .8;
    background: rgba(0, 0, 0, 0.23);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#modalContact .modal-body .gform_wrapper {
    background: #fff;
    margin: 45px 0;
    -webkit-box-shadow: 0 0 36px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 36px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 0 36px 6px rgba(0, 0, 0, 0.23);
}

#modalContact .modal-body .gform_wrapper .gform_body {
    padding: 0 40px;
}

#modalContact .modal-body .gform_wrapper .gform_body ul li {
    padding-right: 0;
}

#modalContact .modal-body .gform_wrapper .gform_heading .gform_description {
    color: #000;
    font-weight: 500;
    font-weight: 400;
    background: #e9ac00;
    font-size: 24px;
    text-align: center;
    width: 100%;
    padding: 18px;
    padding-bottom: 13px;
    margin-bottom: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.gform_wrapper .gform_body ul li input[type=text],
#modalContact .modal-body .gform_wrapper .gform_body ul li input[type=text] {
    border: 1px solid #666;
    color: #4d4d4d;
    padding: 15px;
    margin-right: 10px;
    text-transform: uppercase;
    background: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 100%;
}

.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select,
.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select,
.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select,
.gform_legacy_markup_wrapper textarea.medium,
.field_select,
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 5px 20px !important;
    text-transform: initial;
    color: #4d4f5c !important;
    min-height: 46px;
    height: 46px;
    border: 1px solid #e5e5e5 !important;
    border-radius: 0px !important;
}

.gform_legacy_markup_wrapper ul.gfield_checkbox li label,
.gform_legacy_markup_wrapper ul.gfield_radio li label,
.gform_legacy_markup_wrapper .top_label .gfield_label,
.gform_legacy_markup_wrapper legend.gfield_label {
    font-weight: 400 !important;
}

.TL-enquire {
    padding: 50px 0 100px 0 !important;
}

.gform_legacy_markup_wrapper ::-webkit-input-placeholder {
    /* Edge */
    color: #4d4f5c !important;
}

.gform_legacy_markup_wrapper :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #4d4f5c !important;
}

.gform_legacy_markup_wrapper ::placeholder {
    color: #4d4f5c !important;
}

.popup_add_to_cart {
    position: fixed;
    top: 50%;
    left: calc(50% - 190px);
    transform: translateY(-50%);
    width: 380px;
    padding: 15px;
    max-width: 600px;
    margin: auto;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
    z-index: 12;
    -webkit-box-shadow: 0px 5px 10px 4px #666666;
    box-shadow: 0px 5px 10px 4px #666666;
}

#orderDirectly .align-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media(max-width:768px) {
    #orderDirectly .align-center {
        display: block;
    }
}

.popup_add_to_cart img {
    width: 100%;
}

#modalContact .modal-body .gform_wrapper .gform_body ul li .gfield_label {
    display: none;
}

#modalContact .modal-body .gform_wrapper .gform_footer {
    text-align: center;
    padding: 0;
}

#modalContact .modal-body .gform_wrapper .gform_footer input[type=submit] {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-weight: 400;
    background: #e9ac00;
    padding: 13px 35px;
    display: inline-block;
    margin-top: 10px;
    letter-spacing: 1px;
    border: none;
    position: relative;
    bottom: -21px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#shipping_method input {
    appearance: none;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tr th {
    width: 45%;
}

@media (max-width: 767px) {
    #modalContact .modal-body {
        padding: 20px 15px;
    }
    #modalContact .modal-body .gform_wrapper .gform_body ul li input[type=text] {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #modalEnquire .modal-body .gform_wrapper .gform_body ul li input[type=text] {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


/* end mobile section  */

.gform_wrapper .validation_error {
    display: none;
}


/* enquire form */

.enquire-checkbox-list .ginput_container_checkbox {
    border: 1px solid #666;
    padding: 5px 15px 0 15px;
    border-radius: 3px;
    margin-top: 7px !important;
}

#modalEnquire .modal-body .gform_wrapper .gform_body ul .enquire-checkbox-list .gfield_label {
    display: block !important;
    font-weight: 400;
    font-weight: 300;
}

.field_select {
    /* border: 1px solid #666; */
    color: #4d4f5c;
    /* padding: 15px; */
    margin-right: 10px;
    /* text-transform: uppercase; */
    background: none;
    /* -webkit-border-radius: 3px; */
    /* -moz-border-radius: 3px; */
    /* border-radius: 3px; */
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 100%;
    position: relative;
    line-height: 260%;
}

.field_select:hover {
    cursor: pointer;
}

.field_select:after {
    content: '';
    background-image: url('images/icon-down.png');
    background-repeat: no-no-repeat;
    width: 14px;
    height: 8px;
    display: block;
    background-size: contain;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-25%);
    transition: 0.2s;
}

.field_select.show:after {
    transform: rotate(180deg) translateY(40%);
    transition: 0.2s;
}

.enquire-checkbox-list .ginput_container_checkbox {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    border-radius: 0;
    margin-top: -6px !important;
}

.enquire-checkbox-list .ginput_container_checkbox li label {
    text-transform: capitalize;
}

html body div#ui-datepicker-div[style] {
    z-index: 100001 !important;
    width: auto;
}

html body div#ui-datepicker-div[style] select {
    color: #000;
}

html body div#ui-datepicker-div[style] .ui-datepicker-header {
    border-radius: 0;
    border: none;
}

.enquire-checkbox-list .ginput_container_checkbox ul,
.enquire-checkbox-list .ginput_container_checkbox li {
    position: relative;
}

.enquire-checkbox-list {
    /* height: 300px; */
    opacity: 1;
    margin-top: 22px !important;
}

.enquire-checkbox-list .gfield_label {
    margin-bottom: 18px;
}

.enquire-checkbox-list .gfield_checkbox {
    column-count: 1;
}

@media(max-width: 460px) {
    .enquire-checkbox-list .gfield_checkbox {
        column-count: 1;
    }
}

.gform_wrapper .enquire-checkbox-list ul.gfield_checkbox li {
    position: relative;
    margin-bottom: 5px;
}

.gform_wrapper .enquire-checkbox-list ul.gfield_checkbox li label {
    font-weight: 400;
    font-weight: 300;
    padding-left: 24px;
}

.gform_wrapper .enquire-checkbox-list ul.gfield_checkbox li label::before {
    content: '';
    width: 14px;
    border-radius: 50%;
    border: solid 1px #707070;
    height: 14px;
    position: absolute;
    left: 0;
    display: block;
    top: 2px;
}

.gform_wrapper .enquire-checkbox-list ul.gfield_checkbox li input[type=checkbox]:checked+label::before {
    background: #E9AC00;
    border-color: #E9AC00;
}

.gform_wrapper .enquire-checkbox-list ul.gfield_checkbox li input[type=checkbox]:checked+label::after {
    content: '\f00c';
    font-family: 'FontAwesome';
    position: absolute;
    left: 3px;
    top: 3px;
    color: #fff;
    font-size: 0.55rem;
}

.gform_wrapper .enquire-checkbox-list ul.gfield_checkbox li input[type=checkbox]:checked+label {
    font-weight: 400;
    font-weight: 300;
}

.gform_wrapper .enquire-checkbox-list ul.gfield_checkbox li input[type=checkbox] {
    margin: 0 5px 2px 0;
    display: none;
}


/* ----------------------------------------- Header */

#headersticky,
#header .row a.cartlink.showonmobi,
#header .row .mobi-col .account.showonmobi {
    /* we dont need this */
    display: none;
}

#header {
    padding: 0 70px;
    position: sticky;
    top: 0;
}

#header,
#headersticky {
    z-index: 4;
}

#header>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

#header .row .logo img {
    max-width: 260px;
    margin: 0;
}

#header .row .mobi-col {}

#header .row .menu-col {
    margin-left: auto;
}

#header .row .mobi-col,
#header .row .c2as {
    padding: 0;
}

#header .row .logo {
    height: 100%;
    padding: 0;
}

#header .row #nav>li>a {
    font-size: 15px;
    font-weight: 400;
    font-weight: 300;
    letter-spacing: 0;
}

#header .row #nav li {
    padding: 20px 25px;
}

#header .row #nav li.current_page_item.menu-item-1097 a {
    color: #E9AC00;
}

#header .row .c2as a.call {
    color: #E8AB00;
    font-size: 15px;
    font-weight: 400;
    font-weight: 300;
}

#header .row .c2as {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-left: 3%;
}

#header .row .c2as a.ordernow,
#headersticky .row .c2as a.ordernow {
    height: 45px;
    font-size: 13px;
    font-weight: 500;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0 20px;
    align-items: center;
}

#header .col-lg-2,
#header .col-lg-5,
#header .row .menu-col,
#header .row .c2as {
    width: auto;
}

a.loginlink i {
    font-size: 13px;
}

a.loginlink {
    color: #E8AB00;
    margin-left: 10px;
}

.cart-divider {
    color: #E8AB00;
}

#header .row a.cartlink,
#header .row .c2as .account {
    color: #E8AB00;
    font-size: 15px;
}

#header .row a.cartlink .fa {
    margin-right: 5px;
}

#header .row a.cartlink {
    margin-right: 10px;
}

@media (max-width: 1589px) {
    #header .row .logo img {
        max-width: 200px;
    }
    #header .row #nav li {
        padding: 10px 14px;
    }
    #header .row .c2as {
        margin-left: 0;
    }
}

@media(max-width:1355px) {
    #header .row .c2as a.call {
        display: none;
    }
}

@media(max-width:1250px) {
    #header .row .logo img {
        max-width: 140px;
    }
    #header .row .c2as a.ordernow {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media(max-width:1199px) {
    #header {
        padding: 0 30px;
    }
    #header .row #nav li {
        padding: 10px 8px;
    }
}

@media(max-width:991px) {
    #header {
        padding: 20px 30px;
    }
    #header .mobi-col {
        position: static;
    }
    #cd-menu-trigger {
        position: absolute;
        right: 0;
        top: 9px;
        z-index: 1;
    }
    #header .row .c2as {
        padding-right: 50px !important;
    }
    #header .row a.cartlink {
        margin-left: 10px;
    }
    #header .row .c2as .account {
        margin-left: 20px;
    }
}

@media(max-width:575px) {
    #header .row .c2as a.ordernow {
        display: none;
    }
    #cd-menu-trigger {
        top: -3px;
    }
    #cd-lateral-nav .ordernow {
        display: block;
    }
}


/* ----------------------------------------- Home */

html,
body {
    font-weight: 300;
}

#home {
    background-position: 50% 0 !important;
    background-size: cover;
}

#home .centered {
    padding: 0 30px;
}

#home .centered h2 {
    font-weight: 500;
    font-weight: 400;
    font-size: 55px;
}

#home .centered h2 strong {
    font-weight: 300;
}

#home .centered .ordernow {
    font-size: 14px;
    width: 193px;
    padding: 16px;
}

@media (max-width: 991px) {
    #home .centered {
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    #home .centered h2 {
        font-size: 38px;
    }
    #home .centered .ordernow {
        width: 140px;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 300;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.h1 strong,
.h2 strong,
.h3 strong,
.h4 strong,
.h5 strong,
.h6 strong {
    font-weight: 500;
    font-weight: 400;
}

.product_container h2,
.product_container h3 {
    font-weight: 500;
    font-weight: 400;
}

.product_container a {
    color: #000;
}


/*temp
.ac-overlay, .ac-container {
display: none!important;
}*/


/*temp end*/

body.ageverify {
    overflow: visible;
}

#intro {
    margin: 80px 0;
}

body:not(.home) #intro {
    margin-bottom: 90px;
}


/*
@media all and (max-width:760px) {
body:not(.home) #intro {
margin-top: 35px;
margin-bottom:35px;
}
}*/

#intro .row>.col-lg-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#intro hr {
    display: none;
}

#intro p {
    font-size: 1rem;
    color: #2E2E2E;
    text-align: center;
    font-weight: 400;
    font-weight: 300;
    max-width: 1315px;
}

.page-template-default #intro h1 {
    font-size: 2.5rem;
    color: #1D1D1D;
}

.page-template-default #intro p {
    font-size: 1rem;
    color: #707070;
    max-width: 1035px;
}

#intro h1 {
    text-align: center;
    position: relative;
    font-size: 2.1875rem;
    line-height: 1.2;
    padding: 0 0 35px 0;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 21px 0;
    color: #3D3D3D;
}

#intro h1 strong {
    font-weight: 500;
    font-weight: 400;
}

@media (max-width: 1589px) {
    #intro {
        margin: 80px 0;
    }
    body:not(.home) #intro {
        margin-bottom: 65px;
    }
    #intro h1,
    .page-template-default #intro h1 {
        font-size: 1.9375rem;
    }
}

@media(max-width: 768px) {
    #intro {
        margin: 70px 0;
    }
    body:not(.home) #intro {
        margin-bottom: 55px;
    }
    #intro h1,
    .page-template-default #intro h1 {
        font-size: 1.625rem;
    }
}

#home .centered .ordernow {
    margin-right: 10px;
}

#intro h1:before {
    content: '';
    background: #E9AC00;
    width: 90px;
    height: 8px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

#intro .featured_products p {
    font-size: 16px;
    font-weight: 300;
    color: #383838;
    max-width: 100%;
    padding: 0 20px;
    line-height: 26px;
}

.featured_products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 60px -17px 0 -17px;
    justify-content: center;
}

.featured_products .product_container {
    width: calc(33.33333333333333% - 17px);
    background: #fff;
    margin: 0 17px;
    padding: 45px 3% 38px 3%;
    box-shadow: 0 0 23px rgba(0, 0, 0, .11);
}

.featured_products .product_container.home {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.home .featured_products .product_buttons {
    margin-top: auto;
}

.home .featured_products .product_buttons a {
    width: 176px;
    padding: 16px 20px;
    font-size: 0.875rem;
}

.featured_products .product_container.home img {
    display: inline-block;
    width: 600px;
    height: 250px;
    object-fit: contain;
}

.featured_products h3 {
    text-transform: uppercase;
    font-size: 24px;
    position: relative;
    margin: 25px 0 25px 0;
    padding-bottom: 22px;
    text-align: center;
}

.featured_products h3:before {
    content: '';
    background: #E9AC00;
    width: 50px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

@media (max-width: 1589px) {
    .featured_products {
        margin-top: 60px;
        margin-right: -10px;
        margin-left: -10px;
    }
    .featured_products h3 {
        font-size: 20px;
        margin-bottom: 9px;
        margin-top: 15px;
    }
    #intro .featured_products p {
        font-size: 15px !important;
    }
    .home .featured_products .product_buttons a {
        font-size: 13px;
        width: auto;
        padding: 11px 20px;
    }
    .featured_products .product_container {
        margin: 0 10px;
        padding: 25px 0;
        width: 370px;
    }
    .featured_products .product_container.home img {
        max-height: 190px;
    }
}

@media(max-width: 991px) {
    .featured_products .product_container {
        width: 300px;
    }
}

@media (max-width: 768px) {
    .featured_products {
        flex-wrap: wrap;
        flex-direction: column;
        margin-right: 0;
        margin-left: 0;
    }
    .featured_products .product_container {
        margin: 0 0 34px 0;
    }
    .featured_products .product_container.home img {
        max-height: 165px;
    }
    .featured_products {
        margin-top: 40px;
    }
}

#page h2 {
    text-transform: uppercase;
    font-weight: 500;
    font-weight: 400;
    padding: 0 30px;
    font-size: 2.1875rem;
}

.home .product_buttons {
    margin-top: 30px;
}

.distributors-inner {
    padding-top: 60px;
}

#distributors {
    margin-bottom: -40px;
}

#distributors .page-wrap .dist.secondary {
    pointer-events: none;
}

@media (max-width: 1589px) {
    #distributors {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .distributors-inner {
        padding-top: 30px;
    }
    #distributors {
        margin-bottom: 70px;
    }
    #distributors .page-wrap .dist {
        flex: none;
        width: 50%;
    }
}

#distributors .col-lg-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#distributors .dist {
    /*flex:1 1 20%;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding-right: 20px;
    padding-left: 20px;
}

#distributors .copy_between,
#orderDirectly .copy_between {
    display: block;
    width: 100%;
    text-align: center;
    clear: both !important;
}

#about h2,
#about h3 {
    color: #fff;
}

#about hr {
    display: none;
}

#about h2 {
    position: relative;
    padding: 0 0 35px 0;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}

#about h2 strong {
    font-weight: 500;
    font-weight: 400;
}

#about h2:before {
    content: '';
    background: #E9AC00;
    width: 90px;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#about .poc_section.cols-2 h2,
#about .poc_section.cols-2 h3 {
    color: #212121;
}

#about h3 {
    font-size: 26px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.5;
}

#about p {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-weight: 300;
}

.poc_section.cols-1 {
    background-repeat: no-repeat;
    background-size: cover;
}

.poc_section.cols-1 .col-lg-12 {
    padding-top: 176px;
    padding-bottom: 176px;
}

.poc_section.cols-1 .left_col {
    flex-basis: 420px;
}

.poc_section.cols-1 .content,
.poc_section.cols-2 .content {
    flex-basis: calc(100% - 520px);
    margin-left: auto;
}

.poc_section.cols-1 .content p strong {
    font-size: 19px;
    line-height: 35px;
    font-weight: 500;
    font-weight: 400;
}

#about .poc_section.cols-2 {
    padding-top: 80px;
    padding-bottom: 20px;
    background: #f5f5f5;
    text-align: center;
}

#about .poc_section.cols-2 .page-wrap {
    max-width: 1135px;
    width: 100%;
}

#about .poc_section.cols-2 h2:before {
    left: 50%;
    transform: translateX(-50%);
}

#about .poc_section.cols-2 h2 {
    margin: 0 0 25px 0;
}

#about .poc_section.cols-2 h3 {
    margin: 0 0 20px 0;
}

#about .poc_section.cols-2 p {
    font-weight: 400;
    font-weight: 300;
    font-size: 0.9375rem;
}

#page {
    background: auto;
    background-repeat: no-repeat;
}

#page h2 {
    top: 50%;
}

#about .poc_section.cols-2 .content p {
    max-width: 1105px;
    color: #707070;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 26px;
}

#about .poc_section.cols-2 .content p:first-child {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5;
    max-width: 100%;
}

#about .col-lg-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#about .poc_section.cols-2 .col-lg-12 {
    display: block;
}

@media all and (min-width:1999px) {
    html body .page-section.half {
        min-height: 48vh;
    }
}

html body .page-section.half {
    min-height: 52vh;
}

#about .poc_section.cols-2 .content h3 {
    text-transform: uppercase;
    font-weight: 400;
    font-weight: 300;
    font-size: 35px;
    font-style: normal;
    line-height: 100%;
    margin-top: 83px;
    position: relative;
}

#about .poc_section.cols-2 .content h3::before {
    content: '';
    background: #E9AC00;
    width: 90px;
    height: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -45px
}

.poc_section.cols-2 .content h3 strong {
    font-weight: 500;
    font-weight: 400;
    color: #E8AB00;
}

p {
    line-height: 1.7;
}

@media (max-width: 1589px) {
    html body .page-section.half {
        min-height: 36vh;
        min-height: 46.8vh;
    }
    #about h2 {
        font-size: 1.9375rem;
        padding-bottom: 25px;
        margin: 0 0 20px 0;
    }
    #about h3 {
        font-size: 22px;
    }
    .poc_section.cols-1 .col-lg-12 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    #about .poc_section.cols-2 {
        padding-top: 80px;
    }
    .poc_section.cols-1 .left_col,
    .poc_section.cols-2 .left_col {
        flex-basis: 360px;
    }
    .poc_section.cols-1 .content,
    .poc_section.cols-2 .content {
        flex-basis: calc(100% - 410px);
    }
    #about .poc_section.cols-2 .content h3 {
        font-size: 29px;
    }
}

@media (max-width: 1423px) and (min-width:1300px) {
    html body.page-id-830 .page-section.half,
    html body.page-id-818 .page-section.half {
        background-size: contain !important;
        background-size: 109% !important;
        background-position: top left !important;
        margin-bottom: -70px;
    }
}

@media(max-width: 1199px) {
    #about .poc_section.cols-2 .content h3 {
        font-size: 32px;
    }
}

@media(max-width: 991px) {
    .poc_section.cols-1 .col-lg-12 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .poc_section.cols-1 .content,
    .poc_section.cols-2 .content {
        flex-basis: 100%;
    }
    .poc_section.cols-1 .left_col,
    .poc_section.cols-2 .left_col {
        flex-basis: 100%;
        padding-right: 0;
    }
    #about .col-lg-12 {
        flex-direction: column;
    }
    #about .poc_section.cols-2 .content h3 {
        margin-right: 0;
    }
}

@media(max-width: 768px) {
    #page h2 {
        font-size: 1.875rem;
    }
    #about .poc_section.cols-2 .content h3 {
        font-size: 1.5625rem;
    }
    .poc_section.cols-1 {
        text-align: center;
    }
    #about .poc_section.cols-1 h2:before {
        left: 50%;
        transform: translateX(-50%);
    }
    .poc_section.cols-1 .col-lg-12 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    #about .poc_section.cols-2 {
        padding-top: 70px;
        padding-bottom: 30px;
    }
    #about h2 {
        font-size: 1.625rem;
    }
}

hr {
    border-color: #e9e9e9;
    width: 100%;
    margin: auto;
    height: 1px;
    margin-bottom: 10px;
    position: relative;
    overflow: visible;
}

hr:before {
    content: "";
    background-color: #E9AC00;
    display: block;
    position: absolute;
    margin: auto;
    width: 50px;
    height: 4px;
    float: none;
    left: 0;
    right: 0;
    top: -2px;
}

hr.alignhrleft {
    margin-left: 0;
    height: 5px;
    margin-bottom: 40px;
    width: 100%;
    max-width: 90px;
    background-color: #E9AC00;
}

hr.alignhrleft:before {
    content: none;
}

.modal-backdrop.fade {
    transition: opacity .0s linear !important;
    -webkit-transition: opacity .0s linear !important;
    -moz-transition: opacity .0s linear !important;
    -ms-transition: opacity .0s linear !important;
    -o-transition: opacity .0s linear !important;
}


/*-------------------------------------------- Products section */

.product_popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 15px;
    margin: auto;
}

.popup_overlay {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.popup_overlay.active,
.product_popup.active {
    display: block;
    z-index: 10;
}

.product_popup.active .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 100%;
}

.product_popup.active p {
    margin-bottom: 0;
}

.videohr:before {
    content: none;
}

button.close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.product_popup>div {
    /* flex: 1 1 50%; */
    background: #fff;
}

.product_popup,
.product_info {
    width: 100%;
}

.product_popup .product_info {
    text-align: left;
}

.product_popup,
.product_info h3 {
    font-weight: 500;
    font-weight: 400;
}

.product_popup .popup_image {
    border-right: solid 1px #e9e9e9;
    margin-right: 75px;
    height: 100%;
}

#products-list .product_popup .popup_image img {
    height: 445px;
    max-width: none;
}

@media(max-width: 991px) {
    #products-list .product_popup .popup_image img {
        height: 314px;
    }
}


/*
.page-id-818 #products-list .col-lg-12 {
max-width:70%;
float:none;
margin:auto;
}
@media all and (max-width:760px) {
.page-id-818 #products-list .col-lg-12 {
max-width:100%;
float:none;
margin:auto;
}
}
*/

.play_vid {
    font-size: 13px;
    letter-spacing: 2px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 400;
    font-weight: 300;
    display: inline-block;
}

#products-list .single-product .play_vid img {
    display: inline-block;
    margin-right: 10px;
    width: 30px;
}


/*#header, #headersticky {
z-index:1;

}*/


/* .logged-in #header,.logged-in #headersticky {
top:32px;
} */


/*-------------------------------------------------- General */

body #wpadminbar {
    z-index: 999999;
}


/*-------------------------------------------------- 20L page */

.page-20l-top,
.page-20l-bottom {
    background: #f5f5f5;
    position: relative;
    z-index: 20;
}

#icons .col-lg-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#icons .col-lg-12 .icon_container {
    flex: 1 1 25%;
}

#icons .col-lg-12 .icon_container img {
    width: auto;
    margin: 2% auto;
}

.icon_container img {
    margin-left: auto;
    margin-right: auto;
}

.icon_copy h3 {
    font-size: 23px;
    font-weight: 500;
    font-weight: 400;
    margin: 30px 0 15px 0;
    color: #2E2E2E;
    text-transform: uppercase;
}

.icon_container {
    flex-basis: 320px;
    text-align: center;
}

.icons-20l-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.icons-20l-wrap .icon_container:first-child {
    flex-basis: 380px;
}

.icons-20l-wrap .icon_container:last-child {
    flex-basis: 290px;
}

.icon_container strong {
    font-size: 1rem;
    font-weight: 500;
    font-weight: 400;
}

.icon_container p {
    font-weight: 400;
    font-weight: 300;
    color: #2E2E2E;
}

.enquire-20l {
    margin: 60px 0 90px 0;
}

.enquire-20l .page-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.enquire-20l .button {
    font-size: 0.875rem;
    font-weight: 500;
    font-weight: 400;
    border: solid 2px #E9AC00;
    padding: 16px 40px;
    display: inline-block;
    margin: 0 auto;
    color: #000;
    letter-spacing: .5px;
}

.enquire-20l .button:hover {
    background: #E9AC00;
}

#petainer {
    overflow: hidden;
    padding: 100px 0 100px 0;
    clear: both;
}

#petainer .page-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.petainer-image {
    width: 716px;
    margin-left: -100px;
    margin-right: 245px;
}

.petainer-content {
    width: 575px;
}

.petainer-content h2 {
    margin: 0 0 30px 0;
}

.petainer-content p {
    font-size: 1rem;
    font-weight: 400;
    font-weight: 300;
    color: #737373;
}

.petainer-content ul {
    list-style-type: none;
    margin: 55px 0 0 0;
    padding: 0;
}

.petainer-content ul li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 25px;
    color: #737373;
    font-weight: 400;
    font-weight: 300;
    font-size: 1rem;
}

.petainer-content ul li:before {
    content: '';
    background: url(images/marky.png);
    width: 23px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    background-size: contain;
    background-repeat: no-repeat;
}

#taps {
    padding: 100px 0 0px 0;
    background: #f5f5f5;
}

.taps-wrapper {}

#taps h2 {
    margin: 0 0 30px 0;
    text-align: left;
}

.filters {
    margin: 48px 0 40px 0;
    text-align: left;
    border-bottom: 2px solid #eee;
    width: 700px;
}

.filters.mobile {
    display: none;
}

.filters a {
    padding: 14px 59px;
    text-transform: uppercase;
    border: 2px solid #E9AC00;
    margin-right: 20px;
    margin-bottom: 8px;
    color: #000;
    font-size: 1.3125rem;
    font-weight: 500;
    font-weight: 400;
    display: inline-block;
    min-width: 229px;
    text-align: center;
}

.filters a.active {
    background: #E9AC00;
    color: #000;
}

.tap_content .contents_container {
    width: 700px;
}

.tap_content .contents_image {
    margin-top: -228px;
    width: 712px;
    align-self: center;
}

.tap_content .contents_image img {
    align-self: center;
}

.tap_content:not(.active) {
    display: none;
}

.tap_content p {
    font-size: 1rem;
    font-weight: 400;
    font-weight: 300;
    color: #737373;
}

.tap_content p img {
    margin-bottom: 25px;
}

.tap_content ul {
    list-style-type: none;
    margin: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.tap_content ul li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 19px;
    flex: 1 1 50%;
    color: #737373;
    font-weight: 400;
    font-weight: 300;
    font-size: 1rem;
}

.tap_content ul li:before {
    content: '';
    background: url(images/marky.png);
    width: 23px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    background-size: contain;
    background-repeat: no-repeat;
}

.tap_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

#reporting {
    background: #f5f5f5;
    padding: 193px 0 180px 0;
}

#reporting .page-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

#reporting .copy_container {
    width: 580px;
    margin-left: 130px;
}

#reporting .copy_container p {
    font-size: 1.25rem;
    font-weight: 400;
    font-weight: 300;
    color: #737373;
}

#reporting .copy_container p:last-child {
    margin-top: 38px;
}

#reporting .copy_container h2 {
    margin: 0 0 30px 0;
}

.l20-container {
    padding: 100px 0 70px 0;
}

.l20-container h2 {
    margin: 0 0 30px 0;
}

.l20-container h2+hr {
    border: 0;
    margin-bottom: 46px;
}

.l20-container h2+hr:before {
    width: 90px;
    height: 7px;
}

.l20-container p {
    margin: 0 auto;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 300;
    max-width: 1395px;
    color: #737373;
}

.l20-container #products-list .single-product p {
    display: none;
}

.l20-container #products-list .single-product .product_popup p {
    display: block;
    margin-bottom: 18px;
    color: #383838;
}

.l20-container #products-list .single-product .product_popup .inc_vat,
.l20-container #products-list .single-product .product_popup .pr_servings {
    display: none;
}

.l20-container #products-list .single-product .product_popup .product_info .product_meta+hr {
    background-color: #fff;
    margin: 20px 0;
}

.l20-container #products-list .single-product .product_popup .product_info hr:first-of-type:before {
    height: 3px;
}

.wooc_sclist-wrap {
    position: relative;
    /* padding-right: 115px; */
    /* max-width: 1400px;*/
    margin: 108px auto 140px auto;
    margin-top: 0
}

.wooc_sclist {
    display: block;
    align-items: center;
}

.wooc_sclist-wrap {
    width: 27%;
    position: absolute;
    top: 0;
    left: 0;
}

.wooc_sclist .image_align {
    max-height: 68px;
    width: 50%;
    position: relative;
    display: inline-block;
    align-items: center;
}

.image_align:hover img {
    cursor: pointer;
}

.wooc_sclist .image_align img {
    max-width: 60px;
    max-height: 40px;
}

.wooc_sclist .cocktail_cat {
    padding: 0 12px;
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    display: flex;
    align-items: center;
    max-height: 68px;
    height: 68px;
}

.wooc_sclist .cocktail_cat a {
    /* border: 1px solid #c1c1c1; */
    padding: 5px 0;
    width: 100%;
    display: inline-block;
    border-radius: 4px;
    text-transform: uppercase;
    color: #8E8E8E;
    text-align: left;
    font-size: 13px;
    /* margin-top: 18px; */
    position: relative;
    margin-left: 20px;
}

.wooc_sclist .cocktail_cat[data-id="38"] a {
    text-transform: none;
}

.wooc_sclist .cocktail_cat a:hover {
    border-color: #707070;
    color: #707070;
}

.wooc_sclist .cocktail_cat a.active {
    /* background-color: #E9AC00; */
    /* border-color: #E9AC00; */
    /* color: #fff; */
    font-weight: 600;
    font-weight: 400;
}

.wooc_sclist .cocktail_cat a .check {
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 50%;
    background-color: #EAEAEA;
    /* background-color:#E9AC00; */
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.wooc_sclist .cocktail_cat a.active .check {
    background-color: #E9AC00;
}

.wooc_sclist .cocktail_cat a.active .check:before {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 15px;
    width: 8px;
    margin-left: 35%;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    margin-top: 3px;
}

.cocktail_cat-view-all {
    /* height: 119px; */
    position: static;
    right: 0;
    top: 0;
    width: 115px;
    background: #fff;
}

.cocktail_cat-view-all a {
    position: relative;
    right: 0;
    top: 50%;
    margin-top: 16px;
    color: #8E8E8E;
    border: 1px solid #c1c1c1;
    padding: 5px 15px;
    display: block;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
}

.cocktail_cat-view-all.active a {
    color: #fff;
    background-color: #E9AC00;
    border-color: #E9AC00;
    font-weight: 500;
    font-weight: 400;
}

.wooc_sclist .image_align img {
    /* position:absolute; */
    /* top:50%;
transform:translateY(-45%); */
    margin: auto;
    width: auto;
    height: auto;
}

.wooc_sclist .slick-arrow {
    z-index: 1;
}

.wooc_sclist .slick-prev {
    top: 50px;
    left: -15px;
}

.wooc_sclist .slick-next {
    top: 50px;
    right: -15px;
}

.l20-container #products-list {
    z-index: 10;
}

.l20-container #products-list .single-product h3 {
    order: 2;
    font-size: 1rem;
    margin-bottom: 3px;
    margin-top: 17px;
    display: flex;
    align-items: flex-start;
    align-self: center;
}

.l20-container #products-list .single-product .product_container[data-id="1159"] h3,
.l20-container #products-list .single-product .product_container[data-id="1157"] h3,
.l20-container #products-list .single-product .product_container[data-id="1160"] h3 {
    max-width: 185px;
    margin-left: auto;
    margin-right: auto;
}

.l20-container #products-list .single-product .product_container[data-id="1160"] h3 {
    max-width: 195px;
}

.l20-container #products-list .single-product .product_info {
    order: 3;
    padding-top: 0;
    padding-bottom: 4px;
}

.l20-container #products-list .single-product .product_info .pr_price {
    font-size: 0.9375rem;
}

.l20-container #products-list .single-product .product_info .pr_price strong {}

.l20-container #products-list .product_buttons {
    order: 4;
}

.l20-container #products-list .single-product h3+hr {
    width: calc(100% + 40px);
    margin-left: -20px;
}

.l20-container #products-list .single-product h3+hr:before {
    top: -1px;
}

#kegtailsSetup {
    background: #f5f5f5;
    padding: 170px 0 126px 0;
}

#kegtailsSetup img {
    margin: auto;
    max-width: 440px;
    width: 100%;
}

#kegtailsSetup h2 {
    margin: 0 0 30px 0;
}

#kegtailsSetup h2+hr {
    border: 0;
    margin-bottom: 46px;
}

#kegtailsSetup h2+hr:before {
    width: 90px;
    height: 7px;
}

#obProcess {
    padding: 100px 0 80px 0;
    background: #f5f5f5;
    position: relative;
    z-index: 20;
}

#obProcess h2 {
    margin: 0 0 30px 0;
}

#obProcess h2+hr {
    border: 0;
    margin-bottom: 36px;
}

#obProcess h2+hr:before {
    width: 90px;
    height: 7px;
}

#obProcess p {
    font-size: 1rem;
    color: #2E2E2E;
    font-weight: 400;
    font-weight: 300;
}

#obProcess .step.align-center p {
    font-size: 1rem !important;
}

.ob_navigation {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 110px 0 137px 0;
}

.number_icon {
    width: 59px;
    height: 59px;
    line-height: 59px;
    display: inline-block;
    text-align: center;
    border: 1px solid #000;
    border-radius: 50%;
    background: #000;
    color: #fff;
    cursor: pointer;
    margin: 0 auto;
    font-weight: 500;
    font-weight: 400;
    position: relative;
    font-size: 1.3125rem;
}

.number_icon:after {
    content: "";
    height: 1px;
    width: 283px;
    display: block;
    background-color: #6666;
    position: absolute;
    top: 50%;
    left: 75px;
    display: block;
    float: none;
}

.number_icon.last:after {
    content: none;
}

.number_icon.active {
    background-color: #E9AC00;
    border-color: #E9AC00;
}

.number_icon:before {
    content: '';
    transition: 0.2s;
    border-radius: 50%;
    width: 59px;
    height: 59px;
    position: absolute;
    top: 0;
    left: 0;
}

.number_icon.active:before {
    content: "";
    border-radius: 50%;
    width: 69px;
    height: 69px;
    border: 1px solid #E9AC00;
    display: block;
    position: absolute;
    top: -6px;
    left: -6px;
    transition: 0.2s;
}

.number_icon.active .headline {
    color: #3D3D3D;
}

.number_icon .headline {
    font-size: 1.125rem;
    text-transform: uppercase;
    top: 60px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    width: 59px;
    color: rgba(61, 61, 61, .6);
    width: 137px;
    left: -70%;
}

.ob_navigation .number_icon+.number_icon .headline {
    left: -94%;
}

.ob_navigation .number_icon+.number_icon+.number_icon .headline {
    left: -60%;
}

#obProcess .step.align-center p {
    width: 100%;
    max-width: 1048px;
    margin: 0 auto;
    font-size: 1.125rem;
    color: #737373;
}

#obProcess .prev {
    width: 14px;
    height: 24px;
}

#obProcess .next {
    width: 14px;
    height: 24px;
    left: auto;
    right: 0;
}

.step {
    max-width: 1050px;
    margin: auto;
}

.step h4 {
    font-weight: 500;
    font-weight: 400;
    margin-bottom: 20px;
    margin-bottom: 27px;
    color: #3D3D3D;
    font-size: 1.375rem;
    text-transform: uppercase;
}

#orderDirectly {
    position: relative;
    z-index: 20;
}

/* #orderDirectly.order-20l {
    margin-top: 0;
    background: #fff;
} */

.enquire-20l-sub {
    margin-top: 0;
}

#footer {
    position: relative;
    z-index: 20;
}

.contact_icon {
    max-height: 17px;
    display: inline-block;
    margin-right: 10px;
}

.product_popup .price-ex-vat {
    font-size: 0.9375rem;
    font-weight: 500;
    font-weight: 400;
}

.product_popup .price-ex-vat .woocommerce-Price-amount {
    font-weight: 400;
    font-weight: 300;
}

.product_popup .price-inc-vat {
    font-size: 0.875rem;
    font-weight: 500;
    font-weight: 400;
}

.product_popup .price-inc-vat .currency .woocommerce-Price-amount {
    font-weight: 400;
    font-weight: 300;
    text-decoration: line-through;
}

.product_popup .price-inc-vat .no-strike .woocommerce-Price-amount {
    font-weight: 400;
    font-weight: 300;
    text-decoration: none !important;
}

.product_popup .price-inc-vat .modal-launch-price .woocommerce-Price-amount {
    color: #E9AC00;
    font-weight: 400;
    font-weight: 300;
}

.product_popup .product_video {
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    transition: 0.2s;
}

.product_popup .product_video.active {
    width: 445px;
    opacity: 1;
    transition: 0.2s;
    height: 100%;
}

.product_popup .product_video .wp-video {
    width: 100% !important;
    margin: 0;
    height: 100%;
    background-color: #222;
}

.page-id-818 .wp-video iframe {
    margin-top: 120px !important;
}

.wp-video iframe {
    max-width: 445px;
}

.close_vid {
    position: absolute;
    top: 25px;
    font-size: 20px;
    right: 20px;
    color: #fff;
    z-index: 20;
}

.close_vid .fa {
    font-size: 25px;
}

.product_popup .product_video .mejs-container {
    width: 100% !important;
    height: 524px !important;
    min-width: 100% !important;
}

.product_popup .product_video .mejs-container video {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.product_popup .product_video .mejs-mediaelement mediaelementwrapper {}

.menu-item-has-children .sub-menu {
    left: 80px !important;
}

.currency {
    font-weight: 500;
    font-weight: 400;
}

.wooc_sclist .cocktail_cat:first-child {
    border-top: 1px solid #e1e1e1;
}

.wooc_sclist.sticky {
    position: fixed;
    width: 22%;
    z-index: 1;
    max-width: 316px;
}

@media (max-width: 1589px) {
    hr.alignhrleft {
        height: 5px;
        margin-bottom: 30px;
    }
    .icons-20l-wrap .icon_container img {
        height: 55px;
    }
    .icons-20l-wrap .icon_container:nth-child(2) img {
        height: 44px;
    }
    .icons-20l-wrap .icon_container:nth-child(2) .icon-wrap {
        height: 55px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }
    .icon_copy h3 {
        font-size: 20px;
    }
    .enquire-20l {
        margin: 60px 0 90px 0;
    }
    .icon_container strong {
        font-size: 1rem;
    }
    .icons-20l-wrap .icon_container {
        flex-basis: 261px;
    }
    .icons-20l-wrap .icon_container:first-child {
        flex-basis: 270px;
    }
    .icons-20l-wrap .icon_container:nth-child(2) {
        flex-basis: 281px;
    }
    .icons-20l-wrap .icon_container:last-child {
        flex-basis: 250px;
    }
    .petainer-image {
        margin-left: -65px;
        margin-right: 145px;
        width: 590px;
    }
    .petainer-content {
        width: 560px;
    }
    .petainer-content h2,
    #taps h2,
    #reporting .copy_container h2,
    .l20-container h2,
    #kegtailsSetup h2,
    #obProcess h2 {
        font-size: 1.9375rem;
        margin-bottom: 20px;
    }
    .petainer-content p,
    .petainer-content ul li,
    .tap_content p,
    .tap_content ul li,
    #reporting .copy_container p,
    .l20-container p,
    #obProcess p,
    #obProcess .step.align-center p {
        font-size: 1rem;
    }
    .l20-container h2+hr:before,
    #kegtailsSetup h2+hr:before,
    #obProcess h2+hr:before {
        height: 5px;
    }
    .l20-container h2+hr {
        margin-bottom: 23px;
    }
    .petainer-content ul {
        margin-top: 40px;
    }
    .petainer-content ul li {
        padding-left: 45px;
        margin-bottom: 20px;
    }
    .petainer-content ul li:before {
        width: 21px;
        height: 16px;
    }
    .tap_content ul li:before,
    .petainer-content ul li:before {
        top: 3px;
    }
    #petainer {
        padding: 100px 0;
    }
    #taps {
        padding: 100px 0 0px 0;
    }
    .tap_content .contents_container {
        width: 50%;
    }
    .tap_content .contents_image {
        margin-top: -140px;
        width: 45%;
    }
    #reporting .copy_container {
        margin-left: 110px;
    }
    #reporting {
        padding: 130px 0 130px 0;
    }
    .l20-container {
        padding-top: 100px;
    }
    .wooc_sclist .cocktail_cat {
        padding: 0px 0px;
        margin-bottom: 0;
    }
    .wooc_sclist .image_align {
        width: 85px;
    }
    .wooc_sclist-wrap {
        margin-bottom: 100px;
        /* padding-right: 127px; */
        /* margin-top: 90px; */
    }
    .cocktail_cat-view-all {
        width: 127px;
    }
    .l20-container #products-list .single-product h3 {
        font-size: 1rem;
    }
    .l20-container #products-list .single-product .product_img {
        margin-top: 30px;
    }
    #kegtailsSetup {
        padding: 100px 0 77px 0;
    }
    .number_icon:after {
        width: 189px;
    }
    #obProcess {
        padding: 100px 0 0 0;
    }
    .filters {
        width: 584px;
    }
    .filters a {
        font-size: 1rem;
    }
    .ob_navigation {
        margin-top: 90px;
    }
    .number_icon .headline {
        font-size: 1.125rem;
    }
    .step h4 {
        font-size: 1.25rem;
    }
    #kegtailsSetup img {
        max-width: 380px;
    }
}

@media(max-width: 1199px) {
    .icons-20l-wrap {
        flex-wrap: wrap;
    }
    .icons-20l-wrap .icon_container,
    .icons-20l-wrap .icon_container:nth-child(2),
    .icons-20l-wrap .icon_container:first-child,
    .icons-20l-wrap .icon_container:last-child {
        flex-basis: 48%;
    }
    .icons-20l-wrap .icon_container {
        margin-bottom: 40px;
    }
    .enquire-20l {
        margin-top: 40px;
    }
    .petainer-image {
        width: 500px;
        margin-right: 100px;
    }
    .petainer-content {
        width: 440px;
    }
    .tap_content ul li {
        flex: none;
        width: 100%;
    }
    #reporting .copy_container {
        margin-left: 40px;
    }
    #reporting .copy_container {
        width: 784px;
    }
    .wooc_sclist-wrap {
        padding-right: 150px;
        width: 100%;
        position: static;
    }
    .cocktail_cat-view-all {
        width: 151px;
        position: absolute;
    }
    .products-list-wrap {
        width: 100%;
    }
    .wooc_sclist .cocktail_cat:last-child {
        border: 0;
    }
    #obProcess {
        padding: 108px 0 40px 0;
    }
    .number_icon:after {
        width: 130px;
    }
    .filters {
        width: 467px;
    }
}

@media(max-width: 991px) {
    .petainer-image {
        width: 390px;
        margin-left: -73px;
        margin-right: 5%;
    }
    .enquire-20l {
        margin-top: 10px;
    }
    .petainer-content {
        width: 360px;
        margin-left: 5%;
    }
    #petainer .page-wrap {
        justify-content: center;
    }
    .filters {
        width: 100%;
    }
    .tap_content {
        display: block;
    }
    .tap_content .contents_container {
        width: 100%;
    }
    .tap_content .contents_image {
        margin: 0;
        width: auto;
    }
    .tap_content .contents_image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }
    .ob_navigation {
        width: 710px;
        margin-left: auto;
        margin-right: auto;
    }
    .number_icon:after {
        width: 80px;
    }
    .number_icon .headline {
        font-size: 1.0625rem;
    }
}

@media(max-width: 768px) {
    .icons-20l-wrap .icon_container,
    .icons-20l-wrap .icon_container:nth-child(2),
    .icons-20l-wrap .icon_container:first-child,
    .icons-20l-wrap .icon_container:last-child {
        flex-basis: 100%;
    }
    .icons-20l-wrap .icon_container {
        margin-bottom: 30px;
    }
    .enquire-20l {
        margin: 0 0 80px 0;
    }
    .petainer-content ul {
        margin-bottom: 55px;
    }
    #petainer {
        padding: 80px 0;
    }
    #petainer .page-wrap {
        flex-wrap: wrap;
    }
    .petainer-image {
        width: 100%;
        margin: 0;
        max-width: 340px;
        order: 2;
    }
    .tap_content .contents_image {
        max-width: 340px;
        margin: 0 auto;
    }
    .petainer-content {
        width: 100%;
        margin: 0;
    }
    hr.alignhrleft {
        height: 6px;
    }
    #taps {
        padding: 77px 0 0px 0;
    }
    .petainer-content p,
    .petainer-content ul li,
    .tap_content p,
    .tap_content ul li {
        font-size: 1rem;
    }
    .petainer-content ul li:before {
        width: 21px;
        height: 16px;
    }
    .petainer-content ul li {
        padding-left: 40px;
    }
    .tap_content ul li:before,
    .petainer-content ul li:before {
        top: 3px;
    }
    .filters a {
        font-size: 1rem;
        min-width: unset;
    }
    #reporting {
        padding: 73px 0 90px 0;
    }
    #reporting .page-wrap {
        flex-wrap: wrap;
    }
    #reporting .copy_container {
        width: 100%;
        margin: 0;
    }
    #reporting .image_container {
        order: 2;
        max-width: 400px;
        margin: 0 auto;
        margin-top: 50px;
    }
    #reporting .copy_container p {
        font-size: 1rem;
    }
    .l20-container p {
        font-size: 1rem;
    }
    .l20-container #products-list .single-product h3+hr {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .l20-container #products-list .single-product h3 {
        font-size: 0.875rem;
    }
    .l20-container #products-list .single-product .product_info .pr_price {
        font-size: 0.75rem;
    }
    .l20-container {
        padding-top: 80px;
        padding-bottom: 0;
    }
    .wooc_sclist-wrap {
        margin: 75px auto;
    }
    #kegtailsSetup {
        padding: 73px 0 70px 0;
        margin-top: -20px;
    }
    .number_icon .headline {
        display: none;
    }
    .number_icon {
        width: 44px;
        height: 44px;
        line-height: 44px;
    }
    .number_icon.active:before {
        width: 54px;
        height: 54px;
    }
    .number_icon:after {
        width: 50px;
    }
    .number_icon:after {
        left: 50px;
    }
    #obProcess {
        padding-top: 80px;
    }
    .ob_navigation {
        margin-top: 50px;
        margin-bottom: 50px;
        width: 470px;
    }
    #obProcess p,
    #obProcess .step.align-center p {
        font-size: 1rem;
    }
    .number_icon.active:before {
        transition: none;
    }
    .wooc_sclist-wrap {
        padding-right: 0;
    }
    .cocktail_cat-view-all {
        width: auto;
        position: static;
        height: auto;
        display: table;
        margin: 40px auto 0 auto;
    }
    .cocktail_cat-view-all a {
        margin: 0;
        position: static;
        font-size: 14px;
        width: 98%;
    }
    .wooc_sclist .cocktail_cat a {
        font-size: 14px;
    }
    .filters {
        display: none;
    }
    .filters.mobile {
        display: block;
    }
    .filters.mobile a {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .page-id-830 #page,
    .page-id-818 #page {
        background-position: bottom center !important;
        border-left: 6px solid #e9ac00;
    }
    .poc_section.cols-1 {
        background-position: bottom center !important;
    }
}

@media(max-width: 540px) {
    .ob_navigation {
        width: 315px;
    }
    .number_icon:after {
        left: 52px;
        width: 12px;
    }
    #obProcess .prev {
        margin-left: -10px;
        margin-right: 10px;
    }
    #obProcess .next {
        margin-left: 10px;
        margin-right: -10px;
    }
}

@media all and (max-width:770px) {
    /*.product_popup .container {
padding: 20px;
}*/
    .menu-item-has-children .sub-menu {
        left: 0px;
    }
}

.inc_vat {
    text-transform: uppercase;
}


/* content pages */

#innerpage {
    margin-top: 0;
}

.page-id-830 #intro h1,
.page-id-818 #intro h1 {
    max-width: 600px;
}

.products-list-wrap {
    margin: 0 -22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
    float: right;
    min-height: 780px;
    align-items: baseline;
    align-content: flex-start;
}

.wooc_sclist-wrap {
    margin-bottom: 40px;
}

#products-list {
    padding-top: 10px;
}

.page-template-page-20l-php #products-list {
    padding-top: 100px;
}

.products-list-wrap .pr_price strong {
    font-weight: 500;
    font-weight: 400;
}

.products-list-wrap .pr_servings {
    text-transform: uppercase;
}

.products-list-wrap .pr_servings strong {
    font-weight: 500;
    font-weight: 400;
}

#products-list .single-product {
    width: calc(33% - 44px);
    margin: 0 22px 44px 22px;
    background-color: #fff;
    -webkit-box-shadow: 3px 10px 19px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 10px 19px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 10px 19px 2px rgba(0, 0, 0, 0.15);
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

#products-list .single-product .product_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.cart_buttons .added_to_cart {
    display: none;
}

#products-list .single-product .product_container .learn_more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding: 15px 20px 20px 20px;
    cursor: pointer;
}

#products-list .single-product .product_container .learn_more:hover h3 {
    color: #E9AC00;
}

#products-list .single-product img {
    width: auto;
    height: auto;
    margin: auto;
}

#products-list .single-product h3 {
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 18px;
    line-height: 1.4;
    transition: .2s;
}

.product_container .product_info {
    /*border-top:1px solid #eee;*/
    padding: 10px 0 18px 0;
    font-weight: 400;
    font-weight: 300;
    /*border-bottom:1px solid #eee;*/
}

.popup-footer-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}


/* popup cart buttons */

#products-list .product_popup .cart_buttons {
    margin: -7px 0 0 0;
    padding: 0;
}

#products-list .product_popup .cart_buttons input[type="button"] {
    background: none;
    font-size: 1.5rem;
}

#products-list .product_popup .cart_buttons .add_to_cart_button {
    text-decoration: none !important;
    border: solid 1px #E9AC00;
    font-size: 0.8125rem;
    color: #000;
    margin-left: 15px;
    padding: 11px 20px 10px 20px;
}

#products-list .product_popup .cart_buttons .add_to_cart_button:hover {
    background: #E9AC00;
}

.popup-enquire-btn {
    border: solid 1px #E9AC00;
    font-size: 0.8125rem;
    color: #000;
    text-transform: uppercase;
    margin-left: 15px;
    font-weight: 500;
    font-weight: 400;
    margin: -7px 0 0 0;
    padding: 11px 20px 10px 20px;
}

.popup-enquire-btn:hover {
    color: #000;
    background: #E9AC00;
}

@media(max-width: 991px) {
    .popup-footer-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    #products-list .product_popup .cart_buttons {
        margin-left: 0;
    }
    .play_vid {
        margin-bottom: 20px;
    }
    #products-list .product_popup .cart_buttons form {
        justify-content: flex-start;
    }
}


/* product box cart buttons */

#products-list .cart_buttons .add_to_cart_button {
    text-transform: uppercase;
    color: #E9AC00;
    font-size: 0.75rem;
    font-weight: 500;
    font-weight: 400;
    margin-left: 10px;
    text-decoration: underline !important;
}

#products-list .cart_buttons {
    margin-top: -10px;
    padding-bottom: 20px;
}

#products-list .cart_buttons form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

#products-list .cart_buttons input::-webkit-outer-spin-button,
#products-list .cart_buttons input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#products-list .cart_buttons input[type=number] {
    -moz-appearance: textfield;
}

#products-list .cart_buttons .qty {
    border: 0;
    font-weight: 500;
    font-weight: 400;
    font-size: 0.8125rem;
    width: 14px;
    padding: 0;
    margin: 0 5px;
    text-align: center;
}

#products-list .cart_buttons input[type="button"] {
    border: 0;
    width: 11px;
    height: 11px;
    font-size: 1.1rem;
    padding: 0;
    line-height: 13px;
}

#products-list .cart_buttons .quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

#products-list .prices-overlayed {
    position: absolute;
    top: 35px;
    left: 27px;
}

#products-list .prices-overlayed .pr_price_over_main {
    display: block;
    font-weight: 500;
    font-weight: 400;
    color: #E9AC00;
    font-size: 0.9375rem;
}

#products-list .prices-overlayed .pr_price_over_prev {
    display: block;
    font-size: 0.9375rem;
    opacity: .35;
    font-weight: 400;
    font-weight: 300;
    text-decoration: line-through;
}

.page-id-830 .product_container p,
.page-id-818 .product_container p {
    display: none;
}


/*
.page-id-830 .product_info {
border-top:none;
border-bottom:none;
font-size:14px;
}*/

.product_img {
    height: 305px;
}

.product_img img {
    max-height: 100%;
}

.product_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: auto;
    align-items: center;
    justify-content: center;
}

.product_buttons a {
    border: solid 1px #ACACAC;
    margin: 0 5px;
    font-weight: 500;
    font-weight: 400;
    color: #0A0A0A;
    padding: 12px 6px;
    width: 100%;
    text-transform: uppercase;
    white-space: nowrap;
}

.product_buttons a:hover {
    background: #E9AC00;
    border-color: #E9AC00;
}

#orderDirectly {
    color: #2E2E2E;
    padding: 29px 0;
    background-color: #F4F4F4;
    font-size: 1.125rem;
    font-weight: 400;
    font-weight: 300;
    margin-top: 80px;
    flex-wrap: wrap;
    z-index: 1;
}

#orderDirectly a {
    text-decoration: underline !important;
    color: #E9AC00;
    margin-left: 5px;
    font-weight: 500;
    font-weight: 400;
}

#products-list .single-product .product_popup {
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    position: fixed;
    transform: none;
    background: none;
}

#products-list .single-product .product_popup .container {
    max-width: 995px;
    transform: none;
    height: 524px;
    margin: 9% auto;
    position: relative;
    overflow: hidden;
}

.l20-container #products-list .single-product .product_popup .container {
    height: 620px;
}

.l20-container .product_popup .product_video .mejs-container {
    height: 620px !important;
}

.product_popup .product_info {
    padding-right: 55px;
}

.product_video {
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    top: 0;
    transition: 0.2s;
}

.product_popup .close {
    position: absolute;
    top: 25px;
    right: 25px;
    border-radius: 50%;
    width: 31px;
    height: 31px;
    opacity: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, .87);
}

.product_popup .close:before,
.product_popup .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 16px;
    width: 2px;
    top: 50%;
    margin-top: -7px;
    background-color: #000;
}

.product_popup .close:before {
    transform: rotate(45deg);
}

.product_popup .close:after {
    transform: rotate(-45deg);
}

.product_popup .container {
    padding: 40px 0;
    padding-left: 0;
}

.product_popup .product_meta .pr_servings {
    font-weight: 400;
    font-weight: 300;
    border: 0;
    padding-left: 13px;
    margin-left: 6px;
    position: relative;
}

.product_popup .product_meta .pr_servings:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #E9AC00;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

#products-list .product_popup h3 {
    font-size: 27px !important;
    font-weight: 500;
    font-weight: 400;
    margin: 0 0 5px 0;
}

.product_popup .product_meta .inc_vat {
    font-size: 60%;
    position: relative;
    top: -5px;
}

.product_popup p {
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 24px;
}

.product_popup .product_info hr {
    margin: 28px 0;
}

.single.single-product #sidebar {
    display: none;
}

.single.single-product .related.products {
    visibility: hidden;
}

.single.single-product .product_meta a {
    pointer-events: none;
}

.single.single-product .product {
    display: flex;
    align-items: center;
}

.single.single-product .woocommerce-breadcrumb {
    visibility: hidden;
}

.single.single-product .cart {
    display: none;
}

@media (max-width: 1589px) {
    #intro h1 {
        padding-bottom: 25px;
        margin: 0 0 12px 0;
    }
    #intro h1:before {
        height: 5px;
    }
    #orderDirectly {
        margin-top: 65px;
        font-size: 1.125rem;
    }
    .products-list-wrap {
        margin: 0 -8px;
    }
    #products-list .single-product {
        margin-left: 8px;
        margin-right: 8px;
        margin-bottom: 16px;
        width: calc(25% - 16px);
    }
    #products-list .single-product .product_container .learn_more {
        padding-left: 15px;
        padding-right: 15px;
    }
    .products-list-wrap .product_buttons a {
        font-size: 13px;
        padding-top: 11px;
        padding-bottom: 11px;
        width: 110px;
    }
    #products-list .single-product h3 {
        font-size: 15px;
    }
    .product_img {
        height: 220px;
    }
    .product_container .product_info {
        font-size: 12px;
        white-space: nowrap;
    }
    /*
.page-template-page-product-cat #intro h1{
font-size: 32px;
line-height: 38px;
}*/
    #intro p,
    .page-template-default #intro p {
        font-size: 1.0625rem;
    }
}

@media (max-width: 1199px) {
    #products-list .single-product {
        width: calc(33.33333333333333% - 16px);
    }
    #products-list .single-product .product_popup .container {
        max-width: 900px;
    }
    .product_popup .popup_image {
        margin-right: 40px;
    }
    .product_popup .product_video.active {
        width: 415px;
    }
    .products-list-wrap {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .wooc_sclist .cocktail_cat a .check {
        display: none;
    }
    .wooc_sclist .image_align {
        text-align: center;
        width: 90%;
        min-height: 68px;
        display: flex;
        text-align: center;
    }
    .wooc_sclist {
        /* padding-right:115px; */
    }
    .wooc_sclist .cocktail_cat a.active,
    .wooc_sclist .cocktail_cat-view-all.active {
        background-color: #E9AC00;
        border-color: #E9AC00;
        color: #fff;
    }
    .wooc_sclist .cocktail_cat-view-all {
        /* position:absolute; */
    }
    .wooc_sclist .cocktail_cat a {
        text-align: center;
        border: 1px solid #efefef;
        margin-bottom: 0;
    }
    .wooc_sclist .cocktail_cat .image_align img {
        max-width: 90px;
    }
    #products-list .single-product {
        width: calc(50% - 16px);
    }
    #products-list .single-product .product_popup .container {
        max-width: 700px;
    }
    .product_popup .product_video.active {
        width: 315px;
    }
    .product_popup .product_meta .pr_servings {
        display: block;
        padding: 0;
        margin: 0;
    }
    .product_popup .product_meta .pr_servings:before {
        display: none;
    }
    #products-list .single-product .product_popup .container {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .product_img {
        height: 153px;
    }
}

@media (max-width: 767px) {
    .product_popup .product_video .mejs-container {
        height: 315px !important;
    }
    #intro p,
    .page-template-default #intro p {
        font-size: 1rem;
    }
    .l20-container .product_popup .product_video .mejs-container {
        height: 315px !important;
    }
    .l20-container #products-list .single-product .product_popup .container {
        height: auto;
    }
    .product_popup .product_video.active {
        width: 100%;
    }
    .product_popup .popup_image {
        margin-right: 0;
        height: 280px;
        margin-bottom: 30px;
    }
    #products-list .product_popup h3 {
        font-size: 24px !important;
    }
    #products-list .single-product .product_container .learn_more {
        padding-left: 10px;
        padding-right: 10px;
    }
    #products-list .single-product .popup_image img {
        height: 280px;
    }
    .product_popup.active .container {
        display: block;
    }
    .product_popup {
        top: 100px;
        transform: none;
        height: auto;
        left: 0;
    }
    .wooc_sclist .image_align {
        height: 68px;
        align-items: center;
    }
    .wooc_sclist .cocktail_cat a .check {
        display: none;
    }
    .wooc_sclist .image_align {
        text-align: center;
        width: 90%;
    }
    .wooc_sclist {
        /* padding-right:115px; */
    }
    .wooc_sclist .cocktail_cat a.active,
    .wooc_sclist .cocktail_cat-view-all.active {
        background-color: #E9AC00;
        border-color: #E9AC00;
        color: #fff;
    }
    .wooc_sclist .cocktail_cat-view-all {
        /* position:absolute; */
    }
    .wooc_sclist .cocktail_cat a {
        text-align: center;
        /* border:1px solid #efefef; */
        margin-left: auto;
    }
    .product_popup .product_info {
        padding: 0 30px;
    }
    #products-list {
        overflow: hidden;
    }
    #products-list .single-product .product_popup hr {
        width: 100%;
    }
    #products-list .single-product {
        width: 100%;
        margin: 0 -1px 20px 0;
        box-shadow: none;
        border: solid 1px #e9e9e9;
    }
    .products-list-wrap {
        /* margin: 0 -32px; */
    }
    #products-list .prices-overlayed {
        top: 15px;
        left: 15px;
    }
    #products-list .prices-overlayed .pr_price_over_main,
    #products-list .prices-overlayed .pr_price_over_prev {
        font-size: 0.75rem;
    }
    .l20-container #products-list .single-product .product_info .pr_price strong {
        display: block;
    }
    .product_container .product_info {
        white-space: normal;
    }
    .products-list-wrap .pr_servings {
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
        display: block;
    }
    #products-list .single-product hr {
        width: 84%;
    }
    .product_buttons {
        align-self: center;
    }
    #products-list .single-product h3 {
        font-size: 14px;
    }
    #orderDirectly {
        margin-top: -19px;
    }
    .footer-links {
        display: grid;
        text-align: center;
    }
    #orderDirectly {
        font-size: 18px;
    }
    #products-list .single-product .product_popup .container {
        height: auto;
    }
}

@media(max-width:520px) {
    .products-list-wrap .product_buttons a {
        font-size: 11px;
        padding: 10px;
        width: 100%;
        margin: 0 2px;
        letter-spacing: -.4px;
    }
}

@media(max-width:380px) {
    .products-list-wrap .product_buttons a {
        padding: 10px 7px;
    }
}

.woocommerce .return-to-shop a.button {
    border: solid 1px #ACACAC;
    margin: 0 5px;
    font-weight: 500;
    font-weight: 400;
    color: #0A0A0A;
    padding: 20px 30px;
    text-transform: uppercase;
    border-radius: 0;
    background: none;
    white-space: nowrap;
}

.woocommerce .return-to-shop a.button:hover {
    background: #E9AC00;
    color: #0A0A0A;
    border-color: #E9AC00;
}


/* cart page */

#billing_country_field,
.woocommerce-shipping-fields,
#billing_deliverydate_field {
    display: none;
}

.woocommerce .order-page .breadcrumbs a img:not(.dot) {
    height: auto;
}

.woocommerce .page-order-row h2 {
    border-right: solid 2px #808080;
}

.woocommerce .order-page .breadcrumbs a {
    font-size: 0.8125rem;
    color: #4D4F5C;
    font-weight: 500;
    font-weight: 400;
    margin-right: 95px;
}

.woocommerce .order-page .breadcrumbs a.active {
    color: #4D4F5C;
}

.woocommerce .order-page .breadcrumbs a img.dot {
    margin-bottom: 7px;
}

.woocommerce-cart .woocommerce form {
    padding: 0;
}

.woocommerce-cart .woocommerce form .table_left {
    padding-right: 70px;
}

.woocommerce-cart .woocommerce .cart thead tr th {
    color: #747F88;
    font-weight: 500;
    font-weight: 400;
    font-size: 0.9375rem;
}

.woocommerce-cart .woocommerce .cart tbody tr .product-remove .remove {
    font-size: 1.75rem;
    color: #B00B0C !important;
    width: 28px;
    height: 28px;
}

.woocommerce a.remove:hover {
    background: #B00B0C !important;
}

.woocommerce-cart .woocommerce .cart tbody tr .product-image img.wp-post-image {
    max-width: 60px;
    min-width: 60px;
    margin-right: 10px;
    width: 100%;
}

.woocommerce-cart .woocommerce .cart tbody tr td {
    font-size: 0.9375rem;
    font-weight: 500;
    font-weight: 400;
    padding: 10px 12px;
    color: #4D4F5C;
}

.woocommerce-cart .woocommerce .cart tbody tr .product-quantity .quantity .qty {
    font-weight: 700;
}

.woocommerce-cart .woocommerce .cart thead tr th.product-remove {
    width: 7%;
}

.woocommerce-cart .woocommerce .cart thead tr th.product-image {
    width: 8%;
}

.woocommerce-cart .woocommerce .cart thead tr th.product-name {
    width: 30%;
}

.woocommerce-cart .woocommerce .cart thead tr th.product-quantity {
    width: 14%;
}

.woocommerce-cart .woocommerce .cart thead tr th.product-price {
    width: 17%;
}

.woocommerce-cart .woocommerce .cart thead tr th.product-subtotal {
    width: 24%;
}

.woocommerce-cart .woocommerce .cart tbody tr .product-subtotal,
.woocommerce-cart .woocommerce .cart thead tr th.product-subtotal {
    text-align: center;
}

.woocommerce-cart .woocommerce .cart tbody tr td.product-price,
.woocommerce-cart .woocommerce .cart tbody tr td.product-subtotal {
    white-space: nowrap;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 {
    text-transform: none;
}


/* cart summary */

.woocommerce .checkout .yourorder #payment.woocommerce-checkout-payment .place-order button[type=submit] {
    color: #000 !important;
    font-size: 1rem;
    font-weight: 500;
    font-weight: 400;
}

.wc_payment_methods {
    display: none;
}

.woocommerce .checkout .yourorder #order_review_heading {
    color: #000;
    font-size: 1.5625rem;
}

.woocommerce .checkout .yourorder .shop_table tr th {
    font-size: 0.9375rem;
    color: #707070;
    font-weight: 500;
    font-weight: 400;
}

.woocommerce .checkout .yourorder .shop_table tr td {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 0.9375rem;
}

.woocommerce .checkout .yourorder .shop_table tr .product-name {
    font-weight: 700;
}

.woocommerce .checkout .yourorder .shop_table tr .product-total {
    font-size: 0.9375rem;
}

.woocommerce-cart .woocommerce .cart-collaterals {
    margin-top: 0;
}

.woocommerce .checkout .yourorder .shop_table tfoot th,
.woocommerce .checkout .yourorder .shop_table tfoot td {
    font-size: 0.9375rem !important;
}

.woocommerce .checkout .yourorder .shop_table tfoot .shipping td ul#shipping_method li label {
    font-size: 0.9375rem;
}

.woocommerce ul#shipping_method .amount {
    color: #909091;
}

.woocommerce .checkout .yourorder .shop_table tfoot .order-total th {
    font-size: 1.375rem !important;
    font-weight: 700;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tr th {
    font-weight: 500;
    font-weight: 400;
    font-size: 0.9375rem;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tr td {
    font-weight: 500;
    font-weight: 400;
    font-size: 0.9375rem;
}

.woocommerce ul#shipping_method li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.woocommerce ul#shipping_method li label {
    font-weight: 500;
    font-weight: 400;
    font-size: 0.9375rem;
}

.woocommerce ul#shipping_method li input {
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tr.order-total th {
    font-size: 1.25rem;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tr.order-total td strong {
    font-weight: 400;
    font-weight: 300;
    font-size: 1.4375rem;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .continueshop,
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .update-qty,
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
    font-weight: 500;
    font-weight: 400;
    font-size: 0.9375rem;
    min-height: 50px;
    line-height: 50px;
    text-transform: none;
    font-family: "Fira Sans", sans-serif;
}


/*thank you page*/

.page-id-306 #page,
.page-id-760 #page {
    position: relative;
    min-height: 33vh;
}

.page-id-306 #page::before {
    content: '';
    width: 14px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: #e9ad01;
}

.page-id-306 #innerpage h2 {
    font-size: 2.25rem;
    color: #3D3D3D;
    margin-top: 100px;
}

.page-id-760 #innerpage h2 {
    font-size: 2.25rem;
    color: #3D3D3D;
    margin-top: 100px;
}

#innerpage .woocommerce p.woocommerce-thankyou-order-received {
    font-size: 1.25rem;
    font-weight: 400;
    font-weight: 300;
    line-height: 1.5;
    padding: 0;
    color: #4D4F5C;
}

.thanks-link {
    color: #0A0A0A;
    text-transform: uppercase;
    font-weight: 500;
    font-weight: 400;
    text-decoration: underline !important;
    font-size: 1rem;
    display: inline-block;
    margin-top: 40px;
}

.thanks-link:hover {
    color: #E9AC00;
    text-decoration: underline !important;
}


/* delivery info */

body .woocommerce form .form-row-first {
    width: 100%;
}

body .woocommerce form .form-row-first legend {
    font-size: 1.375rem;
    color: #000;
    padding: 15px 0;
    font-weight: 500;
    font-weight: 400;
    margin-bottom: 10px;
}

body .woocommerce form .form-row-first ul {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

#innerpage .woocommerce form .form-row-first ul li {
    font-size: 0.875rem;
    color: #707070;
    font-weight: 400;
    font-weight: 300;
}

#innerpage .woocommerce form .form-row-first ul li strong {
    font-style: italic;
    font-weight: 500;
    font-weight: 400;
}

.woocommerce-cart .woocommerce #deliverycalc #billing_deliverypickup_field p {
    font-size: 0.75rem;
    color: #707070;
    font-style: italic;
}

.woocommerce-cart #page {
    display: block !important;
    min-height: 33vh;
}

.woocommerce-page #page {
    display: block !important;
    min-height: 33vh;
}

.woocommerce {
    padding-bottom: 0;
}

.woocommerce .checkout .woocommerce-billing-fields {
    padding-left: 0;
}

.woocommerce-billing-fields h5 {
    font-weight: 500;
    font-weight: 400;
    color: #4D4F5C;
    font-size: 1rem;
    margin: 0 0 20px 0;
}

.state_select {
    min-height: 46px;
    height: 46px;
    color: #4D4F5C;
    font-size: 0.9375rem;
    padding: 5px 20px;
}

.woocommerce .checkout .woocommerce-billing-fields p input[type=text],
.woocommerce .checkout .woocommerce-billing-fields p input[type=number] {
    min-height: 46px;
    height: 46px;
    color: #4D4F5C;
    font-size: 0.9375rem;
    padding: 5px 20px;
}

.woocommerce-billing-fields #billing_deliverypickup_field legend {
    display: none;
}

.woocommerce-billing-fields #billing_deliverypickup_field label {
    color: #4D4F5C;
    font-size: 0.9375rem;
    font-weight: 400;
    font-weight: 300;
}

.woocommerce .checkout .select2-container--default .select2-selection--single {
    height: 46px;
    font-size: 0.9375rem;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px;
    padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
}

.woocommerce-checkout .select2-dropdown {
    border-color: #e5e5e5;
}

@media (max-width: 1589px) {
    .woocommerce .order-page .breadcrumbs a {
        margin-right: 55px;
    }
    .woocommerce-cart .woocommerce form .table_left {
        padding-right: 40px;
    }
}

@media (max-width: 1999px) {
    .woocommerce-cart .woocommerce .breadcrumbs {
        margin-left: 1%;
    }
    .woocommerce-cart #innerpage .woocommerce .cart-collaterals .cart_totals h2 {
        font-size: 2.5rem;
    }
    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tr.order-total td strong {
        font-size: 1.125rem;
    }
    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tr.order-total th {
        font-size: 1.125rem;
    }
}

@media (max-width: 991px) {
    .woocommerce-cart .woocommerce form .table_left {
        padding-right: 0;
    }
    .woocommerce-cart .woocommerce .breadcrumbs {
        margin-left: 13%;
    }
}

@media (max-width: 768px) {
    .woocommerce .page-order-row h2 {
        border: 0;
    }
    .woocommerce .page-order-row h2 {
        text-align: center;
    }
    .woocommerce .order-page {
        text-align: center !important;
    }
    .woocommerce-cart .woocommerce .breadcrumbs {
        margin-left: 0 !important;
        margin-bottom: 0;
    }
    .woocommerce .order-page .breadcrumbs a {
        margin: 0 16px;
        font-size: 0.75rem;
    }
    .woocommerce-cart .woocommerce .cart tbody tr.cart_item {
        position: relative;
        border: solid 1px #e5e5e5;
    }
    .woocommerce-cart .woocommerce .cart tbody tr td.product-name::before {
        display: none;
    }
    .woocommerce-cart .woocommerce .cart tbody tr td.product-image {
        float: left;
        display: block;
        width: 50%;
    }
    .woocommerce-cart .woocommerce .cart tbody tr td.product-name {
        float: left;
        display: block;
        width: 50%;
    }
    .woocommerce-cart .woocommerce .cart tbody tr td.product-price {
        clear: both;
    }
    .woocommerce-cart .woocommerce .cart tbody tr td {
        border: 0;
    }
    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        text-transform: uppercase;
        color: #747F88;
        content: attr(data-title) !important;
    }
    .woocommerce-cart .woocommerce .cart tbody tr .product-remove .remove {
        position: absolute;
        right: 0;
        top: 0;
    }
    .woocommerce-cart .woocommerce .cart tbody tr .product-image img.wp-post-image {
        display: none;
    }
}

.woocommerce-cart .woocommerce .breadcrumbs {
    margin-left: 5%;
}

#footer {
    padding: 80px 0 70px 0;
    border-top: 7px solid #E9AC00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#footer h3 {
    margin: 0 0 50px 0;
    font-size: 35px;
    color: #E9AC00;
    font-weight: 400;
    font-weight: 300;
    text-transform: uppercase;
}

#footer h3 strong {
    font-weight: 500;
    font-weight: 400;
    color: #fff;
}

#footer .col-div {
    height: 32px;
    background: #707070;
    width: 1px;
    margin: 0px 25px;
}

.footer-links {
    color: #fff;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-column-gap: 55px;
    -moz-column-gap: 55px;
    column-gap: 15px;
    margin-bottom: 40px;
}

#footer .contact_icon {
    height: 25px;
    max-height: 100%;
    margin-right: 15px;
}

#footer a {
    color: #fff;
    text-decoration: none;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
}

#footer .btn {
    border: solid 1px #E9AC00;
    padding: 16px 45px;
    font-size: 0.875rem;
    font-weight: 500;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0;
    margin-bottom: 70px;
}

#footer .btn:hover {
    background: #E9AC00;
    color: #000;
}

.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 15px;
}

.footer-social a {
    margin: 0 10px;
    font-size: 37px;
}

.footer-social .fa {
    color: #DFDFDF;
}

@media (max-width: 1589px) {
    #footer {
        padding-top: 80px;
    }
    #footer h3 {
        font-size: 30px;
        margin-bottom: 50px;
    }
    .footer-links {
        font-size: 16px;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 15px;
        margin-bottom: 40px;
    }
    #footer .btn {
        padding: 15px 45px;
        margin-bottom: 40px;
    }
    #footer .contact_icon {
        height: 20px;
    }
    .footer-social a {
        font-size: 26px;
    }
    #footer .col-div {
        height: 26px;
    }
}

@media(max-width: 991px) {
    .footer-links {
        font-size: 16px;
        -webkit-column-gap: 13px;
        -moz-column-gap: 13px;
        column-gap: 13px;
    }
    #footer .contact_icon {
        height: 20px;
        margin-right: 10px;
    }
    #footer .col-div {
        height: 24px;
    }
}

@media(max-width: 768px) {
    #modalEnquire {
        top: 20px;
    }
    .footer-links {
        flex-direction: column;
        align-items: center;
    }
    #footer {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #footer .col-div {
        display: none;
    }
    #footer .col {
        margin-bottom: 15px;
    }
    #footer h3,
    #footer .btn {
        margin-bottom: 40px;
    }
    .footer-links {
        margin-bottom: 30px;
    }
    #intro {
        margin-bottom: 40px;
    }
    #cd-lateral-nav .menu-item-has-children>a::after {
        content: none;
    }
}

#modalEnquire,
#modalContact {
    top: 50%;
    transform: translateY(-8%);
}

#header .row #nav li .sub-menu li,
#headersticky .row #nav li .sub-menu li {
    text-align: left;
    padding: 10px 30px;
}

#header .row #nav li .sub-menu,
#headersticky .row #nav li .sub-menu {
    width: 200px;
    background: rgb(0 0 0 / 71%);
}

#header .row #nav li .sub-menu {
    padding-top: 10px;
    padding-bottom: 13px;
}

.cd-main-content.lateral-menu-is-open {
    transform: none !important;
}

.order_now.enq {
    text-indent: -5px;
}

.number_icon:after {
    content: "";
}

#home {
    background-attachment: fixed;
}

@media (hover: none) {
    #home,
    #content-0 {
        background-attachment: scroll;
    }
}

@media all and (max-width:991px) {
    #cd-lateral-nav a {
        text-transform: uppercase;
        font-size: 14px !important;
    }
    #cd-lateral-nav .sub-menu a {
        padding-left: 18px;
    }
    #modalEnquire {
        top: 70px;
    }
    #cd-lateral-nav .sub-menu {
        padding-bottom: 0;
    }
    .page-id-818 #page h2 {
        width: 80%;
        margin: auto;
        float: none;
        clear: both;
        display: block;
        position: absolute;
        left: 10%;
    }
    .icon_container {
        margin-bottom: 20px;
        min-height: 200px;
    }
    .order_now.enq {
        text-indent: 0;
    }
    .menu-item-has-children .sub-menu {
        display: block !important;
    }
    .menu-item-has-children .sub-menu a:before {
        content: ' - ';
    }
    .wooc_sclist .cocktail_cat a {
        margin: auto;
        margin-bottom: 20px;
        max-width: 90%;
    }
    .wooc_sclist .cocktail_cat {
        height: auto;
        max-height: initial;
        border-bottom: none;
    }
}

@media all and (min-width: 1500px) {
    .product_container[data-id="822"] br {
        display: none;
    }
    .wooc_sclist.sticky {
        min-width: 421px;
    }
}

.gchoice_4_23_1 input,
#choice_4_23_1,
.gchoice_4_23_2 input,
#choice_4_23_2 {
    vertical-align: top !important;
    margin-top: 6px !important;
}

@media (max-width:600px) {
    #modalEnquire .modal-body {
        padding: 20px 10px !important;
    }
    #modalEnquire .modal-body .gform_wrapper .gform_body {
        padding: 0 20px !important;
    }
}

#field_4_20 div {
    max-width: 100% !important;
}

.gchoice_4_23_1 input,
#choice_4_23_1,
.gchoice_4_23_2 input,
#choice_4_23_2 {
    vertical-align: top !important;
    margin-top: 11px !important;
}

#modalEnquire .modal-body {
    padding: 20px 50px;
}

.policy-template {
    padding: 80px 180px;
}


/* 750 ML PAGE AND 5L PAGE */

.page-id-830 .wooc_sclist-wrap,
.page-id-818 .wooc_sclist-wrap {
    display: none;
}

.page-id-830 .products-list-wrap,
.page-id-818 .products-list-wrap {
    width: 100%;
}

.page-id-830 .page-wrap,
.page-id-818 .page-wrap {
    max-width: 1200px;
}

.page-id-830 #products-list .single-product {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 16px;
    width: calc(25% - 16px);
}

.page-id-830 .products-list-wrap,
.page-id-818 .products-list-wrap {
    min-height: auto;
    ;
}

.page-id-818 #products-list .single-product {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 16px;
    width: 45%;
}

.page-id-818 .products-list-wrap {
    justify-content: center;
}

.sale-icon {
    background-color: #E9AC00;
    width: 50px;
    font-weight: 500;
    color: #fff;
    height: 50px;
    clear: both;
    display: flex;
    align-items: center;
    border-radius: 5px;
    font-size: 13px;
    margin-left: 12px;
    justify-content: center;
    position: absolute;
    top: 30px;
    display: none;
    /* line-height: 51px; */
}

.page-id-818 .sale-price {
    top: 90px !important;
    left: 26px !important;
}

.abv {
    position: absolute;
    justify-content: flex-end;
    right: 25px;
    top: 25px;
    background-color: #E9AC00;
    padding: 5px 15px;
    border-radius: 21px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    display: none;
}

.page-id-818 .abv {
    display: flex;
}

.page-id-818 .sale-icon {
    display: flex;
}

@media (max-width:600px) {
    .sale-icon {
        width: 50px;
        height: 50px;
        font-size: 13px;
        margin-left: 0;
        top: 19px;
    }
    .abv {
        top: 15px;
        font-size: 10px;
        right: 10px;
    }
    .page-id-818 #products-list .prices-overlayed {
        top: 25px;
    }
    .page-id-818 .sale-price {
        top: 80px !important;
        left: 11px !important;
    }
}

@media (max-width:600px) and (min-width:768px) {
    /* .sale-price {
margin-top: 60px;
left: 20px;
} */
    .abv {
        right: 10px;
        top: 30px;
        font-size: 12px;
    }
}


/* ENQUIRY PAGE  */

.enquiry-form #gform_wrapper_3 {
    display: block !important;
}

@media (max-width:600px) {
    .page-id-818 #products-list .single-product {
        width: 100%;
    }
    #products-list {
        padding-top: 0px;
    }
    #products-list .row {
        margin-right: 0px;
        margin-left: -15px;
    }
    #orderDirectly img {
        margin: auto !important;
    }
    #products-list .single-product .product_popup {
        z-index: 999999 !important;
    }
    .page-id-830 #products-list .single-product {
        width: 100% !important;
    }
    .wp-video iframe {
        max-width: 100% !important;
        width: 100%;
    }
    #home .centered .ordernow {
        margin-right: 10px;
        display: block;
        width: 70%;
        margin: auto;
        margin-bottom: 20px;
    }
    .page-id-818 .wp-video iframe {
        margin-top: 70px !important;
    }
    .woocommerce .return-to-shop a.button {
        width: 100%;
        margin-top: 20px;
    }
    .gform_legacy_markup_wrapper ul.gfield_checkbox li label,
    .gform_legacy_markup_wrapper ul.gfield_radio li label {
        margin-top: 6px !important;
    }
    #input_4_8 li label,
    #input_4_8 ul.gfield_radio {
        margin-top: -5px !important;
    }
    a.loginlink {
        font-size: 0px;
    }
    a.loginlink i {
        display: block !important;
        font-size: 13px !important;
    }
}


/** end mobile  */

.gform_legacy_markup_wrapper ul.gfield_checkbox li label,
.gform_legacy_markup_wrapper ul.gfield_radio li label {
    margin-top: 7px !important;
}

#input_4_8 li label,
#input_4_8 ul.gfield_radio {
    margin-top: -5px !important;
}

.l20-container #products-list .single-product .product_img {
    margin-top: 30px;
}

@media (min-width:993px) {
	#products-list .single-product {
		min-height: 400px !important;
	}
}
.woocommerce-Price-currencySymbol {
    margin-right: 3px !important;
}